@typespec/playground 0.1.0-alpha.0

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

@@ -0,0 +1,11 @@
+import { CompilerOptions } from "@typespec/compiler";
+import { FunctionComponent } from "react";
+import { PlaygroundTspLibrary } from "../types.js";
+export type CompilerSettingsProps = {
+    libraries: PlaygroundTspLibrary[];
+    selectedEmitter: string;
+    options: CompilerOptions;
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"compiler-settings.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/compiler-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAkC,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAkB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAInE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,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"}

package/dist/src/react/settings/compiler-settings.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { EmitterOptionsForm } from "./emitter-options-form.js";
+import { LinterForm } from "./linter-form.js";
+export const CompilerSettings = ({ selectedEmitter, libraries, options, onOptionsChanged, }) => {
+    var _a, _b;
+    const emitterOptionsChanged = useCallback((emitterOptions) => {
+        onOptionsChanged({
+            ...options,
+            options: emitterOptions,
+        });
+    }, [options]);
+    const library = useTypeSpecLibrary(selectedEmitter);
+    const linterRuleSet = (_a = options.linterRuleSet) !== null && _a !== void 0 ? _a : {};
+    const linterRuleSetChanged = useCallback((linterRuleSet) => {
+        onOptionsChanged({
+            ...options,
+            linterRuleSet,
+        });
+    }, [options]);
+    return (_jsxs("div", { css: { padding: 10 }, children: [_jsx("h2", { children: "Settings" }), _jsxs(_Fragment, { children: ["Emitter: ", selectedEmitter] }), _jsx("h3", { children: "Options" }), library && (_jsx(EmitterOptionsForm, { library: library, options: (_b = options.options) !== null && _b !== void 0 ? _b : {}, optionsChanged: emitterOptionsChanged })), _jsx("h3", { children: "Linter" }), _jsx(LinterForm, { libraries: libraries, linterRuleSet: linterRuleSet, onLinterRuleSetChanged: linterRuleSetChanged })] }));
+};
+function useTypeSpecLibrary(name) {
+    const [lib, setLib] = useState();
+    useEffect(() => {
+        setLib(undefined);
+        import(/* @vite-ignore */ name)
+            .then((module) => {
+            if (module.$lib === undefined) {
+                // eslint-disable-next-line no-console
+                console.error(`Couldn't load library ${name} missing $lib export`);
+            }
+            setLib(module.$lib);
+        })
+            .catch((e) => {
+            // eslint-disable-next-line no-console
+            console.error("Failed to load library", name);
+        });
+    }, [name]);
+    return lib;
+}
+//# sourceMappingURL=compiler-settings.js.map

package/dist/src/react/settings/compiler-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler-settings.js","sourceRoot":"","sources":["../../../../src/react/settings/compiler-settings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAqB,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAS9C,MAAM,CAAC,MAAM,gBAAgB,GAA6C,CAAC,EACzE,eAAe,EACf,SAAS,EACT,OAAO,EACP,gBAAgB,GACjB,EAAE,EAAE;;IACH,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,cAA8B,EAAE,EAAE;QACjC,gBAAgB,CAAC;YACf,GAAG,OAAO;YACV,OAAO,EAAE,cAAc;SACxB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IACF,MAAM,OAAO,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,MAAA,OAAO,CAAC,aAAa,mCAAI,EAAE,CAAC;IAClD,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,aAA4B,EAAE,EAAE;QAC/B,gBAAgB,CAAC;YACf,GAAG,OAAO;YACV,aAAa;SACd,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IACF,OAAO,CACL,eAAK,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACvB,oCAAiB,EACjB,2CAAY,eAAe,IAAI,EAC/B,mCAAgB,EACf,OAAO,IAAI,CACV,KAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAA,OAAO,CAAC,OAAO,mCAAI,EAAE,EAC9B,cAAc,EAAE,qBAAqB,GACrC,CACH,EACD,kCAAe,EACf,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,oBAAoB,GAC5C,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,kBAAkB,CAAC,IAAY;IACtC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,EAAwB,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC;aAC5B,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACf,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE;gBAC7B,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CAAC,yBAAyB,IAAI,sBAAsB,CAAC,CAAC;aACpE;YACD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO,GAAG,CAAC;AACb,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TypeSpecLibrary } from "@typespec/compiler";
+import { FunctionComponent } from "react";
+import { EmitterOptions } from "../types.js";
+export interface EmitterOptionsFormProps {
+    library: TypeSpecLibrary<any>;
+    options: EmitterOptions;
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,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"}

package/dist/src/react/settings/emitter-options-form.js

@@ -0,0 +1,39 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Input, Label, Radio, RadioGroup, Switch, useId, } from "@fluentui/react-components";
+import { useCallback, useMemo } from "react";
+export const EmitterOptionsForm = ({ library, options, optionsChanged, }) => {
+    var _a, _b;
+    const emitterOptionsSchema = (_b = (_a = library.emitter) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.properties;
+    if (emitterOptionsSchema === undefined) {
+        return _jsx(_Fragment, { children: "\"No options\"" });
+    }
+    const entries = Object.entries(emitterOptionsSchema);
+    const handleChange = useCallback(({ name, value }) => {
+        optionsChanged({
+            ...options,
+            [library.name]: {
+                ...options[library.name],
+                [name]: value,
+            },
+        });
+    }, [options, optionsChanged]);
+    return (_jsx("div", { children: entries.map(([key, value]) => {
+            var _a;
+            return (_jsx("div", { css: { margin: "16px 0" }, children: _jsx(JsonSchemaPropertyInput, { emitterOptions: (_a = options[library.name]) !== null && _a !== void 0 ? _a : {}, name: key, prop: value, onChange: handleChange }) }, key));
+        }) }));
+};
+const JsonSchemaPropertyInput = ({ emitterOptions, name, prop, onChange, }) => {
+    var _a;
+    const prettyName = useMemo(() => name[0].toUpperCase() + name.slice(1).replace(/-/g, " "), [name]);
+    const inputId = useId("input");
+    const value = (_a = emitterOptions[name]) !== null && _a !== void 0 ? _a : prop.default;
+    const handleChange = useCallback((_, data) => onChange({ name, value: "value" in data ? data.value : data.checked }), [onChange]);
+    switch (prop.type) {
+        case "boolean":
+            return _jsx(Switch, { label: prettyName, checked: value, onChange: handleChange });
+        case "string":
+        default:
+            return (_jsxs("div", { children: [_jsx("div", { children: _jsx(Label, { htmlFor: inputId, title: name, children: prettyName }) }), _jsx("div", { children: prop.enum ? (_jsx(RadioGroup, { layout: "horizontal", id: inputId, value: value, onChange: handleChange, children: prop.enum.map((x) => (_jsx(Radio, { value: x, label: x }, x))) })) : (_jsx(Input, { id: inputId, value: value, onChange: handleChange })) })] }));
+    }
+};
+//# sourceMappingURL=emitter-options-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emitter-options-form.js","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { LinterRuleSet } from "@typespec/compiler";
+import { FunctionComponent } from "react";
+import { PlaygroundTspLibrary } from "../types.js";
+export interface LinterFormProps {
+    libraries: PlaygroundTspLibrary[];
+    linterRuleSet: LinterRuleSet;
+    onLinterRuleSetChanged: (options: LinterRuleSet) => void;
+}
+export declare const LinterForm: FunctionComponent<LinterFormProps>;
+//# sourceMappingURL=linter-form.d.ts.map

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

@@ -0,0 +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,aAAa,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,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/settings/linter-form.js

@@ -0,0 +1,33 @@
+import { Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Checkbox } from "@fluentui/react-components";
+import { useCallback } from "react";
+export const LinterForm = ({ libraries, linterRuleSet, onLinterRuleSetChanged, }) => {
+    const rulesets = libraries.flatMap((lib) => {
+        var _a, _b, _c;
+        return Object.keys((_c = (_b = (_a = lib.definition) === null || _a === void 0 ? void 0 : _a.linter) === null || _b === void 0 ? void 0 : _b.ruleSets) !== null && _c !== void 0 ? _c : {}).map((x) => `${lib.name}/${x}`);
+    });
+    if (rulesets.length === 0) {
+        return _jsx(_Fragment, { children: "No ruleset available" });
+    }
+    const handleChange = (ruleSet, checked) => {
+        var _a;
+        const ruleSets = (_a = linterRuleSet.extends) !== null && _a !== void 0 ? _a : [];
+        const updatedRuleSets = checked
+            ? [...ruleSets, ruleSet]
+            : ruleSets.filter((x) => x !== ruleSet);
+        onLinterRuleSetChanged({
+            extends: updatedRuleSets,
+        });
+    };
+    return (_jsx(_Fragment, { children: rulesets.map((ruleSet) => {
+            var _a;
+            return (_jsx(RuleSetCheckbox, { ruleSet: ruleSet, checked: (_a = linterRuleSet.extends) === null || _a === void 0 ? void 0 : _a.includes(ruleSet), onChange: handleChange }, ruleSet));
+        }) }));
+};
+const RuleSetCheckbox = ({ ruleSet, checked, onChange }) => {
+    const handleChange = useCallback((_, data) => {
+        onChange(ruleSet, !!data.checked);
+    }, [ruleSet, checked, onChange]);
+    return _jsx(Checkbox, { label: ruleSet, checked: checked, onChange: handleChange });
+};
+//# sourceMappingURL=linter-form.js.map

package/dist/src/react/settings/linter-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linter-form.js","sourceRoot":"","sources":["../../../../src/react/settings/linter-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAwB,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AASvD,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAC7D,SAAS,EACT,aAAa,EACb,sBAAsB,GACvB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;;QACzC,OAAO,MAAM,CAAC,IAAI,CAAC,MAAA,MAAA,MAAA,GAAG,CAAC,UAAU,0CAAE,MAAM,0CAAE,QAAQ,mCAAI,EAAE,CAAC,CAAC,GAAG,CAC5D,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,CACb,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,qDAAyB,CAAC;KAClC;IAED,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAE,OAAgB,EAAE,EAAE;;QAC1D,MAAM,QAAQ,GAAG,MAAA,aAAa,CAAC,OAAO,mCAAI,EAAE,CAAC;QAE7C,MAAM,eAAe,GAAG,OAAO;YAC7B,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC;YACxB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;QAE1C,sBAAsB,CAAC;YACrB,OAAO,EAAE,eAAe;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CACL,4BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;YACxB,OAAO,CACL,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC,OAAO,CAAC,EACjD,QAAQ,EAAE,YAAY,IAHjB,OAAO,CAIZ,CACH,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC1E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAM,EAAE,IAA0B,EAAE,EAAE;QACrC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC7B,CAAC;IACF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;AAChF,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { StateStorage } from "../state-storage.js";
+import { PlaygroundProps, PlaygroundSaveData } from "./playground.js";
+export interface ReactPlaygroundConfig extends Partial<PlaygroundProps> {
+    libraries: string[];
+}
+export declare function createReactPlayground(config: ReactPlaygroundConfig): Promise<import("@emotion/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

@@ -0,0 +1 @@
+{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../../src/react/standalone.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAyB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAc,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAElF,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACrE,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,6DAgCxE;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,iBAKxE;AAED,wBAAgB,sCAAsC,IAAI,YAAY,CAAC,kBAAkB,CAAC,CA0BzF"}

package/dist/src/react/standalone.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { FluentProvider, webLightTheme } from "@fluentui/react-components";
+import { createRoot } from "react-dom/client";
+import { createBrowserHost } from "../browser-host.js";
+import { registerMonacoDefaultWorkers } from "../monaco-worker.js";
+import { registerMonacoLanguage } from "../services.js";
+import { createUrlStateStorage } from "../state-storage.js";
+import { Playground } from "./playground.js";
+export async function createReactPlayground(config) {
+    var _a;
+    const host = await createBrowserHost(config.libraries);
+    await registerMonacoLanguage(host);
+    registerMonacoDefaultWorkers();
+    const stateStorage = createStandalonePlaygroundStateStorage();
+    const initialState = stateStorage.load();
+    const options = {
+        ...config,
+        host,
+        libraries: config.libraries,
+        defaultContent: initialState.content,
+        defaultEmitter: (_a = initialState.emitter) !== null && _a !== void 0 ? _a : config.defaultEmitter,
+        defaultCompilerOptions: initialState.options,
+        defaultSampleName: initialState.sampleName,
+        onSave: (value) => {
+            stateStorage.save(value);
+            void navigator.clipboard.writeText(window.location.toString());
+        },
+    };
+    const App = () => {
+        return (_jsx(FluentProvider, { theme: webLightTheme, children: _jsx("div", { css: { height: "100vh" }, children: _jsx(Playground, { ...options }) }) }));
+    };
+    return _jsx(App, {});
+}
+export async function renderReactPlayground(config) {
+    const app = await createReactPlayground(config);
+    const root = createRoot(document.getElementById("root"));
+    root.render(app);
+}
+export function createStandalonePlaygroundStateStorage() {
+    const stateStorage = createUrlStateStorage({
+        content: {
+            queryParam: "c",
+            compress: "lz-base64",
+        },
+        emitter: {
+            queryParam: "e",
+        },
+        options: {
+            type: "object",
+            queryParam: "options",
+        },
+        sampleName: {
+            queryParam: "sample",
+        },
+    });
+    return {
+        load: stateStorage.load,
+        save(data) {
+            stateStorage.save(data.sampleName ? { sampleName: data.sampleName, options: data.options } : data);
+        },
+    };
+}
+//# sourceMappingURL=standalone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"standalone.js","sourceRoot":"","sources":["../../../src/react/standalone.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAgB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAuC,MAAM,iBAAiB,CAAC;AAMlF,MAAM,CAAC,KAAK,UAAU,qBAAqB,CAAC,MAA6B;;IACvE,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACvD,MAAM,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACnC,4BAA4B,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,sCAAsC,EAAE,CAAC;IAC9D,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;IACzC,MAAM,OAAO,GAAoB;QAC/B,GAAG,MAAM;QACT,IAAI;QACJ,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,cAAc,EAAE,YAAY,CAAC,OAAO;QACpC,cAAc,EAAE,MAAA,YAAY,CAAC,OAAO,mCAAI,MAAM,CAAC,cAAc;QAC7D,sBAAsB,EAAE,YAAY,CAAC,OAAO;QAC5C,iBAAiB,EAAE,YAAY,CAAC,UAAU;QAC1C,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjE,CAAC;KACF,CAAC;IAEF,MAAM,GAAG,GAAsB,GAAG,EAAE;QAClC,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,aAAa,YAClC,cAAK,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC3B,KAAC,UAAU,OAAK,OAAO,GAAI,GACvB,GACS,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,KAAC,GAAG,KAAG,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,qBAAqB,CAAC,MAA6B;IACvE,MAAM,GAAG,GAAG,MAAM,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,sCAAsC;IACpD,MAAM,YAAY,GAAG,qBAAqB,CAAqB;QAC7D,OAAO,EAAE;YACP,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,WAAW;SACtB;QACD,OAAO,EAAE;YACP,UAAU,EAAE,GAAG;SAChB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,SAAS;SACtB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE,YAAY,CAAC,IAAI;QACvB,IAAI,CAAC,IAAwB;YAC3B,YAAY,CAAC,IAAI,CACf,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAChF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"swagger-ui.d.ts","sourceRoot":"","sources":["../../../src/react/swagger-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAwBvD,CAAC"}

package/dist/src/react/swagger-ui.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useEffect, useState } from "react";
+export const SwaggerUI = (props) => {
+    const [swaggerUI, setSwaggerUILib] = useState(undefined);
+    useEffect(() => {
+        void import("swagger-ui-react").then((lib) => {
+            setSwaggerUILib({ swaggerUIComp: lib.default });
+        });
+    }, [setSwaggerUILib]);
+    if (swaggerUI === undefined) {
+        return null;
+    }
+    return (_jsx("div", { css: {
+            width: "100%",
+            height: "100%",
+            overflow: "auto",
+        }, children: _jsx(swaggerUI.swaggerUIComp, { spec: props.spec }) }));
+};
+//# sourceMappingURL=swagger-ui.js.map

package/dist/src/react/swagger-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swagger-ui.js","sourceRoot":"","sources":["../../../src/react/swagger-ui.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM/D,MAAM,CAAC,MAAM,SAAS,GAAsC,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,QAAQ,CAE3C,SAAS,CAAC,CAAC;IACb,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YAC3C,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,OAAc,EAAE,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,cACE,GAAG,EAAE;YACH,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,MAAM;SACjB,YAED,KAAC,SAAS,CAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,GACzC,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { Program, TypeSpecLibrary } from "@typespec/compiler";
+import { ReactElement } from "react";
+export type CompilationCrashed = {
+    readonly internalCompilerError: any;
+};
+export type CompileResult = {
+    readonly program: Program;
+    readonly outputFiles: string[];
+};
+export type CompilationState = CompileResult | CompilationCrashed;
+export type EmitterOptions = Record<string, Record<string, unknown>>;
+export interface FileOutputViewer {
+    key: string;
+    label: string;
+    render: (props: ViewerProps) => ReactElement<any, any> | null;
+}
+export interface ViewerProps {
+    filename: string;
+    content: string;
+}
+export interface PlaygroundTspLibrary {
+    name: string;
+    isEmitter: boolean;
+    definition?: TypeSpecLibrary<any>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/react/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,qBAAqB,EAAE,GAAG,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;CACnC"}

package/dist/src/react/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/react/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { editor } from "monaco-editor";
+import { FunctionComponent } from "react";
+export interface TypeSpecEditorProps {
+    model: editor.IModel;
+    actions?: editor.IActionDescriptor[];
+}
+export declare const TypeSpecEditor: FunctionComponent<TypeSpecEditorProps>;
+export declare const OutputEditor: FunctionComponent<{
+    filename: string;
+    value: string;
+}>;
+//# sourceMappingURL=typespec-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typespec-editor.d.ts","sourceRoot":"","sources":["../../../src/react/typespec-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAWjE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiB/E,CAAC"}

package/dist/src/react/typespec-editor.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Editor, useMonacoModel } from "./editor.js";
+export const TypeSpecEditor = (props) => {
+    const options = {
+        "semanticHighlighting.enabled": true,
+        automaticLayout: true,
+        tabSize: 2,
+        minimap: {
+            enabled: false,
+        },
+    };
+    // Add shortcuts
+    return _jsx(Editor, { model: props.model, actions: props.actions, options: options });
+};
+export const OutputEditor = ({ filename, value, }) => {
+    if (filename === "") {
+        return null;
+    }
+    const options = {
+        readOnly: true,
+        automaticLayout: true,
+        minimap: {
+            enabled: false,
+        },
+    };
+    const model = useMonacoModel(filename);
+    model.setValue(value);
+    return _jsx(Editor, { model: model, options: options });
+};
+//# sourceMappingURL=typespec-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typespec-editor.js","sourceRoot":"","sources":["../../../src/react/typespec-editor.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAOrD,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,OAAO,GAAgD;QAC3D,8BAA8B,EAAE,IAAI;QACpC,eAAe,EAAE,IAAI;QACrB,OAAO,EAAE,CAAC;QACV,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;SACf;KACF,CAAC;IACF,gBAAgB;IAChB,OAAO,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,GAAW,CAAC;AACzF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA2D,CAAC,EACnF,QAAQ,EACR,KAAK,GACN,EAAE,EAAE;IACH,IAAI,QAAQ,KAAK,EAAE,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,OAAO,GAAgD;QAC3D,QAAQ,EAAE,IAAI;QACd,eAAe,EAAE,IAAI;QACrB,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;SACf;KACF,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtB,OAAO,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAW,CAAC;AAC3D,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { FileOutputViewer } from "./types.js";
+export declare const SwaggerUIViewer: FileOutputViewer;
+//# sourceMappingURL=viewers.d.ts.map

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

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

package/dist/src/react/viewers.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { SwaggerUI } from "./swagger-ui.js";
+export const SwaggerUIViewer = {
+    key: "swaggerUI",
+    label: "Swagger UI",
+    render: ({ content }) => _jsx(SwaggerUI, { spec: content }),
+};
+//# sourceMappingURL=viewers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewers.js","sourceRoot":"","sources":["../../../src/react/viewers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,MAAM,CAAC,MAAM,eAAe,GAAqB;IAC/C,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC,EAAE,OAAO,EAAe,EAAE,EAAE,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,GAAI;CACnE,CAAC"}

package/dist/src/services.d.ts

@@ -0,0 +1,6 @@
+import { DiagnosticTarget, NoTarget } from "@typespec/compiler";
+import { editor } from "monaco-editor";
+import { BrowserHost } from "./browser-host.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">;
+//# sourceMappingURL=services.d.ts.map

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

@@ -0,0 +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,mBAAmB,CAAC;AAoChD,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,WAAW,iBAiT7D;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"}