Plugin-Entwicklung on Handbuch

WebView2 in PowerShell

Sat, 06 Jun 2026 16:40:43 +0200

WebView2 in PowerShell #

Die GUI eines EULANDA-Plugins ist kein eigenes Programm und kein externer Browser, sondern ein echter Chromium (Microsoft Edge WebView2), der direkt im PowerShell-Prozess läuft. Ein schlankes WPF-Fenster hostet die WebView2-Komponente; darin läuft die Oberfläche als HTML/CSS/JavaScript. Das ist die Technik, die ein modernes, plattform-einheitliches UI erlaubt, ohne dass das Plugin einen Webserver, ein Framework-Projekt oder eine separate Laufzeit mitbringen muss - alles steckt in einem PowerShell-Modul.

Das WebKit im Schaufenster

Sat, 06 Jun 2026 19:00:45 +0200

Übersicht

Das WebKit im Schaufenster #

Eine Oberfläche für ein EULANDA-Plugin zu bauen fühlt sich an wie HTML schreiben - nur dass am Ende kein nacktes Formular steht, sondern ein fertiger, themenfähiger, mehrsprachiger Dialog. Das WebKit aus EulandaXtools liefert dafür einen ganzen Satz eul-*-Bausteine: Sie kennen Hell- und Dunkelmodus, sie sind lokalisiert, sie sehen über alle Plugins gleich aus - und man bindet sie ein, indem man ein Tag schreibt. Kein Framework-Projekt, kein Build-Schritt, keine Node-Toolchain.

Dialog-Aufbau und Bausteine

Sat, 06 Jun 2026 16:40:43 +0200

Übersicht

Dialog-Aufbau und Bausteine #

Alle Plugin-Dialoge folgen demselben Aufbau, damit sie sich für den Anwender gleich anfühlen. Die Struktur liefert die eul-app-Komponente mit benannten Slots.

Standard-Aufbau #

Kopfleiste (oben) mit Logo und App-Titel links; rechts die Aktionsleiste mit den globalen Aktionen, in dieser Reihenfolge: Nachrichten-Verlauf, Sprachumschaltung, Über (About), Theme Automatisch / Hell / Dunkel.
Seitenleiste (links) mit der Navigationsleiste (eul-sidebar + eul-page): die Hauptpunkte des Plugins. Bei wenigen Seiten alternativ eul-ribbon (Reiter oben statt Sidebar).
Inhalt je Seite: ein statischer Teil (z.B. die Quell-/Filterzeile) und - nur wenn nötig
- Tabs (eul-tabs, rein CSS-basiert) für weitere Optionen.
Statusleiste (unten) mit Statustext und Schließen-Button.

<eul-app>
 <header slot="header">
 <eul-image slot="logo" src="eulimg/eulanda-logo.png" width="32" height="32"></eul-image>
 <h1 slot="title" data-i18n="app.title">{{app.title}}</h1>
 <div slot="actions">
 <eul-row gap="2">
 <!-- Nachrichten-Verlauf, Sprachumschaltung, About, Theme (auto/hell/dunkel) -->
 </eul-row>
 </div>
 </header>

 <eul-sidebar slot="body">
 <nav slot="nav">
 <a data-page="page-start" active><eul-icon name="file" size="14"></eul-icon> Start</a>
 <a data-page="page-statistik"><eul-icon name="info" size="14"></eul-icon> Statistik</a>
 </nav>

 <eul-page id="page-start" active>
 <eul-card><!-- statischer Teil: Quelle/Filter --></eul-card>
 <eul-card><eul-grid id="gResults" search pagination sort></eul-grid></eul-card>
 </eul-page>
 <eul-page id="page-statistik"><!-- ... --></eul-page>
 </eul-sidebar>
</eul-app>

So sehen die Zonen in einem echten Plugin (EulandaXdatanorm) aus - die jeweils erklärte Zone ist hell, der Rest abgedunkelt:

Einbindung und Auslieferung

Sat, 06 Jun 2026 13:32:35 +0200

Übersicht

Einbindung in EULANDA und Auslieferung #

Ein Plugin besteht aus drei Teilen: den headless Fachfunktionen, dem GUI-Einstieg und der cnreg-Action, die EULANDA den Aufruf als Menü- oder Kontextpunkt bekannt macht. Dazu kommt die Auslieferung (Modulpfad, Paket).

Headless-Einstieg (Caller-owns-Connection) #

Der öffentliche Einstieg ist parameter-gesteuert und damit headless lauffähig. Die GUI ruft ihn genauso wie ein Batch-Lauf.

function Show-MyPlugin {
 [CmdletBinding()]
 param([Parameter(Mandatory)][string]$Udl, [string]$Language = 'DE', $Task)
 # GUI: Dialog bauen und Fachfunktionen mit -Udl rufen (siehe WebView2-Seite).
}

function Invoke-MyReconciliation {
 [CmdletBinding()]
 param([__ComObject]$Conn, [string]$Udl, [string]$ConnStr)
 # Verbindung nach Caller-owns-Connection: -Conn (bleibt offen) ODER -Udl/-ConnStr
 # (selbst öffnen und am Ende schließen). Reine Fachlogik, keine GUI.
}

So ist jede Funktion einzeln test- und serverbar; die Oberfläche bleibt austauschbarer Komfort.