@typespec/playground 0.3.0-dev.8 → 0.3.0

package/dist/stories/playground.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground.stories.d.ts","sourceRoot":"","sources":["../../stories/playground.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAQxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAqBF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC"}

package/dist/{index.css → style.css}

@@ -1,30 +1,4 @@
-.playground-module_layout__SCPgt {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.editor-command-bar-module_bar__5q4D5 {
-  border-bottom: 1px solid var(--colorNeutralStroke1);
-}
-
-.editor-command-bar-module_divider__iDahk {
-  flex: 1;
-}
-
-.editor-command-bar-module_spacer__hlHE9 {
-  width: 10px;
-}
-
-.swagger-ui-module_swagger-ui-container__6pJ6L {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.footer-module_footer__QqUEE {
+._footer_cn8nf_1 {
   grid-area: footer;
   display: flex;
   font-size: 14px;
@@ -32,200 +6,150 @@
   background-color: #007acc;
 }
 
-.footer-module_footer-item__7rhbZ {
+._footer-item_cn8nf_9 {
   text-decoration: none;
   color: #fefefe;
   border-right: 1px solid #d5d5d5;
   padding: 0 5px;
 }
 
-.footer-module_footer-item__7rhbZ:hover {
+._footer-item_cn8nf_9:hover {
   background-color: #063a5c;
 }
-
-.footer-version-item-module_version-item__pjuvV {
+._version-item_1c15n_1 {
   padding: 0;
 }
-.footer-version-item-module_button__70iqf {
+._button_1c15n_4 {
   cursor: pointer;
   height: 100%;
   padding: 0 5px;
 }
-
-.output-view-module_output-view__uT5Ae {
+._form_sqeas_1 {
   display: flex;
   flex-direction: column;
-  height: 100%;
-}
-
-.output-view-module_output-content__Lis-G {
-  flex: 1;
-  min-height: 0;
-}
-
-.output-view-module_type-graph-viewer__tUDEV {
-  height: 100%;
-  overflow-y: auto;
-}
-
-.split-pane-module_split-pane__XCqR8 {
-  flex: 1;
-  height: 100%;
-  position: relative;
-  width: 100%;
-}
-
-.split-pane-module_split-disabled__fZ0Sg {
-  user-select: none;
-}
-
-.split-pane-module_split-pane-dragging__mQJnZ.split-pane-module_react-split-vertical__WTUQ1 {
-  cursor: col-resize;
+  gap: 20px;
 }
 
-.split-pane-module_split-pane-dragging__mQJnZ.split-pane-module_react-split-horizontal__Fpls- {
-  cursor: row-resize;
+._item_sqeas_7 {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
 }
 
-.split-pane-module_sash__hNWH6 {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  transition: background-color 0.1s;
-  width: 100%;
-  z-index: 2;
+._switch_sqeas_13 label {
+  padding-left: 0;
 }
-
-.split-pane-module_sash-disabled__z6uCV {
-  pointer-events: none;
+._bar_15c2c_1 {
+  border-bottom: 1px solid var(--colorNeutralStroke1);
 }
 
-.split-pane-module_sash-vertical__S8HbH {
-  cursor: col-resize;
+._divider_15c2c_5 {
+  flex: 1;
 }
 
-.split-pane-module_sash-horizontal__BTUaN {
-  cursor: row-resize;
+._spacer_15c2c_9 {
+  width: 10px;
 }
-
-.split-pane-module_sash-content__DLAt4 {
-  width: 100%;
+._file-output_jzw6j_1 {
+  position: relative;
   height: 100%;
-  background-color: var(--colorNeutralStroke2);
 }
-
-.split-pane-module_sash-content-dragging__NkKQP,
-.split-pane-module_sash-content__DLAt4:hover {
-  background-color: var(--colorNeutralStroke1Pressed);
+._viewer-selector_jzw6j_5 {
+  margin: 0.5rem 1.5rem;
+  position: absolute;
+  z-index: 1;
+  right: 0;
 }
-
-.split-pane-module_sash-vertical__S8HbH .split-pane-module_sash-content__DLAt4 {
-  width: 1px;
-  margin-left: 1px;
+._tabs_1x6x2_1 {
+  border-bottom: 1px solid var(--colorNeutralStroke1);
+  box-shadow: var(--shadow2);
+  overflow-y: auto;
 }
 
-.split-pane-module_sash-horizontal__BTUaN .split-pane-module_sash-content__DLAt4 {
-  height: 1px;
-  margin-top: 1px;
+._tab-divider_1x6x2_7 {
+  flex: 1;
+  border-right: 1px solid var(--colorNeutralStroke1);
 }
 
-.split-pane-module_sash-vertical__S8HbH .split-pane-module_sash-content-dragging__NkKQP {
-  width: 100%;
+._tab_1x6x2_1 {
+  height: 40px;
+  border-right: 1px solid var(--colorNeutralStroke1) !important;
+  border-radius: 0 !important;
 }
 
-.split-pane-module_sash-horizontal__BTUaN .split-pane-module_sash-content-dragging__NkKQP {
-  height: 100%;
+._tab--selected_1x6x2_18 {
+  background-color: var(--colorNeutralBackground5) !important;
 }
-
-.split-pane-module_pane__m1zQB {
+._output-view_18pnu_1 {
+  display: flex;
+  flex-direction: row;
   height: 100%;
-  position: absolute;
-  white-space: normal;
-  width: 100%;
-  overflow: hidden;
 }
-
-.problem-pane-module_problem-pane__GJKF4 {
-  height: 100%;
-  background-color: var(--colorNeutralBackground3);
+._file-viewer_18pnu_6 {
   display: flex;
   flex-direction: column;
-  max-height: 100%;
+  height: 100%;
 }
 
-.problem-pane-module_problem-content__rYzbh {
-  overflow-y: auto;
-}
-.problem-pane-module_no-problems__Ub8R- {
-  padding: 10px;
+._output-content_18pnu_12 {
+  flex: 1;
+  min-width: 0;
 }
-
-.problem-pane-module_internal-compiler-error__laE4f {
-  padding: 10px;
+._file-viewer-content_18pnu_16 {
+  flex: 1;
+  min-height: 0;
 }
 
-.file-output-module_file-output__YBaE7 {
-  position: relative;
+._type-graph-viewer_18pnu_21 {
   height: 100%;
-}
-.file-output-module_viewer-selector__fNWoo {
-  margin: 0.5rem 1.5rem;
-  position: absolute;
-  z-index: 1;
-  right: 0;
+  overflow-y: auto;
 }
 
-.output-tabs-module_tabs__MFCRl {
-  border-bottom: 1px solid var(--colorNeutralStroke1);
-  box-shadow: var(--shadow2);
+._viewer-tabs-container_18pnu_26 {
+  background-color: var(--colorNeutralBackground3);
 }
-
-.output-tabs-module_tab-divider__9Fv-- {
-  flex: 1;
-  border-right: 1px solid var(--colorNeutralStroke1);
+._layout_l03ni_1 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
 
-.output-tabs-module_tab__FJ78k {
-  height: 40px;
-  border-right: 1px solid var(--colorNeutralStroke1) !important;
-  border-radius: 0 !important;
+._edit-pane_l03ni_9 {
+  display: flex;
+  flex-direction: column;
 }
-
-.output-tabs-module_tab--selected__GjCZY {
-  background-color: var(--colorNeutralBackground5) !important;
+._list_wrnwm_1 {
 }
 
-.diagnostic-list-module_list__6tVpz {
-}
-
-.diagnostic-list-module_item__BE8Fr {
+._item_wrnwm_4 {
   cursor: pointer;
   display: flex;
   gap: 10px;
   padding: 0 10px;
 }
 
-.diagnostic-list-module_item__BE8Fr:hover {
+._item_wrnwm_4:hover {
   background-color: var(--colorNeutralBackground3Hover);
 }
 
-.diagnostic-list-module_item--error__tnhWA {
+._item--error_wrnwm_15 {
   color: var(--colorStatusDangerForeground1);
 }
 
-.diagnostic-list-module_item--warning__J7vIN {
+._item--warning_wrnwm_19 {
   color: var(--colorStatusWarningForeground1);
 }
 
-.diagnostic-list-module_item-code__AgVjZ {
+._item-code_wrnwm_23 {
   color: var(--colorBrandForeground2);
 }
 
-.diagnostic-list-module_item-loc__IeYnW {
+._item-loc_wrnwm_27 {
   color: var(--colorNeutralForeground3);
 }
-
-.header-module_header__LyUNg {
+._header_1qhql_1 {
   padding: 5px;
   cursor: pointer;
   display: flex;
@@ -236,49 +160,132 @@
   box-shadow: var(--shadow2);
 }
 
-.header-module_header--error__8MKzf {
+._header--error_1qhql_12 {
   background-color: var(--colorStatusDangerBackground2);
   color: var(--colorNeutralForeground1);
 }
 
-.header-module_error-icon__gb-oB {
+._error-icon_1qhql_17 {
   color: var(--colorStatusDangerForeground1);
 }
 
-.header-module_header--warning__QPFEE {
+._header--warning_1qhql_21 {
   background-color: var(--colorStatusWarningBackground2);
   color: var(--colorNeutralForeground2);
 }
 
-.header-module_warning-icon__u14P3 {
+._warning-icon_1qhql_26 {
   color: var(--colorStatusWarningForeground1);
 }
 
-.header-module_header-content__Uc4HJ {
+._header-content_1qhql_30 {
   display: flex;
   align-items: center;
   gap: 10px;
 }
 
-.header-module_header-chevron__HXm6b {
+._header-chevron_1qhql_36 {
   transition: transform 0.2s ease-in-out;
 }
-.header-module_header-chevron--collapsed__wKyHV {
+._header-chevron--collapsed_1qhql_39 {
   transform: rotate(90deg);
 }
-
-.emitter-options-form-module_form__dm2RP {
+._problem-pane_kxgwp_1 {
+  height: 100%;
+  background-color: var(--colorNeutralBackground3);
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  max-height: 100%;
 }
 
-.emitter-options-form-module_item__WocHP {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
+._problem-content_kxgwp_9 {
+  overflow-y: auto;
+}
+._no-problems_kxgwp_12 {
+  padding: 10px;
 }
 
-.emitter-options-form-module_switch__d4EQs label {
-  padding-left: 0;
+._internal-compiler-error_kxgwp_16 {
+  padding: 10px;
+}
+._split-pane_v2eo6_1 {
+  flex: 1;
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+._split-disabled_v2eo6_8 {
+  user-select: none;
+}
+
+._split-pane-dragging_v2eo6_12._react-split-vertical_v2eo6_12 {
+  cursor: col-resize;
+}
+
+._split-pane-dragging_v2eo6_12._react-split-horizontal_v2eo6_16 {
+  cursor: row-resize;
+}
+
+._sash_v2eo6_20 {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  transition: background-color 0.1s;
+  width: 100%;
+  z-index: 2;
+}
+
+._sash-disabled_v2eo6_29 {
+  pointer-events: none;
+}
+
+._sash-vertical_v2eo6_33 {
+  cursor: col-resize;
+}
+
+._sash-horizontal_v2eo6_37 {
+  cursor: row-resize;
+}
+
+._sash-content_v2eo6_41 {
+  width: 100%;
+  height: 100%;
+  background-color: var(--colorNeutralStroke2);
+}
+
+._sash-content-dragging_v2eo6_47,
+._sash-content_v2eo6_41:hover {
+  background-color: var(--colorNeutralStroke1Pressed);
+}
+
+._sash-vertical_v2eo6_33 ._sash-content_v2eo6_41 {
+  width: 1px;
+  margin-left: 1px;
+}
+
+._sash-horizontal_v2eo6_37 ._sash-content_v2eo6_41 {
+  height: 1px;
+  margin-top: 1px;
+}
+
+._sash-vertical_v2eo6_33 ._sash-content-dragging_v2eo6_47 {
+  width: 100%;
+}
+
+._sash-horizontal_v2eo6_37 ._sash-content-dragging_v2eo6_47 {
+  height: 100%;
+}
+
+._pane_v2eo6_70 {
+  height: 100%;
+  position: absolute;
+  white-space: normal;
+  width: 100%;
+  overflow: hidden;
+}
+._swagger-ui-container_1c81n_1 {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
 }

package/dist/tooling/index.js

@@ -1,30 +1,25 @@
 import { getDirectoryPath } from '@typespec/compiler';
 import { readFile, mkdir, writeFile } from 'fs/promises';
 
-/**
- * @experimental This API is experimental
- */
 async function buildSamples_experimental(rootDir, output, samples) {
-    const resolvedSamples = {};
-    for (const [name, config] of Object.entries(samples)) {
-        const content = await readFile(`${rootDir}/${config.filename}`, "utf-8");
-        resolvedSamples[name] = {
-            filename: config.filename,
-            content,
-            preferredEmitter: config.preferredEmitter,
-            compilerOptions: config.compilerOptions,
-        };
-    }
-    const dir = getDirectoryPath(output);
-    await mkdir(dir, { recursive: true });
-    // await writeFile(output, content);
-    const dts = [
-        `import type { PlaygroundSample } from "@typespec/playground";`,
-        `const samples: Record<string, PlaygroundSample> = ${JSON.stringify(resolvedSamples, null, 2)};`,
-        `export default samples;`,
-    ].join("\n");
-    await writeFile(output, dts);
+  const resolvedSamples = {};
+  for (const [name, config] of Object.entries(samples)) {
+    const content = await readFile(`${rootDir}/${config.filename}`, "utf-8");
+    resolvedSamples[name] = {
+      filename: config.filename,
+      content,
+      preferredEmitter: config.preferredEmitter,
+      compilerOptions: config.compilerOptions
+    };
+  }
+  const dir = getDirectoryPath(output);
+  await mkdir(dir, { recursive: true });
+  const dts = [
+    `import type { PlaygroundSample } from "@typespec/playground";`,
+    `const samples: Record<string, PlaygroundSample> = ${JSON.stringify(resolvedSamples, null, 2)};`,
+    `export default samples;`
+  ].join("\n");
+  await writeFile(output, dts);
 }
 
 export { buildSamples_experimental };
-//# sourceMappingURL=index.js.map

package/dist/vite/index.js

@@ -2,92 +2,90 @@ import { typespecBundlePlugin } from '@typespec/bundler/vite';
 import react from '@vitejs/plugin-react';
 
 function definePlaygroundViteConfig(config) {
-    return {
-        base: "./",
-        build: {
-            target: "esnext",
-            chunkSizeWarningLimit: 5000,
-            rollupOptions: {
-                output: {
-                    manualChunks(id) {
-                        if (id.includes("/node_modules/monaco-editor/esm/vs/editor")) {
-                            return "monaco";
-                        }
-                        return undefined;
-                    },
-                },
-            },
-        },
-        esbuild: {
-            logOverride: { "this-is-undefined-in-esm": "silent" },
-        },
-        assetsInclude: [/\.tsp$/],
-        optimizeDeps: {
-            exclude: ["swagger-ui"],
-        },
-        plugins: [
-            react({}),
-            playgroundManifestPlugin(config),
-            !config.skipBundleLibraries
-                ? typespecBundlePlugin({
-                    folderName: "libs",
-                    libraries: config.libraries,
-                })
-                : undefined,
-        ],
-        server: {
-            fs: {
-                strict: false,
-            },
-        },
-    };
+  return {
+    base: "./",
+    build: {
+      target: "esnext",
+      chunkSizeWarningLimit: 5e3,
+      rollupOptions: {
+        output: {
+          manualChunks(id) {
+            if (id.includes("/node_modules/monaco-editor/esm/vs/editor")) {
+              return "monaco";
+            }
+            return void 0;
+          }
+        }
+      }
+    },
+    esbuild: {
+      logOverride: { "this-is-undefined-in-esm": "silent" }
+    },
+    assetsInclude: [/\.tsp$/],
+    optimizeDeps: {
+      exclude: ["swagger-ui"]
+    },
+    plugins: [
+      react({}),
+      playgroundManifestPlugin(config),
+      !config.skipBundleLibraries ? typespecBundlePlugin({
+        folderName: "libs",
+        libraries: config.libraries
+      }) : void 0
+    ],
+    server: {
+      fs: {
+        strict: false
+      }
+    }
+  };
 }
 function playgroundManifestPlugin(config) {
-    const { samples, ...manifest } = config;
-    let viteConfig;
-    return {
-        name: "playground-manifest",
-        enforce: "pre", // Need to run before resolving library imports to stub `@typespec/playground/manifest`
-        async configResolved(c) {
-            viteConfig = c;
-        },
-        resolveId(id) {
-            if (id === "@typespec/playground/manifest") {
-                return id;
-            }
-            return null;
-        },
-        load(id) {
-            if (id === `@typespec/playground/manifest`) {
-                const sampleImport = Object.values(samples ?? {})
-                    .map((sampleValue, index) => `import s${index} from "${viteConfig.root}/${sampleValue.filename}?raw"`)
-                    .join("\n");
-                const sampleObj = [
-                    "{",
-                    ...Object.entries(samples ?? {}).map(([label, config], index) => `${JSON.stringify(label)}: {
-                fileName: ${JSON.stringify(config.filename)},
-                preferredEmitter: ${config.preferredEmitter ? JSON.stringify(config.preferredEmitter) : "undefined"},
+  const { samples, ...manifest } = config;
+  let viteConfig;
+  return {
+    name: "playground-manifest",
+    enforce: "pre",
+    // Need to run before resolving library imports to stub `@typespec/playground/manifest`
+    async configResolved(c) {
+      viteConfig = c;
+    },
+    resolveId(id) {
+      if (id === "@typespec/playground/manifest") {
+        return id;
+      }
+      return null;
+    },
+    load(id) {
+      if (id === `@typespec/playground/manifest`) {
+        const sampleImport = Object.values(samples ?? {}).map(
+          (sampleValue, index) => `import s${index} from "${viteConfig.root}/${sampleValue.filename}?raw"`
+        ).join("\n");
+        const sampleObj = [
+          "{",
+          ...Object.entries(samples ?? {}).map(
+            ([label, config2], index) => `${JSON.stringify(label)}: {
+                fileName: ${JSON.stringify(config2.filename)},
+                preferredEmitter: ${config2.preferredEmitter ? JSON.stringify(config2.preferredEmitter) : "undefined"},
                 content: s${index},
-                ${config.compilerOptions
-                        ? `compilerOptions: ${JSON.stringify(config.compilerOptions)},`
-                        : ""}
+                ${config2.compilerOptions ? `compilerOptions: ${JSON.stringify(config2.compilerOptions)},` : ""}
 
-              }, `),
-                    "}",
-                ].join("\n");
-                const file = `
+              }, `
+          ),
+          "}"
+        ].join("\n");
+        const file = `
         ${sampleImport};
         
         export default {
            ...${JSON.stringify(manifest)},
           samples: ${sampleObj}
         };`;
-                return file;
-            }
-            return undefined;
-        },
-    };
+        return file;
+      }
+      return void 0;
+    }
+  };
 }
 
 export { definePlaygroundViteConfig };
-//# sourceMappingURL=index.js.map

package/dist/vite.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vite').UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/dist/vite.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAwBA,wBAwCG"}