@typespec/playground 0.14.0-dev.3 → 0.14.0-dev.5

package/dist/state-storage.js

@@ -1,82 +1,68 @@
-import lzutf8 from 'lzutf8';
-
+import lzutf8 from "lzutf8";
+//#region src/state-storage.ts
+/**
+* Generic storage mechanism for data in the playground.
+* @param schema Schema of the data to be serialized in the query
+* @returns
+*/
 function createUrlStateStorage(schema) {
-  return { load, save, resolveSearchParams };
-  function load() {
-    const result = {};
-    const parsed = new URLSearchParams(window.location.search);
-    for (const [key, item] of Object.entries(schema)) {
-      const value = parsed.get(item.queryParam);
-      const decompressed = value && decompress(item, value);
-      const deserialized = decompressed && deserialize(item, decompressed);
-      if (deserialized) {
-        result[key] = deserialized;
-      }
-    }
-    return result;
-  }
-  function decompress(item, value) {
-    if (item.compress) {
-      try {
-        return lzutf8.decompress(value, { inputEncoding: "Base64" });
-      } catch (e) {
-        console.error(
-          `Error decompressing query parameter ${item.queryParam} with content:`,
-          value
-        );
-        return void 0;
-      }
-    } else {
-      return value;
-    }
-  }
-  function deserialize(item, value) {
-    if (item.type === "object") {
-      try {
-        return JSON.parse(value);
-      } catch (e) {
-        console.error(
-          `Error decompressing query parameter ${item.queryParam} with content:`,
-          value
-        );
-        return void 0;
-      }
-    } else {
-      return value;
-    }
-  }
-  function save(data) {
-    const params = resolveSearchParams(data, true);
-    history.pushState(null, "", window.location.pathname + "?" + params.toString());
-  }
-  function resolveSearchParams(data, mergeWithExisting = false) {
-    const params = new URLSearchParams(mergeWithExisting ? location.search : void 0);
-    for (const [key, item] of Object.entries(schema)) {
-      const value = data[key];
-      if (value) {
-        const serialized = serialize(item, value);
-        const compressed = compress(item, serialized);
-        params.set(item.queryParam, compressed);
-      } else {
-        params.delete(item.queryParam);
-      }
-    }
-    return params;
-  }
-  function compress(item, value) {
-    if (item.compress) {
-      return lzutf8.compress(value, { outputEncoding: "Base64" });
-    } else {
-      return value;
-    }
-  }
-  function serialize(item, value) {
-    if (item.type === "object") {
-      return JSON.stringify(value);
-    } else {
-      return value;
-    }
-  }
+	return {
+		load,
+		save,
+		resolveSearchParams
+	};
+	function load() {
+		const result = {};
+		const parsed = new URLSearchParams(window.location.search);
+		for (const [key, item] of Object.entries(schema)) {
+			const value = parsed.get(item.queryParam);
+			const decompressed = value && decompress(item, value);
+			const deserialized = decompressed && deserialize(item, decompressed);
+			if (deserialized) result[key] = deserialized;
+		}
+		return result;
+	}
+	function decompress(item, value) {
+		if (item.compress) try {
+			return lzutf8.decompress(value, { inputEncoding: "Base64" });
+		} catch (e) {
+			console.error(`Error decompressing query parameter ${item.queryParam} with content:`, value);
+			return;
+		}
+		else return value;
+	}
+	function deserialize(item, value) {
+		if (item.type === "object") try {
+			return JSON.parse(value);
+		} catch (e) {
+			console.error(`Error decompressing query parameter ${item.queryParam} with content:`, value);
+			return;
+		}
+		else return value;
+	}
+	function save(data) {
+		const params = resolveSearchParams(data, true);
+		history.pushState(null, "", window.location.pathname + "?" + params.toString());
+	}
+	function resolveSearchParams(data, mergeWithExisting = false) {
+		const params = new URLSearchParams(mergeWithExisting ? location.search : void 0);
+		for (const [key, item] of Object.entries(schema)) {
+			const value = data[key];
+			if (value) {
+				const compressed = compress(item, serialize(item, value));
+				params.set(item.queryParam, compressed);
+			} else params.delete(item.queryParam);
+		}
+		return params;
+	}
+	function compress(item, value) {
+		if (item.compress) return lzutf8.compress(value, { outputEncoding: "Base64" });
+		else return value;
+	}
+	function serialize(item, value) {
+		if (item.type === "object") return JSON.stringify(value);
+		else return value;
+	}
 }
-
+//#endregion
 export { createUrlStateStorage };

package/dist/style.css

@@ -175,7 +175,7 @@
 ._tree-row_16t0l_4 ._column_16t0l_44:last-child {
   margin-right: 5px;
 }
-._bar_1gurd_1 {
+/*$vite$:1*/._bar_1gurd_1 {
   border-bottom: 1px solid var(--colorNeutralStroke1);
 }
 
@@ -560,3 +560,4 @@
   height: 100%;
   overflow: auto;
 }
+/*$vite$:1*/

package/dist/tooling/index.js

@@ -1,26 +1,27 @@
-import { getDirectoryPath } from '@typespec/compiler';
-import { readFile, mkdir, writeFile } from 'fs/promises';
-
+import { getDirectoryPath } from "@typespec/compiler";
+import { mkdir, readFile, writeFile } from "fs/promises";
+//#region src/tooling/index.ts
+/**
+* @experimental This API is experimental
+*/
 async function buildSamples_experimental(rootDir, output, samples) {
-  const resolvedSamples = {};
-  for (const [name, config] of Object.entries(samples)) {
-    const content = await readFile(`${rootDir}/${config.filename}`, "utf-8");
-    resolvedSamples[name] = {
-      filename: config.filename,
-      content,
-      preferredEmitter: config.preferredEmitter,
-      description: config.description,
-      compilerOptions: config.compilerOptions
-    };
-  }
-  const dir = getDirectoryPath(output);
-  await mkdir(dir, { recursive: true });
-  const dts = [
-    `import type { PlaygroundSample } from "@typespec/playground";`,
-    `const samples: Record<string, PlaygroundSample> = ${JSON.stringify(resolvedSamples, null, 2)};`,
-    `export default samples;`
-  ].join("\n");
-  await writeFile(output, dts);
+	const resolvedSamples = {};
+	for (const [name, config] of Object.entries(samples)) {
+		const content = await readFile(`${rootDir}/${config.filename}`, "utf-8");
+		resolvedSamples[name] = {
+			filename: config.filename,
+			content,
+			preferredEmitter: config.preferredEmitter,
+			description: config.description,
+			compilerOptions: config.compilerOptions
+		};
+	}
+	await mkdir(getDirectoryPath(output), { recursive: true });
+	await writeFile(output, [
+		`import type { PlaygroundSample } from "@typespec/playground";`,
+		`const samples: Record<string, PlaygroundSample> = ${JSON.stringify(resolvedSamples, null, 2)};`,
+		`export default samples;`
+	].join("\n"));
 }
-
+//#endregion
 export { buildSamples_experimental };

package/dist/vite/index.js

@@ -1,91 +1,67 @@
-import { typespecBundlePlugin } from '@typespec/bundler/vite';
-import react from '@vitejs/plugin-react';
-
+import { typespecBundlePlugin } from "@typespec/bundler/vite";
+import react from "@vitejs/plugin-react";
+//#region src/vite/index.ts
 function definePlaygroundViteConfig(config) {
-  return {
-    base: "./",
-    build: {
-      target: "esnext",
-      chunkSizeWarningLimit: 5e3,
-      rollupOptions: {
-        output: {
-          manualChunks(id) {
-            if (id.includes("/node_modules/monaco-editor/esm/vs/editor")) {
-              return "monaco";
-            }
-            return void 0;
-          }
-        }
-      }
-    },
-    esbuild: {
-      logOverride: { "this-is-undefined-in-esm": "silent" }
-    },
-    assetsInclude: [/\.tsp$/],
-    optimizeDeps: {
-      exclude: ["swagger-ui"]
-    },
-    plugins: [
-      react({}),
-      playgroundManifestPlugin(config),
-      !config.skipBundleLibraries ? typespecBundlePlugin({
-        folderName: "libs",
-        libraries: config.libraries
-      }) : void 0
-    ],
-    server: {
-      fs: {
-        strict: false
-      }
-    }
-  };
+	return {
+		base: "./",
+		build: {
+			target: "esnext",
+			chunkSizeWarningLimit: 5e3,
+			rollupOptions: { output: { manualChunks(id) {
+				if (id.includes("/node_modules/monaco-editor/esm/vs/editor")) return "monaco";
+			} } }
+		},
+		esbuild: { logOverride: { "this-is-undefined-in-esm": "silent" } },
+		assetsInclude: [/\.tsp$/],
+		optimizeDeps: { exclude: ["swagger-ui"] },
+		plugins: [
+			react({}),
+			playgroundManifestPlugin(config),
+			!config.skipBundleLibraries ? typespecBundlePlugin({
+				folderName: "libs",
+				libraries: config.libraries
+			}) : void 0
+		],
+		server: { fs: { strict: false } }
+	};
 }
 function playgroundManifestPlugin(config) {
-  const { samples, ...manifest } = config;
-  let viteConfig;
-  return {
-    name: "playground-manifest",
-    enforce: "pre",
-    // Need to run before resolving library imports to stub `@typespec/playground/manifest`
-    async configResolved(c) {
-      viteConfig = c;
-    },
-    resolveId(id) {
-      if (id === "@typespec/playground/manifest") {
-        return id;
-      }
-      return null;
-    },
-    load(id) {
-      if (id === `@typespec/playground/manifest`) {
-        const sampleImport = Object.values(samples ?? {}).map(
-          (sampleValue, index) => `import s${index} from "${viteConfig.root}/${sampleValue.filename}?raw"`
-        ).join("\n");
-        const sampleObj = [
-          "{",
-          ...Object.entries(samples ?? {}).map(
-            ([label, config2], index) => `${JSON.stringify(label)}: {
-                fileName: ${JSON.stringify(config2.filename)},
-                preferredEmitter: ${config2.preferredEmitter ? JSON.stringify(config2.preferredEmitter) : "undefined"},
+	const { samples, ...manifest } = config;
+	let viteConfig;
+	return {
+		name: "playground-manifest",
+		enforce: "pre",
+		async configResolved(c) {
+			viteConfig = c;
+		},
+		resolveId(id) {
+			if (id === "@typespec/playground/manifest") return id;
+			return null;
+		},
+		load(id) {
+			if (id === `@typespec/playground/manifest`) {
+				const sampleImport = Object.values(samples ?? {}).map((sampleValue, index) => `import s${index} from "${viteConfig.root}/${sampleValue.filename}?raw"`).join("\n");
+				const sampleObj = [
+					"{",
+					...Object.entries(samples ?? {}).map(([label, config], index) => `${JSON.stringify(label)}: {
+                fileName: ${JSON.stringify(config.filename)},
+                preferredEmitter: ${config.preferredEmitter ? JSON.stringify(config.preferredEmitter) : "undefined"},
                 content: s${index},
-                ${config2.compilerOptions ? `compilerOptions: ${JSON.stringify(config2.compilerOptions)},` : ""}
+                ${config.compilerOptions ? `compilerOptions: ${JSON.stringify(config.compilerOptions)},` : ""}
 
-              }, `
-          ),
-          "}"
-        ].join("\n");
-        const file = `
+              }, `),
+					"}"
+				].join("\n");
+				return `
         ${sampleImport};
         
         export default {
            ...${JSON.stringify(manifest)},
           samples: ${sampleObj}
         };`;
-        return file;
-      }
-      return void 0;
-    }
-  };
+			}
+		}
+	};
 }
-
+//#endregion
 export { definePlaygroundViteConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.14.0-dev.3",
+  "version": "0.14.0-dev.5",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -61,15 +61,15 @@
   "dependencies": {
     "@fluentui/react-components": "~9.73.3",
     "@fluentui/react-icons": "^2.0.321",
-    "@typespec/bundler": "^0.5.1 || >= 0.5.2-dev.2",
-    "@typespec/compiler": "^1.10.0 || >= 1.11.0-dev.4",
-    "@typespec/html-program-viewer": "^0.80.0 || >= 0.81.0-dev.1",
-    "@typespec/http": "^1.10.0 || >= 1.11.0-dev.2",
-    "@typespec/openapi": "^1.10.0 || >= 1.11.0-dev.1",
-    "@typespec/openapi3": "^1.10.0 || >= 1.11.0-dev.3",
-    "@typespec/protobuf": "^0.80.0 || >= 0.81.0-dev.1",
-    "@typespec/rest": "^0.80.0 || >= 0.81.0-dev.1",
-    "@typespec/versioning": "^0.80.0 || >= 0.81.0-dev.1",
+    "@typespec/bundler": "^0.5.1 || >= 0.5.2-dev.4",
+    "@typespec/compiler": "^1.10.0 || >= 1.11.0-dev.6",
+    "@typespec/html-program-viewer": "^0.80.0 || >= 0.81.0-dev.3",
+    "@typespec/http": "^1.10.0 || >= 1.11.0-dev.3",
+    "@typespec/openapi": "^1.10.0 || >= 1.11.0-dev.2",
+    "@typespec/openapi3": "^1.10.0 || >= 1.11.0-dev.4",
+    "@typespec/protobuf": "^0.80.0 || >= 0.81.0-dev.2",
+    "@typespec/rest": "^0.80.0 || >= 0.81.0-dev.2",
+    "@typespec/versioning": "^0.80.0 || >= 0.81.0-dev.2",
     "clsx": "^2.1.1",
     "debounce": "~3.0.0",
     "lzutf8": "0.6.3",
@@ -95,15 +95,15 @@
     "@types/react": "~19.2.14",
     "@types/react-dom": "~19.2.3",
     "@types/swagger-ui-dist": "~3.30.6",
-    "@typespec/bundler": "^0.5.1 || >= 0.5.2-dev.2",
-    "@vitejs/plugin-react": "~5.1.2",
+    "@typespec/bundler": "^0.5.1 || >= 0.5.2-dev.4",
+    "@vitejs/plugin-react": "~6.0.1",
     "c8": "^11.0.0",
     "cross-env": "~10.1.0",
     "es-module-shims": "~2.8.0",
     "rimraf": "~6.1.3",
     "storybook": "^10.2.19",
     "typescript": "~5.9.3",
-    "vite": "^7.2.7",
+    "vite": "^8.0.1",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-dts": "4.5.4",
     "vitest": "^4.1.0",

package/dist/react-wrapper-BE4armyk.js

@@ -1,20 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import SwaggerUIBundle from 'swagger-ui-dist/swagger-ui-es-bundle.js';
-
-const reactWrapper = (props) => {
-  const uiRef = useRef(null);
-  const uiInstance = useRef(null);
-  useEffect(() => {
-    if (uiInstance.current === null) {
-      uiInstance.current = SwaggerUIBundle({
-        domNode: uiRef.current,
-        spec: {}
-      });
-    }
-    uiInstance.current.specActions.updateSpec(props.spec);
-  }, [props.spec]);
-  return /* @__PURE__ */ jsx("div", { ref: uiRef });
-};
-
-export { reactWrapper as default };