@otmc/ui 0.0.0-stage → 0.1.2

package/LICENSE

@@ -0,0 +1,12 @@
+OTMC License
+Copyright (c) 2026 OTMC Softwares. All rights reserved.
+
+Contributors:
+* Nguyen Van Trung
+* OTMC Contributors
+
+This software and all related source code, assets, and documentation are the
+property of OTMC Softwares. Unauthorized copying, modification, distribution,
+or use of this software is prohibited without prior written permission from
+OTMC Softwares.
+

package/README.md

@@ -1,3 +1,2 @@
-# Temporary Holding Version
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+

package/dist/index.cjs

@@ -0,0 +1,493 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DEFAULT_AUTHOR: () => DEFAULT_AUTHOR,
+  DEFAULT_AUTHOR_HREF: () => DEFAULT_AUTHOR_HREF,
+  DEFAULT_COPYRIGHT: () => DEFAULT_COPYRIGHT,
+  DEFAULT_LICENSE: () => DEFAULT_LICENSE,
+  DEFAULT_LOCATION: () => DEFAULT_LOCATION,
+  DEFAULT_VERSION_TYPE: () => DEFAULT_VERSION_TYPE,
+  Footer: () => Footer,
+  InformationContent: () => InformationContent,
+  InformationModal: () => InformationModal,
+  UNKNOWN: () => UNKNOWN,
+  calculateRemainingTime: () => calculateRemainingTime,
+  copyToClipboard: () => copyToClipboard,
+  formatAbsolute: () => formatAbsolute,
+  formatAbsoluteAndRelativeTime: () => formatAbsoluteAndRelativeTime,
+  formatHumanDate: () => formatHumanDate,
+  formatRelativeTime: () => formatRelativeTime,
+  normalizeDate: () => normalizeDate,
+  pad: () => pad
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/branding/Footer.tsx
+var import_core = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+
+// src/utils/constants.ts
+var DEFAULT_AUTHOR = "Nguyen Van Trung, OTMC Contributors.";
+var DEFAULT_AUTHOR_HREF = "https://github.com/otmc-sw";
+var DEFAULT_COPYRIGHT = "OTMC Softwares. All rights reserved.";
+var DEFAULT_LICENSE = "OTMC License.";
+var DEFAULT_LOCATION = "An Nhon, Gia Lai, Viet Nam.";
+var DEFAULT_VERSION_TYPE = "Internal";
+var UNKNOWN = "Unknown";
+
+// src/branding/Footer.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_SOCIAL_LINKS = [
+  {
+    label: "Facebook",
+    href: "https://www.facebook.com",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconBrandFacebook, { size: 20 }),
+    color: "blue.8",
+    external: true
+  },
+  {
+    label: "GitHub",
+    href: "https://github.com",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconBrandGithub, { size: 20 }),
+    color: "gray.6",
+    external: true
+  },
+  {
+    label: "Gmail",
+    href: "mailto:test@gmail.com",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconMail, { size: 20 }),
+    color: "red.8",
+    external: false
+  }
+];
+function Footer({
+  copyright = DEFAULT_COPYRIGHT,
+  author = DEFAULT_AUTHOR,
+  authorHref = DEFAULT_AUTHOR_HREF,
+  socialLinks = DEFAULT_SOCIAL_LINKS,
+  showSocialLinks = true
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: "sm", mt: "md", align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: 2, align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { c: "dimmed", size: "xs", children: [
+          "Copyright",
+          " "
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconCopyright, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { size: "xs", c: "dimmed", children: [
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " ",
+          copyright
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "xs", c: "dimmed", children: "Built with" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons_react.IconHeart,
+          {
+            size: 15,
+            style: { color: "var(--mantine-color-red-7)" }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "xs", c: "dimmed", children: "by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.Anchor,
+          {
+            href: authorHref,
+            size: "xs",
+            fw: 500,
+            target: "_blank",
+            children: author
+          }
+        )
+      ] })
+    ] }),
+    showSocialLinks && socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { gap: "sm", children: socialLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Tooltip, { label: link.label, withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ActionIcon,
+      {
+        variant: "subtle",
+        color: link.color,
+        component: "a",
+        href: link.href,
+        target: link.external ? "_blank" : void 0,
+        rel: link.external ? "noopener noreferrer" : void 0,
+        children: link.icon
+      }
+    ) }, link.href)) })
+  ] });
+}
+
+// src/modals/Information.tsx
+var import_react = require("react");
+var import_core2 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+
+// src/utils/commonUtils.ts
+var copyToClipboard = async (text) => {
+  try {
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.left = "-9999px";
+    textarea.style.top = "-9999px";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    textarea.focus();
+    textarea.select();
+    const success = document.execCommand("copy");
+    document.body.removeChild(textarea);
+    return success;
+  } catch (err) {
+    console.error("Failed to copy to clipboard:", err);
+    return false;
+  }
+};
+
+// src/utils/timeUtils.ts
+function normalizeDate(dateInput) {
+  if (dateInput instanceof Date) {
+    return isNaN(dateInput.getTime()) ? null : dateInput;
+  }
+  if (typeof dateInput === "string") {
+    const date = new Date(dateInput);
+    return isNaN(date.getTime()) ? null : date;
+  }
+  if (typeof dateInput === "number") {
+    const timestamp = dateInput < 1e12 ? dateInput * 1e3 : dateInput;
+    const date = new Date(timestamp);
+    return isNaN(date.getTime()) ? null : date;
+  }
+  return null;
+}
+function pad(n, width = 2) {
+  return String(n).padStart(width, "0");
+}
+function formatAbsolute(date) {
+  const tz = -date.getTimezoneOffset();
+  const sign = tz >= 0 ? "+" : "-";
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())} ${sign}${pad(Math.floor(Math.abs(tz) / 60))}:${pad(Math.abs(tz) % 60)}`;
+}
+function formatRelativeTime(date) {
+  const normalizedDate = normalizeDate(date);
+  if (!normalizedDate) return "Invalid date";
+  const now = Date.now();
+  const diffMs = now - normalizedDate.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  if (diffSeconds < 0) {
+    return "Just now";
+  }
+  if (diffSeconds < 60) {
+    return "Just now";
+  }
+  const minute = 60;
+  const hour = minute * 60;
+  const day = hour * 24;
+  const week = day * 7;
+  const month = day * 30;
+  const year = day * 365;
+  if (diffSeconds < hour) {
+    const mins = Math.floor(diffSeconds / minute);
+    return `${mins} min${mins !== 1 ? "s" : ""} ago`;
+  } else if (diffSeconds < day) {
+    const hours = Math.floor(diffSeconds / hour);
+    return `${hours} hour${hours !== 1 ? "s" : ""} ago`;
+  } else if (diffSeconds < week) {
+    const days = Math.floor(diffSeconds / day);
+    return `${days} day${days !== 1 ? "s" : ""} ago`;
+  } else if (diffSeconds < month) {
+    const weeks = Math.floor(diffSeconds / week);
+    return `${weeks} week${weeks !== 1 ? "s" : ""} ago`;
+  } else if (diffSeconds < year) {
+    const months = Math.floor(diffSeconds / month);
+    return `${months} month${months !== 1 ? "s" : ""} ago`;
+  } else {
+    const years = Math.floor(diffSeconds / year);
+    return `${years} year${years !== 1 ? "s" : ""} ago`;
+  }
+}
+function formatAbsoluteAndRelativeTime(date) {
+  const normalizedDate = normalizeDate(date);
+  if (!normalizedDate) return "Invalid date";
+  const absoluteTime = formatAbsolute(normalizedDate);
+  const relativeTime = formatRelativeTime(normalizedDate);
+  return `${absoluteTime} (${relativeTime})`;
+}
+function calculateRemainingTime(targetDate) {
+  if (!targetDate) return "Not set";
+  const normalizedDate = normalizeDate(targetDate);
+  if (!normalizedDate) return "Invalid date";
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = normalizedDate.getTime() - now.getTime();
+  if (diffMs < 0) {
+    const daysOverdue = Math.floor(Math.abs(diffMs) / (1e3 * 60 * 60 * 24));
+    return `Overdue ${daysOverdue}d`;
+  }
+  const days = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  const hours = Math.floor(diffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+  if (days > 0) {
+    return `${days}d ${hours}h`;
+  } else if (hours > 0) {
+    return `${hours}h`;
+  } else {
+    return "< 1h";
+  }
+}
+var MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function formatHumanDate(date, options) {
+  const normalizedDate = normalizeDate(date);
+  if (!normalizedDate) return "Invalid date";
+  const month = MONTH_NAMES[normalizedDate.getMonth()];
+  const day = normalizedDate.getDate();
+  const year = normalizedDate.getFullYear();
+  if (!options?.showTime) {
+    return `${month} ${day}, ${year}`;
+  }
+  const hours = normalizedDate.getHours();
+  const minutes = normalizedDate.getMinutes();
+  const seconds = normalizedDate.getSeconds();
+  const ampm = hours >= 12 ? "PM" : "AM";
+  const hours12 = hours % 12 || 12;
+  let timeStr = `${hours12}:${pad(minutes)}`;
+  if (options.showSeconds) {
+    timeStr += `:${pad(seconds)}`;
+  }
+  timeStr += ` ${ampm}`;
+  return `${month} ${day}, ${year} ${timeStr}`;
+}
+
+// src/modals/Information.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_TITLE = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { gap: "xs", wrap: "nowrap", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconCpu, { size: 20 }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "System Information" })
+] });
+function InformationContent({ info }) {
+  const colorScheme = (0, import_core2.useComputedColorScheme)();
+  const author = info.author ?? DEFAULT_AUTHOR;
+  const versionType = info.versionType ?? DEFAULT_VERSION_TYPE;
+  const cards = [
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconUser, { size: 18 }),
+      label: "Author",
+      value: author,
+      color: "blue"
+    },
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconLicense, { size: 18 }),
+      label: "License",
+      value: info.license ?? DEFAULT_LICENSE,
+      color: "orange"
+    },
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconMapPin, { size: 18 }),
+      label: "Location",
+      value: info.location ?? DEFAULT_LOCATION,
+      color: "teal"
+    },
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconTag, { size: 18 }),
+      label: "Version Type",
+      value: versionType,
+      color: "red"
+    },
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconCalendar, { size: 18 }),
+      label: "Build Time",
+      value: info.buildTime !== void 0 ? formatAbsoluteAndRelativeTime(info.buildTime) : UNKNOWN,
+      color: "green"
+    },
+    ...info.metadata ?? []
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { gap: "lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { gap: "xs", align: "center", children: [
+      info.logo,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { gap: 2, align: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Title, { order: 2, children: info.name }),
+        info.tagline && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", c: "dimmed", w: 600, ta: "center", children: info.tagline })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { gap: "xs", children: [
+        info.version && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_core2.Badge,
+          {
+            size: "lg",
+            color: "blue",
+            variant: "outline",
+            mt: "sm",
+            tt: "none",
+            fw: 600,
+            children: [
+              "\u2728 v",
+              info.version
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_core2.Badge,
+          {
+            size: "lg",
+            color: "teal",
+            variant: "light",
+            mt: "sm",
+            tt: "none",
+            fw: 600,
+            children: [
+              "\u{1F9E9} ",
+              versionType
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Divider, { label: "System Information", labelPosition: "center" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.SimpleGrid, { cols: { base: 1, sm: 2 }, children: [
+      cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        InfoCard,
+        {
+          icon: card.icon ?? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconAward, { size: 18 }),
+          label: card.label,
+          value: card.value,
+          color: card.color ?? "gray"
+        },
+        card.label
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core2.Paper,
+        {
+          withBorder: true,
+          p: "sm",
+          radius: "18px",
+          bg: colorScheme === "dark" ? "gray.9" : "gray.0",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { justify: "space-between", wrap: "nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { gap: "sm", flex: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ThemeIcon, { variant: "light", color: "yellow", size: "lg", radius: "14px", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconHash, { size: 18 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { gap: 2, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: "Build ID" }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", fw: 500, truncate: true, children: info.buildId ?? UNKNOWN })
+              ] })
+            ] }),
+            info.buildId && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CopyBuildIdButton, { buildId: info.buildId })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Footer,
+      {
+        copyright: info.copyright,
+        author,
+        authorHref: info.authorHref,
+        socialLinks: info.socialLinks
+      }
+    )
+  ] });
+}
+function InformationModal({
+  opened,
+  onClose,
+  info,
+  title = DEFAULT_TITLE
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.Modal,
+    {
+      opened,
+      onClose,
+      withCloseButton: true,
+      centered: true,
+      radius: "lg",
+      size: "60%",
+      styles: {
+        content: {
+          maxHeight: "90vh",
+          height: "90vh"
+        },
+        body: {
+          flex: 1,
+          overflow: "auto"
+        }
+      },
+      title,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InformationContent, { info })
+    }
+  );
+}
+function CopyBuildIdButton({ buildId }) {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const handleCopy = async () => {
+    const success = await copyToClipboard(buildId);
+    if (success) {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Tooltip, { label: copied ? "Copied!" : "Copy ID", withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ActionIcon,
+    {
+      variant: "subtle",
+      color: copied ? "teal" : "gray",
+      onClick: handleCopy,
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconCheck, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react2.IconCopy, { size: 16 })
+    }
+  ) });
+}
+function InfoCard({
+  icon,
+  label,
+  value,
+  color
+}) {
+  const colorScheme = (0, import_core2.useComputedColorScheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Paper, { withBorder: true, p: "md", radius: "18px", h: "100%", bg: colorScheme === "dark" ? "gray.9" : "gray.0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { gap: "sm", align: "flex-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ThemeIcon, { color, variant: "light", size: "lg", radius: "14px", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { gap: 2, flex: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", fw: 500, lineClamp: 1, children: value })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_AUTHOR,
+  DEFAULT_AUTHOR_HREF,
+  DEFAULT_COPYRIGHT,
+  DEFAULT_LICENSE,
+  DEFAULT_LOCATION,
+  DEFAULT_VERSION_TYPE,
+  Footer,
+  InformationContent,
+  InformationModal,
+  UNKNOWN,
+  calculateRemainingTime,
+  copyToClipboard,
+  formatAbsolute,
+  formatAbsoluteAndRelativeTime,
+  formatHumanDate,
+  formatRelativeTime,
+  normalizeDate,
+  pad
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/branding/Footer.tsx","../src/utils/constants.ts","../src/modals/Information.tsx","../src/utils/commonUtils.ts","../src/utils/timeUtils.ts"],"sourcesContent":["/*\r\n * OTMC License.\r\n * Copyright (c) 2026 OTMC Softwares. All rights reserved.\r\n * Contributors: Nguyen Van Trung, OTMC Authors.\r\n */\r\n\r\nexport * from './branding';\r\nexport * from './modals';\r\nexport * from './utils';\r\n","/***\r\n * OTMC License.\r\n * Copyright (c) 2026 OTMC Softwares. All rights reserved.\r\n * Contributors: Nguyen Van Trung, OTMC Contributors.\r\n***/\r\n\r\nimport { Stack, Group, Text, Anchor, Tooltip, ActionIcon } from '@mantine/core';\r\nimport {\r\n  IconCopyright,\r\n  IconHeart,\r\n  IconBrandFacebook,\r\n  IconBrandGithub,\r\n  IconMail,\r\n} from '@tabler/icons-react';\r\nimport { ReactNode } from 'react';\r\n\r\nimport {\r\n  DEFAULT_AUTHOR,\r\n  DEFAULT_AUTHOR_HREF,\r\n  DEFAULT_COPYRIGHT,\r\n} from '../utils/constants';\r\n\r\nexport interface FooterSocialLink {\r\n  label: string;\r\n  href: string;\r\n  icon: ReactNode;\r\n  color?: string;\r\n  external?: boolean;\r\n}\r\n\r\nexport interface FooterProps {\r\n  copyright?: string;\r\n  author?: string;\r\n  authorHref?: string;\r\n  socialLinks?: FooterSocialLink[];\r\n  showCopyright?: boolean;\r\n  showAuthor?: boolean;\r\n  showSocialLinks?: boolean;\r\n}\r\n\r\nconst DEFAULT_SOCIAL_LINKS: FooterSocialLink[] = [\r\n  {\r\n    label: 'Facebook',\r\n    href: 'https://www.facebook.com',\r\n    icon: <IconBrandFacebook size={20} />,\r\n    color: 'blue.8',\r\n    external: true,\r\n  },\r\n  {\r\n    label: 'GitHub',\r\n    href: 'https://github.com',\r\n    icon: <IconBrandGithub size={20} />,\r\n    color: 'gray.6',\r\n    external: true,\r\n  },\r\n  {\r\n    label: 'Gmail',\r\n    href: 'mailto:test@gmail.com',\r\n    icon: <IconMail size={20} />,\r\n    color: 'red.8',\r\n    external: false,\r\n  },\r\n];\r\n\r\nexport function Footer({\r\n  copyright = DEFAULT_COPYRIGHT,\r\n  author = DEFAULT_AUTHOR,\r\n  authorHref = DEFAULT_AUTHOR_HREF,\r\n  socialLinks = DEFAULT_SOCIAL_LINKS,\r\n  showSocialLinks = true,\r\n}: FooterProps) {\r\n\r\n  return (\r\n    <Stack gap=\"sm\" mt=\"md\" align=\"center\">\r\n      <Stack gap={2} align=\"center\">\r\n        <Group gap={4} wrap=\"nowrap\">\r\n          <Text c=\"dimmed\" size=\"xs\">\r\n            Copyright{' '}\r\n          </Text>\r\n          <IconCopyright size={15} />\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            {new Date().getFullYear()} {copyright}\r\n          </Text>\r\n        </Group>\r\n        <Group gap={4} wrap=\"nowrap\">\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            Built with\r\n          </Text>\r\n          <IconHeart\r\n            size={15}\r\n            style={{ color: 'var(--mantine-color-red-7)' }}\r\n          />\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            by\r\n          </Text>\r\n          <Anchor\r\n            href={authorHref}\r\n            size=\"xs\"\r\n            fw={500}\r\n            target=\"_blank\"\r\n          >\r\n            {author}\r\n          </Anchor>\r\n        </Group>\r\n      </Stack>\r\n\r\n      {showSocialLinks && socialLinks.length > 0 && (\r\n        <Group gap=\"sm\">\r\n          {socialLinks.map((link) => (\r\n            <Tooltip key={link.href} label={link.label} withArrow>\r\n              <ActionIcon\r\n                variant=\"subtle\"\r\n                color={link.color}\r\n                component=\"a\"\r\n                href={link.href}\r\n                target={link.external ? '_blank' : undefined}\r\n                rel={link.external ? 'noopener noreferrer' : undefined}\r\n              >\r\n                {link.icon}\r\n              </ActionIcon>\r\n            </Tooltip>\r\n          ))}\r\n        </Group>\r\n      )}\r\n    </Stack>\r\n  );\r\n}\r\n\r\n","/**\r\n * @License OTMC License\r\n * @Copyright (c) 2026 OTMC Softwares. All rights reserved.\r\n * @Contributors Trung Ng, OTMC Authors.\r\n**/\r\n\r\nexport const DEFAULT_AUTHOR = 'Nguyen Van Trung, OTMC Contributors.';\r\nexport const DEFAULT_AUTHOR_HREF = 'https://github.com/otmc-sw';\r\nexport const DEFAULT_COPYRIGHT = 'OTMC Softwares. All rights reserved.';\r\nexport const DEFAULT_LICENSE = 'OTMC License.';\r\nexport const DEFAULT_LOCATION = 'An Nhon, Gia Lai, Viet Nam.';\r\nexport const DEFAULT_VERSION_TYPE = 'Internal';\r\nexport const UNKNOWN = 'Unknown';\r\n","/***\n * OTMC License.\n * Copyright (c) 2026 OTMC Softwares. All rights reserved.\n * Contributors: Nguyen Van Trung, OTMC Contributors.\n***/\n\nimport { useState, type ReactNode } from 'react';\nimport {\n  Modal,\n  Stack,\n  Title,\n  Text,\n  Group,\n  Divider,\n  Badge,\n  ThemeIcon,\n  SimpleGrid,\n  Paper,\n  ActionIcon,\n  Tooltip,\n  useComputedColorScheme,\n} from '@mantine/core';\nimport {\n  IconAward,\n  IconCalendar,\n  IconCheck,\n  IconCopy,\n  IconCpu,\n  IconHash,\n  IconLicense,\n  IconMapPin,\n  IconTag,\n  IconUser,\n} from '@tabler/icons-react';\n\nimport { Footer, type FooterSocialLink } from '../branding';\nimport { copyToClipboard } from '../utils/commonUtils';\nimport {\n  DEFAULT_AUTHOR,\n  DEFAULT_LICENSE,\n  DEFAULT_LOCATION,\n  DEFAULT_VERSION_TYPE,\n  UNKNOWN,\n} from '../utils/constants';\nimport { formatAbsoluteAndRelativeTime } from '../utils/timeUtils';\n\nexport interface InformationMetadata {\n  icon?: ReactNode;\n  label: string;\n  value: string;\n  color?: string;\n}\n\nexport interface ApplicationInfo {\n  name: string;\n  version?: string;\n  versionType?: string;\n  tagline?: string;\n  logo?: ReactNode;\n  author?: string;\n  authorHref?: string;\n  license?: string;\n  location?: string;\n  copyright?: string;\n  buildId?: string;\n  buildTime?: string | number | Date;\n  metadata?: InformationMetadata[];\n  socialLinks?: FooterSocialLink[];\n}\n\nexport interface InformationContentProps {\n  info: ApplicationInfo;\n}\n\nexport interface InformationModalProps {\n  opened: boolean;\n  onClose: () => void;\n  info: ApplicationInfo;\n  title?: ReactNode;\n}\n\nconst DEFAULT_TITLE = (\n  <Group gap=\"xs\" wrap=\"nowrap\">\n    <IconCpu size={20} />\n    <span>System Information</span>\n  </Group>\n);\n\n\nexport function InformationContent({ info }: InformationContentProps) {\n  const colorScheme = useComputedColorScheme();\n\n  const author = info.author ?? DEFAULT_AUTHOR;\n  const versionType = info.versionType ?? DEFAULT_VERSION_TYPE;\n\n  const cards: InformationMetadata[] = [\n    {\n      icon: <IconUser size={18} />,\n      label: 'Author',\n      value: author,\n      color: 'blue',\n    },\n    {\n      icon: <IconLicense size={18} />,\n      label: 'License',\n      value: info.license ?? DEFAULT_LICENSE,\n      color: 'orange',\n    },\n    {\n      icon: <IconMapPin size={18} />,\n      label: 'Location',\n      value: info.location ?? DEFAULT_LOCATION,\n      color: 'teal',\n    },\n    {\n      icon: <IconTag size={18} />,\n      label: 'Version Type',\n      value: versionType,\n      color: 'red',\n    },\n    {\n      icon: <IconCalendar size={18} />,\n      label: 'Build Time',\n      value:\n        info.buildTime !== undefined\n          ? formatAbsoluteAndRelativeTime(info.buildTime)\n          : UNKNOWN,\n      color: 'green',\n    },\n    ...(info.metadata ?? []),\n  ];\n\n  return (\n    <Stack gap=\"lg\">\n      <Stack gap=\"xs\" align=\"center\">\n        {info.logo}\n\n        <Stack gap={2} align=\"center\">\n          <Title order={2}>{info.name}</Title>\n          {info.tagline && (\n            <Text size=\"sm\" c=\"dimmed\" w={600} ta=\"center\">\n              {info.tagline}\n            </Text>\n          )}\n        </Stack>\n\n        <Group gap=\"xs\">\n          {info.version && (\n            <Badge\n              size=\"lg\"\n              color=\"blue\"\n              variant=\"outline\"\n              mt=\"sm\"\n              tt=\"none\"\n              fw={600}\n            >\n             ✨ v{info.version}\n            </Badge>\n          )}\n          <Badge\n            size=\"lg\"\n            color=\"teal\"\n            variant=\"light\"\n            mt=\"sm\"\n            tt=\"none\"\n            fw={600}\n          >\n            🧩 {versionType}\n          </Badge>\n        </Group>\n      </Stack>\n\n      <Divider label=\"System Information\" labelPosition=\"center\" />\n\n      <SimpleGrid cols={{ base: 1, sm: 2 }}>\n        {cards.map((card) => (\n          <InfoCard\n            key={card.label}\n            icon={card.icon ?? <IconAward size={18} />}\n            label={card.label}\n            value={card.value}\n            color={card.color ?? 'gray'}\n          />\n        ))}\n\n        <Paper\n          withBorder\n          p=\"sm\"\n          radius=\"18px\"\n          bg={colorScheme === 'dark' ? 'gray.9' : 'gray.0'}\n        >\n          <Group justify=\"space-between\" wrap=\"nowrap\">\n            <Group gap=\"sm\" flex={1}>\n              <ThemeIcon variant=\"light\" color=\"yellow\" size=\"lg\" radius=\"14px\">\n                <IconHash size={18} />\n              </ThemeIcon>\n\n              <Stack gap={2}>\n                <Text size=\"xs\" c=\"dimmed\" fw={700} tt=\"uppercase\">\n                  Build ID\n                </Text>\n                <Text size=\"sm\" fw={500} truncate>\n                  {info.buildId ?? UNKNOWN}\n                </Text>\n              </Stack>\n            </Group>\n\n            {info.buildId && <CopyBuildIdButton buildId={info.buildId} />}\n          </Group>\n        </Paper>\n      </SimpleGrid>\n\n      <Footer\n        copyright={info.copyright}\n        author={author}\n        authorHref={info.authorHref}\n        socialLinks={info.socialLinks}\n      />\n    </Stack>\n  );\n}\n\nexport function InformationModal({\n  opened,\n  onClose,\n  info,\n  title = DEFAULT_TITLE,\n}: InformationModalProps) {\n  return (\n    <Modal\n      opened={opened}\n      onClose={onClose}\n      withCloseButton\n      centered\n      radius=\"lg\"\n      size=\"60%\"\n      styles={{\n        content: {\n          maxHeight: '90vh',\n          height: '90vh',\n        },\n        body: {\n          flex: 1,\n          overflow: 'auto',\n        },\n      }}\n      title={title}\n    >\n      <InformationContent info={info} />\n    </Modal>\n  );\n}\n\nfunction CopyBuildIdButton({ buildId }: { buildId: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    const success = await copyToClipboard(buildId);\n    if (success) {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <Tooltip label={copied ? 'Copied!' : 'Copy ID'} withArrow>\n      <ActionIcon\n        variant=\"subtle\"\n        color={copied ? 'teal' : 'gray'}\n        onClick={handleCopy}\n      >\n        {copied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n      </ActionIcon>\n    </Tooltip>\n  );\n}\n\nfunction InfoCard({\n  icon,\n  label,\n  value,\n  color,\n}: {\n  icon: ReactNode;\n  label: string;\n  value: string;\n  color: string;\n}) {\n  const colorScheme = useComputedColorScheme();\n  return (\n    <Paper withBorder p=\"md\" radius=\"18px\" h=\"100%\" bg={colorScheme === 'dark' ? 'gray.9' : 'gray.0'}>\n      <Group gap=\"sm\" align=\"flex-start\">\n        <ThemeIcon color={color} variant=\"light\" size=\"lg\" radius=\"14px\">\n          {icon}\n        </ThemeIcon>\n\n        <Stack gap={2} flex={1}>\n          <Text size=\"xs\" c=\"dimmed\" fw={700} tt=\"uppercase\">\n            {label}\n          </Text>\n          <Text size=\"sm\" fw={500} lineClamp={1}>\n            {value}\n          </Text>\n        </Stack>\n      </Group>\n    </Paper>\n  );\n}\n\n","/**\n * @License OTMC License\n * @Copyright (c) 2026 OTMC Softwares. All rights reserved.\n * @Contributors Trung Ng, OTMC Authors.\n**/\nexport const copyToClipboard = async (text: string): Promise<boolean> => {\n  try {\n    if (navigator.clipboard && window.isSecureContext) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n    \n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    textarea.style.position = 'fixed';\n    textarea.style.left = '-9999px';\n    textarea.style.top = '-9999px';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.focus();\n    textarea.select();\n    \n    const success = document.execCommand('copy');\n    document.body.removeChild(textarea);\n    \n    return success;\n  } catch (err) {\n    console.error('Failed to copy to clipboard:', err);\n    return false;\n  }\n};\n","/**\n * @License OTMC License\n * @Copyright (c) 2026 OTMC Softwares. All rights reserved.\n * @Contributors Trung Ng, OTMC Authors.\n**/\n\nexport type TimestampFormatType = \"absolute\" | \"relative\";\n\n\nexport function normalizeDate(dateInput: string | number | Date): Date | null {\n  if (dateInput instanceof Date) {\n    return isNaN(dateInput.getTime()) ? null : dateInput;\n  }\n\n  if (typeof dateInput === 'string') {\n    const date = new Date(dateInput);\n    return isNaN(date.getTime()) ? null : date;\n  }\n\n  if (typeof dateInput === 'number') {\n    const timestamp = dateInput < 1e12 ? dateInput * 1000 : dateInput;\n    const date = new Date(timestamp);\n    return isNaN(date.getTime()) ? null : date;\n  }\n\n  return null;\n}\n\nexport function pad(n: number, width: number = 2): string {\n  return String(n).padStart(width, \"0\");\n}\n\nexport function formatAbsolute(date: Date): string {\n  const tz = -date.getTimezoneOffset();\n  const sign = tz >= 0 ? \"+\" : \"-\";\n  \n  return (\n    `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ` +\n    `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())} ` +\n    `${sign}${pad(Math.floor(Math.abs(tz) / 60))}:${pad(Math.abs(tz) % 60)}`\n  );\n}\n\nexport function formatRelativeTime(date: string | number | Date): string {\n  const normalizedDate = normalizeDate(date);\n  if (!normalizedDate) return \"Invalid date\";\n\n  const now = Date.now();\n  const diffMs = now - normalizedDate.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n\n  if (diffSeconds < 0) {\n    return \"Just now\";\n  }\n\n  if (diffSeconds < 60) {\n    return \"Just now\";\n  }\n\n  const minute = 60;\n  const hour = minute * 60;\n  const day = hour * 24;\n  const week = day * 7;\n  const month = day * 30;\n  const year = day * 365;\n\n  if (diffSeconds < hour) {\n    const mins = Math.floor(diffSeconds / minute);\n    return `${mins} min${mins !== 1 ? 's' : ''} ago`;\n  } else if (diffSeconds < day) {\n    const hours = Math.floor(diffSeconds / hour);\n    return `${hours} hour${hours !== 1 ? 's' : ''} ago`;\n  } else if (diffSeconds < week) {\n    const days = Math.floor(diffSeconds / day);\n    return `${days} day${days !== 1 ? 's' : ''} ago`;\n  } else if (diffSeconds < month) {\n    const weeks = Math.floor(diffSeconds / week);\n    return `${weeks} week${weeks !== 1 ? 's' : ''} ago`;\n  } else if (diffSeconds < year) {\n    const months = Math.floor(diffSeconds / month);\n    return `${months} month${months !== 1 ? 's' : ''} ago`;\n  } else {\n    const years = Math.floor(diffSeconds / year);\n    return `${years} year${years !== 1 ? 's' : ''} ago`;\n  }\n}\n\nexport function formatAbsoluteAndRelativeTime(date: string | number | Date): string {\n  const normalizedDate = normalizeDate(date);\n  if (!normalizedDate) return \"Invalid date\";\n\n  const absoluteTime = formatAbsolute(normalizedDate);\n  const relativeTime = formatRelativeTime(normalizedDate);\n\n  return `${absoluteTime} (${relativeTime})`;\n}\n\nexport function calculateRemainingTime(targetDate: string | number | Date | undefined): string {\n  if (!targetDate) return 'Not set';\n\n  const normalizedDate = normalizeDate(targetDate);\n  if (!normalizedDate) return 'Invalid date';\n\n  const now = new Date();\n  const diffMs = normalizedDate.getTime() - now.getTime();\n\n  if (diffMs < 0) {\n    const daysOverdue = Math.floor(Math.abs(diffMs) / (1000 * 60 * 60 * 24));\n    return `Overdue ${daysOverdue}d`;\n  }\n\n  const days = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n  const hours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n\n  if (days > 0) {\n    return `${days}d ${hours}h`;\n  } else if (hours > 0) {\n    return `${hours}h`;\n  } else {\n    return '< 1h';\n  }\n}\n\nconst MONTH_NAMES = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\nexport function formatHumanDate(date: string | number | Date, options?: { showTime?: boolean; showSeconds?: boolean }): string {\n  const normalizedDate = normalizeDate(date);\n  if (!normalizedDate) return 'Invalid date';\n\n  const month = MONTH_NAMES[normalizedDate.getMonth()];\n  const day = normalizedDate.getDate();\n  const year = normalizedDate.getFullYear();\n\n  if (!options?.showTime) {\n    return `${month} ${day}, ${year}`;\n  }\n\n  const hours = normalizedDate.getHours();\n  const minutes = normalizedDate.getMinutes();\n  const seconds = normalizedDate.getSeconds();\n  const ampm = hours >= 12 ? 'PM' : 'AM';\n  const hours12 = hours % 12 || 12;\n\n  let timeStr = `${hours12}:${pad(minutes)}`;\n  if (options.showSeconds) {\n    timeStr += `:${pad(seconds)}`;\n  }\n  timeStr += ` ${ampm}`;\n\n  return `${month} ${day}, ${year} ${timeStr}`;\n}\n\n"],"mappings":"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","names":["import_core","import_icons_react","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,93 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface FooterSocialLink {
+    label: string;
+    href: string;
+    icon: ReactNode;
+    color?: string;
+    external?: boolean;
+}
+interface FooterProps {
+    copyright?: string;
+    author?: string;
+    authorHref?: string;
+    socialLinks?: FooterSocialLink[];
+    showCopyright?: boolean;
+    showAuthor?: boolean;
+    showSocialLinks?: boolean;
+}
+declare function Footer({ copyright, author, authorHref, socialLinks, showSocialLinks, }: FooterProps): react.JSX.Element;
+
+interface InformationMetadata {
+    icon?: ReactNode;
+    label: string;
+    value: string;
+    color?: string;
+}
+interface ApplicationInfo {
+    name: string;
+    version?: string;
+    versionType?: string;
+    tagline?: string;
+    logo?: ReactNode;
+    author?: string;
+    authorHref?: string;
+    license?: string;
+    location?: string;
+    copyright?: string;
+    buildId?: string;
+    buildTime?: string | number | Date;
+    metadata?: InformationMetadata[];
+    socialLinks?: FooterSocialLink[];
+}
+interface InformationContentProps {
+    info: ApplicationInfo;
+}
+interface InformationModalProps {
+    opened: boolean;
+    onClose: () => void;
+    info: ApplicationInfo;
+    title?: ReactNode;
+}
+declare function InformationContent({ info }: InformationContentProps): react.JSX.Element;
+declare function InformationModal({ opened, onClose, info, title, }: InformationModalProps): react.JSX.Element;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+declare const copyToClipboard: (text: string) => Promise<boolean>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+declare const DEFAULT_AUTHOR = "Nguyen Van Trung, OTMC Contributors.";
+declare const DEFAULT_AUTHOR_HREF = "https://github.com/otmc-sw";
+declare const DEFAULT_COPYRIGHT = "OTMC Softwares. All rights reserved.";
+declare const DEFAULT_LICENSE = "OTMC License.";
+declare const DEFAULT_LOCATION = "An Nhon, Gia Lai, Viet Nam.";
+declare const DEFAULT_VERSION_TYPE = "Internal";
+declare const UNKNOWN = "Unknown";
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+type TimestampFormatType = "absolute" | "relative";
+declare function normalizeDate(dateInput: string | number | Date): Date | null;
+declare function pad(n: number, width?: number): string;
+declare function formatAbsolute(date: Date): string;
+declare function formatRelativeTime(date: string | number | Date): string;
+declare function formatAbsoluteAndRelativeTime(date: string | number | Date): string;
+declare function calculateRemainingTime(targetDate: string | number | Date | undefined): string;
+declare function formatHumanDate(date: string | number | Date, options?: {
+    showTime?: boolean;
+    showSeconds?: boolean;
+}): string;
+
+export { type ApplicationInfo, DEFAULT_AUTHOR, DEFAULT_AUTHOR_HREF, DEFAULT_COPYRIGHT, DEFAULT_LICENSE, DEFAULT_LOCATION, DEFAULT_VERSION_TYPE, Footer, type FooterProps, type FooterSocialLink, InformationContent, type InformationContentProps, type InformationMetadata, InformationModal, type InformationModalProps, type TimestampFormatType, UNKNOWN, calculateRemainingTime, copyToClipboard, formatAbsolute, formatAbsoluteAndRelativeTime, formatHumanDate, formatRelativeTime, normalizeDate, pad };