@bendyline/squisq-editor-react 2.6.0 → 2.7.1

package/dist/{shell-BXG_NlvR.d.ts → shell-595XbANu.d.ts}

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { Doc, MediaProvider, ViewportPreset, Theme } from '@bendyline/squisq/schemas';
+import { FenceRendererMap } from '@bendyline/squisq/fence';
 import { MarkdownDocument } from '@bendyline/squisq/markdown';
 import { ContentContainer } from '@bendyline/squisq/storage';
 import { DocumentVersionManager, SaveVersionOptions, SaveVersionResult, PrunePolicy } from '@bendyline/squisq/versions';
@@ -367,6 +368,13 @@ interface EditorContextValue extends EditorState, EditorActions {
      * host DOES resolve is unsupported. Executable schemes stay refused.
      */
     linkSchemes: readonly string[] | undefined;
+    /**
+     * Host fence-renderer registry (`@bendyline/squisq/fence`). Claimed
+     * fence languages render as interactive host widgets in the WYSIWYG
+     * editor (via `HostFenceExtension`) instead of Monaco code insets, and
+     * flow into the preview panel's read path. Null disables.
+     */
+    fenceRenderers: FenceRendererMap | null;
     /**
      * File name the host opened this document as (e.g. `Longview Plan.md`), if
      * any. Used as a display-title fallback — for example, the header of a
@@ -438,6 +446,11 @@ interface EditorProviderProps {
      * Omit to fall back to URL-only link insertion.
      */
     documentLinkProvider?: DocumentLinkProvider | null;
+    /**
+     * Host fence-renderer registry (`@bendyline/squisq/fence`). Omit to
+     * leave every explicit-language fence to the built-in families.
+     */
+    fenceRenderers?: FenceRendererMap | null;
     /**
      * Extra link schemes this host resolves itself. Threaded into the link
      * dialog's `sanitizeUrl` check so a host-custom protocol is accepted;
@@ -556,7 +569,7 @@ interface ViewPreferences {
     /** Document vs. block-at-a-time layout. */
     layoutMode?: LayoutMode;
 }
-declare function EditorProvider({ initialMarkdown, initialView, articleId, colorScheme: initialColorScheme, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, mediaProvider, imageDisplayMode, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, fileName, language, findMode: controlledFindMode, onFindModeChange, inlinePreview, showStatusBar, outline, blockTags, blockTagVisibility: initialBlockTagVisibility, themeInheritance, layoutMode, viewPreferences, onViewPreferencesChange, children, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
+declare function EditorProvider({ initialMarkdown, initialView, articleId, colorScheme: initialColorScheme, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, mediaProvider, imageDisplayMode, mentionProvider, documentLinkProvider, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, fileName, language, findMode: controlledFindMode, onFindModeChange, inlinePreview, showStatusBar, outline, blockTags, blockTagVisibility: initialBlockTagVisibility, themeInheritance, layoutMode, viewPreferences, onViewPreferencesChange, children, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Host-supplied context sections rendered INSIDE the Monaco (raw/code)
@@ -927,6 +940,15 @@ interface EditorShellProps {
      * remote API, …) implement this; the editor stays agnostic.
      */
     documentLinkProvider?: DocumentLinkProvider | null;
+    /**
+     * Host fence-renderer registry (`@bendyline/squisq/fence`). Claimed
+     * fence languages mount as interactive host widgets in the WYSIWYG
+     * view (via `HostFenceExtension`) instead of Monaco code insets. The
+     * *set* of claimed languages is read at editor configure time;
+     * renderer implementations stay live behind a getter. Omit to leave
+     * every fence to the built-in families.
+     */
+    fenceRenderers?: FenceRendererMap | null;
     /**
      * Extra link schemes this host resolves itself (e.g. an app-internal
      * navigation protocol). The link dialog validates typed URLs against
@@ -1086,7 +1108,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, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFormattingControls, showInsertControls, allowBinaryDownloads, 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, preserveSourceWrapping, 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, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, 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

@@ -16493,6 +16493,14 @@
   color: var(--squisq-text-muted, #6b7280);
 }
 
+/* src/styles/host-fence.css */
+.squisq-wysiwyg-editor pre.squisq-host-fence-hidden {
+  display: none;
+}
+.squisq-host-fence-widget-host {
+  margin: 0.6rem 0;
+}
+
 /* src/styles/ascii-timeline.css */
 .squisq-wysiwyg-editor pre.squisq-ascii-timeline-fence-hidden {
   display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.6.0",
+  "version": "2.7.1",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -84,10 +84,10 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.6.0",
-    "@bendyline/squisq-formats": "2.4.0",
-    "@bendyline/squisq-react": "2.6.0",
-    "@bendyline/squisq-video-react": "2.3.1",
+    "@bendyline/squisq": "2.7.1",
+    "@bendyline/squisq-formats": "2.4.2",
+    "@bendyline/squisq-react": "2.7.1",
+    "@bendyline/squisq-video-react": "2.3.3",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@tiptap/core": "2.27.2",
     "@tiptap/extension-heading": "2.27.2",