@typespec/playground 0.1.0-alpha.4-dev.16 → 0.1.0-alpha.4-dev.18

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

@@ -7,5 +7,5 @@ export declare function resolveVirtualPath(path: string, ...paths: string[]): st
  * @param importOptions Import configuration.
  * @returns
  */
-export declare function createBrowserHost(libsToLoad: string[], importOptions?: LibraryImportOptions): Promise<BrowserHost>;
+export declare function createBrowserHost(libsToLoad: readonly string[], importOptions?: LibraryImportOptions): Promise<BrowserHost>;
 //# sourceMappingURL=browser-host.d.ts.map

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,MAAM,EAAE,EACpB,aAAa,GAAE,oBAAyB,GACvC,OAAO,CAAC,WAAW,CAAC,CAwItB"}
+{"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,CA6ItB"}

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

@@ -0,0 +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,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,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/react/context/index.d.ts

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" resolution-mode="require"/>
+import { BrowserHost } from "../../types.js";
+export interface PlaygroundContext {
+    host: BrowserHost;
+}
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import { type Diagnostic } from "@typespec/compiler";
+import { FunctionComponent } from "react";
+export interface DiagnosticListProps {
+    readonly diagnostics: readonly Diagnostic[];
+    readonly onDiagnosticSelected?: (diagnostic: Diagnostic) => void;
+}
+export declare const DiagnosticList: FunctionComponent<DiagnosticListProps>;
+//# sourceMappingURL=diagnostic-list.d.ts.map

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

@@ -0,0 +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"}

package/dist/src/react/{file-output.d.ts → file-output/file-output.d.ts}

@@ -1,5 +1,5 @@
 import { FunctionComponent } from "react";
-import { FileOutputViewer } from "./types.js";
+import { FileOutputViewer } from "../types.js";
 export interface FileOutputProps {
     filename: string;
     content: string;

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from "react";
+export interface FooterItemProps {
+    className?: string;
+    link?: string;
+    children: ReactNode;
+}
+export declare const FooterItem: FunctionComponent<FooterItemProps>;
+//# sourceMappingURL=footer-item.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" resolution-mode="require"/>
+export interface VersionSelectorVersion {
+    name: string;
+    label: string;
+}
+export interface VersionSelectorProps {
+    versions: VersionSelectorVersion[];
+    /** Currently selected version , must match one of the version name. */
+    selected: string;
+    /** Latest released version, must match one of the version name. */
+    latest?: string;
+    /** Callback when a new version has been selected */
+    onChange: (version: VersionSelectorVersion) => void;
+}
+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>;
+//# sourceMappingURL=footer-version-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-version-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-version-item.tsx"],"names":[],"mappings":";AAmBA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IAEnC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC;IAEjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,4DAA8B,sBAAsB,6CAqBhF,CAAC"}

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from "react";
+export interface FooterProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const Footer: FunctionComponent<FooterProps>;
+//# sourceMappingURL=footer.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,5 +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, renderReactPlayground, } from "./standalone.js";
-export * from "./types.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,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,cAAc,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,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,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,mBAAmB,YAAY,CAAC"}

package/dist/src/react/{output-tabs.d.ts → output-tabs/output-tabs.d.ts}

@@ -1,19 +1,13 @@
 import { FunctionComponent, ReactElement } from "react";
-export interface Tab {
+export interface OutputTab {
     id: string;
     name: string | ReactElement<any, any>;
     align: "left" | "right";
 }
 export interface OutputTabsProps {
-    tabs: Tab[];
+    tabs: OutputTab[];
     selected: string;
     onSelect: (file: string) => void;
 }
 export declare const OutputTabs: FunctionComponent<OutputTabsProps>;
-export interface OutputTabProps {
-    tab: Tab;
-    selected: boolean;
-    onSelect: (id: string) => void;
-}
-export declare const OutputTab: FunctionComponent<OutputTabProps>;
 //# sourceMappingURL=output-tabs.d.ts.map

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

@@ -0,0 +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"}

package/dist/src/react/{output-view.d.ts → output-view/output-view.d.ts}

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
-import { PlaygroundEditorsOptions } from "./playground.js";
-import { CompilationState, FileOutputViewer } from "./types.js";
+import { PlaygroundEditorsOptions } from "../playground.js";
+import { CompilationState, FileOutputViewer } from "../types.js";
 export interface OutputViewProps {
     compilationState: CompilationState | undefined;
     editorOptions?: PlaygroundEditorsOptions;

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

@@ -0,0 +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"}

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

@@ -1,5 +1,5 @@
 import { CompilerOptions } from "@typespec/compiler";
-import { FunctionComponent } from "react";
+import { FunctionComponent, ReactNode } from "react";
 import { BrowserHost, PlaygroundSample } from "../types.js";
 import { FileOutputViewer } from "./types.js";
 export interface PlaygroundProps {
@@ -7,7 +7,7 @@ export interface PlaygroundProps {
     /** Default emitter if leaving this unmanaged. */
     defaultContent?: string;
     /** List of available libraries */
-    libraries: string[];
+    readonly libraries: readonly string[];
     /** Emitter to use */
     emitter?: string;
     /** Default emitter if leaving this unmanaged. */
@@ -34,6 +34,10 @@ export interface PlaygroundProps {
     emitterViewers?: Record<string, FileOutputViewer[]>;
     onSave?: (value: PlaygroundSaveData) => void;
     editorOptions?: PlaygroundEditorsOptions;
+    /**
+     * Change the footer of the playground.
+     */
+    footer?: ReactNode;
 }
 export interface PlaygroundEditorsOptions {
     theme?: string;

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,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,iBAAiB,EAAqD,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAQ5D,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,SAAS,EAAE,MAAM,EAAE,CAAC;IAEpB,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,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;CAC1C;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;IAC1B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAkLzD,CAAC"}
+{"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,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;IAC1B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA0MzD,CAAC"}

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

@@ -0,0 +1,9 @@
+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>;
+//# sourceMappingURL=header.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,11 @@
+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;
+    readonly onHeaderClick?: MouseEventHandler<HTMLDivElement>;
+    readonly onDiagnosticSelected?: (diagnostic: Diagnostic) => void;
+}
+export declare const ProblemPane: FunctionComponent<ProblemPaneProps>;
+//# sourceMappingURL=problem-pane.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import type { CompilerOptions } from "@typespec/compiler";
+export interface CompilerSettingsDialogButtonProps {
+    selectedEmitter: string;
+    compilerOptions: CompilerOptions;
+    onCompilerOptionsChange: (options: CompilerOptions) => void;
+}
+export declare const CompilerSettingsDialogButton: ({ selectedEmitter, compilerOptions, onCompilerOptionsChange, }: CompilerSettingsDialogButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=compiler-settings-dialog-button.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,11 +1,11 @@
 import { CompilerOptions } from "@typespec/compiler";
 import { FunctionComponent } from "react";
 import { BrowserHost } from "../../types.js";
-export type CompilerSettingsProps = {
-    host: BrowserHost;
-    selectedEmitter: string;
-    options: CompilerOptions;
-    onOptionsChanged: (options: CompilerOptions) => void;
-};
+export interface CompilerSettingsProps {
+    readonly host: BrowserHost;
+    readonly selectedEmitter: string;
+    readonly options: CompilerOptions;
+    readonly onOptionsChanged: (options: CompilerOptions) => void;
+}
 export declare const CompilerSettings: FunctionComponent<CompilerSettingsProps>;
 //# sourceMappingURL=compiler-settings.d.ts.map

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":"AAAA,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,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,gBAAgB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CA8CrE,CAAC"}
+{"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"}

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

@@ -2,9 +2,9 @@ import { FunctionComponent } from "react";
 import { PlaygroundTspLibrary } from "../../types.js";
 import { EmitterOptions } from "../types.js";
 export interface EmitterOptionsFormProps {
-    library: PlaygroundTspLibrary;
-    options: EmitterOptions;
-    optionsChanged: (options: EmitterOptions) => void;
+    readonly library: PlaygroundTspLibrary;
+    readonly options: EmitterOptions;
+    readonly optionsChanged: (options: EmitterOptions) => void;
 }
 export declare const EmitterOptionsForm: FunctionComponent<EmitterOptionsFormProps>;
 //# sourceMappingURL=emitter-options-form.d.ts.map

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;AAE7C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AACD,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,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"}

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

@@ -3,5 +3,5 @@ export interface PaneProps {
     maxSize?: number | string;
     minSize?: number | string;
 }
-export default function Pane({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLDivElement> & PaneProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function Pane({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLDivElement> & PaneProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=pane.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pane.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/pane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,oDAE/D"}
+{"version":3,"file":"pane.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/pane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,2CAE/D"}

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

@@ -8,5 +8,5 @@ export interface SashProps {
     onDragging: React.MouseEventHandler<HTMLDivElement>;
     onDragEnd: React.MouseEventHandler<HTMLDivElement>;
 }
-export declare const Sash: ({ className, render, onDragStart, onDragging, onDragEnd, onReset, ...others }: SashProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Sash: ({ className, render, onDragStart, onDragging, onDragEnd, onReset, ...others }: SashProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sash.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sash.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/sash.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,IAAI,kFAQd,SAAS,qDA8BX,CAAC"}
+{"version":3,"file":"sash.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/sash.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,IAAI,kFAQd,SAAS,4CA8BX,CAAC"}

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

@@ -3,8 +3,8 @@ export interface SplitPaneProps {
     children: JSX.Element[];
     allowResize?: boolean;
     split?: "vertical" | "horizontal";
-    initialSizes: (string | number)[];
-    sizes?: (string | number)[];
+    initialSizes?: (string | number)[];
+    sizes?: (string | number | undefined)[];
     sashRender?: (index: number, active: boolean) => React.ReactNode;
     onChange?: (sizes: number[]) => void;
     onDragStart?: (e: MouseEvent) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/split-pane.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,GAAG,EACH,UAAU,EAMX,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,YAAY,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAYD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAgNvD,CAAC"}
+{"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/split-pane.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,GAAG,EACH,UAAU,EAMX,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAYD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAkNvD,CAAC"}

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

@@ -3,11 +3,11 @@ import { LibraryImportOptions } from "../core.js";
 import { StateStorage } from "../state-storage.js";
 import { PlaygroundProps, PlaygroundSaveData } from "./playground.js";
 export interface ReactPlaygroundConfig extends Partial<PlaygroundProps> {
-    libraries: string[];
-    importConfig?: LibraryImportOptions;
+    readonly libraries: readonly string[];
+    readonly importConfig?: LibraryImportOptions;
 }
 export declare const StandalonePlayground: FunctionComponent<ReactPlaygroundConfig>;
-export declare function createReactPlayground(config: ReactPlaygroundConfig): Promise<import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare function createReactPlayground(config: ReactPlaygroundConfig): Promise<import("react/jsx-runtime").JSX.Element>;
 export declare function renderReactPlayground(config: ReactPlaygroundConfig): Promise<void>;
 export declare function createStandalonePlaygroundStateStorage(): StateStorage<PlaygroundSaveData>;
 //# sourceMappingURL=standalone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../../src/react/standalone.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,YAAY,EAAyB,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAElF,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACrE,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAyBD,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,qBAAqB,CAmDzE,CAAC;AAEF,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,6DAExE;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,iBASxE;AAED,wBAAgB,sCAAsC,IAAI,YAAY,CAAC,kBAAkB,CAAC,CA0BzF"}
+{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../../src/react/standalone.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,YAAY,EAAyB,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAElF,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACrE,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CAC9C;AAyBD,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,qBAAqB,CAmDzE,CAAC;AAEF,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,oDAExE;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,iBASxE;AAED,wBAAgB,sCAAsC,IAAI,YAAY,CAAC,kBAAkB,CAAC,CA0BzF"}

package/dist/src/react/{viewers.d.ts → viewers/index.d.ts}

@@ -1,4 +1,4 @@
 import "swagger-ui-react/swagger-ui.css";
-import { FileOutputViewer } from "./types.js";
+import { FileOutputViewer } from "../types.js";
 export declare const SwaggerUIViewer: FileOutputViewer;
-//# sourceMappingURL=viewers.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/viewers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAe,MAAM,aAAa,CAAC;AAG5D,eAAO,MAAM,eAAe,EAAE,gBAI7B,CAAC"}

package/dist/src/react/{swagger-ui.d.ts → viewers/swagger-ui.d.ts}

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
 export interface SwaggerUIProps {
-    spec: string;
+    readonly spec: string;
 }
 export declare const SwaggerUI: FunctionComponent<SwaggerUIProps>;
 //# sourceMappingURL=swagger-ui.d.ts.map

package/dist/src/react/viewers/swagger-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swagger-ui.d.ts","sourceRoot":"","sources":["../../../../src/react/viewers/swagger-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAID,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAQvD,CAAC"}

package/dist/src/services.d.ts

@@ -1,6 +1,6 @@
 import { DiagnosticTarget, NoTarget } from "@typespec/compiler";
-import { editor } from "monaco-editor";
+import * as monaco from "monaco-editor";
 import { BrowserHost } from "./types.js";
 export declare function registerMonacoLanguage(host: BrowserHost): Promise<void>;
-export declare function getMarkerLocation(typespecCompiler: typeof import("@typespec/compiler"), target: DiagnosticTarget | typeof NoTarget): Pick<editor.IMarkerData, "startLineNumber" | "startColumn" | "endLineNumber" | "endColumn">;
+export declare function getMonacoRange(typespecCompiler: typeof import("@typespec/compiler"), target: DiagnosticTarget | typeof NoTarget): monaco.IRange;
 //# sourceMappingURL=services.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../src/services.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,QAAQ,EAGT,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAmCzC,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,WAAW,iBA0T7D;AAED,wBAAgB,iBAAiB,CAC/B,gBAAgB,EAAE,cAAc,oBAAoB,CAAC,EACrD,MAAM,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GACzC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,iBAAiB,GAAG,aAAa,GAAG,eAAe,GAAG,WAAW,CAAC,CAkB7F"}
+{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../src/services.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,QAAQ,EAGT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAIxC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAmCzC,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,WAAW,iBA0T7D;AAED,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,cAAc,oBAAoB,CAAC,EACrD,MAAM,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GACzC,MAAM,CAAC,MAAM,CAkBf"}

package/dist/src/state-storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state-storage.d.ts","sourceRoot":"","sources":["../../src/state-storage.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACnB,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;KAC/B,GAAG,IAAI,MAAM,CAAC,GAAG,cAAc;CACjC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,qEAAqE;IACrE,UAAU,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAE3B,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,CAAC,CAAC,SAAS,MAAM,EAC1D,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC1B,YAAY,CAAC,CAAC,CAAC,CAgFjB"}
+{"version":3,"file":"state-storage.d.ts","sourceRoot":"","sources":["../../src/state-storage.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACnB,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;KAC/B,GAAG,IAAI,MAAM,CAAC,GAAG,cAAc;CACjC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,qEAAqE;IACrE,UAAU,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAE3B,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,CAAC,CAAC,SAAS,MAAM,EAC1D,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC1B,YAAY,CAAC,CAAC,CAAC,CAkFjB"}

package/dist/src/types.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEpF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,QAAQ,EAAE,cAAc,oBAAoB,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;CACjD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEjG,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,QAAQ,EAAE,cAAc,oBAAoB,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;CACjD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vite/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0B,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,oBAAoB,GAAG,UAAU,CA6CnF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vite/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0B,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,oBAAoB,GAAG,UAAU,CAwCnF"}

package/dist/src/vite/types.d.ts

@@ -5,14 +5,13 @@ export interface PlaygroundUserConfig extends Omit<PlaygroundConfig, "samples">
     /**
      * If the bundle library plugin should be loaded.
      */
-    skipBundleLibraries?: boolean;
-    samples?: Record<string, PlaygroundSampleConfig>;
+    readonly skipBundleLibraries?: boolean;
+    readonly samples?: Record<string, PlaygroundSampleConfig>;
 }
 export interface PlaygroundConfig {
-    defaultEmitter: string;
-    libraries: string[];
-    samples: Record<string, PlaygroundSample>;
-    enableSwaggerUI: boolean;
-    links?: PlaygroundLinks;
+    readonly defaultEmitter: string;
+    readonly libraries: readonly string[];
+    readonly samples: Record<string, PlaygroundSample>;
+    readonly links?: PlaygroundLinks;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/src/vite/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/vite/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC;IAC7E;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/vite/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC;IAC7E;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IACnD,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC"}

package/dist/{state-storage-1ccb8536.js → state-storage-5b3bbcd1.js}

@@ -45,7 +45,12 @@ async function createBrowserHost(libsToLoad, importOptions = {}) {
     const libraries = {};
     for (const libName of libsToLoad) {
         const { _TypeSpecLibrary_, $lib } = (await importLibrary(libName, importOptions));
-        libraries[libName] = { name: libName, isEmitter: $lib === null || $lib === void 0 ? void 0 : $lib.emitter, definition: $lib };
+        libraries[libName] = {
+            name: libName,
+            isEmitter: $lib === null || $lib === void 0 ? void 0 : $lib.emitter,
+            definition: $lib,
+            packageJson: JSON.parse(_TypeSpecLibrary_.typespecSourceFiles["package.json"]),
+        };
         for (const [key, value] of Object.entries(_TypeSpecLibrary_.typespecSourceFiles)) {
             virtualFs.set(`/test/node_modules/${libName}/${key}`, value);
         }
@@ -468,7 +473,7 @@ async function registerMonacoLanguage(host) {
         releaseDocumentSemanticTokens() { },
     });
 }
-function getMarkerLocation(typespecCompiler, target) {
+function getMonacoRange(typespecCompiler, target) {
     const loc = typespecCompiler.getSourceLocation(target);
     if (loc === undefined || loc.file.path !== "/test/main.tsp") {
         return {
@@ -539,13 +544,16 @@ function createUrlStateStorage(schema) {
         }
     }
     function save(data) {
-        const params = new URLSearchParams();
+        const params = new URLSearchParams(location.search);
         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.append(item.queryParam, compressed);
+                params.set(item.queryParam, compressed);
+            }
+            else {
+                params.delete(item.queryParam);
             }
         }
         history.pushState(null, "", window.location.pathname + "?" + params.toString());
@@ -568,5 +576,5 @@ function createUrlStateStorage(schema) {
     }
 }
 
-export { createUrlStateStorage as a, createBrowserHost as c, getMarkerLocation as g, registerMonacoLanguage as r };
-//# sourceMappingURL=state-storage-1ccb8536.js.map
+export { createUrlStateStorage as a, createBrowserHost as c, getMonacoRange as g, registerMonacoLanguage as r };
+//# sourceMappingURL=state-storage-5b3bbcd1.js.map