@typespec/playground 0.11.1 → 0.11.3

package/dist/index.js

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

package/dist/react/index.js

@@ -7,7 +7,7 @@ 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, p as printDebugInfo, d as debugGlobals, g as getMonacoRange, c as createBrowserHost, r as registerMonacoLanguage } from '../services-DIQbQBoU.js';
+import { a as resolveVirtualPath, p as printDebugInfo, d as debugGlobals, g as getMonacoRange, c as createBrowserHost, r as registerMonacoLanguage } from '../services-BTSPLy3C.js';
 import { ErrorBoundary } from 'react-error-boundary';
 import { TypeGraph } from '@typespec/html-program-viewer/react';
 import '@typespec/html-program-viewer/style.css';

package/dist/{services-DIQbQBoU.js → services-BTSPLy3C.js}

@@ -1,7 +1,7 @@
 import { resolvePath, getSourceFileKindFromExt, createSourceFile, TypeSpecLanguageConfiguration } from '@typespec/compiler';
 import * as monaco from 'monaco-editor';
 import * as lsp from 'vscode-languageserver';
-import { DiagnosticSeverity, FormattingOptions, DocumentHighlightKind } from 'vscode-languageserver';
+import { DiagnosticSeverity, Range, FormattingOptions, DocumentHighlightKind } from 'vscode-languageserver';
 import { TextDocument } from 'vscode-languageserver-textdocument';
 
 function printDebugInfo() {
@@ -196,7 +196,7 @@ async function createBrowserHost(libsToLoad, importOptions = {}) {
   });
 }
 
-function range(range2) {
+function range$1(range2) {
   return {
     startColumn: range2.start.character + 1,
     startLineNumber: range2.start.line + 1,
@@ -216,7 +216,7 @@ function textEdits(edit) {
 }
 function textEdit(edit) {
   return {
-    range: range(edit.range),
+    range: range$1(edit.range),
     text: edit.newText
   };
 }
@@ -237,7 +237,7 @@ function command(command2) {
     arguments: command2.arguments
   };
 }
-function severity(severity2) {
+function severity$1(severity2) {
   switch (severity2) {
     case DiagnosticSeverity.Error:
       return monaco.MarkerSeverity.Error;
@@ -251,7 +251,7 @@ function severity(severity2) {
 }
 function diagnostic(diagnostic2) {
   return {
-    severity: diagnostic2.severity ? severity(diagnostic2.severity) : monaco.MarkerSeverity.Error,
+    severity: diagnostic2.severity ? severity$1(diagnostic2.severity) : monaco.MarkerSeverity.Error,
     message: diagnostic2.message,
     code: diagnostic2.code?.toString(),
     source: diagnostic2.source,
@@ -270,7 +270,7 @@ function codeAction(action) {
   };
 }
 const LspToMonaco = {
-  range,
+  range: range$1,
   foldingRange,
   textEdits,
   textEdit,
@@ -279,6 +279,68 @@ const LspToMonaco = {
   command
 };
 
+function textDocumentForModel(model) {
+  return TextDocument.create(
+    model.uri.toString(),
+    "typespec",
+    model.getVersionId(),
+    model.getValue()
+  );
+}
+function position(pos) {
+  return {
+    line: pos.lineNumber - 1,
+    character: pos.column - 1
+  };
+}
+function range(range2) {
+  return Range.create(
+    {
+      line: range2.startLineNumber - 1,
+      character: range2.startColumn - 1
+    },
+    {
+      line: range2.endLineNumber - 1,
+      character: range2.endColumn - 1
+    }
+  );
+}
+function severity(severity2) {
+  switch (severity2) {
+    case monaco.MarkerSeverity.Error:
+      return DiagnosticSeverity.Error;
+    case monaco.MarkerSeverity.Warning:
+      return DiagnosticSeverity.Warning;
+    case monaco.MarkerSeverity.Hint:
+      return DiagnosticSeverity.Hint;
+    case monaco.MarkerSeverity.Info:
+      return DiagnosticSeverity.Information;
+  }
+}
+function markerToDiagnostic(marker) {
+  return {
+    severity: marker.severity ? severity(marker.severity) : DiagnosticSeverity.Error,
+    range: range(marker),
+    message: marker.message,
+    code: typeof marker.code === "string" ? marker.code : marker.code?.value,
+    source: marker.source,
+    data: marker.relatedInformation
+  };
+}
+function codeActionContext(context) {
+  return {
+    only: context.only ? [context.only] : void 0,
+    triggerKind: context.trigger,
+    diagnostics: context.markers.map(markerToDiagnostic)
+  };
+}
+const MonacoToLsp = {
+  textDocumentForModel,
+  position,
+  range,
+  codeActionContext
+};
+
 function getIndentAction(value) {
   switch (value) {
     case "none":
@@ -318,7 +380,7 @@ async function registerMonacoLanguage(host) {
     compilerHost: host,
     getOpenDocumentByURL(url) {
       const model = monaco.editor.getModel(monaco.Uri.parse(url));
-      return model ? textDocumentForModel(model) : void 0;
+      return model ? MonacoToLsp.textDocumentForModel(model) : void 0;
     },
     sendDiagnostics() {
     },
@@ -351,17 +413,20 @@ async function registerMonacoLanguage(host) {
     rootUri: "inmemory://"
   });
   serverLib.initialized({});
-  function textDocumentForModel(model) {
-    return TextDocument.create(
-      model.uri.toString(),
-      "typespec",
-      model.getVersionId(),
-      model.getValue()
-    );
+  monaco.editor.onDidCreateModel((model) => {
+    if (model.getLanguageId() !== "typespec") return;
+    model.onDidChangeContent(async (changes) => {
+      serverLib.checkChange(monacoToLspChangeEvent(model));
+    });
+  });
+  function monacoToLspChangeEvent(model) {
+    return {
+      document: MonacoToLsp.textDocumentForModel(model)
+    };
   }
   function lspDocumentArgs(model) {
     return {
-      textDocument: textDocumentForModel(model)
+      textDocument: MonacoToLsp.textDocumentForModel(model)
     };
   }
   function lspArgs(model, pos) {

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

@@ -1 +1 @@
-{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../src/services.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,QAAQ,EAEd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAKxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAmC9C,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,WAAW,iBAgU7D;AAED,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,cAAc,oBAAoB,CAAC,EACrD,MAAM,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GACzC,MAAM,CAAC,MAAM,CAkBf"}
+{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../src/services.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,QAAQ,EAEd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAMxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAmC9C,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,WAAW,iBAsU7D;AAED,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,cAAc,oBAAoB,CAAC,EACrD,MAAM,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GACzC,MAAM,CAAC,MAAM,CAkBf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -59,50 +59,50 @@
     "!dist/test/**"
   ],
   "dependencies": {
-    "@fluentui/react-components": "~9.70.0",
+    "@fluentui/react-components": "~9.72.3",
     "@fluentui/react-icons": "^2.0.292",
     "clsx": "^2.1.1",
-    "debounce": "~2.2.0",
+    "debounce": "~3.0.0",
     "lzutf8": "0.6.3",
-    "monaco-editor": "~0.53.0",
+    "monaco-editor": "~0.55.0",
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
     "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.4",
-    "@typespec/html-program-viewer": "^0.75.0",
-    "@typespec/compiler": "^1.5.0",
-    "@typespec/http": "^1.5.0",
-    "@typespec/openapi": "^1.5.0",
-    "@typespec/openapi3": "^1.5.0",
-    "@typespec/protobuf": "^0.75.0",
-    "@typespec/rest": "^0.75.0",
-    "@typespec/versioning": "^0.75.0"
+    "@typespec/bundler": "^0.4.6",
+    "@typespec/compiler": "^1.7.0",
+    "@typespec/http": "^1.7.0",
+    "@typespec/openapi": "^1.7.0",
+    "@typespec/html-program-viewer": "^0.77.0",
+    "@typespec/openapi3": "^1.7.0",
+    "@typespec/protobuf": "^0.77.0",
+    "@typespec/rest": "^0.77.0",
+    "@typespec/versioning": "^0.77.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@playwright/test": "^1.51.1",
-    "@storybook/cli": "^9.0.12",
-    "@storybook/react-vite": "^9.0.12",
+    "@storybook/cli": "^10.0.8",
+    "@storybook/react-vite": "^10.0.8",
     "@types/debounce": "~1.2.4",
-    "@types/node": "~24.3.0",
-    "@types/react": "~18.3.11",
-    "@types/react-dom": "~18.3.0",
+    "@types/node": "~24.10.1",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.2.2",
     "@types/swagger-ui-dist": "~3.30.5",
-    "@vitejs/plugin-react": "~5.0.2",
+    "@vitejs/plugin-react": "~5.1.0",
     "c8": "^10.1.3",
-    "cross-env": "~10.0.0",
+    "cross-env": "~10.1.0",
     "es-module-shims": "~2.6.0",
-    "rimraf": "~6.0.1",
-    "storybook": "^9.0.12",
+    "rimraf": "~6.1.2",
+    "storybook": "^10.0.8",
     "typescript": "~5.9.2",
     "vite": "^7.0.5",
-    "vite-plugin-checker": "^0.10.1",
+    "vite-plugin-checker": "^0.11.0",
     "vite-plugin-dts": "4.5.4",
-    "@typespec/react-components": "^0.57.0",
-    "@typespec/bundler": "^0.4.4"
+    "@typespec/bundler": "^0.4.6",
+    "@typespec/react-components": "^0.57.0"
   },
   "scripts": {
     "clean": "rimraf ./dist ./dist-dev ./temp ./typespecContents.json",