modern-monaco 0.3.6 → 0.3.8

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2025 Je Xia <i@jex.me>
+Copyright (c) 2026 Je Xia <i@jex.me>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -68,10 +68,10 @@ const workspace = new Workspace({
 });
 
 // initialize the editor lazily
-await lazy({ workspace });
+lazy({ workspace });
 
 // write a file and open it in the editor
-workspace.fs.writeFile("util.js", "export function add(a, b) { return a + b; }");
+await workspace.fs.writeFile("util.js", "export function add(a, b) { return a + b; }");
 workspace.openTextDocument("util.js");
 ```
 
@@ -193,24 +193,64 @@ To set the editor theme, you can add a `theme` attribute to the `<monaco-editor>
 <monaco-editor theme="vitesse-dark"></monaco-editor>
 ```
 
-Or set it in the `lazy`, `init`, or `hydrate` function.
+Or add a `defaultTheme` option to the `lazy`, `init`, or `hydrate` function.
 
 ```js
 lazy({
-  theme: "vitesse-dark",
+  defaultTheme: "one-dark-pro",
 });
 ```
 
 > [!Note]
 > The theme ID should be one of the [Shiki Themes](https://shiki.style/themes).
 
-modern-monaco loads the theme data from the CDN when a theme ID is provided. You can also use a theme from the `tm-themes` package:
+You can also load multiple themes by passing an array of theme inputs to the `themes` option.
+
+```js
+const monaco = await init({
+  themes: [
+    "one-light",
+    "one-dark-pro",
+  ],
+});
+
+monaco.editor.create(document.getElementById("editor"), {
+  theme: "one-light",
+})
+// update the editor theme
+monaco.editor.setTheme("one-dark-pro");
+```
+
+modern-monaco loads the theme data from the CDN when a theme ID is provided. You can also load a theme from a JSON file:
 
 ```js
-import OneDark from "tm-themes/themes/vitesse-dark.json" with { type: "json" };
+import OneDarkPro from "tm-themes/themes/one-dark-pro.json" with { type: "json" };
 
 lazy({
-  theme: OneDark,
+  themes: [
+    // load language grammars from CDN, these language ids must be defined in the `tm-grammars` package
+    "one-light",
+
+    // import theme from `tm-themes` package without extra HTTP requests, but increases the bundle size
+    OneDarkPro,
+
+    // load theme from a URL
+    "https://example.com/themes/mytheme.json",
+
+    // load theme from an asset file
+    "/assets/mytheme.json",
+
+    // dynamically import
+    () => import("tm-themes/one-light.json", { with: { type: "json" } }),
+
+    // hand-crafted theme
+    {
+      name: "mytheme",
+      base: "vs-dark",
+      colors: {/* ... */},
+      tokenColors: [/* ... */],
+    },
+  ],
 });
 ```
 
@@ -229,15 +269,15 @@ lazy({
     "javascript",
     "json",
 
+    // import language grammar from `tm-grammars` package without extra HTTP requests, but increases the bundle size
+    markdown,
+
     // load language grammar from a URL
     "https://example.com/grammars/mylang.json",
 
-    // load language grammar from a local file
+    // load language grammar from an asset file
     "/assets/mylang.json",
 
-    // use `tm-grammars` package without extra HTTP requests, but increases the bundle size
-    markdown,
-
     // dynamically import
     () => import("tm-grammars/markdown.json", { with: { type: "json" } }),
 
@@ -339,7 +379,7 @@ export interface LSPConfig {
     trimFinalNewlines?: boolean;
     /** Semicolon preference for JavaScript and TypeScript. Default: "insert". */
     semicolon?: "ignore" | "insert" | "remove";
-  }
+  };
   /** HTML language configuration. */
   html?: {
     attributeDefaultValue?: "empty" | "singlequotes" | "doublequotes";
@@ -356,20 +396,20 @@ export interface LSPConfig {
   };
   /** JSON language configuration. */
   json?: {
-      /** By default, the validator will return syntax and semantic errors. Set to false to disable the validator. */
-      validate?: boolean;
-      /** Defines whether comments are allowed or not. Default is disallowed. */
-      allowComments?: boolean;
-      /** A list of known schemas and/or associations of schemas to file names. */
-      schemas?: JSONSchemaSource[];
-      /** The severity of reported comments. Default is "error". */
-      comments?: SeverityLevel;
-      /** The severity of reported trailing commas. Default is "error". */
-      trailingCommas?: SeverityLevel;
-      /** The severity of problems from schema validation. Default is "warning". */
-      schemaValidation?: SeverityLevel;
-      /** The severity of problems that occurred when resolving and loading schemas. Default is "warning". */
-      schemaRequest?: SeverityLevel;
+    /** By default, the validator will return syntax and semantic errors. Set to false to disable the validator. */
+    validate?: boolean;
+    /** Defines whether comments are allowed or not. Default is disallowed. */
+    allowComments?: boolean;
+    /** A list of known schemas and/or associations of schemas to file names. */
+    schemas?: JSONSchemaSource[];
+    /** The severity of reported comments. Default is "error". */
+    comments?: SeverityLevel;
+    /** The severity of reported trailing commas. Default is "error". */
+    trailingCommas?: SeverityLevel;
+    /** The severity of problems from schema validation. Default is "warning". */
+    schemaValidation?: SeverityLevel;
+    /** The severity of problems that occurred when resolving and loading schemas. Default is "warning". */
+    schemaRequest?: SeverityLevel;
   };
   /** TypeScript language configuration. */
   typescript?: {
@@ -475,6 +515,23 @@ import { lazy } from "modern-monaco/core";
 lazy();
 ```
 
+## Loading editor modules from a custom CDN
+
+By default, modern-monaco loads editor modules from `https://esm.sh`. You can customize the CDN URL by providing an import map in your HTML.
+
+```html
+<script type="importmap">
+  {
+    "imports": {
+      "modern-monaco": "https://mycdn.com/modern-monaco@:version/dist/index.mjs",
+      "modern-monaco/editor-core": "https://mycdn.com/modern-monaco@:version/dist/editor-core.mjs",
+      "modern-monaco/lsp": "https://mycdn.com/modern-monaco@:version/dist/lsp/index.mjs",
+      "typescript": "https://mycdn.com/typescript@:version/lib/typescript.js"
+    }
+  }
+</script>
+```
+
 ## License
 
 [MIT License](https://opensource.org/licenses/MIT)

package/dist/core.mjs

@@ -40,7 +40,7 @@ function isObject(v) {
 }
 
 // package.json
-var version = "0.3.6";
+var version = "0.3.8";
 
 // src/core.ts
 import { getExtnameFromLanguageId, getLanguageIdFromPath, grammars, initShiki, setDefaultWasmLoader, themes } from "./shiki.mjs";

package/dist/editor-core.mjs

@@ -2310,7 +2310,7 @@ var init_event = __esm({
         return fn;
       }
       Event2.chain = chain;
-      const HaltChainable = Symbol("HaltChainable");
+      const HaltChainable = /* @__PURE__ */ Symbol("HaltChainable");
       class ChainableSynthesis {
         constructor() {
           this.steps = [];
@@ -3103,7 +3103,7 @@ var init_cancellation = __esm({
 var MicrotaskDelay;
 var init_symbols = __esm({
   "node_modules/monaco-editor-core/esm/vs/base/common/symbols.js"() {
-    MicrotaskDelay = Symbol("MicrotaskDelay");
+    MicrotaskDelay = /* @__PURE__ */ Symbol("MicrotaskDelay");
   }
 });
 
@@ -3242,7 +3242,7 @@ function createCancelableAsyncIterableProducer(callback) {
     }
   });
 }
-var Throttler, timeoutDeferred, microtaskDeferred, Delayer, ThrottledDelayer, TaskQueue, TimeoutTimer, IntervalTimer, RunOnceScheduler, runWhenGlobalIdle, _runWhenIdle, AbstractIdleValue, GlobalIdleValue, DeferredPromise, Promises, ProducerConsumer, AsyncIterableProducer, CancelableAsyncIterableProducer, AsyncReaderEndOfStream;
+var Throttler, timeoutDeferred, microtaskDeferred, Delayer, ThrottledDelayer, TaskQueue, TimeoutTimer, IntervalTimer, RunOnceScheduler, runWhenGlobalIdle, _runWhenIdle, AbstractIdleValue, GlobalIdleValue, DeferredPromise, Promises, ProducerConsumer, AsyncIterableProducer, CancelableAsyncIterableProducer;
 var init_async = __esm({
   "node_modules/monaco-editor-core/esm/vs/base/common/async.js"() {
     init_cancellation();
@@ -3878,7 +3878,6 @@ var init_async = __esm({
         this._source.cancel();
       }
     };
-    AsyncReaderEndOfStream = Symbol("AsyncReaderEndOfStream");
   }
 });
 
@@ -28242,7 +28241,7 @@ var init_textModelEditSource = __esm({
   "node_modules/monaco-editor-core/esm/vs/editor/common/textModelEditSource.js"() {
     init_uuid();
     init_textLength();
-    privateSymbol = Symbol("TextModelEditSource");
+    privateSymbol = /* @__PURE__ */ Symbol("TextModelEditSource");
     TextModelEditSource = class {
       constructor(metadata, _privateCtorGuard) {
         this.metadata = metadata;
@@ -84709,7 +84708,6 @@ init_observable();
 init_nls();
 init_instantiation();
 var IAccessibilitySignalService = createDecorator("accessibilitySignalService");
-var AcknowledgeDocCommentsToken = Symbol("AcknowledgeDocCommentsToken");
 var Sound = class _Sound {
   static register(options2) {
     const sound = new _Sound(options2.fileName);
@@ -104293,18 +104291,10 @@ registerEditorAction(TransposeLettersAction);
 init_browser();
 init_dom();
 init_platform();
-init_stopwatch();
 init_nls();
 init_actions2();
 init_contextkey();
 init_log();
-
-// node_modules/monaco-editor-core/esm/vs/platform/product/common/productService.js
-init_instantiation();
-var IProductService = createDecorator("productService");
-
-// node_modules/monaco-editor-core/esm/vs/editor/contrib/clipboard/browser/clipboard.js
-init_telemetry();
 init_editorExtensions();
 init_codeEditorService();
 init_editorContextKeys();
@@ -105355,7 +105345,7 @@ var UriIterator = class {
 };
 var Undef = class _Undef {
   static {
-    this.Val = Symbol("undefined_placeholder");
+    this.Val = /* @__PURE__ */ Symbol("undefined_placeholder");
   }
   static wrap(value) {
     return value === void 0 ? _Undef.Val : value;
@@ -108947,8 +108937,6 @@ if (PasteAction) {
     logService.trace("registerExecCommandImpl (addImplementation code-editor for : paste)");
     const codeEditorService = accessor.get(ICodeEditorService);
     const clipboardService = accessor.get(IClipboardService);
-    const telemetryService = accessor.get(ITelemetryService);
-    const productService = accessor.get(IProductService);
     const focusedEditor = codeEditorService.getFocusedCodeEditor();
     if (focusedEditor && focusedEditor.hasModel() && focusedEditor.hasTextFocus()) {
       const editContextEnabled = focusedEditor.getOption(
@@ -108961,17 +108949,12 @@ if (PasteAction) {
           nativeEditContext.onWillPaste();
         }
       }
-      const sw = StopWatch.create(true);
       logService.trace("registerExecCommandImpl (before triggerPaste)");
       const triggerPaste = clipboardService.triggerPaste(getActiveWindow().vscodeWindowId);
       if (triggerPaste) {
         logService.trace("registerExecCommandImpl (triggerPaste defined)");
         return triggerPaste.then(async () => {
           logService.trace("registerExecCommandImpl (after triggerPaste)");
-          if (productService.quality !== "stable") {
-            const duration = sw.elapsed();
-            telemetryService.publicLog2("editorAsyncPaste", { duration });
-          }
           return CopyPasteController.get(focusedEditor)?.finishedPaste() ?? Promise.resolve();
         });
       } else {
@@ -144865,7 +144848,7 @@ DataChannelForwardingTelemetryService = __decorate103([
   __param97(0, ITelemetryService),
   __param97(1, IDataChannelService)
 ], DataChannelForwardingTelemetryService);
-var shouldForwardToChannel = Symbol("shouldForwardToChannel");
+var shouldForwardToChannel = /* @__PURE__ */ Symbol("shouldForwardToChannel");
 function forwardToChannelIf(value) {
   return {
     // This will not be sent via telemetry, it is just a marker

package/dist/editor-worker.mjs

@@ -892,7 +892,7 @@ var Event;
     return fn;
   }
   Event2.chain = chain;
-  const HaltChainable = Symbol("HaltChainable");
+  const HaltChainable = /* @__PURE__ */ Symbol("HaltChainable");
   class ChainableSynthesis {
     constructor() {
       this.steps = [];
@@ -13442,9 +13442,6 @@ function getHeaderText(text) {
   return { text, hasSeparatorLine };
 }
 
-// node_modules/monaco-editor-core/esm/vs/base/common/symbols.js
-var MicrotaskDelay = Symbol("MicrotaskDelay");
-
 // node_modules/monaco-editor-core/esm/vs/base/common/async.js
 var runWhenGlobalIdle;
 var _runWhenIdle;
@@ -13712,7 +13709,6 @@ var AsyncIterableProducer = class _AsyncIterableProducer {
     return this._iterator;
   }
 };
-var AsyncReaderEndOfStream = Symbol("AsyncReaderEndOfStream");
 
 // node_modules/monaco-editor-core/esm/vs/editor/common/model/prefixSumComputer.js
 var PrefixSumComputer = class {

package/dist/lsp/html/worker.mjs

@@ -4634,7 +4634,7 @@ var PathCompletionParticipant = class {
           result.isIncomplete = true;
         } else {
           const replaceRange = pathToReplaceRange(attributeCompletion.value, fullValue, attributeCompletion.range);
-          const suggestions = await this.providePathSuggestions(attributeCompletion.value, replaceRange, document, documentContext);
+          const suggestions = await this.providePathSuggestions(attributeCompletion.value, replaceRange, document, documentContext, attributeCompletion);
           for (const item of suggestions) {
             result.items.push(item);
           }
@@ -4643,16 +4643,33 @@ var PathCompletionParticipant = class {
     }
     return result;
   }
-  async providePathSuggestions(valueBeforeCursor, replaceRange, document, documentContext) {
+  async providePathSuggestions(valueBeforeCursor, replaceRange, document, documentContext, context) {
     const valueBeforeLastSlash = valueBeforeCursor.substring(0, valueBeforeCursor.lastIndexOf("/") + 1);
     let parentDir = documentContext.resolveReference(valueBeforeLastSlash || ".", document.uri);
     if (parentDir) {
       try {
         const result = [];
         const infos = await this.readDirectory(parentDir);
+        const extensionFilter = this.getExtensionFilter(context);
         for (const [name, type] of infos) {
           if (name.charCodeAt(0) !== CharCode_dot) {
-            result.push(createCompletionItem(name, type === FileType.Directory, replaceRange));
+            const item = createCompletionItem(name, type === FileType.Directory, replaceRange);
+            if (extensionFilter) {
+              if (type === FileType.Directory) {
+                result.push(item);
+              } else {
+                const matchesFilter = extensionFilter.extensions.some((ext) => name.toLowerCase().endsWith(ext));
+                if (matchesFilter) {
+                  item.sortText = "0_" + name;
+                  result.push(item);
+                } else if (!extensionFilter.exclusive) {
+                  item.sortText = "1_" + name;
+                  result.push(item);
+                }
+              }
+            } else {
+              result.push(item);
+            }
           }
         }
         return result;
@@ -4661,6 +4678,36 @@ var PathCompletionParticipant = class {
     }
     return [];
   }
+  /**
+   * Determines which file extensions to filter/prioritize based on the HTML tag and attributes
+   */
+  getExtensionFilter(context) {
+    if (!context) {
+      return void 0;
+    }
+    if (context.tag === "link" && context.attribute === "href" && context.attributes) {
+      const rel = context.attributes["rel"];
+      if (rel === "stylesheet" || rel === '"stylesheet"' || rel === "'stylesheet'") {
+        return { extensions: [".css", ".scss", ".sass", ".less"], exclusive: false };
+      }
+      if (rel === "icon" || rel === '"icon"' || rel === "'icon'" || rel === "apple-touch-icon" || rel === '"apple-touch-icon"' || rel === "'apple-touch-icon'") {
+        return { extensions: [".ico", ".png", ".svg", ".jpg", ".jpeg", ".gif", ".webp"], exclusive: false };
+      }
+    }
+    if (context.tag === "script" && context.attribute === "src") {
+      return { extensions: [".js", ".mjs", ".cjs", ".ts", ".tsx", ".jsx"], exclusive: false };
+    }
+    if (context.tag === "img" && context.attribute === "src") {
+      return { extensions: [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".bmp", ".ico"], exclusive: false };
+    }
+    if (context.tag === "video" && context.attribute === "src") {
+      return { extensions: [".mp4", ".webm", ".ogg", ".mov", ".avi"], exclusive: false };
+    }
+    if (context.tag === "audio" && context.attribute === "src") {
+      return { extensions: [".mp3", ".wav", ".ogg", ".m4a", ".aac", ".flac"], exclusive: false };
+    }
+    return void 0;
+  }
 };
 var CharCode_dot = ".".charCodeAt(0);
 function stripQuotes(fullValue) {
@@ -4985,7 +5032,7 @@ var HTMLCompletion = class {
         const fullRange = getReplaceRange(valueStart, valueEnd);
         for (const participant of completionParticipants) {
           if (participant.onHtmlAttributeValue) {
-            participant.onHtmlAttributeValue({ document, position, tag, attribute, value: valuePrefix, range: fullRange });
+            participant.onHtmlAttributeValue({ document, position, tag, attribute, value: valuePrefix, range: fullRange, attributes: node.attributes });
           }
         }
       }