@3plate/graph-vue 0.1.12 → 0.1.14

package/dist/index.cjs

@@ -213,3 +213,4 @@ function shallowEqualSource(a, b) {
   Graph,
   Playground
 });
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/Graph.ts","../src/Playground.ts"],"sourcesContent":["/**\n * @3plate/graph-vue - Vue components for @3plate/graph graph visualization\n */\n\n// Components\nexport { Graph } from './Graph'\nexport { Playground } from './Playground'\n\n// Types\nexport type { GraphProps } from './Graph'\nexport type { PlaygroundProps } from './Playground'\n\n// Re-export types from core for convenience\nexport type {\n  // API types\n  API,\n  APIArguments,\n  APIOptions,\n  Update,\n  IngestionConfig,\n  EventsOptions,\n  // Callback parameter types\n  NewNode,\n  NewEdge,\n  NodeProps,\n  EdgeProps,\n  PortProps,\n  RenderNode,\n  // Ingestion types\n  IngestMessage,\n  SnapshotMessage,\n  UpdateMessage,\n  HistoryMessage,\n  // WebSocket types\n  WebSocketStatus,\n  WebSocketStatusListener,\n  // Theming types\n  ColorMode,\n  ThemeVars,\n  CanvasTheme,\n  NodeTheme,\n  PortTheme,\n  EdgeTheme,\n  // Common types\n  Orientation,\n  NodeAlign,\n  PortStyle,\n} from '@3plate/graph-core'\n","/**\n * Vue Graph component for @3plate/graph\n */\n\nimport { defineComponent, ref, onMounted, onUnmounted, watch, h, type PropType } from 'vue'\nimport { graph, type API } from '@3plate/graph-core'\nimport type { APIArguments, Update, IngestionConfig } from '@3plate/graph-core'\n\nexport type GraphProps<N, E> = {\n  /** Initial nodes */\n  nodes?: N[]\n  /** Initial edges */\n  edges?: E[]\n  /** Initial history */\n  history?: Update<N, E>[]\n  /** Ingestion source configuration (alternative to nodes/edges/history) */\n  ingestion?: IngestionConfig\n  /** Options */\n  options?: APIArguments<N, E>['options']\n  /** Events */\n  events?: APIArguments<N, E>['events']\n}\n\n/**\n * Graph component - renders a graph visualization\n * Intelligently handles prop changes by diffing nodes, edges, and history\n */\nexport const Graph = defineComponent({\n  name: 'Graph',\n  props: {\n    /** Initial nodes */\n    nodes: {\n      type: Array as PropType<any[]>,\n      default: undefined,\n    },\n    /** Initial edges */\n    edges: {\n      type: Array as PropType<any[]>,\n      default: undefined,\n    },\n    /** Initial history */\n    history: {\n      type: Array as PropType<Update<any, any>[]>,\n      default: undefined,\n    },\n    /** Ingestion source configuration */\n    ingestion: {\n      type: Object as PropType<IngestionConfig>,\n      default: undefined,\n    },\n    /** Options */\n    options: {\n      type: Object as PropType<APIArguments<any, any>['options']>,\n      default: undefined,\n    },\n    /** Events */\n    events: {\n      type: Object as PropType<APIArguments<any, any>['events']>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const rootRef = ref<HTMLDivElement | null>(null)\n    const apiRef = ref<API<any, any> | null>(null)\n    const rootId = `graph-${Math.random().toString(36).slice(2, 11)}`\n\n    // Initialize API on mount\n    onMounted(async () => {\n      if (!rootRef.value) return\n\n      rootRef.value.id = rootId\n\n      const api = await graph({\n        root: rootId,\n        nodes: props.nodes,\n        edges: props.edges,\n        history: props.history,\n        ingestion: props.ingestion,\n        options: props.options,\n        events: props.events,\n      })\n\n      apiRef.value = api\n    })\n\n    // Cleanup on unmount\n    onUnmounted(() => {\n      if (apiRef.value) {\n        apiRef.value.destroy()\n        apiRef.value = null\n      }\n      if (rootRef.value) {\n        const canvas = rootRef.value.querySelector('canvas, svg')\n        if (canvas) {\n          canvas.remove()\n        }\n      }\n    })\n\n    // Watch for prop changes using the centralized applyProps method\n    watch(\n      () => [props.nodes, props.edges, props.history, props.options],\n      () => {\n        if (!apiRef.value) return\n        apiRef.value.applyProps({ nodes: props.nodes, edges: props.edges, history: props.history, options: props.options })\n      },\n      { deep: true }\n    )\n\n    return () =>\n      h('div', {\n        ref: rootRef,\n        style: { width: '100%', height: '100%' },\n      })\n  },\n})\n","/**\n * Vue Playground component for @3plate/graph\n */\n\nimport { defineComponent, ref, onMounted, onUnmounted, watch, h, type PropType } from 'vue'\nimport { Playground as PlaygroundClass, type PlaygroundOptions, type Example } from '@3plate/graph-core'\n\nexport type PlaygroundProps = {\n  /** Examples to display */\n  examples: PlaygroundOptions['examples']\n  /** Default example key */\n  defaultExample?: string\n}\n\n/**\n * Playground component - renders the interactive playground with examples\n */\nexport const Playground = defineComponent({\n  name: 'Playground',\n  props: {\n    /** Examples to display */\n    examples: {\n      type: Object as PropType<PlaygroundOptions['examples']>,\n      required: true,\n    },\n    /** Default example key */\n    defaultExample: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const rootRef = ref<HTMLDivElement | null>(null)\n    const playgroundRef = ref<PlaygroundClass | null>(null)\n    const rootId = `playground-${Math.random().toString(36).slice(2, 11)}`\n    const prevExamples = ref<Record<string, Example>>({})\n\n    // Initialize playground on mount\n    onMounted(async () => {\n      if (!rootRef.value) return\n\n      rootRef.value.id = rootId\n\n      const playground = new PlaygroundClass({\n        root: rootId,\n        examples: props.examples,\n        defaultExample: props.defaultExample,\n      })\n      playgroundRef.value = playground\n      prevExamples.value = { ...props.examples }\n      await playground.init()\n    })\n\n    // Cleanup on unmount\n    onUnmounted(() => {\n      playgroundRef.value = null\n    })\n\n    // Watch for examples changes\n    watch(\n      () => props.examples,\n      (current) => {\n        if (!playgroundRef.value) return\n\n        const playground = playgroundRef.value\n        const prev = prevExamples.value\n\n        // Get all keys from both previous and current\n        const allKeys = new Set([...Object.keys(prev), ...Object.keys(current)])\n\n        for (const key of allKeys) {\n          const prevExample = prev[key]\n          const currentExample = current[key]\n\n          if (!prevExample && currentExample) {\n            // Example was added\n            playground.addExample(key, currentExample)\n          } else if (prevExample && !currentExample) {\n            // Example was removed\n            playground.removeExample(key)\n          } else if (prevExample && currentExample && !shallowEqualExample(prevExample, currentExample)) {\n            // Example was modified\n            playground.addExample(key, currentExample)\n          }\n        }\n\n        prevExamples.value = { ...current }\n      },\n      { deep: true }\n    )\n\n    return () =>\n      h('div', {\n        ref: rootRef,\n        style: { width: '100%', height: '100%' },\n      })\n  },\n})\n\n/**\n * Shallow comparison of two Example objects\n */\nfunction shallowEqualExample(a: Example, b: Example): boolean {\n  if (a === b) return true\n  if (a.name !== b.name) return false\n  if (a.description !== b.description) return false\n  if (!shallowEqualArray(a.nodes, b.nodes)) return false\n  if (!shallowEqualArray(a.edges, b.edges)) return false\n  if (!shallowEqualOptions(a.options, b.options)) return false\n  if (!shallowEqualSource(a.source, b.source)) return false\n  return true\n}\n\n/**\n * Shallow comparison of arrays\n */\nfunction shallowEqualArray<T>(a: T[] | undefined, b: T[] | undefined): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  if (a.length !== b.length) return false\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) return false\n  }\n  return true\n}\n\n/**\n * Shallow comparison of ExampleOptions\n */\nfunction shallowEqualOptions(\n  a: Example['options'],\n  b: Example['options']\n): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  return a === b\n}\n\n/**\n * Shallow comparison of ExampleSource\n */\nfunction shallowEqualSource(\n  a: Example['source'],\n  b: Example['source']\n): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  if (a.type !== b.type) return false\n  if (a.type === 'file' && b.type === 'file') {\n    return a.path === b.path\n  }\n  if (a.type === 'websocket' && b.type === 'websocket') {\n    return a.url === b.url\n  }\n  return false\n}\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACIA,iBAAsF;AACtF,wBAAgC;AAsBzB,IAAM,YAAQ,4BAAgB;AAAA,EACnC,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,MAAM,OAAO;AACX,UAAM,cAAU,gBAA2B,IAAI;AAC/C,UAAM,aAAS,gBAA0B,IAAI;AAC7C,UAAM,SAAS,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AAG/D,8BAAU,YAAY;AACpB,UAAI,CAAC,QAAQ,MAAO;AAEpB,cAAQ,MAAM,KAAK;AAEnB,YAAM,MAAM,UAAM,yBAAM;AAAA,QACtB,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,SAAS,MAAM;AAAA,QACf,QAAQ,MAAM;AAAA,MAChB,CAAC;AAED,aAAO,QAAQ;AAAA,IACjB,CAAC;AAGD,gCAAY,MAAM;AAChB,UAAI,OAAO,OAAO;AAChB,eAAO,MAAM,QAAQ;AACrB,eAAO,QAAQ;AAAA,MACjB;AACA,UAAI,QAAQ,OAAO;AACjB,cAAM,SAAS,QAAQ,MAAM,cAAc,aAAa;AACxD,YAAI,QAAQ;AACV,iBAAO,OAAO;AAAA,QAChB;AAAA,MACF;AAAA,IACF,CAAC;AAGD;AAAA,MACE,MAAM,CAAC,MAAM,OAAO,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO;AAAA,MAC7D,MAAM;AACJ,YAAI,CAAC,OAAO,MAAO;AACnB,eAAO,MAAM,WAAW,EAAE,OAAO,MAAM,OAAO,OAAO,MAAM,OAAO,SAAS,MAAM,SAAS,SAAS,MAAM,QAAQ,CAAC;AAAA,MACpH;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACf;AAEA,WAAO,UACL,cAAE,OAAO;AAAA,MACP,KAAK;AAAA,MACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACzC,CAAC;AAAA,EACL;AACF,CAAC;;;AC/GD,IAAAA,cAAsF;AACtF,IAAAC,qBAAoF;AAY7E,IAAM,iBAAa,6BAAgB;AAAA,EACxC,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;AAAA,IAEA,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,MAAM,OAAO;AACX,UAAM,cAAU,iBAA2B,IAAI;AAC/C,UAAM,oBAAgB,iBAA4B,IAAI;AACtD,UAAM,SAAS,cAAc,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AACpE,UAAM,mBAAe,iBAA6B,CAAC,CAAC;AAGpD,+BAAU,YAAY;AACpB,UAAI,CAAC,QAAQ,MAAO;AAEpB,cAAQ,MAAM,KAAK;AAEnB,YAAM,aAAa,IAAI,mBAAAC,WAAgB;AAAA,QACrC,MAAM;AAAA,QACN,UAAU,MAAM;AAAA,QAChB,gBAAgB,MAAM;AAAA,MACxB,CAAC;AACD,oBAAc,QAAQ;AACtB,mBAAa,QAAQ,EAAE,GAAG,MAAM,SAAS;AACzC,YAAM,WAAW,KAAK;AAAA,IACxB,CAAC;AAGD,iCAAY,MAAM;AAChB,oBAAc,QAAQ;AAAA,IACxB,CAAC;AAGD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,YAAY;AACX,YAAI,CAAC,cAAc,MAAO;AAE1B,cAAM,aAAa,cAAc;AACjC,cAAM,OAAO,aAAa;AAG1B,cAAM,UAAU,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,IAAI,GAAG,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC;AAEvE,mBAAW,OAAO,SAAS;AACzB,gBAAM,cAAc,KAAK,GAAG;AAC5B,gBAAM,iBAAiB,QAAQ,GAAG;AAElC,cAAI,CAAC,eAAe,gBAAgB;AAElC,uBAAW,WAAW,KAAK,cAAc;AAAA,UAC3C,WAAW,eAAe,CAAC,gBAAgB;AAEzC,uBAAW,cAAc,GAAG;AAAA,UAC9B,WAAW,eAAe,kBAAkB,CAAC,oBAAoB,aAAa,cAAc,GAAG;AAE7F,uBAAW,WAAW,KAAK,cAAc;AAAA,UAC3C;AAAA,QACF;AAEA,qBAAa,QAAQ,EAAE,GAAG,QAAQ;AAAA,MACpC;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACf;AAEA,WAAO,UACL,eAAE,OAAO;AAAA,MACP,KAAK;AAAA,MACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACzC,CAAC;AAAA,EACL;AACF,CAAC;AAKD,SAAS,oBAAoB,GAAY,GAAqB;AAC5D,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,EAAE,SAAS,EAAE,KAAM,QAAO;AAC9B,MAAI,EAAE,gBAAgB,EAAE,YAAa,QAAO;AAC5C,MAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAG,QAAO;AACjD,MAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAG,QAAO;AACjD,MAAI,CAAC,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAG,QAAO;AACvD,MAAI,CAAC,mBAAmB,EAAE,QAAQ,EAAE,MAAM,EAAG,QAAO;AACpD,SAAO;AACT;AAKA,SAAS,kBAAqB,GAAoB,GAA6B;AAC7E,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,MAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,WAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;AACjC,QAAI,EAAE,CAAC,MAAM,EAAE,CAAC,EAAG,QAAO;AAAA,EAC5B;AACA,SAAO;AACT;AAKA,SAAS,oBACP,GACA,GACS;AACT,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,SAAO,MAAM;AACf;AAKA,SAAS,mBACP,GACA,GACS;AACT,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,MAAI,EAAE,SAAS,EAAE,KAAM,QAAO;AAC9B,MAAI,EAAE,SAAS,UAAU,EAAE,SAAS,QAAQ;AAC1C,WAAO,EAAE,SAAS,EAAE;AAAA,EACtB;AACA,MAAI,EAAE,SAAS,eAAe,EAAE,SAAS,aAAa;AACpD,WAAO,EAAE,QAAQ,EAAE;AAAA,EACrB;AACA,SAAO;AACT;","names":["import_vue","import_graph_core","PlaygroundClass"]}

package/dist/index.js

@@ -185,3 +185,4 @@ export {
   Graph,
   Playground
 };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Graph.ts","../src/Playground.ts"],"sourcesContent":["/**\n * Vue Graph component for @3plate/graph\n */\n\nimport { defineComponent, ref, onMounted, onUnmounted, watch, h, type PropType } from 'vue'\nimport { graph, type API } from '@3plate/graph-core'\nimport type { APIArguments, Update, IngestionConfig } from '@3plate/graph-core'\n\nexport type GraphProps<N, E> = {\n  /** Initial nodes */\n  nodes?: N[]\n  /** Initial edges */\n  edges?: E[]\n  /** Initial history */\n  history?: Update<N, E>[]\n  /** Ingestion source configuration (alternative to nodes/edges/history) */\n  ingestion?: IngestionConfig\n  /** Options */\n  options?: APIArguments<N, E>['options']\n  /** Events */\n  events?: APIArguments<N, E>['events']\n}\n\n/**\n * Graph component - renders a graph visualization\n * Intelligently handles prop changes by diffing nodes, edges, and history\n */\nexport const Graph = defineComponent({\n  name: 'Graph',\n  props: {\n    /** Initial nodes */\n    nodes: {\n      type: Array as PropType<any[]>,\n      default: undefined,\n    },\n    /** Initial edges */\n    edges: {\n      type: Array as PropType<any[]>,\n      default: undefined,\n    },\n    /** Initial history */\n    history: {\n      type: Array as PropType<Update<any, any>[]>,\n      default: undefined,\n    },\n    /** Ingestion source configuration */\n    ingestion: {\n      type: Object as PropType<IngestionConfig>,\n      default: undefined,\n    },\n    /** Options */\n    options: {\n      type: Object as PropType<APIArguments<any, any>['options']>,\n      default: undefined,\n    },\n    /** Events */\n    events: {\n      type: Object as PropType<APIArguments<any, any>['events']>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const rootRef = ref<HTMLDivElement | null>(null)\n    const apiRef = ref<API<any, any> | null>(null)\n    const rootId = `graph-${Math.random().toString(36).slice(2, 11)}`\n\n    // Initialize API on mount\n    onMounted(async () => {\n      if (!rootRef.value) return\n\n      rootRef.value.id = rootId\n\n      const api = await graph({\n        root: rootId,\n        nodes: props.nodes,\n        edges: props.edges,\n        history: props.history,\n        ingestion: props.ingestion,\n        options: props.options,\n        events: props.events,\n      })\n\n      apiRef.value = api\n    })\n\n    // Cleanup on unmount\n    onUnmounted(() => {\n      if (apiRef.value) {\n        apiRef.value.destroy()\n        apiRef.value = null\n      }\n      if (rootRef.value) {\n        const canvas = rootRef.value.querySelector('canvas, svg')\n        if (canvas) {\n          canvas.remove()\n        }\n      }\n    })\n\n    // Watch for prop changes using the centralized applyProps method\n    watch(\n      () => [props.nodes, props.edges, props.history, props.options],\n      () => {\n        if (!apiRef.value) return\n        apiRef.value.applyProps({ nodes: props.nodes, edges: props.edges, history: props.history, options: props.options })\n      },\n      { deep: true }\n    )\n\n    return () =>\n      h('div', {\n        ref: rootRef,\n        style: { width: '100%', height: '100%' },\n      })\n  },\n})\n","/**\n * Vue Playground component for @3plate/graph\n */\n\nimport { defineComponent, ref, onMounted, onUnmounted, watch, h, type PropType } from 'vue'\nimport { Playground as PlaygroundClass, type PlaygroundOptions, type Example } from '@3plate/graph-core'\n\nexport type PlaygroundProps = {\n  /** Examples to display */\n  examples: PlaygroundOptions['examples']\n  /** Default example key */\n  defaultExample?: string\n}\n\n/**\n * Playground component - renders the interactive playground with examples\n */\nexport const Playground = defineComponent({\n  name: 'Playground',\n  props: {\n    /** Examples to display */\n    examples: {\n      type: Object as PropType<PlaygroundOptions['examples']>,\n      required: true,\n    },\n    /** Default example key */\n    defaultExample: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const rootRef = ref<HTMLDivElement | null>(null)\n    const playgroundRef = ref<PlaygroundClass | null>(null)\n    const rootId = `playground-${Math.random().toString(36).slice(2, 11)}`\n    const prevExamples = ref<Record<string, Example>>({})\n\n    // Initialize playground on mount\n    onMounted(async () => {\n      if (!rootRef.value) return\n\n      rootRef.value.id = rootId\n\n      const playground = new PlaygroundClass({\n        root: rootId,\n        examples: props.examples,\n        defaultExample: props.defaultExample,\n      })\n      playgroundRef.value = playground\n      prevExamples.value = { ...props.examples }\n      await playground.init()\n    })\n\n    // Cleanup on unmount\n    onUnmounted(() => {\n      playgroundRef.value = null\n    })\n\n    // Watch for examples changes\n    watch(\n      () => props.examples,\n      (current) => {\n        if (!playgroundRef.value) return\n\n        const playground = playgroundRef.value\n        const prev = prevExamples.value\n\n        // Get all keys from both previous and current\n        const allKeys = new Set([...Object.keys(prev), ...Object.keys(current)])\n\n        for (const key of allKeys) {\n          const prevExample = prev[key]\n          const currentExample = current[key]\n\n          if (!prevExample && currentExample) {\n            // Example was added\n            playground.addExample(key, currentExample)\n          } else if (prevExample && !currentExample) {\n            // Example was removed\n            playground.removeExample(key)\n          } else if (prevExample && currentExample && !shallowEqualExample(prevExample, currentExample)) {\n            // Example was modified\n            playground.addExample(key, currentExample)\n          }\n        }\n\n        prevExamples.value = { ...current }\n      },\n      { deep: true }\n    )\n\n    return () =>\n      h('div', {\n        ref: rootRef,\n        style: { width: '100%', height: '100%' },\n      })\n  },\n})\n\n/**\n * Shallow comparison of two Example objects\n */\nfunction shallowEqualExample(a: Example, b: Example): boolean {\n  if (a === b) return true\n  if (a.name !== b.name) return false\n  if (a.description !== b.description) return false\n  if (!shallowEqualArray(a.nodes, b.nodes)) return false\n  if (!shallowEqualArray(a.edges, b.edges)) return false\n  if (!shallowEqualOptions(a.options, b.options)) return false\n  if (!shallowEqualSource(a.source, b.source)) return false\n  return true\n}\n\n/**\n * Shallow comparison of arrays\n */\nfunction shallowEqualArray<T>(a: T[] | undefined, b: T[] | undefined): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  if (a.length !== b.length) return false\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) return false\n  }\n  return true\n}\n\n/**\n * Shallow comparison of ExampleOptions\n */\nfunction shallowEqualOptions(\n  a: Example['options'],\n  b: Example['options']\n): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  return a === b\n}\n\n/**\n * Shallow comparison of ExampleSource\n */\nfunction shallowEqualSource(\n  a: Example['source'],\n  b: Example['source']\n): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  if (a.type !== b.type) return false\n  if (a.type === 'file' && b.type === 'file') {\n    return a.path === b.path\n  }\n  if (a.type === 'websocket' && b.type === 'websocket') {\n    return a.url === b.url\n  }\n  return false\n}\n\n"],"mappings":"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","names":["defineComponent","ref","onMounted","onUnmounted","watch","h"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3plate/graph-vue",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "type": "module",
   "license": "GPL-3.0",
   "repository": {
@@ -28,7 +28,7 @@
     "vue": "^3.3.0"
   },
   "dependencies": {
-    "@3plate/graph-core": "0.1.12"
+    "@3plate/graph-core": "0.1.14"
   },
   "devDependencies": {
     "tsup": "^8.5.1",
@@ -36,7 +36,7 @@
     "vue": "^3.5.25"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --external vue",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external vue"
+    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap --external vue",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --sourcemap --watch --external vue"
   }
 }