@bendyline/squisq 2.6.0 → 2.7.0

package/dist/{chunk-KY6SDMQZ.js → chunk-KOU5WRVN.js}

@@ -1149,6 +1149,13 @@ var PANEL_KINDS = /* @__PURE__ */ new Set([
 function isMermaidFence(node) {
   return node.type === "code" && node.lang?.trim().toLowerCase() === "mermaid";
 }
+function isWidgetFence(node, widgetFenceLangs) {
+  if (isMermaidFence(node)) return true;
+  if (!widgetFenceLangs || widgetFenceLangs.length === 0) return false;
+  if (node.type !== "code") return false;
+  const lang = node.lang?.trim().toLowerCase();
+  return !!lang && widgetFenceLangs.includes(lang);
+}
 function htmlTreeContainsMedia(nodes) {
   for (const value of nodes) {
     if (!value || typeof value !== "object") continue;
@@ -1169,11 +1176,11 @@ function markdownNodeContainsMedia(value) {
   }
   return Array.isArray(node.children) && node.children.some(markdownNodeContainsMedia);
 }
-function unconsumedRichContent(block, draft) {
+function unconsumedRichContent(block, draft, widgetFenceLangs) {
   if (!block.contents || block.contents.length === 0) return void 0;
   const templateHasMedia = Boolean(draft.slots.media) || Boolean(draft.slots.items?.some((item) => item.media !== void 0));
   const markdown = block.contents.filter(
-    (node) => isMermaidFence(node) || !templateHasMedia && markdownNodeContainsMedia(node)
+    (node) => isWidgetFence(node, widgetFenceLangs) || !templateHasMedia && markdownNodeContainsMedia(node)
   );
   if (markdown.length === 0) return void 0;
   return {
@@ -1181,18 +1188,22 @@ function unconsumedRichContent(block, draft) {
     markdown
   };
 }
-function preserveRichContent(block, draft) {
-  const richContent = unconsumedRichContent(block, draft);
+function preserveRichContent(block, draft, widgetFenceLangs) {
+  const richContent = unconsumedRichContent(block, draft, widgetFenceLangs);
   return richContent ? { ...draft, slots: { ...draft.slots, richContent } } : draft;
 }
-function draftForBlock(block, viewport, customTemplates) {
+function draftForBlock(block, viewport, customTemplates, widgetFenceLangs) {
   if (isTemplatedPageBlock(block)) {
     const resolved = resolvePageBlock(block);
     const templateName = resolved.templateName;
     const extractor = sectionExtractors[templateName];
     if (extractor) {
       return {
-        draft: preserveRichContent(block, extractor(resolved.templateBlock, { block, viewport })),
+        draft: preserveRichContent(
+          block,
+          extractor(resolved.templateBlock, { block, viewport }),
+          widgetFenceLangs
+        ),
         source: "template",
         templateName
       };
@@ -1215,7 +1226,7 @@ function draftForBlock(block, viewport, customTemplates) {
         }
       };
       return {
-        draft: preserveRichContent(block, draft2),
+        draft: preserveRichContent(block, draft2, widgetFenceLangs),
         source: "custom-template",
         templateName
       };
@@ -1237,7 +1248,7 @@ function draftForBlock(block, viewport, customTemplates) {
       emphasis: "quiet"
     };
     return {
-      draft: preserveRichContent(block, draft),
+      draft: preserveRichContent(block, draft, widgetFenceLangs),
       source: "fallback",
       templateName,
       diagnostic
@@ -1257,7 +1268,7 @@ function draftForBlock(block, viewport, customTemplates) {
       }
     };
     return {
-      draft: preserveRichContent(block, draft),
+      draft: preserveRichContent(block, draft, widgetFenceLangs),
       source: "authored"
     };
   }
@@ -1319,7 +1330,7 @@ function materializePageSection(block, options = {}) {
   const theme = options.theme ?? DEFAULT_THEME;
   const viewport = options.viewport ?? VIEWPORT_PRESETS.landscape;
   const pageStyle = resolvePageStyle(theme);
-  const result = draftForBlock(block, viewport, options.customTemplates);
+  const result = draftForBlock(block, viewport, options.customTemplates, options.widgetFenceLangs);
   const override = overrideFor(pageStyle, result.draft.kind, result.templateName);
   const background = override?.background ?? (result.draft.mediaBackground ? "media" : "base");
   const emphasis = override?.emphasis ?? result.draft.emphasis ?? "standard";
@@ -1375,7 +1386,7 @@ function materializePageSections(doc, options = {}) {
   }
   const walk = (blocks, depth) => {
     for (const block of blocks) {
-      const result = draftForBlock(block, viewport, customTemplates);
+      const result = draftForBlock(block, viewport, customTemplates, options.widgetFenceLangs);
       seeds.push({ ...result, block, depth });
       const consumed = result.draft.kind === "canvas-embed" && isContainerTemplate(result.templateName);
       if (!consumed && block.children && block.children.length > 0) {

package/dist/chunk-PGI7HSWE.js

@@ -0,0 +1,8 @@
+// src/fence/index.ts
+function fenceRendererLangs(renderers) {
+  return renderers ? Object.keys(renderers).map((lang) => lang.trim().toLowerCase()) : [];
+}
+
+export {
+  fenceRendererLangs
+};

package/dist/doc/index.d.ts

@@ -2,8 +2,8 @@ import { bb as TemplateBlock, bc as TemplateContext, a3 as Layer, w as CustomTem
 export { T as FRONTMATTER_CUSTOM_TEMPLATES_KEY, U as FRONTMATTER_CUSTOM_THEMES_KEY, a5 as LayoutHints, aY as RenderStyle, bi as ThemeColorPalette, bo as ThemeStyle, bp as ThemeTypography, bC as VIEWPORT_PRESETS, bN as ViewportPreset, bS as createTemplateContext, bZ as getLayoutHints, c0 as getTwoColumnPositions, c1 as getViewport, c2 as getViewportOrientation, c5 as isTemplateBlock, c8 as scaledFontSize } from '../Doc-DBadkoP4.js';
 import { L as MarkdownNode, a3 as TransitionType, a2 as TransitionDirection, M as MarkdownBlockNode, r as MarkdownHeading, n as MarkdownDocument, T as MarkdownTable, i as MarkdownCodeBlock, G as MarkdownList } from '../types-CcrDFdWH.js';
 import { C as CoercedBlockMeta } from '../annotationCoercion-CPHEggo3.js';
-import { c as PageSection } from '../materializePageSection-DgOFYge7.js';
-export { M as MaterializePageSectionOptions, a as MaterializePageSectionsOptions, P as PageMedia, b as PageRichText, d as PageSectionDiagnostic, e as PageSectionItem, f as PageSectionMaterialization, g as PageSectionSource, h as PageSpatialKind, i as PageTransformHints, m as materializePageSection, j as materializePageSections, r as resolvePageStyle } from '../materializePageSection-DgOFYge7.js';
+import { c as PageSection } from '../materializePageSection-Rss5thAj.js';
+export { M as MaterializePageSectionOptions, a as MaterializePageSectionsOptions, P as PageMedia, b as PageRichText, d as PageSectionDiagnostic, e as PageSectionItem, f as PageSectionMaterialization, g as PageSectionSource, h as PageSpatialKind, i as PageTransformHints, m as materializePageSection, j as materializePageSections, r as resolvePageStyle } from '../materializePageSection-Rss5thAj.js';
 import { C as ContentContainer } from '../ContentContainer-B2w9sUoL.js';
 export { D as DEFAULT_THEME, g as getAvailableThemes, b as getThemeSummaries, r as resolveTheme } from '../themeLibrary-8BQMY2HV.js';
 

package/dist/doc/index.js

@@ -31,7 +31,7 @@ import {
   sectionExtractors,
   validateMarkdownDoc,
   validateMarkdownSource
-} from "../chunk-KY6SDMQZ.js";
+} from "../chunk-KOU5WRVN.js";
 import {
   ASCII_CHAR_H,
   ASCII_CHAR_W,

package/dist/fence/index.d.ts

@@ -0,0 +1,74 @@
+import { bh as Theme } from '../Doc-DBadkoP4.js';
+import '../types-CcrDFdWH.js';
+
+/**
+ * Host-pluggable fence renderers — the contract shared by the read path
+ * (`@bendyline/squisq-react`'s `MarkdownRenderer` / `LinearDocView`) and
+ * the edit path (`@bendyline/squisq-editor-react`'s `HostFenceExtension`).
+ *
+ * A host registers a renderer per fence *language* (the token after the
+ * opening backticks). Wherever squisq renders markdown, a fenced code
+ * block whose language is claimed renders through the host's component
+ * instead of the default code block; unclaimed fences are untouched.
+ *
+ * Design constraints the contract encodes:
+ *
+ *   - **All payload lives in the fence body.** The info string's *meta*
+ *     segment does not survive the WYSIWYG round-trip (ProseMirror keeps
+ *     only the `language-*` class token), so `meta` is populated on the
+ *     read path only and renderers must not depend on it.
+ *   - **Core stays React-free.** `FenceRenderer` returns `unknown`; the
+ *     react packages narrow it to `ReactNode` at their boundaries.
+ *   - Failures fall back: the react integrations wrap renderers in an
+ *     error boundary that degrades to the plain code block, so a broken
+ *     host widget never takes a document down with it.
+ */
+
+/** Everything a fence renderer receives for one claimed fence. */
+interface FenceRenderContext {
+    /** Normalized (trimmed, lowercased) fence language token. */
+    lang: string;
+    /**
+     * The info-string remainder after the language. READ PATH ONLY — absent
+     * in edit mode (it does not survive the ProseMirror round-trip). Do not
+     * store payload here; use the body.
+     */
+    meta?: string;
+    /** Fence body, verbatim. */
+    value: string;
+    /**
+     * Parsed body when it was valid JSON or the documented YAML subset
+     * (see `parseDataFence` in `@bendyline/squisq/doc`); undefined when
+     * parsing failed or was not attempted. Renderers needing guaranteed
+     * structure should parse `value` themselves.
+     */
+    data?: unknown;
+    /** Surface-applied theme — read colors/typography directly from it. */
+    theme?: Theme;
+    /** Which pipeline is rendering: static read view or the live editor. */
+    mode: 'read' | 'edit';
+    /**
+     * Edit mode only: replace the fence body with `next` in one undoable
+     * editor transaction. Absent on the read path.
+     */
+    replaceValue?: (next: string) => void;
+}
+/**
+ * A host renderer for one fence language. Returns the host UI for the
+ * fence — `ReactNode` in the react integrations; typed `unknown` here so
+ * core carries no React dependency.
+ */
+type FenceRenderer = (ctx: FenceRenderContext) => unknown;
+/**
+ * Registry: normalized fence language → renderer. Keys are matched
+ * against `lang.trim().toLowerCase()`; register lowercase keys.
+ */
+type FenceRendererMap = Record<string, FenceRenderer>;
+/**
+ * The registry's claimed languages, for plumbing that needs the *set*
+ * without the functions (e.g. the page materializer's
+ * `widgetFenceLangs`, or `CodeSnippetExtension.reservedLanguages`).
+ */
+declare function fenceRendererLangs(renderers: FenceRendererMap | undefined): readonly string[];
+
+export { type FenceRenderContext, type FenceRenderer, type FenceRendererMap, fenceRendererLangs };

package/dist/fence/index.js

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

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { D as DEFAULT_THEME, a as DEFAULT_THEME_ID, T as THEMES, g as getAvailab
 export { M as MediaEntry, a as MediaProvider } from './MediaProvider-wpSe21B3.js';
 export { E as EditorLayerMeta, I as ImageEditCanvas, a as ImageEditDoc, b as ImageEditLayer, c as ImageEditLayerKind, d as ImageEditMeta } from './ImageEditDoc-Cq2a3c30.js';
 export { ASCII_CHAR_H, ASCII_CHAR_W, ASCII_DIAGRAM_FENCE_LANGS, ASCII_TIMELINE_FENCE_LANGS, AccentLayout, AsciiDiagram, AsciiDiagramDetection, AsciiDiagramEdge, AsciiDiagramNode, AsciiTimeline, AsciiTimelineDetection, AsciiTimelineEvent, AsciiTimelineLink, AsciiTimelineMarker, AsciiTimelineSide, AsciiTimelineStats, AsciiTimelineStyle, AsciiTimelineTrack, AudioSegmentTiming, BASE_INPUT_DESCRIPTORS, BLOCK_MEDIA_LAYOUT_POLICIES, BlockLayerMaterialization, BlockMediaLayoutPolicy, BuiltInTemplateName, CONTAINER_TEMPLATES, COVER_SLIDE_FRONTMATTER_KEYS, COVER_SLIDE_TEMPLATE_OPTIONS, ClipBox, ConnectorAnchor, ConnectorPort, ConnectorRouting, ConnectorSnapPoint, CoverBlockInput, CoverSlidePlayback, CoverSlideSettings, CoverSlideTemplate, CoverSlideTemplateOption, DEFAULT_COVER_SLIDE_SETTINGS, DEFAULT_LAYOUT, DIAGRAM_LABEL_HORIZONTAL_PADDING, DIAGRAM_LABEL_LINE_HEIGHT, DIAGRAM_LABEL_MIN_FONT_SIZE, DIAGRAM_LABEL_VERTICAL_PADDING, DataFenceParseResult, DeriveTemplateInputsOptions, DetectAsciiTimelineOptions, DiagramEdge, DiagramLabelFit, DiagramLayout, DiagramLayoutOptions, DiagramNodePosition, DrawingConnector, DrawingLayout, DrawingLayoutOptions, DrawingShape, DrawingShapeKind, EmbeddedVideo, ExpandDocBlocksOptions, ExtractedTableData, FirstImage, InputCoercion, LayerMaterializationDiagnostic, LayerMaterializationFailureMode, LayerMaterializationSource, LayoutLayerDefaults, LayoutLayersResult, MAX_COVER_SLIDE_DURATION_SECONDS, MarkdownToDocOptions, MarkdownValidationResult, MaterializeBlockLayersOptions, NarrationResolution, NativeMediaLayout, NoMediaLayout, PAGE_BASE_CSS, PATH_SHAPE_KINDS, PageSectionContext, PageSectionDraft, RenderAsciiDiagramOptions, RenderAsciiTimelineOptions, RenderTreeOptions, RepairResult, ResolvedPageBlock, RichListItem, RuntimeTemplateRegistry, SHAPE_NAMES, SectionExtractor, SupplementalMediaLayoutVariant, SupplementalMediaShape, SupplementalMediaVariantMatrix, TABLE_FED_TEMPLATES, TEMPLATE_AUTHORING_METADATA, TEMPLATE_INPUT_DESCRIPTORS, TEMPLATE_METADATA, TREE_FENCE_LANGS, TemplateAuthoringMetadata, TemplateAuthoringRole, TemplateBodyPolicy, TemplateInputDescriptor, TemplateMediaOwnership, TemplateMetadata, TemplateParamFinding, Tree, TreeDetection, TreeItem, TreeNode, UnconsumedMediaBehavior, ValidateOptions, adjustY, anchorPoint, applyNarrationTiming, applyRenderStyleToLayers, asciiCellToCanvas, asciiDiagramFromBlocks, asciiDiagramFromTemplateData, asciiDiagramToTemplateData, asciiTimelineToTemplateData, autoTemplatePreservesContent, bigText, buildPageCss, buildPageCssVars, buildRegistry, canvasToAsciiCell, clipEndpoints, clipPoint, coerceTemplateParams, comparisonBar, computeDiagramLayout, computeDrawingLayout, computeLayoutLayers, connectorPath, contentBlock, countBlocks, coverBlock, createAccentLayers, cssFilterForTreatment, dataTable, dateEvent, definitionCard, deriveTemplateInputs, detectAsciiDiagram, detectAsciiTimeline, detectTree, diagramBlock, docToMarkdown, drawingBlock, expandCoverBlock, expandDocBlocks, expandPersistentLayers, extractBlockquoteText, extractBodyPlainText, extractEmbeddedVideos, extractFirstEmbeddedVideo, extractFirstImage, extractImages, extractListItems, extractRichListItems, extractTableData, extractTableFromContents, factCard, fallbackBlockLayers, findFirstList, findFirstTable, fitBigTextSize, fitDiagramLabel, flattenBlocks, flattenRenderableBlocks, fullBleedQuote, getAccentLayout, getAnimationProgress, getAnimationStyle, getAvailableTemplates, getBlockBodyText, getBlockDepth, getBlockMediaLayoutPolicy, getDefaultAnimation, getDefaultAnimationDuration, getOverlayOpacity, getPersistentLayersFromTheme, getPinnedBlockMeta, getTemplateHint, getThemeFont, getTransitionClass, hasTemplate, imageWithCaption, isAsciiDiagramFence, isAsciiTimelineFence, isContainerTemplate, isDataFence, isEligibleAsciiFenceLang, isEligibleAsciiTimelineFenceLang, isEligibleTreeFenceLang, isExplicitDiagramLang, isExplicitTimelineLang, isExplicitTreeLang, isRepairableDiagram, isShapeName, isTemplatedPageBlock, isTreeFence, isWrappedFlowTimelineSource, layoutBlock, leftFeature, lineStyleDasharray, lintTemplateParams, listBlock, mapBlock, markdownToDoc, markerPath, materializeBlockLayers, nearestSnapPoint, normalizeShapeKind, pageStyleDataAttributes, parseAsciiDiagram, parseAsciiTimeline, parseAsciiTimelineWithStats, parseDataFence, parseTree, parseWrappedFlowTimeline, parseYamlSubset, photoGrid, pullQuote, quoteBlock, readCustomTemplatesFromFrontmatter, readCustomThemesFromFrontmatter, renderAsciiDiagram, renderAsciiTimeline, renderTree, repairAsciiDiagram, replaceDataFence, resolveAudioMapping, resolveColorScheme, resolveCoverSlideSettings, resolvePageBlock, resolvePersistentLayers, resolveTemplateName, resolveThemeForDoc, rightFeature, scaleAnimationDuration, scoreTextSimilarity, sectionExtractors, sectionHeader, shapePath, shouldUseShadow, snapEndpoints, snapPoints, statHighlight, templateRegistry, themeWantsAmbientMotion, themedEntrance, themedFontSize, themedImageTreatment, themedScrim, themedSurfaceGradient, timelineBlock, titleBlock, treeBlock, treeFromMarkdownList, treeFromTemplateData, treeToTemplateData, twoColumn, validateMarkdownDoc, validateMarkdownSource, videoPullQuote, videoWithCaption, wrapWithPersistentLayers, writeCustomTemplatesToFrontmatter, writeCustomThemesToFrontmatter } from './doc/index.js';
-export { M as MaterializePageSectionOptions, a as MaterializePageSectionsOptions, P as PageMedia, b as PageRichText, c as PageSection, d as PageSectionDiagnostic, e as PageSectionItem, f as PageSectionMaterialization, g as PageSectionSource, h as PageSpatialKind, i as PageTransformHints, m as materializePageSection, j as materializePageSections, r as resolvePageStyle } from './materializePageSection-DgOFYge7.js';
+export { M as MaterializePageSectionOptions, a as MaterializePageSectionsOptions, P as PageMedia, b as PageRichText, c as PageSection, d as PageSectionDiagnostic, e as PageSectionItem, f as PageSectionMaterialization, g as PageSectionSource, h as PageSpatialKind, i as PageTransformHints, m as materializePageSection, j as materializePageSections, r as resolvePageStyle } from './materializePageSection-Rss5thAj.js';
 export { calculateBearing, decodeGeohash, encodeGeohash, geohashOverlapsBounds, geohashToHierarchicalPath, getGeohash4Neighbors, getGeohashPath, getGeohashPrefix, getNeighbors, haversineDistance } from './spatial/index.js';
 export { LocalForageAdapter, LocalForageAdapterOptions, LocalStorageAdapter, MemoryStorageAdapter, ScopedContentContainer, StorageAdapter, createMediaProviderFromContainer, scopeContainer } from './storage/index.js';
 export { C as ContentContainer, a as ContentEntry, M as MemoryContentContainer, f as findDocumentPath } from './ContentContainer-B2w9sUoL.js';
@@ -25,3 +25,4 @@ export { I as ICONS, a as IconEntry, b as IconFamily, c as IconTextRun, h as has
 export { IconSuggestion, canonicalIconToken, iconGlyph, looksLikeIconToken, resolveIcon, suggestIcons } from './icons/index.js';
 export { BlockContentProfile, RecommendationResult, profileBlockContents, recommendTemplatesForBlock } from './recommend/index.js';
 export { AlignConfig, AlignInput, BandpassState, BuildNarrationTimingOptions, BuildScriptOptions, DEFAULT_ALIGN_CONFIG, DEFAULT_FEATURE_CONFIG, DEFAULT_NUCLEI_CONFIG, DEFAULT_PACING_CONFIG, DEFAULT_VAD_CONFIG, FeatureConfig, FeatureState, FrameFeatures, NarrationAlignment, NarrationBlockRange, NarrationScript, NarrationSessionConfig, NarrationSessionState, NarrationTimingBlock, NarrationTimingJsonV3, NarrationTrace, NucleiConfig, NucleiState, PacingConfig, PacingState, PacingTick, ScriptBlockRange, ScriptToken, TraceSample, VadConfig, VadState, WordTiming, alignNarration, bandpassRun, buildNarrationScript, buildNarrationTimingJson, createBandpass, createFeatureState, createNarrationSession, createNucleiState, createPacingState, createVadState, detectSyllableOnsets, downsampleTrace, estimateSyllables, expectedSyllablesAt, extractFrameFeatures, featureStep, narrationSessionStep, nucleiStep, pacingStep, parseNarrationTimingJson, reanchorPacing, reanchorSession, traceWordPosAt, vadStep, wordIndexAtChar, wordIndexAtTime, wordPosAtExpectedSyllables } from './narration/index.js';
+export { FenceRenderContext, FenceRenderer, FenceRendererMap, fenceRendererLangs } from './fence/index.js';

package/dist/index.js

@@ -24,6 +24,9 @@ import {
   traceWordPosAt,
   vadStep
 } from "./chunk-7Z5T3CUI.js";
+import {
+  fenceRendererLangs
+} from "./chunk-PGI7HSWE.js";
 import {
   DEFAULT_TRANSFORM_STYLE_ID,
   analyzeBlocks,
@@ -170,7 +173,7 @@ import {
   sectionExtractors,
   validateMarkdownDoc,
   validateMarkdownSource
-} from "./chunk-KY6SDMQZ.js";
+} from "./chunk-KOU5WRVN.js";
 import {
   ASCII_CHAR_H,
   ASCII_CHAR_W,
@@ -742,6 +745,7 @@ export {
   factCard,
   fallbackBlockLayers,
   featureStep,
+  fenceRendererLangs,
   fetchResourceBytes,
   findDocumentPath,
   findFirstList,

package/dist/{materializePageSection-DgOFYge7.d.ts → materializePageSection-Rss5thAj.d.ts}

@@ -191,6 +191,16 @@ interface MaterializePageSectionOptions {
     totalBlocks?: number;
     /** Document-scoped custom templates (render as canvas embeds). */
     customTemplates?: readonly CustomTemplateDefinition[];
+    /**
+     * Fence languages a host renderer claims as widgets (see
+     * `@bendyline/squisq/fence`). Typed-template sections keep only the rich
+     * content they haven't already consumed — historically just mermaid
+     * fences and media. A claimed fence must survive that filter too, or a
+     * host widget inside a callout/card block is dropped before it ever
+     * reaches the renderer. Lowercased language tokens; mermaid is always
+     * kept regardless.
+     */
+    widgetFenceLangs?: readonly string[];
 }
 /** Doc-level options. */
 interface MaterializePageSectionsOptions extends MaterializePageSectionOptions {

package/dist/transform/index.d.ts

@@ -1,5 +1,5 @@
 import { r as ColorScheme, O as Doc, k as Block } from '../Doc-DBadkoP4.js';
-import { i as PageTransformHints } from '../materializePageSection-DgOFYge7.js';
+import { i as PageTransformHints } from '../materializePageSection-Rss5thAj.js';
 import { d as ExtractionType, E as ExtractedElement, b as ExtractionOptions } from '../contentExtractor-BNfVJV2U.js';
 import '../types-CcrDFdWH.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "Headless utilities for doc/block rendering, spatial math, Markdown, and storage",
   "license": "MIT",
   "author": "Bendyline",
@@ -121,6 +121,11 @@
       "types": "./dist/narration/index.d.ts",
       "import": "./dist/narration/index.js",
       "default": "./dist/narration/index.js"
+    },
+    "./fence": {
+      "types": "./dist/fence/index.d.ts",
+      "import": "./dist/fence/index.js",
+      "default": "./dist/fence/index.js"
     }
   },
   "scripts": {