@typespec/playground 0.8.0-dev.2 → 0.8.0-dev.6

package/dist/index.js

@@ -1,4 +1,4 @@
-export { c as createBrowserHost, r as registerMonacoLanguage } from './services-CPLOnj6Z.js';
+export { c as createBrowserHost, r as registerMonacoLanguage } from './services-CXtSSQdQ.js';
 export { createUrlStateStorage } from './state-storage.js';
 
 function registerMonacoDefaultWorkersForVite() {

package/dist/react/index.js

@@ -5,7 +5,7 @@ import { mergeClasses, Popover, PopoverTrigger, PopoverSurface, Title3, Table, T
 import { Settings24Regular, Save16Regular, Broom16Filled, Bug16Regular, FolderListRegular, DataLineRegular, ErrorCircle16Filled, Warning16Filled, ChevronDown16Regular } from '@fluentui/react-icons';
 import debounce from 'debounce';
 import { CompletionItemTag } from 'vscode-languageserver';
-import { a as resolveVirtualPath, g as getMonacoRange, c as createBrowserHost, r as registerMonacoLanguage } from '../services-CPLOnj6Z.js';
+import { a as resolveVirtualPath, g as getMonacoRange, c as createBrowserHost, r as registerMonacoLanguage } from '../services-CXtSSQdQ.js';
 import { ErrorBoundary } from 'react-error-boundary';
 import { TypeGraph } from '@typespec/html-program-viewer/react';
 import '@typespec/html-program-viewer/style.css';
@@ -13,11 +13,11 @@ import { getSourceLocation } from '@typespec/compiler';
 import { createRoot } from 'react-dom/client';
 import { createUrlStateStorage } from '../state-storage.js';
 
-const PlaygroundContext = createContext(undefined);
+const PlaygroundContext = createContext(void 0);
 const PlaygroundContextProvider = PlaygroundContext.Provider;
 function usePlaygroundContext() {
   const context = useContext(PlaygroundContext);
-  if (context === undefined) {
+  if (context === void 0) {
     throw new Error("usePlaygroundContext must be used within a PlaygroundContextProvider");
   }
   return context;
@@ -138,7 +138,7 @@ const Footer = ({ className, children }) => {
 
 function useControllableValue(controlledValue, defaultUncontrolledValue, onChange) {
   const [value, setValue] = useState(defaultUncontrolledValue);
-  const isControlled = useMemo(() => controlledValue !== undefined, []);
+  const isControlled = useMemo(() => controlledValue !== void 0, []);
   const currentValue = isControlled ? controlledValue : value;
   const valueRef = useRef(currentValue);
   const onChangeRef = useRef(onChange);
@@ -181,7 +181,7 @@ function requireReactJsxRuntime_production_min () {
 	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
 	hasRequiredReactJsxRuntime_production_min = 1;
 var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
-	function q(c,a,g){var b,d={},e=null,h=null;undefined!==g&&(e=""+g);undefined!==a.key&&(e=""+a.key);undefined!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) undefined===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
+	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
 	return reactJsxRuntime_production_min;
 }
 
@@ -787,7 +787,7 @@ function requireReactJsxRuntime_development () {
 
 	    for (var typeSpecName in typeSpecs) {
 	      if (has(typeSpecs, typeSpecName)) {
-	        var error$1 = undefined; // Prop type validation may throw. In case they do, we don't want to
+	        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
 	        // fail the render phase where it didn't fail before. So we log it.
 	        // After these have been cleaned up, we'll let them throw.
 
@@ -1537,8 +1537,6 @@ const style$1$1 = {
 	"split-pane": "_split-pane_v2eo6_1",
 	"split-disabled": "_split-disabled_v2eo6_8",
 	"split-pane-dragging": "_split-pane-dragging_v2eo6_12",
-	"react-split-vertical": "_react-split-vertical_v2eo6_12",
-	"react-split-horizontal": "_react-split-horizontal_v2eo6_16",
 	sash: sash,
 	"sash-disabled": "_sash-disabled_v2eo6_29",
 	"sash-vertical": "_sash-vertical_v2eo6_33",
@@ -1921,7 +1919,7 @@ const EmitterOptionsForm = ({
     [library.name, options, optionsChanged]
   );
   const emitterOptionsSchema = library.definition?.emitter?.options?.properties;
-  if (emitterOptionsSchema === undefined) {
+  if (emitterOptionsSchema === void 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: '"No options"' });
   }
   const entries = Object.entries(emitterOptionsSchema);
@@ -2034,7 +2032,7 @@ const LinterForm = ({
   onLinterRuleSetChanged
 }) => {
   const rulesets = Object.values(libraries).flatMap((lib) => {
-    const linter = lib.linter ?? lib.definition?.linter;
+    const linter = lib.linter;
     return Object.keys(linter?.ruleSets ?? {}).map((x) => `${lib.name}/${x}`);
   });
   if (rulesets.length === 0) {
@@ -2170,8 +2168,8 @@ const EditorCommandBar = ({
   onSelectedSampleNameChange,
   commandBarButtons
 }) => {
-  const documentation = documentationUrl ? /* @__PURE__ */ jsx("label", { children: /* @__PURE__ */ jsx(Link, { href: documentationUrl, target: "_blank", children: "Docs" }) }) : undefined;
-  const bugButton = fileBug ? /* @__PURE__ */ jsx(FileBugButton, { onClick: fileBug }) : undefined;
+  const documentation = documentationUrl ? /* @__PURE__ */ jsx("label", { children: /* @__PURE__ */ jsx(Link, { href: documentationUrl, target: "_blank", children: "Docs" }) }) : void 0;
+  const bugButton = fileBug ? /* @__PURE__ */ jsx(FileBugButton, { onClick: fileBug }) : void 0;
   const emitters = useMemo(
     () => Object.values(host.libraries).filter((x) => x.isEmitter).map((x) => x.name),
     [host.libraries]
@@ -2305,7 +2303,6 @@ const tabs = "_tabs_1x6x2_1";
 const tab = "_tab_1x6x2_1";
 const style$5 = {
 	tabs: tabs,
-	"tab-divider": "_tab-divider_1x6x2_7",
 	tab: tab,
 	"tab--selected": "_tab--selected_1x6x2_18"
 };
@@ -2415,7 +2412,7 @@ const OutputView = ({
     () => resolveViewers(viewers, fileViewers),
     [fileViewers, viewers]
   );
-  if (compilationState === undefined) {
+  if (compilationState === void 0) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }
   if ("internalCompilerError" in compilationState) {
@@ -2566,7 +2563,7 @@ const style$1 = {
 
 const ProblemPaneHeader = memo(({ compilationState, ...props }) => {
   const noProblem = /* @__PURE__ */ jsx(Container, { status: "none", ...props, children: "No problems" });
-  if (compilationState === undefined) {
+  if (compilationState === void 0) {
     return noProblem;
   }
   if ("internalCompilerError" in compilationState) {
@@ -2600,7 +2597,7 @@ const Container = ({ children, className, status, onClick, collaped }) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      tabIndex: onClick === undefined ? undefined : 0,
+      tabIndex: onClick === void 0 ? void 0 : 0,
       className: mergeClasses(
         style$1["header"],
         status === "error" && style$1["header--error"],
@@ -2659,7 +2656,7 @@ const ProblemPaneContent = ({
   compilationState,
   onDiagnosticSelected
 }) => {
-  if (compilationState === undefined) {
+  if (compilationState === void 0) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }
   if ("internalCompilerError" in compilationState) {
@@ -2671,7 +2668,7 @@ const ProblemPaneContent = ({
 
 const Playground = (props) => {
   const { host, onSave } = props;
-  const editorRef = useRef(undefined);
+  const editorRef = useRef(void 0);
   useEffect(() => {
     editor.setTheme(props.editorOptions?.theme ?? "typespec");
   }, [props.editorOptions?.theme]);
@@ -2695,7 +2692,7 @@ const Playground = (props) => {
     return Boolean(selectedSampleName && content === props.samples?.[selectedSampleName]?.content);
   }, [content, selectedSampleName, props.samples]);
   const typespecModel = useMonacoModel("inmemory://test/main.tsp", "typespec");
-  const [compilationState, setCompilationState] = useState(undefined);
+  const [compilationState, setCompilationState] = useState(void 0);
   const doCompile = useCallback(async () => {
     const content2 = typespecModel.getValue();
     setContent(content2);
@@ -2707,7 +2704,7 @@ const Playground = (props) => {
         ...getMonacoRange(typespecCompiler, diag.target),
         message: diag.message,
         severity: diag.severity === "error" ? MarkerSeverity.Error : MarkerSeverity.Warning,
-        tags: diag.code === "deprecated" ? [CompletionItemTag.Deprecated] : undefined
+        tags: diag.code === "deprecated" ? [CompletionItemTag.Deprecated] : void 0
       }));
       editor.setModelMarkers(typespecModel, "owner", markers ?? []);
     } else {
@@ -2762,7 +2759,7 @@ const Playground = (props) => {
         content: typespecModel.getValue(),
         emitter: selectedEmitter,
         options: compilerOptions,
-        sampleName: isSampleUntouched ? selectedSampleName : undefined
+        sampleName: isSampleUntouched ? selectedSampleName : void 0
       });
     }
   }, [
@@ -2838,7 +2835,7 @@ const Playground = (props) => {
               onSelectedSampleNameChange,
               saveCode,
               formatCode,
-              fileBug: props.onFileBug ? fileBug : undefined,
+              fileBug: props.onFileBug ? fileBug : void 0,
               commandBarButtons: props.commandBarButtons,
               documentationUrl: props.links?.documentationUrl
             }
@@ -2877,8 +2874,8 @@ const Playground = (props) => {
   ] }) });
 };
 const verticalPaneSizesConst = {
-  collapsed: [undefined, 30],
-  expanded: [undefined, 200]
+  collapsed: [void 0, 30],
+  expanded: [void 0, 200]
 };
 const outputDir = resolveVirtualPath("tsp-output");
 async function compile(host, content, selectedEmitter, options) {
@@ -2980,7 +2977,7 @@ const StandalonePlayground = (config) => {
     },
     [config.defaultEmitter, config.libraries, context]
   );
-  if (context === undefined || fixedOptions === undefined) {
+  if (context === void 0 || fixedOptions === void 0) {
     return config.fallback;
   }
   const options = {
@@ -2990,7 +2987,7 @@ const StandalonePlayground = (config) => {
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Toaster, { toasterId }),
-    /* @__PURE__ */ jsx(Playground, { ...options })
+    options && /* @__PURE__ */ jsx(Playground, { ...options })
   ] });
 };
 async function createReactPlayground(config) {

package/dist/{services-CPLOnj6Z.js → services-CXtSSQdQ.js}

@@ -1,4 +1,4 @@
-import { resolvePath, createSourceFile, getSourceFileKindFromExt, TypeSpecLanguageConfiguration } from '@typespec/compiler';
+import { resolvePath, getSourceFileKindFromExt, createSourceFile, TypeSpecLanguageConfiguration } from '@typespec/compiler';
 import * as monaco from 'monaco-editor';
 import * as lsp from 'vscode-languageserver';
 import { DiagnosticSeverity, FormattingOptions, DocumentHighlightKind } from 'vscode-languageserver';
@@ -51,7 +51,7 @@ function createBrowserHostInternal(options) {
     libraries,
     async readUrl(url) {
       const contents = virtualFs.get(url);
-      if (contents === undefined) {
+      if (contents === void 0) {
         const e = new Error(`File ${url} not found.`);
         e.code = "ENOENT";
         throw e;
@@ -61,7 +61,7 @@ function createBrowserHostInternal(options) {
     async readFile(path) {
       path = resolveVirtualPath(path);
       const contents = virtualFs.get(path);
-      if (contents === undefined) {
+      if (contents === void 0) {
         const e = new Error(`File ${path} not found.`);
         e.code = "ENOENT";
         throw e;
@@ -101,7 +101,7 @@ function createBrowserHostInternal(options) {
     async getJsImport(path) {
       path = resolveVirtualPath(path);
       const module = await jsImports.get(path);
-      if (module === undefined) {
+      if (module === void 0) {
         const e = new Error(`Module ${path} not found`);
         e.code = "MODULE_NOT_FOUND";
         throw e;
@@ -185,7 +185,7 @@ function foldingRange(range2) {
   return {
     start: range2.startLine + 1,
     end: range2.endLine + 1,
-    kind: range2.kind ? new monaco.languages.FoldingRangeKind(range2.kind) : undefined
+    kind: range2.kind ? new monaco.languages.FoldingRangeKind(range2.kind) : void 0
   };
 }
 function textEdits(edit) {
@@ -274,11 +274,11 @@ function getTypeSpecLanguageConfiguration() {
     onEnterRules: TypeSpecLanguageConfiguration.onEnterRules.map((rule) => {
       return {
         beforeText: new RegExp(rule.beforeText.pattern),
-        previousLineText: "previousLineText" in rule ? new RegExp(rule.previousLineText.pattern) : undefined,
+        previousLineText: "previousLineText" in rule ? new RegExp(rule.previousLineText.pattern) : void 0,
         action: {
           indentAction: getIndentAction(rule.action.indent),
-          appendText: "appendText" in rule.action ? rule.action.appendText : undefined,
-          removeText: "removeText" in rule.action ? rule.action.removeText : undefined
+          appendText: "appendText" in rule.action ? rule.action.appendText : void 0,
+          removeText: "removeText" in rule.action ? rule.action.removeText : void 0
         }
       };
     })
@@ -295,7 +295,7 @@ async function registerMonacoLanguage(host) {
     compilerHost: host,
     getOpenDocumentByURL(url) {
       const model = monaco.editor.getModel(monaco.Uri.parse(url));
-      return model ? textDocumentForModel(model) : undefined;
+      return model ? textDocumentForModel(model) : void 0;
     },
     sendDiagnostics() {
     },
@@ -377,7 +377,7 @@ async function registerMonacoLanguage(host) {
       case DocumentHighlightKind.Write:
         return monaco.languages.DocumentHighlightKind.Write;
       default:
-        return undefined;
+        return void 0;
     }
   }
   function monacoHoverContents(contents) {
@@ -389,7 +389,7 @@ async function registerMonacoLanguage(host) {
     }
     return {
       contents: monacoHoverContents(hover.contents),
-      range: hover.range ? LspToMonaco.range(hover.range) : undefined
+      range: hover.range ? LspToMonaco.range(hover.range) : void 0
     };
   }
   function monacoWorkspaceEdit(edit) {
@@ -397,7 +397,7 @@ async function registerMonacoLanguage(host) {
     for (const [uri, changes] of Object.entries(edit.changes ?? {})) {
       const resource = monaco.Uri.parse(uri);
       for (const change of changes) {
-        edits.push({ resource, textEdit: LspToMonaco.textEdit(change), versionId: undefined });
+        edits.push({ resource, textEdit: LspToMonaco.textEdit(change), versionId: void 0 });
       }
     }
     return { edits };
@@ -556,7 +556,7 @@ async function registerMonacoLanguage(host) {
 }
 function getMonacoRange(typespecCompiler, target) {
   const loc = typespecCompiler.getSourceLocation(target);
-  if (loc === undefined || loc.file.path !== "/test/main.tsp") {
+  if (loc === void 0 || loc.file.path !== "/test/main.tsp") {
     return {
       startLineNumber: 1,
       startColumn: 1,

package/dist/src/react/settings/compiler-settings-dialog-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compiler-settings-dialog-button.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/compiler-settings-dialog-button.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D,MAAM,WAAW,iCAAiC;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,4BAA4B,mEAItC,iCAAiC,4CAuBnC,CAAC"}
+{"version":3,"file":"compiler-settings-dialog-button.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/compiler-settings-dialog-button.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D,MAAM,WAAW,iCAAiC;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,4BAA4B,GAAI,gEAI1C,iCAAiC,4CAuBnC,CAAC"}

package/dist/src/react/settings/linter-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linter-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/linter-form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAW,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAChD,aAAa,EAAE,aAAa,CAAC;IAC7B,sBAAsB,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAuCzD,CAAC"}
+{"version":3,"file":"linter-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/linter-form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAW,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAChD,aAAa,EAAE,aAAa,CAAC;IAC7B,sBAAsB,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAsCzD,CAAC"}

package/dist/src/react/viewers/react-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/react/viewers/react-wrapper.tsx"],"names":[],"mappings":"gCAMuB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAAvC,wBAeE"}
+{"version":3,"file":"react-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/react/viewers/react-wrapper.tsx"],"names":[],"mappings":"yBAMgB,OAAO;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAAvC,wBAeE"}

package/dist/src/types.d.ts

@@ -1,4 +1,4 @@
-import { CompilerHost, CompilerOptions, LinterDefinition, NodePackage, TypeSpecLibrary } from '@typespec/compiler';
+import { CompilerHost, CompilerOptions, LinterDefinition, PackageJson, TypeSpecLibrary } from '@typespec/compiler';
 export interface PlaygroundSample {
     filename: string;
     preferredEmitter?: string;
@@ -10,7 +10,7 @@ export interface PlaygroundSample {
 }
 export interface PlaygroundTspLibrary {
     name: string;
-    packageJson: NodePackage;
+    packageJson: PackageJson;
     isEmitter: boolean;
     definition?: TypeSpecLibrary<any>;
     linter?: LinterDefinition;

package/dist/state-storage.js

@@ -24,7 +24,7 @@ function createUrlStateStorage(schema) {
           `Error decompressing query parameter ${item.queryParam} with content:`,
           value
         );
-        return undefined;
+        return void 0;
       }
     } else {
       return value;
@@ -39,7 +39,7 @@ function createUrlStateStorage(schema) {
           `Error decompressing query parameter ${item.queryParam} with content:`,
           value
         );
-        return undefined;
+        return void 0;
       }
     } else {
       return value;
@@ -50,7 +50,7 @@ function createUrlStateStorage(schema) {
     history.pushState(null, "", window.location.pathname + "?" + params.toString());
   }
   function resolveSearchParams(data, mergeWithExisting = false) {
-    const params = new URLSearchParams(mergeWithExisting ? location.search : undefined);
+    const params = new URLSearchParams(mergeWithExisting ? location.search : void 0);
     for (const [key, item] of Object.entries(schema)) {
       const value = data[key];
       if (value) {

package/dist/style.css

@@ -100,10 +100,10 @@
   width: 100%;
   overflow: hidden;
 }
-._tree_16lfo_1 {
+._tree_16t0l_1 {
   outline: none;
 }
-._tree-row_16lfo_4 {
+._tree-row_16t0l_4 {
   cursor: pointer;
   display: block;
   height: 22px;
@@ -116,32 +116,34 @@
   display: flex;
 }
 
-._tree-row_16lfo_4:hover,
-._tree-row_16lfo_4._focus_16lfo_18 {
+._tree-row_16t0l_4:hover,
+._tree-row_16t0l_4._focus_16t0l_18 {
   background: var(--colorNeutralBackground4);
 }
 
-._tree-row_16lfo_4._active_16lfo_22 {
+._tree-row_16t0l_4._active_16t0l_22 {
   background: var(--colorNeutralBackground2Selected);
 }
 
-._tree-row_16lfo_4 ._caret_16lfo_26 {
+._tree-row_16t0l_4 ._caret_16t0l_26 {
   width: 16px;
+  flex: 0 0 16px;
   display: flex;
   align-items: center;
 }
 
-._tree-row_16lfo_4 ._icon_16lfo_32 {
+._tree-row_16t0l_4 ._icon_16t0l_33 {
   width: 16px;
+  flex: 0 0 16px;
   display: flex;
   align-items: center;
 }
 
-._tree-row_16lfo_4 ._label_16lfo_38 {
+._tree-row_16t0l_4 ._label_16t0l_40 {
   flex: 1;
 }
 
-._tree-row_16lfo_4 ._column_16lfo_42:last-child {
+._tree-row_16t0l_4 ._column_16t0l_44:last-child {
   margin-right: 5px;
 }
 ._form_sqeas_1 {

package/dist/vite/index.js

@@ -13,7 +13,7 @@ function definePlaygroundViteConfig(config) {
             if (id.includes("/node_modules/monaco-editor/esm/vs/editor")) {
               return "monaco";
             }
-            return undefined;
+            return void 0;
           }
         }
       }
@@ -31,7 +31,7 @@ function definePlaygroundViteConfig(config) {
       !config.skipBundleLibraries ? typespecBundlePlugin({
         folderName: "libs",
         libraries: config.libraries
-      }) : undefined
+      }) : void 0
     ],
     server: {
       fs: {
@@ -83,7 +83,7 @@ function playgroundManifestPlugin(config) {
         };`;
         return file;
       }
-      return undefined;
+      return void 0;
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.8.0-dev.2",
+  "version": "0.8.0-dev.6",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -51,7 +51,7 @@
     "./styles.css": "./dist/style.css"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "files": [
     "lib/*.tsp",
@@ -59,17 +59,17 @@
     "!dist/test/**"
   ],
   "dependencies": {
-    "@fluentui/react-components": "~9.57.0",
-    "@fluentui/react-icons": "^2.0.271",
-    "@typespec/bundler": "~0.1.11 || >=0.2.0-dev <0.2.0",
-    "@typespec/compiler": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/html-program-viewer": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/http": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/openapi": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/openapi3": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/protobuf": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/rest": "~0.64.0 || >=0.65.0-dev <0.65.0",
-    "@typespec/versioning": "~0.64.0 || >=0.65.0-dev <0.65.0",
+    "@fluentui/react-components": "~9.60.0",
+    "@fluentui/react-icons": "^2.0.279",
+    "@typespec/bundler": "~0.2.1 || >=0.3.0-dev <0.3.0",
+    "@typespec/compiler": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/html-program-viewer": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/http": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/openapi": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/openapi3": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/protobuf": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/rest": "~0.66.0 || >=0.67.0-dev <0.67.0",
+    "@typespec/versioning": "~0.66.0 || >=0.67.0-dev <0.67.0",
     "clsx": "^2.1.1",
     "debounce": "~2.2.0",
     "lzutf8": "0.6.3",
@@ -77,34 +77,34 @@
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
     "react-error-boundary": "^5.0.0",
-    "swagger-ui-dist": "^5.18.2",
+    "swagger-ui-dist": "^5.20.0",
     "vscode-languageserver": "~9.0.1",
     "vscode-languageserver-textdocument": "~1.0.12"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@playwright/test": "^1.49.1",
-    "@storybook/addon-actions": "^8.5.0",
-    "@storybook/cli": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@storybook/types": "^8.5.0",
+    "@babel/core": "^7.26.9",
+    "@playwright/test": "^1.50.1",
+    "@storybook/addon-actions": "^8.6.3",
+    "@storybook/cli": "^8.6.3",
+    "@storybook/react": "^8.6.3",
+    "@storybook/react-vite": "^8.6.3",
+    "@storybook/test": "^8.6.3",
+    "@storybook/types": "^8.6.3",
     "@types/debounce": "~1.2.4",
-    "@types/node": "~22.10.10",
+    "@types/node": "~22.13.9",
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
     "@types/swagger-ui-dist": "~3.30.5",
-    "@typespec/bundler": "~0.1.11 || >=0.2.0-dev <0.2.0",
+    "@typespec/bundler": "~0.2.1 || >=0.3.0-dev <0.3.0",
     "@vitejs/plugin-react": "~4.3.4",
     "c8": "^10.1.3",
     "cross-env": "~7.0.3",
-    "es-module-shims": "~2.0.5",
+    "es-module-shims": "~2.0.10",
     "rimraf": "~6.0.1",
-    "typescript": "~5.7.3",
-    "vite": "^6.0.11",
-    "vite-plugin-checker": "^0.8.0",
-    "vite-plugin-dts": "4.5.0",
+    "typescript": "~5.8.2",
+    "vite": "^6.2.0",
+    "vite-plugin-checker": "^0.9.0",
+    "vite-plugin-dts": "4.5.3",
     "@typespec/react-components": "~0.57.0"
   },
   "peerDependencies": {},