storing example flows in indexeddb and making them accessible via url

Author: devhelpr

apps/vps-web/src/app/pages/example.tsx

@@ -22,6 +22,9 @@ export function examplePage() {
       getCurrentFlow: () => {
         return flowData as Flow<NodeInfo>;
       },
+      doesFlowExist: async (_flowId: string) => {
+        return Promise.resolve(true);
+      },
     };
     appElement.classList.add('hidden');
     pageElement.classList.remove('hidden');

libs/app-canvas/src/app/component-interface/app-nav-component.ts

@@ -36,7 +36,8 @@ export interface AppNavComponentsProps<
     nestedLevel?: number,
     getNodeTaskFactory?: (name: string) => any,
     compositions?: Record<string, Composition<T>>,
-    flowEngine?: TFlowEngine
+    flowEngine?: TFlowEngine,
+    flowId?: string
   ) => void;
   showPopup: (node: IRectNodeComponent<NodeInfo>) => void;
   executeCommand: (
@@ -72,7 +73,8 @@ export interface GenericAppNavComponentsProps<
     nestedLevel?: number,
     getNodeTaskFactory?: (name: string) => any,
     compositions?: Record<string, Composition<T>>,
-    flowEngine?: TFlowEngine
+    flowEngine?: TFlowEngine,
+    flowId?: string
   ) => void;
   executeCommand: (
     commandName: string,

libs/app-canvas/src/app/components/gl-navbar-components.ts

@@ -446,7 +446,9 @@ export class GLNavbarComponent extends Component<
             undefined,
             0,
             getGLNodeTaskFactory,
-            data.compositions
+            data.compositions,
+            undefined,
+            example.replace('.json', '')
           );
           canvasApp.centerCamera();
           this.props.initializeNodes();

libs/app-canvas/src/app/components/navbar-components.tsx

@@ -777,7 +777,9 @@ export class NavbarComponent extends Component<
                 undefined,
                 0,
                 getNodeTaskFactory,
-                data.compositions
+                data.compositions,
+                undefined,
+                example.replace('.json', '')
               );
               canvasApp.centerCamera();
               this.props.initializeNodes();