@expertrees/vue 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),I=require("@expertrees/core");function C(a){const h=r.ref(null),c=r.shallowRef(null),i=r.ref(null),u=r.ref(null),m=r.ref(1),v=r.ref([{nodeId:null,label:a.data.label}]),s=r.computed(()=>v.value.length>1);return r.watch([h,()=>a.data],([o])=>{var l;(l=c.value)==null||l.dispose(),c.value=null,o&&(c.value=new I.SkillTreeEngine({canvas:o,data:a.data,...a.theme!==void 0&&{theme:a.theme},...a.lod!==void 0&&{lod:a.lod},...a.initialContextNodeId!==void 0&&{initialContextNodeId:a.initialContextNodeId},on:{...a.on,"node:hover":t=>{var n,e;i.value=t,(e=(n=a.on)==null?void 0:n["node:hover"])==null||e.call(n,t)},"node:blur":t=>{var n,e,d;((n=i.value)==null?void 0:n.id)===t.id&&(i.value=null),(d=(e=a.on)==null?void 0:e["node:blur"])==null||d.call(e,t)},"node:click":t=>{var n,e,d;u.value=((n=u.value)==null?void 0:n.id)===t.id?null:t,(d=(e=a.on)==null?void 0:e["node:click"])==null||d.call(e,t)},"canvas:click":()=>{var t,n;u.value=null,(n=(t=a.on)==null?void 0:t["canvas:click"])==null||n.call(t)},"zoom:change":t=>{var n,e;m.value=t,(e=(n=a.on)==null?void 0:n["zoom:change"])==null||e.call(n,t)},"context:enter":(t,n)=>{var e,d;v.value=n,u.value=null,(d=(e=a.on)==null?void 0:e["context:enter"])==null||d.call(e,t,n)},"context:exit":(t,n)=>{var e,d;v.value=n,u.value=null,(d=(e=a.on)==null?void 0:e["context:exit"])==null||d.call(e,t,n)},"graph:ready":t=>{var n,e;(e=(n=a.on)==null?void 0:n["graph:ready"])==null||e.call(n,t)}}}),v.value=c.value.getNavigationStack())}),r.onUnmounted(()=>{var o;(o=c.value)==null||o.dispose()}),{canvasRef:h,hoveredNode:i,selectedNode:u,zoom:m,navigationStack:v,canGoBack:s,goBack:()=>{var o;return(o=c.value)==null?void 0:o.goBack()},setNodeState:(o,l)=>{var t;return(t=c.value)==null?void 0:t.setNodeState(o,l)},addEvidence:(o,l)=>{var t;return(t=c.value)==null?void 0:t.addEvidence(o,l)},removeEvidence:(o,l)=>{var t;return(t=c.value)==null?void 0:t.removeEvidence(o,l)},updateTheme:o=>{var l;return(l=c.value)==null?void 0:l.updateTheme(o)},zoomIn:()=>{var o;return(o=c.value)==null?void 0:o.zoomIn()},zoomOut:()=>{var o;return(o=c.value)==null?void 0:o.zoomOut()},getGraph:()=>{var o;return((o=c.value)==null?void 0:o.getGraph())??a.data},enterContext:o=>{var l;return(l=c.value)==null?void 0:l.enterContext(o)},jumpToNavDepth:o=>{var l;return(l=c.value)==null?void 0:l.jumpToNavDepth(o)}}}const b=r.defineComponent({__name:"SkillTree",props:{data:{},theme:{},lod:{},width:{},height:{},initialContextNodeId:{}},emits:["node:click","node:hover","node:blur","canvas:click","zoom:change","context:enter","context:exit","graph:ready"],setup(a,{expose:h,emit:c}){const i=a,u=c,{canvasRef:m,hoveredNode:v,selectedNode:s,zoom:g,navigationStack:x,canGoBack:k,goBack:N,setNodeState:f,addEvidence:p,removeEvidence:S,updateTheme:z,zoomIn:T,zoomOut:y,getGraph:o,enterContext:l,jumpToNavDepth:t}=C({data:i.data,...i.theme!==void 0&&{theme:i.theme},...i.lod!==void 0&&{lod:i.lod},...i.initialContextNodeId!==void 0&&{initialContextNodeId:i.initialContextNodeId},on:{"node:click":e=>u("node:click",e),"node:hover":e=>u("node:hover",e),"node:blur":e=>u("node:blur",e),"canvas:click":()=>u("canvas:click"),"zoom:change":e=>u("zoom:change",e),"context:enter":(e,d)=>u("context:enter",e,d),"context:exit":(e,d)=>u("context:exit",e,d),"graph:ready":e=>u("graph:ready",e)}});h({setNodeState:f,addEvidence:p,removeEvidence:S,updateTheme:z,zoomIn:T,zoomOut:y,goBack:N,enterContext:l,jumpToNavDepth:t,getGraph:o,hoveredNode:v,selectedNode:s,zoom:g,navigationStack:x,canGoBack:k});const n=r.computed(()=>({width:i.width??"100%",height:i.height??"100%",display:"block"}));return(e,d)=>(r.openBlock(),r.createElementBlock("canvas",{ref_key:"canvasRef",ref:m,style:r.normalizeStyle(n.value)},null,4))}});exports.SkillTree=b;exports.useSkillTree=C;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/useSkillTree.ts","../src/SkillTree.vue"],"sourcesContent":["import { ref, computed, shallowRef, onUnmounted, watch, type Ref, type ComputedRef } from 'vue'\nimport {\n  SkillTreeEngine,\n  type SkillGraph,\n  type SkillNode,\n  type NodeState,\n  type Evidence,\n  type ThemeInput,\n  type LodThreshold,\n  type SkillTreeEvents,\n  type NavigationFrame,\n} from '@expertrees/core'\n\nexport interface UseSkillTreeOptions {\n  data: SkillGraph\n  theme?: ThemeInput\n  lod?: LodThreshold[]\n  on?: Partial<SkillTreeEvents>\n  initialContextNodeId?: string\n}\n\nexport interface UseSkillTreeReturn {\n  /** Attach this ref to the <canvas> element */\n  canvasRef: Ref<HTMLCanvasElement | null>\n  /** Currently hovered node */\n  hoveredNode: Ref<SkillNode | null>\n  /** Currently selected node */\n  selectedNode: Ref<SkillNode | null>\n  /** Current zoom level */\n  zoom: Ref<number>\n  /** Current navigation stack — last entry is the active context */\n  navigationStack: Ref<readonly NavigationFrame[]>\n  /** Whether the user can navigate back to a parent context */\n  canGoBack: ComputedRef<boolean>\n  /** Navigate back to the parent context */\n  goBack: () => void\n  /** Set a node's semantic state */\n  setNodeState: (nodeId: string, state: NodeState) => void\n  /** Add evidence to a node */\n  addEvidence: (nodeId: string, evidence: Evidence) => void\n  /** Remove evidence from a node */\n  removeEvidence: (nodeId: string, evidenceId: string) => void\n  /** Update the visual theme */\n  updateTheme: (theme: ThemeInput) => void\n  /** Programmatic zoom in */\n  zoomIn: () => void\n  /** Programmatic zoom out */\n  zoomOut: () => void\n  /** Get serialized graph state */\n  getGraph: () => SkillGraph\n  /** Programmatically enter a bubble node's context (triggers burst + zoom) */\n  enterContext: (nodeId: string) => void\n  /** Atomically jump to a specific nav stack depth (single animation, no race conditions) */\n  jumpToNavDepth: (targetLength: number) => void\n}\n\nexport function useSkillTree(options: UseSkillTreeOptions): UseSkillTreeReturn {\n  const canvasRef = ref<HTMLCanvasElement | null>(null)\n  const engine = shallowRef<SkillTreeEngine | null>(null)\n\n  const hoveredNode = ref<SkillNode | null>(null)\n  const selectedNode = ref<SkillNode | null>(null)\n  const zoom = ref(1)\n  const navigationStack = ref<readonly NavigationFrame[]>([{ nodeId: null, label: options.data.label }])\n  const canGoBack = computed(() => navigationStack.value.length > 1)\n\n  watch([canvasRef, () => options.data], ([canvas]) => {\n    engine.value?.dispose()\n    engine.value = null\n\n    if (!canvas) return\n\n    engine.value = new SkillTreeEngine({\n      canvas,\n      data: options.data,\n      ...(options.theme !== undefined && { theme: options.theme }),\n      ...(options.lod !== undefined && { lod: options.lod }),\n      ...(options.initialContextNodeId !== undefined && { initialContextNodeId: options.initialContextNodeId }),\n      on: {\n        ...options.on,\n        'node:hover': (node) => {\n          hoveredNode.value = node\n          options.on?.['node:hover']?.(node)\n        },\n        'node:blur': (node) => {\n          if (hoveredNode.value?.id === node.id) hoveredNode.value = null\n          options.on?.['node:blur']?.(node)\n        },\n        'node:click': (node) => {\n          selectedNode.value = selectedNode.value?.id === node.id ? null : node\n          options.on?.['node:click']?.(node)\n        },\n        'canvas:click': () => {\n          selectedNode.value = null\n          options.on?.['canvas:click']?.()\n        },\n        'zoom:change': (z) => {\n          zoom.value = z\n          options.on?.['zoom:change']?.(z)\n        },\n        'context:enter': (node, stack) => {\n          navigationStack.value = stack\n          selectedNode.value = null\n          options.on?.['context:enter']?.(node, stack)\n        },\n        'context:exit': (frame, stack) => {\n          navigationStack.value = stack\n          selectedNode.value = null\n          options.on?.['context:exit']?.(frame, stack)\n        },\n        'graph:ready': (graph) => {\n          options.on?.['graph:ready']?.(graph)\n        },\n      },\n    })\n\n    // Sync stack to reflect any silent initial context (e.g. initialContextNodeId)\n    navigationStack.value = engine.value.getNavigationStack()\n  })\n\n  onUnmounted(() => {\n    engine.value?.dispose()\n  })\n\n  const setNodeState = (nodeId: string, state: NodeState) =>\n    engine.value?.setNodeState(nodeId, state)\n\n  const addEvidence = (nodeId: string, evidence: Evidence) =>\n    engine.value?.addEvidence(nodeId, evidence)\n\n  const removeEvidence = (nodeId: string, evidenceId: string) =>\n    engine.value?.removeEvidence(nodeId, evidenceId)\n\n  const updateTheme = (theme: ThemeInput) =>\n    engine.value?.updateTheme(theme)\n\n  const zoomIn = () => engine.value?.zoomIn()\n  const zoomOut = () => engine.value?.zoomOut()\n  const goBack = () => engine.value?.goBack()\n  const getGraph = () => engine.value?.getGraph() ?? options.data\n  const enterContext = (nodeId: string) => engine.value?.enterContext(nodeId)\n  const jumpToNavDepth = (targetLength: number) => engine.value?.jumpToNavDepth(targetLength)\n\n  return {\n    canvasRef,\n    hoveredNode,\n    selectedNode,\n    zoom,\n    navigationStack,\n    canGoBack,\n    goBack,\n    setNodeState,\n    addEvidence,\n    removeEvidence,\n    updateTheme,\n    zoomIn,\n    zoomOut,\n    getGraph,\n    enterContext,\n    jumpToNavDepth,\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type {\n  SkillGraph,\n  SkillNode,\n  NodeState,\n  ThemeInput,\n  LodThreshold,\n  SkillTreeEvents,\n  NavigationFrame,\n} from '@expertrees/core'\nimport { useSkillTree } from './useSkillTree.js'\n\nconst props = defineProps<{\n  data: SkillGraph\n  theme?: ThemeInput\n  lod?: LodThreshold[]\n  width?: string\n  height?: string\n  initialContextNodeId?: string\n}>()\n\nconst emit = defineEmits<{\n  'node:click': [node: SkillNode]\n  'node:hover': [node: SkillNode]\n  'node:blur': [node: SkillNode]\n  'canvas:click': []\n  'zoom:change': [zoom: number]\n  'context:enter': [node: SkillNode, stack: readonly NavigationFrame[]]\n  'context:exit': [frame: NavigationFrame, stack: readonly NavigationFrame[]]\n  'graph:ready': [graph: SkillGraph]\n}>()\n\nconst {\n  canvasRef,\n  hoveredNode,\n  selectedNode,\n  zoom,\n  navigationStack,\n  canGoBack,\n  goBack,\n  setNodeState,\n  addEvidence,\n  removeEvidence,\n  updateTheme,\n  zoomIn,\n  zoomOut,\n  getGraph,\n  enterContext,\n  jumpToNavDepth,\n} = useSkillTree({\n  data: props.data,\n  ...(props.theme !== undefined && { theme: props.theme }),\n  ...(props.lod !== undefined && { lod: props.lod }),\n  ...(props.initialContextNodeId !== undefined && { initialContextNodeId: props.initialContextNodeId }),\n  on: {\n    'node:click': (node) => emit('node:click', node),\n    'node:hover': (node) => emit('node:hover', node),\n    'node:blur': (node) => emit('node:blur', node),\n    'canvas:click': () => emit('canvas:click'),\n    'zoom:change': (z) => emit('zoom:change', z),\n    'context:enter': (node, stack) => emit('context:enter', node, stack),\n    'context:exit': (frame, stack) => emit('context:exit', frame, stack),\n    'graph:ready': (graph) => emit('graph:ready', graph),\n  },\n})\n\n// Expose imperative API to parent via template ref\ndefineExpose({\n  setNodeState,\n  addEvidence,\n  removeEvidence,\n  updateTheme,\n  zoomIn,\n  zoomOut,\n  goBack,\n  enterContext,\n  jumpToNavDepth,\n  getGraph,\n  hoveredNode,\n  selectedNode,\n  zoom,\n  navigationStack,\n  canGoBack,\n})\n\nconst canvasStyle = computed(() => ({\n  width: props.width ?? '100%',\n  height: props.height ?? '100%',\n  display: 'block',\n}))\n</script>\n\n<template>\n  <canvas ref=\"canvasRef\" :style=\"canvasStyle\" />\n</template>\n"],"names":["useSkillTree","options","canvasRef","ref","engine","shallowRef","hoveredNode","selectedNode","zoom","navigationStack","canGoBack","computed","watch","canvas","_a","SkillTreeEngine","node","_b","_c","z","stack","frame","graph","onUnmounted","nodeId","state","evidence","evidenceId","theme","targetLength","props","__props","emit","__emit","goBack","setNodeState","addEvidence","removeEvidence","updateTheme","zoomIn","zoomOut","getGraph","enterContext","jumpToNavDepth","__expose","canvasStyle","_createElementBlock"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,108 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
+import { DefineComponent } from 'vue';
+import { Evidence } from '@expertrees/core';
+import { LodThreshold } from '@expertrees/core';
+import { NavigationFrame } from '@expertrees/core';
+import { NodeState } from '@expertrees/core';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { SkillGraph } from '@expertrees/core';
+import { SkillNode } from '@expertrees/core';
+import { SkillTreeEvents } from '@expertrees/core';
+import { ThemeInput } from '@expertrees/core';
+
+declare type __VLS_Props = {
+    data: SkillGraph;
+    theme?: ThemeInput;
+    lod?: LodThreshold[];
+    width?: string;
+    height?: string;
+    initialContextNodeId?: string;
+};
+
+export declare const SkillTree: DefineComponent<__VLS_Props, {
+setNodeState: (nodeId: string, state: NodeState) => void;
+addEvidence: (nodeId: string, evidence: Evidence) => void;
+removeEvidence: (nodeId: string, evidenceId: string) => void;
+updateTheme: (theme: ThemeInput) => void;
+zoomIn: () => void;
+zoomOut: () => void;
+goBack: () => void;
+enterContext: (nodeId: string) => void;
+jumpToNavDepth: (targetLength: number) => void;
+getGraph: () => SkillGraph;
+hoveredNode: Ref<SkillNode | null, SkillNode | null>;
+selectedNode: Ref<SkillNode | null, SkillNode | null>;
+zoom: Ref<number, number>;
+navigationStack: Ref<readonly NavigationFrame[], readonly NavigationFrame[]>;
+canGoBack: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"node:click": (node: SkillNode) => any;
+"node:hover": (node: SkillNode) => any;
+"node:blur": (node: SkillNode) => any;
+"canvas:click": () => any;
+"zoom:change": (zoom: number) => any;
+"context:enter": (node: SkillNode, stack: readonly NavigationFrame[]) => any;
+"context:exit": (frame: NavigationFrame, stack: readonly NavigationFrame[]) => any;
+"graph:ready": (graph: SkillGraph) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+"onNode:click"?: (node: SkillNode) => any;
+"onNode:hover"?: (node: SkillNode) => any;
+"onNode:blur"?: (node: SkillNode) => any;
+"onCanvas:click"?: () => any;
+"onZoom:change"?: (zoom: number) => any;
+"onContext:enter"?: (node: SkillNode, stack: readonly NavigationFrame[]) => any;
+"onContext:exit"?: (frame: NavigationFrame, stack: readonly NavigationFrame[]) => any;
+"onGraph:ready"?: (graph: SkillGraph) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+canvasRef: HTMLCanvasElement;
+}, HTMLCanvasElement>;
+
+export declare function useSkillTree(options: UseSkillTreeOptions): UseSkillTreeReturn;
+
+export declare interface UseSkillTreeOptions {
+    data: SkillGraph;
+    theme?: ThemeInput;
+    lod?: LodThreshold[];
+    on?: Partial<SkillTreeEvents>;
+    initialContextNodeId?: string;
+}
+
+export declare interface UseSkillTreeReturn {
+    /** Attach this ref to the <canvas> element */
+    canvasRef: Ref<HTMLCanvasElement | null>;
+    /** Currently hovered node */
+    hoveredNode: Ref<SkillNode | null>;
+    /** Currently selected node */
+    selectedNode: Ref<SkillNode | null>;
+    /** Current zoom level */
+    zoom: Ref<number>;
+    /** Current navigation stack — last entry is the active context */
+    navigationStack: Ref<readonly NavigationFrame[]>;
+    /** Whether the user can navigate back to a parent context */
+    canGoBack: ComputedRef<boolean>;
+    /** Navigate back to the parent context */
+    goBack: () => void;
+    /** Set a node's semantic state */
+    setNodeState: (nodeId: string, state: NodeState) => void;
+    /** Add evidence to a node */
+    addEvidence: (nodeId: string, evidence: Evidence) => void;
+    /** Remove evidence from a node */
+    removeEvidence: (nodeId: string, evidenceId: string) => void;
+    /** Update the visual theme */
+    updateTheme: (theme: ThemeInput) => void;
+    /** Programmatic zoom in */
+    zoomIn: () => void;
+    /** Programmatic zoom out */
+    zoomOut: () => void;
+    /** Get serialized graph state */
+    getGraph: () => SkillGraph;
+    /** Programmatically enter a bubble node's context (triggers burst + zoom) */
+    enterContext: (nodeId: string) => void;
+    /** Atomically jump to a specific nav stack depth (single animation, no race conditions) */
+    jumpToNavDepth: (targetLength: number) => void;
+}
+
+export { }

package/dist/index.js

@@ -0,0 +1,179 @@
+import { ref as r, shallowRef as y, computed as T, watch as E, onUnmounted as b, defineComponent as B, openBlock as _, createElementBlock as w, normalizeStyle as G } from "vue";
+import { SkillTreeEngine as j } from "@expertrees/core";
+function D(a) {
+  const h = r(null), d = y(null), i = r(null), v = r(null), m = r(1), u = r([{ nodeId: null, label: a.data.label }]), s = T(() => u.value.length > 1);
+  return E([h, () => a.data], ([o]) => {
+    var l;
+    (l = d.value) == null || l.dispose(), d.value = null, o && (d.value = new j({
+      canvas: o,
+      data: a.data,
+      ...a.theme !== void 0 && { theme: a.theme },
+      ...a.lod !== void 0 && { lod: a.lod },
+      ...a.initialContextNodeId !== void 0 && { initialContextNodeId: a.initialContextNodeId },
+      on: {
+        ...a.on,
+        "node:hover": (t) => {
+          var n, e;
+          i.value = t, (e = (n = a.on) == null ? void 0 : n["node:hover"]) == null || e.call(n, t);
+        },
+        "node:blur": (t) => {
+          var n, e, c;
+          ((n = i.value) == null ? void 0 : n.id) === t.id && (i.value = null), (c = (e = a.on) == null ? void 0 : e["node:blur"]) == null || c.call(e, t);
+        },
+        "node:click": (t) => {
+          var n, e, c;
+          v.value = ((n = v.value) == null ? void 0 : n.id) === t.id ? null : t, (c = (e = a.on) == null ? void 0 : e["node:click"]) == null || c.call(e, t);
+        },
+        "canvas:click": () => {
+          var t, n;
+          v.value = null, (n = (t = a.on) == null ? void 0 : t["canvas:click"]) == null || n.call(t);
+        },
+        "zoom:change": (t) => {
+          var n, e;
+          m.value = t, (e = (n = a.on) == null ? void 0 : n["zoom:change"]) == null || e.call(n, t);
+        },
+        "context:enter": (t, n) => {
+          var e, c;
+          u.value = n, v.value = null, (c = (e = a.on) == null ? void 0 : e["context:enter"]) == null || c.call(e, t, n);
+        },
+        "context:exit": (t, n) => {
+          var e, c;
+          u.value = n, v.value = null, (c = (e = a.on) == null ? void 0 : e["context:exit"]) == null || c.call(e, t, n);
+        },
+        "graph:ready": (t) => {
+          var n, e;
+          (e = (n = a.on) == null ? void 0 : n["graph:ready"]) == null || e.call(n, t);
+        }
+      }
+    }), u.value = d.value.getNavigationStack());
+  }), b(() => {
+    var o;
+    (o = d.value) == null || o.dispose();
+  }), {
+    canvasRef: h,
+    hoveredNode: i,
+    selectedNode: v,
+    zoom: m,
+    navigationStack: u,
+    canGoBack: s,
+    goBack: () => {
+      var o;
+      return (o = d.value) == null ? void 0 : o.goBack();
+    },
+    setNodeState: (o, l) => {
+      var t;
+      return (t = d.value) == null ? void 0 : t.setNodeState(o, l);
+    },
+    addEvidence: (o, l) => {
+      var t;
+      return (t = d.value) == null ? void 0 : t.addEvidence(o, l);
+    },
+    removeEvidence: (o, l) => {
+      var t;
+      return (t = d.value) == null ? void 0 : t.removeEvidence(o, l);
+    },
+    updateTheme: (o) => {
+      var l;
+      return (l = d.value) == null ? void 0 : l.updateTheme(o);
+    },
+    zoomIn: () => {
+      var o;
+      return (o = d.value) == null ? void 0 : o.zoomIn();
+    },
+    zoomOut: () => {
+      var o;
+      return (o = d.value) == null ? void 0 : o.zoomOut();
+    },
+    getGraph: () => {
+      var o;
+      return ((o = d.value) == null ? void 0 : o.getGraph()) ?? a.data;
+    },
+    enterContext: (o) => {
+      var l;
+      return (l = d.value) == null ? void 0 : l.enterContext(o);
+    },
+    jumpToNavDepth: (o) => {
+      var l;
+      return (l = d.value) == null ? void 0 : l.jumpToNavDepth(o);
+    }
+  };
+}
+const U = /* @__PURE__ */ B({
+  __name: "SkillTree",
+  props: {
+    data: {},
+    theme: {},
+    lod: {},
+    width: {},
+    height: {},
+    initialContextNodeId: {}
+  },
+  emits: ["node:click", "node:hover", "node:blur", "canvas:click", "zoom:change", "context:enter", "context:exit", "graph:ready"],
+  setup(a, { expose: h, emit: d }) {
+    const i = a, v = d, {
+      canvasRef: m,
+      hoveredNode: u,
+      selectedNode: s,
+      zoom: x,
+      navigationStack: g,
+      canGoBack: k,
+      goBack: N,
+      setNodeState: p,
+      addEvidence: z,
+      removeEvidence: f,
+      updateTheme: S,
+      zoomIn: C,
+      zoomOut: I,
+      getGraph: o,
+      enterContext: l,
+      jumpToNavDepth: t
+    } = D({
+      data: i.data,
+      ...i.theme !== void 0 && { theme: i.theme },
+      ...i.lod !== void 0 && { lod: i.lod },
+      ...i.initialContextNodeId !== void 0 && { initialContextNodeId: i.initialContextNodeId },
+      on: {
+        "node:click": (e) => v("node:click", e),
+        "node:hover": (e) => v("node:hover", e),
+        "node:blur": (e) => v("node:blur", e),
+        "canvas:click": () => v("canvas:click"),
+        "zoom:change": (e) => v("zoom:change", e),
+        "context:enter": (e, c) => v("context:enter", e, c),
+        "context:exit": (e, c) => v("context:exit", e, c),
+        "graph:ready": (e) => v("graph:ready", e)
+      }
+    });
+    h({
+      setNodeState: p,
+      addEvidence: z,
+      removeEvidence: f,
+      updateTheme: S,
+      zoomIn: C,
+      zoomOut: I,
+      goBack: N,
+      enterContext: l,
+      jumpToNavDepth: t,
+      getGraph: o,
+      hoveredNode: u,
+      selectedNode: s,
+      zoom: x,
+      navigationStack: g,
+      canGoBack: k
+    });
+    const n = T(() => ({
+      width: i.width ?? "100%",
+      height: i.height ?? "100%",
+      display: "block"
+    }));
+    return (e, c) => (_(), w("canvas", {
+      ref_key: "canvasRef",
+      ref: m,
+      style: G(n.value)
+    }, null, 4));
+  }
+});
+export {
+  U as SkillTree,
+  D as useSkillTree
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/useSkillTree.ts","../src/SkillTree.vue"],"sourcesContent":["import { ref, computed, shallowRef, onUnmounted, watch, type Ref, type ComputedRef } from 'vue'\nimport {\n  SkillTreeEngine,\n  type SkillGraph,\n  type SkillNode,\n  type NodeState,\n  type Evidence,\n  type ThemeInput,\n  type LodThreshold,\n  type SkillTreeEvents,\n  type NavigationFrame,\n} from '@expertrees/core'\n\nexport interface UseSkillTreeOptions {\n  data: SkillGraph\n  theme?: ThemeInput\n  lod?: LodThreshold[]\n  on?: Partial<SkillTreeEvents>\n  initialContextNodeId?: string\n}\n\nexport interface UseSkillTreeReturn {\n  /** Attach this ref to the <canvas> element */\n  canvasRef: Ref<HTMLCanvasElement | null>\n  /** Currently hovered node */\n  hoveredNode: Ref<SkillNode | null>\n  /** Currently selected node */\n  selectedNode: Ref<SkillNode | null>\n  /** Current zoom level */\n  zoom: Ref<number>\n  /** Current navigation stack — last entry is the active context */\n  navigationStack: Ref<readonly NavigationFrame[]>\n  /** Whether the user can navigate back to a parent context */\n  canGoBack: ComputedRef<boolean>\n  /** Navigate back to the parent context */\n  goBack: () => void\n  /** Set a node's semantic state */\n  setNodeState: (nodeId: string, state: NodeState) => void\n  /** Add evidence to a node */\n  addEvidence: (nodeId: string, evidence: Evidence) => void\n  /** Remove evidence from a node */\n  removeEvidence: (nodeId: string, evidenceId: string) => void\n  /** Update the visual theme */\n  updateTheme: (theme: ThemeInput) => void\n  /** Programmatic zoom in */\n  zoomIn: () => void\n  /** Programmatic zoom out */\n  zoomOut: () => void\n  /** Get serialized graph state */\n  getGraph: () => SkillGraph\n  /** Programmatically enter a bubble node's context (triggers burst + zoom) */\n  enterContext: (nodeId: string) => void\n  /** Atomically jump to a specific nav stack depth (single animation, no race conditions) */\n  jumpToNavDepth: (targetLength: number) => void\n}\n\nexport function useSkillTree(options: UseSkillTreeOptions): UseSkillTreeReturn {\n  const canvasRef = ref<HTMLCanvasElement | null>(null)\n  const engine = shallowRef<SkillTreeEngine | null>(null)\n\n  const hoveredNode = ref<SkillNode | null>(null)\n  const selectedNode = ref<SkillNode | null>(null)\n  const zoom = ref(1)\n  const navigationStack = ref<readonly NavigationFrame[]>([{ nodeId: null, label: options.data.label }])\n  const canGoBack = computed(() => navigationStack.value.length > 1)\n\n  watch([canvasRef, () => options.data], ([canvas]) => {\n    engine.value?.dispose()\n    engine.value = null\n\n    if (!canvas) return\n\n    engine.value = new SkillTreeEngine({\n      canvas,\n      data: options.data,\n      ...(options.theme !== undefined && { theme: options.theme }),\n      ...(options.lod !== undefined && { lod: options.lod }),\n      ...(options.initialContextNodeId !== undefined && { initialContextNodeId: options.initialContextNodeId }),\n      on: {\n        ...options.on,\n        'node:hover': (node) => {\n          hoveredNode.value = node\n          options.on?.['node:hover']?.(node)\n        },\n        'node:blur': (node) => {\n          if (hoveredNode.value?.id === node.id) hoveredNode.value = null\n          options.on?.['node:blur']?.(node)\n        },\n        'node:click': (node) => {\n          selectedNode.value = selectedNode.value?.id === node.id ? null : node\n          options.on?.['node:click']?.(node)\n        },\n        'canvas:click': () => {\n          selectedNode.value = null\n          options.on?.['canvas:click']?.()\n        },\n        'zoom:change': (z) => {\n          zoom.value = z\n          options.on?.['zoom:change']?.(z)\n        },\n        'context:enter': (node, stack) => {\n          navigationStack.value = stack\n          selectedNode.value = null\n          options.on?.['context:enter']?.(node, stack)\n        },\n        'context:exit': (frame, stack) => {\n          navigationStack.value = stack\n          selectedNode.value = null\n          options.on?.['context:exit']?.(frame, stack)\n        },\n        'graph:ready': (graph) => {\n          options.on?.['graph:ready']?.(graph)\n        },\n      },\n    })\n\n    // Sync stack to reflect any silent initial context (e.g. initialContextNodeId)\n    navigationStack.value = engine.value.getNavigationStack()\n  })\n\n  onUnmounted(() => {\n    engine.value?.dispose()\n  })\n\n  const setNodeState = (nodeId: string, state: NodeState) =>\n    engine.value?.setNodeState(nodeId, state)\n\n  const addEvidence = (nodeId: string, evidence: Evidence) =>\n    engine.value?.addEvidence(nodeId, evidence)\n\n  const removeEvidence = (nodeId: string, evidenceId: string) =>\n    engine.value?.removeEvidence(nodeId, evidenceId)\n\n  const updateTheme = (theme: ThemeInput) =>\n    engine.value?.updateTheme(theme)\n\n  const zoomIn = () => engine.value?.zoomIn()\n  const zoomOut = () => engine.value?.zoomOut()\n  const goBack = () => engine.value?.goBack()\n  const getGraph = () => engine.value?.getGraph() ?? options.data\n  const enterContext = (nodeId: string) => engine.value?.enterContext(nodeId)\n  const jumpToNavDepth = (targetLength: number) => engine.value?.jumpToNavDepth(targetLength)\n\n  return {\n    canvasRef,\n    hoveredNode,\n    selectedNode,\n    zoom,\n    navigationStack,\n    canGoBack,\n    goBack,\n    setNodeState,\n    addEvidence,\n    removeEvidence,\n    updateTheme,\n    zoomIn,\n    zoomOut,\n    getGraph,\n    enterContext,\n    jumpToNavDepth,\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type {\n  SkillGraph,\n  SkillNode,\n  NodeState,\n  ThemeInput,\n  LodThreshold,\n  SkillTreeEvents,\n  NavigationFrame,\n} from '@expertrees/core'\nimport { useSkillTree } from './useSkillTree.js'\n\nconst props = defineProps<{\n  data: SkillGraph\n  theme?: ThemeInput\n  lod?: LodThreshold[]\n  width?: string\n  height?: string\n  initialContextNodeId?: string\n}>()\n\nconst emit = defineEmits<{\n  'node:click': [node: SkillNode]\n  'node:hover': [node: SkillNode]\n  'node:blur': [node: SkillNode]\n  'canvas:click': []\n  'zoom:change': [zoom: number]\n  'context:enter': [node: SkillNode, stack: readonly NavigationFrame[]]\n  'context:exit': [frame: NavigationFrame, stack: readonly NavigationFrame[]]\n  'graph:ready': [graph: SkillGraph]\n}>()\n\nconst {\n  canvasRef,\n  hoveredNode,\n  selectedNode,\n  zoom,\n  navigationStack,\n  canGoBack,\n  goBack,\n  setNodeState,\n  addEvidence,\n  removeEvidence,\n  updateTheme,\n  zoomIn,\n  zoomOut,\n  getGraph,\n  enterContext,\n  jumpToNavDepth,\n} = useSkillTree({\n  data: props.data,\n  ...(props.theme !== undefined && { theme: props.theme }),\n  ...(props.lod !== undefined && { lod: props.lod }),\n  ...(props.initialContextNodeId !== undefined && { initialContextNodeId: props.initialContextNodeId }),\n  on: {\n    'node:click': (node) => emit('node:click', node),\n    'node:hover': (node) => emit('node:hover', node),\n    'node:blur': (node) => emit('node:blur', node),\n    'canvas:click': () => emit('canvas:click'),\n    'zoom:change': (z) => emit('zoom:change', z),\n    'context:enter': (node, stack) => emit('context:enter', node, stack),\n    'context:exit': (frame, stack) => emit('context:exit', frame, stack),\n    'graph:ready': (graph) => emit('graph:ready', graph),\n  },\n})\n\n// Expose imperative API to parent via template ref\ndefineExpose({\n  setNodeState,\n  addEvidence,\n  removeEvidence,\n  updateTheme,\n  zoomIn,\n  zoomOut,\n  goBack,\n  enterContext,\n  jumpToNavDepth,\n  getGraph,\n  hoveredNode,\n  selectedNode,\n  zoom,\n  navigationStack,\n  canGoBack,\n})\n\nconst canvasStyle = computed(() => ({\n  width: props.width ?? '100%',\n  height: props.height ?? '100%',\n  display: 'block',\n}))\n</script>\n\n<template>\n  <canvas ref=\"canvasRef\" :style=\"canvasStyle\" />\n</template>\n"],"names":["useSkillTree","options","canvasRef","ref","engine","shallowRef","hoveredNode","selectedNode","zoom","navigationStack","canGoBack","computed","watch","canvas","_a","SkillTreeEngine","node","_b","_c","z","stack","frame","graph","onUnmounted","nodeId","state","evidence","evidenceId","theme","targetLength","props","__props","emit","__emit","goBack","setNodeState","addEvidence","removeEvidence","updateTheme","zoomIn","zoomOut","getGraph","enterContext","jumpToNavDepth","__expose","canvasStyle","_createElementBlock"],"mappings":"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"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@expertrees/vue",
+  "version": "0.1.0",
+  "description": "Vue 3 component and composable for @expertrees/core",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": ["dist"],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": ["knowledge-graph", "skill-tree", "vue", "vue3", "visualization"],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "vue-tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@expertrees/core": "*"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/test-utils": "^2.4.6",
+    "happy-dom": "^16.3.0",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0",
+    "vitest": "^2.1.8",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.2.0"
+  }
+}