@underverse-ui/underverse 1.0.147 → 1.0.149

package/api-reference.json

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

package/dist/index.cjs

@@ -25835,67 +25835,7 @@ var SlashCommand = import_core4.Extension.create({
 var import_core5 = require("@tiptap/core");
 var import_state2 = require("@tiptap/pm/state");
 
-// src/components/UEditor/url-safety.ts
-var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
-var IMAGE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
-function normalizeUrlInput(raw) {
-  return raw.trim().replace(/[\u0000-\u001F\u007F\s]+/g, "");
-}
-function isProtocolRelativeUrl(value) {
-  return value.startsWith("//");
-}
-function isRelativeUrl(value) {
-  return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
-}
-function isDataImageUrl(value) {
-  return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
-}
-function isSafeUEditorUrl(raw, kind) {
-  const value = normalizeUrlInput(raw);
-  if (!value) return false;
-  if (kind === "image" && isDataImageUrl(value)) return true;
-  if (isRelativeUrl(value)) return true;
-  if (isProtocolRelativeUrl(value)) return false;
-  try {
-    const parsed = new URL(value);
-    return kind === "image" ? IMAGE_PROTOCOLS.has(parsed.protocol) : LINK_PROTOCOLS.has(parsed.protocol);
-  } catch {
-    return false;
-  }
-}
-function sanitizeUEditorUrl(raw, kind) {
-  const value = raw.trim();
-  if (!value) return "";
-  if (isSafeUEditorUrl(value, kind)) return normalizeUrlInput(value);
-  if (kind === "link" && !isProtocolRelativeUrl(value) && !/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(value)) {
-    const withProtocol = `https://${value}`;
-    return isSafeUEditorUrl(withProtocol, kind) ? withProtocol : "";
-  }
-  return "";
-}
-
-// src/components/UEditor/clipboard-images.ts
-var DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE = 10 * 1024 * 1024;
-var DEFAULT_UEDITOR_IMAGE_MIME_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif", "image/svg+xml"];
-function getImageFiles(dataTransfer) {
-  if (!dataTransfer) return [];
-  const itemFiles = [];
-  const byKey = /* @__PURE__ */ new Map();
-  for (const item of Array.from(dataTransfer.items ?? [])) {
-    if (item.kind !== "file") continue;
-    if (!item.type.startsWith("image/")) continue;
-    const file = item.getAsFile();
-    if (!file) continue;
-    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
-  }
-  itemFiles.push(...Array.from(byKey.values()));
-  if (itemFiles.length > 0) return itemFiles;
-  for (const file of Array.from(dataTransfer.files ?? [])) {
-    if (!file.type.startsWith("image/")) continue;
-    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
-  }
-  return Array.from(byKey.values());
-}
+// src/components/UEditor/clipboard-tables.ts
 function getClipboardData(dataTransfer, type) {
   try {
     return dataTransfer.getData(type) ?? "";
@@ -26044,6 +25984,68 @@ function getClipboardTsvTableContent(dataTransfer) {
     2
   );
 }
+
+// src/components/UEditor/url-safety.ts
+var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+var IMAGE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
+function normalizeUrlInput(raw) {
+  return raw.trim().replace(/[\u0000-\u001F\u007F\s]+/g, "");
+}
+function isProtocolRelativeUrl(value) {
+  return value.startsWith("//");
+}
+function isRelativeUrl(value) {
+  return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
+}
+function isDataImageUrl(value) {
+  return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
+}
+function isSafeUEditorUrl(raw, kind) {
+  const value = normalizeUrlInput(raw);
+  if (!value) return false;
+  if (kind === "image" && isDataImageUrl(value)) return true;
+  if (isRelativeUrl(value)) return true;
+  if (isProtocolRelativeUrl(value)) return false;
+  try {
+    const parsed = new URL(value);
+    return kind === "image" ? IMAGE_PROTOCOLS.has(parsed.protocol) : LINK_PROTOCOLS.has(parsed.protocol);
+  } catch {
+    return false;
+  }
+}
+function sanitizeUEditorUrl(raw, kind) {
+  const value = raw.trim();
+  if (!value) return "";
+  if (isSafeUEditorUrl(value, kind)) return normalizeUrlInput(value);
+  if (kind === "link" && !isProtocolRelativeUrl(value) && !/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(value)) {
+    const withProtocol = `https://${value}`;
+    return isSafeUEditorUrl(withProtocol, kind) ? withProtocol : "";
+  }
+  return "";
+}
+
+// src/components/UEditor/clipboard-images.ts
+var DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE = 10 * 1024 * 1024;
+var DEFAULT_UEDITOR_IMAGE_MIME_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif", "image/svg+xml"];
+function getImageFiles(dataTransfer) {
+  if (!dataTransfer) return [];
+  const itemFiles = [];
+  const byKey = /* @__PURE__ */ new Map();
+  for (const item of Array.from(dataTransfer.items ?? [])) {
+    if (item.kind !== "file") continue;
+    if (!item.type.startsWith("image/")) continue;
+    const file = item.getAsFile();
+    if (!file) continue;
+    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
+  }
+  itemFiles.push(...Array.from(byKey.values()));
+  if (itemFiles.length > 0) return itemFiles;
+  for (const file of Array.from(dataTransfer.files ?? [])) {
+    if (!file.type.startsWith("image/")) continue;
+    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
+  }
+  return Array.from(byKey.values());
+}
 function fileToDataUrl(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -36830,14 +36832,6 @@ var MenuBar = ({
     }
     openPreviewDialog();
   };
-  import_react67.default.useEffect(() => {
-    if (!showPreviewDialog) return void 0;
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [showPreviewDialog]);
   const applySourceHtml = () => {
     editor.chain().focus().setContent(sourceHtml).run();
     setShowSourceDialog(false);
@@ -37055,38 +37049,33 @@ var MenuBar = ({
         ] })
       }
     ),
-    showPreviewDialog && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fixed inset-0 z-9999 flex flex-col bg-background text-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex shrink-0 items-center justify-between border-b border-border bg-card px-4 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h2", { className: "text-base font-semibold", children: t("menubar.preview") }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-          "button",
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      Modal_default,
+      {
+        isOpen: showPreviewDialog,
+        onClose: () => setShowPreviewDialog(false),
+        title: t("menubar.preview"),
+        size: "full",
+        width: "min(1180px, calc(100vw - 2rem))",
+        height: "min(860px, calc(100vh - 2rem))",
+        className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
+        contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          "div",
           {
-            type: "button",
-            onClick: () => setShowPreviewDialog(false),
-            "aria-label": t("menubar.closeDialog"),
-            className: cn(
-              "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors",
-              "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.X, { className: "h-4 w-4", "aria-hidden": "true" })
+            "data-testid": "preview-content",
+            className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
+            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              "div",
+              {
+                className: UEDITOR_PROSEMIRROR_CLASS_NAME,
+                dangerouslySetInnerHTML: { __html: editor.getHTML() }
+              }
+            )
           }
         )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-        "div",
-        {
-          "data-testid": "preview-content",
-          className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
-          children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-            "div",
-            {
-              className: UEDITOR_PROSEMIRROR_CLASS_NAME,
-              dangerouslySetInnerHTML: { __html: editor.getHTML() }
-            }
-          )
-        }
-      )
-    ] })
+      }
+    )
   ] });
 };