@bendyline/squisq-editor-react 2.3.1 → 2.3.3

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CodeContext, S as SceneTextChannel } from './shell-BxSCBm4H.js';
-export { B as BlockTagVisibility, a as CodeContextSection, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, W as WriteCanvasSettings, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from './shell-BxSCBm4H.js';
+import { C as CodeContext, S as SceneTextChannel } from './shell-YIIUac26.js';
+export { B as BlockTagVisibility, a as CodeContextSection, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, W as WriteCanvasSettings, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from './shell-YIIUac26.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
@@ -8,6 +8,7 @@ import { MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, Viewpo
 import { IconFamily } from '@bendyline/squisq/icons';
 import { DisplayMode, CaptionStyle } from '@bendyline/squisq-react';
 import * as monaco_editor from 'monaco-editor';
+export { MonacoWorkerConstructor, MonacoWorkerConstructors, configureMonacoWorkers } from './monaco-workers/index.js';
 import { ConnectorRouting, AsciiDiagram, Tree, AsciiTimeline, AsciiTimelineSide, AsciiTimelineMarker } from '@bendyline/squisq/doc';
 import * as _tiptap_core from '@tiptap/core';
 import { Extension } from '@tiptap/core';
@@ -1104,7 +1105,7 @@ interface InlinePreviewGutterProps {
      */
     mediaProvider?: MediaProvider | null;
 }
-declare function InlinePreviewGutter({ width, basePath, viewport, className, connectorWidth, mediaProvider, }: InlinePreviewGutterProps): react_jsx_runtime.JSX.Element;
+declare function InlinePreviewGutter({ width, basePath, viewport, className, connectorWidth, mediaProvider, }: InlinePreviewGutterProps): react_jsx_runtime.JSX.Element | null;
 
 interface MediaBinProps {
     /** The active MediaProvider (null when no media context is available) */
@@ -1298,63 +1299,6 @@ interface UseMonacoLoaderResult {
  */
 declare function useMonacoLoader(): UseMonacoLoaderResult;
 
-/**
- * Monaco language-service worker wiring.
- *
- * Monaco offloads its heavy language services — css / html / json / typescript
- * IntelliSense — plus a base editor service (word-based completions, link
- * detection, diffing) to web workers. Those worker bundles must be produced by
- * the HOST application's bundler: the mechanisms for it (Vite's `?worker`
- * import suffix, `new Worker(new URL(...))`, webpack loaders) are all
- * bundler-specific and cannot live inside this tsup-built library.
- *
- * So the division of labor is: the host supplies the five worker constructors
- * (one line each with Vite's `?worker`), and this helper owns the
- * `label → worker` mapping — the part that's fiddly and easy to get wrong.
- *
- * Call once, before the first editor mounts (typically in the app entry):
- *
- * ```ts
- * import { configureMonacoWorkers } from '@bendyline/squisq-editor-react';
- * import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
- * import JsonWorker   from 'monaco-editor/esm/vs/language/json/json.worker?worker';
- * import CssWorker    from 'monaco-editor/esm/vs/language/css/css.worker?worker';
- * import HtmlWorker   from 'monaco-editor/esm/vs/language/html/html.worker?worker';
- * import TsWorker     from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
- *
- * configureMonacoWorkers({
- *   editor: EditorWorker, json: JsonWorker, css: CssWorker,
- *   html: HtmlWorker, ts: TsWorker,
- * });
- * ```
- *
- * This is purely additive: without it, highlighting, editing, and custom
- * completion providers (e.g. the `{[template]}` typeahead) still work — they
- * run on the main thread. Only the language-service IntelliSense is dormant
- * until the workers are wired.
- */
-/** Zero-arg worker constructor, as produced by Vite's `?worker` import. */
-type MonacoWorkerConstructor = new () => Worker;
-interface MonacoWorkerConstructors {
-    /** Base editor worker (word completions, links, diff). Required. */
-    editor: MonacoWorkerConstructor;
-    /** JSON language service. */
-    json?: MonacoWorkerConstructor;
-    /** CSS/SCSS/LESS language service. */
-    css?: MonacoWorkerConstructor;
-    /** HTML/Handlebars/Razor language service. */
-    html?: MonacoWorkerConstructor;
-    /** TypeScript service — also handles JavaScript. */
-    ts?: MonacoWorkerConstructor;
-}
-/**
- * Install `globalThis.MonacoEnvironment.getWorker` so Monaco routes each
- * language to the matching worker, falling back to the base editor worker for
- * any label without a dedicated service (which is every plain language — its
- * grammar-based highlighting needs no worker).
- */
-declare function configureMonacoWorkers(workers: MonacoWorkerConstructors): void;
-
 interface CustomTemplateContextValue {
     /** Templates inlined into the current doc's frontmatter. */
     docTemplates: CustomTemplateDefinition[];
@@ -2705,4 +2649,4 @@ declare function applyTimelineCommand(editor: Editor, blockId: string, command:
 /** Paste gate for bare, high-confidence Unicode timeline art. */
 declare function shouldPasteAsTimelineFence(text: string): boolean;
 
-export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, type BlockRange, type BlockSlice, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DEFAULT_MERMAID_DIAGRAM_TYPE, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EmojiPicker, type EmojiPickerProps, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, type HeadingTransitionAttrs, HeadingWithTemplate, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, type MonacoWorkerConstructor, type MonacoWorkerConstructors, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, REPAIRABLE_KEY, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, StatusBar, type StatusBarProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineTrack, type TimelineTrackProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VersionHistoryPanel, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildPreviewDoc, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, configureMonacoWorkers, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findMermaidDiagramBlockPos, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, formatSeconds, getBlockSlices, getTimelineForNode, indentItemOp, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, lineToOffset, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, offsetToLine, outdentItemOp, parseTimelineForNode, partitionFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, sliceIndexAtOffset, spliceBlock, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMonacoLoader, usePreviewSettings, useTimelineData, useTreeViewData };
+export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, type BlockRange, type BlockSlice, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DEFAULT_MERMAID_DIAGRAM_TYPE, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EmojiPicker, type EmojiPickerProps, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, type HeadingTransitionAttrs, HeadingWithTemplate, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, REPAIRABLE_KEY, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, StatusBar, type StatusBarProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineTrack, type TimelineTrackProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VersionHistoryPanel, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildPreviewDoc, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findMermaidDiagramBlockPos, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, formatSeconds, getBlockSlices, getTimelineForNode, indentItemOp, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, lineToOffset, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, offsetToLine, outdentItemOp, parseTimelineForNode, partitionFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, sliceIndexAtOffset, spliceBlock, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMonacoLoader, usePreviewSettings, useTimelineData, useTreeViewData };

package/dist/index.js

@@ -1,3 +1,6 @@
+import {
+  configureMonacoWorkers
+} from "./chunk-BWPFPHWY.js";
 import {
   ALL_PICKER_ENTRIES,
   ANIMATION_SPEED_PRESETS,
@@ -123,6 +126,7 @@ import {
   outdentItemOp,
   parseTimelineForNode,
   partitionFiles,
+  platformShortcut,
   processMediaFiles,
   processTextFile,
   processTextFiles,
@@ -178,7 +182,7 @@ import {
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-TRCKHRBS.js";
+} from "./chunk-QN3Q64LV.js";
 import {
   JsonEditor
 } from "./chunk-54UGTQBO.js";
@@ -324,9 +328,9 @@ function defaultIconFor(entry) {
 // src/ViewSwitcher.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var VIEWS = [
-  { id: "wysiwyg", label: "Write", shortcut: "\u23181" },
-  { id: "raw", label: "Source", shortcut: "\u23182" },
-  { id: "preview", label: "Use", shortcut: "\u23183" }
+  { id: "wysiwyg", label: "Write", shortcutKey: "1" },
+  { id: "raw", label: "Source", shortcutKey: "2" },
+  { id: "preview", label: "Use", shortcutKey: "3" }
 ];
 function ViewSwitcher({ className }) {
   const { activeView, setActiveView, editorMode } = useEditorContext();
@@ -345,7 +349,7 @@ function ViewSwitcher({ className }) {
           "aria-selected": activeView === view.id,
           className: `squisq-view-tab ${activeView === view.id ? "squisq-view-tab--active" : ""}`,
           onClick: () => setActiveView(view.id),
-          title: `${view.label} (${view.shortcut})`,
+          title: `${view.label} (${platformShortcut(view.shortcutKey)})`,
           children: [
             /* @__PURE__ */ jsx2("span", { className: "squisq-view-tab-label squisq-view-tab-label--long", children: view.label }),
             view.shortLabel && view.shortLabel !== view.label && /* @__PURE__ */ jsx2("span", { className: "squisq-view-tab-label squisq-view-tab-label--short", children: view.shortLabel })
@@ -663,35 +667,6 @@ function ThemeCustomizerPanel({
     )
   ] });
 }
-
-// src/monacoWorkers.ts
-function configureMonacoWorkers(workers) {
-  const host = globalThis;
-  host.MonacoEnvironment = {
-    getWorker(_workerId, label) {
-      switch (label) {
-        case "json":
-          if (workers.json) return new workers.json();
-          break;
-        case "css":
-        case "scss":
-        case "less":
-          if (workers.css) return new workers.css();
-          break;
-        case "html":
-        case "handlebars":
-        case "razor":
-          if (workers.html) return new workers.html();
-          break;
-        case "typescript":
-        case "javascript":
-          if (workers.ts) return new workers.ts();
-          break;
-      }
-      return new workers.editor();
-    }
-  };
-}
 export {
   ALL_PICKER_ENTRIES,
   AsciiDiagramExtension,

package/dist/monaco-workers/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Monaco language-service worker wiring.
+ *
+ * Monaco offloads its heavy language services — css / html / json / typescript
+ * IntelliSense — plus a base editor service (word-based completions, link
+ * detection, diffing) to web workers. Those worker bundles must be produced by
+ * the HOST application's bundler: the mechanisms for it (Vite's `?worker`
+ * import suffix, `new Worker(new URL(...))`, webpack loaders) are all
+ * bundler-specific and cannot live inside this tsup-built library.
+ *
+ * So the division of labor is: the host supplies the five worker constructors
+ * (one line each with Vite's `?worker`), and this helper owns the
+ * `label → worker` mapping — the part that's fiddly and easy to get wrong.
+ *
+ * Call once, before the first editor mounts (typically in the app entry):
+ *
+ * ```ts
+ * import { configureMonacoWorkers } from '@bendyline/squisq-editor-react/monaco-workers';
+ * import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
+ * import JsonWorker   from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+ * import CssWorker    from 'monaco-editor/esm/vs/language/css/css.worker?worker';
+ * import HtmlWorker   from 'monaco-editor/esm/vs/language/html/html.worker?worker';
+ * import TsWorker     from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
+ *
+ * configureMonacoWorkers({
+ *   editor: EditorWorker, json: JsonWorker, css: CssWorker,
+ *   html: HtmlWorker, ts: TsWorker,
+ * });
+ * ```
+ *
+ * This is purely additive: without it, highlighting, editing, and custom
+ * completion providers (e.g. the `{[template]}` typeahead) still work — they
+ * run on the main thread. Only the language-service IntelliSense is dormant
+ * until the workers are wired.
+ */
+/** Zero-arg worker constructor, as produced by Vite's `?worker` import. */
+type MonacoWorkerConstructor = new () => Worker;
+interface MonacoWorkerConstructors {
+    /** Base editor worker (word completions, links, diff). Required. */
+    editor: MonacoWorkerConstructor;
+    /** JSON language service. */
+    json?: MonacoWorkerConstructor;
+    /** CSS/SCSS/LESS language service. */
+    css?: MonacoWorkerConstructor;
+    /** HTML/Handlebars/Razor language service. */
+    html?: MonacoWorkerConstructor;
+    /** TypeScript service — also handles JavaScript. */
+    ts?: MonacoWorkerConstructor;
+}
+/**
+ * Install `globalThis.MonacoEnvironment.getWorker` so Monaco routes each
+ * language to the matching worker, falling back to the base editor worker for
+ * any label without a dedicated service (which is every plain language — its
+ * grammar-based highlighting needs no worker).
+ */
+declare function configureMonacoWorkers(workers: MonacoWorkerConstructors): void;
+
+export { type MonacoWorkerConstructor, type MonacoWorkerConstructors, configureMonacoWorkers };

package/dist/monaco-workers/index.js

@@ -0,0 +1,6 @@
+import {
+  configureMonacoWorkers
+} from "../chunk-BWPFPHWY.js";
+export {
+  configureMonacoWorkers
+};

package/dist/monaco.js

@@ -1,3 +1,68 @@
 // src/monaco.ts
 import "monaco-editor/esm/vs/editor/editor.main.js";
+import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
+
+// src/monacoJsonc.ts
+var JSONC_LANGUAGE = {
+  defaultToken: "",
+  // Reuse Monaco's JSON token scopes so built-in and host themes color JSONC
+  // exactly like JSON instead of requiring JSONC-specific theme rules.
+  tokenPostfix: ".json",
+  brackets: [
+    { open: "{", close: "}", token: "delimiter.bracket" },
+    { open: "[", close: "]", token: "delimiter.array" }
+  ],
+  tokenizer: {
+    root: [
+      { include: "@whitespace" },
+      [/[{}[\]]/, "@brackets"],
+      [/[,:]/, "delimiter"],
+      [/-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/, "number"],
+      [/"(?:[^"\\]|\\.)*"(?=\s*:)/, "string.key"],
+      [/"(?:[^"\\]|\\.)*"/, "string.value"],
+      [/\b(?:true|false|null)\b/, "keyword"]
+    ],
+    whitespace: [
+      [/[ \t\r\n]+/, ""],
+      [/\/\*/, "comment", "@comment"],
+      [/\/\/.*$/, "comment"]
+    ],
+    comment: [
+      [/[^*/]+/, "comment"],
+      [/\*\//, "comment", "@pop"],
+      [/[*/]/, "comment"]
+    ]
+  }
+};
+var JSONC_CONFIGURATION = {
+  comments: { lineComment: "//", blockComment: ["/*", "*/"] },
+  brackets: [
+    ["{", "}"],
+    ["[", "]"]
+  ],
+  autoClosingPairs: [
+    { open: "{", close: "}" },
+    { open: "[", close: "]" },
+    { open: '"', close: '"', notIn: ["string"] }
+  ],
+  surroundingPairs: [
+    { open: "{", close: "}" },
+    { open: "[", close: "]" },
+    { open: '"', close: '"' }
+  ]
+};
+function registerJsoncLanguage(monaco2) {
+  if (monaco2.languages.getLanguages().some(({ id }) => id === "jsonc")) return;
+  monaco2.languages.register({
+    id: "jsonc",
+    aliases: ["JSONC", "JSON with Comments", "jsonc"],
+    extensions: [".jsonc"],
+    mimetypes: ["application/jsonc"]
+  });
+  monaco2.languages.setLanguageConfiguration("jsonc", JSONC_CONFIGURATION);
+  monaco2.languages.setMonarchTokensProvider("jsonc", JSONC_LANGUAGE);
+}
+
+// src/monaco.ts
 export * from "monaco-editor/esm/vs/editor/editor.api.js";
+registerJsoncLanguage(monaco);

package/dist/shell/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BlockTagVisibility, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from '../shell-BxSCBm4H.js';
+export { B as BlockTagVisibility, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from '../shell-YIIUac26.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@bendyline/squisq/schemas';

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContext
-} from "../chunk-TRCKHRBS.js";
+} from "../chunk-QN3Q64LV.js";
 import "../chunk-NITZVAXL.js";
 import "../chunk-V44VP242.js";
 import "../chunk-MJJK7YQB.js";

package/dist/{shell-BxSCBm4H.d.ts → shell-YIIUac26.d.ts}

@@ -631,6 +631,12 @@ interface EditorShellProps {
     basePath?: string;
     /** Called when markdown source changes */
     onChange?: (source: string) => void;
+    /**
+     * Delegate link activation to the embedding host. The callback receives the
+     * literal href as authored. Return `false` to allow the browser's default
+     * navigation; any other return (or void) marks the link as handled.
+     */
+    onLinkClick?: (href: string) => boolean | undefined;
     /**
      * Light/dark chrome color scheme for the editor shell — toolbar, tabs,
      * status bar, and side panes (default: `'light'`). This is the editor's
@@ -721,6 +727,18 @@ interface EditorShellProps {
      * sense (e.g. editing free-form prompt documents). Defaults to true.
      */
     showPlayTab?: boolean;
+    /**
+     * Whether Use mode may open its audience view in a separate browser window.
+     * Defaults to true. Disable this in embedded hosts that block popups.
+     */
+    allowPresentationWindow?: boolean;
+    /**
+     * Whether Use mode may enter browser full screen. Defaults to true. Disable
+     * this in embedded hosts whose webview does not support the Fullscreen API.
+     */
+    allowPresentationFullscreen?: boolean;
+    /** Whether to offer print preview and browser printing. Defaults to true. */
+    allowPrint?: boolean;
     /**
      * Optional "submit on Enter" callback. When provided, a plain Enter
      * keypress fires this callback instead of inserting a newline, and
@@ -977,7 +995,7 @@ interface EditorShellProps {
  * Complete markdown editor shell with toolbar, view switcher, and three
  * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
  */
-declare function EditorShell({ initialMarkdown, initialView, articleId, basePath, onChange, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, }: EditorShellProps): react_jsx_runtime.JSX.Element;
+declare function EditorShell({ initialMarkdown, initialView, articleId, basePath, onChange, onLinkClick, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, }: EditorShellProps): react_jsx_runtime.JSX.Element;
 
 /**
  * RawEditor

package/dist/styles/index.css

@@ -7390,6 +7390,7 @@
 }
 .squisq-toolbar-view-tab-label {
   display: inline-block;
+  transform: translateY(1px);
 }
 .squisq-toolbar-view-tab-label--short {
   display: none;
@@ -7435,6 +7436,7 @@
   justify-content: center;
   width: 32px;
   height: 28px;
+  padding: 2px 0 0;
   flex-shrink: 0;
   border: none;
   border-radius: 4px;
@@ -9387,6 +9389,9 @@
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
 }
+.squisq-editor-shell[data-link-handler=true] a[href] {
+  cursor: pointer;
+}
 .squisq-wysiwyg-editor p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   float: left;
@@ -15202,15 +15207,14 @@
   box-sizing: border-box;
   display: flex;
   width: 100%;
-  height: 240px;
-  min-height: 128px;
+  min-height: 96px;
   max-height: 70vh;
   flex-direction: column;
   overflow: hidden;
   resize: vertical;
   border: 1px solid var(--squisq-border, #d1d5db);
   border-radius: 8px;
-  background: var(--squisq-surface, #ffffff);
+  background: var(--squisq-surface, var(--squisq-input-bg, #ffffff));
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
 .squisq-code-snippet-header {
@@ -15220,7 +15224,7 @@
   align-items: center;
   padding: 0 10px;
   border-bottom: 1px solid var(--squisq-border, #d1d5db);
-  background: var(--squisq-surface-muted, #f8fafc);
+  background: var(--squisq-surface-muted, var(--squisq-input-bg, #f8fafc));
   color: var(--squisq-text-muted, #64748b);
   font-family: var(--squisq-ux-font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
   font-size: 12px;

package/dist/styles/index.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -32,7 +32,8 @@
     "dist",
     "!dist/**/*.map",
     "LICENSE",
-    "NOTICE.md"
+    "NOTICE.md",
+    "THIRD_PARTY_LICENSES.txt"
   ],
   "exports": {
     ".": {
@@ -43,6 +44,10 @@
       "types": "./dist/monaco.d.ts",
       "import": "./dist/monaco.js"
     },
+    "./monaco-workers": {
+      "types": "./dist/monaco-workers/index.d.ts",
+      "import": "./dist/monaco-workers/index.js"
+    },
     "./shell": {
       "types": "./dist/shell/index.d.ts",
       "import": "./dist/shell/index.js"
@@ -63,22 +68,25 @@
       "types": "./dist/teleprompter/index.d.ts",
       "import": "./dist/teleprompter/index.js"
     },
-    "./styles": "./dist/styles/index.css"
+    "./styles": {
+      "types": "./dist/styles/index.d.ts",
+      "default": "./dist/styles/index.css"
+    }
   },
   "scripts": {
-    "build": "tsup && node ../../scripts/build-styles.mjs && node ../../scripts/remove-empty-chunks.mjs dist",
+    "build": "tsup && node ../../scripts/build-styles.mjs && node ../../scripts/generate-bundle-licenses.mjs . @fortawesome/fontawesome-free && node ../../scripts/remove-empty-chunks.mjs dist",
     "dev": "concurrently -n js,dts -c blue,gray -r \"tsup --watch --no-dts --no-clean\" \"tsup --watch --dts-only --no-clean\"",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "monaco-editor": ">=0.50.0",
+    "monaco-editor": "~0.50.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.3.0",
-    "@bendyline/squisq-formats": "2.3.0",
-    "@bendyline/squisq-react": "2.3.0",
+    "@bendyline/squisq": "2.3.2",
+    "@bendyline/squisq-formats": "2.3.2",
+    "@bendyline/squisq-react": "2.3.2",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@tiptap/extension-image": "2.27.2",
     "@tiptap/extension-link": "2.27.2",