moved register nodes code to central place so it can be used by both main and ocwg

Author: devhelpr

apps/vps-web/src/app/custom-nodes/register-nodes.tsx

@@ -0,0 +1,9 @@
+import { RegisterNodeFactoryFunction } from '@devhelpr/web-flow-executor';
+import { mermaidNodeName, getMermaidNode } from './mermaid';
+
+export const registerNodes = (
+  registerNodeFactory: RegisterNodeFactoryFunction
+) => {
+  //registerNodeFactory('test-external-node', getExternalTestNode());
+  registerNodeFactory(mermaidNodeName, getMermaidNode());
+};

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

@@ -9,6 +9,7 @@ import { RegisterNodeFactoryFunction } from '@devhelpr/web-flow-executor';
 import '@shoelace-style/shoelace/dist/themes/light.css';
 import '@shoelace-style/shoelace/dist/components/color-picker/color-picker.js';
 import { getMermaidNode, mermaidNodeName } from '../custom-nodes/mermaid';
+import { registerNodes } from '../custom-nodes/register-nodes';
 
 export function ocwgPage() {
   // Add color picker popup
@@ -100,12 +101,7 @@ export function ocwgPage() {
     app.theme.backgroundAsHexColor = '#336699';
     app.theme.nodeBackground = 'bg-[#113366]';
 
-    app.registerExternalNodes = (
-      registerNodeFactory: RegisterNodeFactoryFunction
-    ) => {
-      //registerNodeFactory('test-external-node', getExternalTestNode());
-      registerNodeFactory(mermaidNodeName, getMermaidNode());
-    };
+    app.registerExternalNodes = registerNodes;
 
     // Add color picker change handlers
     const backgroundPicker = document.getElementById('background-color') as any;

apps/vps-web/src/main.tsx

@@ -11,6 +11,7 @@ import { examplePage } from './app/pages/example';
 import { setupCustomEditor } from '@devhelpr/visual-programming-system';
 import * as monaco from 'monaco-editor';
 import { getMermaidNode, mermaidNodeName } from './app/custom-nodes/mermaid';
+import { registerNodes } from './app/custom-nodes/register-nodes';
 
 if (url.pathname === '/run-flow') {
   runFlow();
@@ -112,10 +113,7 @@ if (url.pathname === '/run-flow') {
       100,
       32,
       undefined,
-      (_registerNodeFactory: RegisterNodeFactoryFunction) => {
-        //registerNodeFactory('test-external-node', getExternalTestNode());
-        registerNodeFactory(mermaidNodeName, getMermaidNode());
-      },
+      registerNodes,
       undefined,
       undefined,
       API_URL_ROOT