@opens/service-workflow-ui 1.1.0 → 1.2.0

package/README.md

@@ -23,11 +23,14 @@ app.use(ServiceWorkflowUi);
 <app-service-workflow-editor
   workflow-id="main-flow"
   v-model="flow"
-  :allowed-node-types="['screen', 'identification', 'service']"
-  @change="handleChange"
+  :allowed-node-types="[
+    { id: 'widget-base-screen' },
+    { id: 'widget-identification-screen' },
+    { id: 'widget-service-screen' },
+  ]"
   @node="handleNode"
+  @change="handleChange"
   @invalid-change="handleInvalidChange"
-  @invalid-model="handleInvalidModel"
 ></app-service-workflow-editor>
 
 <app-service-workflow-add-form workflow-id="main-flow"></app-service-workflow-add-form>
@@ -39,22 +42,23 @@ app.use(ServiceWorkflowUi);
 
 `workflow-id` connects one editor to external add and edit forms through Pinia. The consumer owns
 the Pinia instance; the library never installs or replaces it. Both forms can be positioned
-anywhere in the application. Selecting an editable `screen`, `service`, or `identification` node
-opens the matching form; saving emits the updated workflow through the editor's `v-model` and
-`change` event. The edit form emits `close` whenever an active form closes.
+anywhere in the application. Selecting an editable `widget-base-screen`,
+`widget-service-screen`, or `widget-identification-screen` node opens the matching form; saving
+emits the updated workflow through the editor's `v-model` and `change` event. The edit form emits
+`close` whenever an active form closes.
 
-A non-empty flow must contain exactly one rule with `isRoot: true`. Disconnected rules, multiple
-parents, and cycles are supported. Invalid models remain visible in read-only mode.
+The editor keeps externally supplied workflows editable, including partially configured rules and
+connections. It does not validate the complete workflow or switch to a global read-only mode.
 
-Node-type descriptors may define a maximum number of outgoing children. Every rule with remaining
-capacity displays one rolling purple add placeholder, regardless of how many slots remain.
-`maxChildren: 0` disables child creation for that type.
+Node-type descriptors use `id` as their primary key and may define a maximum number of outgoing
+children. Every rule with remaining capacity displays one rolling purple add placeholder,
+regardless of how many slots remain. `maxChildren: 0` disables child creation for that type.
 
 ```ts
 const allowedNodeTypes = [
-  { type: 'screen', maxChildren: 2 },
-  { type: 'identification', maxChildren: 1 },
-  { type: 'service', maxChildren: 0 },
+  { id: 'widget-base-screen', maxChildren: 2 },
+  { id: 'widget-identification-screen', maxChildren: 1 },
+  { id: 'widget-service-screen', maxChildren: 0 },
 ];
 ```
 

package/dist/main.d.ts

@@ -20,9 +20,18 @@ declare type __VLS_Props_2 = {
 declare type __VLS_Props_3 = {
     workflowId: string;
     modelValue: any;
-    allowedNodeTypes?: any[];
+    allowedNodeTypes?: AllowedNodeType[];
 };
 
+export declare interface AllowedNodeType {
+    id: string;
+    label?: string;
+    color?: string;
+    icon?: string;
+    defaultName?: string;
+    maxChildren?: number;
+}
+
 export declare const AppServiceWorkflowAddForm: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare const AppServiceWorkflowEditNodeForm: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -44,7 +53,7 @@ onNode?: ((rule: any) => any) | undefined;
 "onInvalid-change"?: ((invalid: InvalidChange) => any) | undefined;
 "onInvalid-model"?: ((invalid: InvalidModel) => any) | undefined;
 }>, {
-allowedNodeTypes: any[];
+allowedNodeTypes: AllowedNodeType[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const _default: {
@@ -62,7 +71,7 @@ export declare interface InvalidModel {
 }
 
 export declare interface NormalizedNodeType {
-    type: string;
+    id: string;
     label: string;
     color: string;
     icon: string;