@typespec/html-program-viewer 0.73.0-dev.2 → 0.73.0-dev.4

package/dist/emitter/index.js

@@ -5441,7 +5441,8 @@ const HiddenProps = [
   "templateMapper",
   "instantiationParameters",
   "decorators",
-  "isFinished"
+  "isFinished",
+  "creating"
 ];
 const HiddenPropsConfig = Object.fromEntries(HiddenProps.map((prop) => [prop, "skip"]));
 const TypeConfig = buildConfig({

package/dist/{manifest-BP_f_qo_.js → manifest-Bgm8G_Ff.js}

@@ -1,6 +1,6 @@
 const manifest = {
   "version": "1.2.1",
-  "commit": "6b1c5a82930e2edf81869b72da302b97a340ee59"
+  "commit": "a2238b680c3d9871a7204cd27885b2df735a517d"
 };
 
 export { manifest as default };

package/dist/react/index.js

@@ -1,6 +1,6 @@
 import require$$0, { useRef, useState, useMemo, useCallback, useEffect, useId, createContext, useContext } from 'react';
-import { mergeClasses, Breadcrumb, BreadcrumbItem, BreadcrumbButton, BreadcrumbDivider, Combobox, Option, Caption1, Card, CardHeader, Text, Divider } from '@fluentui/react-components';
-import { ChevronDownRegular, ChevronRightRegular, AppsListRegular, DatabaseRegular } from '@fluentui/react-icons';
+import { mergeClasses, Breadcrumb, BreadcrumbItem, BreadcrumbButton, BreadcrumbDivider, Combobox, Option, Caption1, Card, CardHeader, Text, Tooltip, Button, tokens, Divider } from '@fluentui/react-components';
+import { ChevronDownRegular, ChevronRightRegular, AppsListRegular, DatabaseRegular, BookmarkFilled, BookmarkRegular } from '@fluentui/react-icons';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { List, ListItem } from '@fluentui/react-list';
 
@@ -28330,20 +28330,6 @@ function compilerAssert(condition, message, target) {
     if (condition) {
         return;
     }
-    if (target) {
-        let location;
-        try {
-            location = getSourceLocation(target);
-        }
-        catch (err) { }
-        if (location) {
-            const pos = location.file.getLineAndCharacterOfPosition(location.pos);
-            const file = location.file.path;
-            const line = pos.line + 1;
-            const col = pos.character + 1;
-            message += `\nOccurred while compiling code in ${file} near line ${line}, column ${col}`;
-        }
-    }
     throw new Error(message);
 }
 /**
@@ -29073,9 +29059,6 @@ function createDiagnosable(fn) {
     return wrapper;
 }
 
-function isErrorType(type) {
-    return "kind" in type && type.kind === "Intrinsic" && type.name === "ErrorType";
-}
 function isNeverType(type) {
     return "kind" in type && type.kind === "Intrinsic" && type.name === "never";
 }
@@ -29312,32 +29295,6 @@ function validateDecoratorUniqueOnNode(context, type, decorator) {
     return true;
 }
 
-const deprecatedKey = createStateSymbol("deprecated");
-/**
- * Returns complete deprecation details for the given type or node
- * @param program Program
- * @param typeOrNode A Type or Node to check for deprecation
- */
-function getDeprecationDetails(program, typeOrNode) {
-    function isType(maybeType) {
-        return typeof maybeType.kind === "string";
-    }
-    // If we're looking at a type, pull the deprecation details from the state map
-    if (isType(typeOrNode)) {
-        return program.stateMap(deprecatedKey).get(typeOrNode);
-    }
-    else {
-        // Look at the node for a deprecation directive
-        const deprecatedDirective = (typeOrNode.directives ?? []).find((directive) => directive.target.sv === "deprecated");
-        if (deprecatedDirective?.arguments[0].kind === SyntaxKind.StringLiteral) {
-            return {
-                message: deprecatedDirective.arguments[0].value,
-            };
-        }
-    }
-    return undefined;
-}
-
 /**
  * Helper class to track duplicate instance
  */
@@ -30917,7 +30874,7 @@ function getModelName(model, options) {
     }
 }
 function getUnionName(type, options) {
-    const nsPrefix = getNamespacePrefix(type.namespace, options);
+    const nsPrefix = type.expression ? "" : getNamespacePrefix(type.namespace, options);
     const typeName = type.name
         ? getIdentifierName(type.name, options)
         : [...type.variants.values()].map((x) => getTypeName(x.type, options)).join(" | ");
@@ -32769,7 +32726,7 @@ function filterModelProperties(program, model, filter) {
             typekit.type.finishType(newProperty);
         }
     }
-    return finishTypeForProgram(program, newModel);
+    return program.checker.finishType(newModel);
 }
 /**
  * Enumerates the properties declared by model or inherited from its base.
@@ -32801,88 +32758,6 @@ function countPropertiesInherited(model, filter) {
     }
     return count;
 }
-function finishTypeForProgram(program, typeDef) {
-    return finishTypeForProgramAndChecker(program, program.checker.typePrototype, typeDef);
-}
-function finishTypeForProgramAndChecker(program, typePrototype, typeDef) {
-    if ("decorators" in typeDef) {
-        for (const decApp of typeDef.decorators) {
-            applyDecoratorToType(program, decApp, typeDef);
-        }
-    }
-    Object.setPrototypeOf(typeDef, typePrototype);
-    typeDef.isFinished = true;
-    return typeDef;
-}
-function reportDeprecation(program, target, message, reportFunc) {
-    if (program.compilerOptions.ignoreDeprecated !== true) {
-        reportFunc(createDiagnostic({
-            code: "deprecated",
-            format: {
-                message,
-            },
-            target,
-        }));
-    }
-}
-function applyDecoratorToType(program, decApp, target) {
-    compilerAssert("decorators" in target, "Cannot apply decorator to non-decoratable type", target);
-    for (const arg of decApp.args) {
-        if (isType(arg.value) && isErrorType(arg.value)) {
-            // If one of the decorator argument is an error don't run it.
-            return;
-        }
-    }
-    // Is the decorator definition deprecated?
-    if (decApp.definition) {
-        const deprecation = getDeprecationDetails(program, decApp.definition);
-        if (deprecation !== undefined) {
-            reportDeprecation(program, decApp.node ?? target, deprecation.message, program.reportDiagnostic);
-        }
-    }
-    // peel `fn` off to avoid setting `this`.
-    try {
-        const args = decApp.args.map((x) => x.jsValue);
-        const fn = decApp.decorator;
-        const context = createDecoratorContext(program, decApp);
-        fn(context, target, ...args);
-    }
-    catch (error) {
-        // do not fail the language server for exceptions in decorators
-        if (program.compilerOptions.designTimeBuild) {
-            program.reportDiagnostic(createDiagnostic({
-                code: "decorator-fail",
-                format: { decoratorName: decApp.decorator.name, error: error.stack },
-                target: decApp.node ?? target,
-            }));
-        }
-        else {
-            throw error;
-        }
-    }
-}
-function createDecoratorContext(program, decApp) {
-    function createPassThruContext(program, decApp) {
-        return {
-            program,
-            decoratorTarget: decApp.node,
-            getArgumentTarget: () => decApp.node,
-            call: (decorator, target, ...args) => {
-                return decorator(createPassThruContext(program, decApp), target, ...args);
-            },
-        };
-    }
-    return {
-        program,
-        decoratorTarget: decApp.node,
-        getArgumentTarget: (index) => {
-            return decApp.args[index]?.node;
-        },
-        call: (decorator, target, ...args) => {
-            return decorator(createPassThruContext(program, decApp), target, ...args);
-        },
-    };
-}
 var ResolutionKind;
 (function (ResolutionKind) {
     ResolutionKind[ResolutionKind["Value"] = 0] = "Value";
@@ -34312,7 +34187,7 @@ let manifest;
 try {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    manifest = (await import('../manifest-BP_f_qo_.js')).default;
+    manifest = (await import('../manifest-Bgm8G_Ff.js')).default;
 }
 catch {
     const name = "../dist/manifest.js";
@@ -45460,7 +45335,8 @@ const HiddenProps = [
   "templateMapper",
   "instantiationParameters",
   "decorators",
-  "isFinished"
+  "isFinished",
+  "creating"
 ];
 const HiddenPropsConfig = Object.fromEntries(HiddenProps.map((prop) => [prop, "skip"]));
 const TypeConfig = buildConfig({
@@ -46441,20 +46317,34 @@ function isTypeSpecType(data) {
   return typeof data === "object" && data !== null && "entityKind" in data && data.entityKind === "Type" && "kind" in data;
 }
 
-const main = "_main_d4sc6_7";
-const header = "_header_d4sc6_11";
-const doc = "_doc_d4sc6_25";
+const main = "_main_12y74_7";
+const header = "_header_12y74_11";
+const doc = "_doc_12y74_35";
 const style = {
-	"type-view": "_type-view_d4sc6_1",
+	"type-view": "_type-view_12y74_1",
 	main: main,
-	"header-section": "_header-section_d4sc6_11",
-	"inspect-section": "_inspect-section_d4sc6_15",
+	"header-section": "_header-section_12y74_11",
+	"inspect-section": "_inspect-section_12y74_15",
 	header: header,
+	"header-left": "_header-left_12y74_25",
+	"header-spacer": "_header-spacer_12y74_31",
 	doc: doc
 };
 
 const TypeNodeView = ({ node }) => {
   const program = useProgram();
+  const [isVarSet, setIsVarSet] = useState(() => Boolean(window.vars?.[node.name]));
+  const handleSaveType = () => setIsVarSet((x) => !x);
+  useEffect(() => {
+    if (isVarSet) {
+      if (!window.vars) window.vars = {};
+      window.vars[node.name] = node.type;
+    } else {
+      if (window.vars) {
+        delete window.vars[node.name];
+      }
+    }
+  }, [node.name, node.type, isVarSet]);
   return /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: style["type-view"], children: [
     /* @__PURE__ */ jsxRuntimeExports$1.jsxs(Card, { className: style["main"], children: [
       /* @__PURE__ */ jsxRuntimeExports$1.jsx(
@@ -46462,8 +46352,20 @@ const TypeNodeView = ({ node }) => {
         {
           className: style["header-section"],
           header: /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: style["header"], children: [
-            /* @__PURE__ */ jsxRuntimeExports$1.jsx(TypeKindTag, { type: node.type }),
-            /* @__PURE__ */ jsxRuntimeExports$1.jsx(Text, { weight: "semibold", size: 500, children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(Mono, { children: node.name }) })
+            /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: style["header-left"], children: [
+              /* @__PURE__ */ jsxRuntimeExports$1.jsx(TypeKindTag, { type: node.type }),
+              /* @__PURE__ */ jsxRuntimeExports$1.jsx(Text, { weight: "semibold", size: 500, children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(Mono, { children: node.name }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: style["header-spacer"] }),
+            /* @__PURE__ */ jsxRuntimeExports$1.jsx(Tooltip, { content: `Save as vars.${node.name}`, relationship: "label", children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+              Button,
+              {
+                icon: isVarSet ? /* @__PURE__ */ jsxRuntimeExports$1.jsx(BookmarkFilled, { style: { color: tokens.colorBrandBackground } }) : /* @__PURE__ */ jsxRuntimeExports$1.jsx(BookmarkRegular, {}),
+                onClick: handleSaveType,
+                size: "small",
+                appearance: "subtle"
+              }
+            ) })
           ] }),
           description: /* @__PURE__ */ jsxRuntimeExports$1.jsx(Caption1, { className: style["doc"], children: getDoc(program, node.type) })
         }

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

@@ -28,7 +28,7 @@ type TypeGraphConfig = {
         kind: K;
     }>>;
 };
-export declare const HiddenPropsSet: Set<"symbol" | "entityKind" | "kind" | "node" | "templateNode" | "templateArguments" | "templateMapper" | "instantiationParameters" | "decorators" | "isFinished">;
+export declare const HiddenPropsSet: Set<"symbol" | "entityKind" | "kind" | "node" | "templateNode" | "templateArguments" | "templateMapper" | "instantiationParameters" | "decorators" | "isFinished" | "creating">;
 export declare function getPropertyRendering<T extends Type, K extends keyof T>(type: T, key: K): PropertyRenderingRaw<T>;
 export declare function getRenderingConfig<T extends Entity>(type: T): PropertiesRendering<T> | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"type-config.d.ts","sourceRoot":"","sources":["../../src/react/type-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAC3B;IAAE,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;CAAE,GAC9D,uBAAuB,CAAC,CAAC,CAAC,CAAC;AAC/B,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAC9B,QAAQ,GACR,cAAc,GACd,KAAK,GACL,OAAO,GACP,MAAM,GACN,0BAA0B,CAAC,CAAC,CAAC,CAAC;AAElC,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AACvF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEjF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CACpC,CAAC;AACF,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAG7B,CAAC;AAoBF,eAAO,MAAM,UAAU,EAAE,eAsGvB,CAAC;AAOH,KAAK,UAAU,CAAC,CAAC,SAAS,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAChE,KAAK,eAAe,GAAG;KACpB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAIF,eAAO,MAAM,cAAc,oKAAuB,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,EACpE,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,GACL,oBAAoB,CAAC,CAAC,CAAC,CAIzB;AACD,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAE3F"}
+{"version":3,"file":"type-config.d.ts","sourceRoot":"","sources":["../../src/react/type-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAC3B;IAAE,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;CAAE,GAC9D,uBAAuB,CAAC,CAAC,CAAC,CAAC;AAC/B,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAC9B,QAAQ,GACR,cAAc,GACd,KAAK,GACL,OAAO,GACP,MAAM,GACN,0BAA0B,CAAC,CAAC,CAAC,CAAC;AAElC,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AACvF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEjF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CACpC,CAAC;AACF,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAG7B,CAAC;AAqBF,eAAO,MAAM,UAAU,EAAE,eAsGvB,CAAC;AAOH,KAAK,UAAU,CAAC,CAAC,SAAS,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAChE,KAAK,eAAe,GAAG;KACpB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAIF,eAAO,MAAM,cAAc,iLAAuB,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,EACpE,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,GACL,oBAAoB,CAAC,CAAC,CAAC,CAIzB;AACD,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAE3F"}

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

@@ -1,4 +1,9 @@
 import { TreeNavigator, TypeGraphTypeNode } from '../use-tree-navigation.js';
+declare global {
+    interface Window {
+        vars?: Record<string, unknown>;
+    }
+}
 export interface TypeNodeViewProps {
     readonly nav: TreeNavigator;
     readonly node: TypeGraphTypeNode;

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

@@ -1 +1 @@
-{"version":3,"file":"type-view.d.ts","sourceRoot":"","sources":["../../../src/react/type-view/type-view.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGlF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,GAAI,UAAU,iBAAiB,4CA+BvD,CAAC"}
+{"version":3,"file":"type-view.d.ts","sourceRoot":"","sources":["../../../src/react/type-view/type-view.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGlF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC;CACF;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,GAAI,UAAU,iBAAiB,4CA+DvD,CAAC"}

package/dist/style.css

@@ -215,30 +215,40 @@
   background-color: var(--colorPaletteBerryForeground2);
   color: white;
 }
-._type-view_d4sc6_1 {
+._type-view_12y74_1 {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 
-._main_d4sc6_7 {
+._main_12y74_7 {
   padding: var(--fui-Card--size) 0 !important;
 }
 
-._header-section_d4sc6_11 {
+._header-section_12y74_11 {
   padding: 0 var(--fui-Card--size);
 }
 
-._inspect-section_d4sc6_15 {
+._inspect-section_12y74_15 {
   padding: 0 var(--fui-Card--size);
 }
 
-._header_d4sc6_11 {
+._header_12y74_11 {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+._header-left_12y74_25 {
   display: flex;
   align-items: center;
   gap: 10px;
 }
 
-._doc_d4sc6_25 {
+._header-spacer_12y74_31 {
+  margin-left: auto;
+}
+
+._doc_12y74_35 {
   color: var(--colorNeutralForeground3);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/html-program-viewer",
-  "version": "0.73.0-dev.2",
+  "version": "0.73.0-dev.4",
   "author": "Microsoft Corporation",
   "description": "TypeSpec library for emitting an html view of the program.",
   "homepage": "https://typespec.io",