@typespec/playground 0.3.0-dev.9 → 0.4.0-dev.0

package/dist/react/viewers/index.js

@@ -2,18 +2,19 @@ import { jsx } from 'react/jsx-runtime';
 import { lazy, Suspense } from 'react';
 import 'swagger-ui-dist/swagger-ui.css';
 
-var style = {"swagger-ui-container":"swagger-ui-module_swagger-ui-container__6pJ6L"};
+const style = {
+	"swagger-ui-container": "_swagger-ui-container_1c81n_1"
+};
 
-const LazySwaggerUI = lazy(() => import('../../react-wrapper-uSmRU7Jg.js'));
+const LazySwaggerUI = lazy(() => import('../../react-wrapper-CT3xxCSW.js'));
 const SwaggerUI = (props) => {
-    return (jsx(Suspense, { fallback: jsx("div", {}), children: jsx("div", { className: style["swagger-ui-container"], children: jsx(LazySwaggerUI, { spec: props.spec }) }) }));
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", {}), children: /* @__PURE__ */ jsx("div", { className: style["swagger-ui-container"], children: /* @__PURE__ */ jsx(LazySwaggerUI, { spec: props.spec }) }) });
 };
 
 const SwaggerUIViewer = {
-    key: "swaggerUI",
-    label: "Swagger UI",
-    render: ({ content }) => jsx(SwaggerUI, { spec: content }),
+  key: "swaggerUI",
+  label: "Swagger UI",
+  render: ({ content }) => /* @__PURE__ */ jsx(SwaggerUI, { spec: content })
 };
 
 export { SwaggerUIViewer };
-//# sourceMappingURL=index.js.map

package/dist/react-wrapper-CT3xxCSW.js

@@ -0,0 +1,20 @@
+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);
+  }, [uiRef.current, props.spec]);
+  return /* @__PURE__ */ jsx("div", { ref: uiRef });
+};
+
+export { reactWrapper as default };

package/dist/src/browser-host.d.ts

@@ -1,5 +1,6 @@
-import { LibraryImportOptions } from "./core.js";
-import { BrowserHost } from "./types.js";
+import { LibraryImportOptions } from './core.js';
+import { BrowserHost } from './types.js';
+
 export declare function resolveVirtualPath(path: string, ...paths: string[]): string;
 /**
  * Create the browser host from the list of libraries.

package/dist/src/browser-host.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser-host.d.ts","sourceRoot":"","sources":["../../src/browser-host.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAyC,MAAM,WAAW,CAAC;AACxF,OAAO,EAAE,WAAW,EAAwB,MAAM,YAAY,CAAC;AAE/D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,UAElE;AAED;;;;;GAKG;AACH,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,aAAa,GAAE,oBAAyB,GACvC,OAAO,CAAC,WAAW,CAAC,CAiKtB"}
+{"version":3,"file":"browser-host.d.ts","sourceRoot":"","sources":["../../src/browser-host.ts"],"names":[],"mappings":"AACA,OAAO,EAAyC,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAwB,MAAM,YAAY,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,UAElE;AAsKD;;;;;GAKG;AACH,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,aAAa,GAAE,oBAAyB,GACvC,OAAO,CAAC,WAAW,CAAC,CAoBtB"}

package/dist/src/core.d.ts

@@ -8,7 +8,7 @@ export interface LibraryImportOptions {
      */
     useShim?: boolean;
 }
-export declare function importTypeSpecCompiler(config: any): Promise<typeof import("@typespec/compiler")>;
+export declare function importTypeSpecCompiler(config: LibraryImportOptions): Promise<typeof import("@typespec/compiler")>;
 /**
  * @param name Import name.
  * @returns Promise with the loaded module.

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

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/core.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,GAAG,GACV,OAAO,CAAC,cAAc,oBAAoB,CAAC,CAAC,CAE9C;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,CAIhG"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/core.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,oBAAoB,GAC3B,OAAO,CAAC,cAAc,oBAAoB,CAAC,CAAC,CAE9C;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,CAIhG"}

package/dist/src/editor-command-bar/editor-command-bar.d.ts

@@ -1,6 +1,7 @@
-import { CompilerOptions } from "@typespec/compiler";
-import { FunctionComponent } from "react";
-import { BrowserHost, PlaygroundSample } from "../types.js";
+import { CompilerOptions } from '@typespec/compiler';
+import { FunctionComponent } from 'react';
+import { BrowserHost, PlaygroundSample } from '../types.js';
+
 export interface EditorCommandBarProps {
     documentationUrl?: string;
     saveCode: () => Promise<void> | void;

package/dist/src/editor-command-bar/editor-command-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/editor-command-bar/editor-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE5D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AACD,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CAyErE,CAAC"}
+{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/editor-command-bar/editor-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAW,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE5D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AACD,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CAyErE,CAAC"}

package/dist/src/index.d.ts

@@ -1,6 +1,6 @@
-export { createBrowserHost } from "./browser-host.js";
-export { registerMonacoDefaultWorkersForVite } from "./monaco-worker.js";
-export { registerMonacoLanguage } from "./services.js";
-export { StateStorage, UrlStateStorage, createUrlStateStorage } from "./state-storage.js";
-export type { BrowserHost, PlaygroundSample } from "./types.js";
+export { createBrowserHost } from './browser-host.js';
+export { registerMonacoDefaultWorkersForVite } from './monaco-worker.js';
+export { registerMonacoLanguage } from './services.js';
+export { createUrlStateStorage, type StateStorage, type UrlStateStorage } from './state-storage.js';
+export type { BrowserHost, PlaygroundSample } from './types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mCAAmC,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mCAAmC,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/lsp/monaco-to-lsp.d.ts

@@ -1,6 +1,6 @@
+import { TextDocument } from 'vscode-languageserver-textdocument';
 import * as monaco from "monaco-editor";
 import type * as lsp from "vscode-languageserver";
-import { TextDocument } from "vscode-languageserver-textdocument";
 declare function textDocumentForModel(model: monaco.editor.IModel): TextDocument;
 declare function position(pos: monaco.Position): lsp.Position;
 declare function range(range: monaco.IRange): lsp.Range;

package/dist/src/manifest.d.ts

@@ -1,7 +1,5 @@
-/**
- * THIS FILE IS MEANT TO BE STUBBED using the manifest plugin.
- */
-import { PlaygroundConfig } from "../src/vite/types.js";
+import { PlaygroundConfig } from '../src/vite/types.js';
+
 declare const config: PlaygroundConfig;
 export default config;
 //# sourceMappingURL=manifest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../src/manifest.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAA,MAAM,MAAM,EAAE,gBAA4B,CAAC;AAC3C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../src/manifest.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,QAAA,MAAM,MAAM,EAAE,gBAA4B,CAAC;AAC3C,eAAe,MAAM,CAAC"}

package/dist/src/react/context/index.d.ts

@@ -1,2 +1,2 @@
-export { PlaygroundContext, PlaygroundContextProvider, usePlaygroundContext, } from "./playground-context.js";
+export { PlaygroundContextProvider, usePlaygroundContext, type PlaygroundContext, } from './playground-context.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAC"}

package/dist/src/react/context/playground-context.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" resolution-mode="require"/>
-import { BrowserHost } from "../../types.js";
+import { BrowserHost } from '../../types.js';
+
 export interface PlaygroundContext {
-    host: BrowserHost;
+    readonly host: BrowserHost;
 }
-export declare const PlaygroundContextProvider: import("react").Provider<PlaygroundContext | undefined>;
+export declare const PlaygroundContextProvider: import('react').Provider<PlaygroundContext | undefined>;
 export declare function usePlaygroundContext(): PlaygroundContext;
 //# sourceMappingURL=playground-context.d.ts.map

package/dist/src/react/context/playground-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground-context.d.ts","sourceRoot":"","sources":["../../../../src/react/context/playground-context.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB;AAID,eAAO,MAAM,yBAAyB,yDAA6B,CAAC;AAEpE,wBAAgB,oBAAoB,IAAI,iBAAiB,CAMxD"}
+{"version":3,"file":"playground-context.d.ts","sourceRoot":"","sources":["../../../../src/react/context/playground-context.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;CAC5B;AAID,eAAO,MAAM,yBAAyB,yDAA6B,CAAC;AAEpE,wBAAgB,oBAAoB,IAAI,iBAAiB,CAMxD"}

package/dist/src/react/default-footer.d.ts

@@ -1,3 +1,4 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
+
 export declare const DefaultFooter: FunctionComponent;
 //# sourceMappingURL=default-footer.d.ts.map

package/dist/src/react/default-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-footer.d.ts","sourceRoot":"","sources":["../../../src/react/default-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,aAAa,EAAE,iBAM3B,CAAC"}
+{"version":3,"file":"default-footer.d.ts","sourceRoot":"","sources":["../../../src/react/default-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,eAAO,MAAM,aAAa,EAAE,iBAM3B,CAAC"}

package/dist/src/react/diagnostic-list/diagnostic-list.d.ts

@@ -1,5 +1,6 @@
-import { type Diagnostic } from "@typespec/compiler";
-import { FunctionComponent } from "react";
+import { Diagnostic } from '@typespec/compiler';
+import { FunctionComponent } from 'react';
+
 export interface DiagnosticListProps {
     readonly diagnostics: readonly Diagnostic[];
     readonly onDiagnosticSelected?: (diagnostic: Diagnostic) => void;

package/dist/src/react/diagnostic-list/diagnostic-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diagnostic-list.d.ts","sourceRoot":"","sources":["../../../../src/react/diagnostic-list/diagnostic-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EAGhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAG7D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IAC5C,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAqBjE,CAAC"}
+{"version":3,"file":"diagnostic-list.d.ts","sourceRoot":"","sources":["../../../../src/react/diagnostic-list/diagnostic-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EAGhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IAC5C,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAqBjE,CAAC"}

package/dist/src/react/editor.d.ts

@@ -1,5 +1,6 @@
-import { editor } from "monaco-editor";
-import { FunctionComponent } from "react";
+import { editor } from 'monaco-editor';
+import { FunctionComponent } from 'react';
+
 export interface EditorProps {
     model: editor.IModel;
     actions?: editor.IActionDescriptor[];

package/dist/src/react/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/react/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC,oCAAoC,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAyCjD,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAK5E"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/react/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAA8B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC,oCAAoC,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAyCjD,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAK5E"}

package/dist/src/react/emitter-dropdown.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
+
 export type EmitterDropdownProps = {
     emitters: string[];
     selectedEmitter: string;

package/dist/src/react/emitter-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emitter-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/emitter-dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA4BnE,CAAC"}
+{"version":3,"file":"emitter-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/emitter-dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA4BnE,CAAC"}

package/dist/src/react/file-output/file-output.d.ts

@@ -1,9 +1,10 @@
-import { FunctionComponent } from "react";
-import { FileOutputViewer } from "../types.js";
+import { FunctionComponent } from 'react';
+import { FileOutputViewer } from '../types.js';
+
 export interface FileOutputProps {
-    filename: string;
-    content: string;
-    viewers: FileOutputViewer[];
+    readonly filename: string;
+    readonly content: string;
+    readonly viewers: Record<string, FileOutputViewer>;
 }
 /**
  * Display a file output using different viewers.

package/dist/src/react/file-output/file-output.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-output.d.ts","sourceRoot":"","sources":["../../../../src/react/file-output/file-output.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAkCzD,CAAC"}
+{"version":3,"file":"file-output.d.ts","sourceRoot":"","sources":["../../../../src/react/file-output/file-output.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;CACpD;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA2CzD,CAAC"}

package/dist/src/react/footer/footer-item.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent, ReactNode } from "react";
+import { FunctionComponent, ReactNode } from 'react';
+
 export interface FooterItemProps {
     className?: string;
     link?: string;

package/dist/src/react/footer/footer-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CASzD,CAAC"}
+{"version":3,"file":"footer-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CASzD,CAAC"}

package/dist/src/react/footer/footer-version-item.d.ts

@@ -16,5 +16,5 @@ export interface FooterVersionItemProps {
     /** Provide a way to change the version of packages in the playground */
     versionSelector?: VersionSelectorProps;
 }
-export declare const FooterVersionItem: import("react").MemoExoticComponent<({ versionSelector }: FooterVersionItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FooterVersionItem: import('react').MemoExoticComponent<({ versionSelector }: FooterVersionItemProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=footer-version-item.d.ts.map

package/dist/src/react/footer/footer.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent, ReactNode } from "react";
+import { FunctionComponent, ReactNode } from 'react';
+
 export interface FooterProps {
     className?: string;
     children: ReactNode;

package/dist/src/react/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAEjD,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAEjD,CAAC"}

package/dist/src/react/footer/index.d.ts

@@ -1,4 +1,4 @@
-export { FooterItem, FooterItemProps } from "./footer-item.js";
-export { FooterVersionItem, FooterVersionItemProps, VersionSelectorProps, VersionSelectorVersion, } from "./footer-version-item.js";
-export { Footer, FooterProps } from "./footer.js";
+export { FooterItem, type FooterItemProps } from './footer-item.js';
+export { FooterVersionItem, type FooterVersionItemProps, type VersionSelectorProps, type VersionSelectorVersion, } from './footer-version-item.js';
+export { Footer, type FooterProps } from './footer.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1,7 +1,7 @@
-export { usePlaygroundContext } from "./context/index.js";
-export { Footer, FooterItem, FooterItemProps, FooterProps, FooterVersionItem, FooterVersionItemProps, VersionSelectorProps, VersionSelectorVersion, } from "./footer/index.js";
-export { Playground } from "./playground.js";
-export type { PlaygroundProps, PlaygroundSaveData } from "./playground.js";
-export { StandalonePlayground, createReactPlayground, createStandalonePlaygroundStateStorage, renderReactPlayground, } from "./standalone.js";
-export type * from "./types.js";
+export { usePlaygroundContext } from './context/index.js';
+export { Footer, FooterItem, FooterVersionItem, type FooterItemProps, type FooterProps, type FooterVersionItemProps, type VersionSelectorProps, type VersionSelectorVersion, } from './footer/index.js';
+export { Playground } from './playground.js';
+export type { PlaygroundProps, PlaygroundSaveData } from './playground.js';
+export { StandalonePlayground, createReactPlayground, createStandalonePlaygroundStateStorage, renderReactPlayground, } from './standalone.js';
+export type * from './types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EACL,MAAM,EACN,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,sCAAsC,EACtC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,mBAAmB,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EACL,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,sCAAsC,EACtC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,mBAAmB,YAAY,CAAC"}

package/dist/src/react/output-tabs/output-tabs.d.ts

@@ -1,11 +1,7 @@
-import { FunctionComponent, ReactElement } from "react";
-export interface OutputTab {
-    id: string;
-    name: string | ReactElement<any, any>;
-    align: "left" | "right";
-}
+import { FunctionComponent } from 'react';
+
 export interface OutputTabsProps {
-    tabs: OutputTab[];
+    filenames: string[];
     selected: string;
     onSelect: (file: string) => void;
 }

package/dist/src/react/output-tabs/output-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-tabs.d.ts","sourceRoot":"","sources":["../../../../src/react/output-tabs/output-tabs.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAGrE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AACD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAqCzD,CAAC"}
+{"version":3,"file":"output-tabs.d.ts","sourceRoot":"","sources":["../../../../src/react/output-tabs/output-tabs.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA2BzD,CAAC"}

package/dist/src/react/output-view/file-viewer.d.ts

@@ -0,0 +1,4 @@
+import { FileOutputViewer, ProgramViewer } from '../types.js';
+
+export declare function createFileViewer(fileViewers: FileOutputViewer[]): ProgramViewer;
+//# sourceMappingURL=file-viewer.d.ts.map

package/dist/src/react/output-view/file-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/file-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAkDtF,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAU/E"}

package/dist/src/react/output-view/output-view.d.ts

@@ -1,10 +1,15 @@
-import { FunctionComponent } from "react";
-import { PlaygroundEditorsOptions } from "../playground.js";
-import { CompilationState, FileOutputViewer } from "../types.js";
+import { FunctionComponent } from 'react';
+import { PlaygroundEditorsOptions } from '../playground.js';
+import { CompilationState, FileOutputViewer, ProgramViewer } from '../types.js';
+
 export interface OutputViewProps {
     compilationState: CompilationState | undefined;
     editorOptions?: PlaygroundEditorsOptions;
-    viewers?: FileOutputViewer[];
+    /**
+     * List of custom viewers to display the output. It can be file viewers or program viewers.
+     */
+    viewers?: ProgramViewer[];
+    fileViewers?: FileOutputViewer[];
 }
 export declare const OutputView: FunctionComponent<OutputViewProps>;
 //# sourceMappingURL=output-view.d.ts.map

package/dist/src/react/output-view/output-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-view.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/output-view.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAA6C,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAiB,gBAAgB,EAAe,MAAM,aAAa,CAAC;AAI7F,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAkBzD,CAAC"}
+{"version":3,"file":"output-view.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/output-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAiB,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMpG,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAoBzD,CAAC"}

package/dist/src/react/output-view/type-graph-viewer.d.ts

@@ -0,0 +1,4 @@
+import { ProgramViewer } from '../types.js';
+
+export declare const TypeGraphViewer: ProgramViewer;
+//# sourceMappingURL=type-graph-viewer.d.ts.map

package/dist/src/react/output-view/type-graph-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-graph-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/type-graph-viewer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBpE,eAAO,MAAM,eAAe,EAAE,aAK7B,CAAC"}

package/dist/src/react/playground.d.ts

@@ -1,7 +1,8 @@
-import { CompilerOptions } from "@typespec/compiler";
-import { FunctionComponent, ReactNode } from "react";
-import { BrowserHost, PlaygroundSample } from "../types.js";
-import { FileOutputViewer } from "./types.js";
+import { CompilerOptions } from '@typespec/compiler';
+import { FunctionComponent, ReactNode } from 'react';
+import { BrowserHost, PlaygroundSample } from '../types.js';
+import { FileOutputViewer, ProgramViewer } from './types.js';
+
 export interface PlaygroundProps {
     host: BrowserHost;
     /** Default emitter if leaving this unmanaged. */
@@ -31,7 +32,9 @@ export interface PlaygroundProps {
     onFileBug?: () => void;
     /** Playground links */
     links?: PlaygroundLinks;
-    /** Custom viewers that enabled for certain emitters. Key of the map is emitter name */
+    /** Custom viewers to view the typespec program */
+    viewers?: ProgramViewer[];
+    /** Custom file viewers that enabled for certain emitters. Key of the map is emitter name */
     emitterViewers?: Record<string, FileOutputViewer[]>;
     onSave?: (value: PlaygroundSaveData) => void;
     editorOptions?: PlaygroundEditorsOptions;

package/dist/src/react/playground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EACL,iBAAiB,EACjB,SAAS,EAMV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAU5D,OAAO,EAAoB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGhE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,sBAAsB;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA0MzD,CAAC"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAGtE,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAUjE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGpF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,sBAAsB;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA2MzD,CAAC"}

package/dist/src/react/problem-pane/header.d.ts

@@ -1,9 +1,10 @@
-import { MouseEventHandler } from "react";
-import { CompilationState } from "../types.js";
+import { MouseEventHandler } from 'react';
+import { CompilationState } from '../types.js';
+
 export interface ProblemPaneHeaderProps {
     compilationState: CompilationState | undefined;
     onClick?: MouseEventHandler<HTMLDivElement>;
     collaped: boolean;
 }
-export declare const ProblemPaneHeader: import("react").MemoExoticComponent<({ compilationState, ...props }: ProblemPaneHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ProblemPaneHeader: import('react').MemoExoticComponent<({ compilationState, ...props }: ProblemPaneHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=header.d.ts.map

package/dist/src/react/problem-pane/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,uEAAyC,sBAAsB,6CAoC3F,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,uEAAyC,sBAAsB,6CAoC3F,CAAC"}

package/dist/src/react/problem-pane/index.d.ts

@@ -1,2 +1,2 @@
-export { ProblemPane } from "./problem-pane.js";
+export { ProblemPane } from './problem-pane.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/react/problem-pane/problem-pane.d.ts

@@ -1,6 +1,7 @@
-import { Diagnostic } from "@typespec/compiler";
-import { FunctionComponent, MouseEventHandler } from "react";
-import { CompilationState } from "../types.js";
+import { Diagnostic } from '@typespec/compiler';
+import { FunctionComponent, MouseEventHandler } from 'react';
+import { CompilationState } from '../types.js';
+
 export interface ProblemPaneProps {
     readonly collapsed: boolean;
     readonly compilationState: CompilationState | undefined;

package/dist/src/react/problem-pane/problem-pane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"problem-pane.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/problem-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC3D,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAqB3D,CAAC"}
+{"version":3,"file":"problem-pane.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/problem-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC3D,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAqB3D,CAAC"}

package/dist/src/react/samples-dropdown.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from "react";
-import { PlaygroundSample } from "../types.js";
+import { FunctionComponent } from 'react';
+import { PlaygroundSample } from '../types.js';
+
 export interface SamplesDropdownProps {
     samples: Record<string, PlaygroundSample>;
     selectedSampleName: string;

package/dist/src/react/samples-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"samples-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/samples-dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA8BnE,CAAC"}
+{"version":3,"file":"samples-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/samples-dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA8BnE,CAAC"}

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

@@ -1,4 +1,5 @@
-import type { CompilerOptions } from "@typespec/compiler";
+import { CompilerOptions } from '@typespec/compiler';
+
 export interface CompilerSettingsDialogButtonProps {
     selectedEmitter: string;
     compilerOptions: CompilerOptions;

package/dist/src/react/settings/compiler-settings.d.ts

@@ -1,6 +1,7 @@
-import { CompilerOptions } from "@typespec/compiler";
-import { FunctionComponent } from "react";
-import { BrowserHost } from "../../types.js";
+import { CompilerOptions } from '@typespec/compiler';
+import { FunctionComponent } from 'react';
+import { BrowserHost } from '../../types.js';
+
 export interface CompilerSettingsProps {
     readonly host: BrowserHost;
     readonly selectedEmitter: string;

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

@@ -1 +1 @@
-{"version":3,"file":"compiler-settings.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/compiler-settings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAiB,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CA+CrE,CAAC"}
+{"version":3,"file":"compiler-settings.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/compiler-settings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CA+CrE,CAAC"}

package/dist/src/react/settings/emitter-options-form.d.ts

@@ -1,6 +1,7 @@
-import { FunctionComponent } from "react";
-import { PlaygroundTspLibrary } from "../../types.js";
-import { EmitterOptions } from "../types.js";
+import { FunctionComponent } from 'react';
+import { PlaygroundTspLibrary } from '../../types.js';
+import { EmitterOptions } from '../types.js';
+
 export interface EmitterOptionsFormProps {
     readonly library: PlaygroundTspLibrary;
     readonly options: EmitterOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAuCzE,CAAC"}
+{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAuCzE,CAAC"}

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

@@ -1,6 +1,7 @@
-import { LinterRuleSet } from "@typespec/compiler";
-import { FunctionComponent } from "react";
-import { PlaygroundTspLibrary } from "../../types.js";
+import { LinterRuleSet } from '@typespec/compiler';
+import { FunctionComponent } from 'react';
+import { PlaygroundTspLibrary } from '../../types.js';
+
 export interface LinterFormProps {
     libraries: Record<string, PlaygroundTspLibrary>;
     linterRuleSet: LinterRuleSet;

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,EAAE,aAAa,EAAW,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,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,CAuCzD,CAAC"}

package/dist/src/react/split-pane/index.d.ts

@@ -1,2 +1,2 @@
-export { SplitPane, SplitPaneProps } from "./split-pane.js";
+export { SplitPane, type SplitPaneProps } from './split-pane.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/react/split-pane/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC"}