@typespec/html-program-viewer 0.72.0-dev.3 → 0.73.0-dev.0

package/dist/manifest-8ok_8W_7.js

@@ -0,0 +1,6 @@
+const manifest = {
+  "version": "1.2.0",
+  "commit": "f5bbd14f1e98a829dce155a97584244de1defe42"
+};
+
+export { manifest as default };

package/dist/react/index.js

@@ -34305,7 +34305,7 @@ let manifest;
 try {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    manifest = (await import('../manifest-DH1LKq9n.js')).default;
+    manifest = (await import('../manifest-8ok_8W_7.js')).default;
 }
 catch {
     const name = "../dist/manifest.js";
@@ -45605,12 +45605,29 @@ function useTreeNavigator() {
   }
   return nav;
 }
-const TypeGraphNavigatorProvider = ({ program, children }) => {
-  const treeNavigator = useTreeNavigatorInternal(program);
+const TypeGraphNavigatorProvider = ({
+  program,
+  children,
+  onNavigationChange,
+  currentPath
+}) => {
+  const treeNavigator = useTreeNavigatorInternal(program, onNavigationChange, currentPath);
   return /* @__PURE__ */ jsxRuntimeExports$1.jsx(TreeNavigatorContext.Provider, { value: treeNavigator, children });
 };
-function useTreeNavigatorInternal(program) {
-  const [selectedPath, selectPath] = useState("");
+function useTreeNavigatorInternal(program, onNavigationChange, currentPath) {
+  const [selectedPath, setSelectedPath] = useState(currentPath || "");
+  const selectPath = useCallback(
+    (path) => {
+      setSelectedPath(path);
+      onNavigationChange?.(path);
+    },
+    [onNavigationChange]
+  );
+  useEffect(() => {
+    if (currentPath !== void 0 && currentPath !== selectedPath) {
+      setSelectedPath(currentPath);
+    }
+  }, [currentPath, selectedPath]);
   const tree = useMemo(() => computeTree(program), [program]);
   const { pathToNode, typeToPath } = useMemo(() => computeReferences(tree), [tree]);
   const selectedNode = useMemo(() => pathToNode.get(selectedPath), [pathToNode, selectedPath]);
@@ -46454,14 +46471,26 @@ const TypeNodeView = ({ node }) => {
   ] });
 };
 
-const TypeGraph = ({ program }) => {
-  return /* @__PURE__ */ jsxRuntimeExports$1.jsx(TypeGraphNavigatorProvider, { program, children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(ProgramProvider, { value: program, children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs(SplitPane, { initialSizes: ["200px", ""], split: "vertical", className: style$6["type-graph"], children: [
-    /* @__PURE__ */ jsxRuntimeExports$1.jsx(Pane, { className: style$6["tree-navigation-pane"], children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(TreeNavigation, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports$1.jsxs(Pane, { className: style$6["view-pane"], children: [
-      /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: style$6["current-path"], children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(CurrentPath, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports$1.jsx(TypeGraphContent, {})
-    ] })
-  ] }) }) });
+const TypeGraph = ({
+  program,
+  onNavigationChange,
+  currentPath
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+    TypeGraphNavigatorProvider,
+    {
+      program,
+      onNavigationChange,
+      currentPath,
+      children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(ProgramProvider, { value: program, children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs(SplitPane, { initialSizes: ["200px", ""], split: "vertical", className: style$6["type-graph"], children: [
+        /* @__PURE__ */ jsxRuntimeExports$1.jsx(Pane, { className: style$6["tree-navigation-pane"], children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(TreeNavigation, {}) }),
+        /* @__PURE__ */ jsxRuntimeExports$1.jsxs(Pane, { className: style$6["view-pane"], children: [
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: style$6["current-path"], children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(CurrentPath, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx(TypeGraphContent, {})
+        ] })
+      ] }) })
+    }
+  );
 };
 const TypeGraphContent = () => {
   const nav = useTreeNavigator();

package/dist/react/type-graph.d.ts

@@ -3,6 +3,8 @@ import { FunctionComponent } from 'react';
 export declare function renderProgram(program: Program): string;
 export interface TypeGraphProps {
     readonly program: Program;
+    readonly onNavigationChange?: (path: string) => void;
+    readonly currentPath?: string;
 }
 export declare const TypeGraph: FunctionComponent<TypeGraphProps>;
 //# sourceMappingURL=type-graph.d.ts.map

package/dist/react/type-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type-graph.d.ts","sourceRoot":"","sources":["../../src/react/type-graph.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAU/C,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,UAO7C;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAkBvD,CAAC"}
+{"version":3,"file":"type-graph.d.ts","sourceRoot":"","sources":["../../src/react/type-graph.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAU/C,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,UAO7C;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CA0BvD,CAAC"}

package/dist/react/use-tree-navigation.d.ts

@@ -25,6 +25,8 @@ export declare function useTreeNavigator(): TreeNavigator;
 export interface TypeGraphNavigatorProvider {
     program: Program;
     children: ReactNode;
+    onNavigationChange?: (path: string) => void;
+    currentPath?: string;
 }
-export declare const TypeGraphNavigatorProvider: ({ program, children }: TypeGraphNavigatorProvider) => import("react/jsx-runtime").JSX.Element;
+export declare const TypeGraphNavigatorProvider: ({ program, children, onNavigationChange, currentPath, }: TypeGraphNavigatorProvider) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=use-tree-navigation.d.ts.map

package/dist/react/use-tree-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-navigation.d.ts","sourceRoot":"","sources":["../../src/react/use-tree-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACnG,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;CAClC;AAQD,wBAAgB,wBAAwB,IAAI,aAAa,GAAG,SAAS,CAEpE;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAMhD;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,eAAO,MAAM,0BAA0B,GAAI,uBAAuB,0BAA0B,4CAK3F,CAAC"}
+{"version":3,"file":"use-tree-navigation.d.ts","sourceRoot":"","sources":["../../src/react/use-tree-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACnG,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;CAClC;AAQD,wBAAgB,wBAAwB,IAAI,aAAa,GAAG,SAAS,CAEpE;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAMhD;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,0BAA0B,GAAI,yDAKxC,0BAA0B,4CAK5B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/html-program-viewer",
-  "version": "0.72.0-dev.3",
+  "version": "0.73.0-dev.0",
   "author": "Microsoft Corporation",
   "description": "TypeSpec library for emitting an html view of the program.",
   "homepage": "https://typespec.io",
@@ -36,7 +36,7 @@
     "!dist/test/**"
   ],
   "peerDependencies": {
-    "@typespec/compiler": "^1.1.0"
+    "@typespec/compiler": "^1.2.0"
   },
   "dependencies": {
     "@fluentui/react-components": "~9.66.1",
@@ -54,7 +54,7 @@
     "@types/node": "~24.0.3",
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
-    "@typespec/compiler": "^1.1.0",
+    "@typespec/compiler": "^1.2.0",
     "@vitejs/plugin-react": "~4.4.1",
     "@vitest/coverage-v8": "^3.1.2",
     "@vitest/ui": "^3.1.2",

package/dist/manifest-DH1LKq9n.js

@@ -1,6 +0,0 @@
-const manifest = {
-  "version": "1.1.0",
-  "commit": "e06d7434ea7c8348b49b31f47128ae02a300b129"
-};
-
-export { manifest as default };