Tag-Name-Replacer in Stencil einbauen

[deleonio]

Wir brauchen für Version 4 eine funktionierende Lösung, um KoliBri in Micro-Apps parallel betreiben zu können.

[deleonio]

Hallo @sdvg,

bitte bearbeite noch dieses Ticket, sodass wir mit dem neusten Stencil auch Tag-Name-Transforming machen können. Binde uns ein, sodass wir unterstützen können.

FYI: @laske185, @christian-bromann, @johnjenkins

[sdvg]

Ich habe das Ticket genutzt, um den neuen Ansatz von Cliffback auszutesten.

Paket und Erklärung (Readme ist gut geschrieben - Leseempfehlung!): https://github.com/Cliffback/stencil-custom-suffix-output-target
PR: #8492

Hier ein Überblick zum Custom Output Target:

• Modifiziert alle Komponenten nachträglich (im dist-custom-elements Output).
• Das Suffix muss vom Projekt aus als JSON-Datei in die node_modules geschrieben werden. Hierfür gibt es ein CLI Tool das bei postinstall aufgerufen werden kann.
• Arbeitet ausschließlich mit dem “Custom Elements” Target
  • Dieses braucht den "neuen" React Adapter, wie er von Stencil bereitgestellt wird.

Noch offen:

• Wie bringen wir den React Adapter dazu, auch die modifizierten Tags zu rendern? Für Angular gibt es hier bereits eine Methode, die vermutlich adaptiert werden kann: https://github.com/Cliffback/stencil-custom-suffix-output-target#%F0%9F%85%B0-angular-wrapper-integration