@typespec/playground 0.13.0-dev.3 → 0.13.0-dev.5

package/dist/index.js

@@ -1,4 +1,4 @@
-export { c as createBrowserHost, r as registerMonacoLanguage } from './services-CzxNzZLi.js';
+export { c as createBrowserHost, r as registerMonacoLanguage } from './services-Z619RuQS.js';
 export { createUrlStateStorage } from './state-storage.js';
 
 function registerMonacoDefaultWorkersForVite() {

package/dist/react/index.js

@@ -7,7 +7,7 @@ import { $ } from '@typespec/compiler/typekit';
 import { DocumentBulletList24Regular, Dismiss24Regular, Save16Regular, Broom16Filled, Bug16Regular, SettingsRegular, FolderListRegular, DataLineRegular, ErrorCircle16Filled, Warning16Filled, ChevronDown16Regular } from '@fluentui/react-icons';
 import debounce from 'debounce';
 import { CompletionItemTag } from 'vscode-languageserver';
-import { a as resolveVirtualPath, p as printDebugInfo, d as debugGlobals, g as getMonacoRange, u as updateDiagnosticsForCodeFixes, c as createBrowserHost, r as registerMonacoLanguage } from '../services-CzxNzZLi.js';
+import { a as resolveVirtualPath, p as printDebugInfo, d as debugGlobals, g as getMonacoRange, u as updateDiagnosticsForCodeFixes, c as createBrowserHost, r as registerMonacoLanguage } from '../services-Z619RuQS.js';
 import { stringify, parse } from 'yaml';
 import { ErrorBoundary } from 'react-error-boundary';
 import { TypeGraph } from '@typespec/html-program-viewer/react';
@@ -1311,12 +1311,13 @@ const EmitterOptionsForm = ({
   }
   const entries = Object.entries(emitterOptionsSchema);
   return /* @__PURE__ */ jsx("div", { className: style$8["form"], children: entries.map(([key, value]) => {
-    return /* @__PURE__ */ jsx("div", { className: style$8["form-item"], children: value.type === "array" ? /* @__PURE__ */ jsx(
+    const resolved = value.oneOf ? resolveOneOfProperty(value) : value;
+    return /* @__PURE__ */ jsx("div", { className: style$8["form-item"], children: resolved.type === "array" ? /* @__PURE__ */ jsx(
       JsonSchemaArrayPropertyInput,
       {
         emitterOptions: options[library.name] ?? {},
         name: key,
-        prop: value,
+        prop: resolved,
         onChange: handleChange
       }
     ) : /* @__PURE__ */ jsx(
@@ -1324,12 +1325,22 @@ const EmitterOptionsForm = ({
       {
         emitterOptions: options[library.name] ?? {},
         name: key,
-        prop: value,
+        prop: resolved,
         onChange: handleChange
       }
     ) }, key);
   }) });
 };
+function resolveOneOfProperty(prop) {
+  const arrayBranch = prop.oneOf.find(
+    (branch) => branch.type === "array"
+  );
+  if (arrayBranch) {
+    return { ...arrayBranch, description: arrayBranch.description ?? prop.description };
+  }
+  const first = prop.oneOf[0];
+  return { ...first, description: first.description ?? prop.description };
+}
 const JsonSchemaArrayPropertyInput = ({
   emitterOptions,
   name,
@@ -1337,7 +1348,8 @@ const JsonSchemaArrayPropertyInput = ({
   onChange
 }) => {
   const itemsSchema = prop.items;
-  const value = emitterOptions[name] ?? itemsSchema.default;
+  const rawValue = emitterOptions[name] ?? itemsSchema.default;
+  const value = Array.isArray(rawValue) ? rawValue : rawValue != null ? [rawValue] : [];
   const prettyName = useMemo(
     () => name[0].toUpperCase() + name.slice(1).replace(/-/g, " "),
     [name]

package/dist/{services-CzxNzZLi.js → services-Z619RuQS.js}

@@ -47,24 +47,32 @@ function resolveVirtualPath(path, ...paths) {
 function createBrowserHostInternal(options) {
   const virtualFs = /* @__PURE__ */ new Map();
   const jsImports = /* @__PURE__ */ new Map();
-  const libraries = options.libraries;
-  for (const [libName, { _TypeSpecLibrary_ }] of Object.entries(libraries)) {
-    for (const [key, value] of Object.entries(_TypeSpecLibrary_.typespecSourceFiles)) {
+  const libraries = {
+    ...options.libraries
+  };
+  function registerLibraryFiles(libName, lib) {
+    for (const [key, value] of Object.entries(lib._TypeSpecLibrary_.typespecSourceFiles)) {
       virtualFs.set(`/test/node_modules/${libName}/${key}`, value);
     }
-    for (const [key, value] of Object.entries(_TypeSpecLibrary_.jsSourceFiles)) {
+    for (const [key, value] of Object.entries(lib._TypeSpecLibrary_.jsSourceFiles)) {
       addJsImport(`/test/node_modules/${libName}/${key}`, value);
     }
   }
-  virtualFs.set(
-    `/test/package.json`,
-    JSON.stringify({
-      name: "playground-pkg",
-      dependencies: Object.fromEntries(
-        Object.values(libraries).map((x) => [x.name, x.packageJson.version])
-      )
-    })
-  );
+  function updatePackageJson() {
+    virtualFs.set(
+      `/test/package.json`,
+      JSON.stringify({
+        name: "playground-pkg",
+        dependencies: Object.fromEntries(
+          Object.values(libraries).map((x) => [x.name, x.packageJson.version])
+        )
+      })
+    );
+  }
+  for (const [libName, lib] of Object.entries(libraries)) {
+    registerLibraryFiles(libName, lib);
+  }
+  updatePackageJson();
   function addJsImport(path, value) {
     virtualFs.set(path, "");
     jsImports.set(path, value);
@@ -174,24 +182,33 @@ function createBrowserHostInternal(options) {
     }
   };
 }
+async function loadLibraries(libsToLoad, importOptions = {}) {
+  const entries = await Promise.all(
+    libsToLoad.map(async (libName) => {
+      const { _TypeSpecLibrary_, $lib, $linter } = await importLibrary(
+        libName,
+        importOptions
+      );
+      const lib = {
+        name: libName,
+        isEmitter: $lib?.emitter,
+        definition: $lib,
+        packageJson: JSON.parse(_TypeSpecLibrary_.typespecSourceFiles["package.json"]),
+        linter: $linter,
+        _TypeSpecLibrary_
+      };
+      return [libName, lib];
+    })
+  );
+  return Object.fromEntries(entries);
+}
 async function createBrowserHost(libsToLoad, importOptions = {}) {
-  const libraries = {};
-  for (const libName of libsToLoad) {
-    const { _TypeSpecLibrary_, $lib, $linter } = await importLibrary(
-      libName,
-      importOptions
-    );
-    libraries[libName] = {
-      name: libName,
-      isEmitter: $lib?.emitter,
-      definition: $lib,
-      packageJson: JSON.parse(_TypeSpecLibrary_.typespecSourceFiles["package.json"]),
-      linter: $linter,
-      _TypeSpecLibrary_
-    };
-  }
+  const [libraries, compiler] = await Promise.all([
+    loadLibraries(libsToLoad, importOptions),
+    importTypeSpecCompiler(importOptions)
+  ]);
   return createBrowserHostInternal({
-    compiler: await importTypeSpecCompiler(importOptions),
+    compiler,
     libraries
   });
 }

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

@@ -1,6 +1,14 @@
 import { LibraryImportOptions } from './core.js';
-import { BrowserHost } from './types.js';
+import { BrowserHost, PlaygroundTspLibrary } from './types.js';
 export declare function resolveVirtualPath(path: string, ...paths: string[]): string;
+/**
+ * Load libraries in parallel from the given list.
+ * @param libsToLoad List of library names. Must be available in the webpage importmap.
+ * @param importOptions Import configuration.
+ */
+export declare function loadLibraries(libsToLoad: readonly string[], importOptions?: LibraryImportOptions): Promise<Record<string, PlaygroundTspLibrary & {
+    _TypeSpecLibrary_: any;
+}>>;
 /**
  * Create the browser host from the list of libraries.
  * @param libsToLoad List of libraries to load. Those must be set in the webpage importmap.

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,EAAyC,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAwB,MAAM,YAAY,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,UAElE;AAsKD;;;;;GAKG;AACH,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,aAAa,GAAE,oBAAyB,GACvC,OAAO,CAAC,WAAW,CAAC,CAoBtB"}
+{"version":3,"file":"browser-host.d.ts","sourceRoot":"","sources":["../../src/browser-host.ts"],"names":[],"mappings":"AACA,OAAO,EAAyC,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,UAElE;AAmLD;;;;GAIG;AACH,wBAAsB,aAAa,CACjC,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,aAAa,GAAE,oBAAyB,GACvC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,GAAG;IAAE,iBAAiB,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC,CAmB5E;AAED;;;;;GAKG;AACH,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,aAAa,GAAE,oBAAyB,GACvC,OAAO,CAAC,WAAW,CAAC,CAStB"}

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":"AAcA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAiDzE,CAAC"}
+{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAoDzE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.13.0-dev.3",
+  "version": "0.13.0-dev.5",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -62,14 +62,14 @@
     "@fluentui/react-components": "~9.73.1",
     "@fluentui/react-icons": "^2.0.292",
     "@typespec/bundler": "^0.5.0 || >= 0.5.1-dev.1",
-    "@typespec/compiler": "^1.9.0 || >= 1.10.0-dev.8",
-    "@typespec/html-program-viewer": "^0.79.0 || >= 0.80.0-dev.2",
-    "@typespec/http": "^1.9.1 || >= 1.10.0-dev.3",
+    "@typespec/compiler": "^1.9.0 || >= 1.10.0-dev.10",
+    "@typespec/html-program-viewer": "^0.79.0 || >= 0.80.0-dev.3",
+    "@typespec/http": "^1.9.1 || >= 1.10.0-dev.5",
     "@typespec/openapi": "^1.9.0 || >= 1.10.0-dev.4",
-    "@typespec/openapi3": "^1.9.0 || >= 1.10.0-dev.6",
+    "@typespec/openapi3": "^1.9.0 || >= 1.10.0-dev.8",
     "@typespec/protobuf": "^0.79.0 || >= 0.80.0-dev.2",
     "@typespec/rest": "^0.79.0 || >= 0.80.0-dev.2",
-    "@typespec/versioning": "^0.79.0 || >= 0.80.0-dev.2",
+    "@typespec/versioning": "^0.79.0 || >= 0.80.0-dev.3",
     "clsx": "^2.1.1",
     "debounce": "~3.0.0",
     "lzutf8": "0.6.3",