@babsey/code-graph 0.0.4 → 0.0.6

package/dist/code-graph.js

@@ -1722,10 +1722,10 @@ const DEFAULT_SETTINGS = {
   },
   displayValueOnHover: false
 };
-function useCodeGraph(existingEditor) {
-  const viewModel = useBaklava(existingEditor);
+function useCodeGraph(props) {
+  const viewModel = useBaklava(props?.existingEditor);
+  viewModel.code = props?.code ? new props.code(viewModel) : new Code(viewModel);
   addToolbarCommands(viewModel);
-  viewModel.code = new Code(viewModel);
   const settings = {};
   Object.keys(DEFAULT_SETTINGS).forEach((K) => {
     settings[K] = typeof DEFAULT_SETTINGS[K] === "object" ? { ...viewModel.settings[K], ...DEFAULT_SETTINGS[K] } : DEFAULT_SETTINGS[K];
@@ -1743,17 +1743,21 @@ function useCodeGraph(existingEditor) {
     viewModel.displayedGraph.events.addNode.subscribe(token, (node) => node.code = viewModel.code);
     viewModel.engine.events.beforeRun.subscribe(token, () => {
       viewModel.engine.pause();
-      viewModel.code.onCodeUpdate();
-      viewModel.code.sortNodes();
-      viewModel.code.updateOutputVariableNames();
+      if (viewModel.code) {
+        viewModel.code.onCodeUpdate();
+        viewModel.code.sortNodes();
+        viewModel.code.updateOutputVariableNames();
+      }
       viewModel.engine.resume();
     });
     viewModel.engine.events.afterRun.subscribe(token, (result) => {
       viewModel.engine.pause();
       applyResult(result, viewModel.editor);
       transferCodeScript(viewModel.displayedGraph);
-      viewModel.code.renderNodeCodes();
-      viewModel.code.renderCode();
+      if (viewModel.code) {
+        viewModel.code.renderNodeCodes();
+        viewModel.code.renderCode();
+      }
       viewModel.engine.resume();
     });
     viewModel.state.token = token;

package/dist/code-graph.umd.cjs

@@ -1719,10 +1719,10 @@
     },
     displayValueOnHover: false
   };
-  function useCodeGraph(existingEditor) {
-    const viewModel = baklavajs.useBaklava(existingEditor);
+  function useCodeGraph(props) {
+    const viewModel = baklavajs.useBaklava(props?.existingEditor);
+    viewModel.code = props?.code ? new props.code(viewModel) : new Code(viewModel);
     addToolbarCommands(viewModel);
-    viewModel.code = new Code(viewModel);
     const settings = {};
     Object.keys(DEFAULT_SETTINGS).forEach((K) => {
       settings[K] = typeof DEFAULT_SETTINGS[K] === "object" ? { ...viewModel.settings[K], ...DEFAULT_SETTINGS[K] } : DEFAULT_SETTINGS[K];
@@ -1740,17 +1740,21 @@
       viewModel.displayedGraph.events.addNode.subscribe(token, (node) => node.code = viewModel.code);
       viewModel.engine.events.beforeRun.subscribe(token, () => {
         viewModel.engine.pause();
-        viewModel.code.onCodeUpdate();
-        viewModel.code.sortNodes();
-        viewModel.code.updateOutputVariableNames();
+        if (viewModel.code) {
+          viewModel.code.onCodeUpdate();
+          viewModel.code.sortNodes();
+          viewModel.code.updateOutputVariableNames();
+        }
         viewModel.engine.resume();
       });
       viewModel.engine.events.afterRun.subscribe(token, (result) => {
         viewModel.engine.pause();
         baklavajs.applyResult(result, viewModel.editor);
         transferCodeScript(viewModel.displayedGraph);
-        viewModel.code.renderNodeCodes();
-        viewModel.code.renderCode();
+        if (viewModel.code) {
+          viewModel.code.renderNodeCodes();
+          viewModel.code.renderCode();
+        }
         viewModel.engine.resume();
       });
       viewModel.state.token = token;

package/dist/lib/viewModel.d.ts

@@ -2,7 +2,7 @@ import { DependencyEngine, Editor, IBaklavaViewModel } from 'baklavajs';
 import { UnwrapRef } from 'vue';
 import { Code } from './code';
 export interface ICodeGraphViewModel extends IBaklavaViewModel {
-    code: Code;
+    code: Code | undefined;
     engine: DependencyEngine;
     state: UnwrapRef<{
         modules: Record<string, string>;
@@ -11,4 +11,7 @@ export interface ICodeGraphViewModel extends IBaklavaViewModel {
     subscribe: () => void;
     unsubscribe: () => void;
 }
-export declare function useCodeGraph(existingEditor?: Editor): ICodeGraphViewModel;
+export declare function useCodeGraph(props?: {
+    existingEditor?: Editor;
+    code?: new (viewModel: ICodeGraphViewModel) => Code;
+}): ICodeGraphViewModel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@babsey/code-graph",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "author": "babsey <spreizer@web.de>",
   "license": "MIT",
   "type": "module",