@typespec/playground 0.1.0-alpha.0

package/README.md

@@ -0,0 +1,64 @@
+# TypeSpec Playground
+
+Contains react components for the TypeSpec playground.
+
+It can be used as a standalone custom playground with your own libraries or components can be used individually to customize the UI as you see fit.
+
+## Usage
+
+### Standalone
+
+The stanalone playground provides some vite helpers to make it easy to get started.
+
+In `vite.config.ts`:
+
+```ts
+import { definePlaygroundViteConfig } from "@typespec/playground/vite";
+
+const config = definePlaygroundViteConfig({
+  defaultEmitter: "@typespec/openapi3",
+  libraries: [
+    "@typespec/compiler",
+    "@typespec/http",
+    "@typespec/openapi3",
+
+    // Add any other libraries here. Make sure those libraries are also dependencies of that package.
+  ],
+  samples: {
+    "My sample": {
+      filename: "samples/my.tsp",
+      preferredEmitter: "@typespec/openapi3",
+    },
+  },
+  links: {
+    githubIssueUrl: `<link to your website>`,
+    documentationUrl: "<link to your website>",
+  },
+});
+
+export default config;
+```
+
+In `src/main.tsx`:
+
+```tsx
+import { PlaygroundManifest } from "@typespec/playground/manifest";
+import { renderReactPlayground } from "@typespec/playground/react";
+import { SwaggerUIViewer } from "@typespec/playground/react/viewers";
+import "./style.css";
+
+await renderReactPlayground({
+  ...PlaygroundManifest,
+  emitterViewers: {
+    "@typespec/openapi3": [SwaggerUIViewer],
+  },
+});
+```
+
+### Individual components
+
+Playground react components can be used individually. The things to watch out for is for the TypeSpec compiler to be working correctly it needs:
+
+- The libraries to be loaded and registered
+- The libraries **MUST** be importable by their name this means an import map must be setup. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap
+- The libraries **MUST** have been bundled using `@typespec/bundler`

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

@@ -0,0 +1,11 @@
+import { CompilerHost } from "@typespec/compiler";
+export interface BrowserHost extends CompilerHost {
+}
+export declare function resolveVirtualPath(path: string, ...paths: string[]): string;
+/**
+ * Create the browser host from the list of libraries.
+ * @param libsToLoad List of libraries to load. Those must be set in the webpage importmap.
+ * @returns
+ */
+export declare function createBrowserHost(libsToLoad: string[]): Promise<BrowserHost>;
+//# sourceMappingURL=browser-host.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"browser-host.d.ts","sourceRoot":"","sources":["../../src/browser-host.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAIb,MAAM,oBAAoB,CAAC;AAG5B,MAAM,WAAW,WAAY,SAAQ,YAAY;CAAG;AAEpD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,UAElE;AAED;;;;GAIG;AACH,wBAAsB,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,CAoIlF"}

package/dist/src/browser-host.js

@@ -0,0 +1,129 @@
+import { createSourceFile, getSourceFileKindFromExt, resolvePath, } from "@typespec/compiler";
+import { importLibrary } from "./core.js";
+export function resolveVirtualPath(path, ...paths) {
+    return resolvePath("/test", path, ...paths);
+}
+/**
+ * Create the browser host from the list of libraries.
+ * @param libsToLoad List of libraries to load. Those must be set in the webpage importmap.
+ * @returns
+ */
+export async function createBrowserHost(libsToLoad) {
+    const virtualFs = new Map();
+    const jsImports = new Map();
+    for (const libName of libsToLoad) {
+        const { _TypeSpecLibrary_ } = (await importLibrary(libName));
+        for (const [key, value] of Object.entries(_TypeSpecLibrary_.typespecSourceFiles)) {
+            virtualFs.set(`/test/node_modules/${libName}/${key}`, value);
+        }
+        for (const [key, value] of Object.entries(_TypeSpecLibrary_.jsSourceFiles)) {
+            addJsImport(`/test/node_modules/${libName}/${key}`, value);
+        }
+    }
+    function addJsImport(path, value) {
+        virtualFs.set(path, "");
+        jsImports.set(path, value);
+    }
+    return {
+        async readUrl(url) {
+            const contents = virtualFs.get(url);
+            if (contents === undefined) {
+                const e = new Error(`File ${url} not found.`);
+                e.code = "ENOENT";
+                throw e;
+            }
+            return createSourceFile(contents, url);
+        },
+        async readFile(path) {
+            path = resolveVirtualPath(path);
+            const contents = virtualFs.get(path);
+            if (contents === undefined) {
+                const e = new Error(`File ${path} not found.`);
+                e.code = "ENOENT";
+                throw e;
+            }
+            return createSourceFile(contents, path);
+        },
+        async writeFile(path, content) {
+            path = resolveVirtualPath(path);
+            virtualFs.set(path, content);
+        },
+        async readDir(path) {
+            path = resolveVirtualPath(path);
+            const fileFolder = [...virtualFs.keys()]
+                .filter((x) => x.startsWith(`${path}/`))
+                .map((x) => x.replace(`${path}/`, ""))
+                .map((x) => {
+                const index = x.indexOf("/");
+                return index !== -1 ? x.substring(0, index) : x;
+            });
+            return [...new Set(fileFolder)];
+        },
+        async rm(path) {
+            path = resolveVirtualPath(path);
+            for (const key of virtualFs.keys()) {
+                if (key === path || key.startsWith(`${path}/`)) {
+                    virtualFs.delete(key);
+                }
+            }
+        },
+        getLibDirs() {
+            return [resolveVirtualPath("/test/node_modules/@typespec/compiler/lib")];
+        },
+        getExecutionRoot() {
+            return resolveVirtualPath(".tsp");
+        },
+        async getJsImport(path) {
+            path = resolveVirtualPath(path);
+            const module = await jsImports.get(path);
+            if (module === undefined) {
+                const e = new Error(`Module ${path} not found`);
+                e.code = "MODULE_NOT_FOUND";
+                throw e;
+            }
+            return module;
+        },
+        async stat(path) {
+            path = resolveVirtualPath(path);
+            if (virtualFs.has(path)) {
+                return {
+                    isDirectory() {
+                        return false;
+                    },
+                    isFile() {
+                        return true;
+                    },
+                };
+            }
+            for (const fsPath of virtualFs.keys()) {
+                if (fsPath.startsWith(path) && fsPath !== path) {
+                    return {
+                        isDirectory() {
+                            return true;
+                        },
+                        isFile() {
+                            return false;
+                        },
+                    };
+                }
+            }
+            const e = new Error(`File ${path} not found.`);
+            e.code = "ENOENT";
+            throw e;
+        },
+        // symlinks not supported in test-host
+        async realpath(path) {
+            return path;
+        },
+        getSourceFileKind: getSourceFileKindFromExt,
+        logSink: console,
+        mkdirp: async (path) => path,
+        fileURLToPath(path) {
+            return path.replace("inmemory:/", "");
+        },
+        pathToFileURL(path) {
+            return "inmemory:/" + resolveVirtualPath(path);
+        },
+    };
+}
+//# sourceMappingURL=browser-host.js.map

package/dist/src/browser-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-host.js","sourceRoot":"","sources":["../../src/browser-host.ts"],"names":[],"mappings":"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"}

package/dist/src/core.d.ts

@@ -0,0 +1,7 @@
+export declare function importTypeSpecCompiler(): Promise<typeof import("@typespec/compiler")>;
+/**
+ * @param name Import name.
+ * @returns Promise with the loaded module.
+ */
+export declare function importLibrary(name: string): Promise<unknown>;
+//# sourceMappingURL=core.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/core.ts"],"names":[],"mappings":"AACA,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,cAAc,oBAAoB,CAAC,CAAC,CAQ3F;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAElE"}

package/dist/src/core.js

@@ -0,0 +1,17 @@
+let cachedCompiler;
+export async function importTypeSpecCompiler() {
+    if (cachedCompiler === undefined) {
+        // We need to do this so the compiler loaded is the same as the one loaded by the bundled libraries.
+        const name = "@typespec/compiler";
+        cachedCompiler = (await importLibrary(name));
+    }
+    return cachedCompiler;
+}
+/**
+ * @param name Import name.
+ * @returns Promise with the loaded module.
+ */
+export async function importLibrary(name) {
+    return import(/* @vite-ignore */ name);
+}
+//# sourceMappingURL=core.js.map

package/dist/src/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/core.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AACxB,MAAM,CAAC,KAAK,UAAU,sBAAsB;IAC1C,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,oGAAoG;QACpG,MAAM,IAAI,GAAG,oBAAoB,CAAC;QAClC,cAAc,GAAG,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,CAAQ,CAAC;KACrD;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,IAAY;IAC9C,OAAO,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,7 @@
+export { createBrowserHost } from "./browser-host.js";
+export { registerMonacoDefaultWorkers } from "./monaco-worker.js";
+export { registerMonacoLanguage } from "./services.js";
+export { createUrlStateStorage } from "./state-storage.js";
+export { PlaygroundSample } from "./types.js";
+export { resolveLibraries as filterEmitters } from "./utils.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,gBAAgB,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,6 @@
+export { createBrowserHost } from "./browser-host.js";
+export { registerMonacoDefaultWorkers } from "./monaco-worker.js";
+export { registerMonacoLanguage } from "./services.js";
+export { createUrlStateStorage } from "./state-storage.js";
+export { resolveLibraries as filterEmitters } from "./utils.js";
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/manifest.d.ts

@@ -0,0 +1,3 @@
+import { PlaygroundConfig } from "./vite/types.js";
+export declare const PlaygroundManifest: PlaygroundConfig;
+//# sourceMappingURL=manifest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../src/manifest.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,EAAE,gBAA2B,CAAC"}

package/dist/src/manifest.js

@@ -0,0 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import manifest from "playground-manifest.js";
+export const PlaygroundManifest = manifest;
+//# sourceMappingURL=manifest.js.map

package/dist/src/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../src/manifest.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,aAAa;AACb,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,kBAAkB,GAAqB,QAAQ,CAAC"}

package/dist/src/monaco-worker.d.ts

@@ -0,0 +1,2 @@
+export declare function registerMonacoDefaultWorkers(): void;
+//# sourceMappingURL=monaco-worker.d.ts.map

package/dist/src/monaco-worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-worker.d.ts","sourceRoot":"","sources":["../../src/monaco-worker.ts"],"names":[],"mappings":"AAOA,wBAAgB,4BAA4B,SAU3C"}

package/dist/src/monaco-worker.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import editorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import jsonWorker from "monaco-editor/esm/vs/language/json/json.worker?worker";
+export function registerMonacoDefaultWorkers() {
+    self.MonacoEnvironment = {
+        createTrustedTypesPolicy: () => undefined,
+        getWorker(_, label) {
+            if (label === "json") {
+                return new jsonWorker();
+            }
+            return new editorWorker();
+        },
+    };
+}
+//# sourceMappingURL=monaco-worker.js.map

package/dist/src/monaco-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-worker.js","sourceRoot":"","sources":["../../src/monaco-worker.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,aAAa;AACb,OAAO,YAAY,MAAM,kDAAkD,CAAC;AAC5E,6DAA6D;AAC7D,aAAa;AACb,OAAO,UAAU,MAAM,uDAAuD,CAAC;AAE/E,MAAM,UAAU,4BAA4B;IAC1C,IAAI,CAAC,iBAAiB,GAAG;QACvB,wBAAwB,EAAE,GAAG,EAAE,CAAC,SAAS;QACzC,SAAS,CAAC,CAAM,EAAE,KAAa;YAC7B,IAAI,KAAK,KAAK,MAAM,EAAE;gBACpB,OAAO,IAAI,UAAU,EAAE,CAAC;aACzB;YACD,OAAO,IAAI,YAAY,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"diagnostic-list.d.ts","sourceRoot":"","sources":["../../../src/react/diagnostic-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAWjE,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAYjE,CAAC"}

package/dist/src/react/diagnostic-list.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+export const DiagnosticList = ({ diagnostics }) => {
+    if (diagnostics.length === 0) {
+        return _jsx("div", { className: "center", children: "No errors" });
+    }
+    return (_jsx("div", { css: { height: "100%", overflow: "auto" }, children: diagnostics.map((x, i) => {
+            return _jsx(DiagnosticItem, { diagnostic: x }, i);
+        }) }));
+};
+export const DiagnosticItem = ({ diagnostic }) => {
+    return (_jsxs("div", { css: { display: "flex" }, children: [_jsx("div", { css: [{ padding: "0 5px" }, diagnostic.severity === "error" ? errorColor : warningColor], children: diagnostic.severity }), _jsx("div", { css: { padding: "0 5px", color: "#333333" }, children: diagnostic.code }), _jsx("div", { css: { padding: "0 5px" }, children: diagnostic.message })] }));
+};
+const errorColor = css({ color: "#cc2222" });
+const warningColor = css({ color: "orange" });
+//# sourceMappingURL=diagnostic-list.js.map

package/dist/src/react/diagnostic-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagnostic-list.js","sourceRoot":"","sources":["../../../src/react/diagnostic-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAQrC,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACxF,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5B,OAAO,cAAK,SAAS,EAAC,QAAQ,0BAAgB,CAAC;KAChD;IACD,OAAO,CACL,cAAK,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC3C,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACxB,OAAO,KAAC,cAAc,IAAS,UAAU,EAAE,CAAC,IAAhB,CAAC,CAAmB,CAAC;QACnD,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACvF,OAAO,CACL,eAAK,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC3B,cACE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,YAEvF,UAAU,CAAC,QAAQ,GAChB,EACN,cAAK,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAG,UAAU,CAAC,IAAI,GAAO,EACzE,cAAK,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAG,UAAU,CAAC,OAAO,GAAO,IACtD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC7C,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import { CompilerOptions } from "@typespec/compiler";
+import { FunctionComponent } from "react";
+import { PlaygroundSample } from "../types.js";
+import { PlaygroundTspLibrary } from "./types.js";
+export interface EditorCommandBarProps {
+    documentationUrl?: string;
+    saveCode: () => Promise<void> | void;
+    newIssue?: () => Promise<void> | void;
+    libraries: PlaygroundTspLibrary[];
+    selectedEmitter: string;
+    onSelectedEmitterChange: (emitter: string) => void;
+    compilerOptions: CompilerOptions;
+    onCompilerOptionsChange: (options: CompilerOptions) => void;
+    samples?: Record<string, PlaygroundSample>;
+    selectedSampleName: string;
+    onSelectedSampleNameChange: (sampleName: string) => void;
+}
+export declare const EditorCommandBar: FunctionComponent<EditorCommandBarProps>;
+//# sourceMappingURL=editor-command-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/react/editor-command-bar.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,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,CAmErE,CAAC"}

package/dist/src/react/editor-command-bar.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogSurface, DialogTrigger, Link, Toolbar, ToolbarButton, Tooltip, } from "@fluentui/react-components";
+import { Bug16Regular, Save16Regular, Settings24Regular } from "@fluentui/react-icons";
+import { EmitterDropdown } from "./emitter-dropdown.js";
+import { SamplesDropdown } from "./samples-dropdown.js";
+import { CompilerSettings } from "./settings/compiler-settings.js";
+export const EditorCommandBar = ({ documentationUrl, saveCode, newIssue, libraries, selectedEmitter, onSelectedEmitterChange, compilerOptions: emitterOptions, onCompilerOptionsChange, samples, selectedSampleName, onSelectedSampleNameChange, }) => {
+    const documentation = documentationUrl ? (_jsx("label", { children: _jsx(Link, { href: documentationUrl, target: "_blank", children: "Docs" }) })) : undefined;
+    const bugButton = newIssue ? _jsx(FileBugButton, { onClick: newIssue }) : undefined;
+    return (_jsx("div", { css: { borderBottom: "1px solid #f5f5f5" }, children: _jsxs(Toolbar, { children: [_jsx(Tooltip, { content: "Save", relationship: "description", withArrow: true, children: _jsx(ToolbarButton, { appearance: "primary", "aria-label": "Save", icon: _jsx(Save16Regular, {}), onClick: saveCode }) }), samples && (_jsx(SamplesDropdown, { samples: samples, selectedSampleName: selectedSampleName, onSelectedSampleNameChange: onSelectedSampleNameChange })), _jsx(EmitterDropdown, { emitters: libraries.filter((x) => x.isEmitter).map((x) => x.name), onSelectedEmitterChange: onSelectedEmitterChange, selectedEmitter: selectedEmitter }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { children: _jsx(Button, { icon: _jsx(Settings24Regular, {}) }) }), _jsx(DialogSurface, { children: _jsx(DialogBody, { children: _jsx(CompilerSettings, { libraries: libraries, selectedEmitter: selectedEmitter, options: emitterOptions, onOptionsChanged: onCompilerOptionsChange }) }) })] }), documentation, _jsx("div", { css: { flex: "1" } }), bugButton] }) }));
+};
+const FileBugButton = ({ onClick }) => {
+    return (_jsx(Tooltip, { content: "File Bug Report", relationship: "description", withArrow: true, children: _jsx(ToolbarButton, { appearance: "subtle", "aria-label": "File Bug Report", icon: _jsx(Bug16Regular, {}), onClick: onClick, children: "File bug" }) }));
+};
+//# sourceMappingURL=editor-command-bar.js.map

package/dist/src/react/editor-command-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-command-bar.js","sourceRoot":"","sources":["../../../src/react/editor-command-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,aAAa,EACb,aAAa,EACb,IAAI,EACJ,OAAO,EACP,aAAa,EACb,OAAO,GACR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAIvF,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAiBnE,MAAM,CAAC,MAAM,gBAAgB,GAA6C,CAAC,EACzE,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,EACf,uBAAuB,EACvB,eAAe,EAAE,cAAc,EAC/B,uBAAuB,EACvB,OAAO,EACP,kBAAkB,EAClB,0BAA0B,GAC3B,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,CACvC,0BACE,KAAC,IAAI,IAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,qBAEtC,GACD,CACT,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,OAAO,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,cAAK,GAAG,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAC7C,MAAC,OAAO,eACN,KAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,aAAa,EAAC,SAAS,kBAC1D,KAAC,aAAa,IACZ,UAAU,EAAC,SAAS,gBACT,MAAM,EACjB,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,OAAO,EAAE,QAAe,GACxB,GACM,EACT,OAAO,IAAI,CACV,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,0BAA0B,EAAE,0BAA0B,GACtD,CACH,EACD,KAAC,eAAe,IACd,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjE,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,GAChC,EACF,MAAC,MAAM,eACL,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,IAAI,EAAE,KAAC,iBAAiB,KAAG,GAAI,GACzB,EAChB,KAAC,aAAa,cACZ,KAAC,UAAU,cACT,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAE,uBAAuB,GACzC,GACS,GACC,IACT,EACR,aAAa,EACd,cAAK,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAQ,EAC9B,SAAS,IACF,GACN,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,aAAa,GAA0C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,aAAa,EAAC,SAAS,kBACrE,KAAC,aAAa,IACZ,UAAU,EAAC,QAAQ,gBACR,iBAAiB,EAC5B,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,OAAO,EAAE,OAAc,yBAGT,GACR,CACX,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { editor } from "monaco-editor";
+import { FunctionComponent } from "react";
+export interface EditorProps {
+    model: editor.IModel;
+    actions?: editor.IActionDescriptor[];
+    options: editor.IStandaloneEditorConstructionOptions;
+}
+export interface EditorCommand {
+    binding: number;
+    handle: () => void;
+}
+export declare const Editor: FunctionComponent<EditorProps>;
+export declare function useMonacoModel(uri: string, language?: string): editor.IModel;
+//# sourceMappingURL=editor.d.ts.map

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

@@ -0,0 +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;CACtD;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAmCjD,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAK5E"}

package/dist/src/react/editor.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { editor, Uri } from "monaco-editor";
+import { useEffect, useMemo, useRef } from "react";
+export const Editor = ({ model, options, actions }) => {
+    const editorContainerRef = useRef(null);
+    const editorRef = useRef(null);
+    useEffect(() => {
+        editorRef.current = editor.create(editorContainerRef.current, {
+            model,
+            automaticLayout: true,
+            ...options,
+        });
+    }, []);
+    useEffect(() => {
+        const disposables = [];
+        for (const command of actions !== null && actions !== void 0 ? actions : []) {
+            disposables.push(editorRef.current.addAction(command));
+        }
+        return () => {
+            disposables.forEach((x) => x.dispose());
+        };
+    }, [actions]);
+    useEffect(() => {
+        if (editorRef.current) {
+            editorRef.current.setModel(model);
+        }
+    }, [model]);
+    return (_jsx("div", { className: "monaco-editor-container", css: { width: "100%", height: "100%", overflow: "hidden" }, ref: editorContainerRef }));
+};
+export function useMonacoModel(uri, language) {
+    return useMemo(() => {
+        var _a;
+        const monacoUri = Uri.parse(uri);
+        return (_a = editor.getModel(monacoUri)) !== null && _a !== void 0 ? _a : editor.createModel("", language, monacoUri);
+    }, [uri, language]);
+}
+//# sourceMappingURL=editor.js.map

package/dist/src/react/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../src/react/editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,GAAG,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAqB,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAatE,MAAM,CAAC,MAAM,MAAM,GAAmC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IACpF,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,MAAM,CAAsC,IAAI,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,OAAQ,EAAE;YAC7D,KAAK;YACL,eAAe,EAAE,IAAI;YACrB,GAAG,OAAO;SACX,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAkB,EAAE,CAAC;QACtC,KAAK,MAAM,OAAO,IAAI,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,EAAE;YACnC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,OAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;SACzD;QACD,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cACE,SAAS,EAAC,yBAAyB,EACnC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC1D,GAAG,EAAE,kBAAkB,GAClB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,GAAW,EAAE,QAAiB;IAC3D,OAAO,OAAO,CAAC,GAAG,EAAE;;QAClB,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACjC,OAAO,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,mCAAI,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+export type EmitterDropdownProps = {
+    emitters: string[];
+    selectedEmitter: string;
+    onSelectedEmitterChange: (emitter: string) => void;
+};
+export declare const EmitterDropdown: FunctionComponent<EmitterDropdownProps>;
+//# sourceMappingURL=emitter-dropdown.d.ts.map

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

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

package/dist/src/react/emitter-dropdown.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Select } from "@fluentui/react-components";
+import { useCallback } from "react";
+export const EmitterDropdown = ({ emitters, onSelectedEmitterChange, selectedEmitter, }) => {
+    const options = emitters.map((emitterName) => {
+        return _jsx("option", { children: emitterName }, emitterName);
+    });
+    const handleSelected = useCallback((evt) => {
+        onSelectedEmitterChange(evt.target.value);
+    }, [onSelectedEmitterChange]);
+    return (_jsxs(Select, { className: "sample-dropdown", onChange: handleSelected, value: selectedEmitter, children: [_jsx("option", { value: "", disabled: true, children: "Select emitter..." }), options] }));
+};
+//# sourceMappingURL=emitter-dropdown.js.map

package/dist/src/react/emitter-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitter-dropdown.js","sourceRoot":"","sources":["../../../src/react/emitter-dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,CAAC,MAAM,eAAe,GAA4C,CAAC,EACvE,QAAQ,EACR,uBAAuB,EACvB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;QAC3C,OAAO,2BAA2B,WAAW,IAAzB,WAAW,CAAwB,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,GAAQ,EAAE,EAAE;QACX,uBAAuB,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IACF,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,aAClF,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,wCAEhB,EACR,OAAO,IACD,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/react/error-tab.d.ts

@@ -0,0 +1,12 @@
+import type { Diagnostic } from "@typespec/compiler";
+import { FunctionComponent } from "react";
+export interface ErrorTabProps {
+    readonly internalCompilerError?: any;
+    readonly diagnostics?: readonly Diagnostic[];
+}
+export declare const ErrorTab: FunctionComponent<ErrorTabProps>;
+export interface InternalCompilerErrorProps {
+    readonly error?: any;
+}
+export declare const InternalCompilerError: FunctionComponent<InternalCompilerErrorProps>;
+//# sourceMappingURL=error-tab.d.ts.map

package/dist/src/react/error-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-tab.d.ts","sourceRoot":"","sources":["../../../src/react/error-tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,GAAG,CAAC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAUrD,CAAC;AACF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,0BAA0B,CAiB/E,CAAC"}

package/dist/src/react/error-tab.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import { DiagnosticList } from "./diagnostic-list.js";
+export const ErrorTab = ({ internalCompilerError, diagnostics, }) => {
+    return (_jsxs(_Fragment, { children: [internalCompilerError && _jsx(InternalCompilerError, { error: internalCompilerError }), diagnostics && _jsx(DiagnosticList, { diagnostics: diagnostics })] }));
+};
+export const InternalCompilerError = ({ error }) => {
+    return (_jsx("div", { css: { CenterStyles }, children: _jsxs("div", { css: {
+                border: "1px solid #cc2222",
+                padding: "10px",
+                margin: "20px",
+            }, children: [_jsx("h3", { children: "Internal Compiler error" }), _jsx("div", { children: "File issue at https://github.com/microsoft/typespec" }), _jsx("hr", {}), _jsx("div", { children: error.stack })] }) }));
+};
+const CenterStyles = css({
+    display: "flex",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+});
+//# sourceMappingURL=error-tab.js.map

package/dist/src/react/error-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-tab.js","sourceRoot":"","sources":["../../../src/react/error-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOtD,MAAM,CAAC,MAAM,QAAQ,GAAqC,CAAC,EACzD,qBAAqB,EACrB,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,8BACG,qBAAqB,IAAI,KAAC,qBAAqB,IAAC,KAAK,EAAE,qBAAqB,GAAI,EAChF,WAAW,IAAI,KAAC,cAAc,IAAC,WAAW,EAAE,WAAW,GAAI,IAC3D,CACJ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,CAAC,MAAM,qBAAqB,GAAkD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChG,OAAO,CACL,cAAK,GAAG,EAAE,EAAE,YAAY,EAAE,YACxB,eACE,GAAG,EAAE;gBACH,MAAM,EAAE,mBAAmB;gBAC3B,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;aACf,aAED,mDAAgC,EAChC,gFAA8D,EAC9D,cAAM,EACN,wBAAM,KAAK,CAAC,KAAK,GAAO,IACpB,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FunctionComponent } from "react";
+import { FileOutputViewer } from "./types.js";
+export interface FileOutputProps {
+    filename: string;
+    content: string;
+    viewers: FileOutputViewer[];
+}
+/**
+ * Display a file output using different viewers.
+ */
+export declare const FileOutput: FunctionComponent<FileOutputProps>;
+//# sourceMappingURL=file-output.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-output.d.ts","sourceRoot":"","sources":["../../../src/react/file-output.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,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,CAgCzD,CAAC"}

package/dist/src/react/file-output.js

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import { Select } from "@fluentui/react-components";
+import { useCallback, useMemo, useState } from "react";
+/**
+ * Display a file output using different viewers.
+ */
+export const FileOutput = ({ filename, content, viewers }) => {
+    if (viewers.length === 0) {
+        return _jsx(_Fragment, { children: "No viewers" });
+    }
+    else if (viewers.length === 1) {
+        return viewers[0].render({ filename, content });
+    }
+    const [selected, setSelected] = useState(viewers[0].key);
+    const handleSelected = useCallback((_, data) => {
+        setSelected(data.value);
+    }, [selected]);
+    const selectedRender = useMemo(() => {
+        var _a;
+        return (_a = viewers.find((x) => x.key === selected)) === null || _a === void 0 ? void 0 : _a.render;
+    }, [selected, viewers]);
+    return (_jsxs("div", { css: { width: "100%", height: "100%", overflow: "hidden" }, children: [_jsx(Select, { value: selected, onChange: handleSelected, css: DropdownStyle, children: viewers.map(({ key, label }) => (_jsx("option", { value: key, children: label }, key))) }), selectedRender && selectedRender({ filename, content })] }));
+};
+const DropdownStyle = css({
+    margin: "0.5rem 1.5rem",
+    position: "absolute",
+    "z-index": 1,
+    right: 0,
+});
+//# sourceMappingURL=file-output.js.map

package/dist/src/react/file-output.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-output.js","sourceRoot":"","sources":["../../../src/react/file-output.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAsB,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAqB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS1E;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/F,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAO,2CAAe,CAAC;KACxB;SAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QAC/B,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;KACjD;IAED,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAU,EAAE,IAAwB,EAAE,EAAE;QACvC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;;QAClC,OAAO,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,0CAAE,MAAM,CAAC;IACzD,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IACxB,OAAO,CACL,eAAK,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAC7D,KAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,YAClE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,iBAAkB,KAAK,EAAE,GAAG,YACzB,KAAK,IADK,GAAG,CAEP,CACV,CAAC,GACK,EAER,cAAc,IAAI,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,IACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CAAC;IACxB,MAAM,EAAE,eAAe;IACvB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,CAAC;CACT,CAAC,CAAC"}

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

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