@underverse-ui/underverse 1.0.154 → 1.0.156

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.154",
+  "version": "1.0.156",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -1055,12 +1055,15 @@ var en_default = {
       clickToOpenNewTab: "Click to open this link in a new tab.",
       clickToOpenLink: "Click to open link.",
       noDescription: "No description available.",
-      failedToLoad: "Failed to load link preview. Click to open link."
+      failedToLoad: "Failed to load link preview. Click to open link.",
+      previewFailed: "Preview failed to load",
+      retryPreview: "Retry preview"
     },
     fileCard: {
       unnamed: "Unnamed file",
       uploading: "(Uploading...)",
-      uploadFailed: "Upload failed"
+      uploadFailed: "Upload failed",
+      retryUpload: "Retry upload"
     },
     menubar: {
       file: "File",
@@ -1447,12 +1450,15 @@ var vi_default = {
       clickToOpenNewTab: "B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt n\xE0y trong tab m\u1EDBi.",
       clickToOpenLink: "B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt.",
       noDescription: "Kh\xF4ng c\xF3 m\xF4 t\u1EA3.",
-      failedToLoad: "T\u1EA3i b\u1EA3n xem tr\u01B0\u1EDBc th\u1EA5t b\u1EA1i. B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt."
+      failedToLoad: "T\u1EA3i b\u1EA3n xem tr\u01B0\u1EDBc th\u1EA5t b\u1EA1i. B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt.",
+      previewFailed: "Kh\xF4ng t\u1EA3i \u0111\u01B0\u1EE3c b\u1EA3n xem tr\u01B0\u1EDBc",
+      retryPreview: "Th\u1EED l\u1EA1i"
     },
     fileCard: {
       unnamed: "T\u1EC7p kh\xF4ng t\xEAn",
       uploading: "(\u0110ang t\u1EA3i l\xEAn...)",
-      uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"
+      uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i",
+      retryUpload: "T\u1EA3i l\u1EA1i"
     },
     menubar: {
       file: "T\u1EADp tin",
@@ -1839,12 +1845,15 @@ var ko_default = {
       clickToOpenNewTab: "\uD074\uB9AD\uD558\uC5EC \uC774 \uB9C1\uD06C\uB97C \uC0C8 \uD0ED\uC5D0\uC11C \uC5FD\uB2C8\uB2E4.",
       clickToOpenLink: "\uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4.",
       noDescription: "\uC124\uBA85\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
-      failedToLoad: "\uB9C1\uD06C \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4."
+      failedToLoad: "\uB9C1\uD06C \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4.",
+      previewFailed: "\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4",
+      retryPreview: "\uB2E4\uC2DC \uC2DC\uB3C4"
     },
     fileCard: {
       unnamed: "\uC774\uB984 \uC5C6\uB294 \uD30C\uC77C",
       uploading: "(\uC5C5\uB85C\uB4DC \uC911...)",
-      uploadFailed: "\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4."
+      uploadFailed: "\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.",
+      retryUpload: "\uB2E4\uC2DC \uC5C5\uB85C\uB4DC"
     },
     menubar: {
       file: "\uD30C\uC77C",
@@ -2231,12 +2240,15 @@ var ja_default = {
       clickToOpenNewTab: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u3053\u306E\u30EA\u30F3\u30AF\u3092\u65B0\u3057\u3044\u30BF\u30D6\u3067\u958B\u304F\u3002",
       clickToOpenLink: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002",
       noDescription: "\u8AAC\u660E\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
-      failedToLoad: "\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002"
+      failedToLoad: "\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002",
+      previewFailed: "\u30D7\u30EC\u30D3\u30E5\u30FC\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F",
+      retryPreview: "\u518D\u8A66\u884C"
     },
     fileCard: {
       unnamed: "\u540D\u524D\u306A\u3057\u30D5\u30A1\u30A4\u30EB",
       uploading: "(\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D...)",
-      uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557"
+      uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557",
+      retryUpload: "\u518D\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9"
     },
     menubar: {
       file: "\u30D5\u30A1\u30A4\u30EB",
@@ -25025,7 +25037,7 @@ var import_core2 = require("@tiptap/core");
 var import_react45 = require("@tiptap/react");
 
 // src/components/UEditor/BookmarkView.tsx
-var import_react43 = require("react");
+var import_react43 = __toESM(require("react"), 1);
 var import_react44 = require("@tiptap/react");
 var import_lucide_react41 = require("lucide-react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
@@ -25034,12 +25046,18 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
   const { url, title, description, image, publisher } = node.attrs;
   const [loading2, setLoading] = (0, import_react43.useState)(false);
   const [error, setError] = (0, import_react43.useState)(false);
+  const [retryToken, setRetryToken] = (0, import_react43.useState)(0);
+  const fetchedRetryTokenRef = import_react43.default.useRef(-1);
+  const fetchRequestIdRef = import_react43.default.useRef(0);
   (0, import_react43.useEffect)(() => {
-    if (title) return;
-    let active = true;
+    if (title && retryToken === 0) return;
+    if (fetchedRetryTokenRef.current === retryToken) return;
+    fetchedRetryTokenRef.current = retryToken;
+    const requestId = fetchRequestIdRef.current + 1;
+    fetchRequestIdRef.current = requestId;
     const safeUpdateAttributes = (attrs) => {
       Promise.resolve().then(() => {
-        if (active && editor && !editor.isDestroyed) {
+        if (fetchRequestIdRef.current === requestId && editor && !editor.isDestroyed) {
           updateAttributes(attrs);
         }
       });
@@ -25066,7 +25084,7 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
     setLoading(true);
     setError(false);
     fetchMetadata(url).then((meta) => {
-      if (!active) return;
+      if (fetchRequestIdRef.current !== requestId) return;
       safeUpdateAttributes({
         title: meta.title || new URL(url).hostname || url,
         description: meta.description || t("bookmark.noDescription"),
@@ -25075,33 +25093,22 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
       });
       setLoading(false);
     }).catch(() => {
-      if (!active) return;
+      if (fetchRequestIdRef.current !== requestId) return;
       setError(true);
       setLoading(false);
-      try {
-        const hostname = new URL(url).hostname;
-        safeUpdateAttributes({
-          title: hostname || url,
-          description: t("bookmark.failedToLoad"),
-          publisher: hostname
-        });
-      } catch {
-        safeUpdateAttributes({
-          title: url,
-          description: t("bookmark.clickToOpenLink"),
-          publisher: ""
-        });
-      }
     });
-    return () => {
-      active = false;
-    };
-  }, [url, title, editor, updateAttributes, t]);
+    return void 0;
+  }, [url, title, editor, updateAttributes, t, retryToken]);
   const handleOpenLink = (e) => {
     e.preventDefault();
     e.stopPropagation();
     window.open(url, "_blank", "noopener,noreferrer");
   };
+  const handleRetryPreview = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setRetryToken((value) => value + 1);
+  };
   const displayPublisher = publisher || (() => {
     try {
       return new URL(url).hostname;
@@ -25137,6 +25144,24 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
           /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "text-[11px] text-primary/80 font-mono mt-2 truncate flex items-center gap-1", children: [
             url,
             /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react41.ExternalLink, { className: "h-3 w-3 flex-shrink-0" })
+          ] }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-destructive", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react41.AlertCircle, { className: "h-3.5 w-3.5" }),
+              t("bookmark.previewFailed")
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: handleRetryPreview,
+                className: "inline-flex items-center gap-1 rounded-md border border-destructive/30 px-2 py-0.5 font-medium hover:bg-destructive/10",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react41.RefreshCw, { className: "h-3 w-3" }),
+                  t("bookmark.retryPreview")
+                ]
+              }
+            )
           ] })
         ] }),
         image && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "relative w-full sm:w-44 h-32 sm:h-auto flex-shrink-0 bg-muted overflow-hidden border-t sm:border-t-0 sm:border-l border-border/50", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
@@ -25321,6 +25346,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
   const { src, fileName, fileSize, fileType } = node.attrs;
   const FileIcon = getFileIcon2(fileType);
   const [uploadError, setUploadError] = (0, import_react46.useState)(null);
+  const [retryToken, setRetryToken] = (0, import_react46.useState)(0);
   const uploadAttemptedRef = (0, import_react46.useRef)(false);
   (0, import_react46.useEffect)(() => {
     if (!src || !src.startsWith("data:")) {
@@ -25352,7 +25378,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
       }
     };
     void runUpload();
-  }, [src, fileName, fileType, editor, updateAttributes]);
+  }, [src, fileName, fileType, editor, updateAttributes, retryToken]);
   const handleDownload = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -25365,6 +25391,13 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
     document.body.removeChild(link);
   };
   const isUploading = (src || "").startsWith("data:");
+  const handleRetryUpload = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    uploadAttemptedRef.current = false;
+    setUploadError(null);
+    setRetryToken((value) => value + 1);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     import_react47.NodeViewWrapper,
     {
@@ -25383,7 +25416,19 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
               isUploading && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: cn(
                 "font-medium truncate max-w-[200px]",
                 uploadError ? "text-destructive" : "text-primary animate-pulse"
-              ), children: uploadError ? `${t("fileCard.uploadFailed") || "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"}: ${uploadError}` : t("fileCard.uploading") })
+              ), children: uploadError ? `${t("fileCard.uploadFailed") || "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"}: ${uploadError}` : t("fileCard.uploading") }),
+              isUploading && uploadError && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleRetryUpload,
+                  className: "inline-flex items-center gap-1 rounded-md border border-destructive/30 px-1.5 py-0.5 text-[11px] font-medium text-destructive hover:bg-destructive/10",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react42.RefreshCw, { className: "h-3 w-3" }),
+                    t("fileCard.retryUpload")
+                  ]
+                }
+              )
             ] })
           ] })
         ] }),
@@ -30642,6 +30687,20 @@ function safeFindCell2(map, relativePos) {
 function getCellText(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
+function getSelectionTableCellNode(editor) {
+  const { $from } = editor.state.selection;
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    const node = $from.node(depth);
+    if (node.type.name === "tableCell" || node.type.name === "tableHeader") {
+      return node;
+    }
+  }
+  return null;
+}
+function isEditingTableFormulaText(editor) {
+  const cellNode = getSelectionTableCellNode(editor);
+  return Boolean(cellNode && getCellText(cellNode).startsWith("="));
+}
 function createCellDisplayContent(cellNode, displayValue) {
   const paragraphType = cellNode.type.schema.nodes.paragraph;
   if (!paragraphType || !displayValue) {
@@ -38894,7 +38953,6 @@ var UEditor = import_react71.default.forwardRef(({
   fetchMetadata,
   uploadFile,
   uploadFileForSave,
-  collaborationOptions,
   extraExtensions,
   showMenuBar = false,
   onSave,
@@ -38907,6 +38965,17 @@ var UEditor = import_react71.default.forwardRef(({
   const inFlightPrepareRef = (0, import_react71.useRef)(null);
   const lastAppliedContentRef = (0, import_react71.useRef)(content ?? "");
   const scheduledFormulaRecalculateRef = (0, import_react71.useRef)(false);
+  const scheduleFormulaRecalculate = import_react71.default.useCallback((editor2, options) => {
+    if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
+    if (!options?.force && isEditingTableFormulaText(editor2)) return;
+    scheduledFormulaRecalculateRef.current = true;
+    queueMicrotask(() => {
+      scheduledFormulaRecalculateRef.current = false;
+      if (!editor2.isDestroyed && (options?.force || !isEditingTableFormulaText(editor2))) {
+        recalculateAllTableFormulas(editor2);
+      }
+    });
+  }, []);
   const resolvedUploadFile = (0, import_react71.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
@@ -38971,19 +39040,19 @@ var UEditor = import_react71.default.forwardRef(({
       }
     },
     onUpdate: ({ editor: editor2, transaction }) => {
-      if (!transaction.getMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META) && !scheduledFormulaRecalculateRef.current) {
-        scheduledFormulaRecalculateRef.current = true;
-        queueMicrotask(() => {
-          scheduledFormulaRecalculateRef.current = false;
-          if (!editor2.isDestroyed) {
-            recalculateAllTableFormulas(editor2);
-          }
-        });
+      if (!transaction.getMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META)) {
+        scheduleFormulaRecalculate(editor2);
       }
       const html = editor2.getHTML();
       onChange?.(html);
       onHtmlChange?.(html);
       onJsonChange?.(editor2.getJSON());
+    },
+    onSelectionUpdate: ({ editor: editor2 }) => {
+      scheduleFormulaRecalculate(editor2);
+    },
+    onBlur: ({ editor: editor2 }) => {
+      scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
   const {