@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/resource/index.js

@@ -1,250 +1,10 @@
-import { computed as f, toValue as K, shallowRef as F, watch as P, getCurrentScope as M, onScopeDispose as J, provide as U, hasInjectionContext as O, inject as W, defineComponent as V, openBlock as c, createElementBlock as $, unref as a, createBlock as h, withCtx as d, createVNode as b, normalizeClass as k, createElementVNode as q, toDisplayString as z, createSlots as j, renderSlot as _, createCommentVNode as G } from "vue";
-import { useI18n as C } from "vue-i18n";
-import { i as S } from "../error-Bb_dr_Ay.js";
-import { useRoute as H, useRouter as Q, RouterLink as I } from "vue-router";
-import { M as N } from "../context-Ch1r4fdN.js";
-import { u as T } from "../Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
-import { _ as w } from "../Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { _ as D } from "../Tooltip.vue_vue_type_script_setup_true_lang-BJWPVyfT.js";
-import { a as X } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CKghARkW.js";
-import { _ as Y } from "../AsyncSection.vue_vue_type_script_setup_true_lang-B82bl36A.js";
-import { _ as Z } from "../EmptyState.vue_vue_type_script_setup_true_lang-BeGpHMUP.js";
-function ee(t) {
-  if (!/^\d+$/.test(t)) return null;
-  const e = Number(t);
-  return Number.isSafeInteger(e) && e > 0 ? e : null;
-}
-const te = (t) => typeof t == "object" && t !== null && "state" in t && "reload" in t && "id" in t, oe = (t) => typeof t == "object" && t !== null && "id" in t;
-function re(t) {
-  const { t: e } = C(), r = te(t.for) ? t.for : null, i = f(() => r ? r.id.value : K(t.for)), u = f(() => r !== null && r.data.value === null), o = F({ status: "loading" });
-  let n = null, s = 0, m = null;
-  const y = t.errorMessage ?? ((l) => S(l) && l.kind === "network" ? e("core.resource.offline") : S(l) && l.kind === "forbidden" ? e("core.no_access.body") : e("core.resource.unavailable"));
-  function R() {
-    return m?.abort(), m = null, ++s;
-  }
-  async function A() {
-    const l = i.value, p = R();
-    if (u.value) {
-      n = null, o.value = { status: "loading" };
-      return;
-    }
-    if (l === null) {
-      n = null, o.value = { status: "failed", reason: "notFound", error: e("core.resource.not_found.body") };
-      return;
-    }
-    const g = n === l && "value" in o.value ? o.value : null;
-    g ? o.value = { status: "refreshing", value: g.value } : (n = null, o.value = { status: "loading" });
-    const L = new AbortController();
-    m = L;
-    try {
-      const v = await t.load(l, { signal: L.signal });
-      if (p !== s) return;
-      n = l, o.value = { status: "loaded", value: v };
-    } catch (v) {
-      if (p !== s) return;
-      S(v) && v.kind === "notFound" ? (n = null, o.value = { status: "failed", reason: "notFound", error: e("core.resource.not_found.body") }) : g ? o.value = { status: "stale", value: g.value, error: y(v) } : (n = null, o.value = { status: "failed", reason: "unavailable", error: y(v) });
-    }
-  }
-  function B(l) {
-    const p = i.value, g = t.identify ? t.identify(l) : oe(l) ? l.id : p;
-    return p === null || g !== p ? !1 : (R(), n = p, o.value = { status: "loaded", value: l }, !0);
-  }
-  return P([i, u], () => void A(), { immediate: !0, flush: "sync" }), M() && J(R), {
-    id: i,
-    state: f(() => o.value),
-    data: f(() => "value" in o.value ? o.value.value : null),
-    reload: A,
-    update: B
-  };
-}
-function he(t) {
-  const e = H(), r = t.parse ?? ee, i = F(null);
-  let u = !1;
-  P(
-    () => e.params[t.param],
-    (n) => {
-      if (n === void 0 && u) return;
-      u = !0;
-      const s = Array.isArray(n) ? n[0] : n;
-      i.value = s === void 0 ? null : r(s);
-    },
-    { immediate: !0, flush: "sync" }
-  );
-  const o = re({ ...t, for: i });
-  return t.key && U(t.key, o), o;
-}
-function ye(t) {
-  const e = t.description ?? "route resource";
-  if (!O()) throw new N(e, "outside-setup");
-  const r = W(t, null);
-  if (!r) throw new N(e, "not-provided");
-  return r;
-}
-const ne = ["aria-label"], se = {
-  class: "min-w-14 px-1 text-center text-footnote tabular-nums text-content-muted compact:px-1.5",
-  "data-test": "pager-position",
-  "aria-live": "polite"
-}, x = "hit-target flex size-6 items-center justify-center rounded-button text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus compact:size-9 compact:text-content-link compact:hover:bg-transparent", E = "pointer-events-none opacity-40", ae = /* @__PURE__ */ V({
-  __name: "RecordPager",
-  props: {
-    neighbors: {}
-  },
-  setup(t) {
-    const e = t, { t: r } = C(), i = Q(), u = (o, n) => T({ key: o }, () => {
-      const s = e.neighbors[n];
-      if (!s) return !1;
-      i.push(s);
-    });
-    return u("j", "next"), u("ArrowRight", "next"), u("k", "previous"), u("ArrowLeft", "previous"), (o, n) => (c(), $("nav", {
-      "aria-label": a(r)("core.resource.pager.records"),
-      "data-test": "record-pager",
-      class: "inline-flex shrink-0 items-center rounded-button bg-fill p-0.5 compact:gap-0.5 compact:bg-surface-overlay compact:p-1 compact:shadow-float"
-    }, [
-      e.neighbors.previous ? (c(), h(a(D), {
-        key: 0,
-        side: "bottom",
-        delay: 300,
-        text: `${a(r)("core.resource.pager.previous")} (← / K)`
-      }, {
-        default: d(() => [
-          b(a(I), {
-            to: e.neighbors.previous,
-            "aria-label": a(r)("core.resource.pager.previous"),
-            "aria-keyshortcuts": "ArrowLeft K",
-            "data-test": "pager-previous",
-            class: k(x)
-          }, {
-            default: d(() => [
-              b(a(w), {
-                name: "arrowUpSLine",
-                size: 18
-              })
-            ]),
-            _: 1
-          }, 8, ["to", "aria-label"])
-        ]),
-        _: 1
-      }, 8, ["text"])) : (c(), $("span", {
-        key: 1,
-        class: k([x, E]),
-        "aria-hidden": "true"
-      }, [
-        b(a(w), {
-          name: "arrowUpSLine",
-          size: 18
-        })
-      ], 2)),
-      q("span", se, z(e.neighbors.position) + " / " + z(e.neighbors.total), 1),
-      e.neighbors.next ? (c(), h(a(D), {
-        key: 2,
-        side: "bottom",
-        delay: 300,
-        text: `${a(r)("core.resource.pager.next")} (→ / J)`
-      }, {
-        default: d(() => [
-          b(a(I), {
-            to: e.neighbors.next,
-            "aria-label": a(r)("core.resource.pager.next"),
-            "aria-keyshortcuts": "ArrowRight J",
-            "data-test": "pager-next",
-            class: k(x)
-          }, {
-            default: d(() => [
-              b(a(w), {
-                name: "arrowDownSLine",
-                size: 18
-              })
-            ]),
-            _: 1
-          }, 8, ["to", "aria-label"])
-        ]),
-        _: 1
-      }, 8, ["text"])) : (c(), $("span", {
-        key: 3,
-        class: k([x, E]),
-        "aria-hidden": "true"
-      }, [
-        b(a(w), {
-          name: "arrowDownSLine",
-          size: 18
-        })
-      ], 2))
-    ], 8, ne));
-  }
-}), ke = /* @__PURE__ */ V({
-  __name: "ResourcePage",
-  props: {
-    resource: {},
-    title: {},
-    back: { default: void 0 },
-    list: { default: null },
-    actions: { default: () => [] },
-    width: { default: "content" }
-  },
-  setup(t) {
-    const e = t, { t: r } = C(), i = f(() => e.resource.state.value), u = f(() => e.resource.data.value), o = f(() => i.value.status === "failed" && "reason" in i.value && i.value.reason === "notFound"), n = f(() => e.back ?? e.list?.back ?? null);
-    return (s, m) => (c(), h(X, {
-      title: e.title,
-      "document-title": e.title,
-      back: n.value,
-      actions: e.actions,
-      width: e.width
-    }, j({
-      default: d(() => [
-        o.value ? (c(), h(Z, {
-          key: 0,
-          title: a(r)("core.resource.not_found.title"),
-          description: a(r)("core.resource.not_found.body"),
-          icon: "errorWarningLine"
-        }, null, 8, ["title", "description"])) : (c(), h(Y, {
-          key: 1,
-          state: i.value,
-          "is-empty": () => !1,
-          onRetry: m[0] || (m[0] = (y) => e.resource.reload())
-        }, j({
-          default: d(({ value: y }) => [
-            _(s.$slots, "default", { record: y })
-          ]),
-          _: 2
-        }, [
-          s.$slots.loading ? {
-            name: "skeleton",
-            fn: d(() => [
-              _(s.$slots, "loading")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["state"]))
-      ]),
-      _: 2
-    }, [
-      s.$slots.pager || e.list?.neighbors ? {
-        name: "pager",
-        fn: d(() => [
-          _(s.$slots, "pager", {}, () => [
-            e.list?.neighbors ? (c(), h(ae, {
-              key: 0,
-              neighbors: e.list.neighbors
-            }, null, 8, ["neighbors"])) : G("", !0)
-          ])
-        ]),
-        key: "0"
-      } : void 0,
-      u.value !== null && s.$slots.header ? {
-        name: "header",
-        fn: d(() => [
-          _(s.$slots, "header", { record: u.value })
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1032, ["title", "document-title", "back", "actions", "width"]));
-  }
-});
+import { p as o, u as r, a, b as u } from "../routeResource-DstM0hvf.js";
+import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-CJcKa9SW.js";
 export {
-  ae as RecordPager,
-  ke as ResourcePage,
-  ee as positiveInteger,
-  re as useResource,
-  he as useRouteResource,
-  ye as useRouteResourceContext
+  R as RecordPager,
+  c as ResourcePage,
+  o as positiveInteger,
+  r as useResource,
+  a as useRouteResource,
+  u as useRouteResourceContext
 };

package/dist/routeResource-DstM0hvf.js

@@ -0,0 +1,82 @@
+import { computed as f, toValue as x, shallowRef as R, watch as w, getCurrentScope as C, onScopeDispose as I, provide as j, hasInjectionContext as A, inject as F } from "vue";
+import { useRoute as M } from "vue-router";
+import { M as h } from "./context-Ch1r4fdN.js";
+import { useI18n as S } from "vue-i18n";
+import { a as p } from "./error-CD7x0Jrz.js";
+function _(e) {
+  if (!/^\d+$/.test(e)) return null;
+  const n = Number(e);
+  return Number.isSafeInteger(n) && n > 0 ? n : null;
+}
+const E = (e) => typeof e == "object" && e !== null && "state" in e && "reload" in e && "id" in e, N = (e) => typeof e == "object" && e !== null && "id" in e;
+function D(e) {
+  const { t: n } = S(), o = E(e.for) ? e.for : null, s = f(() => o ? o.id.value : x(e.for)), d = f(() => o !== null && o.data.value === null), t = R({ status: "loading" });
+  let u = null, a = 0, v = null;
+  const g = e.errorMessage ?? ((r) => p(r) && r.kind === "network" ? n("core.resource.offline") : p(r) && r.kind === "forbidden" ? n("core.no_access.body") : n("core.resource.unavailable"));
+  function m() {
+    return v?.abort(), v = null, ++a;
+  }
+  async function y() {
+    const r = s.value, l = m();
+    if (d.value) {
+      u = null, t.value = { status: "loading" };
+      return;
+    }
+    if (r === null) {
+      u = null, t.value = { status: "failed", reason: "notFound", error: n("core.resource.not_found.body") };
+      return;
+    }
+    const i = u === r && "value" in t.value ? t.value : null;
+    i ? t.value = { status: "refreshing", value: i.value } : (u = null, t.value = { status: "loading" });
+    const b = new AbortController();
+    v = b;
+    try {
+      const c = await e.load(r, { signal: b.signal });
+      if (l !== a) return;
+      u = r, t.value = { status: "loaded", value: c };
+    } catch (c) {
+      if (l !== a) return;
+      p(c) && c.kind === "notFound" ? (u = null, t.value = { status: "failed", reason: "notFound", error: n("core.resource.not_found.body") }) : i ? t.value = { status: "stale", value: i.value, error: g(c) } : (u = null, t.value = { status: "failed", reason: "unavailable", error: g(c) });
+    }
+  }
+  function k(r) {
+    const l = s.value, i = e.identify ? e.identify(r) : N(r) ? r.id : l;
+    return l === null || i !== l ? !1 : (m(), u = l, t.value = { status: "loaded", value: r }, !0);
+  }
+  return w([s, d], () => void y(), { immediate: !0, flush: "sync" }), C() && I(m), {
+    id: s,
+    state: f(() => t.value),
+    data: f(() => "value" in t.value ? t.value.value : null),
+    reload: y,
+    update: k
+  };
+}
+function B(e) {
+  const n = M(), o = e.parse ?? _, s = R(null);
+  let d = !1;
+  w(
+    () => n.params[e.param],
+    (u) => {
+      if (u === void 0 && d) return;
+      d = !0;
+      const a = Array.isArray(u) ? u[0] : u;
+      s.value = a === void 0 ? null : o(a);
+    },
+    { immediate: !0, flush: "sync" }
+  );
+  const t = D({ ...e, for: s });
+  return e.key && j(e.key, t), t;
+}
+function G(e) {
+  const n = e.description ?? "route resource";
+  if (!A()) throw new h(n, "outside-setup");
+  const o = F(e, null);
+  if (!o) throw new h(n, "not-provided");
+  return o;
+}
+export {
+  B as a,
+  G as b,
+  _ as p,
+  D as u
+};

package/dist/router/guards.d.ts

@@ -1,5 +1,5 @@
 import type { RouteLocationNormalized, RouteLocationRaw, Router } from "vue-router";
-import type { Session } from "../platform/session";
+import { type Session } from "../platform/session";
 export interface RouterGuardOptions {
     router: Router;
     session: Session;
@@ -19,6 +19,12 @@ export interface RouterGuardOptions {
         start(): void;
         done(): void;
     };
+    /**
+     * True when something on the page asks the person to sign in again when their session expires (the identity
+     * feature's sheet): an expired session then stays on its protected page instead of going to the login page.
+     * A session that ends any other way still goes to the login page.
+     */
+    holdExpired?: boolean;
     /** A failure of the session check or of the router (a lazy view that did not load). */
     onError?: (error: unknown) => void;
 }

package/dist/router/index.js

@@ -1,39 +1,25 @@
-import { _ as m, c as p, a as l, i as y, b as A, r as h } from "../NoAccess.vue_vue_type_script_setup_true_lang-OKW8pKYU.js";
-import { A as g, f as w, i as b, r as v, u as x } from "../access-DdRFrVV1.js";
-import { u as H } from "../sections-LtxV5Mtk.js";
-import { b as S, c as j, n as K, u as _ } from "../navigation-B33ikiCS.js";
-const c = (s) => /:[A-Za-z0-9_]/.test(s);
-function* r(s) {
-  for (const e of s)
-    typeof e.name == "string" && (yield e.name), e.children && (yield* r(e.children));
-}
-function f(s) {
-  const e = Object.values(s), o = /* @__PURE__ */ new Set();
-  for (const a of r(e)) {
-    if (o.has(a)) throw new Error(`defineRoutes: the route name "${a}" is used twice in one declaration.`);
-    o.add(a);
-  }
-  const n = {};
-  for (const [a, t] of Object.entries(s))
-    n[a] = c(t.path) ? (i) => ({ name: t.name, params: i ?? {} }) : { name: t.name };
-  return { ...n, records: e };
-}
+import { _ as a, c as o, a as r, i as t } from "../NoAccess.vue_vue_type_script_setup_true_lang-8m9cNptR.js";
+import { d as c } from "../defineRoutes-BGAdiIrt.js";
+import { A as u, f as p, i as f, r as A, u as m } from "../access-DdRFrVV1.js";
+import { i as l, r as x } from "../guards-Cd1V28oG.js";
+import { u as y } from "../sections-BEqW1dOc.js";
+import { b as v, c as N, n as H, u as b } from "../navigation-BPWa63ge.js";
 export {
-  g as AppRouterView,
-  m as NoAccess,
-  S as bindNavigation,
-  p as createAppHistory,
-  j as createNavigation,
-  l as createReplaceOnlyHistory,
-  f as defineRoutes,
-  w as firstDenied,
-  y as installRouterGuards,
-  b as isAllowed,
-  A as isIosHomeScreenApp,
-  K as navigationKey,
-  h as returnTo,
-  v as routeAccessKey,
-  _ as useNavigation,
-  x as useRouteAccess,
-  H as useRouteSections
+  u as AppRouterView,
+  a as NoAccess,
+  v as bindNavigation,
+  o as createAppHistory,
+  N as createNavigation,
+  r as createReplaceOnlyHistory,
+  c as defineRoutes,
+  p as firstDenied,
+  l as installRouterGuards,
+  f as isAllowed,
+  t as isIosHomeScreenApp,
+  H as navigationKey,
+  x as returnTo,
+  A as routeAccessKey,
+  b as useNavigation,
+  m as useRouteAccess,
+  y as useRouteSections
 };

package/dist/router/navigation.d.ts

@@ -1,6 +1,6 @@
 import { type ComputedRef } from "vue";
 import type { RouteLocationRaw, Router } from "vue-router";
-import type { Session } from "../platform/session";
+import { type Session } from "../platform/session";
 import type { Destination } from "./index";
 /**
  * Connects a destination the backend's menu names to a route of the application. The backend owns the