@typespec/html-program-viewer 0.58.0-dev.0 → 0.58.0-dev.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/html-program-viewer",
-  "version": "0.58.0-dev.0",
+  "version": "0.58.0-dev.4",
   "author": "Microsoft Corporation",
   "description": "TypeSpec library for emitting an html view of the program.",
   "homepage": "https://typespec.io",
@@ -17,23 +17,21 @@
     "typespec"
   ],
   "type": "module",
-  "main": "dist/src/index.js",
+  "main": "dist/emitter/index.js",
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
-      "default": "./dist/src/index.js"
+      "default": "./dist/emitter/index.js"
     },
-    "./testing": {
-      "types": "./dist/src/testing/index.d.ts",
-      "default": "./dist/src/testing/index.js"
-    }
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
+    },
+    "./style.css": "./dist/style.css"
   },
-  "tspMain": "dist/src/index.js",
   "engines": {
     "node": ">=14.0.0"
   },
   "files": [
-    "lib/*.tsp",
     "dist/**",
     "!dist/test/**"
   ],
@@ -41,29 +39,40 @@
     "@typespec/compiler": "~0.57.0 || >=0.58.0-dev <0.58.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "prettier": "~3.2.5",
+    "@fluentui/react-components": "~9.54.2",
+    "@fluentui/react-icons": "^2.0.247",
+    "@fluentui/react-list-preview": "^0.2.8",
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
-    "react-is": "~18.3.1"
+    "react-hotkeys-hook": "^4.5.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
+    "@babel/core": "^7.24.7",
+    "@testing-library/dom": "^10.2.0",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
     "@types/node": "~18.11.19",
-    "@types/react": "~18.3.2",
+    "@types/react": "~18.3.3",
     "@types/react-dom": "~18.3.0",
     "@typespec/compiler": "~0.57.0 || >=0.58.0-dev <0.58.0",
+    "@vitejs/plugin-react": "~4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
-    "c8": "^9.1.0",
+    "c8": "^10.1.2",
     "rimraf": "~5.0.7",
-    "typescript": "~5.4.5",
-    "vitest": "^1.6.0"
+    "typescript": "~5.5.3",
+    "vite": "^5.3.2",
+    "vite-plugin-checker": "^0.7.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.6.0",
+    "@typespec/react-components": "~0.57.0"
   },
   "scripts": {
     "clean": "rimraf ./dist ./temp",
-    "build": "tsc -p .",
-    "watch": "tsc -p . --watch",
+    "build": "pnpm build:react && pnpm build:emitter",
+    "build:react": "vite build",
+    "build:emitter": "vite build --config vite.emitter.config.ts",
+    "watch": "vite build --watch",
     "test": "vitest run",
     "test:ui": "vitest --ui",
     "test:ci": "vitest run --coverage --reporter=junit --reporter=default",

package/dist/src/color-provider.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent, ReactNode } from "react";
-import { ColorPalette } from "./constants.js";
-export interface ColorProviderProps {
-    colors: Partial<ColorPalette>;
-    children?: ReactNode;
-}
-export declare const ColorProvider: FunctionComponent<ColorProviderProps>;
-//# sourceMappingURL=color-provider.d.ts.map

package/dist/src/color-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-provider.d.ts","sourceRoot":"","sources":["../../src/color-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAkC,MAAM,gBAAgB,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAU/D,CAAC"}

package/dist/src/color-provider.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useMemo } from "react";
-import { ColorsVariables } from "./constants.js";
-export const ColorProvider = ({ children, colors }) => {
-    const cssVariables = useMemo(() => {
-        const colorArray = Object.entries(colors);
-        return Object.fromEntries(colorArray.map(([key, value]) => {
-            return [ColorsVariables[key], value];
-        }));
-    }, [colors]);
-    return _jsx("div", { style: cssVariables, children: children });
-};
-//# sourceMappingURL=color-provider.js.map

package/dist/src/color-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-provider.js","sourceRoot":"","sources":["../../src/color-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgC,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAA+B,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAO9E,MAAM,CAAC,MAAM,aAAa,GAA0C,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,UAAU,GAA8B,MAAM,CAAC,OAAO,CAAC,MAAM,CAAQ,CAAC;QAC5E,OAAO,MAAM,CAAC,WAAW,CACvB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC9B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,cAAK,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAO,CAAC;AACpD,CAAC,CAAC"}

package/dist/src/common.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent, ReactElement } from "react";
-export declare const Literal: FunctionComponent<{
-    children: any;
-}>;
-export declare const KeyValueSection: FunctionComponent<{
-    children: ReactElement | ReactElement[];
-}>;
-//# sourceMappingURL=common.d.ts.map

package/dist/src/common.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/common.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGxD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAExD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAAE,CAe1F,CAAC"}

package/dist/src/common.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Colors } from "./constants.js";
-export const Literal = ({ children }) => (_jsx("div", { css: { color: Colors.literal, display: "inline" }, children: children }));
-export const KeyValueSection = ({ children, }) => {
-    return (_jsx("ul", { css: {
-            margin: 0,
-            padding: "0 0 0 16px",
-            borderLeft: `1px dashed ${Colors.indentationGuide}`,
-            overflow: "auto",
-        }, children: children }));
-};
-//# sourceMappingURL=common.js.map

package/dist/src/common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/common.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAyC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7E,cAAK,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAG,QAAQ,GAAO,CACzE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAmE,CAAC,EAC9F,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,aACE,GAAG,EAAE;YACH,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,YAAY;YACrB,UAAU,EAAE,cAAc,MAAM,CAAC,gBAAgB,EAAE;YACnD,QAAQ,EAAE,MAAM;SACjB,YAEA,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/constants.d.ts

@@ -1,15 +0,0 @@
-export declare const ColorsVariables: {
-    readonly background: "--tsp-tgv-background";
-    readonly dataKey: "--tsp-tgv-data-key";
-    readonly indentationGuide: "--tsp-tgv-indentation-guide";
-    readonly literal: "--tsp-tgv-literal";
-    readonly property: "--tsp-tgv-property";
-    readonly ref: "--tsp-tgv-ref";
-    readonly typeKind: "--tsp-tgv-type-kind";
-    readonly typeName: "--tsp-tgv-type-name";
-};
-export type ColorVariable = keyof typeof ColorsVariables;
-export type ColorPalette = Record<ColorVariable, string>;
-export declare const DefaultColors: ColorPalette;
-export declare const Colors: typeof ColorsVariables;
-//# sourceMappingURL=constants.d.ts.map

package/dist/src/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe;;;;;;;;;CASlB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,eAAe,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AACzD,eAAO,MAAM,aAAa,EAAE,YAS3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,OAAO,eAEpB,CAAC"}

package/dist/src/constants.js

@@ -1,23 +0,0 @@
-const variablePrefix = `--tsp-tgv`;
-export const ColorsVariables = {
-    background: `${variablePrefix}-background`,
-    dataKey: `${variablePrefix}-data-key`,
-    indentationGuide: `${variablePrefix}-indentation-guide`,
-    literal: `${variablePrefix}-literal`,
-    property: `${variablePrefix}-property`,
-    ref: `${variablePrefix}-ref`,
-    typeKind: `${variablePrefix}-type-kind`,
-    typeName: `${variablePrefix}-type-name`,
-};
-export const DefaultColors = {
-    background: "#f3f3f3",
-    dataKey: "#333333",
-    indentationGuide: "#777",
-    literal: "#5da713",
-    property: "#9c5d27",
-    ref: "#268bd2",
-    typeKind: "#7a3e9d",
-    typeName: "#333333",
-};
-export const Colors = Object.fromEntries(Object.entries(ColorsVariables).map(([k, v]) => [k, `var(${v}, ${DefaultColors[k]})`]));
-//# sourceMappingURL=constants.js.map

package/dist/src/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,GAAG,cAAc,aAAa;IAC1C,OAAO,EAAE,GAAG,cAAc,WAAW;IACrC,gBAAgB,EAAE,GAAG,cAAc,oBAAoB;IACvD,OAAO,EAAE,GAAG,cAAc,UAAU;IACpC,QAAQ,EAAE,GAAG,cAAc,WAAW;IACtC,GAAG,EAAE,GAAG,cAAc,MAAM;IAC5B,QAAQ,EAAE,GAAG,cAAc,YAAY;IACvC,QAAQ,EAAE,GAAG,cAAc,YAAY;CAC/B,CAAC;AAIX,MAAM,CAAC,MAAM,aAAa,GAAiB;IACzC,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,MAAM;IACxB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA2B,MAAM,CAAC,WAAW,CAC9D,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAM,aAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CACzF,CAAC"}

package/dist/src/emitter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"emitter.d.ts","sourceRoot":"","sources":["../../src/emitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,oBAAoB,CAAC;AAGxE,OAAO,EAAyB,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE3E,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,eAAO,MAAM,IAAI;;mCAAgC,CAAC;AAElD,wBAAsB,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,wBAAwB,CAAC,iBAQ3E"}

package/dist/src/emitter.js

@@ -1,29 +0,0 @@
-import { emitFile, resolvePath } from "@typespec/compiler";
-import { renderProgram } from "./ui.js";
-import { createTypeSpecLibrary } from "@typespec/compiler";
-const EmitterOptionsSchema = {
-    type: "object",
-    additionalProperties: false,
-    properties: {
-        "output-dir": { type: "string", nullable: true },
-    },
-    required: [],
-};
-export const libDef = {
-    name: "@typespec/openapi3",
-    diagnostics: {},
-    emitter: {
-        options: EmitterOptionsSchema,
-    },
-};
-export const $lib = createTypeSpecLibrary(libDef);
-export async function $onEmit(context) {
-    const html = renderProgram(context.program);
-    const outputDir = context.emitterOutputDir;
-    const htmlPath = resolvePath(outputDir, "typespec-program.html");
-    await emitFile(context.program, {
-        path: htmlPath,
-        content: `<!DOCTYPE html><html lang="en"><link rel="stylesheet" href="style.css"><body>${html}</body></html>`,
-    });
-}
-//# sourceMappingURL=emitter.js.map

package/dist/src/emitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emitter.js","sourceRoot":"","sources":["../../src/emitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAkB,MAAM,oBAAoB,CAAC;AAS3E,MAAM,oBAAoB,GAA6C;IACrE,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE;QACV,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KACjD;IACD,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,oBAAoB;IAC1B,WAAW,EAAE,EAAE;IACf,OAAO,EAAE;QACP,OAAO,EAAE,oBAAgE;KAC1E;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAElD,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,OAA8C;IAC1E,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,OAAO,CAAC,gBAAgB,CAAC;IAC3C,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;IACjE,MAAM,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;QAC9B,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,gFAAgF,IAAI,gBAAgB;KAC9G,CAAC,CAAC;AACL,CAAC"}

package/dist/src/index.d.ts

@@ -1,5 +0,0 @@
-export { ColorProvider, ColorProviderProps } from "./color-provider.js";
-export type { ColorPalette } from "./constants.js";
-export * from "./emitter.js";
-export { TypeSpecProgramViewer } from "./ui.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/index.js

@@ -1,4 +0,0 @@
-export { ColorProvider } from "./color-provider.js";
-export * from "./emitter.js";
-export { TypeSpecProgramViewer } from "./ui.js";
-//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAsB,MAAM,qBAAqB,CAAC;AAExE,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/inspect.d.ts

@@ -1,2 +0,0 @@
-export declare function inspect(obj: unknown): string;
-//# sourceMappingURL=inspect.d.ts.map

package/dist/src/inspect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inspect.d.ts","sourceRoot":"","sources":["../../src/inspect.ts"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAE5C"}

package/dist/src/inspect.js

@@ -1,46 +0,0 @@
-const MAX_DEPTH = 2;
-export function inspect(obj) {
-    return formatValue({ depth: 0 }, obj);
-}
-function formatValue(ctx, obj) {
-    switch (typeof obj) {
-        case "undefined":
-            return "undefined";
-        case "string":
-            return `"${obj}"`;
-        case "number":
-        case "bigint":
-        case "boolean":
-        case "symbol":
-            return obj.toString();
-        case "object":
-            if (obj === null) {
-                return "null";
-            }
-            return formatObject(ctx, obj);
-        default:
-            return "?";
-    }
-}
-function formatObject(ctx, obj) {
-    if (ctx.depth > MAX_DEPTH) {
-        return obj.toString();
-    }
-    if (Array.isArray(obj)) {
-        return formatArray(ctx, obj);
-    }
-    const props = Object.entries(obj).map(([k, v]) => {
-        return ` `.repeat(ctx.depth) + `${k}: ${formatValue({ ...ctx, depth: ctx.depth + 1 }, v)}`;
-    });
-    return ["{", ...props, "}"].join("\n");
-}
-function formatArray(ctx, obj) {
-    if (ctx.depth > MAX_DEPTH) {
-        return obj.toString();
-    }
-    const items = obj.map((v) => {
-        return ` `.repeat(ctx.depth) + `${formatValue({ ...ctx, depth: ctx.depth + 1 }, v)}`;
-    });
-    return ["[", ...items, "]"].join("\n");
-}
-//# sourceMappingURL=inspect.js.map

package/dist/src/inspect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inspect.js","sourceRoot":"","sources":["../../src/inspect.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,UAAU,OAAO,CAAC,GAAY;IAClC,OAAO,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;AACxC,CAAC;AAKD,SAAS,WAAW,CAAC,GAAmB,EAAE,GAAY;IACpD,QAAQ,OAAO,GAAG,EAAE,CAAC;QACnB,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QACrB,KAAK,QAAQ;YACX,OAAO,IAAI,GAAG,GAAG,CAAC;QACpB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;gBACjB,OAAO,MAAM,CAAC;YAChB,CAAC;YACD,OAAO,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAChC;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,GAAmB,EAAE,GAAW;IACpD,IAAI,GAAG,CAAC,KAAK,GAAG,SAAS,EAAE,CAAC;QAC1B,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;QAC/C,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,WAAW,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC;AAED,SAAS,WAAW,CAAC,GAAmB,EAAE,GAAc;IACtD,IAAI,GAAG,CAAC,KAAK,GAAG,SAAS,EAAE,CAAC;QAC1B,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAC1B,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC"}

package/dist/src/testing/index.d.ts

@@ -1,3 +0,0 @@
-import { TypeSpecTestLibrary } from "@typespec/compiler/testing";
-export declare const ProgramViewerTestLibrary: TypeSpecTestLibrary;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/testing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EACpB,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,EAAE,mBAGrC,CAAC"}

package/dist/src/testing/index.js

@@ -1,6 +0,0 @@
-import { createTestLibrary, findTestPackageRoot, } from "@typespec/compiler/testing";
-export const ProgramViewerTestLibrary = createTestLibrary({
-    name: "@typespec/html-program-viewer",
-    packageRoot: await findTestPackageRoot(import.meta.url),
-});
-//# sourceMappingURL=index.js.map

package/dist/src/testing/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GAEpB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,CAAC,MAAM,wBAAwB,GAAwB,iBAAiB,CAAC;IAC7E,IAAI,EAAE,+BAA+B;IACrC,WAAW,EAAE,MAAM,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;CACxD,CAAC,CAAC"}

package/dist/src/type-ui-base.d.ts

@@ -1,19 +0,0 @@
-import { Type } from "@typespec/compiler";
-import { FunctionComponent } from "react";
-export interface TypeUIBaseProperty {
-    name: string;
-    value: any;
-    description?: string;
-}
-export interface TypeUIBaseProps {
-    type: Type;
-    name: string;
-    /**
-     * Alternate id
-     * @default getIdForType(type)
-     */
-    id?: string;
-    properties: TypeUIBaseProperty[];
-}
-export declare const TypeUIBase: FunctionComponent<TypeUIBaseProps>;
-//# sourceMappingURL=type-ui-base.d.ts.map

package/dist/src/type-ui-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"type-ui-base.d.ts","sourceRoot":"","sources":["../../src/type-ui-base.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,kBAAkB,EAAE,CAAC;CAClC;AAOD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA6BzD,CAAC"}

package/dist/src/type-ui-base.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css } from "@emotion/react";
-import { KeyValueSection } from "./common.js";
-import { Colors } from "./constants.js";
-import { getIdForType } from "./utils.js";
-const TypeNameStyles = css({
-    display: "inline",
-    color: Colors.typeName,
-});
-export const TypeUIBase = (props) => {
-    const id = props.id ?? getIdForType(props.type);
-    const properties = props.properties.map((prop) => {
-        return (_jsxs("li", { children: [_jsx("span", { css: { color: Colors.property }, title: prop.description, children: prop.name }), ": ", _jsx("span", { children: prop.value })] }, prop.name));
-    });
-    return (_jsxs("div", { children: [_jsxs("div", { id: id, children: [_jsx("span", { css: {
-                            display: "inline",
-                            color: Colors.typeKind,
-                            marginRight: "5px",
-                        }, children: props.type.kind }), _jsx("span", { css: TypeNameStyles, children: props.name })] }), _jsx(KeyValueSection, { children: properties })] }));
-};
-//# sourceMappingURL=type-ui-base.js.map

package/dist/src/type-ui-base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"type-ui-base.js","sourceRoot":"","sources":["../../src/type-ui-base.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAmB1C,MAAM,cAAc,GAAG,GAAG,CAAC;IACzB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,MAAM,CAAC,QAAQ;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC/C,OAAO,CACL,yBACE,eAAM,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,YAC3D,IAAI,CAAC,IAAI,GACL,QACL,yBAAO,IAAI,CAAC,KAAK,GAAQ,KAJpB,IAAI,CAAC,IAAI,CAKb,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,0BACE,eAAK,EAAE,EAAE,EAAE,aACT,eACE,GAAG,EAAE;4BACH,OAAO,EAAE,QAAQ;4BACjB,KAAK,EAAE,MAAM,CAAC,QAAQ;4BACtB,WAAW,EAAE,KAAK;yBACnB,YAEA,KAAK,CAAC,IAAI,CAAC,IAAI,GACX,EACP,eAAM,GAAG,EAAE,cAAc,YAAG,KAAK,CAAC,IAAI,GAAQ,IAC1C,EACN,KAAC,eAAe,cAAE,UAAU,GAAmB,IAC3C,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui.d.ts

@@ -1,13 +0,0 @@
-import { Program } from "@typespec/compiler";
-import { FunctionComponent, ReactElement } from "react";
-export declare function renderProgram(program: Program): string;
-export interface TypeSpecProgramViewerProps {
-    program: Program;
-}
-export declare const TypeSpecProgramViewer: FunctionComponent<TypeSpecProgramViewerProps>;
-export interface ItemListProps<T> {
-    items: Map<string | symbol, T> | T[];
-    render: (t: T) => ReactElement<any, any> | null;
-}
-export declare const ItemList: <T extends object>(props: ItemListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ui.d.ts.map

package/dist/src/ui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/ui.tsx"],"names":[],"mappings":"AACA,OAAO,EAUL,OAAO,EAKR,MAAM,oBAAoB,CAAC;AAC5B,OAAc,EAAE,iBAAiB,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAc3E,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,UAG7C;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAC;CAClB;AAYD,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,0BAA0B,CAkB/E,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;IACrC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,QAAQ,4BAA6B,cAAc,CAAC,CAAC,qDAiBjE,CAAC"}