@clevertask/scribe 0.0.15 → 0.1.1

package/dist/components/Scribe/extension/slashCommand/index.js

@@ -1,5 +1,5 @@
-import "../../../../index-BKFDqQPh.js";
-import { S as o, s as e } from "../../../../index-CL2WLiGu.js";
+import "../../../../index-BiBV5TQx.js";
+import { a as o, s as e } from "../../../../index-V-gN11Y9.js";
 export {
   o as SlashCommand,
   e as slashMenuPluginKey

package/dist/components/Scribe/extension/slashCommand/renderItems.d.ts

@@ -1,5 +1,5 @@
 import { SuggestionKeyDownProps, SuggestionProps } from "@tiptap/suggestion";
-declare const renderItems: (_props: any) => () => {
+declare const renderItems: () => {
     onStart: (props: SuggestionProps) => void;
     onUpdate: (props: SuggestionProps) => void;
     onKeyDown(props: SuggestionKeyDownProps): boolean;

package/dist/components/Scribe/extension/slashCommand/renderItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderItems.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Scribe/extension/slashCommand/renderItems.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAK7E,QAAA,MAAM,WAAW,GAAI,WAAM;qBAON,eAAe;sBAsBd,eAAe;qBAahB,sBAAsB;;CAyB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"renderItems.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Scribe/extension/slashCommand/renderItems.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAK7E,QAAA,MAAM,WAAW;qBAMI,eAAe;sBAwBd,eAAe;qBAahB,sBAAsB;;CA0B1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Scribe/extension/slashCommand/renderItems.js

@@ -1,37 +1,42 @@
-import { R as l, t as c } from "../../../../index-PzbCrHp0.js";
-import { l as o, h as d } from "../../../../index-Cxf4VEm1.js";
-const f = (s) => () => {
-  let r, t = [], n, i = !o.isEmpty(t);
+import { R as o } from "../../../../index-DxF-1P4n.js";
+import { t as s } from "../../../../tippy.esm-DLHdsnfG.js";
+import { getPopupMountTarget as a } from "../getPopupMountTarget.js";
+import { SlashCommandList as l } from "./SlashCommandList.js";
+const u = () => {
+  let n, t = null, r;
   return {
     onStart: (e) => {
-      n = { ...e, ...s }, r = new l(d, {
-        props: n,
+      r = e, n = new o(l, {
+        props: r,
         editor: e.editor
-      }), e.clientRect && (t = c("body", {
+      }), e.clientRect && (t = s(e.editor.view.dom, {
         getReferenceClientRect: e.clientRect,
-        appendTo: () => document.body,
-        content: r.element,
+        appendTo: a(e.editor),
+        content: n.element,
+        popperOptions: {
+          strategy: "fixed"
+        },
         showOnCreate: !0,
         interactive: !0,
         trigger: "manual",
         placement: "bottom-start"
-      }), i = !o.isEmpty(t));
+      }));
     },
     onUpdate: (e) => {
-      n = e, r.updateProps(e), e.clientRect && i && t[0].setProps({
+      r = e, n?.updateProps(r), e.clientRect && t && !t.state.isDestroyed && t.setProps({
         getReferenceClientRect: e.clientRect
       });
     },
     onKeyDown(e) {
-      return e.event.key === "Escape" && i && !t[0].state.isDestroyed ? (t[0].hide(), !0) : (e.event.key === "Enter" && n.items.filter(
-        (a) => a.title.toLowerCase().startsWith(n.query.toLowerCase())
-      ).length === 0 && this.onExit(), r?.ref?.onKeyDown(e) || !1);
+      return e.event.key === "Escape" && t && !t.state.isDestroyed ? (t.hide(), !0) : (e.event.key === "Enter" && r.items.filter(
+        (i) => i.title.toLowerCase().startsWith(r.query.toLowerCase())
+      ).length === 0 && this.onExit(), n?.ref?.onKeyDown(e) || !1);
     },
     onExit() {
-      i && !t[0].state.isDestroyed && t[0].destroy();
+      t && !t.state.isDestroyed && t.destroy(), n?.destroy();
     }
   };
 };
 export {
-  f as default
+  u as default
 };

package/dist/components/Scribe/extension/tableOfContents.d.ts

@@ -0,0 +1,48 @@
+import { Editor, Extension } from "@tiptap/core";
+import { Node as TiptapNode } from "@tiptap/pm/model";
+export declare const SCRIBE_TABLE_OF_CONTENTS_META = "scribeTableOfContents";
+type ScrollParent = HTMLElement | Window;
+export type ScribeTableOfContentsItem = {
+    dom: HTMLElement;
+    editor: Editor;
+    id: string;
+    isActive: boolean;
+    isScrolledOver: boolean;
+    itemIndex: number;
+    level: number;
+    node: TiptapNode;
+    originalLevel: number;
+    pos: number;
+    textContent: string;
+};
+export type ScribeTableOfContentsChangeHandler = (items: ScribeTableOfContentsItem[], isCreate?: boolean) => void;
+export type ScribeTableOfContentsScrollTarget = ScribeTableOfContentsItem | string;
+type ScribeTableOfContentsOptions = {
+    anchorTypes: string[];
+    onUpdate?: ScribeTableOfContentsChangeHandler;
+};
+type ScribeTableOfContentsStorage = {
+    anchors: HTMLElement[];
+    content: ScribeTableOfContentsItem[];
+    hasCreated: boolean;
+    lastSignature: string;
+    rafId: number | null;
+    refresh: () => void;
+    scheduleRefresh: () => void;
+    scrollHandler: () => void;
+    scrollParent: ScrollParent | null;
+    updateScrollParent: () => void;
+};
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        scribeTableOfContents: {
+            updateScribeTableOfContents: () => ReturnType;
+        };
+    }
+    interface Storage {
+        scribeTableOfContents: ScribeTableOfContentsStorage;
+    }
+}
+export declare const ScribeTableOfContents: Extension<ScribeTableOfContentsOptions, ScribeTableOfContentsStorage>;
+export {};
+//# sourceMappingURL=tableOfContents.d.ts.map

package/dist/components/Scribe/extension/tableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableOfContents.d.ts","sourceRoot":"","sources":["../../../../lib/components/Scribe/extension/tableOfContents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,6BAA6B,0BAA0B,CAAC;AAErE,KAAK,YAAY,GAAG,WAAW,GAAG,MAAM,CAAC;AAOzC,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,CAC/C,KAAK,EAAE,yBAAyB,EAAE,EAClC,QAAQ,CAAC,EAAE,OAAO,KACf,IAAI,CAAC;AAEV,MAAM,MAAM,iCAAiC,GAAG,yBAAyB,GAAG,MAAM,CAAC;AAEnF,KAAK,4BAA4B,GAAG;IAClC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,kCAAkC,CAAC;CAC/C,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,yBAAyB,EAAE,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAmPF,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,qBAAqB,EAAE;YACrB,2BAA2B,EAAE,MAAM,UAAU,CAAC;SAC/C,CAAC;KACH;IAED,UAAU,OAAO;QACf,qBAAqB,EAAE,4BAA4B,CAAC;KACrD;CACF;AAED,eAAO,MAAM,qBAAqB,uEA8JhC,CAAC"}

package/dist/components/Scribe/extension/tableOfContents.js

@@ -0,0 +1,180 @@
+import { P as g, a as f, b as p } from "../../../index-BiBV5TQx.js";
+const c = "scribeTableOfContents", v = new g("scribeTableOfContents"), w = (e) => e.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "heading", C = (e, t) => {
+  const n = t[t.length - 1], s = [...t].reverse().find((r) => r.originalLevel <= e.node.attrs.level)?.level || 1;
+  return e.node.attrs.level > (n?.originalLevel || 1) ? (n?.level || 1) + 1 : e.node.attrs.level < (n?.originalLevel || 1) ? s : n?.level || 1;
+}, S = (e) => (e[e.length - 1]?.itemIndex || 0) + 1, T = (e, t, n) => {
+  if (e.textContent.length === 0)
+    return null;
+  const o = w(e.textContent), s = (t.get(o) || 0) + 1, r = s === 1 ? o : `${o}-${s}`;
+  return t.set(o, s), n === r ? n : r;
+}, d = (e, t) => {
+  const n = e.tr, o = /* @__PURE__ */ new Map();
+  let s = !1;
+  return e.doc.descendants((r, a) => {
+    if (!t.includes(r.type.name))
+      return;
+    const i = r.attrs["data-toc-id"], l = T(r, o, i);
+    i !== l && (n.setNodeMarkup(a, void 0, {
+      ...r.attrs,
+      "data-toc-id": l
+    }), s = !0);
+  }), s ? n.setMeta(c, !0).setMeta("addToHistory", !1) : null;
+}, b = (e) => {
+  const { overflowY: t } = window.getComputedStyle(e);
+  return /(auto|scroll|overlay)/.test(t) && e.scrollHeight > e.clientHeight;
+}, m = (e) => {
+  let t = e.parentElement;
+  for (; t; ) {
+    if (b(t))
+      return t;
+    t = t.parentElement;
+  }
+  return window;
+}, H = (e) => typeof Window < "u" && e instanceof Window, O = (e) => H(e) ? 32 : e.getBoundingClientRect().top + 32, I = (e, t) => {
+  const n = e.view.nodeDOM(t);
+  return n instanceof HTMLElement ? n : null;
+}, x = (e, t) => {
+  const n = [];
+  return e.state.doc.descendants((o, s) => {
+    !t.includes(o.type.name) || o.textContent.length === 0 || n.push({ node: o, pos: s });
+  }), n;
+}, y = (e, t) => {
+  if (!t)
+    return e;
+  const n = O(t), o = /* @__PURE__ */ new Set();
+  let s = null;
+  return e.forEach((r) => {
+    r.dom.getBoundingClientRect().top <= n && (s = r.id, o.add(r.id));
+  }), e.map((r) => ({
+    ...r,
+    isActive: r.id === s,
+    isScrolledOver: o.has(r.id)
+  }));
+}, A = (e, t, n) => {
+  const o = x(e, t), s = [];
+  return o.forEach((r) => {
+    const a = r.node.attrs["data-toc-id"], i = I(e, r.pos);
+    if (!a || !i)
+      return;
+    const l = Number(r.node.attrs.level) || 1, u = C(r, s), h = S(s);
+    s.push({
+      dom: i,
+      editor: e,
+      id: a,
+      isActive: !1,
+      isScrolledOver: !1,
+      itemIndex: h,
+      level: u,
+      node: r.node,
+      originalLevel: l,
+      pos: r.pos,
+      textContent: r.node.textContent
+    });
+  }), y(s, n);
+}, L = (e) => JSON.stringify(
+  e.map((t) => ({
+    id: t.id,
+    isActive: t.isActive,
+    isScrolledOver: t.isScrolledOver,
+    itemIndex: t.itemIndex,
+    level: t.level,
+    originalLevel: t.originalLevel,
+    pos: t.pos,
+    textContent: t.textContent
+  }))
+), P = (e, t, n) => {
+  const o = L(n), s = !e.hasCreated;
+  e.anchors = n.map((r) => r.dom), e.content = n, !(!s && o === e.lastSignature) && (e.hasCreated = !0, e.lastSignature = o, t.onUpdate?.(n, s));
+}, M = f.create({
+  name: "scribeTableOfContents",
+  addOptions() {
+    return {
+      anchorTypes: ["heading"]
+    };
+  },
+  addStorage() {
+    return {
+      anchors: [],
+      content: [],
+      hasCreated: !1,
+      lastSignature: "",
+      rafId: null,
+      refresh: () => null,
+      scheduleRefresh: () => null,
+      scrollHandler: () => null,
+      scrollParent: null,
+      updateScrollParent: () => null
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.anchorTypes,
+        attributes: {
+          "data-toc-id": {
+            default: null,
+            renderHTML: (e) => {
+              const t = e["data-toc-id"];
+              return t ? { "data-toc-id": t } : {};
+            },
+            parseHTML: (e) => e.getAttribute("data-toc-id")
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      updateScribeTableOfContents: () => ({ dispatch: e }) => (e && this.storage.refresh(), !0)
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      new p({
+        key: v,
+        appendTransaction: (e, t, n) => typeof window > "u" || e.some(
+          (s) => s.getMeta(c) || s.getMeta("composition")
+        ) || !e.some((s) => s.docChanged) ? null : d(n, this.options.anchorTypes)
+      })
+    ];
+  },
+  onCreate() {
+    if (typeof window > "u" || !this.editor.view)
+      return;
+    this.storage.scrollHandler = () => {
+      this.storage.refresh();
+    }, this.storage.updateScrollParent = () => {
+      const t = m(this.editor.view.dom);
+      this.storage.scrollParent !== t && (this.storage.scrollParent?.removeEventListener("scroll", this.storage.scrollHandler), this.storage.scrollParent = t, this.storage.scrollParent.addEventListener("scroll", this.storage.scrollHandler));
+    }, this.storage.refresh = () => {
+      if (this.editor.isDestroyed)
+        return;
+      this.storage.updateScrollParent();
+      const t = A(
+        this.editor,
+        this.options.anchorTypes,
+        this.storage.scrollParent
+      );
+      P(this.storage, this.options, t);
+    }, this.storage.scheduleRefresh = () => {
+      this.storage.rafId !== null && window.cancelAnimationFrame(this.storage.rafId), this.storage.rafId = window.requestAnimationFrame(() => {
+        this.storage.rafId = null, this.storage.refresh();
+      });
+    };
+    const e = d(
+      this.editor.state,
+      this.options.anchorTypes
+    );
+    e && this.editor.view.dispatch(e), this.storage.scheduleRefresh();
+  },
+  onTransaction({ transaction: e }) {
+    e.docChanged && this.storage.scheduleRefresh();
+  },
+  onDestroy() {
+    typeof window < "u" && this.storage.rafId !== null && window.cancelAnimationFrame(this.storage.rafId), this.storage.scrollParent?.removeEventListener("scroll", this.storage.scrollHandler);
+  }
+});
+export {
+  c as SCRIBE_TABLE_OF_CONTENTS_META,
+  M as ScribeTableOfContents
+};

package/dist/components/Scribe/index.d.ts

@@ -1,7 +1,9 @@
 import "katex/dist/katex.css";
 import { ClassValue } from "clsx";
+import type { ScribeTableOfContentsChangeHandler, ScribeTableOfContentsScrollTarget } from "./extension/tableOfContents";
 import { Content, Editor, Extension, JSONContent, UseEditorOptions } from "@tiptap/react";
 import { KeyboardEventHandler } from "react";
+export type { ScribeTableOfContentsChangeHandler, ScribeTableOfContentsItem, ScribeTableOfContentsScrollTarget, } from "./extension/tableOfContents";
 export type ScribeOnChangeContents = {
     jsonContent: Content;
     htmlContent: Content;
@@ -12,10 +14,16 @@ export interface ScribeRef {
     resetContent: () => void;
     getContent: (contentType: "html" | "json" | "markdown") => string | JSONContent | undefined;
     setContent: (content: Content) => void;
+    /** @experimental The table of contents API may change while we stabilize this behavior. */
+    scrollToTableOfContentsItem: (target: ScribeTableOfContentsScrollTarget) => void;
     editor: Editor;
 }
 export interface ScribeProps {
     onContentChange?: (content: ScribeOnChangeContents) => void;
+    /**
+     * @deprecated Controlled content updates are being phased out. Prefer
+     * `ScribeRef.setContent` for programmatic updates after mount.
+     */
     content?: string;
     editable?: boolean;
     autoFocus?: boolean;
@@ -29,8 +37,11 @@ export interface ScribeProps {
     mainContainerStyle?: React.CSSProperties;
     mainContainerClassName?: ClassValue;
     onKeyDown?: KeyboardEventHandler;
-    darkMode?: boolean;
     mobile?: boolean;
+    /** @experimental Enables Scribe's app-owned table-of-contents API. */
+    enableTableOfContents?: boolean;
+    /** @experimental Receives the current table-of-contents items when they change. */
+    onTableOfContentsChange?: ScribeTableOfContentsChangeHandler;
 }
 export declare const Scribe: import("react").ForwardRefExoticComponent<ScribeProps & import("react").RefAttributes<ScribeRef>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Scribe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Scribe/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,OAAO,EACL,OAAO,EACP,MAAM,EAGN,SAAS,EACT,WAAW,EACX,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EAKrB,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,KAAK,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5F,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,mGA+HjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Scribe/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAIxC,OAAO,KAAK,EACV,kCAAkC,EAElC,iCAAiC,EAClC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,EACP,MAAM,EAGN,SAAS,EACT,WAAW,EACX,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EAMrB,MAAM,OAAO,CAAC;AAGf,YAAY,EACV,kCAAkC,EAClC,yBAAyB,EACzB,iCAAiC,GAClC,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,KAAK,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5F,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2FAA2F;IAC3F,2BAA2B,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;IACjF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,kCAAkC,CAAC;CAC9D;AAED,eAAO,MAAM,MAAM,mGAyMjB,CAAC"}

package/dist/components/Scribe/index.js

@@ -1,106 +1,152 @@
-import { jsx as n, jsxs as P } from "react/jsx-runtime";
-import O from "../Menu/BarMenu.js";
-import { c as l } from "../../clsx-OuTLNxxd.js";
-import { html2md as b } from "../../utils/html-to-markdown.js";
-import "../../markdown-to-html-__93dwok.js";
-import "../../purify.es-BPDBzHtc.js";
-import { E as R } from "../../index-BKFDqQPh.js";
-import { initExtensions as T } from "./extension/index.js";
-import { E as z } from "../../index-PzbCrHp0.js";
-import { forwardRef as J, useRef as D, useCallback as s, useImperativeHandle as F, useEffect as i } from "react";
-import { ListOptionBar as I } from "../Menu/Mobile/ListOptionBar.js";
-import '../../assets/index.css';const _ = J((p, g) => {
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { B as A, c as b } from "../../BarMenu-DaKIz3zZ.js";
+import { html2md as I } from "../../utils/html-to-markdown.js";
+import "../../markdown-to-html-pL7ckd-m.js";
+import "../../purify.es-exIQuqhb.js";
+import { E as F } from "../../index-BiBV5TQx.js";
+import { initExtensions as J } from "./extension/index.js";
+import { SCRIBE_TABLE_OF_CONTENTS_META as U } from "./extension/tableOfContents.js";
+import { E as V } from "../../index-DxF-1P4n.js";
+import { forwardRef as K, useRef as E, useEffect as c, useCallback as r, useState as q, useImperativeHandle as G } from "react";
+import { ListOptionBar as Q } from "../Menu/Mobile/ListOptionBar.js";
+import '../../assets/index.css';const it = K((h, B) => {
   const {
-    autoFocus: u = !1,
-    content: f,
+    autoFocus: g = !1,
+    content: i,
     editable: o = !0,
-    editorProps: C,
-    extensions: x,
-    onContentChange: m,
-    showBarMenu: h = !0,
-    editorContentStyle: w,
-    editorContentClassName: y,
-    mainContainerStyle: M,
-    mainContainerClassName: N,
-    onKeyDown: j,
-    externalEditor: k,
-    darkMode: a,
-    mobile: v
-  } = p, c = D(k || null), d = s(
-    ({ editor: e }) => {
-      const r = e.getHTML(), H = e.getJSON(), L = !o;
-      m && m({
-        jsonContent: e.isEmpty ? "" : H,
-        htmlContent: e.isEmpty ? "" : r,
-        markdownContent: e.isEmpty ? "" : b(r),
-        source: L ? "programmatic" : "user"
+    editorProps: d,
+    extensions: L,
+    onContentChange: l,
+    showBarMenu: R = !0,
+    editorContentStyle: j,
+    editorContentClassName: H,
+    mainContainerStyle: P,
+    mainContainerClassName: k,
+    onKeyDown: _,
+    externalEditor: T,
+    mobile: D,
+    onTableOfContentsChange: f
+  } = h, O = E(!T && i !== void 0), y = E([]), M = E(f);
+  c(() => {
+    M.current = f;
+  }, [f]);
+  const z = r(
+    (e, s) => {
+      y.current = e, M.current?.(e, s);
+    },
+    []
+  ), u = r(
+    ({ editor: e, transaction: s }) => {
+      if (s.getMeta(U))
+        return;
+      const n = e.getHTML(), m = e.getJSON(), p = !o;
+      l && l({
+        jsonContent: e.isEmpty ? "" : m,
+        htmlContent: e.isEmpty ? "" : n,
+        markdownContent: e.isEmpty ? "" : I(n),
+        source: p ? "programmatic" : "user"
       });
     },
-    [o, m]
-  );
-  c.current || (c.current = new R({
-    ...C,
+    [o, l]
+  ), [t] = q(() => T ?? new F({
+    ...d,
+    content: i ?? d?.content,
     editable: o,
-    extensions: [...T(p), ...x ?? []],
+    extensions: [
+      ...J({
+        ...h,
+        onTableOfContentsChange: z
+      }),
+      ...L ?? []
+    ],
     editorProps: {
       attributes: {
         class: "scribe"
       },
-      ...C?.editorProps
+      ...d?.editorProps
     }
-  }));
-  const t = c.current, E = s(() => {
-    t?.commands.setContent("");
-  }, []), S = s((e) => {
-    const r = {
-      html: () => t?.getHTML(),
-      json: () => t?.getJSON(),
-      markdown: () => b(t?.getHTML() || "")
-    };
-    return t?.isEmpty ? "" : r[e]?.();
-  }, []), B = s((e) => {
-    t?.commands.setContent(e);
-  }, []);
-  return F(g, () => ({
-    resetContent: E,
-    setContent: B,
-    getContent: S,
+  })), v = r(() => {
+    t.commands.setContent("");
+  }, [t]), w = r(
+    (e) => {
+      const s = {
+        html: () => t.getHTML(),
+        json: () => t.getJSON(),
+        markdown: () => I(t.getHTML())
+      };
+      return t.isEmpty ? "" : s[e]?.();
+    },
+    [t]
+  ), N = r(
+    (e) => {
+      t.commands.setContent(e);
+    },
+    [t]
+  ), S = r(
+    (e) => {
+      const s = typeof e == "string" ? e : e.id, n = y.current.find((C) => C.id === s) ?? (typeof e == "string" ? void 0 : e);
+      if (!n || t.isDestroyed)
+        return;
+      const m = t.view.nodeDOM(n.pos), p = m instanceof HTMLElement ? m : n.dom;
+      if (t.isEditable) {
+        const C = Math.max(
+          0,
+          Math.min(n.pos + n.node.nodeSize - 1, t.state.doc.content.size)
+        );
+        t.commands.focus(C, { scrollIntoView: !1 });
+      }
+      p.scrollIntoView({ behavior: "smooth", block: "start" });
+    },
+    [t]
+  );
+  return G(B, () => ({
+    resetContent: v,
+    setContent: N,
+    getContent: w,
+    scrollToTableOfContentsItem: S,
     editor: t
-  }), [E]), i(() => {
-    t?.commands.setContent(f || "");
-  }, [f]), i(() => {
-    t?.setEditable(!!o);
-  }, [o]), i(() => (t.off("update"), t.on("update", d), () => {
-    t.off("update", d);
-  }), [d]), i(() => {
-    u && t?.commands.focus("end");
-  }, [u]), /* @__PURE__ */ n("div", { className: l("scribe-wrapper", N), style: M, children: /* @__PURE__ */ P(
+  }), [t, w, v, S, N]), c(() => {
+    if (i !== void 0) {
+      if (O.current) {
+        O.current = !1;
+        return;
+      }
+      t.commands.setContent(i, { emitUpdate: !1 });
+    }
+  }, [i, t]), c(() => {
+    t.setEditable(!!o);
+  }, [o, t]), c(() => (t.off("update"), t.on("update", u), () => {
+    t.off("update", u);
+  }), [t, u]), c(() => {
+    g && t.commands.focus("end");
+  }, [g, t]), /* @__PURE__ */ x(
     "div",
     {
-      className: l(
-        o && "rounded-lg border",
-        a ? "border-zinc-700" : "border-zinc-200"
-      ),
+      className: b("scribe-wrapper", "scribe-root", k),
+      "data-scribe-root": !0,
+      style: P,
       children: [
-        t && h && /* @__PURE__ */ n(O, { editor: t, darkMode: !!a }),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: l(
-              "prose max-w-none",
-              o && "w-full p-[16px]",
-              a && "prose-invert",
-              y
-            ),
-            style: w,
-            children: /* @__PURE__ */ n(z, { editor: t, onKeyDown: j })
-          }
-        ),
-        v && /* @__PURE__ */ n(I, { editor: t })
+        /* @__PURE__ */ x("div", { className: b("scribe-frame", o && "scribe-frame--editable"), children: [
+          t && R ? /* @__PURE__ */ a(A, { editor: t }) : null,
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: b(
+                "scribe-content",
+                o && "scribe-content--editable",
+                H
+              ),
+              style: j,
+              children: /* @__PURE__ */ a(V, { editor: t, onKeyDown: _ })
+            }
+          ),
+          D ? /* @__PURE__ */ a(Q, { editor: t }) : null
+        ] }),
+        /* @__PURE__ */ a("div", { className: "scribe-popup-root", "data-scribe-popup-root": !0 })
       ]
     }
-  ) });
+  );
 });
 export {
-  _ as Scribe
+  it as Scribe
 };