@typespec/playground 0.7.0-dev.1 → 0.7.0

package/dist/react/index.js

@@ -1,7 +1,7 @@
 import require$$0, { createContext, useContext, useRef, useEffect, useMemo, memo, useCallback, useState, useId as useId$1 } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { editor, Uri, MarkerSeverity, KeyMod, KeyCode } from 'monaco-editor';
-import { mergeClasses, Popover, PopoverTrigger, PopoverSurface, Title3, Table, TableHeader, TableRow, TableHeaderCell, TableBody, TableCell, Select, useId, Label, RadioGroup, Radio, Input, Switch, Checkbox, Divider, Dialog, DialogTrigger, ToolbarButton, DialogSurface, DialogBody, DialogTitle, DialogContent, Toolbar, Tooltip, Link, TabList, Tab, Button, useToastController, Toast, ToastTitle, ToastBody, Toaster, FluentProvider, webLightTheme } from '@fluentui/react-components';
+import { mergeClasses, Popover, PopoverTrigger, PopoverSurface, Title3, Table, TableHeader, TableRow, TableHeaderCell, TableBody, TableCell, Select, useId, Label, Checkbox, RadioGroup, Radio, Input, Switch, Divider, Dialog, DialogTrigger, ToolbarButton, DialogSurface, DialogBody, DialogTitle, DialogContent, Toolbar, Tooltip, Link, TabList, Tab, Button, useToastController, Toast, ToastTitle, ToastBody, Toaster, FluentProvider, webLightTheme } from '@fluentui/react-components';
 import { Settings24Regular, Save16Regular, Broom16Filled, Bug16Regular, FolderListRegular, DataLineRegular, ErrorCircle16Filled, Warning16Filled, ChevronDown16Regular } from '@fluentui/react-icons';
 import debounce from 'debounce';
 import { CompletionItemTag } from 'vscode-languageserver';
@@ -1931,7 +1931,15 @@ 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: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: style$8["form-item"], children: value.type === "array" ? /* @__PURE__ */ jsx(
+      JsonSchemaArrayPropertyInput,
+      {
+        emitterOptions: options[library.name] ?? {},
+        name: key,
+        prop: value,
+        onChange: handleChange
+      }
+    ) : /* @__PURE__ */ jsx(
       JsonSchemaPropertyInput,
       {
         emitterOptions: options[library.name] ?? {},
@@ -1942,6 +1950,52 @@ const EmitterOptionsForm = ({
     ) }, key);
   }) });
 };
+const JsonSchemaArrayPropertyInput = ({
+  emitterOptions,
+  name,
+  prop,
+  onChange
+}) => {
+  const itemsSchema = prop.items;
+  const value = emitterOptions[name] ?? itemsSchema.default;
+  const prettyName = useMemo(
+    () => name[0].toUpperCase() + name.slice(1).replace(/-/g, " "),
+    [name]
+  );
+  const inputId = useId("input");
+  const [selectedValues, setSelectedValues] = useState(new Set(value));
+  const handleChange = useCallback(
+    (_, data, value2) => {
+      const modifiedSelectedValues = new Set(selectedValues);
+      if ("checked" in data) {
+        data.checked ? modifiedSelectedValues.add(value2) : modifiedSelectedValues.delete(value2);
+      } else {
+        modifiedSelectedValues.clear();
+        modifiedSelectedValues.add(data.value);
+      }
+      setSelectedValues(modifiedSelectedValues);
+      onChange({ name, value: Array.from(modifiedSelectedValues) });
+    },
+    [name, onChange, selectedValues]
+  );
+  if (!itemsSchema.enum) {
+    return JsonSchemaPropertyInput({ emitterOptions, name, prop: itemsSchema, onChange });
+  }
+  const itemsEnum = itemsSchema.enum;
+  return /* @__PURE__ */ jsxs("div", { className: style$8["item"], children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: inputId, title: name, children: prettyName }),
+    itemsEnum.map((x) => /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        value: x,
+        label: x,
+        checked: selectedValues.has(x),
+        onChange: (...args) => handleChange(...args, x)
+      },
+      x
+    ))
+  ] });
+};
 const JsonSchemaPropertyInput = ({
   emitterOptions,
   name,

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

@@ -1 +1 @@
-{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,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,CAwCzE,CAAC"}
+{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAaA,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.7.0-dev.1",
+  "version": "0.7.0",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -61,15 +61,6 @@
   "dependencies": {
     "@fluentui/react-components": "~9.55.0",
     "@fluentui/react-icons": "^2.0.260",
-    "@typespec/bundler": "~0.1.9 || >=0.2.0-dev <0.2.0",
-    "@typespec/compiler": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/html-program-viewer": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/http": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/openapi": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/openapi3": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/protobuf": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/rest": "~0.62.0 || >=0.63.0-dev <0.63.0",
-    "@typespec/versioning": "~0.62.0 || >=0.63.0-dev <0.63.0",
     "clsx": "^2.1.1",
     "debounce": "~2.1.1",
     "lzutf8": "0.6.3",
@@ -79,7 +70,16 @@
     "react-error-boundary": "^4.0.13",
     "swagger-ui-dist": "^5.17.14",
     "vscode-languageserver": "~9.0.1",
-    "vscode-languageserver-textdocument": "~1.0.12"
+    "vscode-languageserver-textdocument": "~1.0.12",
+    "@typespec/bundler": "~0.1.11",
+    "@typespec/compiler": "~0.64.0",
+    "@typespec/http": "~0.64.0",
+    "@typespec/html-program-viewer": "~0.64.0",
+    "@typespec/openapi": "~0.64.0",
+    "@typespec/openapi3": "~0.64.0",
+    "@typespec/protobuf": "~0.64.0",
+    "@typespec/rest": "~0.64.0",
+    "@typespec/versioning": "~0.64.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
@@ -95,7 +95,6 @@
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
     "@types/swagger-ui-dist": "~3.30.5",
-    "@typespec/bundler": "~0.1.9 || >=0.2.0-dev <0.2.0",
     "@vitejs/plugin-react": "~4.3.2",
     "c8": "^10.1.2",
     "cross-env": "~7.0.3",
@@ -105,9 +104,9 @@
     "vite": "^5.4.8",
     "vite-plugin-checker": "^0.8.0",
     "vite-plugin-dts": "4.2.3",
+    "@typespec/bundler": "~0.1.11",
     "@typespec/react-components": "~0.57.0"
   },
-  "peerDependencies": {},
   "scripts": {
     "clean": "rimraf ./dist ./dist-dev ./temp ./typespecContents.json",
     "build": "vite build",