cynx-lib 1.3.45 → 1.3.47

package/utils/utils/ui.js

@@ -1,111 +1,111 @@
-/**
- * cynx/utils — UI and Formatting Helpers (ui.js)
- *
- * Universal classname merger (cn), clipboard helper, and friendly date/byte formatters.
- */
-
-/**
- * Universal class names combiner / merger (zero-dependency clsx replacement).
- * Handles strings, arrays, objects, booleans, and null/undefined values.
- *
- * @param {...any} inputs
- * @returns {string} Combined class string
- */
-export function cn(...inputs) {
-  const classes = [];
-
-  for (let i = 0; i < inputs.length; i++) {
-    const arg = inputs[i];
-    if (!arg) continue;
-
-    const argType = typeof arg;
-    if (argType === 'string' || argType === 'number') {
-      classes.push(arg);
-    } else if (Array.isArray(arg)) {
-      if (arg.length) {
-        const inner = cn(...arg);
-        if (inner) classes.push(inner);
-      }
-    } else if (argType === 'object') {
-      for (const key in arg) {
-        if (Object.prototype.hasOwnProperty.call(arg, key) && arg[key]) {
-          classes.push(key);
-        }
-      }
-    }
-  }
-
-  return classes.join(' ');
-}
-
-/**
- * Safely copy text to clipboard with modern Clipboard API and legacy fallback.
- *
- * @param {string} text
- * @returns {Promise<boolean>}
- */
-export async function copyToClipboard(text) {
-  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
-    try {
-      await navigator.clipboard.writeText(text);
-      return true;
-    } catch {}
-  }
-
-  if (typeof document !== 'undefined') {
-    try {
-      const el = document.createElement('textarea');
-      el.value = text;
-      el.setAttribute('readonly', '');
-      el.style.position = 'absolute';
-      el.style.left = '-9999px';
-      document.body.appendChild(el);
-      el.select();
-      const successful = document.execCommand('copy');
-      document.body.removeChild(el);
-      return successful;
-    } catch {}
-  }
-
-  return false;
-}
-
-/**
- * Format relative time (e.g. "5s ago", "12m ago", "3h ago", "2d ago").
- *
- * @param {Date|string|number} d
- * @returns {string}
- */
-export function fmtAgo(d) {
-  if (!d) return '—';
-  const s = Math.floor((Date.now() - new Date(d).getTime()) / 1000);
-  if (isNaN(s)) return '—';
-  if (s < 60) return `${Math.max(0, s)}s ago`;
-  if (s < 3600) return `${Math.floor(s / 60)}m ago`;
-  if (s < 86400) return `${Math.floor(s / 3600)}h ago`;
-  return `${Math.floor(s / 86400)}d ago`;
-}
-
-/**
- * Format localized date or return fallback dash.
- *
- * @param {Date|string|number} d
- * @param {string} [locale='ru-RU']
- * @returns {string}
- */
-export function fmtDate(d, locale = 'ru-RU') {
-  if (!d) return '—';
-  try {
-    const date = new Date(d);
-    return isNaN(date.getTime()) ? '—' : date.toLocaleString(locale);
-  } catch {
-    return '—';
-  }
-}
-
-export default {
-  cn,
-  copyToClipboard,
-  fmtAgo,
-  fmtDate,
-};
+/**
+ * cynx/utils — UI and Formatting Helpers (ui.js)
+ *
+ * Universal classname merger (cn), clipboard helper, and friendly date/byte formatters.
+ */
+
+/**
+ * Universal class names combiner / merger (zero-dependency clsx replacement).
+ * Handles strings, arrays, objects, booleans, and null/undefined values.
+ *
+ * @param {...any} inputs
+ * @returns {string} Combined class string
+ */
+export function cn(...inputs) {
+  const classes = [];
+
+  for (let i = 0; i < inputs.length; i++) {
+    const arg = inputs[i];
+    if (!arg) continue;
+
+    const argType = typeof arg;
+    if (argType === 'string' || argType === 'number') {
+      classes.push(arg);
+    } else if (Array.isArray(arg)) {
+      if (arg.length) {
+        const inner = cn(...arg);
+        if (inner) classes.push(inner);
+      }
+    } else if (argType === 'object') {
+      for (const key in arg) {
+        if (Object.prototype.hasOwnProperty.call(arg, key) && arg[key]) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+
+  return classes.join(' ');
+}
+
+/**
+ * Safely copy text to clipboard with modern Clipboard API and legacy fallback.
+ *
+ * @param {string} text
+ * @returns {Promise<boolean>}
+ */
+export async function copyToClipboard(text) {
+  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {}
+  }
+
+  if (typeof document !== 'undefined') {
+    try {
+      const el = document.createElement('textarea');
+      el.value = text;
+      el.setAttribute('readonly', '');
+      el.style.position = 'absolute';
+      el.style.left = '-9999px';
+      document.body.appendChild(el);
+      el.select();
+      const successful = document.execCommand('copy');
+      document.body.removeChild(el);
+      return successful;
+    } catch {}
+  }
+
+  return false;
+}
+
+/**
+ * Format relative time (e.g. "5s ago", "12m ago", "3h ago", "2d ago").
+ *
+ * @param {Date|string|number} d
+ * @returns {string}
+ */
+export function fmtAgo(d) {
+  if (!d) return '—';
+  const s = Math.floor((Date.now() - new Date(d).getTime()) / 1000);
+  if (isNaN(s)) return '—';
+  if (s < 60) return `${Math.max(0, s)}s ago`;
+  if (s < 3600) return `${Math.floor(s / 60)}m ago`;
+  if (s < 86400) return `${Math.floor(s / 3600)}h ago`;
+  return `${Math.floor(s / 86400)}d ago`;
+}
+
+/**
+ * Format localized date or return fallback dash.
+ *
+ * @param {Date|string|number} d
+ * @param {string} [locale='ru-RU']
+ * @returns {string}
+ */
+export function fmtDate(d, locale = 'ru-RU') {
+  if (!d) return '—';
+  try {
+    const date = new Date(d);
+    return isNaN(date.getTime()) ? '—' : date.toLocaleString(locale);
+  } catch {
+    return '—';
+  }
+}
+
+export default {
+  cn,
+  copyToClipboard,
+  fmtAgo,
+  fmtDate,
+};