@typespec/playground 0.9.0 → 0.10.0-dev.1

package/dist/index.js

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

package/dist/react/index.js

@@ -2,10 +2,11 @@ import require$$0, { createContext, useContext, useRef, useEffect, useMemo, memo
 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, 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 { $ } from '@typespec/compiler/typekit';
 import { Settings24Regular, Save16Regular, Broom16Filled, Bug16Regular, FolderListRegular, DataLineRegular, ErrorCircle16Filled, Warning16Filled, ChevronDown16Regular } from '@fluentui/react-icons';
 import debounce from 'debounce';
 import { CompletionItemTag } from 'vscode-languageserver';
-import { a as resolveVirtualPath, g as getMonacoRange, c as createBrowserHost, r as registerMonacoLanguage } from '../services-BOARIFqT.js';
+import { a as resolveVirtualPath, p as printDebugInfo, d as debugGlobals, g as getMonacoRange, c as createBrowserHost, r as registerMonacoLanguage } from '../services-C9EUyi1Z.js';
 import { ErrorBoundary } from 'react-error-boundary';
 import { TypeGraph } from '@typespec/html-program-viewer/react';
 import '@typespec/html-program-viewer/style.css';
@@ -2814,6 +2815,10 @@ const Playground = (props) => {
   useEffect(() => {
     editor.setTheme(props.editorOptions?.theme ?? "typespec");
   }, [props.editorOptions?.theme]);
+  useEffect(() => {
+    printDebugInfo();
+    debugGlobals().host = host;
+  }, [host]);
   const typespecModel = useMonacoModel("inmemory://test/main.tsp", "typespec");
   const [compilationState, setCompilationState] = useState(void 0);
   const state = usePlaygroundState({
@@ -2869,6 +2874,8 @@ const Playground = (props) => {
         severity: diag.severity === "error" ? MarkerSeverity.Error : MarkerSeverity.Warning,
         tags: diag.code === "deprecated" ? [CompletionItemTag.Deprecated] : void 0
       }));
+      debugGlobals().program = state2.program;
+      debugGlobals().$$ = $(state2.program);
       editor.setModelMarkers(typespecModel, "owner", markers ?? []);
     } else {
       editor.setModelMarkers(typespecModel, "owner", []);

package/dist/{services-BOARIFqT.js → services-C9EUyi1Z.js}

@@ -4,15 +4,37 @@ import * as lsp from 'vscode-languageserver';
 import { DiagnosticSeverity, FormattingOptions, DocumentHighlightKind } from 'vscode-languageserver';
 import { TextDocument } from 'vscode-languageserver-textdocument';
 
+function printDebugInfo() {
+  console.info("TypeSpec Playground");
+  console.info(
+    "Some variables are bound to the `window` object in the browser console for debugging."
+  );
+  console.info(" - `program`: The current TypeSpec program.");
+  console.info(" - `host`: The current compiler host.");
+  console.info(" - `compiler`: The TypeSpec compiler API.");
+  console.info(" - `$$`: A Typekit instance bound to the current program.");
+  console.info(" - `libs`: A map of all loaded TypeSpec libraries.");
+}
+function debugGlobals() {
+  return window;
+}
+function debugLibs() {
+  return window.libs ??= {};
+}
+
 async function importTypeSpecCompiler(config) {
-  return await importLibrary("@typespec/compiler", config);
+  const compiler = await importLibrary("@typespec/compiler", config);
+  debugGlobals().compiler = compiler;
+  return compiler;
 }
 async function importLibrary(name, config) {
-  return config.useShim ? importShim(name) : import(
+  const lib = await (config.useShim ? importShim(name) : import(
     /* @vite-ignore */
     /* webpackIgnore: true */
     name
-  );
+  ));
+  debugLibs()[name] = lib;
+  return lib;
 }
 async function importShim(name) {
   return window.importShim(name);
@@ -574,4 +596,4 @@ function getMonacoRange(typespecCompiler, target) {
   };
 }
 
-export { resolveVirtualPath as a, createBrowserHost as c, getMonacoRange as g, registerMonacoLanguage as r };
+export { resolveVirtualPath as a, createBrowserHost as c, debugGlobals as d, getMonacoRange as g, printDebugInfo as p, registerMonacoLanguage as r };

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

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/core.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,oBAAoB,GAC3B,OAAO,CAAC,cAAc,oBAAoB,CAAC,CAAC,CAE9C;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,CAIhG"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/core.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,oBAAoB,GAC3B,OAAO,CAAC,cAAc,oBAAoB,CAAC,CAAC,CAM9C;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,CAQhG"}

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

@@ -0,0 +1,38 @@
+import { Program } from '@typespec/compiler';
+import { Typekit } from '@typespec/compiler/typekit';
+import { BrowserHost } from '../types.js';
+export interface DebugGlobals {
+    /**
+     * The current TypeSpec program.
+     */
+    program: Program | undefined;
+    /**
+     * The compiler host.
+     */
+    host: BrowserHost | undefined;
+    /**
+     * The TypeSpec compiler API.
+     */
+    compiler: typeof import("@typespec/compiler") | undefined;
+    /**
+     * Global Typekit instance bound to the current program.
+     */
+    $$: Typekit | undefined;
+    /**
+     * A map of all loaded TypeSpec libraries.
+     */
+    libs: Record<string, unknown> | undefined;
+}
+/**
+ * Prints debug information to the console.
+ */
+export declare function printDebugInfo(): void;
+/**
+ * Get the global debug variables bound to the `window` object.
+ */
+export declare function debugGlobals(): DebugGlobals;
+/**
+ * Gets the global debug libraries
+ */
+export declare function debugLibs(): Record<string, unknown>;
+//# sourceMappingURL=debug.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../../src/react/debug.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAE7B;;OAEG;IACH,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAE9B;;OAEG;IACH,QAAQ,EAAE,cAAc,oBAAoB,CAAC,GAAG,SAAS,CAAC;IAE1D;;OAEG;IACH,EAAE,EAAE,OAAO,GAAG,SAAS,CAAC;IAExB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED;;GAEG;AACH,wBAAgB,cAAc,SAU7B;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,YAAY,CAE3C;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEnD"}

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

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAEA,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAOjE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpF,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGrF,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oCAAoC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,6CAA6C;IAC7C,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAuOzD,CAAC"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAGA,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAQjE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpF,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGrF,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oCAAoC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,6CAA6C;IAC7C,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAiPzD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.9.0",
+  "version": "0.10.0-dev.1",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -61,6 +61,15 @@
   "dependencies": {
     "@fluentui/react-components": "~9.66.1",
     "@fluentui/react-icons": "^2.0.292",
+    "@typespec/bundler": "^0.4.2 || >=0.5.0-dev <0.5.0",
+    "@typespec/compiler": "^1.2.1",
+    "@typespec/html-program-viewer": "^0.72.1 || >=0.73.0-dev <0.73.0",
+    "@typespec/http": "^1.2.1",
+    "@typespec/openapi": "^1.2.1",
+    "@typespec/openapi3": "^1.2.1",
+    "@typespec/protobuf": "^0.72.1 || >=0.73.0-dev <0.73.0",
+    "@typespec/rest": "^0.72.1 || >=0.73.0-dev <0.73.0",
+    "@typespec/versioning": "^0.72.1 || >=0.73.0-dev <0.73.0",
     "clsx": "^2.1.1",
     "debounce": "~2.2.0",
     "lzutf8": "0.6.3",
@@ -70,16 +79,7 @@
     "react-error-boundary": "^6.0.0",
     "swagger-ui-dist": "^5.20.1",
     "vscode-languageserver": "~9.0.1",
-    "vscode-languageserver-textdocument": "~1.0.12",
-    "@typespec/bundler": "^0.4.2",
-    "@typespec/compiler": "^1.2.0",
-    "@typespec/http": "^1.2.0",
-    "@typespec/html-program-viewer": "^0.72.0",
-    "@typespec/openapi": "^1.2.0",
-    "@typespec/protobuf": "^0.72.0",
-    "@typespec/rest": "^0.72.0",
-    "@typespec/versioning": "^0.72.0",
-    "@typespec/openapi3": "^1.2.0"
+    "vscode-languageserver-textdocument": "~1.0.12"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
@@ -91,6 +91,7 @@
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
     "@types/swagger-ui-dist": "~3.30.5",
+    "@typespec/bundler": "^0.4.2 || >=0.5.0-dev <0.5.0",
     "@vitejs/plugin-react": "~4.4.1",
     "c8": "^10.1.3",
     "cross-env": "~7.0.3",
@@ -101,9 +102,9 @@
     "vite": "^6.2.7",
     "vite-plugin-checker": "^0.9.1",
     "vite-plugin-dts": "4.5.4",
-    "@typespec/bundler": "^0.4.2",
     "@typespec/react-components": "^0.57.0"
   },
+  "peerDependencies": {},
   "scripts": {
     "clean": "rimraf ./dist ./dist-dev ./temp ./typespecContents.json",
     "build": "vite build",