@clevertask/scribe 0.0.15 → 0.1.0

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-hHvpW2H6.js";
+import { S as o, s as e } from "../../../../index-DZylq4Bc.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-PJNQPLn5.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/index.d.ts

@@ -29,7 +29,6 @@ export interface ScribeProps {
     mainContainerStyle?: React.CSSProperties;
     mainContainerClassName?: ClassValue;
     onKeyDown?: KeyboardEventHandler;
-    darkMode?: boolean;
     mobile?: boolean;
 }
 export declare const Scribe: import("react").ForwardRefExoticComponent<ScribeProps & import("react").RefAttributes<ScribeRef>>;

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;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,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,mGAkIjB,CAAC"}

package/dist/components/Scribe/index.js

@@ -1,106 +1,109 @@
-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 { jsxs as E, jsx as n } from "react/jsx-runtime";
+import { B as P, c } from "../../BarMenu-BDtEfu-R.js";
+import { html2md as g } from "../../utils/html-to-markdown.js";
+import "../../markdown-to-html-BwS08CTi.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 { E as k } from "../../index-hHvpW2H6.js";
+import { initExtensions as O } from "./extension/index.js";
+import { E as T } from "../../index-PJNQPLn5.js";
+import { forwardRef as J, useCallback as r, useState as D, 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 '../../assets/index.css';const X = J((l, h) => {
   const {
-    autoFocus: u = !1,
-    content: f,
+    autoFocus: d = !1,
+    content: p,
     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(
+    editorProps: u,
+    extensions: y,
+    onContentChange: a,
+    showBarMenu: x = !0,
+    editorContentStyle: N,
+    editorContentClassName: w,
+    mainContainerStyle: S,
+    mainContainerClassName: j,
+    onKeyDown: v,
+    externalEditor: B,
+    mobile: M
+  } = l, m = r(
     ({ editor: e }) => {
-      const r = e.getHTML(), H = e.getJSON(), L = !o;
-      m && m({
+      const s = e.getHTML(), H = e.getJSON(), L = !o;
+      a && a({
         jsonContent: e.isEmpty ? "" : H,
-        htmlContent: e.isEmpty ? "" : r,
-        markdownContent: e.isEmpty ? "" : b(r),
+        htmlContent: e.isEmpty ? "" : s,
+        markdownContent: e.isEmpty ? "" : g(s),
         source: L ? "programmatic" : "user"
       });
     },
-    [o, m]
-  );
-  c.current || (c.current = new R({
-    ...C,
+    [o, a]
+  ), [t] = D(() => B ?? new k({
+    ...u,
     editable: o,
-    extensions: [...T(p), ...x ?? []],
+    extensions: [...O(l), ...y ?? []],
     editorProps: {
       attributes: {
         class: "scribe"
       },
-      ...C?.editorProps
+      ...u?.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,
+  })), f = r(() => {
+    t.commands.setContent("");
+  }, [t]), C = r(
+    (e) => {
+      const s = {
+        html: () => t.getHTML(),
+        json: () => t.getJSON(),
+        markdown: () => g(t.getHTML())
+      };
+      return t.isEmpty ? "" : s[e]?.();
+    },
+    [t]
+  ), b = r(
+    (e) => {
+      t.commands.setContent(e);
+    },
+    [t]
+  );
+  return F(h, () => ({
+    resetContent: f,
+    setContent: b,
+    getContent: C,
     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, C, f, b]), i(() => {
+    t.commands.setContent(p || "");
+  }, [p, t]), i(() => {
+    t.setEditable(!!o);
+  }, [o, t]), i(() => (t.off("update"), t.on("update", m), () => {
+    t.off("update", m);
+  }), [t, m]), i(() => {
+    d && t.commands.focus("end");
+  }, [d, t]), /* @__PURE__ */ E(
     "div",
     {
-      className: l(
-        o && "rounded-lg border",
-        a ? "border-zinc-700" : "border-zinc-200"
-      ),
+      className: c("scribe-wrapper", "scribe-root", j),
+      "data-scribe-root": !0,
+      style: S,
       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__ */ E("div", { className: c("scribe-frame", o && "scribe-frame--editable"), children: [
+          t && x ? /* @__PURE__ */ n(P, { editor: t }) : null,
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: c(
+                "scribe-content",
+                o && "scribe-content--editable",
+                w
+              ),
+              style: N,
+              children: /* @__PURE__ */ n(T, { editor: t, onKeyDown: v })
+            }
+          ),
+          M ? /* @__PURE__ */ n(I, { editor: t }) : null
+        ] }),
+        /* @__PURE__ */ n("div", { className: "scribe-popup-root", "data-scribe-popup-root": !0 })
       ]
     }
-  ) });
+  );
 });
 export {
-  _ as Scribe
+  X as Scribe
 };