@oneclick.dev/cms-core-modules 0.0.109 → 0.0.110

package/dist/VisitorStatsCard-CXizEbVK.mjs

@@ -0,0 +1,174 @@
+import { defineComponent as K, computed as w, ref as m, onMounted as Q, resolveComponent as W, openBlock as o, createElementBlock as c, unref as r, createVNode as h, createElementVNode as l, toDisplayString as d, Fragment as X, renderList as Z, createBlock as x, resolveDynamicComponent as ee, normalizeClass as _, createCommentVNode as U, withCtx as te, createTextVNode as se } from "vue";
+import { Users as A, MousePointerClick as ne, Eye as F, ArrowDownRight as M, Timer as C, Loader2 as ae, BarChart3 as re, ArrowUpRight as oe, Minus as ie, ExternalLink as le } from "lucide-vue-next";
+const ce = { class: "w-full" }, ue = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, de = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, ge = {
+  key: 2,
+  class: "rounded-xl border bg-background overflow-hidden"
+}, me = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ve = { class: "flex items-center gap-2" }, pe = { class: "text-[10px] text-muted-foreground" }, fe = { class: "grid grid-cols-2 sm:grid-cols-4 divide-x divide-y" }, he = { class: "flex items-center gap-1.5" }, xe = { class: "text-[10px] text-muted-foreground uppercase tracking-wide" }, ye = { class: "text-sm font-semibold" }, be = {
+  key: 0,
+  class: "flex items-center gap-0.5"
+}, we = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, _e = {
+  key: 0,
+  class: "text-[10px] text-muted-foreground"
+}, Pe = /* @__PURE__ */ K({
+  __name: "VisitorStatsCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(S, { emit: N }) {
+    const { $useRoute: L, $useModuleApi: j } = useNuxtApp(), u = S, z = N, E = L(), I = w(() => E.params.slug), B = j(u.instanceId), v = m(!0), g = m(null), a = m({}), i = m({}), p = m(null);
+    function O() {
+      const e = u.resolvedArgs?._cachedData;
+      return e ? (a.value = {
+        totalUsers: e.totalUsers || 0,
+        sessions: e.sessions || 0,
+        screenPageViews: e.pageViews || 0,
+        newUsers: e.newUsers || 0,
+        bounceRate: D(e.bounceRate),
+        averageSessionDuration: T(e.avgSessionDuration),
+        engagementRate: D(e.engagementRate),
+        screenPageViewsPerSession: parseFloat(e.pagesPerSession) || 0
+      }, i.value = Object.fromEntries(
+        Object.entries(e.changes || {}).map(([t, s]) => [t, Y(s)])
+      ), p.value = u.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
+    }
+    function D(e) {
+      return e ? parseFloat(e) / 100 : 0;
+    }
+    function T(e) {
+      if (!e) return 0;
+      const t = e.match(/(\d+)m/), s = e.match(/(\d+)s/);
+      return (t ? parseInt(t[1]) * 60 : 0) + (s ? parseInt(s[1]) : 0);
+    }
+    function Y(e) {
+      return !e || e === "N/A" ? null : parseFloat(e.replace("+", ""));
+    }
+    async function q() {
+      const { startDate: e, endDate: t } = u.resolvedArgs || {};
+      v.value = !0, g.value = null;
+      try {
+        const s = new URLSearchParams();
+        e && s.set("startDate", e), t && s.set("endDate", t);
+        const n = await B.get(`/report?${s.toString()}`);
+        a.value = n.totals || {}, i.value = n.changes || {}, p.value = (/* @__PURE__ */ new Date()).toISOString(), P({
+          period: k.value,
+          totalUsers: Math.round(a.value.totalUsers || 0),
+          sessions: Math.round(a.value.sessions || 0),
+          pageViews: Math.round(a.value.screenPageViews || 0),
+          newUsers: Math.round(a.value.newUsers || 0),
+          bounceRate: `${(a.value.bounceRate * 100).toFixed(1)}%`,
+          avgSessionDuration: $(a.value.averageSessionDuration),
+          engagementRate: `${(a.value.engagementRate * 100).toFixed(1)}%`,
+          pagesPerSession: (a.value.screenPageViewsPerSession || 0).toFixed(1),
+          changes: Object.fromEntries(
+            Object.entries(i.value).map(([J, b]) => [J, b !== null ? `${b > 0 ? "+" : ""}${b.toFixed(1)}%` : "N/A"])
+          )
+        });
+      } catch (s) {
+        g.value = s?.data?.statusMessage || s?.message || "Failed to load visitor stats", P(`Error loading visitor stats: ${g.value}`);
+      } finally {
+        v.value = !1;
+      }
+    }
+    Q(() => {
+      u.status === "completed" && O() || q();
+    });
+    function P(e) {
+      u.status !== "completed" && z("submit", e);
+    }
+    const k = w(() => {
+      const { startDate: e, endDate: t } = u.resolvedArgs || {};
+      if (!e && !t) return "Last 30 days";
+      const s = e || "30daysAgo", n = s.match(/^(\d+)daysAgo$/);
+      return s === "yesterday" && (!t || t === "yesterday") ? "Yesterday" : n ? `Last ${n[1]} days` : `${s} → ${t || "today"}`;
+    }), $ = (e) => {
+      if (!e) return "0s";
+      const t = Math.floor(e / 60), s = Math.round(e % 60);
+      return t > 0 ? `${t}m ${s}s` : `${s}s`;
+    }, f = (e) => e == null ? "0" : Math.round(e).toLocaleString(), V = (e) => e == null ? "0%" : `${(e * 100).toFixed(1)}%`, G = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", y = (e, t = !1) => {
+      if (e == null) return "text-muted-foreground";
+      const s = t ? e < 0 : e > 0, n = t ? e > 0 : e < 0;
+      return s ? "text-emerald-600 dark:text-emerald-400" : n ? "text-red-600 dark:text-red-400" : "text-muted-foreground";
+    }, R = (e) => e == null ? null : `${e > 0 ? "+" : ""}${e.toFixed(1)}%`, H = w(() => [
+      { label: "Users", value: f(a.value.totalUsers), change: i.value.totalUsers, icon: A },
+      { label: "Sessions", value: f(a.value.sessions), change: i.value.sessions, icon: ne },
+      { label: "Page Views", value: f(a.value.screenPageViews), change: i.value.screenPageViews, icon: F },
+      { label: "New Users", value: f(a.value.newUsers), change: i.value.newUsers, icon: A },
+      { label: "Bounce Rate", value: V(a.value.bounceRate), change: i.value.bounceRate, inverted: !0, icon: M },
+      { label: "Engagement", value: V(a.value.engagementRate), change: i.value.engagementRate, icon: C },
+      { label: "Avg Duration", value: $(a.value.averageSessionDuration), change: i.value.averageSessionDuration, icon: C },
+      { label: "Pages/Session", value: (a.value.screenPageViewsPerSession || 0).toFixed(1), change: i.value.screenPageViewsPerSession, icon: F }
+    ]);
+    return (e, t) => {
+      const s = W("NuxtLink");
+      return o(), c("div", ce, [
+        r(v) ? (o(), c("div", ue, [
+          h(r(ae), { class: "size-4 animate-spin text-muted-foreground" }),
+          t[0] || (t[0] = l("span", { class: "text-xs text-muted-foreground" }, "Loading visitor statistics…", -1))
+        ])) : r(g) ? (o(), c("div", de, d(r(g)), 1)) : (o(), c("div", ge, [
+          l("div", me, [
+            l("div", ve, [
+              h(r(re), { class: "size-3.5 text-primary" }),
+              t[1] || (t[1] = l("span", { class: "text-xs font-medium" }, "Visitor Statistics", -1))
+            ]),
+            l("span", pe, d(r(k)), 1)
+          ]),
+          l("div", fe, [
+            (o(!0), c(X, null, Z(r(H), (n) => (o(), c("div", {
+              key: n.label,
+              class: "px-3 py-3 space-y-1"
+            }, [
+              l("div", he, [
+                (o(), x(ee(n.icon), { class: "size-3 text-muted-foreground" })),
+                l("span", xe, d(n.label), 1)
+              ]),
+              l("p", ye, d(n.value), 1),
+              R(n.change) ? (o(), c("div", be, [
+                (n.change ?? 0) > 0 ? (o(), x(r(oe), {
+                  key: 0,
+                  class: _(["size-2.5", y(n.change, n.inverted)])
+                }, null, 8, ["class"])) : (n.change ?? 0) < 0 ? (o(), x(r(M), {
+                  key: 1,
+                  class: _(["size-2.5", y(n.change, n.inverted)])
+                }, null, 8, ["class"])) : (o(), x(r(ie), {
+                  key: 2,
+                  class: "size-2.5 text-muted-foreground"
+                })),
+                l("span", {
+                  class: _(["text-[10px] font-medium", y(n.change, n.inverted)])
+                }, d(R(n.change)), 3)
+              ])) : U("", !0)
+            ]))), 128))
+          ]),
+          l("div", we, [
+            r(p) ? (o(), c("span", _e, " Fetched " + d(G(r(p))), 1)) : U("", !0),
+            h(s, {
+              to: `/projects/${r(I)}/modules/${S.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: te(() => [
+                h(r(le), { class: "size-3" }),
+                t[2] || (t[2] = se(" View full report ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Pe as default
+};

package/dist/_plugin-vue_export-helper-BHFhmbuH.js

@@ -0,0 +1 @@
+"use strict";const e=(t,o)=>{const c=t.__vccOpts||t;for(const[r,s]of o)c[r]=s;return c};exports._export_sfc=e;

package/dist/_plugin-vue_export-helper-CHgC5LLL.mjs

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};