nocode-js · b4rtaz · Mar 22, 2023 · Mar 22, 2023 · Mar 22, 2023 · Mar 22, 2023
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -1,9 +1,11 @@
 name: main
 on:
+  pull_request:
+    branches:
+      - main
   push:
     branches:
       - main
-      - develop
 jobs:
   build:
     name: Build

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.9.2
+
+The `sequential-workflow-designer-angular` package supports Angular 12 - 15 now.
+
 ## 0.9.1
 
 Fixed the bug with displaying nested placeholders in folders.

diff --git a/README.md b/README.md
@@ -42,7 +42,7 @@ Pro:
 * [🐭 Minimal Root Component](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/minimal-root-component.html)
 * [🦁 External UI Components](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/external-ui-components.html)
 * [👋 Custom Dragged Component](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/custom-dragged-component.html)
-* [🎩 Custom View Port](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/custom-view-port.html)
+* [🎩 Custom Viewport](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/custom-view-port.html)
 
 ## 👩‍💻 Integrations
 
@@ -86,10 +86,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.9.1/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.1/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.1/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.1/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.2/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.2/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.2/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.2/dist/index.umd.js"></script>
 ```
 
 Call the designer by:

diff --git a/angular/angular.json b/angular/angular.json
@@ -27,11 +27,9 @@
 				"test": {
 					"builder": "@angular-devkit/build-angular:karma",
 					"options": {
+						"main": "designer/src/test.ts",
 						"tsConfig": "designer/tsconfig.spec.json",
-						"polyfills": [
-							"zone.js",
-							"zone.js/testing"
-						]
+						"karmaConfig": "designer/karma.conf.js"
 					}
 				}
 			}

diff --git a/angular/designer/karma.conf.js b/angular/designer/karma.conf.js
@@ -0,0 +1,36 @@
+module.exports = function (config) {
+	config.set({
+		basePath: '',
+		frameworks: ['jasmine', '@angular-devkit/build-angular'],
+		plugins: [
+			require('karma-jasmine'),
+			require('karma-chrome-launcher'),
+			require('karma-jasmine-html-reporter'),
+			require('karma-coverage'),
+			require('@angular-devkit/build-angular/plugins/karma')
+		],
+		client: {
+			jasmine: {
+			},
+			clearContext: false
+		},
+		jasmineHtmlReporter: {
+			suppressAll: true
+		},
+		coverageReporter: {
+			dir: require('path').join(__dirname, '../../coverage/my-lib'),
+			subdir: '.',
+			reporters: [
+				{ type: 'html' },
+				{ type: 'text-summary' }
+			]
+		},
+		reporters: ['progress', 'kjhtml'],
+		port: 9876,
+		colors: true,
+		logLevel: config.LOG_INFO,
+		autoWatch: true,
+		browsers: ['ChromeHeadless'],
+		restartOnFileChange: true
+	});
+};
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.9.1",
+	"version": "0.9.2",
 	"author": {
 		"name": "NoCode JS",
 		"url": "https://nocode-js.com/"
@@ -13,9 +13,9 @@
 		"url": "https://github.com/nocode-js/sequential-workflow-designer.git"
 	},
 	"peerDependencies": {
-		"@angular/common": "14 - 15",
-		"@angular/core": "14 - 15",
-		"sequential-workflow-designer": "^0.9.1"
+		"@angular/common": "12 - 15",
+		"@angular/core": "12 - 15",
+		"sequential-workflow-designer": "^0.9.2"
 	},
 	"dependencies": {
 		"tslib": "^2.3.0"

diff --git a/angular/designer/src/test.ts b/angular/designer/src/test.ts
@@ -0,0 +1,20 @@
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+	context(
+		path: string,
+		deep?: boolean,
+		filter?: RegExp
+	): {
+		<T>(id: string): T;
+		keys(): string[];
+	};
+};
+
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+
+const context = require.context('./', true, /\.spec\.ts$/);
+context.keys().map(context);
diff --git a/angular/designer/tsconfig.lib.json b/angular/designer/tsconfig.lib.json
@@ -8,6 +8,7 @@
 		"types": []
 	},
 	"exclude": [
+		"src/test.ts",
 		"**/*.spec.ts"
 	]
 }
diff --git a/angular/designer/tsconfig.spec.json b/angular/designer/tsconfig.spec.json
@@ -6,6 +6,9 @@
 			"jasmine"
 		]
 	},
+	"files": [
+		"src/test.ts"
+	],
 	"include": [
 		"**/*.spec.ts",
 		"**/*.d.ts"

diff --git a/angular/package.json b/angular/package.json
@@ -10,35 +10,36 @@
 		"prettier:fix": "prettier --write ./designer/src",
 		"eslint": "eslint ./designer/src --ext .ts",
 		"test": "ng test",
-		"test:single": "ng test --watch false --browsers ChromeHeadless"
+		"test:single": "ng test --watch false"
 	},
 	"private": true,
 	"dependencies": {
-		"@angular/animations": "^15.1.0",
-		"@angular/common": "^15.1.0",
-		"@angular/compiler": "^15.1.0",
-		"@angular/core": "^15.1.0",
-		"@angular/forms": "^15.1.0",
-		"@angular/platform-browser": "^15.1.0",
-		"@angular/platform-browser-dynamic": "^15.1.0",
-		"@angular/router": "^15.1.0",
-		"rxjs": "~7.8.0",
+		"@angular/animations": "~13.3.0",
+		"@angular/common": "~13.3.0",
+		"@angular/compiler": "~13.3.0",
+		"@angular/core": "~13.3.0",
+		"@angular/forms": "~13.3.0",
+		"@angular/platform-browser": "~13.3.0",
+		"@angular/platform-browser-dynamic": "~13.3.0",
+		"@angular/router": "~13.3.0",
+		"rxjs": "~7.5.0",
 		"tslib": "^2.3.0",
-		"zone.js": "~0.12.0"
+		"zone.js": "~0.11.4"
 	},
 	"devDependencies": {
-		"@angular-devkit/build-angular": "^15.1.2",
-		"@angular/cli": "~15.1.1",
-		"@angular/compiler-cli": "^15.1.0",
-		"@types/jasmine": "~4.3.0",
-		"jasmine-core": "~4.5.0",
-		"karma": "~6.4.0",
-		"karma-chrome-launcher": "~3.1.0",
-		"karma-coverage": "~2.2.0",
-		"karma-jasmine": "~5.1.0",
-		"karma-jasmine-html-reporter": "~2.0.0",
-		"ng-packagr": "^15.1.0",
-		"typescript": "~4.9.4",
+		"@angular-devkit/build-angular": "~13.3.11",
+		"@angular/cli": "~13.3.11",
+		"@angular/compiler-cli": "~13.3.0",
+		"@types/jasmine": "~3.10.0",
+		"jasmine-core": "~4.0.0",
+		"karma": "~6.3.0",
+		"karma-chrome-launcher": "~3.1.1",
+		"karma-coverage": "~2.1.0",
+		"karma-jasmine": "~4.0.0",
+		"karma-jasmine-html-reporter": "~1.7.0",
+		"ng-packagr": "^13.0.0",
+		"typescript": "~4.6.2",
+		"@types/node": "^12.11.1",
 		"prettier": "^2.8.2",
 		"@typescript-eslint/eslint-plugin": "^5.47.0",
 		"@typescript-eslint/parser": "^5.47.0",

diff --git a/angular/tsconfig.json b/angular/tsconfig.json
@@ -20,11 +20,11 @@
 		"experimentalDecorators": true,
 		"moduleResolution": "node",
 		"importHelpers": true,
-		"target": "ES2022",
-		"module": "ES2022",
+		"target": "es2017",
+		"module": "es2020",
 		"useDefineForClassFields": false,
 		"lib": [
-			"ES2022",
+			"es2020",
 			"dom"
 		]
 	},

diff --git a/demos/angular-app/package.json b/demos/angular-app/package.json
@@ -24,8 +24,8 @@
 		"@angular/platform-browser-dynamic": "^15.2.2",
 		"@angular/router": "^15.2.2",
 		"rxjs": "~7.8.0",
-		"sequential-workflow-designer": "^0.9.1",
-		"sequential-workflow-designer-angular": "^0.9.1",
+		"sequential-workflow-designer": "^0.9.2",
+		"sequential-workflow-designer-angular": "^0.9.2",
 		"tslib": "^2.3.0",
 		"zone.js": "~0.13.0"
 	},

diff --git a/demos/angular-app/yarn.lock b/demos/angular-app/yarn.lock
@@ -5180,17 +5180,17 @@ send@0.18.0:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
-sequential-workflow-designer-angular@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.9.1.tgz#51ee1dd350a8f7e5fca1fe5f43388bcba841cd4c"
-  integrity sha512-OfqOMHqpfKIvCnWylq3+PTGvizyyspIlb67OcCUVgL3V4uRwvcI3gbHJqbCIvNPzcLuSay5MB6RjAy3SKVX3/Q==
+sequential-workflow-designer-angular@^0.9.2:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.9.2.tgz#263ea87d1eb55f151839af0d075100824a8755c4"
+  integrity sha512-DKv12v6U792aMhUfxBAa4NU1+zvGiYhNQBdvJb79gmcr7JODVgJwHWpm/zK16A0ZHcXAD3EIO/yUsoHc4hG/0g==
   dependencies:
     tslib "^2.3.0"
 
-sequential-workflow-designer@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.9.1.tgz#c385e4f362d982ceadcb64ac0257656f9e2ed4c8"
-  integrity sha512-F5NbAqcvbIZSOXtPtpXUMN5J8Tw62Bp727IzK7JR8e8NZNH6sqKEd/RdNCypdjXQ6fXjxGSjSBPP1X6b9SGJkg==
+sequential-workflow-designer@^0.9.2:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.9.2.tgz#d1d942570526164021aaab97f6b4bb9193ed3d91"
+  integrity sha512-2kyzFCl7I7ZcMhoGTAB+OZ5+epwyTJThcuLh26MJs0Io0fFZpUvSyEKzxAIFUmSz6oAXCC7uCrzlLuZeBCewQw==
   dependencies:
     sequential-workflow-model "^0.1.1"
 

diff --git a/demos/react-app/package.json b/demos/react-app/package.json
@@ -5,8 +5,8 @@
 	"dependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.9.1",
-		"sequential-workflow-designer-react": "^0.9.1"
+		"sequential-workflow-designer": "^0.9.2",
+		"sequential-workflow-designer-react": "^0.9.2"
 	},
 	"devDependencies": {
 		"@types/jest": "^29.2.5",

diff --git a/designer/karma.conf.cjs b/designer/karma.conf.cjs
@@ -4,6 +4,12 @@ module.exports = config => {
 			'jasmine',
 			'karma-typescript'
 		],
+		plugins: [
+			require('karma-jasmine'),
+			require('karma-chrome-launcher'),
+			require('karma-spec-reporter'),
+			require('karma-typescript')
+		],
 		files: [
 			{ pattern: 'src/**/*.ts' }
 		],

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.9.1",
+	"version": "0.9.2",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",

diff --git a/examples/assets/lib.js b/examples/assets/lib.js
@@ -19,7 +19,7 @@ function embedStylesheet(url) {
 
 const baseUrl = isTestEnv()
 	? '../designer'
-	: '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.1';
+	: '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.9.2';
 
 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.9.1",
+	"version": "0.9.2",
 	"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.9.1"
+		"sequential-workflow-designer": "^0.9.2"
 	},
 	"devDependencies": {
 		"@rollup/plugin-node-resolve": "^15.0.1",
@@ -63,7 +63,7 @@
 		"prettier": "^2.8.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.9.1",
+		"sequential-workflow-designer": "^0.9.2",
 		"rollup": "^3.18.0",
 		"rollup-plugin-dts": "^5.2.0",
 		"rollup-plugin-typescript2": "^0.34.1",