0.27.3. (#180)

b4rtaz · web-flow · commit 3553aad27d1d · 2025-02-20T21:53:29.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.27.3
+
+This version adds the `onIsReadyChanged` event to the `SequentialWorkflowDesignerController` class for React.
+
 # 0.27.2
 
 Added a new method to the internal control bar api.
diff --git a/README.md b/README.md
@@ -104,10 +104,10 @@ Add the below code to your head section in HTML document.
 ```html
 <head>
 ...
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3/dist/index.umd.js"></script>
 ```
 
 Call the designer by:
diff --git a/angular/designer/package.json b/angular/designer/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-angular",
 	"description": "Angular wrapper for Sequential Workflow Designer component.",
-	"version": "0.27.2",
+	"version": "0.27.3",
 	"author": {
 		"name": "NoCode JS",
 		"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
 	"peerDependencies": {
 		"@angular/common": "12 - 19",
 		"@angular/core": "12 - 19",
-		"sequential-workflow-designer": "^0.27.2"
+		"sequential-workflow-designer": "^0.27.3"
 	},
 	"dependencies": {
 		"tslib": "^2.3.0"
diff --git a/demos/angular-app/package.json b/demos/angular-app/package.json
@@ -26,8 +26,8 @@
 		"@angular/platform-browser-dynamic": "^17.3.9",
 		"@angular/router": "^17.3.9",
 		"rxjs": "~7.8.0",
-		"sequential-workflow-designer": "^0.27.2",
-		"sequential-workflow-designer-angular": "^0.27.2",
+		"sequential-workflow-designer": "^0.27.3",
+		"sequential-workflow-designer-angular": "^0.27.3",
 		"tslib": "^2.3.0",
 		"zone.js": "~0.14.6"
 	},
diff --git a/demos/angular-app/yarn.lock b/demos/angular-app/yarn.lock
@@ -6744,17 +6744,17 @@ send@0.18.0:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
-sequential-workflow-designer-angular@^0.27.1:
-  version "0.27.1"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.27.1.tgz#98a35929692c024088212374f5b973460103bff7"
-  integrity sha512-ApE/NFLax7WpkYAXFCXFyNTKnF3yITSUJyMpBcF/C3F9n/afwkuvyX2sg8PjhrBUje0oTHxMgYqRKlQ1q7xrXg==
+sequential-workflow-designer-angular@^0.27.3:
+  version "0.27.3"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.27.3.tgz#a09afa54f775545d9520c23fde58ad14fb80f2ff"
+  integrity sha512-NOZ9y+oT5o5thTzDtW0socanJvZWC7vIttFR+2BlDX1wKbxOjrjM9xtOFXd1arZb1nDv6Uu8rKO22hcf6TgNCw==
   dependencies:
     tslib "^2.3.0"
 
-sequential-workflow-designer@^0.27.1:
-  version "0.27.1"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.27.1.tgz#65d08367625deb5b56b7cbbceb3720d49d8fb973"
-  integrity sha512-cGmGplWopdMT5JDqR9r8pxIVqAZcmLe34MmRmr3D/dJ0jfJP5gyU4CvtntpFrGh9oriWsyPUZG4TldjPEQf9kg==
+sequential-workflow-designer@^0.27.3:
+  version "0.27.3"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.27.3.tgz#387c33ece069ba922a2c693866308d04213aa118"
+  integrity sha512-3G1By8XFG6fpD6pWjnkXnk3Gt4P1GHQVANd1XiD9ffcmYwZV5RfNkc/MLTMhYp2pcp4qIivt52Iq3J92i7h1TQ==
   dependencies:
     sequential-workflow-model "^0.2.0"
 
diff --git a/demos/react-app/package.json b/demos/react-app/package.json
@@ -6,8 +6,8 @@
 	"dependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.27.2",
-		"sequential-workflow-designer-react": "^0.27.2"
+		"sequential-workflow-designer": "^0.27.3",
+		"sequential-workflow-designer-react": "^0.27.3"
 	},
 	"devDependencies": {
 		"@types/jest": "^29.2.5",
diff --git a/demos/react-app/src/playground/Playground.tsx b/demos/react-app/src/playground/Playground.tsx
@@ -45,6 +45,16 @@ export function Playground() {
 	const [moveViewportToStep, setMoveViewportToStep] = useState<string | null>(null);
 	const definitionJson = JSON.stringify(definition.value, null, 2);
 
+	useEffect(() => {
+		function onIsReadyChanged() {
+			console.log(`isReady=${controller.isReady()}`);
+		}
+		controller.onIsReadyChanged.subscribe(onIsReadyChanged);
+		return () => {
+			controller.onIsReadyChanged.unsubscribe(onIsReadyChanged);
+		};
+	}, [controller]);
+
 	useEffect(() => {
 		console.log(`definition updated, isValid=${definition.isValid}`);
 	}, [definition]);
diff --git a/demos/svelte-app/package.json b/demos/svelte-app/package.json
@@ -16,8 +16,8 @@
 		"eslint": "eslint ./src --ext .ts"
 	},
 	"dependencies": {
-		"sequential-workflow-designer": "^0.27.2",
-		"sequential-workflow-designer-svelte": "^0.27.2"
+		"sequential-workflow-designer": "^0.27.3",
+		"sequential-workflow-designer-svelte": "^0.27.3"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-static": "^2.0.3",
diff --git a/designer/package.json b/designer/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.27.2",
+	"version": "0.27.3",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",
diff --git a/examples/assets/lib.js b/examples/assets/lib.js
@@ -13,7 +13,7 @@ function embedStylesheet(url) {
 	document.write(`<link href="${url}" rel="stylesheet">`);
 }
 
-const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2';
+const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3';
 
 embedScript(`${baseUrl}/dist/index.umd.js`);
 embedStylesheet(`${baseUrl}/css/designer.css`);
diff --git a/react/package.json b/react/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-react",
 	"description": "React wrapper for Sequential Workflow Designer component.",
-	"version": "0.27.2",
+	"version": "0.27.3",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",
@@ -47,7 +47,7 @@
 	"peerDependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.27.2"
+		"sequential-workflow-designer": "^0.27.3"
 	},
 	"devDependencies": {
 		"@rollup/plugin-node-resolve": "^15.0.1",
@@ -63,7 +63,7 @@
 		"prettier": "^3.2.5",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.27.2",
+		"sequential-workflow-designer": "^0.27.3",
 		"rollup": "^3.18.0",
 		"rollup-plugin-dts": "^5.2.0",
 		"rollup-plugin-typescript2": "^0.34.1",
diff --git a/react/src/SequentialWorkflowDesignerController.ts b/react/src/SequentialWorkflowDesignerController.ts
@@ -1,11 +1,16 @@
 import { DependencyList, useMemo } from 'react';
-import { Definition, Designer } from 'sequential-workflow-designer';
+import { Definition, Designer, SimpleEvent } from 'sequential-workflow-designer';
 
 export class SequentialWorkflowDesignerController {
 	public static create(): SequentialWorkflowDesignerController {
 		return new SequentialWorkflowDesignerController();
 	}
 
+	/**
+	 * @description Event that is raised when the controller is ready to be used.
+	 */
+	public readonly onIsReadyChanged = new SimpleEvent<void>();
+
 	private designer: Designer | null = null;
 
 	private constructor() {
@@ -52,14 +57,15 @@ export class SequentialWorkflowDesignerController {
 	 * @returns `true` if the controller is ready to be used, `false` otherwise.
 	 */
 	public isReady(): boolean {
-		return !!this.designer;
+		return Boolean(this.designer);
 	}
 
 	public setDesigner(designer: Designer | null) {
 		if (designer && this.designer) {
 			throw new Error('Designer is already set');
 		}
 		this.designer = designer;
+		this.onIsReadyChanged.forward();
 	}
 
 	private getDesigner(): Designer {
diff --git a/svelte/package.json b/svelte/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-svelte",
 	"description": "Svelte wrapper for Sequential Workflow Designer component.",
-	"version": "0.27.2",
+	"version": "0.27.3",
 	"license": "MIT",
 	"scripts": {
 		"prepare": "cp ../LICENSE LICENSE",
@@ -28,10 +28,10 @@
 	],
 	"peerDependencies": {
 		"svelte": "^4.0.0",
-		"sequential-workflow-designer": "^0.27.2"
+		"sequential-workflow-designer": "^0.27.3"
 	},
 	"devDependencies": {
-		"sequential-workflow-designer": "^0.27.2",
+		"sequential-workflow-designer": "^0.27.3",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.20.4",
 		"@sveltejs/package": "^2.0.0",

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "sequential-workflow-designer",`
`3`	`3`	`"description": "Customizable no-code component for building flow-based programming applications.",`
`4`		`- "version": "0.27.2",`
	`4`	`+ "version": "0.27.3",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "./lib/esm/index.js",`
`7`	`7`	`"types": "./lib/index.d.ts",`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ function embedStylesheet(url) {`
`13`	`13`	document.write(`<link href="${url}" rel="stylesheet">`);
`14`	`14`	`}`
`15`	`15`
`16`		`-const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2';`
	`16`	`+const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3';`
`17`	`17`
`18`	`18`	embedScript(`${baseUrl}/dist/index.umd.js`);
`19`	`19`	embedStylesheet(`${baseUrl}/css/designer.css`);