@typespec/playground 0.12.0-dev.5 → 0.12.0-dev.7

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

@@ -1 +1 @@
-{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/editor-command-bar/editor-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAW,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,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,CA2ErE,CAAC"}
+{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/editor-command-bar/editor-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAW,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,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,CA0ErE,CAAC"}

package/dist/src/react/samples-drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { SamplesDrawerTrigger, type SamplesDrawerProps } from './samples-drawer-trigger.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/react/samples-drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/samples-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/src/react/samples-drawer/sample-card.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { PlaygroundSample } from '../../types.js';
+export interface SampleCardProps {
+    name: string;
+    sample: PlaygroundSample;
+    onSelect: (name: string) => void;
+}
+export declare const SampleCard: FunctionComponent<SampleCardProps>;
+//# sourceMappingURL=sample-card.d.ts.map

package/dist/src/react/samples-drawer/sample-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sample-card.d.ts","sourceRoot":"","sources":["../../../../src/react/samples-drawer/sample-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA6BzD,CAAC"}

package/dist/src/react/samples-drawer/sample-icon.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+export interface SampleIconProps {
+    name: string;
+}
+export declare const SampleIcon: FunctionComponent<SampleIconProps>;
+//# sourceMappingURL=sample-icon.d.ts.map

package/dist/src/react/samples-drawer/sample-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sample-icon.d.ts","sourceRoot":"","sources":["../../../../src/react/samples-drawer/sample-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgCxD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAqEzD,CAAC"}

package/dist/src/react/samples-drawer/samples-drawer-trigger.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { PlaygroundSample } from '../../types.js';
+export interface SamplesDrawerProps {
+    samples: Record<string, PlaygroundSample>;
+    onSelectedSampleNameChange: (sampleName: string) => void;
+}
+export declare const SamplesDrawerTrigger: FunctionComponent<SamplesDrawerProps>;
+//# sourceMappingURL=samples-drawer-trigger.d.ts.map

package/dist/src/react/samples-drawer/samples-drawer-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"samples-drawer-trigger.d.ts","sourceRoot":"","sources":["../../../../src/react/samples-drawer/samples-drawer-trigger.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAyB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,kBAAkB,CAwDtE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooling/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD;;GAEG;AACH,wBAAsB,yBAAyB,CAC7C,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,iBAyBhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooling/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD;;GAEG;AACH,wBAAsB,yBAAyB,CAC7C,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,iBA0BhD"}

package/dist/src/types.d.ts

@@ -3,6 +3,10 @@ export interface PlaygroundSample {
     filename: string;
     preferredEmitter?: string;
     content: string;
+    /**
+     * A short description of what this sample demonstrates.
+     */
+    description?: string;
     /**
      * Compiler options for the sample.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,QAAQ,EAAE,cAAc,oBAAoB,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;CACjD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,QAAQ,EAAE,cAAc,oBAAoB,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;CACjD"}

package/dist/style.css

@@ -175,6 +175,82 @@
 ._tree-row_16t0l_4 ._column_16t0l_44:last-child {
   margin-right: 5px;
 }
+._samples-grid_1dkte_1 {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 16px;
+  padding: 8px 0;
+}
+
+._sample-card_1dkte_8 {
+  cursor: pointer;
+  padding: 16px;
+  transition:
+    box-shadow 0.2s ease,
+    border-color 0.2s ease;
+  min-height: 100px;
+}
+
+._sample-card_1dkte_8:hover {
+  box-shadow: var(--shadow8);
+}
+
+._sample-card_1dkte_8:focus-visible {
+  outline: 2px solid var(--colorBrandStroke1);
+  outline-offset: 2px;
+}
+
+._sample-card-content_1dkte_26 {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+}
+
+._sample-card-text_1dkte_32 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+
+._sample-icon_1dkte_40 {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  flex-shrink: 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  user-select: none;
+}
+
+._sample-icon-pattern_1dkte_53 {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+._sample-icon-initials_1dkte_59 {
+  position: relative;
+  font-size: 16px;
+  font-weight: 600;
+  z-index: 1;
+}
+
+._sample-title_1dkte_66 {
+  font-size: var(--fontSizeBase400);
+  margin: 0;
+}
+
+._sample-description_1dkte_71 {
+  font-size: var(--fontSizeBase200);
+  color: var(--colorNeutralForeground2);
+  margin: 0;
+  line-height: 1.4;
+}
 ._form_sqeas_1 {
   display: flex;
   flex-direction: column;

package/dist/tooling/index.js

@@ -9,6 +9,7 @@ async function buildSamples_experimental(rootDir, output, samples) {
       filename: config.filename,
       content,
       preferredEmitter: config.preferredEmitter,
+      description: config.description,
       compilerOptions: config.compilerOptions
     };
   }

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.12.0-dev.5",
+  "version": "0.12.0-dev.7",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -61,21 +61,21 @@
   "dependencies": {
     "@fluentui/react-components": "~9.72.3",
     "@fluentui/react-icons": "^2.0.292",
-    "@typespec/bundler": "^0.4.6 || >=0.5.0-dev <0.5.0",
-    "@typespec/compiler": "^1.7.1",
-    "@typespec/html-program-viewer": "^0.77.0 || >=0.78.0-dev <0.78.0",
-    "@typespec/http": "^1.7.0",
-    "@typespec/openapi": "^1.7.0",
-    "@typespec/openapi3": "^1.7.0",
-    "@typespec/protobuf": "^0.77.0 || >=0.78.0-dev <0.78.0",
-    "@typespec/rest": "^0.77.0 || >=0.78.0-dev <0.78.0",
-    "@typespec/versioning": "^0.77.0 || >=0.78.0-dev <0.78.0",
+    "@typespec/bundler": "^0.4.7 || >=0.5.0-dev <0.5.0",
+    "@typespec/compiler": "^1.8.0",
+    "@typespec/html-program-viewer": "^0.78.0 || >=0.79.0-dev <0.79.0",
+    "@typespec/http": "^1.8.0",
+    "@typespec/openapi": "^1.8.0",
+    "@typespec/openapi3": "^1.8.0",
+    "@typespec/protobuf": "^0.78.0 || >=0.79.0-dev <0.79.0",
+    "@typespec/rest": "^0.78.0 || >=0.79.0-dev <0.79.0",
+    "@typespec/versioning": "^0.78.0 || >=0.79.0-dev <0.79.0",
     "clsx": "^2.1.1",
     "debounce": "~3.0.0",
     "lzutf8": "0.6.3",
     "monaco-editor": "~0.55.0",
-    "react": "~18.3.1",
-    "react-dom": "~18.3.1",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
     "react-error-boundary": "^6.0.0",
     "swagger-ui-dist": "^5.20.1",
     "vscode-languageserver": "~9.0.1",
@@ -91,11 +91,11 @@
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.2",
     "@types/swagger-ui-dist": "~3.30.5",
-    "@typespec/bundler": "^0.4.6 || >=0.5.0-dev <0.5.0",
+    "@typespec/bundler": "^0.4.7 || >=0.5.0-dev <0.5.0",
     "@vitejs/plugin-react": "~5.1.2",
     "c8": "^10.1.3",
     "cross-env": "~10.1.0",
-    "es-module-shims": "~2.7.0",
+    "es-module-shims": "~2.8.0",
     "rimraf": "~6.1.2",
     "storybook": "^10.1.8",
     "typescript": "~5.9.2",

package/dist/.storybook/main.d.ts

@@ -1,4 +0,0 @@
-import { StorybookConfig } from '@storybook/react-vite';
-declare const config: StorybookConfig;
-export default config;
-//# sourceMappingURL=main.d.ts.map

package/dist/.storybook/main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../.storybook/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE/E,QAAA,MAAM,MAAM,EAAE,eAcb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/.storybook/preview.d.ts

@@ -1,4 +0,0 @@
-import { Preview } from '@storybook/react-vite';
-declare const preview: Preview;
-export default preview;
-//# sourceMappingURL=preview.d.ts.map

package/dist/.storybook/preview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,QAAA,MAAM,OAAO,EAAE,OAUd,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,9 +0,0 @@
-import { FunctionComponent } from 'react';
-import { PlaygroundSample } from '../types.js';
-export interface SamplesDropdownProps {
-    samples: Record<string, PlaygroundSample>;
-    selectedSampleName: string;
-    onSelectedSampleNameChange: (sampleName: string) => void;
-}
-export declare const SamplesDropdown: FunctionComponent<SamplesDropdownProps>;
-//# sourceMappingURL=samples-dropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"samples-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/samples-dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA8BnE,CAAC"}