@vincent99/vlib 0.1.0 → 0.1.1

package/bin/vlib.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+/* global process */
 // CLI entry point — delegates to compiled TypeScript
 import('../dist/cli.js').catch((err) => {
   // Fallback: run via tsx if not built yet

package/dist/AdminForm.vue_vue_type_style_index_0_lang-BjqWn8E1.js

@@ -0,0 +1,762 @@
+import { defineComponent as K, ref as b, resolveComponent as q, openBlock as t, createElementBlock as a, Fragment as D, renderList as M, createElementVNode as e, toDisplayString as f, createCommentVNode as k, normalizeClass as F, withDirectives as I, createBlock as Q, withCtx as z, createTextVNode as j, vShow as ae, onMounted as H, onUnmounted as le, renderSlot as O, createVNode as A, computed as x, watch as ne, withModifiers as Y, vModelCheckbox as W, vModelText as J } from "vue";
+import { useRouter as Z } from "vue-router";
+const se = { class: "vl-nav" }, oe = {
+  key: 0,
+  class: "vl-nav__group"
+}, ie = ["onClick"], ue = {
+  key: 0,
+  class: "vl-nav__group-icon"
+}, re = { class: "vl-nav__group-label" }, ve = { class: "vl-nav__group-children" }, de = {
+  key: 0,
+  class: "vl-nav__link-icon"
+}, ce = {
+  key: 0,
+  class: "vl-nav__link-icon"
+}, me = /* @__PURE__ */ K({
+  __name: "NavSidebar",
+  props: {
+    items: {}
+  },
+  emits: ["navigate"],
+  setup(v) {
+    const p = v, C = b(
+      new Set(
+        p.items.filter((s) => s.children && s.defaultOpen !== !1).map((s) => s.label)
+      )
+    );
+    function y(s) {
+      return C.value.has(s);
+    }
+    function u(s) {
+      C.value.has(s) ? C.value.delete(s) : C.value.add(s);
+    }
+    return (s, h) => {
+      const w = q("RouterLink");
+      return t(), a("div", se, [
+        (t(!0), a(D, null, M(v.items, (m) => (t(), a(D, {
+          key: m.label
+        }, [
+          m.children ? (t(), a("div", oe, [
+            e("button", {
+              class: "vl-nav__group-header",
+              onClick: (_) => u(m.label)
+            }, [
+              m.icon ? (t(), a("span", ue, f(m.icon), 1)) : k("", !0),
+              e("span", re, f(m.label), 1),
+              e("span", {
+                class: F(["vl-nav__group-caret", { "vl-nav__group-caret--open": y(m.label) }])
+              }, "▸", 2)
+            ], 8, ie),
+            I(e("div", ve, [
+              (t(!0), a(D, null, M(m.children, (_) => (t(), Q(w, {
+                key: _.to,
+                to: _.to,
+                class: "vl-nav__link vl-nav__link--child",
+                "active-class": "vl-nav__link--active",
+                "exact-active-class": "vl-nav__link--exact-active",
+                onClick: h[0] || (h[0] = (d) => s.$emit("navigate"))
+              }, {
+                default: z(() => [
+                  _.icon ? (t(), a("span", de, f(_.icon), 1)) : k("", !0),
+                  j(" " + f(_.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to"]))), 128))
+            ], 512), [
+              [ae, y(m.label)]
+            ])
+          ])) : (t(), Q(w, {
+            key: 1,
+            to: m.to,
+            class: "vl-nav__link",
+            "active-class": "vl-nav__link--active",
+            "exact-active-class": "vl-nav__link--exact-active",
+            onClick: h[1] || (h[1] = (_) => s.$emit("navigate"))
+          }, {
+            default: z(() => [
+              m.icon ? (t(), a("span", ce, f(m.icon), 1)) : k("", !0),
+              j(" " + f(m.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["to"]))
+        ], 64))), 128))
+      ]);
+    };
+  }
+}), _e = { class: "vl-app" }, fe = { class: "vl-header" }, be = { class: "vl-header__left" }, he = { class: "vl-header__title" }, pe = { class: "vl-header__right" }, ye = { class: "vl-user-menu__name" }, ke = {
+  key: 0,
+  class: "vl-user-menu__dropdown"
+}, $e = { class: "vl-body" }, ge = { class: "vl-main" }, Ct = /* @__PURE__ */ K({
+  __name: "AppLayout",
+  props: {
+    appName: { default: "App" },
+    user: { default: null },
+    navItems: { default: () => [] }
+  },
+  emits: ["logout"],
+  setup(v, { emit: p }) {
+    const C = p, y = Z(), u = b(!1), s = b(!1), h = b(null);
+    function w() {
+      s.value = !1, C("logout");
+    }
+    function m(_) {
+      h.value && !h.value.contains(_.target) && (s.value = !1);
+    }
+    return y.afterEach(() => {
+      u.value = !1;
+    }), H(() => document.addEventListener("click", m)), le(() => document.removeEventListener("click", m)), (_, d) => (t(), a("div", _e, [
+      e("header", fe, [
+        e("div", be, [
+          e("button", {
+            class: "vl-hamburger",
+            "aria-label": "Toggle navigation",
+            onClick: d[0] || (d[0] = ($) => u.value = !u.value)
+          }, [...d[4] || (d[4] = [
+            e("span", { class: "vl-hamburger__bar" }, null, -1),
+            e("span", { class: "vl-hamburger__bar" }, null, -1),
+            e("span", { class: "vl-hamburger__bar" }, null, -1)
+          ])]),
+          O(_.$slots, "logo", {}, () => [
+            e("span", he, f(v.appName), 1)
+          ])
+        ]),
+        e("div", pe, [
+          v.user ? (t(), a("div", {
+            key: 0,
+            ref_key: "userMenuRef",
+            ref: h,
+            class: "vl-user-menu"
+          }, [
+            e("button", {
+              class: "vl-user-menu__btn",
+              onClick: d[1] || (d[1] = ($) => s.value = !s.value)
+            }, [
+              e("span", ye, f(v.user.displayName || v.user.username), 1),
+              d[5] || (d[5] = e("span", { class: "vl-user-menu__caret" }, "▾", -1))
+            ]),
+            s.value ? (t(), a("div", ke, [
+              e("button", {
+                class: "vl-user-menu__item",
+                onClick: w
+              }, "Logout")
+            ])) : k("", !0)
+          ], 512)) : k("", !0)
+        ])
+      ]),
+      e("div", $e, [
+        u.value ? (t(), a("div", {
+          key: 0,
+          class: "vl-sidebar-overlay",
+          onClick: d[2] || (d[2] = ($) => u.value = !1)
+        })) : k("", !0),
+        e("nav", {
+          class: F(["vl-sidebar", { "vl-sidebar--open": u.value }])
+        }, [
+          O(_.$slots, "sidebar", {}, () => [
+            A(me, {
+              items: v.navItems,
+              onNavigate: d[3] || (d[3] = ($) => u.value = !1)
+            }, null, 8, ["items"])
+          ])
+        ], 2),
+        e("main", ge, [
+          O(_.$slots, "default")
+        ])
+      ])
+    ]));
+  }
+}), we = { class: "vl-table-view" }, Ce = { class: "vl-table-view__toolbar" }, Se = { class: "vl-table-view__toolbar-left" }, Ne = {
+  key: 0,
+  class: "vl-table-view__selected-count"
+}, Ee = { class: "vl-table-view__toolbar-right" }, Te = ["onClick"], Ve = { class: "vl-table-view__scroll" }, Le = { class: "vl-table" }, Ue = { class: "vl-table__th vl-table__th--check" }, je = ["checked", "indeterminate"], Re = ["onClick"], xe = {
+  key: 0,
+  class: "vl-table__sort-icon"
+}, De = {
+  key: 0,
+  class: "vl-table__th vl-table__th--actions"
+}, Ie = { class: "vl-table__td vl-table__td--check" }, Me = ["checked", "aria-label", "onChange"], Oe = {
+  key: 0,
+  class: "vl-table__td vl-table__td--actions"
+}, ze = { key: 0 }, Ae = ["colspan"], Pe = {
+  key: 0,
+  class: "vl-table-view__pagination"
+}, Be = ["disabled"], Je = { class: "vl-table-view__pagination-info" }, Fe = ["disabled"], Ke = /* @__PURE__ */ K({
+  __name: "TableView",
+  props: {
+    rows: {},
+    headers: {},
+    idKey: { default: "id" },
+    total: { default: 0 },
+    page: { default: 1 },
+    pageSize: { default: 50 },
+    actions: { default: () => [] }
+  },
+  emits: ["update:page", "action", "sort"],
+  setup(v, { expose: p, emit: C }) {
+    const y = v, u = C, s = b(/* @__PURE__ */ new Set()), h = b(null), w = b("asc"), m = x(
+      () => Math.ceil((y.total || y.rows.length) / y.pageSize)
+    ), _ = x(
+      () => y.rows.length > 0 && y.rows.every((o) => s.value.has($(o)))
+    ), d = x(
+      () => y.rows.some((o) => s.value.has($(o)))
+    );
+    function $(o) {
+      return o[y.idKey];
+    }
+    function V(o, S) {
+      return o[S];
+    }
+    function L() {
+      _.value ? y.rows.forEach((o) => s.value.delete($(o))) : y.rows.forEach((o) => s.value.add($(o)));
+    }
+    function N(o) {
+      s.value.has(o) ? s.value.delete(o) : s.value.add(o);
+    }
+    function U(o) {
+      u("action", o.key, Array.from(s.value)), s.value.clear();
+    }
+    function P(o) {
+      h.value === o ? w.value = w.value === "asc" ? "desc" : "asc" : (h.value = o, w.value = "asc"), u("sort", h.value, w.value);
+    }
+    function B(o) {
+      if (o == null)
+        return "";
+      if (typeof o == "object")
+        return JSON.stringify(o);
+      const S = String(o);
+      return S.length > 120 ? S.slice(0, 120) + "…" : S;
+    }
+    return p({ selectedIds: s }), (o, S) => (t(), a("div", we, [
+      e("div", Ce, [
+        e("div", Se, [
+          O(o.$slots, "toolbar-left", {}, () => [
+            s.value.size > 0 ? (t(), a("span", Ne, f(s.value.size) + " selected ", 1)) : k("", !0)
+          ])
+        ]),
+        e("div", Ee, [
+          s.value.size > 0 && v.actions.length > 0 ? (t(!0), a(D, { key: 0 }, M(v.actions, (n) => (t(), a("button", {
+            key: n.key,
+            class: F(["vl-btn", [`vl-btn--${n.variant || "default"}`]]),
+            onClick: (r) => U(n)
+          }, f(n.label), 11, Te))), 128)) : k("", !0),
+          O(o.$slots, "toolbar-right")
+        ])
+      ]),
+      e("div", Ve, [
+        e("table", Le, [
+          e("thead", null, [
+            e("tr", null, [
+              e("th", Ue, [
+                e("input", {
+                  type: "checkbox",
+                  checked: _.value,
+                  indeterminate: d.value && !_.value,
+                  "aria-label": "Select all",
+                  onChange: L
+                }, null, 40, je)
+              ]),
+              (t(!0), a(D, null, M(v.headers, (n) => (t(), a("th", {
+                key: n.key,
+                class: F(["vl-table__th", { "vl-table__th--sortable": n.sortable !== !1 }]),
+                onClick: (r) => n.sortable !== !1 && P(n.key)
+              }, [
+                j(f(n.label) + " ", 1),
+                h.value === n.key ? (t(), a("span", xe, f(w.value === "asc" ? "↑" : "↓"), 1)) : k("", !0)
+              ], 10, Re))), 128)),
+              o.$slots["row-actions"] ? (t(), a("th", De, " Actions ")) : k("", !0)
+            ])
+          ]),
+          e("tbody", null, [
+            (t(!0), a(D, null, M(v.rows, (n) => (t(), a("tr", {
+              key: $(n),
+              class: F(["vl-table__tr", {
+                "vl-table__tr--selected": s.value.has($(n))
+              }])
+            }, [
+              e("td", Ie, [
+                e("input", {
+                  type: "checkbox",
+                  checked: s.value.has($(n)),
+                  "aria-label": `Select row ${$(n)}`,
+                  onChange: (r) => N($(n))
+                }, null, 40, Me)
+              ]),
+              (t(!0), a(D, null, M(v.headers, (r) => (t(), a("td", {
+                key: r.key,
+                class: "vl-table__td"
+              }, [
+                O(o.$slots, `cell-${r.key}`, {
+                  row: n,
+                  value: V(n, r.key)
+                }, () => [
+                  j(f(B(V(n, r.key))), 1)
+                ])
+              ]))), 128)),
+              o.$slots["row-actions"] ? (t(), a("td", Oe, [
+                O(o.$slots, "row-actions", {
+                  id: $(n),
+                  row: n
+                })
+              ])) : k("", !0)
+            ], 2))), 128)),
+            v.rows.length === 0 ? (t(), a("tr", ze, [
+              e("td", {
+                colspan: v.headers.length + 2,
+                class: "vl-table__empty"
+              }, " No rows found. ", 8, Ae)
+            ])) : k("", !0)
+          ])
+        ])
+      ]),
+      v.total > v.pageSize ? (t(), a("div", Pe, [
+        e("button", {
+          class: "vl-btn vl-btn--sm",
+          disabled: v.page <= 1,
+          onClick: S[0] || (S[0] = (n) => o.$emit("update:page", v.page - 1))
+        }, " ← Prev ", 8, Be),
+        e("span", Je, " Page " + f(v.page) + " of " + f(m.value) + "  (" + f(v.total) + " total) ", 1),
+        e("button", {
+          class: "vl-btn vl-btn--sm",
+          disabled: v.page >= m.value,
+          onClick: S[1] || (S[1] = (n) => o.$emit("update:page", v.page + 1))
+        }, " Next → ", 8, Fe)
+      ])) : k("", !0)
+    ]));
+  }
+}), Ge = { class: "vl-admin-table" }, qe = { class: "vl-admin-table__header" }, He = { class: "vl-admin-table__title" }, Xe = {
+  key: 0,
+  class: "vl-alert vl-alert--error"
+}, Qe = ["onClick"], We = { class: "vl-modal" }, Ye = { class: "vl-modal__actions" }, St = /* @__PURE__ */ K({
+  __name: "AdminTable",
+  props: {
+    tableName: {}
+  },
+  setup(v) {
+    const p = v, C = b([]), y = b([]), u = b(0), s = b(1), h = b(50), w = b(void 0), m = b("asc"), _ = b(null), d = b(null), $ = x(
+      () => y.value.map((n) => ({ key: n.name, label: n.name, sortable: !0 }))
+    ), V = [
+      { key: "delete", label: "Delete Selected", variant: "danger" }
+    ];
+    async function L(n) {
+      s.value = n, await N();
+    }
+    async function N() {
+      _.value = null;
+      try {
+        const n = new URLSearchParams({
+          page: String(s.value),
+          pageSize: String(h.value),
+          ...w.value ? { orderBy: w.value, dir: m.value } : {}
+        }), r = await fetch(`/api/admin/tables/${p.tableName}?${n}`);
+        if (!r.ok)
+          throw new Error((await r.json()).error);
+        const E = await r.json();
+        C.value = E.rows, u.value = E.total, y.value.length === 0 && E.rows.length > 0 && (y.value = Object.keys(E.rows[0]).map((R) => ({
+          name: R,
+          type: "TEXT"
+        })));
+      } catch (n) {
+        _.value = String(n);
+      }
+    }
+    async function U() {
+      try {
+        const n = await fetch("/api/admin/tables");
+        if (!n.ok)
+          return;
+        const E = (await n.json()).find((R) => R.name === p.tableName);
+        E && (y.value = E.columns);
+      } catch {
+      }
+    }
+    function P(n, r) {
+      w.value = n, m.value = r, s.value = 1, N();
+    }
+    function B(n, r) {
+      n === "delete" && o(r);
+    }
+    function o(n) {
+      d.value = n;
+    }
+    async function S() {
+      if (!d.value)
+        return;
+      const n = d.value;
+      d.value = null;
+      try {
+        const r = await fetch(`/api/admin/tables/${p.tableName}`, {
+          method: "DELETE",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ ids: n })
+        });
+        if (!r.ok)
+          throw new Error((await r.json()).error);
+        await N();
+      } catch (r) {
+        _.value = String(r);
+      }
+    }
+    return ne(
+      () => p.tableName,
+      () => {
+        s.value = 1, y.value = [], U(), N();
+      }
+    ), H(() => {
+      U(), N();
+    }), (n, r) => {
+      const E = q("RouterLink");
+      return t(), a("div", Ge, [
+        e("div", qe, [
+          e("h1", He, f(v.tableName), 1),
+          A(E, {
+            to: `/admin/tables/${v.tableName}/new`,
+            class: "vl-btn vl-btn--primary"
+          }, {
+            default: z(() => [...r[2] || (r[2] = [
+              j(" + Add Row ", -1)
+            ])]),
+            _: 1
+          }, 8, ["to"])
+        ]),
+        _.value ? (t(), a("div", Xe, f(_.value), 1)) : k("", !0),
+        A(Ke, {
+          rows: C.value,
+          headers: $.value,
+          total: u.value,
+          page: s.value,
+          "page-size": h.value,
+          actions: V,
+          "onUpdate:page": L,
+          onAction: B,
+          onSort: P
+        }, {
+          "row-actions": z(({ id: R }) => [
+            A(E, {
+              to: `/admin/tables/${v.tableName}/${R}`,
+              class: "vl-btn vl-btn--sm"
+            }, {
+              default: z(() => [...r[3] || (r[3] = [
+                j("Edit", -1)
+              ])]),
+              _: 1
+            }, 8, ["to"]),
+            e("button", {
+              class: "vl-btn vl-btn--sm vl-btn--danger",
+              onClick: (X) => o([R])
+            }, " Del ", 8, Qe)
+          ]),
+          _: 1
+        }, 8, ["rows", "headers", "total", "page", "page-size"]),
+        d.value ? (t(), a("div", {
+          key: 1,
+          class: "vl-modal-overlay",
+          onClick: r[1] || (r[1] = Y((R) => d.value = null, ["self"]))
+        }, [
+          e("div", We, [
+            r[6] || (r[6] = e("h3", { class: "vl-modal__title" }, "Confirm Delete", -1)),
+            e("p", null, [
+              j(" Delete " + f(d.value.length) + " row" + f(d.value.length !== 1 ? "s" : "") + "?", 1),
+              r[4] || (r[4] = e("br", null, null, -1)),
+              r[5] || (r[5] = j("This cannot be undone. ", -1))
+            ]),
+            e("div", Ye, [
+              e("button", {
+                class: "vl-btn",
+                onClick: r[0] || (r[0] = (R) => d.value = null)
+              }, "Cancel"),
+              e("button", {
+                class: "vl-btn vl-btn--danger",
+                onClick: S
+              }, " Delete ")
+            ])
+          ])
+        ])) : k("", !0)
+      ]);
+    };
+  }
+}), Ze = { class: "vl-admin-form" }, et = { class: "vl-admin-form__header" }, tt = { class: "vl-admin-form__title" }, at = {
+  key: 0,
+  class: "vl-alert vl-alert--error"
+}, lt = {
+  key: 1,
+  class: "vl-alert vl-alert--error"
+}, nt = {
+  key: 2,
+  class: "vl-alert vl-alert--success"
+}, st = {
+  key: 3,
+  class: "vl-admin-form__loading"
+}, ot = { class: "vl-form__field-header" }, it = ["id", "onUpdate:modelValue"], ut = ["for"], rt = { class: "vl-form__type" }, vt = {
+  key: 0,
+  class: "vl-form__required"
+}, dt = { class: "vl-form__input-wrap" }, ct = ["value"], mt = ["id", "onUpdate:modelValue"], _t = ["id", "onUpdate:modelValue", "placeholder"], ft = ["id", "onUpdate:modelValue"], bt = ["id", "onUpdate:modelValue"], ht = ["id", "onUpdate:modelValue"], pt = ["id", "onUpdate:modelValue"], yt = {
+  key: 2,
+  class: "vl-form__multi-warn"
+}, kt = { class: "vl-form__actions" }, $t = ["disabled"], G = "— Multiple —", Nt = /* @__PURE__ */ K({
+  __name: "AdminForm",
+  props: {
+    tableName: {},
+    rowIds: {}
+  },
+  setup(v) {
+    const p = v, C = Z(), y = b([]), u = b({}), s = b({}), h = b({}), w = b(!0), m = b(!1), _ = b(null), d = b(null), $ = b(!1), V = x(() => !p.rowIds || p.rowIds.length === 0), L = x(() => {
+      var l;
+      return (((l = p.rowIds) == null ? void 0 : l.length) ?? 0) > 1;
+    }), N = x(() => p.rowIds ?? []), U = x(
+      () => y.value.filter((l) => V.value ? l.pk === 0 || l.dflt_value === null : l.pk === 0)
+    ), P = x(
+      () => L.value && U.value.some(
+        (l) => h.value[l.name] && u.value[l.name] === G
+      )
+    );
+    function B(l) {
+      return /bool/i.test(l.type);
+    }
+    function o(l) {
+      return /json/i.test(l.type) || l.name.toLowerCase() === "preferences";
+    }
+    function S(l) {
+      return /text|varchar|nvarchar|clob/i.test(l.type) && l.name.length > 40;
+    }
+    function n(l) {
+      return /int|real|float|double|numeric|decimal/i.test(l.type);
+    }
+    function r(l) {
+      return /date|time/i.test(l.type);
+    }
+    function E(l) {
+      const c = new Set(
+        Object.values(s.value).map((g) => g[l])
+      );
+      return c.size > 1 ? G : String([...c][0] ?? "");
+    }
+    async function R() {
+      const l = await fetch("/api/admin/tables");
+      if (!l.ok)
+        throw new Error("Failed to load table info");
+      const g = (await l.json()).find((i) => i.name === p.tableName);
+      if (!g)
+        throw new Error(`Table "${p.tableName}" not found`);
+      y.value = g.columns;
+    }
+    async function X() {
+      if (!V.value)
+        for (const l of N.value) {
+          const c = await fetch(`/api/admin/tables/${p.tableName}/${l}`);
+          if (!c.ok)
+            throw new Error(`Row ${l} not found`);
+          s.value[String(l)] = await c.json();
+        }
+    }
+    function ee() {
+      var l;
+      if (V.value) {
+        for (const c of U.value)
+          u.value[c.name] = c.dflt_value ?? null;
+        return;
+      }
+      for (const c of U.value)
+        if (L.value) {
+          const g = E(c.name);
+          u.value[c.name] = g, h.value[c.name] = !1;
+        } else {
+          const g = String(N.value[0]);
+          u.value[c.name] = ((l = s.value[g]) == null ? void 0 : l[c.name]) ?? null;
+        }
+    }
+    async function te() {
+      m.value = !1, d.value = null, $.value = !1, m.value = !0;
+      try {
+        if (V.value) {
+          const l = await fetch(`/api/admin/tables/${p.tableName}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(u.value)
+          });
+          if (!l.ok)
+            throw new Error((await l.json()).error);
+          C.push(`/admin/tables/${p.tableName}`);
+        } else if (L.value) {
+          const l = {};
+          for (const c of U.value)
+            if (h.value[c.name] && u.value[c.name] !== G) {
+              if (c.name.toLowerCase().includes("password") && !u.value[c.name])
+                continue;
+              l[c.name] = u.value[c.name];
+            }
+          for (const c of N.value) {
+            const g = await fetch(`/api/admin/tables/${p.tableName}/${c}`, {
+              method: "PUT",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(l)
+            });
+            if (!g.ok)
+              throw new Error((await g.json()).error);
+          }
+          C.push(`/admin/tables/${p.tableName}`);
+        } else {
+          const l = { ...u.value };
+          for (const g of U.value)
+            g.name.toLowerCase().includes("password") && !l[g.name] && delete l[g.name];
+          const c = await fetch(
+            `/api/admin/tables/${p.tableName}/${N.value[0]}`,
+            {
+              method: "PUT",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(l)
+            }
+          );
+          if (!c.ok)
+            throw new Error((await c.json()).error);
+          $.value = !0;
+        }
+      } catch (l) {
+        d.value = String(l);
+      } finally {
+        m.value = !1;
+      }
+    }
+    return H(async () => {
+      try {
+        await R(), await X(), ee();
+      } catch (l) {
+        _.value = String(l);
+      } finally {
+        w.value = !1;
+      }
+    }), (l, c) => {
+      const g = q("RouterLink");
+      return t(), a("div", Ze, [
+        e("div", et, [
+          A(g, {
+            to: `/admin/tables/${v.tableName}`,
+            class: "vl-back-link"
+          }, {
+            default: z(() => [
+              j("← Back to " + f(v.tableName), 1)
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          e("h1", tt, f(L.value ? `Edit ${N.value.length} rows` : V.value ? `New ${v.tableName} row` : "Edit row"), 1)
+        ]),
+        _.value ? (t(), a("div", at, f(_.value), 1)) : k("", !0),
+        d.value ? (t(), a("div", lt, f(d.value), 1)) : k("", !0),
+        $.value ? (t(), a("div", nt, " Saved successfully. ")) : k("", !0),
+        w.value ? (t(), a("div", st, "Loading…")) : (t(), a("form", {
+          key: 4,
+          class: "vl-form",
+          onSubmit: Y(te, ["prevent"])
+        }, [
+          (t(!0), a(D, null, M(U.value, (i) => (t(), a("div", {
+            key: i.name,
+            class: "vl-form__field"
+          }, [
+            e("div", ot, [
+              L.value ? I((t(), a("input", {
+                key: 0,
+                id: `enable-${i.name}`,
+                "onUpdate:modelValue": (T) => h.value[i.name] = T,
+                type: "checkbox",
+                class: "vl-form__field-enable"
+              }, null, 8, it)), [
+                [W, h.value[i.name]]
+              ]) : k("", !0),
+              e("label", {
+                for: `field-${i.name}`,
+                class: "vl-form__label"
+              }, [
+                j(f(i.name) + " ", 1),
+                e("span", rt, f(i.type), 1),
+                i.notnull && !i.dflt_value ? (t(), a("span", vt, "*")) : k("", !0)
+              ], 8, ut)
+            ]),
+            e("div", dt, [
+              L.value && !h.value[i.name] ? (t(), a("input", {
+                key: 0,
+                type: "text",
+                value: E(i.name),
+                disabled: "",
+                class: "vl-form__input vl-form__input--disabled"
+              }, null, 8, ct)) : (t(), a(D, { key: 1 }, [
+                B(i) ? I((t(), a("input", {
+                  key: 0,
+                  id: `field-${i.name}`,
+                  "onUpdate:modelValue": (T) => u.value[i.name] = T,
+                  type: "checkbox",
+                  class: "vl-form__checkbox"
+                }, null, 8, mt)), [
+                  [W, u.value[i.name]]
+                ]) : i.name.toLowerCase().includes("password") ? I((t(), a("input", {
+                  key: 1,
+                  id: `field-${i.name}`,
+                  "onUpdate:modelValue": (T) => u.value[i.name] = T,
+                  type: "password",
+                  class: "vl-form__input",
+                  placeholder: V.value ? "" : "(leave blank to keep unchanged)"
+                }, null, 8, _t)), [
+                  [J, u.value[i.name]]
+                ]) : o(i) || S(i) ? I((t(), a("textarea", {
+                  key: 2,
+                  id: `field-${i.name}`,
+                  "onUpdate:modelValue": (T) => u.value[i.name] = T,
+                  class: "vl-form__input vl-form__input--textarea",
+                  rows: "4"
+                }, null, 8, ft)), [
+                  [J, u.value[i.name]]
+                ]) : n(i) ? I((t(), a("input", {
+                  key: 3,
+                  id: `field-${i.name}`,
+                  "onUpdate:modelValue": (T) => u.value[i.name] = T,
+                  type: "number",
+                  class: "vl-form__input"
+                }, null, 8, bt)), [
+                  [J, u.value[i.name]]
+                ]) : r(i) ? I((t(), a("input", {
+                  key: 4,
+                  id: `field-${i.name}`,
+                  "onUpdate:modelValue": (T) => u.value[i.name] = T,
+                  type: "datetime-local",
+                  class: "vl-form__input"
+                }, null, 8, ht)), [
+                  [J, u.value[i.name]]
+                ]) : I((t(), a("input", {
+                  key: 5,
+                  id: `field-${i.name}`,
+                  "onUpdate:modelValue": (T) => u.value[i.name] = T,
+                  type: "text",
+                  class: "vl-form__input"
+                }, null, 8, pt)), [
+                  [J, u.value[i.name]]
+                ])
+              ], 64)),
+              L.value && h.value[i.name] && u.value[i.name] === G ? (t(), a("span", yt, 'Cannot save "— Multiple —". Please enter a new value.')) : k("", !0)
+            ])
+          ]))), 128)),
+          e("div", kt, [
+            A(g, {
+              to: `/admin/tables/${v.tableName}`,
+              class: "vl-btn"
+            }, {
+              default: z(() => [...c[0] || (c[0] = [
+                j("Cancel", -1)
+              ])]),
+              _: 1
+            }, 8, ["to"]),
+            e("button", {
+              type: "submit",
+              class: "vl-btn vl-btn--primary",
+              disabled: m.value || P.value
+            }, f(m.value ? "Saving…" : "Save"), 9, $t)
+          ])
+        ], 32))
+      ]);
+    };
+  }
+});
+export {
+  Nt as _,
+  St as a,
+  Ct as b,
+  me as c,
+  Ke as d
+};

package/dist/auth/middleware.js

@@ -1,6 +1,6 @@
 const SESSION_COOKIE = 'vlib-session';
 export function createAuthMiddleware(db) {
-    return (req, res, next) => {
+    return (req, _res, next) => {
         req.db = db;
         const sessionId = req.cookies?.[SESSION_COOKIE];
         if (!sessionId) {

package/dist/auth/middleware.js.map

@@ -1 +1 @@
-{"version":3,"file":"middleware.js","sourceRoot":"","sources":["../../src/auth/middleware.ts"],"names":[],"mappings":"AAeA,MAAM,cAAc,GAAG,cAAc,CAAC;AAEtC,MAAM,UAAU,oBAAoB,CAAC,EAAM;IACzC,OAAO,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB,EAAE,EAAE;QACzD,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;QACZ,MAAM,SAAS,GAAuB,GAAG,CAAC,OAAO,EAAE,CAAC,cAAc,CAAC,CAAC;QACpE,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC;QAED,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;YACrC,MAAM,OAAO,GAAG,EAAE;iBACf,OAAO,CACN;;;4CAGkC,CACnC;iBACA,GAAG,CAAC,SAAS,EAAE,GAAG,CASR,CAAC;YAEd,IAAI,OAAO,EAAE,CAAC;gBACZ,GAAG,CAAC,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;gBAC3B,GAAG,CAAC,IAAI,GAAG;oBACT,EAAE,EAAE,OAAO,CAAC,GAAG;oBACf,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,WAAW,EAAE,OAAO,CAAC,WAAW;oBAChC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC;iBACrD,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,GAAY,EACZ,GAAa,EACb,IAAkB;IAElB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACd,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC,CAAC;QAC3D,OAAO;IACT,CAAC;IACD,IAAI,EAAE,CAAC;AACT,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,IAAa,EACb,IAAc,EACd,IAAkB;IAElB,IAAI,EAAE,CAAC;AACT,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"middleware.js","sourceRoot":"","sources":["../../src/auth/middleware.ts"],"names":[],"mappings":"AAeA,MAAM,cAAc,GAAG,cAAc,CAAC;AAEtC,MAAM,UAAU,oBAAoB,CAAC,EAAM;IACzC,OAAO,CAAC,GAAY,EAAE,IAAc,EAAE,IAAkB,EAAE,EAAE;QAC1D,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;QACZ,MAAM,SAAS,GAAuB,GAAG,CAAC,OAAO,EAAE,CAAC,cAAc,CAAC,CAAC;QACpE,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC;QAED,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;YACrC,MAAM,OAAO,GAAG,EAAE;iBACf,OAAO,CACN;;;4CAGkC,CACnC;iBACA,GAAG,CAAC,SAAS,EAAE,GAAG,CASR,CAAC;YAEd,IAAI,OAAO,EAAE,CAAC;gBACZ,GAAG,CAAC,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;gBAC3B,GAAG,CAAC,IAAI,GAAG;oBACT,EAAE,EAAE,OAAO,CAAC,GAAG;oBACf,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,WAAW,EAAE,OAAO,CAAC,WAAW;oBAChC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC;iBACrD,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,GAAY,EACZ,GAAa,EACb,IAAkB;IAElB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACd,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC,CAAC;QAC3D,OAAO;IACT,CAAC;IACD,IAAI,EAAE,CAAC;AACT,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,IAAa,EACb,IAAc,EACd,IAAkB;IAElB,IAAI,EAAE,CAAC;AACT,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as b, b as d, c as i, d as m } from "../AdminForm.vue_vue_type_style_index_0_lang-xCk1ywLq.js";
+import { _ as s, a as b, b as d, c as i, d as m } from "../AdminForm.vue_vue_type_style_index_0_lang-BjqWn8E1.js";
 export {
   s as AdminForm,
   b as AdminTable,

package/dist/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as o, b as d, c as s, d as t } from "./AdminForm.vue_vue_type_style_index_0_lang-xCk1ywLq.js";
+import { _ as r, a as o, b as d, c as s, d as t } from "./AdminForm.vue_vue_type_style_index_0_lang-BjqWn8E1.js";
 import { buildRoutes as i, createAuthGuard as m } from "./router/index.js";
 export {
   r as AdminForm,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincent99/vlib",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Shared library and scaffold generator for Vue 3 + SQLite webapps",
   "homepage": "https://github.com/vincent99/vlib#readme",
   "bugs": {

package/src/components/AdminTable.vue

@@ -23,7 +23,7 @@
       @action="handleBulkAction"
       @sort="handleSort"
     >
-      <template #row-actions="{ row, id }">
+      <template #row-actions="{ id }">
         <RouterLink
           :to="`/admin/tables/${tableName}/${id}`"
           class="vl-btn vl-btn--sm"

package/src/components/AppLayout.vue

@@ -68,7 +68,7 @@ import type { AppLayoutProps, NavItem } from './types.js';
 
 export type { AppLayoutProps, NavItem };
 
-const props = withDefaults(defineProps<AppLayoutProps>(), {
+const _props = withDefaults(defineProps<AppLayoutProps>(), {
   appName: 'App',
   user: null,
   navItems: () => [],

package/src/components/TableView.vue

@@ -4,7 +4,10 @@
     <div class="vl-table-view__toolbar">
       <div class="vl-table-view__toolbar-left">
         <slot name="toolbar-left">
-          <span v-if="selectedIds.size > 0" class="vl-table-view__selected-count">
+          <span
+            v-if="selectedIds.size > 0"
+            class="vl-table-view__selected-count"
+          >
             {{ selectedIds.size }} selected
           </span>
         </slot>
@@ -53,7 +56,12 @@
                 {{ sortDir === 'asc' ? '↑' : '↓' }}
               </span>
             </th>
-            <th v-if="$slots['row-actions']" class="vl-table__th vl-table__th--actions">Actions</th>
+            <th
+              v-if="$slots['row-actions']"
+              class="vl-table__th vl-table__th--actions"
+            >
+              Actions
+            </th>
           </tr>
         </thead>
         <tbody>
@@ -61,7 +69,9 @@
             v-for="row in rows"
             :key="getRowId(row)"
             class="vl-table__tr"
-            :class="{ 'vl-table__tr--selected': selectedIds.has(getRowId(row)) }"
+            :class="{
+              'vl-table__tr--selected': selectedIds.has(getRowId(row)),
+            }"
           >
             <td class="vl-table__td vl-table__td--check">
               <input
@@ -71,16 +81,19 @@
                 @change="toggleRow(getRowId(row))"
               />
             </td>
-            <td
-              v-for="col in headers"
-              :key="col.key"
-              class="vl-table__td"
-            >
-              <slot :name="`cell-${col.key}`" :row="row" :value="(row as Record<string, unknown>)[col.key]">
-                {{ formatCell((row as Record<string, unknown>)[col.key]) }}
+            <td v-for="col in headers" :key="col.key" class="vl-table__td">
+              <slot
+                :name="`cell-${col.key}`"
+                :row="row"
+                :value="getCellValue(row, col.key)"
+              >
+                {{ formatCell(getCellValue(row, col.key)) }}
               </slot>
             </td>
-            <td v-if="$slots['row-actions']" class="vl-table__td vl-table__td--actions">
+            <td
+              v-if="$slots['row-actions']"
+              class="vl-table__td vl-table__td--actions"
+            >
               <slot :id="getRowId(row)" name="row-actions" :row="row" />
             </td>
           </tr>
@@ -99,7 +112,9 @@
         class="vl-btn vl-btn--sm"
         :disabled="page <= 1"
         @click="$emit('update:page', page - 1)"
-      >← Prev</button>
+      >
+        ← Prev
+      </button>
       <span class="vl-table-view__pagination-info">
         Page {{ page }} of {{ totalPages }} &nbsp;({{ total }} total)
       </span>
@@ -107,26 +122,28 @@
         class="vl-btn vl-btn--sm"
         :disabled="page >= totalPages"
         @click="$emit('update:page', page + 1)"
-      >Next →</button>
+      >
+        Next →
+      </button>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
-import type { TableHeader, TableAction } from './types.js'
+import { ref, computed } from 'vue';
+import type { TableHeader, TableAction } from './types.js';
 
-export type { TableHeader, TableAction }
+export type { TableHeader, TableAction };
 
 const props = withDefaults(
   defineProps<{
-    rows: Record<string, unknown>[]
-    headers: TableHeader[]
-    idKey?: string
-    total?: number
-    page?: number
-    pageSize?: number
-    actions?: TableAction[]
+    rows: Record<string, unknown>[];
+    headers: TableHeader[];
+    idKey?: string;
+    total?: number;
+    page?: number;
+    pageSize?: number;
+    actions?: TableAction[];
   }>(),
   {
     idKey: 'id',
@@ -135,66 +152,83 @@ const props = withDefaults(
     pageSize: 50,
     actions: () => [],
   }
-)
+);
 
 const emit = defineEmits<{
-  'update:page': [page: number]
-  'action': [key: string, ids: (string | number)[]]
-  'sort': [key: string, dir: 'asc' | 'desc']
-}>()
+  'update:page': [page: number];
+  action: [key: string, ids: (string | number)[]];
+  sort: [key: string, dir: 'asc' | 'desc'];
+}>();
 
-const selectedIds = ref(new Set<string | number>())
-const sortKey = ref<string | null>(null)
-const sortDir = ref<'asc' | 'desc'>('asc')
+const selectedIds = ref(new Set<string | number>());
+const sortKey = ref<string | null>(null);
+const sortDir = ref<'asc' | 'desc'>('asc');
 
-const totalPages = computed(() => Math.ceil((props.total || props.rows.length) / props.pageSize))
+const totalPages = computed(() =>
+  Math.ceil((props.total || props.rows.length) / props.pageSize)
+);
 
 const allSelected = computed(
-  () => props.rows.length > 0 && props.rows.every((r) => selectedIds.value.has(getRowId(r)))
-)
-const someSelected = computed(() => props.rows.some((r) => selectedIds.value.has(getRowId(r))))
+  () =>
+    props.rows.length > 0 &&
+    props.rows.every((r) => selectedIds.value.has(getRowId(r)))
+);
+const someSelected = computed(() =>
+  props.rows.some((r) => selectedIds.value.has(getRowId(r)))
+);
 
 function getRowId(row: Record<string, unknown>): string | number {
-  return row[props.idKey] as string | number
+  return row[props.idKey] as string | number;
+}
+
+function getCellValue(row: Record<string, unknown>, key: string): unknown {
+  return row[key];
 }
 
 function toggleAll() {
   if (allSelected.value) {
-    props.rows.forEach((r) => selectedIds.value.delete(getRowId(r)))
+    props.rows.forEach((r) => selectedIds.value.delete(getRowId(r)));
   } else {
-    props.rows.forEach((r) => selectedIds.value.add(getRowId(r)))
+    props.rows.forEach((r) => selectedIds.value.add(getRowId(r)));
   }
 }
 
 function toggleRow(id: string | number) {
-  if (selectedIds.value.has(id)) {selectedIds.value.delete(id)}
-  else {selectedIds.value.add(id)}
+  if (selectedIds.value.has(id)) {
+    selectedIds.value.delete(id);
+  } else {
+    selectedIds.value.add(id);
+  }
 }
 
 function handleAction(action: TableAction) {
-  emit('action', action.key, Array.from(selectedIds.value))
-  selectedIds.value.clear()
+  emit('action', action.key, Array.from(selectedIds.value));
+  selectedIds.value.clear();
 }
 
 function toggleSort(key: string) {
   if (sortKey.value === key) {
-    sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'
+    sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc';
   } else {
-    sortKey.value = key
-    sortDir.value = 'asc'
+    sortKey.value = key;
+    sortDir.value = 'asc';
   }
-  emit('sort', sortKey.value!, sortDir.value)
+  emit('sort', sortKey.value!, sortDir.value);
 }
 
 function formatCell(value: unknown): string {
-  if (value === null || value === undefined) {return ''}
-  if (typeof value === 'object') {return JSON.stringify(value)}
-  const str = String(value)
-  return str.length > 120 ? str.slice(0, 120) + '…' : str
+  if (value === null || value === undefined) {
+    return '';
+  }
+  if (typeof value === 'object') {
+    return JSON.stringify(value);
+  }
+  const str = String(value);
+  return str.length > 120 ? str.slice(0, 120) + '…' : str;
 }
 
 // Expose selected IDs for parent use
-defineExpose({ selectedIds })
+defineExpose({ selectedIds });
 </script>
 
 <style lang="scss">