@clevertask/scribe 0.1.4 → 0.1.6

package/dist/utils/index.js

@@ -1,12 +1,24 @@
-import { html2md as o } from "./html-to-markdown.js";
-import { m } from "../markdown-to-html-Bw9L43K6.js";
-import { isInViewport as p } from "./is-in-viewport.js";
-import { convertLegacyMathDelimiters as x } from "./convert-legacy-math-delimiters.js";
-import { createScribeEditor as c } from "./create-scribe-editor.js";
-export {
-  x as convertLegacyMathDelimiters,
-  c as createScribeEditor,
-  o as html2md,
-  p as isInViewport,
-  m as md2html
-};
+import { t as e } from "../dist-BQjH-i-q.js";
+import { t } from "../html-to-markdown-CrNOkSye.js";
+import { t as n } from "../markdown-to-html-DEczPfuq.js";
+import { isInViewport as r } from "./is-in-viewport.js";
+import { convertLegacyMathDelimiters as i } from "./convert-legacy-math-delimiters.js";
+import { t as a } from "../extension-CZOsheCI.js";
+//#region lib/utils/create-scribe-editor.ts
+function o({ content: n = "", editable: r = !1, onContentChange: i }) {
+	return new e({
+		content: n,
+		editable: r,
+		extensions: a({}),
+		onUpdate({ editor: e }) {
+			i && i({
+				htmlContent: e.getHTML(),
+				jsonContent: e.getJSON(),
+				markdownContent: t(e.getHTML())
+			});
+		},
+		editorProps: { attributes: { class: "scribe" } }
+	});
+}
+//#endregion
+export { i as convertLegacyMathDelimiters, o as createScribeEditor, t as html2md, r as isInViewport, n as md2html };

package/dist/utils/is-in-viewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"is-in-viewport.d.ts","sourceRoot":"","sources":["../../lib/utils/is-in-viewport.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,KAAK,WAAW,EAAE,WAAW,WAAW,YASpE,CAAC"}
+{"version":3,"file":"is-in-viewport.d.ts","sourceRoot":"","sources":["../../lib/utils/is-in-viewport.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,QAAS,WAAW,aAAa,WAAW,YASpE,CAAC"}

package/dist/utils/is-in-viewport.js

@@ -1,7 +1,7 @@
-const i = (o, t) => {
-  const e = o.offsetTop, c = e + o.clientHeight, n = t.scrollTop, s = n + t.clientHeight;
-  return e >= n && c <= s;
-};
-export {
-  i as isInViewport
+//#region lib/utils/is-in-viewport.ts
+var e = (e, t) => {
+	let n = e.offsetTop, r = n + e.clientHeight, i = t.scrollTop, a = i + t.clientHeight;
+	return n >= i && r <= a;
 };
+//#endregion
+export { e as isInViewport };

package/dist/utils/markdown-to-html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-to-html.d.ts","sourceRoot":"","sources":["../../lib/utils/markdown-to-html.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,WAA2D,CAAC"}
+{"version":3,"file":"markdown-to-html.d.ts","sourceRoot":"","sources":["../../lib/utils/markdown-to-html.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,OAAQ,MAAM,WAA2D,CAAC"}

package/dist/utils/markdown-to-html.js

@@ -1,5 +1,2 @@
-import { m as t } from "../markdown-to-html-Bw9L43K6.js";
-import "../purify.es-DC1iJOxX.js";
-export {
-  t as md2html
-};
+import { t as e } from "../markdown-to-html-DEczPfuq.js";
+export { e as md2html };

package/dist/vite-env.d.js

@@ -1 +0,0 @@
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clevertask/scribe",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "private": false,
   "description": "A Radix-based Tiptap 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.",
   "keywords": [
@@ -36,66 +36,68 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@tiptap/core": "^3.28.0",
-    "@tiptap/extension-emoji": "^3.28.0",
-    "@tiptap/extension-focus": "^3.28.0",
-    "@tiptap/extension-highlight": "^3.28.0",
-    "@tiptap/extension-image": "^3.28.0",
-    "@tiptap/extension-link": "^3.28.0",
-    "@tiptap/extension-mathematics": "^3.28.0",
-    "@tiptap/extension-placeholder": "^3.28.0",
-    "@tiptap/extension-table": "^3.28.0",
-    "@tiptap/extension-table-cell": "^3.28.0",
-    "@tiptap/extension-table-header": "^3.28.0",
-    "@tiptap/extension-table-row": "^3.28.0",
-    "@tiptap/extension-task-item": "^3.28.0",
-    "@tiptap/extension-task-list": "^3.28.0",
-    "@tiptap/extension-typography": "^3.28.0",
-    "@tiptap/pm": "^3.28.0",
-    "@tiptap/react": "^3.28.0",
-    "@tiptap/starter-kit": "^3.28.0",
-    "@tiptap/suggestion": "^3.28.0",
+    "@tiptap/core": "^3.29.0",
+    "@tiptap/extension-emoji": "^3.29.0",
+    "@tiptap/extension-focus": "^3.29.0",
+    "@tiptap/extension-highlight": "^3.29.0",
+    "@tiptap/extension-image": "^3.29.0",
+    "@tiptap/extension-link": "^3.29.0",
+    "@tiptap/extension-mathematics": "^3.29.0",
+    "@tiptap/extension-placeholder": "^3.29.0",
+    "@tiptap/extension-table": "^3.29.0",
+    "@tiptap/extension-table-cell": "^3.29.0",
+    "@tiptap/extension-table-header": "^3.29.0",
+    "@tiptap/extension-table-row": "^3.29.0",
+    "@tiptap/extension-task-item": "^3.29.0",
+    "@tiptap/extension-task-list": "^3.29.0",
+    "@tiptap/extension-typography": "^3.29.0",
+    "@tiptap/pm": "^3.29.0",
+    "@tiptap/react": "^3.29.0",
+    "@tiptap/starter-kit": "^3.29.0",
+    "@tiptap/suggestion": "^3.29.0",
     "clsx": "^2.1.1",
     "dompurify": "^3.4.12",
-    "katex": "^0.16.47",
-    "marked": "^17.0.6",
+    "katex": "^0.18.1",
+    "marked": "^18.0.7",
     "tippy.js": "^6.3.7",
     "turndown": "^7.2.4"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.5",
     "@radix-ui/themes": "^3.3.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
     "@types/lodash": "^4.17.24",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/turndown": "^5.0.6",
-    "@vitejs/plugin-react": "^5.2.0",
-    "eslint": "^9.39.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
+    "@vitejs/plugin-react": "^6.0.4",
     "glob": "^13.0.6",
-    "globals": "^17.7.0",
+    "jsdom": "^29.1.1",
     "lodash": "^4.18.1",
     "oxfmt": "^0.60.0",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.65.0",
-    "vite": "^7.3.6",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "oxlint": "^1.75.0",
+    "typescript": "~7.0.2",
+    "vite": "^8.1.5",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "@radix-ui/themes": ">=3.3.0",
     "react": ">=18.3.1 <20.0.0",
     "react-dom": ">=18.3.1 <20.0.0"
   },
-  "prepublishOnly": "npm run build",
   "scripts": {
     "dev": "vite",
-    "build": "vite build && npm run build:style && tsc -p tsconfig.types.json --noCheck",
+    "build": "vite build && npm run check:browser-bundle && npm run build:style && tsc -p tsconfig.types.json --noCheck",
     "build:style": "mkdir -p ./dist && cp ./lib/styles/main.css ./dist/main.css",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "check:browser-bundle": "node scripts/check-browser-bundle.mjs",
+    "lint": "oxlint . --report-unused-disable-directives --deny-warnings",
     "preview": "vite preview",
     "fmt": "oxfmt",
-    "fmt:check": "oxfmt --check"
+    "fmt:check": "oxfmt --check",
+    "test": "vitest run --config vitest.config.ts",
+    "validate:deps": "pnpm run fmt:check && pnpm run lint && pnpm run test && pnpm run build"
   }
 }

package/dist/BarMenu-BNk2I0zi.js

@@ -1,327 +0,0 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { Box as A, Flex as r, Popover as g, IconButton as B, Text as m, TextField as R, Button as f, Separator as F } from "@radix-ui/themes";
-import { u as H } from "./index-BMISMQrG.js";
-import { useState as v, useCallback as u, Fragment as U } from "react";
-import { getPopupMountTarget as V } from "./components/Scribe/extension/getPopupMountTarget.js";
-import { BoldIcon as q, ItalicIcon as E, StrikeIcon as W, InlineCodeIcon as Q, HighlightIcon as G, UnorderedListIcon as J, OrderedListIcon as K, LinkIcon as X, ImageIcon as Y, CodeBlockIcon as Z, BlockQuoteIcon as _, HorizontalLineIcon as ee } from "./icons/ToolbarIcons.js";
-function O(e) {
-  var s, a, t = "";
-  if (typeof e == "string" || typeof e == "number") t += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var h = e.length;
-    for (s = 0; s < h; s++) e[s] && (a = O(e[s])) && (t && (t += " "), t += a);
-  } else for (a in e) e[a] && (t && (t += " "), t += a);
-  return t;
-}
-function I() {
-  for (var e, s, a = 0, t = "", h = arguments.length; a < h; a++) (e = arguments[a]) && (s = O(e)) && (t && (t += " "), t += s);
-  return t;
-}
-const ce = ({ editor: e }) => {
-  const [s, a] = v(!1), [t, h] = v(!1), [p, y] = v(""), [b, L] = v(""), C = V(e), c = H({
-    editor: e,
-    selector: ({ editor: n }) => n ? {
-      isBold: n.isActive("bold"),
-      isItalic: n.isActive("italic"),
-      isStrike: n.isActive("strike"),
-      isCode: n.isActive("code"),
-      isHighlight: n.isActive("highlight"),
-      isBulletList: n.isActive("bulletList"),
-      isOrderedList: n.isActive("orderedList"),
-      isLink: n.isActive("link"),
-      isImage: n.isActive("image"),
-      isCodeBlock: n.isActive("codeBlock"),
-      isBlockquote: n.isActive("blockquote")
-    } : null
-  }), z = u(
-    (n) => {
-      if (n) {
-        const d = e.getAttributes("link").href ?? "";
-        y(d), h(!1);
-      }
-      a(n);
-    },
-    [e]
-  ), M = u(
-    (n) => {
-      if (n) {
-        const d = e.getAttributes("image").src ?? "";
-        L(d), a(!1);
-      }
-      h(n);
-    },
-    [e]
-  ), S = u(() => {
-    const n = p.trim();
-    if (n.length === 0) {
-      e.chain().focus().extendMarkRange("link").unsetLink().run(), a(!1);
-      return;
-    }
-    e.chain().focus().extendMarkRange("link").setLink({ href: n }).selectTextblockEnd().run(), a(!1);
-  }, [e, p]), P = u(() => {
-    e.chain().focus().extendMarkRange("link").unsetLink().run(), a(!1);
-  }, [e]), T = u(() => {
-    const n = b.trim();
-    n && (e.chain().focus().setImage({ src: n }).run(), h(!1));
-  }, [e, b]), D = u(
-    (n, d) => {
-      n.preventDefault(), d();
-    },
-    []
-  ), w = u((n) => {
-    n.preventDefault();
-  }, []), N = u(
-    ({ target: { value: n } }) => {
-      y(n);
-    },
-    []
-  ), $ = u(
-    ({ target: { value: n } }) => {
-      L(n);
-    },
-    []
-  ), x = [
-    [
-      {
-        name: "bold",
-        icon: q,
-        command: () => e.chain().focus().toggleBold().run(),
-        isActive: () => !!c?.isBold
-      },
-      {
-        name: "italic",
-        icon: E,
-        command: () => e.chain().focus().toggleItalic().run(),
-        isActive: () => !!c?.isItalic
-      },
-      {
-        name: "strike",
-        icon: W,
-        command: () => e.chain().focus().toggleStrike().run(),
-        isActive: () => !!c?.isStrike
-      }
-    ],
-    [
-      {
-        name: "inline-code",
-        icon: Q,
-        command: () => e.chain().focus().toggleCode().run(),
-        isActive: () => !!c?.isCode
-      },
-      {
-        name: "highlight",
-        icon: G,
-        command: () => e.chain().focus().toggleHighlight().run(),
-        isActive: () => !!c?.isHighlight
-      }
-    ],
-    [
-      {
-        name: "unordered-list",
-        icon: J,
-        command: () => e.chain().focus().toggleBulletList().run(),
-        isActive: () => !!c?.isBulletList
-      },
-      {
-        name: "ordered-list",
-        icon: K,
-        command: () => e.chain().focus().toggleOrderedList().run(),
-        isActive: () => !!c?.isOrderedList
-      }
-    ],
-    [
-      {
-        name: "link",
-        icon: X,
-        isActive: () => !!c?.isLink,
-        popover: "link"
-      },
-      {
-        name: "image",
-        icon: Y,
-        isActive: () => !!c?.isImage,
-        disabled: !1,
-        popover: "image"
-      },
-      {
-        name: "code-block",
-        icon: Z,
-        command: () => e.chain().focus().toggleCodeBlock().run(),
-        isActive: () => !!c?.isCodeBlock
-      },
-      {
-        name: "block-quote",
-        icon: _,
-        command: () => e.chain().focus().toggleBlockquote().run(),
-        isActive: () => !!c?.isBlockquote
-      },
-      {
-        name: "horizontal-line",
-        icon: ee,
-        command: () => e.chain().focus().setHorizontalRule().run(),
-        isActive: () => !1
-      }
-    ]
-  ];
-  return /* @__PURE__ */ i(A, { className: "scribe-toolbar", children: /* @__PURE__ */ i(r, { align: "center", gap: "3", wrap: "wrap", children: x.map((n, d) => /* @__PURE__ */ l(U, { children: [
-    /* @__PURE__ */ i(r, { align: "center", gap: "2", wrap: "wrap", children: n.map((o, k) => o.popover === "link" ? /* @__PURE__ */ l(
-      g.Root,
-      {
-        open: s,
-        onOpenChange: z,
-        children: [
-          /* @__PURE__ */ i(g.Trigger, { children: /* @__PURE__ */ i(
-            B,
-            {
-              type: "button",
-              radius: "medium",
-              color: "gray",
-              variant: o.isActive() ? "soft" : "ghost",
-              disabled: o.disabled || !e.isEditable,
-              title: o.name,
-              onMouseDown: w,
-              className: I(o.disabled && "scribe-toolbar-button--disabled"),
-              children: /* @__PURE__ */ i(o.icon, { className: "scribe-toolbar-icon" })
-            }
-          ) }),
-          /* @__PURE__ */ i(
-            g.Content,
-            {
-              container: C,
-              size: "2",
-              side: "bottom",
-              align: "start",
-              style: { maxWidth: "calc(100vw - 32px)", width: 320 },
-              children: /* @__PURE__ */ l(r, { direction: "column", gap: "4", children: [
-                /* @__PURE__ */ l(A, { children: [
-                  /* @__PURE__ */ i(m, { as: "p", size: "3", weight: "medium", children: "Link" }),
-                  /* @__PURE__ */ i(m, { as: "p", size: "2", color: "gray", children: "Add or update a link for the current selection." })
-                ] }),
-                /* @__PURE__ */ i("label", { children: /* @__PURE__ */ l(r, { direction: "column", gap: "2", children: [
-                  /* @__PURE__ */ i(m, { as: "span", size: "2", weight: "medium", children: "URL" }),
-                  /* @__PURE__ */ i(
-                    R.Root,
-                    {
-                      autoFocus: !0,
-                      placeholder: "https://example.com",
-                      value: p,
-                      onChange: N
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ l(r, { justify: "between", gap: "3", wrap: "wrap", children: [
-                  /* @__PURE__ */ i(
-                    f,
-                    {
-                      type: "button",
-                      color: "red",
-                      variant: "soft",
-                      disabled: !((e.getAttributes("link").href ?? "").trim() || p.trim()),
-                      onClick: P,
-                      children: "Remove link"
-                    }
-                  ),
-                  /* @__PURE__ */ l(r, { gap: "2", justify: "end", style: { marginLeft: "auto" }, children: [
-                    /* @__PURE__ */ i(g.Close, { children: /* @__PURE__ */ i(f, { type: "button", variant: "soft", color: "gray", children: "Cancel" }) }),
-                    /* @__PURE__ */ i(
-                      f,
-                      {
-                        type: "button",
-                        disabled: p.trim().length === 0,
-                        onClick: S,
-                        children: "Save"
-                      }
-                    )
-                  ] })
-                ] })
-              ] })
-            }
-          )
-        ]
-      },
-      `${o.name}-${k}`
-    ) : o.popover === "image" ? /* @__PURE__ */ l(
-      g.Root,
-      {
-        open: t,
-        onOpenChange: M,
-        children: [
-          /* @__PURE__ */ i(g.Trigger, { children: /* @__PURE__ */ i(
-            B,
-            {
-              type: "button",
-              radius: "medium",
-              color: "gray",
-              variant: o.isActive() ? "soft" : "ghost",
-              disabled: o.disabled || !e.isEditable,
-              title: o.name,
-              onMouseDown: w,
-              className: I(o.disabled && "scribe-toolbar-button--disabled"),
-              children: /* @__PURE__ */ i(o.icon, { className: "scribe-toolbar-icon" })
-            }
-          ) }),
-          /* @__PURE__ */ i(
-            g.Content,
-            {
-              container: C,
-              size: "2",
-              side: "bottom",
-              align: "start",
-              style: { maxWidth: "calc(100vw - 32px)", width: 320 },
-              children: /* @__PURE__ */ l(r, { direction: "column", gap: "4", children: [
-                /* @__PURE__ */ l(A, { children: [
-                  /* @__PURE__ */ i(m, { as: "p", size: "3", weight: "medium", children: "Image" }),
-                  /* @__PURE__ */ i(m, { as: "p", size: "2", color: "gray", children: "Insert an image from a URL." })
-                ] }),
-                /* @__PURE__ */ i("label", { children: /* @__PURE__ */ l(r, { direction: "column", gap: "2", children: [
-                  /* @__PURE__ */ i(m, { as: "span", size: "2", weight: "medium", children: "Image URL" }),
-                  /* @__PURE__ */ i(
-                    R.Root,
-                    {
-                      autoFocus: !0,
-                      placeholder: "https://example.com/image.png",
-                      value: b,
-                      onChange: $
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ l(r, { justify: "end", gap: "2", children: [
-                  /* @__PURE__ */ i(g.Close, { children: /* @__PURE__ */ i(f, { type: "button", variant: "soft", color: "gray", children: "Cancel" }) }),
-                  /* @__PURE__ */ i(
-                    f,
-                    {
-                      type: "button",
-                      disabled: b.trim().length === 0,
-                      onClick: T,
-                      children: "Save"
-                    }
-                  )
-                ] })
-              ] })
-            }
-          )
-        ]
-      },
-      `${o.name}-${k}`
-    ) : /* @__PURE__ */ i(
-      B,
-      {
-        type: "button",
-        radius: "medium",
-        color: "gray",
-        variant: o.isActive() ? "soft" : "ghost",
-        disabled: o.disabled || !e.isEditable,
-        title: o.name,
-        onMouseDown: (j) => D(j, o.command),
-        className: I(o.disabled && "scribe-toolbar-button--disabled"),
-        children: /* @__PURE__ */ i(o.icon, { className: "scribe-toolbar-icon" })
-      },
-      `${o.name}-${k}`
-    )) }),
-    d !== x.length - 1 ? /* @__PURE__ */ i(F, { orientation: "vertical", decorative: !0, style: { height: 20 } }) : null
-  ] }, `format-group-${d}`)) }) });
-};
-export {
-  ce as B,
-  I as c
-};