@babsey/code-graph 0.0.1 → 0.0.3

package/dist/code-graph.js

@@ -517,6 +517,9 @@ class Code {
   get connections() {
     return this.graph.connections;
   }
+  set connections(values) {
+    this.graph._connections = values;
+  }
   get graph() {
     return this.viewModel.displayedGraph;
   }
@@ -538,13 +541,16 @@ class Code {
   get nodes() {
     return this.graph.nodes;
   }
+  set nodes(values) {
+    this.graph._nodes = values;
+  }
   get scriptedCodeNodes() {
     return getCodeNodes(this.graph).filter(
       (codeNode) => codeNode.state?.script.length > 0
     );
   }
   get shortId() {
-    return this.id.slice(0);
+    return this.id.slice(0, 6);
   }
   get state() {
     return this._state;
@@ -561,6 +567,7 @@ class Code {
    * @param props optional
    */
   addNode(node, props) {
+    if (!node.code) node.code = this;
     if (props) node.state.props = props;
     return this.graph.addNode(node);
   }
@@ -590,8 +597,8 @@ class Code {
    * Clear code graph.
    */
   clear() {
-    this.graph._nodes = [];
-    this.graph._connections = [];
+    this.nodes = [];
+    this.connections = [];
   }
   findNodeById(id) {
     return this.graph.findNodeById(id);
@@ -675,10 +682,11 @@ class Code {
     nodeStates.forEach((nodeState, nodeIdx) => {
       const node = this.nodes[nodeIdx];
       Object.entries(nodeState.inputs).forEach(([inputKey]) => {
-        if (node.inputs[inputKey]) nodeState.inputs[inputKey].hidden = node.inputs[inputKey].hidden;
+        if (nodeState.inputs && node.inputs[inputKey]) nodeState.inputs[inputKey].hidden = node.inputs[inputKey].hidden;
       });
       Object.entries(nodeState.outputs).forEach(([outputKey]) => {
-        if (node.inputs[outputKey]) nodeState.outputs[outputKey].hidden = node.outputs[outputKey].hidden;
+        if (nodeState.outputs && node.outputs[outputKey])
+          nodeState.outputs[outputKey].hidden = node.outputs[outputKey].hidden;
       });
     });
   }
@@ -698,7 +706,8 @@ class Code {
       nodeIds.reverse();
       const unconnected = this.graph.nodes.map((node) => node.id).filter((nodeId) => !nodeIds.includes(nodeId));
       nodeIds = nodeIds.concat(unconnected);
-      this.graph._nodes = nodeIds.map((nodeId) => this.findNodeById(nodeId));
+      const nodes = nodeIds.map((nodeId) => this.findNodeById(nodeId));
+      if (nodes) this.nodes = nodes;
     } catch {
       console.warn("Failed to sort nodes.");
     }

package/dist/code-graph.umd.cjs

@@ -514,6 +514,9 @@
     get connections() {
       return this.graph.connections;
     }
+    set connections(values) {
+      this.graph._connections = values;
+    }
     get graph() {
       return this.viewModel.displayedGraph;
     }
@@ -535,13 +538,16 @@
     get nodes() {
       return this.graph.nodes;
     }
+    set nodes(values) {
+      this.graph._nodes = values;
+    }
     get scriptedCodeNodes() {
       return getCodeNodes(this.graph).filter(
         (codeNode) => codeNode.state?.script.length > 0
       );
     }
     get shortId() {
-      return this.id.slice(0);
+      return this.id.slice(0, 6);
     }
     get state() {
       return this._state;
@@ -558,6 +564,7 @@
      * @param props optional
      */
     addNode(node, props) {
+      if (!node.code) node.code = this;
       if (props) node.state.props = props;
       return this.graph.addNode(node);
     }
@@ -587,8 +594,8 @@
      * Clear code graph.
      */
     clear() {
-      this.graph._nodes = [];
-      this.graph._connections = [];
+      this.nodes = [];
+      this.connections = [];
     }
     findNodeById(id) {
       return this.graph.findNodeById(id);
@@ -672,10 +679,11 @@
       nodeStates.forEach((nodeState, nodeIdx) => {
         const node = this.nodes[nodeIdx];
         Object.entries(nodeState.inputs).forEach(([inputKey]) => {
-          if (node.inputs[inputKey]) nodeState.inputs[inputKey].hidden = node.inputs[inputKey].hidden;
+          if (nodeState.inputs && node.inputs[inputKey]) nodeState.inputs[inputKey].hidden = node.inputs[inputKey].hidden;
         });
         Object.entries(nodeState.outputs).forEach(([outputKey]) => {
-          if (node.inputs[outputKey]) nodeState.outputs[outputKey].hidden = node.outputs[outputKey].hidden;
+          if (nodeState.outputs && node.outputs[outputKey])
+            nodeState.outputs[outputKey].hidden = node.outputs[outputKey].hidden;
         });
       });
     }
@@ -695,7 +703,8 @@
         nodeIds.reverse();
         const unconnected = this.graph.nodes.map((node) => node.id).filter((nodeId) => !nodeIds.includes(nodeId));
         nodeIds = nodeIds.concat(unconnected);
-        this.graph._nodes = nodeIds.map((nodeId) => this.findNodeById(nodeId));
+        const nodes = nodeIds.map((nodeId) => this.findNodeById(nodeId));
+        if (nodes) this.nodes = nodes;
       } catch {
         console.warn("Failed to sort nodes.");
       }

package/dist/lib/code.d.ts

@@ -21,11 +21,13 @@ export declare class Code {
     constructor(viewModel: ICodeGraphViewModel);
     get codeNodes(): AbstractCodeNode[];
     get connections(): Connection[];
+    set connections(values: Connection[]);
     get graph(): Graph;
     get id(): string;
     get modules(): string[];
     get nodeIds(): string[];
     get nodes(): AbstractCodeNode[];
+    set nodes(values: AbstractCodeNode[]);
     get scriptedCodeNodes(): AbstractCodeNode[];
     get shortId(): string;
     get state(): UnwrapRef<ICodeState>;
@@ -69,7 +71,9 @@ export declare class Code {
     /**
      * Load template from the file.
      */
-    loadTemplate(resolve: Promise<any>): void;
+    loadTemplate(resolve: Promise<{
+        default: string;
+    }>): void;
     onCodeUpdate(): void;
     /**
      * Remove connection from the graph

package/dist/lib/codeNodeInterfaces/codeNode/CodeNodeInterface.vue.d.ts

@@ -0,0 +1,6 @@
+import { CodeNodeInterface } from './codeNodeInterface';
+type __VLS_Props = {
+    intf: CodeNodeInterface;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/lib/components/CodeGraphEditor.vue.d.ts

@@ -0,0 +1,6 @@
+import { ICodeGraphViewModel } from '../viewModel';
+type __VLS_Props = {
+    viewModel: ICodeGraphViewModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/lib/components/node/CodeGraphNode.vue.d.ts

@@ -0,0 +1,38 @@
+import { AbstractCodeNode } from '../../codeNode';
+type __VLS_Props = {
+    node: AbstractCodeNode;
+    selected?: boolean;
+    dragging?: boolean;
+};
+declare var __VLS_49: {
+    type: string;
+    node: AbstractCodeNode;
+    intf: import('baklavajs').NodeInterface<unknown>;
+}, __VLS_56: {
+    node: AbstractCodeNode;
+    intf: import('baklavajs').NodeInterface<unknown>;
+    type: string;
+};
+type __VLS_Slots = {} & {
+    nodeInterface?: (props: typeof __VLS_49) => any;
+} & {
+    nodeInterface?: (props: typeof __VLS_56) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: () => any;
+    "start-drag": (ev: PointerEvent) => any;
+    update: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (() => any) | undefined;
+    "onStart-drag"?: ((ev: PointerEvent) => any) | undefined;
+    onUpdate?: (() => any) | undefined;
+}>, {
+    selected: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/nodeInterface/CodeGraphNodeInterface.vue.d.ts

@@ -0,0 +1,18 @@
+import { NodeInterface } from 'baklavajs';
+import { AbstractCodeNode } from '../../codeNode';
+type __VLS_Props = {
+    node: AbstractCodeNode;
+    intf: NodeInterface;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/nodePalette/CodeNodePalette.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/nodePalette/PaletteEntry.vue.d.ts

@@ -0,0 +1,30 @@
+interface IMenuItem {
+    label: string;
+    value: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {
+    showContextMenu: import('vue').Ref<boolean, boolean>;
+    hasContextMenu: import('vue').ComputedRef<boolean>;
+    contextMenuItems: IMenuItem[];
+    openContextMenu: () => void;
+    onContextMenuClick: (action: string) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/sidebar/Checkbox.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    inversed?: boolean;
+    name?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/lib/components/sidebar/CodeGraphSidebar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/LayoutSidebarLeftCollapse.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/LayoutSidebarLeftExpand.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/LayoutSidebarRight.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/LayoutSidebarRightCollapse.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/LayoutSidebarRightExpand.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/Schema.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/SchemaOff.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/TrashOff.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/icons/VerticalDots.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@babsey/code-graph",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "author": "babsey <spreizer@web.de>",
   "license": "MIT",
   "type": "module",
@@ -48,6 +48,7 @@
     "@vitejs/plugin-vue": "~6.0",
     "@vue/eslint-config-prettier": "~10.2",
     "@vue/eslint-config-typescript": "~14.6",
+    "@vue/language-core": "~3.0",
     "@vue/tsconfig": "~0.8",
     "eslint": "~9.36",
     "eslint-plugin-vue": "~10.4",
@@ -57,7 +58,7 @@
     "rimraf": "~6.0",
     "sass-embedded": "~1.93",
     "typescript": "~5.9",
-    "unplugin-dts": "^1.0.0-beta.6",
+    "unplugin-dts": "~1.0.0-beta.6",
     "vite": "~7.1",
     "vite-plugin-dts": "~4.5",
     "vite-plugin-vue-devtools": "~8.0",

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}