web-mojo 2.1.1044 → 2.1.1090

package/dist/chunks/{Rest-CS4jRCAs.js → Rest-DpbPbmra.js}

@@ -485,6 +485,7 @@ class DataFormatter {
     this.register("datatime_tz", this.datetime_tz.bind(this));
     this.register("relative", this.relative.bind(this));
     this.register("fromNow", this.relative.bind(this));
+    this.register("relative_short", this.relative_short.bind(this));
     this.register("iso", this.iso.bind(this));
     this.register("epoch", (v) => {
       if (v === null || v === void 0 || v === "") return v;
@@ -517,6 +518,7 @@ class DataFormatter {
     this.register("phone", this.phone.bind(this));
     this.register("url", this.url.bind(this));
     this.register("badge", this.badge.bind(this));
+    this.register("badgeClass", this.badgeClass.bind(this));
     this.register("status", this.status.bind(this));
     this.register("status_text", this.status_text.bind(this));
     this.register("status_icon", this.status_icon.bind(this));
@@ -528,6 +530,8 @@ class DataFormatter {
     this.register("avatar", this.avatar.bind(this));
     this.register("image", this.image.bind(this));
     this.register("tooltip", this.tooltip.bind(this));
+    this.register("linkify", this.linkify.bind(this));
+    this.register("clipboard", this.clipboard.bind(this));
     this.register("default", this.default.bind(this));
     this.register("equals", this.equals.bind(this));
     this.register("json", this.json.bind(this));
@@ -552,8 +556,64 @@ class DataFormatter {
     this.register("hash", this.hash.bind(this));
     this.register("stripHtml", this.stripHtml.bind(this));
     this.register("highlight", this.highlight.bind(this));
+    this.register("nl2br", this.nl2br.bind(this));
+    this.register("code", this.code.bind(this));
     this.register("pre", (v) => `<pre class="bg-light p-2 rounded border">${this.escapeHtml(String(v))}</pre>`);
   }
+  relative_short(value) {
+    return this.relative(value, true);
+  }
+  linkify(value, options = {}) {
+    if (value === null || value === void 0) return "";
+    const text = String(value);
+    const escaped = this.escapeHtml(text);
+    const defaults = { urls: true, emails: true, target: "_blank", rel: "noopener noreferrer" };
+    const opts = options && typeof options === "object" ? { ...defaults, ...options } : defaults;
+    let result = escaped;
+    if (opts.urls !== false) {
+      const urlRegex = /(^|\s)((?:https?:\/\/|www\.)[^\s<]+)/gi;
+      result = result.replace(urlRegex, (match, prefix, url) => {
+        const href = url.startsWith("www.") ? `https://${url}` : url;
+        return `${prefix}<a href="${href}" target="${opts.target}" rel="${opts.rel}">${url}</a>`;
+      });
+    }
+    if (opts.emails !== false) {
+      const emailRegex = /\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b/gi;
+      result = result.replace(emailRegex, (email) => `<a href="mailto:${email}">${email}</a>`);
+    }
+    return result;
+  }
+  clipboard(value, mode = "text") {
+    if (value === null || value === void 0) return "";
+    const text = String(value);
+    const escapedText = this.escapeHtml(text);
+    const showText = mode !== "icon-only";
+    const buttonHtml = `
+        <button type="button"
+                class="btn btn-sm btn-outline-secondary ms-1 p-0 border-0 bg-transparent"
+                title="Copy"
+                data-bs-toggle="tooltip"
+                data-action="copy-to-clipboard"
+                data-clipboard="${escapedText}">
+          <i class="bi bi-clipboard"></i>
+        </button>`.trim();
+    return `
+        <span class="mojo-clipboard d-inline-flex align-items-center">
+          ${showText ? `<span class="font-monospace">${escapedText}</span>` : ""}
+          ${buttonHtml}
+        </span>
+      `;
+  }
+  nl2br(value) {
+    if (value === null || value === void 0) return "";
+    return this.escapeHtml(String(value)).replace(/\r\n|\r|\n/g, "<br>");
+  }
+  code(value, lang = "") {
+    if (value === null || value === void 0) return "";
+    const language = lang ? `language-${this.escapeHtml(String(lang))}` : "";
+    const content = this.escapeHtml(String(value));
+    return `<pre class="bg-light p-2 rounded border"><code class="${language}">${content}</code></pre>`;
+  }
   /**
    * Register a custom formatter
    * @param {string} name - Formatter name
@@ -1006,8 +1066,8 @@ class DataFormatter {
     value = this.normalizeEpoch(value);
     const date = value instanceof Date ? value : new Date(value);
     if (isNaN(date.getTime())) return String(value);
-    const now2 = /* @__PURE__ */ new Date();
-    const diffMs = now2 - date;
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now - date;
     const diffSecs = Math.floor(diffMs / 1e3);
     const diffMins = Math.floor(diffSecs / 60);
     const diffHours = Math.floor(diffMins / 60);
@@ -2854,6 +2914,7 @@ class View {
   }
   canRender() {
     if (this.isRendering) return false;
+    const now = Date.now();
     if (this.options.renderCooldown > 0 && now - this.lastRenderTime < this.options.renderCooldown) {
       View._warn(`View ${this.id}: Render called too quickly, cooldown active`);
       return false;
@@ -2875,12 +2936,12 @@ class View {
   // Render flow
   // ---------------------------------------------
   async render(allowMount = true, container = null) {
-    const now2 = Date.now();
+    const now = Date.now();
     if (!this.canRender()) {
       return this;
     }
     this.isRendering = true;
-    this.lastRenderTime = now2;
+    this.lastRenderTime = now;
     try {
       if (!this.initialized) await this.onInitView();
       this.unbindEvents();
@@ -3312,6 +3373,36 @@ class View {
     }
     alert(`Warning: ${message}`);
   }
+  // Default action: copy value from data-clipboard to clipboard
+  async onActionCopyToClipboard(event, element) {
+    try {
+      const carrier = element?.closest("[data-clipboard]") || element;
+      const text = carrier?.getAttribute("data-clipboard") || "";
+      if (!text) return true;
+      if (navigator.clipboard && window.isSecureContext) {
+        await navigator.clipboard.writeText(text);
+      } else {
+        const textarea = document.createElement("textarea");
+        textarea.value = text;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+      }
+      const icon = element.querySelector("i");
+      const originalClass = icon && icon.className;
+      if (icon) {
+        icon.className = "bi bi-check";
+        setTimeout(() => {
+          icon.className = originalClass;
+        }, 1e3);
+      }
+      return true;
+    } catch (err) {
+      console.warn("Copy to clipboard failed:", err);
+      return true;
+    }
+  }
   static _genId() {
     return `view_${Math.random().toString(36).substr(2, 9)}`;
   }
@@ -4042,4 +4133,4 @@ export {
   dataFormatter as d,
   rest as r
 };
-//# sourceMappingURL=Rest-CS4jRCAs.js.map
+//# sourceMappingURL=Rest-DpbPbmra.js.map