@damiro/stylo 0.14.0 → 0.15.1

package/dist/stylo.js

@@ -35,25 +35,25 @@ function C({ value: e, onChange: r, readOnly: a, placeholder: o, codeLanguages:
 }
 //#endregion
 //#region src/inplace/lazyInPlace.ts
-var w = l(async () => ({ default: (await import("./InPlaceView-BccqyOao.js")).InPlaceView })), T = l(async () => ({ default: (await import("./Preview-CmZnIEzi.js")).Preview }));
+var w = l(async () => ({ default: (await import("./InPlaceView-BLlGJ9mh.js")).InPlaceView })), T = l(async () => ({ default: (await import("./Preview-DKOoZ-vr.js")).Preview }));
 //#endregion
 //#region src/SplitView.tsx
-function E({ value: e, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: c, tagSource: l, embedSource: d, onResolveError: f, frontmatter: h, softBreaks: g, onSave: _, onViewChange: v, canvasHeader: x }) {
-	let [S, w] = m(null), E = p(null), D = p(!1);
+function E({ value: e, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: c, tagSource: l, embedSource: d, onResolveError: f, frontmatter: h, softBreaks: g, onTaskToggle: _, onSave: v, onViewChange: x, canvasHeader: S }) {
+	let [w, E] = m(null), D = p(null), O = p(!1);
 	return u(() => {
-		let e = S?.scrollDOM, t = E.current;
+		let e = w?.scrollDOM, t = D.current;
 		if (!e || !t) return;
 		let n = (e, t) => {
-			if (D.current) return;
+			if (O.current) return;
 			let n = e.scrollHeight - e.clientHeight;
-			n <= 0 || (D.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
-				D.current = !1;
+			n <= 0 || (O.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
+				O.current = !1;
 			}));
 		}, r = () => n(e, t), i = () => n(t, e);
 		return e.addEventListener("scroll", r, { passive: !0 }), t.addEventListener("scroll", i, { passive: !0 }), () => {
 			e.removeEventListener("scroll", r), t.removeEventListener("scroll", i);
 		};
-	}, [S]), /* @__PURE__ */ b("div", {
+	}, [w]), /* @__PURE__ */ b("div", {
 		className: t.split,
 		children: [/* @__PURE__ */ y("div", {
 			className: t.splitPane,
@@ -66,15 +66,15 @@ function E({ value: e, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder
 				wikiLinkSource: c,
 				tagSource: l,
 				onResolveError: f,
-				onSave: _,
+				onSave: v,
 				onViewChange: (e) => {
-					w(e), v?.(e);
+					E(e), x?.(e);
 				},
-				canvasHeader: x
+				canvasHeader: S
 			})
 		}), /* @__PURE__ */ y("div", {
 			className: t.splitPane,
-			ref: E,
+			ref: D,
 			children: /* @__PURE__ */ y(s, {
 				fallback: /* @__PURE__ */ y("div", {
 					className: t.preview,
@@ -87,7 +87,8 @@ function E({ value: e, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder
 					onResolveError: f,
 					frontmatter: h,
 					codeLanguages: o,
-					softBreaks: g
+					softBreaks: g,
+					onTaskToggle: _
 				})
 			})
 		})]
@@ -221,59 +222,59 @@ function j({ view: e, items: n, icons: r, disabled: i, sticky: a, stickyVisibili
 }
 //#endregion
 //#region src/Stylo.tsx
-var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onFrontmatter: c, onWikiLinkClick: l, onLinkClick: f, readOnly: h, placeholder: _, className: v, inPlace: x, codeLanguages: S, wikiLinkSource: D, tagSource: O, embedSource: k, onResolveError: A, toolbar: M, icons: N, frontmatter: P, softBreaks: F, canvasHeader: I }, L) {
-	let R = i === "preview" || i === "split" || i === "in-place" ? i : "source", [z, B] = m(null), V = R === "preview" ? null : a(M), H = M && typeof M == "object" ? M.render : void 0, U = M && typeof M == "object" ? M.sticky : void 0, W = U === "top" ? "top" : U ? "bottom" : !1, G = M && typeof M == "object" ? M.stickyVisibility : void 0, K = p(c);
-	K.current = c;
-	let q = p(A);
-	q.current = A;
-	let J = p((e, t) => {
-		q.current?.(e, t);
-	}).current, Y = p(void 0);
+var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onFrontmatter: c, onWikiLinkClick: l, onLinkClick: f, readOnly: h, placeholder: _, className: v, inPlace: x, codeLanguages: S, wikiLinkSource: D, tagSource: O, embedSource: k, onResolveError: A, toolbar: M, icons: N, frontmatter: P, softBreaks: F, onTaskToggle: I, canvasHeader: L }, R) {
+	let z = i === "preview" || i === "split" || i === "in-place" ? i : "source", [B, V] = m(null), H = z === "preview" ? null : a(M), U = M && typeof M == "object" ? M.render : void 0, W = M && typeof M == "object" ? M.sticky : void 0, G = W === "top" ? "top" : W ? "bottom" : !1, K = M && typeof M == "object" ? M.stickyVisibility : void 0, q = p(c);
+	q.current = c;
+	let J = p(A);
+	J.current = A;
+	let Y = p((e, t) => {
+		J.current?.(e, t);
+	}).current, X = p(void 0);
 	u(() => {
 		let t = e(n)?.frontmatter ?? null;
-		t !== Y.current && (Y.current = t, K.current?.(t));
-	}, [n]), d(L, () => ({
-		focus: () => z?.focus(),
-		getView: () => z,
+		t !== X.current && (X.current = t, q.current?.(t));
+	}, [n]), d(R, () => ({
+		focus: () => B?.focus(),
+		getView: () => B,
 		insertAtCursor: (e) => {
-			z && (z.dispatch(z.state.replaceSelection(e)), z.focus());
+			B && (B.dispatch(B.state.replaceSelection(e)), B.focus());
 		},
 		scrollToHeading: (e) => {
-			if (!z) return !1;
-			let t = e.trim().toLowerCase(), { doc: n } = z.state;
+			if (!B) return !1;
+			let t = e.trim().toLowerCase(), { doc: n } = B.state;
 			for (let e = 1; e <= n.lines; e++) {
 				let r = n.line(e), i = /^ {0,3}#{1,6}[ \t]+(.*?)(?:[ \t]+#+)?[ \t]*$/.exec(r.text);
-				if (!(!i || i[1] === void 0) && i[1].trim().toLowerCase() === t) return z.dispatch({
+				if (!(!i || i[1] === void 0) && i[1].trim().toLowerCase() === t) return B.dispatch({
 					selection: { anchor: r.from },
 					effects: g.scrollIntoView(r.from, { y: "start" })
-				}), z.focus(), !0;
+				}), B.focus(), !0;
 			}
 			return !1;
 		}
-	}), [z]);
-	let X = [
+	}), [B]);
+	let Z = [
 		t.root,
-		W === "bottom" && t.stickyToolbarRootBottom,
-		W === "top" && t.stickyToolbarRootTop,
+		G === "bottom" && t.stickyToolbarRootBottom,
+		G === "top" && t.stickyToolbarRootTop,
 		"stylo",
 		v
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ b("div", {
-		className: X,
-		"data-stylo-mode": R,
+		className: Z,
+		"data-stylo-mode": z,
 		children: [
-			V && (() => {
+			H && (() => {
 				let e = /* @__PURE__ */ y(j, {
-					view: z,
-					items: V,
+					view: B,
+					items: H,
 					icons: N,
 					disabled: h,
-					sticky: W,
-					stickyVisibility: G
+					sticky: G,
+					stickyVisibility: K
 				});
-				return H ? H(e, { view: z }) : e;
+				return U ? U(e, { view: B }) : e;
 			})(),
-			R === "source" && /* @__PURE__ */ y(C, {
+			z === "source" && /* @__PURE__ */ y(C, {
 				value: n,
 				onChange: r,
 				readOnly: h,
@@ -281,12 +282,12 @@ var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onF
 				codeLanguages: S,
 				wikiLinkSource: D,
 				tagSource: O,
-				onResolveError: J,
+				onResolveError: Y,
 				onSave: o,
-				onViewChange: B,
-				canvasHeader: I
+				onViewChange: V,
+				canvasHeader: L
 			}),
-			R === "preview" && /* @__PURE__ */ y(s, {
+			z === "preview" && /* @__PURE__ */ y(s, {
 				fallback: /* @__PURE__ */ y("div", {
 					className: t.preview,
 					"aria-busy": "true"
@@ -295,13 +296,14 @@ var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onF
 					value: n,
 					onWikiLinkClick: l,
 					embedSource: k,
-					onResolveError: J,
+					onResolveError: Y,
 					frontmatter: P,
 					codeLanguages: S,
-					softBreaks: F
+					softBreaks: F,
+					onTaskToggle: I
 				})
 			}),
-			R === "split" && /* @__PURE__ */ y(E, {
+			z === "split" && /* @__PURE__ */ y(E, {
 				value: n,
 				onChange: r,
 				onWikiLinkClick: l,
@@ -311,14 +313,15 @@ var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onF
 				wikiLinkSource: D,
 				tagSource: O,
 				embedSource: k,
-				onResolveError: J,
+				onResolveError: Y,
 				frontmatter: P,
 				softBreaks: F,
+				onTaskToggle: I,
 				onSave: o,
-				onViewChange: B,
-				canvasHeader: I
+				onViewChange: V,
+				canvasHeader: L
 			}),
-			R === "in-place" && /* @__PURE__ */ y(s, {
+			z === "in-place" && /* @__PURE__ */ y(s, {
 				fallback: /* @__PURE__ */ y("div", {
 					className: t.inplace,
 					"aria-busy": "true"
@@ -335,10 +338,10 @@ var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onF
 					wikiLinkSource: D,
 					tagSource: O,
 					embedSource: k,
-					onResolveError: J,
+					onResolveError: Y,
 					onSave: o,
-					onViewChange: B,
-					canvasHeader: I
+					onViewChange: V,
+					canvasHeader: L
 				})
 			})
 		]

package/dist/stylo.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylo.js","names":[],"sources":["../src/editor/SourceView.tsx","../src/inplace/lazyInPlace.ts","../src/render/lazyPreview.ts","../src/SplitView.tsx","../src/toolbar/floating-watchdog.ts","../src/toolbar/keyboard-inset.ts","../src/toolbar/Toolbar.tsx","../src/Stylo.tsx"],"sourcesContent":["import { useRef, useState, useSyncExternalStore } from \"react\"\nimport type { ReactNode } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { showPanel } from \"@codemirror/view\"\nimport type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { CodeLanguages, ResolveErrorInfo, TagSource, WikiLinkSource } from \"../types\"\nimport { CanvasHeaderHost } from \"./canvas-header-panel\"\nimport { useCodeMirror } from \"./useCodeMirror\"\n\nconst noopSubscribe = () => () => {}\nconst noopSnapshot = () => null\n\nexport interface SourceViewProps {\n  value: string\n  onChange: (next: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  /** Fenced-code grammars, forwarded to the Markdown language. Read once. */\n  codeLanguages?: CodeLanguages\n  /** `[[wikilink]]` autocomplete source. Read once. */\n  wikiLinkSource?: WikiLinkSource\n  /** `#tag` autocomplete source. Read once. */\n  tagSource?: TagSource\n  /** Notified when `wikiLinkSource` or `tagSource` rejects. */\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Called with the `EditorView` once created, and with `null` on teardown. */\n  onViewChange?: (view: EditorView | null) => void\n  /** Host content docked after the search panel, before the document. Read once. */\n  canvasHeader?: (ctx: { view: EditorView | null }) => ReactNode\n}\n\n/** Raw CodeMirror 6 Markdown surface bound to the canonical string. */\nexport function SourceView({\n  value,\n  onChange,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  tagSource,\n  onResolveError,\n  onSave,\n  onViewChange,\n  canvasHeader,\n}: SourceViewProps) {\n  const [editorView, setEditorView] = useState<EditorView | null>(null)\n  const onViewChangeRef = useRef(onViewChange)\n  onViewChangeRef.current = onViewChange\n  const handleViewChange = useRef((view: EditorView | null) => {\n    setEditorView(view)\n    onViewChangeRef.current?.(view)\n  }).current\n\n  // `canvasHeader` itself is read through a ref (a changed render prop needs\n  // no editor rebuild); whether it was passed at all is read once, at mount,\n  // to decide whether the panel extension exists at all.\n  const canvasHeaderRef = useRef(canvasHeader)\n  canvasHeaderRef.current = canvasHeader\n  const [headerHost] = useState(() => (canvasHeader ? new CanvasHeaderHost() : null))\n  const headerDom = useSyncExternalStore(\n    headerHost?.subscribe ?? noopSubscribe,\n    headerHost?.getSnapshot ?? noopSnapshot,\n  )\n  const [extensions] = useState(() => (headerHost ? [showPanel.of(headerHost.panel)] : []))\n\n  const ref = useCodeMirror({\n    value,\n    onChange,\n    readOnly,\n    placeholder,\n    codeLanguages,\n    wikiLinkSource,\n    tagSource,\n    onResolveError,\n    onSave,\n    onViewChange: handleViewChange,\n    extensions,\n  })\n  return (\n    <div className={styles.source} ref={ref}>\n      {headerDom &&\n        canvasHeaderRef.current &&\n        createPortal(canvasHeaderRef.current({ view: editorView }), headerDom)}\n    </div>\n  )\n}\n","import { lazy } from \"react\"\n\n/**\n * The in-place canvas carries the decoration plugin (and, in later increments,\n * its KaTeX widgets). It loads only when `mode` resolves to `in-place`, so\n * `source` consumers never fetch it.\n */\nexport const LazyInPlaceView = lazy(async () => ({\n  default: (await import(\"./InPlaceView\")).InPlaceView,\n}))\n","import { lazy } from \"react\"\n\n/**\n * Preview pulls in react-markdown + remark/rehype + KaTeX. It is loaded only\n * when a rendered mode (`preview`, `split`) is actually used, so `mode=\"source\"`\n * consumers never pay for it. Both callers share this one wrapper, so the render\n * pipeline stays a single lazy chunk.\n */\nexport const LazyPreview = lazy(async () => ({\n  default: (await import(\"./Preview\")).Preview,\n}))\n","import { Suspense, useEffect, useRef, useState } from \"react\"\nimport type { ReactNode } from \"react\"\nimport type { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport styles from \"./styles/stylo.module.css\"\nimport type {\n  CodeLanguages,\n  EmbedSource,\n  FrontmatterDisplay,\n  ResolveErrorInfo,\n  TagSource,\n  WikiLinkSource,\n} from \"./types\"\n\nexport interface SplitViewProps {\n  value: string\n  onChange: (next: string) => void\n  onWikiLinkClick?: (target: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  codeLanguages?: CodeLanguages\n  wikiLinkSource?: WikiLinkSource\n  tagSource?: TagSource\n  embedSource?: EmbedSource\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  frontmatter?: FrontmatterDisplay\n  softBreaks?: boolean\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Forwarded the source pane's `EditorView` for the shared toolbar. */\n  onViewChange?: (view: EditorView | null) => void\n  /** Host content docked in the source pane, after its search panel. Read once. */\n  canvasHeader?: (ctx: { view: EditorView | null }) => ReactNode\n}\n\n/**\n * Source and preview side by side. Both panes are a pure function of the same\n * string; the only link between them is a proportional scroll sync. Expects the\n * Stylo root to have a bounded height — otherwise both panes grow and the page\n * scrolls instead.\n */\nexport function SplitView({\n  value,\n  onChange,\n  onWikiLinkClick,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  tagSource,\n  embedSource,\n  onResolveError,\n  frontmatter,\n  softBreaks,\n  onSave,\n  onViewChange,\n  canvasHeader,\n}: SplitViewProps) {\n  const [view, setView] = useState<EditorView | null>(null)\n  const previewPane = useRef<HTMLDivElement | null>(null)\n  const syncing = useRef(false)\n\n  const handleView = (next: EditorView | null) => {\n    setView(next)\n    onViewChange?.(next)\n  }\n\n  useEffect(() => {\n    const source = view?.scrollDOM\n    const preview = previewPane.current\n    if (!source || !preview) return\n\n    const sync = (from: HTMLElement, to: HTMLElement) => {\n      if (syncing.current) return\n      const range = from.scrollHeight - from.clientHeight\n      if (range <= 0) return\n      syncing.current = true\n      to.scrollTop = (from.scrollTop / range) * (to.scrollHeight - to.clientHeight)\n      requestAnimationFrame(() => {\n        syncing.current = false\n      })\n    }\n\n    const fromSource = () => sync(source, preview)\n    const fromPreview = () => sync(preview, source)\n    source.addEventListener(\"scroll\", fromSource, { passive: true })\n    preview.addEventListener(\"scroll\", fromPreview, { passive: true })\n    return () => {\n      source.removeEventListener(\"scroll\", fromSource)\n      preview.removeEventListener(\"scroll\", fromPreview)\n    }\n  }, [view])\n\n  return (\n    <div className={styles.split}>\n      <div className={styles.splitPane}>\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          tagSource={tagSource}\n          onResolveError={onResolveError}\n          onSave={onSave}\n          onViewChange={handleView}\n          canvasHeader={canvasHeader}\n        />\n      </div>\n      <div className={styles.splitPane} ref={previewPane}>\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview\n            value={value}\n            onWikiLinkClick={onWikiLinkClick}\n            embedSource={embedSource}\n            onResolveError={onResolveError}\n            frontmatter={frontmatter}\n            codeLanguages={codeLanguages}\n            softBreaks={softBreaks}\n          />\n        </Suspense>\n      </div>\n    </div>\n  )\n}\n","import { useEffect, type RefObject } from \"react\"\n\n/**\n * Continuously re-asserts a `transform` on a `position: fixed` element,\n * alternating an imperceptible sub-pixel jitter every animation frame,\n * instead of trusting the browser to keep it correctly composited on its\n * own. Several rounds of on-device testing found iOS Safari losing track of\n * this exact kind of element — across its own address-bar animation, and in\n * at least one report tied to the keyboard opening — in ways a one-time\n * static fix (a plain `translateZ(0)`) did not reliably prevent. A value\n * that never changes gives the browser nothing to recompute; alternating it\n * every frame forces a fresh compositor pass regardless of what triggered\n * the drift, so it can't stay wrong for more than one frame (~16ms).\n *\n * Writes to the DOM directly rather than through React state, so this never\n * causes a re-render — the transform is the only thing touched.\n */\nexport function useFloatingWatchdog(ref: RefObject<HTMLElement | null>, enabled: boolean): void {\n  useEffect(() => {\n    if (!enabled) return\n    let raf = 0\n    let jitter = false\n    const tick = () => {\n      const el = ref.current\n      if (el) {\n        jitter = !jitter\n        el.style.transform = jitter ? \"translate3d(0, 0.01px, 0)\" : \"translate3d(0, 0, 0)\"\n      }\n      raf = requestAnimationFrame(tick)\n    }\n    raf = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(raf)\n  }, [ref, enabled])\n}\n","import { useEffect, useState } from \"react\"\n\n/**\n * How far the on-screen keyboard eats into the window, tracked through the\n * `visualViewport` API. 0 when `enabled` is false or the browser has no\n * `visualViewport` (older Safari, SSR, most desktop browsers). A mobile\n * keyboard shrinks the *visual* viewport, not the layout viewport a plain\n * `position: fixed` bottom offset is computed against — this is what lets the\n * sticky toolbar ride up above the keyboard instead of hiding behind it.\n */\nexport function useKeyboardInset(enabled: boolean): number {\n  const [inset, setInset] = useState(0)\n\n  useEffect(() => {\n    const vv = typeof window === \"undefined\" ? null : window.visualViewport\n    if (!enabled || !vv) {\n      setInset(0)\n      return\n    }\n    const update = () => setInset(Math.max(0, window.innerHeight - vv.height - vv.offsetTop))\n    update()\n    vv.addEventListener(\"resize\", update)\n    vv.addEventListener(\"scroll\", update)\n    return () => {\n      vv.removeEventListener(\"resize\", update)\n      vv.removeEventListener(\"scroll\", update)\n    }\n  }, [enabled])\n\n  return inset\n}\n","import { useEffect, useReducer, useRef, useState } from \"react\"\nimport type { ReactNode } from \"react\"\nimport type { EditorState } from \"@codemirror/state\"\nimport type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { ToolbarCommandId } from \"../types\"\nimport { BUILTIN_BY_ID } from \"./commands\"\nimport type { ToolbarItem } from \"./config\"\nimport { useFloatingWatchdog } from \"./floating-watchdog\"\nimport { DEFAULT_ICONS } from \"./icons\"\nimport { useKeyboardInset } from \"./keyboard-inset\"\n\nexport interface ToolbarProps {\n  /** The surface the commands act on. `null` while a lazy view is mounting. */\n  view: EditorView | null\n  /** Ordered items to render; `\"|\"` is a separator. */\n  items: ToolbarItem[]\n  /** Per-id glyph overrides; any id left out keeps its built-in icon. */\n  icons?: Partial<Record<ToolbarCommandId, ReactNode>>\n  /** Render every button inert (e.g. a read-only surface). */\n  disabled?: boolean\n  /** Fix the bar to a window edge (normalised from `ToolbarConfig.sticky`; the\n   *  caller resolves `true` to `\"bottom\"`). */\n  sticky?: \"top\" | \"bottom\" | false\n  /** Fade the bar out while the editing surface is unfocused (`ToolbarConfig.stickyVisibility`). */\n  stickyVisibility?: \"consistent\" | \"dynamic\"\n}\n\n/** A button to render, normalised from a built-in id or a custom item. */\ninterface Btn {\n  key: string\n  icon: ReactNode\n  title: string\n  run: (view: EditorView) => unknown\n  isActive?: (state: EditorState) => boolean\n  disabled?: (state: EditorState) => boolean\n}\n\n/**\n * Splits `items` into the runs a `\"|\"` already delimits, keeping each\n * separator as its own entry. A run renders as one flex child so wrapping\n * (on narrow hosts) breaks between groups, never in the middle of one — the\n * default bar's `undo, redo | h1, h2, h3 | ...` shape becomes the wrap unit\n * for free, no separate grouping config needed.\n */\nfunction groupItems(items: ToolbarItem[]): (Exclude<ToolbarItem, \"|\">[] | \"|\")[] {\n  const groups: (Exclude<ToolbarItem, \"|\">[] | \"|\")[] = []\n  let run: Exclude<ToolbarItem, \"|\">[] = []\n  for (const item of items) {\n    if (item !== \"|\") {\n      run.push(item)\n      continue\n    }\n    if (run.length) groups.push(run)\n    run = []\n    groups.push(\"|\")\n  }\n  if (run.length) groups.push(run)\n  return groups\n}\n\n/** Resolve one non-separator item to a renderable button, or `null` to skip it. */\nfunction toButton(item: Exclude<ToolbarItem, \"|\">, icons: ToolbarProps[\"icons\"]): Btn | null {\n  if (typeof item !== \"string\") {\n    const { id, icon, title, run, isActive, disabled } = item\n    return { key: id, icon, title, run, isActive, disabled }\n  }\n  const cmd = BUILTIN_BY_ID[item]\n  if (!cmd) return null\n  return {\n    key: item,\n    icon: icons?.[item] ?? DEFAULT_ICONS[item],\n    title: cmd.title,\n    run: cmd.run,\n    isActive: cmd.isActive,\n    disabled: cmd.disabled,\n  }\n}\n\n/**\n * Formatting bar above the editing surface. It holds no document state — each\n * button runs a command against the live `EditorView`. Pressed states are read\n * back from the view whenever the selection, keys, or pointer move. Built-in\n * ids and consumer-supplied {@link ToolbarCustomItem}s render through the same\n * button path.\n */\nexport function Toolbar({ view, items, icons, disabled, sticky, stickyVisibility }: ToolbarProps) {\n  const [, refresh] = useReducer((n: number) => n + 1, 0)\n  const [focused, setFocused] = useState(false)\n  // Only \"bottom\" needs keyboard tracking — nothing eats into the top of the\n  // screen the way a keyboard eats the bottom.\n  const keyboardInset = useKeyboardInset(sticky === \"bottom\")\n  const barRef = useRef<HTMLDivElement>(null)\n  useFloatingWatchdog(barRef, sticky === \"top\")\n\n  useEffect(() => {\n    if (!view) return\n    const el = view.contentDOM\n    setFocused(view.hasFocus)\n    const onFocus = () => {\n      setFocused(true)\n      refresh()\n    }\n    const onBlur = () => {\n      setFocused(false)\n      refresh()\n    }\n    const events = [\"keyup\", \"mouseup\", \"input\"] as const\n    for (const ev of events) el.addEventListener(ev, refresh)\n    el.addEventListener(\"focus\", onFocus)\n    el.addEventListener(\"blur\", onBlur)\n    return () => {\n      for (const ev of events) el.removeEventListener(ev, refresh)\n      el.removeEventListener(\"focus\", onFocus)\n      el.removeEventListener(\"blur\", onBlur)\n    }\n  }, [view])\n\n  // \"dynamic\" fades the bar out while nothing is focused, so it doesn't sit\n  // over the content while the caret is elsewhere (e.g. scrolling to read).\n  const dynamicHidden = Boolean(sticky) && stickyVisibility === \"dynamic\" && !focused\n\n  const className = [\n    styles.toolbar,\n    sticky && styles.toolbarSticky,\n    sticky === \"top\" && styles.toolbarStickyTop,\n    sticky === \"bottom\" && styles.toolbarStickyBottom,\n    dynamicHidden && styles.toolbarStickyHidden,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n  // `transform`, not `bottom` — a `position: fixed` element repositioned via\n  // `bottom` doesn't reliably repaint in step with the keyboard animation on\n  // iOS Safari; `translateY` forces a compositor update on every\n  // `visualViewport` event instead. The bar's resting position (keyboard\n  // closed) is `bottom: 0` in CSS; this only nudges it up. `\"top\"` needs no\n  // offset at all.\n  const stickyStyle =\n    sticky === \"bottom\" ? { transform: `translateY(-${keyboardInset}px)` } : undefined\n\n  return (\n    <div\n      ref={barRef}\n      className={className}\n      role=\"toolbar\"\n      aria-label=\"Formatting\"\n      aria-hidden={dynamicHidden || undefined}\n      style={stickyStyle}\n    >\n      {groupItems(items).map((group, i) => {\n        if (group === \"|\") {\n          return <span key={`sep-${i}`} className={styles.toolbarSep} aria-hidden=\"true\" />\n        }\n        return (\n          <div key={`group-${i}`} className={styles.toolbarGroup}>\n            {group.map((item) => {\n              const btn = toButton(item, icons)\n              if (!btn) return null\n              const off = disabled || !view || Boolean(btn.disabled?.(view.state))\n              const active = Boolean(!off && view && btn.isActive?.(view.state))\n              return (\n                <button\n                  key={btn.key}\n                  type=\"button\"\n                  className={styles.toolbarButton}\n                  data-command={btn.key}\n                  title={btn.title}\n                  aria-label={btn.title}\n                  aria-pressed={btn.isActive ? active : undefined}\n                  data-active={active ? \"\" : undefined}\n                  disabled={off}\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => {\n                    if (!view) return\n                    btn.run(view)\n                    refresh()\n                  }}\n                >\n                  {btn.icon}\n                </button>\n              )\n            })}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n","import { forwardRef, Suspense, useEffect, useImperativeHandle, useRef, useState } from \"react\"\nimport { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyInPlaceView } from \"./inplace/lazyInPlace\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport { SplitView } from \"./SplitView\"\nimport styles from \"./styles/stylo.module.css\"\nimport { Toolbar } from \"./toolbar/Toolbar\"\nimport { resolveToolbarItems } from \"./toolbar/config\"\nimport { splitFrontmatter } from \"./frontmatter\"\nimport \"./styles/tokens.css\"\nimport type { ResolveErrorInfo, StyloHandle, StyloProps } from \"./types\"\n\n/**\n * Plain-text-first Markdown editor. `value` is the canonical Markdown string;\n * every view is a pure function of it.\n *\n * The default `mode` is `in-place`, the live decoration canvas (ADR-002 §1,\n * ADR-004). Pass `mode=\"source\"` for the plain surface with no lazy render\n * chunk. `preview` and `split` are also available.\n *\n * A formatting `toolbar` sits above every editing surface (all modes but\n * `preview`); pass `toolbar={false}` to drop it or a `ToolbarConfig` to trim it.\n */\nexport const Stylo = forwardRef<StyloHandle, StyloProps>(function Stylo(\n  {\n    value,\n    onChange,\n    mode = \"in-place\",\n    onSave,\n    onFrontmatter,\n    onWikiLinkClick,\n    onLinkClick,\n    readOnly,\n    placeholder,\n    className,\n    inPlace,\n    codeLanguages,\n    wikiLinkSource,\n    tagSource,\n    embedSource,\n    onResolveError,\n    toolbar,\n    icons,\n    frontmatter,\n    softBreaks,\n    canvasHeader,\n  },\n  ref,\n) {\n  const resolved = mode === \"preview\" || mode === \"split\" || mode === \"in-place\" ? mode : \"source\"\n\n  const [view, setView] = useState<EditorView | null>(null)\n  const toolbarItems = resolved === \"preview\" ? null : resolveToolbarItems(toolbar)\n  const toolbarRender = toolbar && typeof toolbar === \"object\" ? toolbar.render : undefined\n  const stickyConfig = toolbar && typeof toolbar === \"object\" ? toolbar.sticky : undefined\n  const stickyToolbar: \"top\" | \"bottom\" | false =\n    stickyConfig === \"top\" ? \"top\" : stickyConfig ? \"bottom\" : false\n  const stickyVisibility =\n    toolbar && typeof toolbar === \"object\" ? toolbar.stickyVisibility : undefined\n\n  // Report the raw frontmatter block on mount and whenever it changes. Stylo\n  // does not parse it — the host passes `raw` to its own YAML parser.\n  const onFrontmatterRef = useRef(onFrontmatter)\n  onFrontmatterRef.current = onFrontmatter\n\n  // Stable wrapper so a changed `onResolveError` needs no editor rebuild and\n  // does not thrash the embed effect. Passed to every surface.\n  const onResolveErrorRef = useRef(onResolveError)\n  onResolveErrorRef.current = onResolveError\n  const resolveError = useRef((error: unknown, info: ResolveErrorInfo) => {\n    onResolveErrorRef.current?.(error, info)\n  }).current\n  const lastFrontmatter = useRef<string | null | undefined>(undefined)\n  useEffect(() => {\n    const raw = splitFrontmatter(value)?.frontmatter ?? null\n    if (raw === lastFrontmatter.current) return\n    lastFrontmatter.current = raw\n    onFrontmatterRef.current?.(raw)\n  }, [value])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => view?.focus(),\n      getView: () => view,\n      insertAtCursor: (md) => {\n        if (!view) return\n        view.dispatch(view.state.replaceSelection(md))\n        view.focus()\n      },\n      scrollToHeading: (text) => {\n        if (!view) return false\n        const target = text.trim().toLowerCase()\n        const { doc } = view.state\n        for (let n = 1; n <= doc.lines; n++) {\n          const line = doc.line(n)\n          const m = /^ {0,3}#{1,6}[ \\t]+(.*?)(?:[ \\t]+#+)?[ \\t]*$/.exec(line.text)\n          if (!m || m[1] === undefined) continue\n          if (m[1].trim().toLowerCase() !== target) continue\n          view.dispatch({\n            selection: { anchor: line.from },\n            effects: EditorView.scrollIntoView(line.from, { y: \"start\" }),\n          })\n          view.focus()\n          return true\n        }\n        return false\n      },\n    }),\n    [view],\n  )\n\n  const rootClass = [\n    styles.root,\n    stickyToolbar === \"bottom\" && styles.stickyToolbarRootBottom,\n    stickyToolbar === \"top\" && styles.stickyToolbarRootTop,\n    \"stylo\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n\n  return (\n    <div className={rootClass} data-stylo-mode={resolved}>\n      {toolbarItems &&\n        (() => {\n          const bar = (\n            <Toolbar\n              view={view}\n              items={toolbarItems}\n              icons={icons}\n              disabled={readOnly}\n              sticky={stickyToolbar}\n              stickyVisibility={stickyVisibility}\n            />\n          )\n          return toolbarRender ? toolbarRender(bar, { view }) : bar\n        })()}\n\n      {resolved === \"source\" && (\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          tagSource={tagSource}\n          onResolveError={resolveError}\n          onSave={onSave}\n          onViewChange={setView}\n          canvasHeader={canvasHeader}\n        />\n      )}\n\n      {resolved === \"preview\" && (\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview\n            value={value}\n            onWikiLinkClick={onWikiLinkClick}\n            embedSource={embedSource}\n            onResolveError={resolveError}\n            frontmatter={frontmatter}\n            codeLanguages={codeLanguages}\n            softBreaks={softBreaks}\n          />\n        </Suspense>\n      )}\n\n      {resolved === \"split\" && (\n        <SplitView\n          value={value}\n          onChange={onChange}\n          onWikiLinkClick={onWikiLinkClick}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          tagSource={tagSource}\n          embedSource={embedSource}\n          onResolveError={resolveError}\n          frontmatter={frontmatter}\n          softBreaks={softBreaks}\n          onSave={onSave}\n          onViewChange={setView}\n          canvasHeader={canvasHeader}\n        />\n      )}\n\n      {resolved === \"in-place\" && (\n        <Suspense fallback={<div className={styles.inplace} aria-busy=\"true\" />}>\n          <LazyInPlaceView\n            value={value}\n            onChange={onChange}\n            readOnly={readOnly}\n            placeholder={placeholder}\n            onWikiLinkClick={onWikiLinkClick}\n            onLinkClick={onLinkClick}\n            inPlace={inPlace}\n            codeLanguages={codeLanguages}\n            wikiLinkSource={wikiLinkSource}\n            tagSource={tagSource}\n            embedSource={embedSource}\n            onResolveError={resolveError}\n            onSave={onSave}\n            onViewChange={setView}\n            canvasHeader={canvasHeader}\n          />\n        </Suspense>\n      )}\n    </div>\n  )\n})\n\nStylo.displayName = \"Stylo\"\n"],"mappings":"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"}
+{"version":3,"file":"stylo.js","names":[],"sources":["../src/editor/SourceView.tsx","../src/inplace/lazyInPlace.ts","../src/render/lazyPreview.ts","../src/SplitView.tsx","../src/toolbar/floating-watchdog.ts","../src/toolbar/keyboard-inset.ts","../src/toolbar/Toolbar.tsx","../src/Stylo.tsx"],"sourcesContent":["import { useRef, useState, useSyncExternalStore } from \"react\"\nimport type { ReactNode } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { showPanel } from \"@codemirror/view\"\nimport type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { CodeLanguages, ResolveErrorInfo, TagSource, WikiLinkSource } from \"../types\"\nimport { CanvasHeaderHost } from \"./canvas-header-panel\"\nimport { useCodeMirror } from \"./useCodeMirror\"\n\nconst noopSubscribe = () => () => {}\nconst noopSnapshot = () => null\n\nexport interface SourceViewProps {\n  value: string\n  onChange: (next: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  /** Fenced-code grammars, forwarded to the Markdown language. Read once. */\n  codeLanguages?: CodeLanguages\n  /** `[[wikilink]]` autocomplete source. Read once. */\n  wikiLinkSource?: WikiLinkSource\n  /** `#tag` autocomplete source. Read once. */\n  tagSource?: TagSource\n  /** Notified when `wikiLinkSource` or `tagSource` rejects. */\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Called with the `EditorView` once created, and with `null` on teardown. */\n  onViewChange?: (view: EditorView | null) => void\n  /** Host content docked after the search panel, before the document. Read once. */\n  canvasHeader?: (ctx: { view: EditorView | null }) => ReactNode\n}\n\n/** Raw CodeMirror 6 Markdown surface bound to the canonical string. */\nexport function SourceView({\n  value,\n  onChange,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  tagSource,\n  onResolveError,\n  onSave,\n  onViewChange,\n  canvasHeader,\n}: SourceViewProps) {\n  const [editorView, setEditorView] = useState<EditorView | null>(null)\n  const onViewChangeRef = useRef(onViewChange)\n  onViewChangeRef.current = onViewChange\n  const handleViewChange = useRef((view: EditorView | null) => {\n    setEditorView(view)\n    onViewChangeRef.current?.(view)\n  }).current\n\n  // `canvasHeader` itself is read through a ref (a changed render prop needs\n  // no editor rebuild); whether it was passed at all is read once, at mount,\n  // to decide whether the panel extension exists at all.\n  const canvasHeaderRef = useRef(canvasHeader)\n  canvasHeaderRef.current = canvasHeader\n  const [headerHost] = useState(() => (canvasHeader ? new CanvasHeaderHost() : null))\n  const headerDom = useSyncExternalStore(\n    headerHost?.subscribe ?? noopSubscribe,\n    headerHost?.getSnapshot ?? noopSnapshot,\n  )\n  const [extensions] = useState(() => (headerHost ? [showPanel.of(headerHost.panel)] : []))\n\n  const ref = useCodeMirror({\n    value,\n    onChange,\n    readOnly,\n    placeholder,\n    codeLanguages,\n    wikiLinkSource,\n    tagSource,\n    onResolveError,\n    onSave,\n    onViewChange: handleViewChange,\n    extensions,\n  })\n  return (\n    <div className={styles.source} ref={ref}>\n      {headerDom &&\n        canvasHeaderRef.current &&\n        createPortal(canvasHeaderRef.current({ view: editorView }), headerDom)}\n    </div>\n  )\n}\n","import { lazy } from \"react\"\n\n/**\n * The in-place canvas carries the decoration plugin (and, in later increments,\n * its KaTeX widgets). It loads only when `mode` resolves to `in-place`, so\n * `source` consumers never fetch it.\n */\nexport const LazyInPlaceView = lazy(async () => ({\n  default: (await import(\"./InPlaceView\")).InPlaceView,\n}))\n","import { lazy } from \"react\"\n\n/**\n * Preview pulls in react-markdown + remark/rehype + KaTeX. It is loaded only\n * when a rendered mode (`preview`, `split`) is actually used, so `mode=\"source\"`\n * consumers never pay for it. Both callers share this one wrapper, so the render\n * pipeline stays a single lazy chunk.\n */\nexport const LazyPreview = lazy(async () => ({\n  default: (await import(\"./Preview\")).Preview,\n}))\n","import { Suspense, useEffect, useRef, useState } from \"react\"\nimport type { ReactNode } from \"react\"\nimport type { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport styles from \"./styles/stylo.module.css\"\nimport type {\n  CodeLanguages,\n  EmbedSource,\n  FrontmatterDisplay,\n  ResolveErrorInfo,\n  TagSource,\n  TaskToggleInfo,\n  WikiLinkSource,\n} from \"./types\"\n\nexport interface SplitViewProps {\n  value: string\n  onChange: (next: string) => void\n  onWikiLinkClick?: (target: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  codeLanguages?: CodeLanguages\n  wikiLinkSource?: WikiLinkSource\n  tagSource?: TagSource\n  embedSource?: EmbedSource\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  frontmatter?: FrontmatterDisplay\n  softBreaks?: boolean\n  onTaskToggle?: (info: TaskToggleInfo) => void\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Forwarded the source pane's `EditorView` for the shared toolbar. */\n  onViewChange?: (view: EditorView | null) => void\n  /** Host content docked in the source pane, after its search panel. Read once. */\n  canvasHeader?: (ctx: { view: EditorView | null }) => ReactNode\n}\n\n/**\n * Source and preview side by side. Both panes are a pure function of the same\n * string; the only link between them is a proportional scroll sync. Expects the\n * Stylo root to have a bounded height — otherwise both panes grow and the page\n * scrolls instead.\n */\nexport function SplitView({\n  value,\n  onChange,\n  onWikiLinkClick,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  tagSource,\n  embedSource,\n  onResolveError,\n  frontmatter,\n  softBreaks,\n  onTaskToggle,\n  onSave,\n  onViewChange,\n  canvasHeader,\n}: SplitViewProps) {\n  const [view, setView] = useState<EditorView | null>(null)\n  const previewPane = useRef<HTMLDivElement | null>(null)\n  const syncing = useRef(false)\n\n  const handleView = (next: EditorView | null) => {\n    setView(next)\n    onViewChange?.(next)\n  }\n\n  useEffect(() => {\n    const source = view?.scrollDOM\n    const preview = previewPane.current\n    if (!source || !preview) return\n\n    const sync = (from: HTMLElement, to: HTMLElement) => {\n      if (syncing.current) return\n      const range = from.scrollHeight - from.clientHeight\n      if (range <= 0) return\n      syncing.current = true\n      to.scrollTop = (from.scrollTop / range) * (to.scrollHeight - to.clientHeight)\n      requestAnimationFrame(() => {\n        syncing.current = false\n      })\n    }\n\n    const fromSource = () => sync(source, preview)\n    const fromPreview = () => sync(preview, source)\n    source.addEventListener(\"scroll\", fromSource, { passive: true })\n    preview.addEventListener(\"scroll\", fromPreview, { passive: true })\n    return () => {\n      source.removeEventListener(\"scroll\", fromSource)\n      preview.removeEventListener(\"scroll\", fromPreview)\n    }\n  }, [view])\n\n  return (\n    <div className={styles.split}>\n      <div className={styles.splitPane}>\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          tagSource={tagSource}\n          onResolveError={onResolveError}\n          onSave={onSave}\n          onViewChange={handleView}\n          canvasHeader={canvasHeader}\n        />\n      </div>\n      <div className={styles.splitPane} ref={previewPane}>\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview\n            value={value}\n            onWikiLinkClick={onWikiLinkClick}\n            embedSource={embedSource}\n            onResolveError={onResolveError}\n            frontmatter={frontmatter}\n            codeLanguages={codeLanguages}\n            softBreaks={softBreaks}\n            onTaskToggle={onTaskToggle}\n          />\n        </Suspense>\n      </div>\n    </div>\n  )\n}\n","import { useEffect, type RefObject } from \"react\"\n\n/**\n * Continuously re-asserts a `transform` on a `position: fixed` element,\n * alternating an imperceptible sub-pixel jitter every animation frame,\n * instead of trusting the browser to keep it correctly composited on its\n * own. Several rounds of on-device testing found iOS Safari losing track of\n * this exact kind of element — across its own address-bar animation, and in\n * at least one report tied to the keyboard opening — in ways a one-time\n * static fix (a plain `translateZ(0)`) did not reliably prevent. A value\n * that never changes gives the browser nothing to recompute; alternating it\n * every frame forces a fresh compositor pass regardless of what triggered\n * the drift, so it can't stay wrong for more than one frame (~16ms).\n *\n * Writes to the DOM directly rather than through React state, so this never\n * causes a re-render — the transform is the only thing touched.\n */\nexport function useFloatingWatchdog(ref: RefObject<HTMLElement | null>, enabled: boolean): void {\n  useEffect(() => {\n    if (!enabled) return\n    let raf = 0\n    let jitter = false\n    const tick = () => {\n      const el = ref.current\n      if (el) {\n        jitter = !jitter\n        el.style.transform = jitter ? \"translate3d(0, 0.01px, 0)\" : \"translate3d(0, 0, 0)\"\n      }\n      raf = requestAnimationFrame(tick)\n    }\n    raf = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(raf)\n  }, [ref, enabled])\n}\n","import { useEffect, useState } from \"react\"\n\n/**\n * How far the on-screen keyboard eats into the window, tracked through the\n * `visualViewport` API. 0 when `enabled` is false or the browser has no\n * `visualViewport` (older Safari, SSR, most desktop browsers). A mobile\n * keyboard shrinks the *visual* viewport, not the layout viewport a plain\n * `position: fixed` bottom offset is computed against — this is what lets the\n * sticky toolbar ride up above the keyboard instead of hiding behind it.\n */\nexport function useKeyboardInset(enabled: boolean): number {\n  const [inset, setInset] = useState(0)\n\n  useEffect(() => {\n    const vv = typeof window === \"undefined\" ? null : window.visualViewport\n    if (!enabled || !vv) {\n      setInset(0)\n      return\n    }\n    const update = () => setInset(Math.max(0, window.innerHeight - vv.height - vv.offsetTop))\n    update()\n    vv.addEventListener(\"resize\", update)\n    vv.addEventListener(\"scroll\", update)\n    return () => {\n      vv.removeEventListener(\"resize\", update)\n      vv.removeEventListener(\"scroll\", update)\n    }\n  }, [enabled])\n\n  return inset\n}\n","import { useEffect, useReducer, useRef, useState } from \"react\"\nimport type { ReactNode } from \"react\"\nimport type { EditorState } from \"@codemirror/state\"\nimport type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { ToolbarCommandId } from \"../types\"\nimport { BUILTIN_BY_ID } from \"./commands\"\nimport type { ToolbarItem } from \"./config\"\nimport { useFloatingWatchdog } from \"./floating-watchdog\"\nimport { DEFAULT_ICONS } from \"./icons\"\nimport { useKeyboardInset } from \"./keyboard-inset\"\n\nexport interface ToolbarProps {\n  /** The surface the commands act on. `null` while a lazy view is mounting. */\n  view: EditorView | null\n  /** Ordered items to render; `\"|\"` is a separator. */\n  items: ToolbarItem[]\n  /** Per-id glyph overrides; any id left out keeps its built-in icon. */\n  icons?: Partial<Record<ToolbarCommandId, ReactNode>>\n  /** Render every button inert (e.g. a read-only surface). */\n  disabled?: boolean\n  /** Fix the bar to a window edge (normalised from `ToolbarConfig.sticky`; the\n   *  caller resolves `true` to `\"bottom\"`). */\n  sticky?: \"top\" | \"bottom\" | false\n  /** Fade the bar out while the editing surface is unfocused (`ToolbarConfig.stickyVisibility`). */\n  stickyVisibility?: \"consistent\" | \"dynamic\"\n}\n\n/** A button to render, normalised from a built-in id or a custom item. */\ninterface Btn {\n  key: string\n  icon: ReactNode\n  title: string\n  run: (view: EditorView) => unknown\n  isActive?: (state: EditorState) => boolean\n  disabled?: (state: EditorState) => boolean\n}\n\n/**\n * Splits `items` into the runs a `\"|\"` already delimits, keeping each\n * separator as its own entry. A run renders as one flex child so wrapping\n * (on narrow hosts) breaks between groups, never in the middle of one — the\n * default bar's `undo, redo | h1, h2, h3 | ...` shape becomes the wrap unit\n * for free, no separate grouping config needed.\n */\nfunction groupItems(items: ToolbarItem[]): (Exclude<ToolbarItem, \"|\">[] | \"|\")[] {\n  const groups: (Exclude<ToolbarItem, \"|\">[] | \"|\")[] = []\n  let run: Exclude<ToolbarItem, \"|\">[] = []\n  for (const item of items) {\n    if (item !== \"|\") {\n      run.push(item)\n      continue\n    }\n    if (run.length) groups.push(run)\n    run = []\n    groups.push(\"|\")\n  }\n  if (run.length) groups.push(run)\n  return groups\n}\n\n/** Resolve one non-separator item to a renderable button, or `null` to skip it. */\nfunction toButton(item: Exclude<ToolbarItem, \"|\">, icons: ToolbarProps[\"icons\"]): Btn | null {\n  if (typeof item !== \"string\") {\n    const { id, icon, title, run, isActive, disabled } = item\n    return { key: id, icon, title, run, isActive, disabled }\n  }\n  const cmd = BUILTIN_BY_ID[item]\n  if (!cmd) return null\n  return {\n    key: item,\n    icon: icons?.[item] ?? DEFAULT_ICONS[item],\n    title: cmd.title,\n    run: cmd.run,\n    isActive: cmd.isActive,\n    disabled: cmd.disabled,\n  }\n}\n\n/**\n * Formatting bar above the editing surface. It holds no document state — each\n * button runs a command against the live `EditorView`. Pressed states are read\n * back from the view whenever the selection, keys, or pointer move. Built-in\n * ids and consumer-supplied {@link ToolbarCustomItem}s render through the same\n * button path.\n */\nexport function Toolbar({ view, items, icons, disabled, sticky, stickyVisibility }: ToolbarProps) {\n  const [, refresh] = useReducer((n: number) => n + 1, 0)\n  const [focused, setFocused] = useState(false)\n  // Only \"bottom\" needs keyboard tracking — nothing eats into the top of the\n  // screen the way a keyboard eats the bottom.\n  const keyboardInset = useKeyboardInset(sticky === \"bottom\")\n  const barRef = useRef<HTMLDivElement>(null)\n  useFloatingWatchdog(barRef, sticky === \"top\")\n\n  useEffect(() => {\n    if (!view) return\n    const el = view.contentDOM\n    setFocused(view.hasFocus)\n    const onFocus = () => {\n      setFocused(true)\n      refresh()\n    }\n    const onBlur = () => {\n      setFocused(false)\n      refresh()\n    }\n    const events = [\"keyup\", \"mouseup\", \"input\"] as const\n    for (const ev of events) el.addEventListener(ev, refresh)\n    el.addEventListener(\"focus\", onFocus)\n    el.addEventListener(\"blur\", onBlur)\n    return () => {\n      for (const ev of events) el.removeEventListener(ev, refresh)\n      el.removeEventListener(\"focus\", onFocus)\n      el.removeEventListener(\"blur\", onBlur)\n    }\n  }, [view])\n\n  // \"dynamic\" fades the bar out while nothing is focused, so it doesn't sit\n  // over the content while the caret is elsewhere (e.g. scrolling to read).\n  const dynamicHidden = Boolean(sticky) && stickyVisibility === \"dynamic\" && !focused\n\n  const className = [\n    styles.toolbar,\n    sticky && styles.toolbarSticky,\n    sticky === \"top\" && styles.toolbarStickyTop,\n    sticky === \"bottom\" && styles.toolbarStickyBottom,\n    dynamicHidden && styles.toolbarStickyHidden,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n  // `transform`, not `bottom` — a `position: fixed` element repositioned via\n  // `bottom` doesn't reliably repaint in step with the keyboard animation on\n  // iOS Safari; `translateY` forces a compositor update on every\n  // `visualViewport` event instead. The bar's resting position (keyboard\n  // closed) is `bottom: 0` in CSS; this only nudges it up. `\"top\"` needs no\n  // offset at all.\n  const stickyStyle =\n    sticky === \"bottom\" ? { transform: `translateY(-${keyboardInset}px)` } : undefined\n\n  return (\n    <div\n      ref={barRef}\n      className={className}\n      role=\"toolbar\"\n      aria-label=\"Formatting\"\n      aria-hidden={dynamicHidden || undefined}\n      style={stickyStyle}\n    >\n      {groupItems(items).map((group, i) => {\n        if (group === \"|\") {\n          return <span key={`sep-${i}`} className={styles.toolbarSep} aria-hidden=\"true\" />\n        }\n        return (\n          <div key={`group-${i}`} className={styles.toolbarGroup}>\n            {group.map((item) => {\n              const btn = toButton(item, icons)\n              if (!btn) return null\n              const off = disabled || !view || Boolean(btn.disabled?.(view.state))\n              const active = Boolean(!off && view && btn.isActive?.(view.state))\n              return (\n                <button\n                  key={btn.key}\n                  type=\"button\"\n                  className={styles.toolbarButton}\n                  data-command={btn.key}\n                  title={btn.title}\n                  aria-label={btn.title}\n                  aria-pressed={btn.isActive ? active : undefined}\n                  data-active={active ? \"\" : undefined}\n                  disabled={off}\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => {\n                    if (!view) return\n                    btn.run(view)\n                    refresh()\n                  }}\n                >\n                  {btn.icon}\n                </button>\n              )\n            })}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n","import { forwardRef, Suspense, useEffect, useImperativeHandle, useRef, useState } from \"react\"\nimport { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyInPlaceView } from \"./inplace/lazyInPlace\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport { SplitView } from \"./SplitView\"\nimport styles from \"./styles/stylo.module.css\"\nimport { Toolbar } from \"./toolbar/Toolbar\"\nimport { resolveToolbarItems } from \"./toolbar/config\"\nimport { splitFrontmatter } from \"./frontmatter\"\nimport \"./styles/tokens.css\"\nimport type { ResolveErrorInfo, StyloHandle, StyloProps } from \"./types\"\n\n/**\n * Plain-text-first Markdown editor. `value` is the canonical Markdown string;\n * every view is a pure function of it.\n *\n * The default `mode` is `in-place`, the live decoration canvas (ADR-002 §1,\n * ADR-004). Pass `mode=\"source\"` for the plain surface with no lazy render\n * chunk. `preview` and `split` are also available.\n *\n * A formatting `toolbar` sits above every editing surface (all modes but\n * `preview`); pass `toolbar={false}` to drop it or a `ToolbarConfig` to trim it.\n */\nexport const Stylo = forwardRef<StyloHandle, StyloProps>(function Stylo(\n  {\n    value,\n    onChange,\n    mode = \"in-place\",\n    onSave,\n    onFrontmatter,\n    onWikiLinkClick,\n    onLinkClick,\n    readOnly,\n    placeholder,\n    className,\n    inPlace,\n    codeLanguages,\n    wikiLinkSource,\n    tagSource,\n    embedSource,\n    onResolveError,\n    toolbar,\n    icons,\n    frontmatter,\n    softBreaks,\n    onTaskToggle,\n    canvasHeader,\n  },\n  ref,\n) {\n  const resolved = mode === \"preview\" || mode === \"split\" || mode === \"in-place\" ? mode : \"source\"\n\n  const [view, setView] = useState<EditorView | null>(null)\n  const toolbarItems = resolved === \"preview\" ? null : resolveToolbarItems(toolbar)\n  const toolbarRender = toolbar && typeof toolbar === \"object\" ? toolbar.render : undefined\n  const stickyConfig = toolbar && typeof toolbar === \"object\" ? toolbar.sticky : undefined\n  const stickyToolbar: \"top\" | \"bottom\" | false =\n    stickyConfig === \"top\" ? \"top\" : stickyConfig ? \"bottom\" : false\n  const stickyVisibility =\n    toolbar && typeof toolbar === \"object\" ? toolbar.stickyVisibility : undefined\n\n  // Report the raw frontmatter block on mount and whenever it changes. Stylo\n  // does not parse it — the host passes `raw` to its own YAML parser.\n  const onFrontmatterRef = useRef(onFrontmatter)\n  onFrontmatterRef.current = onFrontmatter\n\n  // Stable wrapper so a changed `onResolveError` needs no editor rebuild and\n  // does not thrash the embed effect. Passed to every surface.\n  const onResolveErrorRef = useRef(onResolveError)\n  onResolveErrorRef.current = onResolveError\n  const resolveError = useRef((error: unknown, info: ResolveErrorInfo) => {\n    onResolveErrorRef.current?.(error, info)\n  }).current\n  const lastFrontmatter = useRef<string | null | undefined>(undefined)\n  useEffect(() => {\n    const raw = splitFrontmatter(value)?.frontmatter ?? null\n    if (raw === lastFrontmatter.current) return\n    lastFrontmatter.current = raw\n    onFrontmatterRef.current?.(raw)\n  }, [value])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => view?.focus(),\n      getView: () => view,\n      insertAtCursor: (md) => {\n        if (!view) return\n        view.dispatch(view.state.replaceSelection(md))\n        view.focus()\n      },\n      scrollToHeading: (text) => {\n        if (!view) return false\n        const target = text.trim().toLowerCase()\n        const { doc } = view.state\n        for (let n = 1; n <= doc.lines; n++) {\n          const line = doc.line(n)\n          const m = /^ {0,3}#{1,6}[ \\t]+(.*?)(?:[ \\t]+#+)?[ \\t]*$/.exec(line.text)\n          if (!m || m[1] === undefined) continue\n          if (m[1].trim().toLowerCase() !== target) continue\n          view.dispatch({\n            selection: { anchor: line.from },\n            effects: EditorView.scrollIntoView(line.from, { y: \"start\" }),\n          })\n          view.focus()\n          return true\n        }\n        return false\n      },\n    }),\n    [view],\n  )\n\n  const rootClass = [\n    styles.root,\n    stickyToolbar === \"bottom\" && styles.stickyToolbarRootBottom,\n    stickyToolbar === \"top\" && styles.stickyToolbarRootTop,\n    \"stylo\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n\n  return (\n    <div className={rootClass} data-stylo-mode={resolved}>\n      {toolbarItems &&\n        (() => {\n          const bar = (\n            <Toolbar\n              view={view}\n              items={toolbarItems}\n              icons={icons}\n              disabled={readOnly}\n              sticky={stickyToolbar}\n              stickyVisibility={stickyVisibility}\n            />\n          )\n          return toolbarRender ? toolbarRender(bar, { view }) : bar\n        })()}\n\n      {resolved === \"source\" && (\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          tagSource={tagSource}\n          onResolveError={resolveError}\n          onSave={onSave}\n          onViewChange={setView}\n          canvasHeader={canvasHeader}\n        />\n      )}\n\n      {resolved === \"preview\" && (\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview\n            value={value}\n            onWikiLinkClick={onWikiLinkClick}\n            embedSource={embedSource}\n            onResolveError={resolveError}\n            frontmatter={frontmatter}\n            codeLanguages={codeLanguages}\n            softBreaks={softBreaks}\n            onTaskToggle={onTaskToggle}\n          />\n        </Suspense>\n      )}\n\n      {resolved === \"split\" && (\n        <SplitView\n          value={value}\n          onChange={onChange}\n          onWikiLinkClick={onWikiLinkClick}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          tagSource={tagSource}\n          embedSource={embedSource}\n          onResolveError={resolveError}\n          frontmatter={frontmatter}\n          softBreaks={softBreaks}\n          onTaskToggle={onTaskToggle}\n          onSave={onSave}\n          onViewChange={setView}\n          canvasHeader={canvasHeader}\n        />\n      )}\n\n      {resolved === \"in-place\" && (\n        <Suspense fallback={<div className={styles.inplace} aria-busy=\"true\" />}>\n          <LazyInPlaceView\n            value={value}\n            onChange={onChange}\n            readOnly={readOnly}\n            placeholder={placeholder}\n            onWikiLinkClick={onWikiLinkClick}\n            onLinkClick={onLinkClick}\n            inPlace={inPlace}\n            codeLanguages={codeLanguages}\n            wikiLinkSource={wikiLinkSource}\n            tagSource={tagSource}\n            embedSource={embedSource}\n            onResolveError={resolveError}\n            onSave={onSave}\n            onViewChange={setView}\n            canvasHeader={canvasHeader}\n          />\n        </Suspense>\n      )}\n    </div>\n  )\n})\n\nStylo.displayName = \"Stylo\"\n"],"mappings":"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"}

package/dist/types.d.ts

@@ -154,6 +154,22 @@ export interface ResolveErrorInfo {
     /** What it was asked to resolve — an `![[ref]]` reference, or the `[[` query. */
     input: string;
 }
+/**
+ * Reported by `onTaskToggle` when a `preview` task-list checkbox is clicked.
+ * `start`/`end` are raw offsets into `value` bracketing the `[ ]` / `[x]`
+ * marker itself (`end - start === 3`); splice in the new marker text to apply
+ * the toggle: `value.slice(0, start) + (checked ? "[x]" : "[ ]") +
+ * value.slice(end)`. `checked` is the box's new state, not its state before
+ * the click.
+ */
+export interface TaskToggleInfo {
+    /** Offset of the marker's opening `[` in `value`. */
+    start: number;
+    /** Offset just past the marker's closing `]` in `value`. */
+    end: number;
+    /** The checkbox's new state. */
+    checked: boolean;
+}
 /**
  * Per-construct on/off switches for the in-place canvas. Each key defaults to
  * `true`; setting one `false` leaves that construct as plain source — no
@@ -292,6 +308,16 @@ export interface StyloProps {
      * decorates each source line independently there.
      */
     softBreaks?: boolean;
+    /**
+     * Makes `preview` (and `split`'s preview pane) task-list checkboxes
+     * clickable instead of `disabled`. Fired with a {@link TaskToggleInfo} — raw
+     * offsets into `value` bracketing the clicked `[ ]` / `[x]` marker, and its
+     * new state. Stylo never mutates `value` itself; splice the marker and pass
+     * the result to `onChange`, same division of labour as `onWikiLinkClick`.
+     * Off by default: every checkbox stays `disabled`, exactly like today,
+     * until a host opts in.
+     */
+    onTaskToggle?: (info: TaskToggleInfo) => void;
     /**
      * Grammars for fenced-code sub-highlighting on the CodeMirror surfaces
      * (`source`, `split`, `in-place`). None by default. Read once, at mount.

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@damiro/stylo",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "description": "A plain-text-first Markdown editor for React, with first-class LaTeX (KaTeX) support.",
   "type": "module",
   "license": "MIT",

package/dist/Preview-CmZnIEzi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preview-CmZnIEzi.js","names":[],"sources":["../src/render/highlightCode.ts","../src/render/CodeBlock.tsx","../src/render/remark-callout.ts","../src/render/remark-embed.ts","../src/render/remark-wikilink.ts","../src/render/Preview.tsx"],"sourcesContent":["import { LanguageDescription, type Language } from \"@codemirror/language\"\nimport { highlightTree, tagHighlighter } from \"@lezer/highlight\"\nimport { SYNTAX_TAG_GROUPS } from \"../editor/highlight\"\nimport type { CodeLanguages } from \"../types\"\n\n/**\n * `preview`'s counterpart to `src/editor/highlight.ts`'s `styloHighlightStyle`\n * — same `SYNTAX_TAG_GROUPS`, same tags, but emitting plain `stylo-tok-<token>`\n * classes (styled in `stylo.module.css`) instead of a CodeMirror `StyleModule`,\n * since `highlightTree` here runs outside of any `EditorView`.\n */\nconst previewHighlighter = tagHighlighter(\n  SYNTAX_TAG_GROUPS.map(({ tags, token }) => ({ tag: tags, class: `stylo-tok-${token}` })),\n)\n\nconst ESCAPES: Record<string, string> = { \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }\nconst escapeHtml = (text: string) => text.replace(/[&<>]/g, (c) => ESCAPES[c] ?? c)\n\n/**\n * Resolves a fence's language the same way `@codemirror/lang-markdown`\n * resolves `codeLanguages` for the CodeMirror surfaces, so a name that matches\n * on one matches on the other: the function form is called with the name\n * directly, an array is matched fuzzily by `LanguageDescription.matchLanguageName`.\n */\nfunction resolveLanguage(\n  name: string,\n  codeLanguages: CodeLanguages,\n): Language | LanguageDescription | null {\n  if (typeof codeLanguages === \"function\") return codeLanguages(name)\n  return LanguageDescription.matchLanguageName(codeLanguages, name, true)\n}\n\n/**\n * Tokenizes one fenced code block for `preview`, reusing the exact grammars\n * and colour mapping the in-place canvas's CodeMirror highlighter uses, so a\n * block looks identical whether the note is being read or edited. Returns\n * `null` — the block stays plain, un-highlighted text — when `codeLanguages`\n * has no match for `info`, or the match fails to load.\n */\nexport async function highlightToHtml(\n  code: string,\n  info: string,\n  codeLanguages: CodeLanguages,\n): Promise<string | null> {\n  const name = /\\S*/.exec(info)?.[0] ?? \"\"\n  if (!name) return null\n\n  const match = resolveLanguage(name, codeLanguages)\n  if (!match) return null\n\n  let language: Language\n  if (match instanceof LanguageDescription) {\n    try {\n      language = (await match.load()).language\n    } catch {\n      return null\n    }\n  } else {\n    language = match\n  }\n\n  const tree = language.parser.parse(code)\n  let html = \"\"\n  let pos = 0\n  highlightTree(tree, previewHighlighter, (from, to, classes) => {\n    if (from > pos) html += escapeHtml(code.slice(pos, from))\n    html += `<span class=\"${classes}\">${escapeHtml(code.slice(from, to))}</span>`\n    pos = to\n  })\n  if (pos < code.length) html += escapeHtml(code.slice(pos))\n  return html\n}\n","import { useEffect, useState } from \"react\"\nimport type { CodeLanguages } from \"../types\"\nimport { highlightToHtml } from \"./highlightCode\"\n\ninterface CodeBlockProps {\n  code: string\n  language: string\n  codeLanguages: CodeLanguages\n  className?: string\n}\n\n/**\n * One fenced code block in `preview`. Renders plain text immediately — so\n * there is never a loading flash for something this small — then swaps in\n * `--stylo-syntax-*`-coloured spans once `codeLanguages` resolves and the\n * block's grammar parses. Per-language grammars stay exactly as lazy as they\n * already are for the CodeMirror surfaces (`codeLanguages` is host-supplied),\n * so a `preview`-only consumer never pays for one it never shows.\n */\nexport function CodeBlock({ code, language, codeLanguages, className }: CodeBlockProps) {\n  const [html, setHtml] = useState<string | null>(null)\n\n  useEffect(() => {\n    let live = true\n    setHtml(null)\n    highlightToHtml(code, language, codeLanguages).then((result) => {\n      if (live) setHtml(result)\n    })\n    return () => {\n      live = false\n    }\n  }, [code, language, codeLanguages])\n\n  if (html == null) return <code className={className}>{code}</code>\n  // `html` is built in highlightCode.ts from the parsed source text (HTML-escaped)\n  // and fixed `stylo-tok-*` class names only — no host or document input reaches it.\n  return <code className={className} dangerouslySetInnerHTML={{ __html: html }} />\n}\n","import type { Blockquote, Root } from \"mdast\"\nimport { visit } from \"unist-util-visit\"\nimport { CALLOUT_TOKEN, calloutBucket } from \"../callout\"\n\n/**\n * Turns an Obsidian callout blockquote (`> [!note] Title`) into a\n * `<blockquote class=\"stylo-callout stylo-callout-<bucket>\" data-callout=\"note\">`.\n * The `[!type]` token is stripped from the first line; a `::before` label keyed\n * off `data-callout` stands in for it (matching the in-place canvas). The\n * `-` / `+` fold marker is accepted and ignored — the box always renders open.\n */\nexport function remarkCallout() {\n  return (tree: Root) => {\n    visit(tree, \"blockquote\", (node: Blockquote) => {\n      const para = node.children[0]\n      if (para?.type !== \"paragraph\") return\n      const first = para.children[0]\n      if (first?.type !== \"text\") return\n\n      const m = CALLOUT_TOKEN.exec(first.value)\n      if (!m) return\n\n      first.value = first.value.slice(m[0].length)\n      const type = m[1]!.toLowerCase()\n      node.data ??= {}\n      const props = (node.data.hProperties ??= {}) as Record<string, unknown>\n      props.className = [\"stylo-callout\", `stylo-callout-${calloutBucket(type)}`]\n      props[\"data-callout\"] = type\n    })\n  }\n}\n","import type { Paragraph, PhrasingContent, Root, Text } from \"mdast\"\nimport { SKIP, visit } from \"unist-util-visit\"\nimport { EMBED_PATTERN, isLoneEmbed } from \"../embed\"\n\n/**\n * Turns `![[ref]]` transclusion syntax into empty carrier elements the `Embed`\n * component (wired in `Preview`) fills from the host's `embedSource`.\n *\n * - A **lone** `![[ref]]` — the whole paragraph, trimmed — becomes a block\n *   `<div class=\"stylo-embed\" data-stylo-embed=\"ref\">`.\n * - A `![[ref]]` **inside other text** becomes an inline\n *   `<span class=\"stylo-embed\" data-stylo-embed-inline=\"ref\">`, and the\n *   surrounding text is preserved around it. The host node should be phrasing\n *   content in this case.\n *\n * `![[…]]` inside inline or fenced code is left literal (it is not a `text`\n * node). Must run before `remarkWikilink`, or the inner `[[ref]]` is rewritten\n * to a link first. Off unless the consumer passes `embedSource` — `Preview` only\n * adds this plugin then.\n */\nexport function remarkEmbed() {\n  return (tree: Root) => {\n    visit(tree, \"paragraph\", (node: Paragraph) => {\n      const only = node.children.length === 1 ? node.children[0] : undefined\n      if (only?.type !== \"text\" || !isLoneEmbed(only.value)) return\n\n      EMBED_PATTERN.lastIndex = 0\n      const ref = (EMBED_PATTERN.exec(only.value.trim())?.[1] ?? \"\").trim()\n      if (!ref) return\n\n      node.children = []\n      node.data ??= {}\n      node.data.hName = \"div\"\n      node.data.hProperties = { className: [\"stylo-embed\"], \"data-stylo-embed\": ref }\n    })\n\n    visit(tree, \"text\", (node: Text, index, parent) => {\n      if (index == null || parent == null || !node.value.includes(\"![[\")) return\n\n      const parts: PhrasingContent[] = []\n      let cursor = 0\n      // `matchAll` seeds its internal copy from the shared regex's `lastIndex`;\n      // reset it so the scan starts at 0 (the lone-paragraph pass above left it\n      // mid-string).\n      EMBED_PATTERN.lastIndex = 0\n      for (const match of node.value.matchAll(EMBED_PATTERN)) {\n        const ref = (match[1] ?? \"\").trim()\n        if (!ref) continue\n        const start = match.index ?? 0\n        if (start > cursor) parts.push({ type: \"text\", value: node.value.slice(cursor, start) })\n        parts.push({\n          type: \"text\",\n          value: \"\",\n          data: {\n            hName: \"span\",\n            hProperties: { className: [\"stylo-embed\"], \"data-stylo-embed-inline\": ref },\n            hChildren: [],\n          },\n        })\n        cursor = start + match[0].length\n      }\n\n      if (!parts.length) return\n      if (cursor < node.value.length) parts.push({ type: \"text\", value: node.value.slice(cursor) })\n      parent.children.splice(index, 1, ...parts)\n      return [SKIP, index + parts.length]\n    })\n  }\n}\n","import type { Link, Root, Text } from \"mdast\"\nimport { visit } from \"unist-util-visit\"\nimport { WIKILINK_PATTERN } from \"../wikilink\"\n\n/**\n * Rewrites `[[target]]` and `[[target|label]]` inside text into link nodes that\n * carry a `data-wikilink` attribute holding the target. The rendered href is\n * inert (`#`); navigation is the host's job via `onWikiLinkClick`.\n */\nexport function remarkWikilink() {\n  return (tree: Root) => {\n    visit(tree, \"text\", (node: Text, index, parent) => {\n      if (parent == null || index == null || !node.value.includes(\"[[\")) return\n\n      const out: Array<Text | Link> = []\n      let cursor = 0\n\n      for (const match of node.value.matchAll(WIKILINK_PATTERN)) {\n        const [raw = \"\", rawTarget = \"\", rawLabel] = match\n        const start = match.index ?? 0\n        if (start > cursor) {\n          out.push({ type: \"text\", value: node.value.slice(cursor, start) })\n        }\n        out.push({\n          type: \"link\",\n          url: \"#\",\n          data: { hProperties: { \"data-wikilink\": rawTarget.trim() } },\n          children: [{ type: \"text\", value: (rawLabel ?? rawTarget).trim() }],\n        })\n        cursor = start + raw.length\n      }\n\n      if (cursor === 0) return\n      if (cursor < node.value.length) {\n        out.push({ type: \"text\", value: node.value.slice(cursor) })\n      }\n\n      parent.children.splice(index, 1, ...out)\n      return index + out.length\n    })\n  }\n}\n","import { useMemo } from \"react\"\nimport Markdown, { type Components } from \"react-markdown\"\nimport rehypeKatex from \"rehype-katex\"\nimport remarkBreaks from \"remark-breaks\"\nimport remarkFrontmatter from \"remark-frontmatter\"\nimport remarkGfm from \"remark-gfm\"\nimport remarkMath from \"remark-math\"\nimport { splitFrontmatter } from \"../frontmatter\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo } from \"../types\"\nimport { CodeBlock } from \"./CodeBlock\"\nimport { Embed } from \"./Embed\"\nimport { remarkCallout } from \"./remark-callout\"\nimport { remarkEmbed } from \"./remark-embed\"\nimport { remarkWikilink } from \"./remark-wikilink\"\n\nconst REHYPE_PLUGINS = [rehypeKatex]\n\nexport interface PreviewProps {\n  value: string\n  onWikiLinkClick?: (target: string) => void\n  /** Resolves `![[ref]]` embeds. Omit and `![[…]]` stays literal. */\n  embedSource?: EmbedSource\n  /** Notified when `embedSource` rejects; the literal fallback still renders. */\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  /** `\"code\"` renders the `---` block as a styled `<pre>`; `\"hidden\"` (default) drops it. */\n  frontmatter?: FrontmatterDisplay\n  /**\n   * Grammars for fenced-code syntax highlighting, matching the CodeMirror\n   * surfaces' `codeLanguages` prop exactly (same resolution rules, same\n   * `--stylo-syntax-*` colours). Omit and fenced code renders as plain,\n   * un-highlighted text — today's behaviour.\n   */\n  codeLanguages?: CodeLanguages\n  /**\n   * Turn a single line ending into a real line break (`<br>`) instead of\n   * CommonMark's default — a blank line required to start a new paragraph,\n   * otherwise consecutive lines join into one run. Obsidian's Live Preview\n   * reads this way. Off by default: every existing `preview` render keeps\n   * today's paragraph-joining behaviour unless a host opts in. Has no effect\n   * on `in-place` / `source` — CodeMirror already decorates each source line\n   * independently there.\n   */\n  softBreaks?: boolean\n}\n\n/** Rendered Markdown + KaTeX view. A pure function of the string. */\nexport function Preview({\n  value,\n  onWikiLinkClick,\n  embedSource,\n  onResolveError,\n  frontmatter = \"hidden\",\n  codeLanguages,\n  softBreaks,\n}: PreviewProps) {\n  const fm = frontmatter === \"code\" ? splitFrontmatter(value) : null\n\n  // `remarkEmbed` must precede `remarkWikilink` (it consumes the `![[…]]` before\n  // the inner `[[…]]` is rewritten) and is only in the pipeline when the host\n  // opts in, so a bare `![[x]]` renders unchanged otherwise.\n  const remarkPlugins = useMemo(\n    () => [\n      remarkFrontmatter,\n      remarkGfm,\n      remarkMath,\n      ...(softBreaks ? [remarkBreaks] : []),\n      ...(embedSource ? [remarkEmbed] : []),\n      remarkWikilink,\n      remarkCallout,\n    ],\n    [embedSource, softBreaks],\n  )\n\n  const components: Components = {\n    a({ node: _node, children, ...rest }) {\n      const target = (rest as Record<string, unknown>)[\"data-wikilink\"]\n      if (typeof target === \"string\") {\n        return (\n          <a\n            {...rest}\n            href=\"#\"\n            onClick={(event) => {\n              event.preventDefault()\n              onWikiLinkClick?.(target)\n            }}\n          >\n            {children}\n          </a>\n        )\n      }\n      return (\n        <a {...rest} rel=\"noreferrer\">\n          {children}\n        </a>\n      )\n    },\n    div({ node: _node, children, ...rest }) {\n      const reference = (rest as Record<string, unknown>)[\"data-stylo-embed\"]\n      if (typeof reference === \"string\" && embedSource) {\n        return (\n          <div {...rest}>\n            <Embed reference={reference} source={embedSource} onError={onResolveError} />\n          </div>\n        )\n      }\n      return <div {...rest}>{children}</div>\n    },\n    span({ node: _node, children, ...rest }) {\n      const reference = (rest as Record<string, unknown>)[\"data-stylo-embed-inline\"]\n      if (typeof reference === \"string\" && embedSource) {\n        return (\n          <span {...rest}>\n            <Embed reference={reference} source={embedSource} onError={onResolveError} inline />\n          </span>\n        )\n      }\n      return <span {...rest}>{children}</span>\n    },\n    code({ node: _node, className, children, ...rest }) {\n      const language = /language-(\\w+)/.exec(className || \"\")?.[1]\n      if (language && codeLanguages) {\n        return (\n          <CodeBlock\n            className={className}\n            language={language}\n            code={String(children).replace(/\\n$/, \"\")}\n            codeLanguages={codeLanguages}\n          />\n        )\n      }\n      return (\n        <code {...rest} className={className}>\n          {children}\n        </code>\n      )\n    },\n  }\n\n  return (\n    <div className={styles.preview}>\n      {fm && <div className=\"stylo-frontmatter\">{fm.frontmatter}</div>}\n      <Markdown\n        remarkPlugins={remarkPlugins}\n        rehypePlugins={REHYPE_PLUGINS}\n        components={components}\n      >\n        {value}\n      </Markdown>\n    </div>\n  )\n}\n"],"mappings":"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"}