@bendyline/squisq-editor-react 2.12.2 → 2.12.4

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { CodeBlockCopyHandler, DisplayMode, CaptionStyle, VideoPresentation, Pip
 import { IconFamily } from '@bendyline/squisq/icons';
 import { CoverSlideTemplate, CoverSlidePlayback, DashboardStyleId, DashboardLayoutSummary, ConnectorRouting, AsciiDiagram, Tree, AsciiTimeline, AsciiTimelineSide, AsciiTimelineMarker } from '@bendyline/squisq/doc';
 export { BuildPreviewDocOptions, buildPreviewDoc, documentTitleFromFileName } from '@bendyline/squisq/doc';
-import { MarkdownWrapState, BlockVideoEmbed, VideoEmbed } from '@bendyline/squisq/markdown';
+import { MarkdownWrapState, SvgIslandDiagnostic, BlockVideoEmbed, VideoEmbed } from '@bendyline/squisq/markdown';
 export { MarkdownSourceEdit } from '@bendyline/squisq/markdown';
 import * as monaco_editor from 'monaco-editor';
 import { editor } from 'monaco-editor';
@@ -22,8 +22,8 @@ import { DecorationSet, EditorView } from '@tiptap/pm/view';
 import { Editor } from '@tiptap/react';
 import { Transaction, PluginKey, EditorState } from '@tiptap/pm/state';
 import { Node } from '@tiptap/pm/model';
-import { RenderResult } from 'mermaid';
 import { FenceRendererMap } from '@bendyline/squisq/fence';
+import { RenderResult } from 'mermaid';
 import { TableViewState } from '@bendyline/squisq/table';
 import { EditJournal } from '@bendyline/squisq-grid-react';
 export { JsonEditor, JsonEditorProps } from './json-editor/index.js';
@@ -2056,6 +2056,69 @@ declare function removeNodeOp(diagram: AsciiDiagram, nodeId: string): AsciiDiagr
  */
 declare function shouldPasteAsAsciiFence(text: string): boolean;
 
+/**
+ * Tiptap extension for `svg` code fences (SVG islands).
+ *
+ * The code block stays the document's source of truth: the extension hides
+ * it and mounts a widget after it that shows the island as a picture, with a
+ * Source view (a Monaco inset) that edits the fence body. Nothing but the
+ * author's own edits is ever written back, so an untouched island round-trips
+ * byte-identically.
+ *
+ * A host that registers its own `svg` fence renderer owns those fences
+ * instead (the `HostFenceExtension` mounts it), as on the read path.
+ */
+
+type SvgIslandBlockEntry = FenceBlockEntry;
+interface SvgIslandPluginState {
+    entries: SvgIslandBlockEntry[];
+    decorations: DecorationSet;
+    /**
+     * Islands showing their Source view. Held here rather than in the widget,
+     * so it survives ProseMirror re-creating the widget's DOM.
+     */
+    sourceVisible: ReadonlySet<string>;
+    seq: number;
+}
+interface SvgIslandExtensionOptions {
+    /** When false, leave svg fences as ordinary code blocks. */
+    enabled?: boolean;
+    /** Live host fence-renderer registry; a host `svg` renderer wins. */
+    renderers?: () => FenceRendererMap | null | undefined;
+}
+declare const SVG_ISLAND_KEY: PluginKey<SvgIslandPluginState>;
+/** Whether a node is a ```svg fence (whether or not it sanitizes cleanly). */
+declare function isSvgIslandNode(node: Node): boolean;
+declare function findSvgIslandBlockPos(editor: Editor, blockId: string): number | null;
+declare function isSvgIslandSourceVisible(editor: Editor, blockId: string): boolean;
+/** Show or hide an island's Source view without changing any document bytes. */
+declare function toggleSvgIslandSource(editor: Editor, blockId: string): void;
+/**
+ * Replace an island's fence body in one transaction. Honors read-only, and
+ * clears the body rather than building an (invalid) empty text node.
+ */
+declare function replaceSvgIslandText(editor: Editor, blockId: string, next: string): boolean;
+declare const SvgIslandExtension: Extension<SvgIslandExtensionOptions, any>;
+
+interface SvgIslandWidgetProps {
+    editor: Editor;
+    blockId: string;
+    host?: HTMLElement | null;
+}
+declare function SvgIslandWidget({ editor, blockId, host }: SvgIslandWidgetProps): react.JSX.Element | null;
+
+/** "script, onload attribute, 2 style rules" — what sanitizing removed. */
+declare function describeSvgIslandRemovals(diagnostics: readonly SvgIslandDiagnostic[]): string;
+
+/**
+ * Paste gate: raw SVG markup (`<svg …>…</svg>`, optionally with an XML
+ * prolog, as an editor's "Copy SVG" or a file's text produces) pasted into
+ * the Write view becomes a ```svg fence — an SVG island — rather than a
+ * paragraph of literal markup.
+ */
+/** Whether pasted text is one SVG document that renders as an island. */
+declare function shouldPasteAsSvgFence(text: string): boolean;
+
 interface MermaidThemeStore {
     getSnapshot: () => Theme;
     subscribe: (listener: () => void) => () => void;
@@ -3527,4 +3590,4 @@ declare function unshownSlidesWarning(total: number, unshown: number): string |
 /** The exact label of the review-state block-timings checkbox. */
 declare const SLIDE_TIMING_CHECKBOX_LABEL = "Update block timings when I save this narration";
 
-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, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CalcEngineFactory, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, CsvSourceMeta, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DATA_CARD_KEY, DEFAULT_MERMAID_DIAGRAM_TYPE, type DataCardBlockEntry, DataCardExtension, type DataCardExtensionOptions, type DataCardPluginState, DataCardWidget, type DataPreview, 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, EditorHostMode, EditorView$1 as EditorView, EmojiPicker, type EmojiPickerProps, FENCE_WIDGET_CONTAINED_EVENTS, type FenceBlockEntry, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, FormulaEditRecord, type GridSaveResult, HOST_FENCE_KEY, type HeadingTransitionAttrs, type HeadingViewBinding, HeadingWithTemplate, type HostFenceBlockEntry, HostFenceExtension, type HostFenceExtensionOptions, type HostFencePluginState, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MarkdownEscape, 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 MermaidSurfaceScheme, type MermaidValidationResult, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, type PreviewToolbarControlsProps, REPAIRABLE_KEY, type RecorderPanelMode, type RecorderSlide, RecorderSlidesPanel, type RecorderSlidesPanelProps, RecorderState, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, SLIDE_TIMING_CHECKBOX_LABEL, type SaveCsvEditsOptions, type SaveXlsxEditsOptions, StatusBar, type StatusBarProps, Subscript, Superscript, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, 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, VIDEO_EMBED_KEY, VersionHistoryPanel, type VideoEmbedBlockEntry, VideoEmbedDialog, type VideoEmbedDialogProps, VideoEmbedExtension, type VideoEmbedExtensionOptions, type VideoEmbedPluginState, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, XlsxSourceMeta, adaptThemeToSurface, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildRecorderSlideDeck, clampSlideIndex, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, containFenceWidgetEvents, convertVideoEmbedToLink, dataExtensionOf, dataLinkHrefOf, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findDataCardBlockPos, findHostFenceBlockPos, findMermaidDiagramBlockPos, findOwningHeadingPosition, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, findVideoEmbedBlockPos, formatSeconds, getTimelineForNode, indentItemOp, ingestForWrite, insertVideoEmbedReference, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isExpandedPanel, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, loadDataPreview, mapFenceEntries, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, mermaidSurfaceScheme, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, outdentItemOp, panelModeAfterToggle, parseTimelineForNode, partitionFiles, pasteVideoEmbedCode, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processDataFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, readHeadingViewBinding, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceHostFenceText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, resolveMermaidSurfaceTheme, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, saveCsvEdits, saveXlsxEdits, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setBlockStartTimeInSource, setBlockTransitionInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, showSlideTimingCheckbox, slideStepForKey, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, unshownSlidesWarning, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMermaidSurfaceTheme, useMonacoLoader, usePreviewSettings, usePreviewSettingsOptional, useTimelineData, useTreeViewData, validateMermaidSource, videoEmbedMarkdown, videoEmbedOfParagraph, videoEmbedParagraphJson, viewStateFromBinding, writeHeadingViewState };
+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, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CalcEngineFactory, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, CsvSourceMeta, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DATA_CARD_KEY, DEFAULT_MERMAID_DIAGRAM_TYPE, type DataCardBlockEntry, DataCardExtension, type DataCardExtensionOptions, type DataCardPluginState, DataCardWidget, type DataPreview, 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, EditorHostMode, EditorView$1 as EditorView, EmojiPicker, type EmojiPickerProps, FENCE_WIDGET_CONTAINED_EVENTS, type FenceBlockEntry, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, FormulaEditRecord, type GridSaveResult, HOST_FENCE_KEY, type HeadingTransitionAttrs, type HeadingViewBinding, HeadingWithTemplate, type HostFenceBlockEntry, HostFenceExtension, type HostFenceExtensionOptions, type HostFencePluginState, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MarkdownEscape, 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 MermaidSurfaceScheme, type MermaidValidationResult, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, type PreviewToolbarControlsProps, REPAIRABLE_KEY, type RecorderPanelMode, type RecorderSlide, RecorderSlidesPanel, type RecorderSlidesPanelProps, RecorderState, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, SLIDE_TIMING_CHECKBOX_LABEL, SVG_ISLAND_KEY, type SaveCsvEditsOptions, type SaveXlsxEditsOptions, StatusBar, type StatusBarProps, Subscript, Superscript, type SvgIslandBlockEntry, SvgIslandExtension, type SvgIslandExtensionOptions, type SvgIslandPluginState, SvgIslandWidget, type SvgIslandWidgetProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, 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, VIDEO_EMBED_KEY, VersionHistoryPanel, type VideoEmbedBlockEntry, VideoEmbedDialog, type VideoEmbedDialogProps, VideoEmbedExtension, type VideoEmbedExtensionOptions, type VideoEmbedPluginState, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, XlsxSourceMeta, adaptThemeToSurface, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildRecorderSlideDeck, clampSlideIndex, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, containFenceWidgetEvents, convertVideoEmbedToLink, dataExtensionOf, dataLinkHrefOf, describeSvgIslandRemovals, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findDataCardBlockPos, findHostFenceBlockPos, findMermaidDiagramBlockPos, findOwningHeadingPosition, findRepairableBlockPos, findSvgIslandBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, findVideoEmbedBlockPos, formatSeconds, getTimelineForNode, indentItemOp, ingestForWrite, insertVideoEmbedReference, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isExpandedPanel, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isSvgIslandNode, isSvgIslandSourceVisible, isTimelineSourceSafeForSemanticEdit, loadDataPreview, mapFenceEntries, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, mermaidSurfaceScheme, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, outdentItemOp, panelModeAfterToggle, parseTimelineForNode, partitionFiles, pasteVideoEmbedCode, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processDataFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, readHeadingViewBinding, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceHostFenceText, replaceSvgIslandText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, resolveMermaidSurfaceTheme, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, saveCsvEdits, saveXlsxEdits, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setBlockStartTimeInSource, setBlockTransitionInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsSvgFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, showSlideTimingCheckbox, slideStepForKey, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, toggleSvgIslandSource, transitionLabel, translateDiagramOp, unshownSlidesWarning, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMermaidSurfaceTheme, useMonacoLoader, usePreviewSettings, usePreviewSettingsOptional, useTimelineData, useTreeViewData, validateMermaidSource, videoEmbedMarkdown, videoEmbedOfParagraph, videoEmbedParagraphJson, viewStateFromBinding, writeHeadingViewState };

package/dist/index.js

@@ -65,11 +65,14 @@ import {
   REPAIRABLE_KEY,
   RawEditor,
   RepairableDiagramExtension,
+  SVG_ISLAND_KEY,
   Section,
   SeedColorRow,
   StatusBar,
   Subscript,
   Superscript,
+  SvgIslandExtension,
+  SvgIslandWidget,
   TEXT_SHADOW_PRESETS,
   TIMELINE_VIEW_KEY,
   TRANSITION_ENTRIES,
@@ -115,6 +118,7 @@ import {
   createXlsxFormulaSession,
   dataExtensionOf,
   dataLinkHrefOf,
+  describeSvgIslandRemovals,
   draftPatchFromImportedTheme,
   findAsciiDiagramBlockPos,
   findCodeSnippetBlockPos,
@@ -123,6 +127,7 @@ import {
   findMermaidDiagramBlockPos,
   findOwningHeadingPosition,
   findRepairableBlockPos,
+  findSvgIslandBlockPos,
   findTimelineBlockPos,
   findTransitionEntry,
   findTreeBlockPos,
@@ -141,6 +146,8 @@ import {
   isMermaidFlowchartShapeId,
   isMermaidSourceVisible,
   isRepairableFence,
+  isSvgIslandNode,
+  isSvgIslandSourceVisible,
   isTimelineSourceSafeForSemanticEdit,
   loadDataPreview,
   mapFenceEntries,
@@ -184,6 +191,7 @@ import {
   replaceAsciiFenceText,
   replaceCodeSnippetText,
   replaceHostFenceText,
+  replaceSvgIslandText,
   resizeNodeOp,
   resolveMermaidSurfaceTheme,
   sanitizeAsciiLabel,
@@ -200,6 +208,7 @@ import {
   setHeadingLineTransition,
   setMediaClipInSource,
   shouldPasteAsAsciiFence,
+  shouldPasteAsSvgFence,
   shouldPasteAsTimelineFence,
   shouldPasteAsTreeFence,
   summarizeBlockProps,
@@ -208,6 +217,7 @@ import {
   toggleAsciiSource,
   toggleDirOp,
   toggleMermaidSource,
+  toggleSvgIslandSource,
   transitionLabel,
   translateDiagramOp,
   updateTimelineEventOp,
@@ -233,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-WA7KBG3D.js";
+} from "./chunk-CLO2AM6J.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -260,7 +270,7 @@ import {
   isSpeechInputProviderFactory,
   resolveSpeechInputProvider
 } from "./chunk-DNEVUOBZ.js";
-import "./chunk-V4NBQF5C.js";
+import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
 } from "./chunk-PXO3D42N.js";
@@ -860,9 +870,12 @@ export {
   RepairableDiagramExtension,
   SLIDE_TIMING_CHECKBOX_LABEL,
   SPEECH_INPUT_SAMPLE_RATE,
+  SVG_ISLAND_KEY,
   StatusBar,
   Subscript,
   Superscript,
+  SvgIslandExtension,
+  SvgIslandWidget,
   TELEPROMPTER_CSS,
   TIMELINE_VIEW_KEY,
   TRANSITION_ENTRIES,
@@ -928,6 +941,7 @@ export {
   createXlsxFormulaSession,
   dataExtensionOf,
   dataLinkHrefOf,
+  describeSvgIslandRemovals,
   detectFloatTiers,
   detectLanguageFromFileName,
   documentTitleFromFileName,
@@ -942,6 +956,7 @@ export {
   findMermaidDiagramBlockPos,
   findOwningHeadingPosition,
   findRepairableBlockPos,
+  findSvgIslandBlockPos,
   findTimelineBlockPos,
   findTransitionEntry,
   findTreeBlockPos,
@@ -969,6 +984,8 @@ export {
   isMermaidSourceVisible,
   isRepairableFence,
   isSpeechInputProviderFactory,
+  isSvgIslandNode,
+  isSvgIslandSourceVisible,
   isTimelineSourceSafeForSemanticEdit,
   joinBlockAt,
   lineToOffset,
@@ -1025,6 +1042,7 @@ export {
   replaceAsciiFenceText,
   replaceCodeSnippetText,
   replaceHostFenceText,
+  replaceSvgIslandText,
   replaceAsciiFenceText as replaceTreeFenceText,
   requestCameraStream,
   requestMicStream,
@@ -1049,6 +1067,7 @@ export {
   setHeadingLineTransition,
   setMediaClipInSource,
   shouldPasteAsAsciiFence,
+  shouldPasteAsSvgFence,
   shouldPasteAsTimelineFence,
   shouldPasteAsTreeFence,
   showSlideTimingCheckbox,
@@ -1068,6 +1087,7 @@ export {
   toggleAsciiSource,
   toggleDirOp,
   toggleMermaidSource,
+  toggleSvgIslandSource,
   transitionLabel,
   translateDiagramOp,
   unshownSlidesWarning,

package/dist/monaco.js

@@ -3,7 +3,7 @@ import {
   monacoLanguagesForDocument,
   normalizeMonacoLanguage,
   normalizedMonacoLanguageRequests
-} from "./chunk-V4NBQF5C.js";
+} from "./chunk-A2H3JOA5.js";
 
 // src/monacoFeatures.ts
 import "monaco-editor/esm/vs/editor/contrib/suggest/browser/suggestMemory.js";

package/dist/shell/index.js

@@ -5,14 +5,14 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-WA7KBG3D.js";
+} from "../chunk-CLO2AM6J.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
 } from "../chunk-SKKA3YFF.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-V4NBQF5C.js";
+import "../chunk-A2H3JOA5.js";
 import "../chunk-KI5XQWRU.js";
 import "../chunk-WMNL2WEI.js";
 import "../chunk-HLU6ZBS7.js";

package/dist/styles/index.css

@@ -17613,6 +17613,67 @@ button.squisq-view-menu-radio-row:focus-visible {
   color: var(--squisq-danger-strong);
 }
 
+/* src/styles/svg-island.css */
+.squisq-wysiwyg-editor pre.squisq-svg-island-fence-hidden {
+  display: none;
+}
+.squisq-svg-island-widget-host {
+  margin: 0.75rem 0 1.25rem;
+}
+.squisq-svg-island-preview {
+  padding: 0.5rem 0;
+}
+.squisq-svg-island-preview .squisq-md-svg,
+.squisq-svg-island-preview .squisq-md-svg-error {
+  margin: 0;
+}
+.squisq-svg-island-picture > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.squisq-md-svg-error-note {
+  margin: 0;
+  color: var(--squisq-text-muted);
+  font-size: 0.85em;
+}
+.squisq-svg-island-source {
+  box-sizing: border-box;
+  display: flex;
+  margin-top: 0.5rem;
+  overflow: hidden;
+  resize: vertical;
+  border: 1px solid var(--squisq-border);
+  border-radius: 8px;
+  background: var(--squisq-surface);
+}
+.squisq-svg-island-removed {
+  margin: 0.4rem 0 0;
+  color: var(--squisq-text-muted);
+  font-size: 0.8rem;
+}
+.squisq-svg-island-max {
+  align-items: center;
+  justify-content: center;
+}
+.squisq-svg-island-max-picture {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+}
+.squisq-svg-island-max-picture .squisq-md-svg {
+  margin: 0;
+}
+.squisq-svg-island-max-picture img {
+  width: min(100%, 1200px);
+  max-height: 80vh;
+  object-fit: contain;
+}
+
 /* src/styles/code-snippet.css */
 .squisq-wysiwyg-editor pre.squisq-code-snippet-fence-hidden {
   display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.12.2",
+  "version": "2.12.4",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.12.1",
+    "@bendyline/squisq": "2.12.3",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.7.1",
-    "@bendyline/squisq-grid-react": "2.11.24",
-    "@bendyline/squisq-react": "2.12.2",
-    "@bendyline/squisq-video-react": "2.5.2",
+    "@bendyline/squisq-formats": "2.7.3",
+    "@bendyline/squisq-grid-react": "2.11.26",
+    "@bendyline/squisq-react": "2.12.4",
+    "@bendyline/squisq-video-react": "2.5.4",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",