algraf-editor 0.67.0 → 0.68.1

package/README.md

@@ -1,6 +1,6 @@
 # algraf-editor
 
-Reusable Monaco and React editor integration for Algraf `0.67.x` browser hosts.
+Reusable Monaco and React editor integration for Algraf `0.68.x` browser hosts.
 
 The package owns editor wiring only: language registration, TextMate grammar
 setup, the default light theme, marker conversion, Monaco providers, structural
@@ -16,10 +16,22 @@ cross-repo development:
 ```ts
 import { AlgrafEditor } from "algraf-editor";
 import { loadAlgrafRuntime } from "algraf-wasm";
+import EditorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
+import onigasmWasmUrl from "onigasm/lib/onigasm.wasm?url";
 
 const runtime = await loadAlgrafRuntime({ wasmUrl: "/wasm/algraf.wasm" });
+
+const setupOptions = {
+  createEditorWorker: () => new EditorWorker(),
+  onigasmWasmUrl,
+};
 ```
 
+The editor package keeps Vite-specific `?worker` and `?url` imports out of its
+published `dist/` entrypoints. Vite hosts should import those assets in the app
+and pass them through `setupOptions`; other bundlers can provide equivalent
+worker factories and asset URLs.
+
 Use packed mode before publishing by running `npm pack --dry-run` in
 `packages/wasm` and `editors/monaco`, then inspecting the file lists for
 `dist/`, declarations, README, package metadata, and editor assets.

package/dist/index.cjs

@@ -49,11 +49,9 @@ var import_react = __toESM(require("react"), 1);
 var monaco2 = __toESM(require("monaco-editor/esm/vs/editor/editor.api"), 1);
 var import_editor_main = require("monaco-editor/min/vs/editor/editor.main.css");
 var import_hoverContribution = require("monaco-editor/esm/vs/editor/contrib/hover/browser/hoverContribution");
-var import_editor = __toESM(require("monaco-editor/esm/vs/editor/editor.worker?worker"), 1);
 var import_monaco_editor_textmate = require("monaco-editor-textmate");
 var import_monaco_textmate = require("monaco-textmate");
 var import_onigasm = require("onigasm");
-var import_onigasm2 = __toESM(require("onigasm/lib/onigasm.wasm?url"), 1);
 
 // assets/algraf.tmLanguage.json
 var algraf_tmLanguage_default = {
@@ -986,11 +984,11 @@ function registerAlgrafLanguage(options = {}) {
 }
 async function setupAlgrafMonacoOnce(options) {
   if (options.configureWorker !== false) {
-    configureMonacoWorker();
+    configureMonacoWorker(options);
   }
   registerAlgrafLanguage(options);
   defineAlgrafTheme(options.themeName ?? ALGRAF_THEME_NAME, options.theme ?? defaultAlgrafTheme());
-  await loadOnigasmOnce(options.onigasmWasmUrl ?? import_onigasm2.default);
+  await loadOnigasmOnce(resolveOnigasmWasmUrl(options));
   const registry = new import_monaco_textmate.Registry({
     getGrammarDefinition: async () => ({
       format: "json",
@@ -1003,11 +1001,27 @@ async function setupAlgrafMonacoOnce(options) {
     /* @__PURE__ */ new Map([[options.languageId ?? ALGRAF_LANGUAGE_ID, options.scopeName ?? ALGRAF_SCOPE_NAME]])
   );
 }
-function configureMonacoWorker() {
+function configureMonacoWorker(options) {
   const target = globalThis;
-  target.MonacoEnvironment ?? (target.MonacoEnvironment = {
-    getWorker: () => new import_editor.default()
-  });
+  if (target.MonacoEnvironment?.getWorker) {
+    return;
+  }
+  const createEditorWorker = options.createEditorWorker;
+  if (!createEditorWorker) {
+    throw new Error(
+      "algraf-editor requires setupAlgrafMonaco({ createEditorWorker }) unless configureWorker is false."
+    );
+  }
+  target.MonacoEnvironment = {
+    ...target.MonacoEnvironment,
+    getWorker: () => createEditorWorker()
+  };
+}
+function resolveOnigasmWasmUrl(options) {
+  if (options.onigasmWasmUrl) {
+    return options.onigasmWasmUrl;
+  }
+  throw new Error("algraf-editor requires setupAlgrafMonaco({ onigasmWasmUrl }) for TextMate grammar loading.");
 }
 function loadOnigasmOnce(url) {
   onigasmPromise ?? (onigasmPromise = (0, import_onigasm.loadWASM)(url).catch((error) => {

package/dist/index.d.cts

@@ -122,6 +122,7 @@ interface SetupAlgrafMonacoOptions {
     grammar?: unknown;
     languageConfiguration?: monaco.languages.LanguageConfiguration;
     onigasmWasmUrl?: string;
+    createEditorWorker?: () => Worker | Promise<Worker>;
     configureWorker?: boolean;
 }
 declare function AlgrafEditor({ value, files, diagnostics, runtime, onChange, modelUri, languageId, themeName, theme, className, editorClassName, options, setupOptions, }: AlgrafEditorProps): React.ReactElement;

package/dist/index.d.ts

@@ -122,6 +122,7 @@ interface SetupAlgrafMonacoOptions {
     grammar?: unknown;
     languageConfiguration?: monaco.languages.LanguageConfiguration;
     onigasmWasmUrl?: string;
+    createEditorWorker?: () => Worker | Promise<Worker>;
     configureWorker?: boolean;
 }
 declare function AlgrafEditor({ value, files, diagnostics, runtime, onChange, modelUri, languageId, themeName, theme, className, editorClassName, options, setupOptions, }: AlgrafEditorProps): React.ReactElement;

package/dist/index.mjs

@@ -3,11 +3,9 @@ import React from "react";
 import * as monaco2 from "monaco-editor/esm/vs/editor/editor.api";
 import "monaco-editor/min/vs/editor/editor.main.css";
 import "monaco-editor/esm/vs/editor/contrib/hover/browser/hoverContribution";
-import EditorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
 import { wireTmGrammars } from "monaco-editor-textmate";
 import { Registry } from "monaco-textmate";
 import { loadWASM as loadOnigasm } from "onigasm";
-import onigasmWasmUrl from "onigasm/lib/onigasm.wasm?url";
 
 // assets/algraf.tmLanguage.json
 var algraf_tmLanguage_default = {
@@ -940,11 +938,11 @@ function registerAlgrafLanguage(options = {}) {
 }
 async function setupAlgrafMonacoOnce(options) {
   if (options.configureWorker !== false) {
-    configureMonacoWorker();
+    configureMonacoWorker(options);
   }
   registerAlgrafLanguage(options);
   defineAlgrafTheme(options.themeName ?? ALGRAF_THEME_NAME, options.theme ?? defaultAlgrafTheme());
-  await loadOnigasmOnce(options.onigasmWasmUrl ?? onigasmWasmUrl);
+  await loadOnigasmOnce(resolveOnigasmWasmUrl(options));
   const registry = new Registry({
     getGrammarDefinition: async () => ({
       format: "json",
@@ -957,11 +955,27 @@ async function setupAlgrafMonacoOnce(options) {
     /* @__PURE__ */ new Map([[options.languageId ?? ALGRAF_LANGUAGE_ID, options.scopeName ?? ALGRAF_SCOPE_NAME]])
   );
 }
-function configureMonacoWorker() {
+function configureMonacoWorker(options) {
   const target = globalThis;
-  target.MonacoEnvironment ?? (target.MonacoEnvironment = {
-    getWorker: () => new EditorWorker()
-  });
+  if (target.MonacoEnvironment?.getWorker) {
+    return;
+  }
+  const createEditorWorker = options.createEditorWorker;
+  if (!createEditorWorker) {
+    throw new Error(
+      "algraf-editor requires setupAlgrafMonaco({ createEditorWorker }) unless configureWorker is false."
+    );
+  }
+  target.MonacoEnvironment = {
+    ...target.MonacoEnvironment,
+    getWorker: () => createEditorWorker()
+  };
+}
+function resolveOnigasmWasmUrl(options) {
+  if (options.onigasmWasmUrl) {
+    return options.onigasmWasmUrl;
+  }
+  throw new Error("algraf-editor requires setupAlgrafMonaco({ onigasmWasmUrl }) for TextMate grammar loading.");
 }
 function loadOnigasmOnce(url) {
   onigasmPromise ?? (onigasmPromise = loadOnigasm(url).catch((error) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "algraf-editor",
-  "version": "0.67.0",
+  "version": "0.68.1",
   "description": "Monaco and React editor integration for Algraf browser hosts.",
   "license": "MIT OR Apache-2.0",
   "type": "module",
@@ -34,7 +34,7 @@
     "pack:local": "mkdir -p ../../artifacts && npm pack --pack-destination ../../artifacts"
   },
   "peerDependencies": {
-    "algraf-wasm": "0.67.x",
+    "algraf-wasm": "0.68.x",
     "monaco-editor": "^0.55.1",
     "monaco-editor-textmate": "^4.0.0",
     "monaco-textmate": "^3.0.1",