nocode-js · b4rtaz · Aug 12, 2024 · Aug 12, 2024 · Aug 12, 2024
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.22.1
+
+This release resolves an issue that prevented a step from being deleted due to a bug in the control bar implementation.
+
 # 0.22.0
 
 This version refactors the code responsible for displaying placeholders.

diff --git a/README.md b/README.md
@@ -103,10 +103,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.22.0/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.0/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.0/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.0/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/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.22.0",
+	"version": "0.22.1",
 	"author": {
 		"name": "NoCode JS",
 		"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
 	"peerDependencies": {
 		"@angular/common": "12 - 18",
 		"@angular/core": "12 - 18",
-		"sequential-workflow-designer": "^0.22.0"
+		"sequential-workflow-designer": "^0.22.1"
 	},
 	"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.22.0",
-		"sequential-workflow-designer-angular": "^0.22.0",
+		"sequential-workflow-designer": "^0.22.1",
+		"sequential-workflow-designer-angular": "^0.22.1",
 		"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.22.0:
-  version "0.22.0"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.22.0.tgz#41cd251e489d6a8a76ba45a0ffc2e22737158176"
-  integrity sha512-LtsYACS/3ozos8Z4QbCwufVXmX0SegSH+1j6sEKk16BGbwGb4oG2y+mB4qJW1I4SoR7Xe9U3Zl/YNrZQ/tMBgw==
+sequential-workflow-designer-angular@^0.22.1:
+  version "0.22.1"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.22.1.tgz#3153d292f6b0ce517f2ff06d71105ed6bf9ad3c5"
+  integrity sha512-JH3d++fvP2NsN7h+/WJl/AL+R655VYrevJ0THspWx4R2ilNTB8kUbW2MDQpKpzJ1ZVu/Rdi1tQnGJNmpC3Cikw==
   dependencies:
     tslib "^2.3.0"
 
-sequential-workflow-designer@^0.22.0:
-  version "0.22.0"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.22.0.tgz#21ad20dcc69c7bfec99079035c9f2d2133f307c9"
-  integrity sha512-cnIhcZlbZTvZPR7WEeZWRgqsfMoe2NXCrl8asZQ/pRDtvaE/hs/c0h3Knm9a4nsx/lZfzAOF5FJ6NgNO3jEUyQ==
+sequential-workflow-designer@^0.22.1:
+  version "0.22.1"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.22.1.tgz#142778f1b6b06cbf39e6b5f30f20c92b09397a36"
+  integrity sha512-/8Vgfzil/LCA7rwtRW10ptKFg4ysYO9CWZGmgPvFb7K2S3bv57xKaL9MYBqIamqN6qd80bx715G/3lo8mgDO5g==
   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.22.0",
-		"sequential-workflow-designer-react": "^0.22.0"
+		"sequential-workflow-designer": "^0.22.1",
+		"sequential-workflow-designer-react": "^0.22.1"
 	},
 	"devDependencies": {
 		"@types/jest": "^29.2.5",

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.22.0",
-		"sequential-workflow-designer-svelte": "^0.22.0"
+		"sequential-workflow-designer": "^0.22.1",
+		"sequential-workflow-designer-svelte": "^0.22.1"
 	},
 	"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.22.0",
+	"version": "0.22.1",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",

diff --git a/designer/src/api/control-bar-api.ts b/designer/src/api/control-bar-api.ts
@@ -1,4 +1,4 @@
-import { SimpleEvent } from '../core';
+import { race, SimpleEvent } from '../core';
 import { StateModifier } from '../modifier/state-modifier';
 import { DesignerState } from '../designer-state';
 import { HistoryController } from '../history-controller';
@@ -12,12 +12,14 @@ export class ControlBarApi {
 		viewportApi: ViewportApi
 	): ControlBarApi {
 		const api = new ControlBarApi(state, historyController, stateModifier, viewportApi);
-		state.onIsReadonlyChanged.subscribe(api.onStateChanged.forward);
-		state.onSelectedStepIdChanged.subscribe(api.onStateChanged.forward);
-		state.onIsDragDisabledChanged.subscribe(api.onStateChanged.forward);
-		if (api.isUndoRedoSupported()) {
-			state.onDefinitionChanged.subscribe(api.onStateChanged.forward);
-		}
+
+		race(
+			0,
+			state.onIsReadonlyChanged,
+			state.onSelectedStepIdChanged,
+			state.onIsDragDisabledChanged,
+			api.isUndoRedoSupported() ? state.onDefinitionChanged : undefined
+		).subscribe(api.onStateChanged.forward);
 		return api;
 	}
 

diff --git a/designer/src/api/editor-renderer.ts b/designer/src/api/editor-renderer.ts
@@ -6,7 +6,7 @@ import { SelectedStepIdProvider } from './editor-api';
 
 export type EditorRendererHandler = (step: Step | null) => void;
 
-type RaceEventArgs = [(DefinitionChangedEvent | undefined)?, (string | null | undefined)?, (boolean | undefined)?];
+type RaceEventArgs = [(DefinitionChangedEvent | undefined)?, (string | null | undefined)?, (boolean | undefined)?, unknown?];
 
 export class EditorRenderer {
 	public static create(

diff --git a/designer/src/core/simple-event-race.ts b/designer/src/core/simple-event-race.ts
@@ -1,8 +1,14 @@
 import { SimpleEvent } from './simple-event';
 
-export function race<A, B, C>(timeout: number, a: SimpleEvent<A>, b: SimpleEvent<B>, c?: SimpleEvent<C>): SimpleEvent<[A?, B?, C?]> {
-	const value: [A?, B?, C?] = [undefined, undefined, undefined];
-	const result = new SimpleEvent<[A?, B?, C?]>();
+export function race<A, B, C, D>(
+	timeout: number,
+	a: SimpleEvent<A>,
+	b: SimpleEvent<B>,
+	c?: SimpleEvent<C>,
+	d?: SimpleEvent<D>
+): SimpleEvent<[A?, B?, C?, D?]> {
+	const value: [A?, B?, C?, D?] = [undefined, undefined, undefined, undefined];
+	const result = new SimpleEvent<[A?, B?, C?, D?]>();
 	let scheduled = false;
 
 	function forward() {
@@ -20,13 +26,20 @@ export function race<A, B, C>(timeout: number, a: SimpleEvent<A>, b: SimpleEvent
 		}, timeout);
 	}
 
-	[a, b, c]
-		.filter(e => e)
-		.forEach((e, index) => {
-			(e as SimpleEvent<A | B | C>).subscribe(v => {
-				value[index] = v;
-				forward();
-			});
+	function subscribe<T extends A | B | C | D>(event: SimpleEvent<T>, index: number) {
+		event.subscribe(v => {
+			value[index] = v;
+			forward();
 		});
+	}
+
+	subscribe(a, 0);
+	subscribe(b, 1);
+	if (c) {
+		subscribe(c, 2);
+	}
+	if (d) {
+		subscribe(d, 3);
+	}
 	return result;
 }
diff --git a/examples/assets/editing-restrictions.js b/examples/assets/editing-restrictions.js
@@ -57,6 +57,7 @@ function load() {
 	};
 	let designer;
 	const configuration = {
+		undoStackSize: 10,
 		toolbox: {
 			isCollapsed: true,
 			labelProvider: step => `** ${step.name} **`,

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.22.0';
+const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1';
 
 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.22.0",
+	"version": "0.22.1",
 	"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.22.0"
+		"sequential-workflow-designer": "^0.22.1"
 	},
 	"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.22.0",
+		"sequential-workflow-designer": "^0.22.1",
 		"rollup": "^3.18.0",
 		"rollup-plugin-dts": "^5.2.0",
 		"rollup-plugin-typescript2": "^0.34.1",

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.22.0",
+	"version": "0.22.1",
 	"license": "MIT",
 	"scripts": {
 		"prepare": "cp ../LICENSE LICENSE",
@@ -28,10 +28,10 @@
 	],
 	"peerDependencies": {
 		"svelte": "^4.0.0",
-		"sequential-workflow-designer": "^0.22.0"
+		"sequential-workflow-designer": "^0.22.1"
 	},
 	"devDependencies": {
-		"sequential-workflow-designer": "^0.22.0",
+		"sequential-workflow-designer": "^0.22.1",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.20.4",
 		"@sveltejs/package": "^2.0.0",