polishing.

README.md

@@ -33,6 +33,8 @@ Features:
 * [🚄 Stress Test](https://nocode-js.github.io/sequential-workflow-designer/examples/stress-test.html)
 * [🚪 Editing Restrictions](https://nocode-js.github.io/sequential-workflow-designer/examples/editing-restrictions.html)
 * [📜 Scrollable Page](https://nocode-js.github.io/sequential-workflow-designer/examples/scrollable-page.html)
+* [React Demo](https://nocode-js.github.io/sequential-workflow-designer/react-app/)
+* [Angular Demo](https://nocode-js.github.io/sequential-workflow-designer/angular-app/)
 
 Pro:
 

demos/angular-app/src/main.ts

@@ -2,6 +2,8 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
 
-platformBrowserDynamic()
-	.bootstrapModule(AppModule)
-	.catch(err => console.error(err));
+window.addEventListener('load', () => {
+	platformBrowserDynamic()
+		.bootstrapModule(AppModule)
+		.catch(err => console.error(err));
+}, false);

demos/react-app/package.json

@@ -2,7 +2,7 @@
 	"name": "sequential-workflow-designer-react-app-demo",
 	"version": "0.0.0",
 	"private": true,
-	"homepage": "/sequential-workflow-designer/react-app/",
+	"homepage": "./",
 	"dependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",

demos/react-app/src/App.tsx

@@ -23,6 +23,9 @@ export function App() {
 				<button onClick={() => changePath('nativeEditors')} className={path === 'nativeEditors' ? 'selected' : ''}>
 					Native editors
 				</button>
+				<a href="https://github.com/nocode-js/sequential-workflow-designer/tree/main/react" className="github">
+					GitHub
+				</a>
 			</nav>
 			{path === 'playground' && <Playground />}
 			{path === 'nativeEditors' && <NativeEditors />}

demos/react-app/src/index.css

@@ -32,6 +32,18 @@ nav button.selected {
 nav button:hover {
 	opacity: 0.8;
 }
+nav .github {
+	margin: 0 5px;
+	color: #fff;
+}
+nav .github:hover {
+	text-decoration: none;
+}
+@media only screen and (max-width: 700px) {
+	nav h1 {
+		display: none;
+	}
+}
 
 .sqd-designer-react {
 	width: 100vw;