diff --git a/CHANGELOG.md b/CHANGELOG.md index 7b77502..b795a1f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +# 0.29.1 + +This release includes a small code refactor. + # 0.29.0 This version adds support for 0 branches to the switch step component. The switch step component can now have 0 branches. diff --git a/README.md b/README.md index 4202d89..0326980 100644 --- a/README.md +++ b/README.md @@ -104,10 +104,10 @@ Add the below code to your head section in HTML document. ```html ... - - - - + + + + ``` Call the designer by: diff --git a/angular/designer/package.json b/angular/designer/package.json index 75f93b2..b3a13d8 100644 --- 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.29.0", + "version": "0.29.1", "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.29.0" + "sequential-workflow-designer": "^0.29.1" }, "dependencies": { "tslib": "^2.3.0" diff --git a/demos/angular-app/package.json b/demos/angular-app/package.json index 5403f62..73927f8 100644 --- 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.29.0", - "sequential-workflow-designer-angular": "^0.29.0", + "sequential-workflow-designer": "^0.29.1", + "sequential-workflow-designer-angular": "^0.29.1", "tslib": "^2.3.0", "zone.js": "~0.14.6" }, diff --git a/demos/angular-app/yarn.lock b/demos/angular-app/yarn.lock index d00a5ce..f132636 100644 --- 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.29.0: - version "0.29.0" - resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.29.0.tgz#2b52f82bc3da761b5a72331807fdcb52ecbac5be" - integrity sha512-g8YPuh1BZ4sn02bN54Lf9Yih/jqk30dfmSExW9uI1n38yeaTxjcisn9mBFYIcY2lUjaTqT3QQIgc2YinP1qm4A== +sequential-workflow-designer-angular@^0.29.1: + version "0.29.1" + resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.29.1.tgz#dd8e5f873d96c414fed7a7588dbf396dc5490b06" + integrity sha512-IN4lkR16Mw3/uOOnwwwdzgY8Fy+1BgBgkaz11aN5PzmiRE/6qaFsHAsG9WenRsYx1dVGnSvjQMePMjeDN8WD2A== dependencies: tslib "^2.3.0" -sequential-workflow-designer@^0.29.0: - version "0.29.0" - resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.29.0.tgz#9bba6761632f8f859a438bac3c35e1cdb9dbc1dc" - integrity sha512-Uio286V90YojN/0PKn0ZV8dMMHsVjTQbrk6RfKvhyWWvlhRIL5vHDnwybn4uEWUv/Tr2uBOpzkXO5ZFVZcNiuQ== +sequential-workflow-designer@^0.29.1: + version "0.29.1" + resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.29.1.tgz#f619c4647e106efa3f50c7d63b93705d4c7c6e4f" + integrity sha512-0XfHlkhoVc/nvMNXg80dVP8N/MBRnjrWbsPPlfRl+dd1HmSF+AlE9YgO4nuhTHUHi3seI81TC5Kf8RwjZ4mTYw== dependencies: sequential-workflow-model "^0.2.0" diff --git a/demos/react-app/package.json b/demos/react-app/package.json index 8e531ad..7882cbc 100644 --- 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.29.0", - "sequential-workflow-designer-react": "^0.29.0" + "sequential-workflow-designer": "^0.29.1", + "sequential-workflow-designer-react": "^0.29.1" }, "devDependencies": { "@types/jest": "^29.2.5", diff --git a/demos/svelte-app/package.json b/demos/svelte-app/package.json index 58694ea..c555eef 100644 --- 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.29.0", - "sequential-workflow-designer-svelte": "^0.29.0" + "sequential-workflow-designer": "^0.29.1", + "sequential-workflow-designer-svelte": "^0.29.1" }, "devDependencies": { "@sveltejs/adapter-static": "^2.0.3", diff --git a/designer/package.json b/designer/package.json index 3a785b5..6834617 100644 --- 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.29.0", + "version": "0.29.1", "type": "module", "main": "./lib/esm/index.js", "types": "./lib/index.d.ts", diff --git a/designer/src/behaviors/placeholder-finder.ts b/designer/src/behaviors/placeholder-finder.ts index e418db0..ac93e43 100644 --- a/designer/src/behaviors/placeholder-finder.ts +++ b/designer/src/behaviors/placeholder-finder.ts @@ -5,13 +5,11 @@ import { Placeholder } from '../workspace/component'; export class PlaceholderFinder { public static create(placeholders: Placeholder[], state: DesignerState): PlaceholderFinder { const checker = new PlaceholderFinder(placeholders, state); - state.onViewportChanged.subscribe(checker.clearCacheHandler); - window.addEventListener('scroll', checker.clearCacheHandler, false); + state.onViewportChanged.subscribe(checker.clearCache); + window.addEventListener('scroll', checker.clearCache, false); return checker; } - private readonly clearCacheHandler = () => this.clearCache(); - private cache?: { placeholder: Placeholder; lt: Vector; // left top @@ -46,11 +44,11 @@ export class PlaceholderFinder { } public destroy() { - this.state.onViewportChanged.unsubscribe(this.clearCacheHandler); - window.removeEventListener('scroll', this.clearCacheHandler, false); + this.state.onViewportChanged.unsubscribe(this.clearCache); + window.removeEventListener('scroll', this.clearCache, false); } - private clearCache() { + private readonly clearCache = () => { this.cache = undefined; - } + }; } diff --git a/designer/src/workspace/workspace-view.ts b/designer/src/workspace/workspace-view.ts index 414e015..03b2a39 100644 --- a/designer/src/workspace/workspace-view.ts +++ b/designer/src/workspace/workspace-view.ts @@ -56,11 +56,10 @@ export class WorkspaceView { parent.appendChild(workspace); const view = new WorkspaceView(componentContext.shadowRoot, workspace, canvas, pattern, gridPattern, foreground, componentContext); - window.addEventListener('resize', view.onResizeHandler, false); + window.addEventListener('resize', view.onResize, false); return view; } - private onResizeHandler = () => this.onResize(); public rootComponent?: Component; private constructor( @@ -153,7 +152,7 @@ export class WorkspaceView { } public destroy() { - window.removeEventListener('resize', this.onResizeHandler, false); + window.removeEventListener('resize', this.onResize, false); } public refreshSize() { @@ -163,7 +162,7 @@ export class WorkspaceView { }); } - private onResize() { + private readonly onResize = () => { this.refreshSize(); - } + }; } diff --git a/examples/assets/lib.js b/examples/assets/lib.js index 08a359b..3595fd8 100644 --- a/examples/assets/lib.js +++ b/examples/assets/lib.js @@ -13,7 +13,7 @@ function embedStylesheet(url) { document.write(``); } -const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0'; +const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.1'; embedScript(`${baseUrl}/dist/index.umd.js`); embedStylesheet(`${baseUrl}/css/designer.css`); diff --git a/react/package.json b/react/package.json index 37a01cc..0cf0cf7 100644 --- 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.29.0", + "version": "0.29.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.29.0" + "sequential-workflow-designer": "^0.29.1" }, "devDependencies": { "@rollup/plugin-node-resolve": "^16.0.1", @@ -63,7 +63,7 @@ "prettier": "^3.2.5", "react": "^18.2.0", "react-dom": "^18.2.0", - "sequential-workflow-designer": "^0.29.0", + "sequential-workflow-designer": "^0.29.1", "rollup": "^4.40.0", "rollup-plugin-dts": "^6.2.1", "rollup-plugin-typescript2": "^0.36.0", diff --git a/svelte/package.json b/svelte/package.json index e786575..306b1a1 100644 --- 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.29.0", + "version": "0.29.1", "license": "MIT", "scripts": { "prepare": "cp ../LICENSE LICENSE", @@ -28,10 +28,10 @@ ], "peerDependencies": { "svelte": "^4.0.0", - "sequential-workflow-designer": "^0.29.0" + "sequential-workflow-designer": "^0.29.1" }, "devDependencies": { - "sequential-workflow-designer": "^0.29.0", + "sequential-workflow-designer": "^0.29.1", "@sveltejs/adapter-static": "^2.0.3", "@sveltejs/kit": "^1.20.4", "@sveltejs/package": "^2.0.0",