@5minds/processcube_app_sdk 8.6.1 → 8.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +20 -28
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -43,7 +43,7 @@ graph TD
43
43
 
44
44
  ### Export-Map
45
45
 
46
- Das Paket hat drei Einstiegspunkte — jeder mit ESM- und CJS-Support:
46
+ Das Paket hat drei Einstiegspunkte — jeder mit ESM- und CJS-Support. Komponenten-CSS wird beim Import automatisch vom Consumer-Bundler aufgelöst.
47
47
 
48
48
  ```mermaid
49
49
  graph LR
@@ -51,21 +51,19 @@ graph LR
51
51
  I1["import _ from<br/>'@5minds/processcube_app_sdk'"]
52
52
  I2["import _ from<br/>'@5minds/processcube_app_sdk/server'"]
53
53
  I3["import _ from<br/>'@5minds/processcube_app_sdk/client'"]
54
- I4["import<br/>'…/client/components/*.css'"]
55
54
  end
56
55
 
57
56
  I1 --> Common["common/index.mjs<br/><small>.cjs</small>"]
58
57
  I2 --> Server["server/index.mjs<br/><small>.cjs</small>"]
59
- I3 --> Client["client/index.mjs<br/><small>.cjs</small>"]
60
- I4 --> CSS["components/*.css"]
58
+ I3 --> Client["client/index.mjs<br/><small>.cjs + CSS auto-import</small>"]
61
59
  ```
62
60
 
63
- | Import-Pfad | Inhalt | Umgebung |
64
- | ------------------------------------ | ------------------------------------------------------------------------- | --------------- |
65
- | `@5minds/processcube_app_sdk` | Gemeinsame Typen, `RemoteUserTask`, `hasClaim`, Auth-Callbacks | Client + Server |
66
- | `@5minds/processcube_app_sdk/server` | Engine-Funktionen, Server Actions, Auth, Authority Client, External Tasks | Nur Server |
67
- | `@5minds/processcube_app_sdk/client` | React-Komponenten (BPMNViewer, DynamicUi, ProcessInstanceInspector, …) | Nur Client |
68
- | `…/client/components/*.css` | Komponent-spezifische Stylesheets | CSS-Import |
61
+ | Import-Pfad | Inhalt | Umgebung |
62
+ | ------------------------------------ | -------------------------------------------------------------------------------------------------------- | --------------- |
63
+ | `@5minds/processcube_app_sdk` | Gemeinsame Typen, `RemoteUserTask`, `hasClaim`, Auth-Callbacks | Client + Server |
64
+ | `@5minds/processcube_app_sdk/server` | Engine-Funktionen, Server Actions, Auth, Authority Client, External Tasks | Nur Server |
65
+ | `@5minds/processcube_app_sdk/client` | React-Komponenten (BPMNViewer, DynamicUi, ProcessInstanceInspector, …). CSS wird automatisch mitgeladen. | Nur Client |
66
+ | `…/client/styles` | Tailwind-Basisstyles (optional, nur wenn separat benötigt) | CSS-Import |
69
67
 
70
68
  ## Installation
71
69
 
@@ -719,16 +717,18 @@ Alle Client-Komponenten werden aus `@5minds/processcube_app_sdk/client` importie
719
717
 
720
718
  ### Übersicht
721
719
 
722
- | Komponente | Beschreibung | CSS erforderlich |
723
- | ---------------------------- | ------------------------------------------------------- | ---------------- |
724
- | **BPMNViewer** | BPMN-Diagramm-Rendering mit Overlays und Markern | Ja |
725
- | **ProcessInstanceInspector** | Interaktive Prozessinstanz-Ansicht mit Token-Inspektion | Ja |
726
- | **DynamicUi** | Dynamischer Formular-Builder aus UserTask-Schemas | Ja |
727
- | **ProcessModelInspector** | Prozessmodell mit Heatmap-Visualisierung | Ja |
728
- | **DocumentationViewer** | Markdown-Dokumentation mit Syntax-Highlighting | Ja |
729
- | **SplitterLayout** | Größenveränderbares Panel-Layout | Ja |
730
- | **DropdownMenu** | Dropdown-Menü (Headless UI) | Ja |
731
- | **RemoteUserTask** | iFrame-basierte Remote User Task (Common) | Nein |
720
+ | Komponente | Beschreibung |
721
+ | ---------------------------- | ------------------------------------------------------- |
722
+ | **BPMNViewer** | BPMN-Diagramm-Rendering mit Overlays und Markern |
723
+ | **ProcessInstanceInspector** | Interaktive Prozessinstanz-Ansicht mit Token-Inspektion |
724
+ | **DynamicUi** | Dynamischer Formular-Builder aus UserTask-Schemas |
725
+ | **ProcessModelInspector** | Prozessmodell mit Heatmap-Visualisierung |
726
+ | **DocumentationViewer** | Markdown-Dokumentation mit Syntax-Highlighting |
727
+ | **SplitterLayout** | Größenveränderbares Panel-Layout |
728
+ | **DropdownMenu** | Dropdown-Menü (Headless UI) |
729
+ | **RemoteUserTask** | iFrame-basierte Remote User Task (Common) |
730
+
731
+ > **CSS:** Alle Komponenten laden ihr Stylesheet automatisch. Ein manueller CSS-Import ist nicht nötig.
732
732
 
733
733
  ### BPMNViewer
734
734
 
@@ -738,7 +738,6 @@ Rendert BPMN-Diagramme und bietet eine Ref-API für Overlays, Marker und Heatmap
738
738
  'use client';
739
739
 
740
740
  import { BPMNViewerNextJS, BPMNViewerFunctions } from '@5minds/processcube_app_sdk/client';
741
- import '@5minds/processcube_app_sdk/client/components/BPMNViewer.css';
742
741
  import { useRef } from 'react';
743
742
 
744
743
  export default function DiagramPage({ xml }: { xml: string }) {
@@ -786,8 +785,6 @@ Interaktive Ansicht einer Prozessinstanz mit BPMN-Diagramm, Token-Inspektion, Re
786
785
  'use client';
787
786
 
788
787
  import { ProcessInstanceInspectorNextJS } from '@5minds/processcube_app_sdk/client';
789
- import '@5minds/processcube_app_sdk/client/components/ProcessInstanceInspector/ProcessInstanceInspector.css';
790
- import '@5minds/processcube_app_sdk/client/components/BPMNViewer.css';
791
788
 
792
789
  export default function InspectorPage({ processInstanceId }: { processInstanceId: string }) {
793
790
  return (
@@ -826,8 +823,6 @@ export default function InspectorPage({ processInstanceId }: { processInstanceId
826
823
 
827
824
  Rendert dynamische Formulare basierend auf UserTask-FormField-Definitionen. Unterstützt 25+ Feldtypen und Custom Fields.
828
825
 
829
- Die Komponente importiert ihr CSS automatisch — ein separater CSS-Import ist nicht nötig.
830
-
831
826
  ```typescript
832
827
  'use client';
833
828
 
@@ -894,7 +889,6 @@ Rendert Markdown-Dokumentation.
894
889
 
895
890
  ```typescript
896
891
  import { DocumentationViewer } from '@5minds/processcube_app_sdk/client';
897
- import '@5minds/processcube_app_sdk/client/components/DocumentationViewer.css';
898
892
 
899
893
  <DocumentationViewer documentation="# Titel\n\nBeschreibung..." />
900
894
  ```
@@ -909,7 +903,6 @@ Größenveränderbares Zwei-Panel-Layout.
909
903
 
910
904
  ```typescript
911
905
  import { SplitterLayout } from '@5minds/processcube_app_sdk/client';
912
- import '@5minds/processcube_app_sdk/client/components/SplitterLayout.css';
913
906
 
914
907
  <SplitterLayout vertical={false} primaryIndex={0} secondaryMinSize={200}>
915
908
  <div>Linkes Panel</div>
@@ -936,7 +929,6 @@ Dropdown-Menü basierend auf Headless UI.
936
929
 
937
930
  ```typescript
938
931
  import { DropdownMenu, DropdownMenuItem } from '@5minds/processcube_app_sdk/client';
939
- import '@5minds/processcube_app_sdk/client/components/DropdownMenu.css';
940
932
 
941
933
  <DropdownMenu>
942
934
  <DropdownMenuItem title="Bearbeiten" onClick={() => {}} />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@5minds/processcube_app_sdk",
3
- "version": "8.6.1",
3
+ "version": "8.6.2",
4
4
  "description": "The SDK for ProcessCube Apps",
5
5
  "type": "module",
6
6
  "main": "build/common/index.cjs",