@oneclick.dev/cms-core-modules 0.0.122 → 0.0.123

package/dist/TableOverviewCard-Ci0d4o4w.mjs

@@ -0,0 +1,391 @@
+import { defineComponent as be, ref as x, computed as z, onMounted as xe, resolveComponent as he, openBlock as l, createElementBlock as u, createVNode as m, unref as f, createElementVNode as i, toDisplayString as c, Fragment as D, renderList as F, createTextVNode as h, createCommentVNode as _, withCtx as _e, normalizeClass as Y } from "vue";
+import { useNuxtApp as ve } from "nuxt/app";
+import { Loader2 as we, Table2 as Ae, Check as ke, ExternalLink as Ce, CalendarRange as $e, MousePointerClick as Ne, Columns3 as Se } from "lucide-vue-next";
+import { g as je } from "./dateRangePresets-B-l5b_wR.mjs";
+import { _ as Re, s as q } from "./TableResultView.vue_vue_type_script_setup_true_lang-CBn-Oxl9.mjs";
+const ze = { class: "w-full min-w-0" }, De = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, Fe = { class: "text-xs text-muted-foreground" }, Le = {
+  key: 1,
+  class: "rounded-xl border border-destructive/30 bg-destructive/5 p-3 text-xs text-destructive"
+}, Oe = {
+  key: 2,
+  class: "overflow-hidden rounded-xl border bg-background"
+}, Ee = { class: "flex items-start gap-3 border-b bg-muted/30 p-3" }, Ie = { class: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-primary/10" }, Me = { class: "min-w-0 flex-1" }, Te = { class: "truncate text-sm font-semibold" }, Be = { class: "mt-0.5 text-[11px] text-muted-foreground" }, Pe = {
+  key: 0,
+  class: "mt-2 flex flex-wrap gap-1"
+}, Ve = { class: "grid gap-3 border-b p-3 sm:grid-cols-2" }, Ue = { class: "rounded-lg border bg-muted/15 p-2.5" }, Ye = { class: "flex items-center gap-1.5 text-[11px] font-medium" }, qe = { class: "rounded-lg border bg-muted/15 p-2.5" }, He = { class: "flex items-center gap-1.5 text-[11px] font-medium" }, Qe = {
+  key: 0,
+  class: "mt-1.5 flex flex-wrap gap-1"
+}, We = {
+  key: 1,
+  class: "mt-1 text-xs text-muted-foreground"
+}, Ze = { class: "border-b p-3" }, Ge = { class: "mb-2 flex items-center justify-between gap-2" }, Je = { class: "flex items-center gap-1.5 text-[11px] font-medium" }, Ke = { class: "text-[10px] text-muted-foreground" }, Xe = {
+  key: 0,
+  class: "flex flex-wrap gap-1.5"
+}, et = { class: "font-medium" }, tt = { class: "text-muted-foreground" }, rt = {
+  key: 0,
+  class: "text-muted-foreground/70"
+}, st = {
+  key: 1,
+  class: "text-xs text-muted-foreground"
+}, ot = { class: "p-3" }, nt = {
+  key: 0,
+  class: "mt-2 text-[11px] text-amber-600 dark:text-amber-400"
+}, at = {
+  key: 0,
+  class: "border-t bg-muted/20 px-3 py-2 text-[10px] text-muted-foreground"
+}, mt = /* @__PURE__ */ be({
+  __name: "TableOverviewCard",
+  props: {
+    projectSlug: {},
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(v, { emit: H }) {
+    const d = v, Q = H, { $useProjectService: W, $useModuleStorage: Z, $useFlowBuilder: G, $useRoute: L } = ve(), b = x(!0), g = x(null), n = x(null), w = x(null), O = x(!1), E = z(() => {
+      const e = Number(d.resolvedArgs?.sampleLimit);
+      return Number.isFinite(e) ? Math.min(Math.max(Math.floor(e), 1), 10) : 3;
+    }), J = z(() => n.value?.columns.filter((e) => e.visible !== !1) || []), I = z(() => {
+      if (!n.value) return [];
+      const e = {
+        fetchConfigured: "Data source connected",
+        viewable: "Row details",
+        editable: "Editable",
+        deletable: "Deletable",
+        addable: "Addable",
+        searchable: "Searchable",
+        downloadable: "Downloadable",
+        allowBulkActions: "Bulk actions"
+      };
+      return Object.entries(n.value.capabilities).filter(([, t]) => t).map(([t]) => e[t] || t);
+    });
+    function K() {
+      if (d.status !== "completed") return !1;
+      const e = d.resolvedArgs?._cachedData;
+      return !e || typeof e != "object" || Array.isArray(e) ? !1 : typeof e.error == "string" ? (g.value = e.error, b.value = !1, !0) : !e.module || !Array.isArray(e.columns) || !Array.isArray(e.sampleRows) ? !1 : (n.value = e, w.value = d.resolvedArgs?._fetchedAt || null, b.value = !1, !0);
+    }
+    async function X() {
+      b.value = !0, g.value = null;
+      try {
+        const e = W(), t = Z({
+          projectId: d.projectSlug,
+          moduleId: d.instanceId
+        }), [r, s] = await Promise.all([
+          e.getModule(d.projectSlug, d.instanceId),
+          t.getAllModuleData()
+        ]), o = ee(s), a = te(o.columns), k = re(o.itemActions), $ = se(o.filters), N = oe(o.stats), S = ne(o.dateRangeFilter);
+        let y = [], j;
+        if (r?.config?.getItems)
+          try {
+            const { runFlow: p } = G(), ge = typeof L == "function" ? L() : null, ye = await p(
+              r.config.getItems,
+              ae(S.defaultPreset, ge?.query || {})
+            );
+            y = ie(ye);
+          } catch (p) {
+            j = B(p, "The table data sample could not be loaded.");
+          }
+        const R = a.length > 0 ? a : ce(y), P = R.filter((p) => p.visible !== !1).slice(0, 40), V = P.length > 0 ? y.slice(0, E.value).map((p) => le(p, P)).map(me) : [], U = q({
+          module: {
+            id: d.instanceId,
+            name: r?.name || d.instanceName,
+            type: r?.type || d.moduleType
+          },
+          capabilities: {
+            fetchConfigured: !!r?.config?.getItems,
+            viewable: r?.config?.viewable === !0,
+            editable: r?.config?.editable === !0,
+            deletable: r?.config?.deletable === !0,
+            addable: r?.config?.addable === !0,
+            searchable: r?.config?.searchable === !0,
+            downloadable: r?.config?.downloadable === !0,
+            allowBulkActions: r?.config?.allowBulkActions === !0
+          },
+          columnCount: R.length,
+          columns: R.slice(0, 40),
+          dateRangeFilter: S,
+          actionCount: k.length,
+          actions: k.slice(0, 20),
+          filters: $.slice(0, 20),
+          stats: N.slice(0, 20),
+          totalRows: y.length,
+          sampleCount: V.length,
+          sampleRows: V,
+          ...j ? { sampleError: j } : {}
+        }, 512 * 1024);
+        n.value = U, w.value = (/* @__PURE__ */ new Date()).toISOString(), M(U);
+      } catch (e) {
+        g.value = B(e, "Failed to inspect this table."), M({ error: g.value });
+      } finally {
+        b.value = !1;
+      }
+    }
+    function M(e) {
+      d.status === "completed" || O.value || (O.value = !0, Q("submit", e));
+    }
+    function ee(e) {
+      return Array.isArray(e) ? Object.fromEntries(
+        e.filter((t) => t && typeof t.key == "string").map((t) => [t.key, t.value])
+      ) : e && typeof e == "object" ? e : {};
+    }
+    function te(e) {
+      return Array.isArray(e) ? e.filter((t) => t && typeof t.property == "string" && t.property.trim()).map((t, r) => ({
+        id: typeof t.id == "string" ? t.id : `column-${r}`,
+        property: t.property,
+        label: typeof t.label == "string" && t.label.trim() ? t.label : A(t.property),
+        type: typeof t.type == "string" && t.type ? t.type : "text",
+        visible: t.visible !== !1
+      })) : [];
+    }
+    function re(e) {
+      return Array.isArray(e) ? e.filter((t) => t && t.flow && (typeof t.id == "string" || typeof t.label == "string")).map((t, r) => ({
+        id: typeof t.id == "string" ? t.id : `action-${r}`,
+        label: typeof t.label == "string" && t.label.trim() ? t.label : `Action ${r + 1}`
+      })) : [];
+    }
+    function se(e) {
+      return Array.isArray(e) ? e.filter((t) => t && typeof t.property == "string").map((t, r) => ({
+        id: typeof t.id == "string" ? t.id : `filter-${r}`,
+        label: typeof t.label == "string" && t.label.trim() ? t.label : A(t.property),
+        property: t.property
+      })) : [];
+    }
+    function oe(e) {
+      return Array.isArray(e) ? e.filter((t) => t && typeof t.method == "string").map((t, r) => ({
+        id: typeof t.id == "string" ? t.id : `stat-${r}`,
+        label: typeof t.label == "string" && t.label.trim() ? t.label : `Statistic ${r + 1}`,
+        method: t.method,
+        ...typeof t.field == "string" && t.field ? { field: t.field } : {}
+      })) : [];
+    }
+    function ne(e) {
+      const t = e && typeof e.defaultDate == "string" && e.defaultDate ? e.defaultDate : null;
+      return {
+        enabled: !!t,
+        defaultPreset: t,
+        label: t ? pe(t) : "Not configured"
+      };
+    }
+    function ae(e, t) {
+      const r = Object.entries(t).map(([$, N]) => ({
+        name: $.replace(/-([a-z])/g, (S, y) => y.toUpperCase()),
+        type: "routeQueryParam",
+        value: N ?? null
+      }));
+      if (!e) return r;
+      const o = je()[e];
+      if (!Array.isArray(o) || !o[0]) return r;
+      const a = T(o[0], !1), k = T(o[1] || o[0], !0);
+      return [...r, {
+        name: "dateRangeFilter",
+        type: "dateRangeFilter",
+        value: { from: a, to: k }
+      }];
+    }
+    function T(e, t) {
+      const [r, s, o] = e.split("-").map(Number), a = new Date(r, s - 1, o);
+      return t && a.setHours(23, 59, 59, 999), a;
+    }
+    function ie(e) {
+      return (Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : Array.isArray(e?.items) ? e.items : Array.isArray(e?.rows) ? e.rows : []).map((r) => r && typeof r == "object" && !Array.isArray(r) ? r : { value: r });
+    }
+    function le(e, t) {
+      return Object.fromEntries(t.map((r) => [
+        r.property,
+        ue(e, r.property)
+      ]));
+    }
+    function ue(e, t) {
+      const r = t.split(".");
+      if (!r.some((s) => ["__proto__", "constructor", "prototype"].includes(s)))
+        return Object.prototype.hasOwnProperty.call(e, t) ? e[t] : r.reduce((s, o) => s?.[o], e);
+    }
+    function ce(e) {
+      const t = [], r = /* @__PURE__ */ new Set();
+      for (const s of e.slice(0, 10))
+        for (const o of Object.keys(s))
+          r.has(o) || (r.add(o), t.push(o));
+      return t.slice(0, 40).map((s, o) => ({
+        id: `inferred-${o}`,
+        property: s,
+        label: A(s),
+        type: de(s, e.map((a) => a[s])),
+        visible: !0
+      }));
+    }
+    function de(e, t) {
+      const s = e.toLowerCase().replace(/[_.-]/g, "");
+      if (/email$/.test(s)) return "email";
+      if (/(phone|mobile|telephone|tel)$/.test(s)) return "phone";
+      if (/(image|photo|avatar|thumbnail|logo|picture)$/.test(s)) return "image";
+      if (/(url|link|website|href)$/.test(s)) return "URL";
+      if (/(price|amount|cost|total|revenue|salary|fee)$/.test(s)) return "currency";
+      if (/(date|createdat|updatedat|timestamp)$/.test(s)) return "datetime";
+      const o = t.filter((a) => a != null && a !== "");
+      return o.length === 0 ? "text" : o.every((a) => typeof a == "boolean") ? "boolean" : o.every((a) => Array.isArray(a)) ? "array" : o.every((a) => typeof a == "number") ? "number" : "text";
+    }
+    function me(e) {
+      const t = C(e, 0, /* @__PURE__ */ new WeakSet());
+      try {
+        return q(t, 32 * 1024);
+      } catch {
+        return { _sampleOmitted: "This sample row was too large to include in chat." };
+      }
+    }
+    function C(e, t, r) {
+      if (e == null || typeof e == "number" || typeof e == "boolean") return e;
+      if (typeof e == "string") return e.length > 500 ? `${e.slice(0, 499)}…` : e;
+      if (typeof e == "bigint") return String(e);
+      if (e instanceof Date) return e.toISOString();
+      if (typeof e != "object") return String(e);
+      if (t >= 3) return Array.isArray(e) ? `[Array(${e.length})]` : "[Object]";
+      if (r.has(e)) return "[Circular]";
+      if (r.add(e), Array.isArray(e)) {
+        const o = e.slice(0, 10).map((a) => C(a, t + 1, r));
+        return e.length > 10 && o.push(`[${e.length - 10} more items]`), o;
+      }
+      const s = {};
+      for (const [o, a] of Object.entries(e).slice(0, 20))
+        o === "__proto__" || o === "constructor" || o === "prototype" || (s[o] = C(a, t + 1, r));
+      return s;
+    }
+    function A(e) {
+      return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_.-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (t) => t.toUpperCase());
+    }
+    function pe(e) {
+      return {
+        today: "Today",
+        yesterday: "Yesterday",
+        last7days: "Last 7 days",
+        lastMonth: "Last 30 days",
+        last6months: "Last 6 months",
+        lastYear: "Last 12 months",
+        tomorrow: "Tomorrow",
+        next7days: "Next 7 days",
+        nextMonth: "Next 30 days",
+        next6months: "Next 6 months",
+        nextYear: "Next 12 months"
+      }[e] || A(e);
+    }
+    function B(e, t) {
+      const r = e?.data?.statusMessage || e?.statusMessage || e?.message;
+      return typeof r == "string" && r.trim() ? r.slice(0, 500) : t;
+    }
+    function fe(e) {
+      if (!e) return "";
+      const t = new Date(e);
+      return Number.isNaN(t.getTime()) ? "" : t.toLocaleString(void 0, {
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }
+    return xe(() => {
+      d.status === "completed" && K() || X();
+    }), (e, t) => {
+      const r = he("NuxtLink");
+      return l(), u("div", ze, [
+        b.value ? (l(), u("div", De, [
+          m(f(we), { class: "size-4 animate-spin text-muted-foreground" }),
+          i("span", Fe, "Inspecting " + c(v.instanceName) + "…", 1)
+        ])) : g.value ? (l(), u("div", Le, c(g.value), 1)) : n.value ? (l(), u("div", Oe, [
+          i("div", Ee, [
+            i("div", Ie, [
+              m(f(Ae), { class: "size-4 text-primary" })
+            ]),
+            i("div", Me, [
+              i("p", Te, c(n.value.module.name), 1),
+              i("p", Be, c(n.value.totalRows) + " " + c(n.value.totalRows === 1 ? "row" : "rows") + " · " + c(n.value.columnCount) + " " + c(n.value.columnCount === 1 ? "column" : "columns"), 1),
+              I.value.length ? (l(), u("div", Pe, [
+                (l(!0), u(D, null, F(I.value, (s) => (l(), u("span", {
+                  key: s,
+                  class: "inline-flex items-center gap-1 rounded-full border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground"
+                }, [
+                  m(f(ke), { class: "size-2.5 text-emerald-500" }),
+                  h(" " + c(s), 1)
+                ]))), 128))
+              ])) : _("", !0)
+            ]),
+            m(r, {
+              to: `/projects/${v.projectSlug}/modules/${v.instanceId}`,
+              class: "inline-flex shrink-0 items-center gap-1 text-[11px] text-primary hover:underline"
+            }, {
+              default: _e(() => [
+                t[0] || (t[0] = h(" Open ", -1)),
+                m(f(Ce), { class: "size-3" })
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ]),
+          i("div", Ve, [
+            i("div", Ue, [
+              i("div", Ye, [
+                m(f($e), { class: "size-3.5 text-primary" }),
+                t[1] || (t[1] = h(" Date range filter ", -1))
+              ]),
+              i("p", {
+                class: Y(["mt-1 text-xs", n.value.dateRangeFilter.enabled ? "text-foreground" : "text-muted-foreground"])
+              }, c(n.value.dateRangeFilter.label), 3)
+            ]),
+            i("div", qe, [
+              i("div", He, [
+                m(f(Ne), { class: "size-3.5 text-primary" }),
+                t[2] || (t[2] = h(" Row actions ", -1))
+              ]),
+              n.value.actions.length ? (l(), u("div", Qe, [
+                (l(!0), u(D, null, F(n.value.actions, (s) => (l(), u("span", {
+                  key: s.id,
+                  class: "rounded-full bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium text-primary"
+                }, c(s.label), 1))), 128))
+              ])) : (l(), u("p", We, "No row actions configured"))
+            ])
+          ]),
+          i("div", Ze, [
+            i("div", Ge, [
+              i("div", Je, [
+                m(f(Se), { class: "size-3.5 text-primary" }),
+                t[3] || (t[3] = h(" Columns ", -1))
+              ]),
+              i("span", Ke, c(J.value.length) + " visible ", 1)
+            ]),
+            n.value.columns.length ? (l(), u("div", Xe, [
+              (l(!0), u(D, null, F(n.value.columns, (s) => (l(), u("span", {
+                key: s.id || s.property,
+                class: Y(["inline-flex items-center gap-1 rounded-md border px-2 py-1 text-[10px]", s.visible ? "bg-background" : "bg-muted/40 text-muted-foreground"])
+              }, [
+                i("span", et, c(s.label), 1),
+                i("span", tt, c(s.type), 1),
+                s.visible ? _("", !0) : (l(), u("span", rt, "hidden"))
+              ], 2))), 128))
+            ])) : (l(), u("p", st, "No columns could be inferred."))
+          ]),
+          i("div", ot, [
+            m(Re, {
+              rows: n.value.sampleRows,
+              columns: n.value.columns,
+              title: "Sample data",
+              description: n.value.sampleCount ? `First ${n.value.sampleCount} ${n.value.sampleCount === 1 ? "row" : "rows"} from the current data set` : "",
+              "total-count": n.value.sampleCount,
+              "max-rows": E.value,
+              "max-columns": 6,
+              "empty-text": "No sample rows were returned."
+            }, null, 8, ["rows", "columns", "description", "total-count", "max-rows"]),
+            n.value.sampleError ? (l(), u("p", nt, c(n.value.sampleError), 1)) : _("", !0)
+          ]),
+          w.value ? (l(), u("div", at, " Snapshot from " + c(fe(w.value)), 1)) : _("", !0)
+        ])) : _("", !0)
+      ]);
+    };
+  }
+});
+export {
+  mt as default
+};