@underverse-ui/underverse 1.0.24 → 1.0.26

package/dist/index.cjs

@@ -174,9 +174,11 @@ __export(index_exports, {
   Watermark: () => Watermark_default,
   cn: () => cn,
   cnLocal: () => cn2,
+  extractImageSrcsFromHtml: () => extractImageSrcsFromHtml,
   getAnimationStyles: () => getAnimationStyles,
   getUnderverseMessages: () => getUnderverseMessages,
   injectAnimationStyles: () => injectAnimationStyles,
+  normalizeImageUrl: () => normalizeImageUrl,
   prepareUEditorContentForSave: () => prepareUEditorContentForSave,
   shadcnAnimationStyles: () => shadcnAnimationStyles2,
   underverseMessages: () => underverseMessages,
@@ -346,25 +348,39 @@ var Button_default = Button;
 // ../../components/ui/Badge.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var variantStyles = {
-  default: "bg-muted text-muted-foreground border-border/50 hover:bg-muted/80",
-  primary: "bg-primary text-primary-foreground border-primary/20 hover:bg-primary/90",
-  secondary: "bg-secondary text-secondary-foreground border-secondary/20 hover:bg-secondary/90",
-  success: "bg-success text-success-foreground border-success/20 hover:bg-success/90",
-  warning: "bg-warning text-warning-foreground border-warning/20 hover:bg-warning/90",
-  danger: "bg-destructive text-destructive-foreground border-destructive/20 hover:bg-destructive/90",
-  destructive: "bg-destructive text-destructive-foreground border-destructive/20 hover:bg-destructive/90",
-  info: "bg-info text-info-foreground border-info/20 hover:bg-info/90",
-  outline: "bg-transparent text-foreground border-border hover:bg-accent/50",
-  ghost: "bg-transparent hover:bg-accent/20 hover:text-accent-foreground border-transparent transition-colors",
-  transparent: "bg-transparent text-foreground border-transparent hover:bg-accent/30",
-  gradient: "bg-linear-to-r from-primary to-secondary text-primary-foreground border-transparent hover:from-primary/90 hover:to-secondary/90"
+  default: "bg-muted text-muted-foreground border-border/50",
+  primary: "bg-primary text-primary-foreground border-primary/20",
+  secondary: "bg-secondary text-secondary-foreground border-secondary/20",
+  success: "bg-success text-success-foreground border-success/20",
+  warning: "bg-warning text-warning-foreground border-warning/20",
+  danger: "bg-destructive text-destructive-foreground border-destructive/20",
+  destructive: "bg-destructive text-destructive-foreground border-destructive/20",
+  info: "bg-info text-info-foreground border-info/20",
+  outline: "bg-transparent text-foreground border-border",
+  ghost: "bg-transparent text-foreground border-transparent",
+  transparent: "bg-transparent text-foreground border-transparent",
+  gradient: "bg-linear-to-r from-primary to-secondary text-primary-foreground border-transparent"
+};
+var clickableVariantStyles = {
+  default: "hover:bg-muted/80",
+  primary: "hover:bg-primary/90",
+  secondary: "hover:bg-secondary/90",
+  success: "hover:bg-success/90",
+  warning: "hover:bg-warning/90",
+  danger: "hover:bg-destructive/90",
+  destructive: "hover:bg-destructive/90",
+  info: "hover:bg-info/90",
+  outline: "hover:bg-accent/50",
+  ghost: "hover:bg-accent/20 hover:text-accent-foreground",
+  transparent: "hover:bg-accent/30",
+  gradient: "hover:from-primary/90 hover:to-secondary/90"
 };
 var sizeStyles = {
   xs: "px-1.5 py-0.5 text-xs font-medium min-h-4.5",
   sm: "px-2 py-0.5 text-xs font-medium min-h-5",
   md: "px-2.5 py-1 text-xs font-medium min-h-6",
-  lg: "px-3 py-1.5 text-sm font-medium min-h-7",
-  xl: "px-4 py-2 text-sm font-semibold min-h-8"
+  lg: "px-3 py-1 text-xs font-medium min-h-6.5",
+  xl: "px-3.5 py-1.5 text-sm font-medium min-h-7"
 };
 var dotSizeStyles = {
   xs: "w-1.5 h-1.5",
@@ -407,11 +423,12 @@ var Badge = ({
   const baseClasses = cn(
     "inline-flex items-center border transition-all duration-200",
     "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
+    variantStyles[variant],
+    clickable && clickableVariantStyles[variant],
     clickable && "cursor-pointer hover:shadow-sm active:scale-95",
     pulse && "animate-pulse",
-    "relative z-0",
+    "relative z-0"
     // Ensure badges stay below sticky headers (z-20, z-50)
-    variantStyles[variant]
   );
   if (dot) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -24425,6 +24442,34 @@ function getErrorReason(error) {
   if (typeof error === "string" && error.trim()) return error;
   return "Unknown upload error.";
 }
+function decodeHtmlEntities(value) {
+  return value.replace(/&quot;/gi, '"').replace(/&#39;/gi, "'").replace(/&amp;/gi, "&").replace(/&lt;/gi, "<").replace(/&gt;/gi, ">").replace(/&nbsp;/gi, " ");
+}
+function normalizeImageUrl(url) {
+  const input = decodeHtmlEntities(url.trim());
+  if (!input) return "";
+  if (isDataImageUrl(input)) return input;
+  const isAbsolute = /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(input);
+  if (!isAbsolute) {
+    return input.split("#")[0] ?? input;
+  }
+  try {
+    const parsed = new URL(input);
+    parsed.hash = "";
+    if (parsed.protocol === "http:" || parsed.protocol === "https:") {
+      parsed.hostname = parsed.hostname.toLowerCase();
+      if (parsed.protocol === "http:" && parsed.port === "80" || parsed.protocol === "https:" && parsed.port === "443") {
+        parsed.port = "";
+      }
+      if (parsed.pathname.length > 1 && parsed.pathname.endsWith("/")) {
+        parsed.pathname = parsed.pathname.slice(0, -1);
+      }
+    }
+    return parsed.toString();
+  } catch {
+    return input.split("#")[0] ?? input;
+  }
+}
 function replaceSrcInTag(match, nextSrc) {
   if (!match.srcAttr) return match.tag;
   const { start, end, quote } = match.srcAttr;
@@ -24458,6 +24503,24 @@ function collectImgTagMatches(html) {
   }
   return matches;
 }
+function extractImageSrcsFromHtml(html) {
+  if (!html || !html.includes("<img")) return [];
+  return collectImgTagMatches(html).map((match) => decodeHtmlEntities(match.srcAttr?.value.trim() ?? "")).filter(Boolean);
+}
+function createResult({
+  html,
+  uploaded,
+  inlineUploaded,
+  errors
+}) {
+  return {
+    html,
+    uploaded,
+    inlineImageUrls: extractImageSrcsFromHtml(html),
+    inlineUploaded,
+    errors
+  };
+}
 var UEditorPrepareContentForSaveError = class extends Error {
   constructor(result) {
     super(
@@ -24472,11 +24535,11 @@ async function prepareUEditorContentForSave({
   uploadImageForSave
 }) {
   if (!html || !html.includes("<img")) {
-    return { html, uploaded: [], errors: [] };
+    return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
   }
   const imgMatches = collectImgTagMatches(html);
   if (imgMatches.length === 0) {
-    return { html, uploaded: [], errors: [] };
+    return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
   }
   const base64Candidates = [];
   for (const match of imgMatches) {
@@ -24491,19 +24554,21 @@ async function prepareUEditorContentForSave({
     });
   }
   if (base64Candidates.length === 0) {
-    return { html, uploaded: [], errors: [] };
+    return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
   }
   if (!uploadImageForSave) {
-    return {
+    return createResult({
       html,
       uploaded: [],
+      inlineUploaded: [],
       errors: base64Candidates.map((item) => ({
         index: item.index,
         reason: "`uploadImageForSave` is required to transform base64 images before save."
       }))
-    };
+    });
   }
   const uploaded = [];
+  const inlineUploaded = [];
   const errors = [];
   const replacements = /* @__PURE__ */ new Map();
   const uploadResults = await Promise.all(
@@ -24532,9 +24597,15 @@ async function prepareUEditorContentForSave({
       file: item.file,
       meta: item.meta
     });
+    inlineUploaded.push({
+      index: item.candidate.index,
+      url: item.url,
+      file: item.file,
+      meta: item.meta
+    });
   }
   if (replacements.size === 0) {
-    return { html, uploaded, errors };
+    return createResult({ html, uploaded, inlineUploaded, errors });
   }
   let transformed = "";
   let cursor = 0;
@@ -24546,7 +24617,7 @@ async function prepareUEditorContentForSave({
     cursor = match.end;
   }
   transformed += html.slice(cursor);
-  return { html: transformed, uploaded, errors };
+  return createResult({ html: transformed, uploaded, inlineUploaded, errors });
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
@@ -24908,9 +24979,11 @@ function getUnderverseMessages(locale = "en") {
   Watermark,
   cn,
   cnLocal,
+  extractImageSrcsFromHtml,
   getAnimationStyles,
   getUnderverseMessages,
   injectAnimationStyles,
+  normalizeImageUrl,
   prepareUEditorContentForSave,
   shadcnAnimationStyles,
   underverseMessages,