@clevertask/scribe 0.0.2 → 0.0.3

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

@@ -1,4 +1,4 @@
-import { P as O, a as L, D as U, b as j, e as T, E as z } from "../../../../index-CzwFCNeI.js";
+import { P as O, a as L, D as U, b as j, e as T, E as z } from "../../../../index-CUP7vhu5.js";
 function G(f) {
   var a;
   const { char: v, allowSpaces: c, allowedPrefixes: m, startOfLine: R, $position: d } = f, u = T(v), D = new RegExp(`\\s${u}$`), I = R ? "^" : "", $ = c ? new RegExp(`${I}${u}.*?(?=\\s${u}|$)`, "gm") : new RegExp(`${I}(?:^)?${u}[^\\s${u}]*`, "gm"), p = ((a = d.nodeBefore) === null || a === void 0 ? void 0 : a.isText) && d.nodeBefore.text;

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

@@ -1,4 +1,4 @@
-import { R as l, t as c } from "../../../../index-Cu10LNOZ.js";
+import { R as l, t as c } from "../../../../index-ggVAwdRQ.js";
 import { l as a, S as d } from "../../../../SlashCommandList-D_Ndw6pj.js";
 const m = () => {
   let n, t = [], r, i = !a.isEmpty(t);

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

@@ -1,5 +1,4 @@
-import { Content, Extension } from '@tiptap/react';
-import { EditorProps } from '@tiptap/pm/view';
+import { Content, Extension, JSONContent, UseEditorOptions } from '@tiptap/react';
 import { KeyboardEventHandler } from 'react';
 import { ClassValue } from 'clsx';
 export type ScribeOnChangeContents = {
@@ -9,6 +8,8 @@ export type ScribeOnChangeContents = {
 };
 export interface ScribeRef {
     resetContent: () => void;
+    getContent: (contentType: "html" | "json" | "markdown") => string | JSONContent | undefined;
+    setContent: (content: Content) => void;
 }
 export interface ScribeProps {
     onContentChange?: (content: ScribeOnChangeContents) => void;
@@ -16,7 +17,7 @@ export interface ScribeProps {
     editable?: boolean;
     autoFocus?: boolean;
     extensions?: Extension[];
-    editorProps?: EditorProps;
+    editorProps?: UseEditorOptions;
     showBarMenu?: boolean;
     placeholderText?: string;
     editorContentStyle?: React.CSSProperties;

package/dist/components/Scribe/index.js

@@ -1,91 +1,92 @@
-import { jsx as a, jsxs as E } from "react/jsx-runtime";
-import { u as N, E as j } from "../../index-Cu10LNOZ.js";
-import { initExtensions as S } from "./extension/index.js";
-import { forwardRef as B, useCallback as M, useImperativeHandle as k, useEffect as i } from "react";
+import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { u as H, E as k } from "../../index-ggVAwdRQ.js";
+import { initExtensions as B } from "./extension/index.js";
+import { forwardRef as L, useCallback as f, useImperativeHandle as T, useEffect as u } from "react";
 import A from "../Menu/BarMenu.js";
-import { html2md as H } from "../../utils/html-to-markdown.js";
+import { html2md as b } from "../../utils/html-to-markdown.js";
 import "../../browser-D3_ToIiA.js";
 function d(t) {
-  var r, o, e = "";
+  var o, s, e = "";
   if (typeof t == "string" || typeof t == "number") e += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var s = t.length;
-    for (r = 0; r < s; r++) t[r] && (o = d(t[r])) && (e && (e += " "), e += o);
-  } else for (o in t) t[o] && (e && (e += " "), e += o);
+    var r = t.length;
+    for (o = 0; o < r; o++) t[o] && (s = d(t[o])) && (e && (e += " "), e += s);
+  } else for (s in t) t[s] && (e && (e += " "), e += s);
   return e;
 }
-function m() {
-  for (var t, r, o = 0, e = "", s = arguments.length; o < s; o++) (t = arguments[o]) && (r = d(t)) && (e && (e += " "), e += r);
+function p() {
+  for (var t, o, s = 0, e = "", r = arguments.length; s < r; s++) (t = arguments[s]) && (o = d(t)) && (e && (e += " "), e += o);
   return e;
 }
-const O = B((t, r) => {
+const R = L((t, o) => {
   const {
-    autoFocus: o = !1,
+    autoFocus: s = !1,
     content: e,
-    editable: s = !0,
-    editorProps: p,
-    extensions: C,
-    onContentChange: l,
-    showBarMenu: b = !0,
-    editorContentStyle: g,
-    editorContentClassName: h,
-    mainContainerStyle: y,
-    mainContainerClassName: w,
-    onKeyDown: x
-  } = t, n = N(
+    editable: r = !0,
+    editorProps: c,
+    extensions: h,
+    onContentChange: C,
+    showBarMenu: y = !0,
+    editorContentStyle: w,
+    editorContentClassName: x,
+    mainContainerStyle: v,
+    mainContainerClassName: E,
+    onKeyDown: N
+  } = t, n = H(
     {
-      extensions: [...S(t), ...C ?? []],
-      onUpdate({ editor: f }) {
-        const u = f.getHTML(), v = f.getJSON();
-        l && l({
-          jsonContent: v,
-          htmlContent: u,
-          markdownContent: H(u)
+      ...c,
+      extensions: [...B(t), ...h ?? []],
+      onUpdate({ editor: a }) {
+        const m = a.getHTML(), l = a.getJSON();
+        C && C({
+          jsonContent: l,
+          htmlContent: m,
+          markdownContent: b(m)
         });
       },
       editorProps: {
         attributes: {
           class: "scribe"
         },
-        ...p
+        ...c == null ? void 0 : c.editorProps
       }
     },
     []
-  ), c = M(() => {
+  ), g = f(() => {
     n == null || n.commands.setContent("");
+  }, []), j = f((a) => {
+    var l;
+    const m = {
+      html: () => n == null ? void 0 : n.getHTML(),
+      json: () => n == null ? void 0 : n.getJSON(),
+      markdown: () => b((n == null ? void 0 : n.getHTML()) || "")
+    };
+    return n != null && n.isEmpty ? "" : (l = m[a]) == null ? void 0 : l.call(m);
+  }, []), M = f((a) => {
+    n == null || n.commands.setContent(a);
   }, []);
-  return k(r, () => ({
-    resetContent: c
-  }), [c]), i(() => {
+  return T(o, () => ({
+    resetContent: g,
+    setContent: M,
+    getContent: j
+  }), [g]), u(() => {
     n == null || n.commands.setContent(e || "");
-  }, [e]), i(() => {
-    n == null || n.setEditable(!!s);
-  }, [s]), i(() => {
-    o && (n == null || n.commands.focus("end"));
-  }, [o]), /* @__PURE__ */ a(
-    "div",
-    {
-      className: m("scribe-wrapper", w),
-      style: y,
-      id: "scribe-wrapper",
-      children: /* @__PURE__ */ E("div", { className: m("bg-white", s && "rounded-lg border"), children: [
-        n && b && /* @__PURE__ */ a(A, { editor: n }),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: m(
-              "prose max-w-none",
-              s && "w-full p-[16px]",
-              h
-            ),
-            style: g,
-            children: /* @__PURE__ */ a(j, { editor: n, onKeyDown: x })
-          }
-        )
-      ] })
-    }
-  );
+  }, [e]), u(() => {
+    n == null || n.setEditable(!!r);
+  }, [r]), u(() => {
+    s && (n == null || n.commands.focus("end"));
+  }, [s]), /* @__PURE__ */ i("div", { className: p("scribe-wrapper", E), style: v, id: "scribe-wrapper", children: /* @__PURE__ */ S("div", { className: p("bg-white", r && "rounded-lg border"), children: [
+    n && y && /* @__PURE__ */ i(A, { editor: n }),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: p("prose max-w-none", r && "w-full p-[16px]", x),
+        style: w,
+        children: /* @__PURE__ */ i(k, { editor: n, onKeyDown: N })
+      }
+    )
+  ] }) });
 });
 export {
-  O as Scribe
+  R as Scribe
 };

package/dist/{index-CzwFCNeI.js → index-CUP7vhu5.js}

@@ -12077,6 +12077,9 @@ function id(r) {
   return r.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
 }
 export {
+  $s as A,
+  Xf as B,
+  Zf as C,
   v as D,
   re as E,
   b as F,
@@ -12094,21 +12097,21 @@ export {
   Yf as g,
   Ks as h,
   pf as i,
-  ar as j,
-  Qf as k,
-  vo as l,
+  $o as j,
+  Ia as k,
+  k as l,
   ic as m,
-  Ia as n,
+  ed as n,
   S as o,
-  k as p,
+  Ki as p,
   w as q,
   x as r,
-  lt as s,
-  td as t,
-  _f as u,
-  ed as v,
+  df as s,
+  Qf as t,
+  td as u,
+  vo as v,
   nd as w,
-  $s as x,
-  Xf as y,
-  Zf as z
+  lt as x,
+  _f as y,
+  ar as z
 };

package/dist/{index-Cu10LNOZ.js → index-ggVAwdRQ.js}

@@ -1,4 +1,4 @@
-import { a as $r, P as kr, E as Ur, x as Fr, u as qr, y as zr, z as Kr } from "./index-CzwFCNeI.js";
+import { a as $r, P as kr, E as Ur, A as Fr, y as qr, B as zr, C as Kr } from "./index-CUP7vhu5.js";
 import P, { forwardRef as Gr, useRef as Yr, useState as At, useDebugValue as cr, useEffect as _t, createContext as lr, useContext as dr, useLayoutEffect as Xr } from "react";
 import Jr, { flushSync as Qr } from "react-dom";
 var k = "top", G = "bottom", Y = "right", U = "left", Rt = "auto", Ue = [k, G, Y, U], Te = "start", He = "end", Zr = "clippingParents", fr = "viewport", je = "popper", en = "reference", Ht = /* @__PURE__ */ Ue.reduce(function(t, e) {

package/dist/main.css

@@ -1132,3 +1132,12 @@ video {
   height: auto;
   width: 100%;
 }
+
+.scribe-task-list li {
+  display: flex;
+}
+
+.scribe-task-list li p {
+  margin: 0;
+  margin-left: .5rem;
+}

package/package.json

@@ -3,7 +3,7 @@
   "description": "A Tiptap-based rich text editor with a Notion-style block interface for viewing and creating content. Perfect for diverse needs like notes, documents, AI chat, Markdown parsing, and comments.",
   "author": "CleverTask",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -81,8 +81,12 @@
     "@tiptap/extension-image": "^2.10.3",
     "@tiptap/extension-link": "^2.10.3",
     "@tiptap/extension-placeholder": "^2.10.3",
-    "@tiptap/extension-task-item": "^2.10.3",
-    "@tiptap/extension-task-list": "^2.10.3",
+    "@tiptap/extension-table": "^2.11.5",
+    "@tiptap/extension-table-cell": "^2.11.5",
+    "@tiptap/extension-table-header": "^2.11.5",
+    "@tiptap/extension-table-row": "^2.11.5",
+    "@tiptap/extension-task-item": "^2.11.5",
+    "@tiptap/extension-task-list": "^2.11.5",
     "@tiptap/pm": "^2.10.3",
     "@tiptap/react": "^2.10.3",
     "@tiptap/starter-kit": "^2.10.3",