@wssto2/vue-core 0.12.0 → 0.13.0

package/dist/{UserRecord-BW-gdCqi.js → UserRecord-B9SeSWQh.js}

@@ -1,22 +1,24 @@
-import { defineComponent as E, openBlock as N, createBlock as L, unref as e, withCtx as p, createVNode as n, mergeProps as R, provide as C, computed as _, useTemplateRef as D, createElementVNode as h, toDisplayString as S, createTextVNode as K } from "vue";
+import { defineComponent as E, openBlock as N, createBlock as L, unref as e, withCtx as p, createVNode as n, mergeProps as q, provide as C, computed as _, useTemplateRef as D, createElementVNode as h, toDisplayString as S, createTextVNode as K } from "vue";
 import { useI18n as U } from "vue-i18n";
-import { u as z } from "./neighbors-OyvGi233.js";
+import { u as z } from "./neighbors-Csfan8Ho.js";
 import { _ as G } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { u as I } from "./describeError-B-NMa--w.js";
-import { i as k, P as O, q as j, c as F, d as H, b as J, M as Q, r as W, s as X, g as Y } from "./index-Cq9TuOqH.js";
-import { _ as Z } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CrFhR9rJ.js";
+import { i as k } from "./preferences-hYhrw8Uy.js";
+import { _ as O } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CrFhR9rJ.js";
 import { t as $ } from "./toast-CqSDTWRX.js";
-import { _ as ee } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-Dh3sXUt_.js";
-import { u as V } from "./platform-BQOX_Ntw.js";
-import { a as se } from "./routeResource-DlTsGTg_.js";
-import { a as ae } from "./ResourcePage.vue_vue_type_script_setup_true_lang-DljhsTU4.js";
-import { A as te } from "./access-DmAceEo5.js";
-import { _ as oe } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as re } from "./useLoad-M7V-AVwR.js";
+import { _ as j } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-DfKEhTFv.js";
+import { u as V } from "./platform-DtISOEt7.js";
+import { a as F } from "./routeResource-DlTsGTg_.js";
+import { a as H } from "./ResourcePage.vue_vue_type_script_setup_true_lang-Coz91xht.js";
+import { A as J } from "./access-DmAceEo5.js";
+import { _ as Q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as W } from "./useLoad-M7V-AVwR.js";
+import { i as X } from "./usePreferences-B8LIZp_f.js";
+import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-DZikGJ8L.js";
 import { a as ne } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
 import { _ as A } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
-import { u as ce, _ as ie } from "./useCommand-Ch_nx1AQ.js";
-import { u as le } from "./serverMessages-B6GHgi40.js";
+import { u as ie, _ as ce } from "./useCommand-Ch_nx1AQ.js";
+import { u as le } from "./serverMessages-Ddghrewh.js";
 const ue = /* @__PURE__ */ E({
   __name: "SetPasswordDialog",
   props: {
@@ -24,25 +26,25 @@ const ue = /* @__PURE__ */ E({
     name: {}
   },
   emits: ["saved"],
-  setup(q, { expose: s, emit: f }) {
-    const v = q, w = f, { t: o } = U(), { http: c } = V(), u = {
+  setup(P, { expose: s, emit: f }) {
+    const v = P, w = f, { t: o } = U(), { http: i } = V(), u = {
       safeParse(a) {
-        const { password: i, repeat: d } = a, g = [
-          ...i === "" ? [{ path: ["password"], message: o("core.account.validation.required") }] : [],
-          ...i !== "" && d !== i ? [{ path: ["repeat"], message: o(d === "" ? "core.account.validation.required" : "core.account.validation.mismatch") }] : []
+        const { password: c, repeat: d } = a, b = [
+          ...c === "" ? [{ path: ["password"], message: o("core.account.validation.required") }] : [],
+          ...c !== "" && d !== c ? [{ path: ["repeat"], message: o(d === "" ? "core.account.validation.required" : "core.account.validation.mismatch") }] : []
         ];
-        return g.length > 0 ? { success: !1, error: { issues: g } } : { success: !0, data: { password: i } };
+        return b.length > 0 ? { success: !1, error: { issues: b } } : { success: !0, data: { password: c } };
       }
-    }, m = ce({
+    }, m = ie({
       ...le(),
       defaults: () => ({ password: "", repeat: "" }),
       validator: u,
-      run: (a) => c.request(k.usersSetPassword, { id: v.id, password: a.password }),
+      run: (a) => i.request(k.usersSetPassword, { id: v.id, password: a.password }),
       done: () => {
         $.success(o("core.users.password.done", { name: v.name })), w("saved");
       }
     });
-    return s({ open: () => m.present() }), (a, i) => (N(), L(e(ie), {
+    return s({ open: () => m.present() }), (a, c) => (N(), L(e(ce), {
       command: e(m),
       title: e(o)("core.users.password.title"),
       subtitle: v.name,
@@ -54,13 +56,13 @@ const ue = /* @__PURE__ */ E({
           "data-set-password-dialog": ""
         }, {
           default: p(() => [
-            n(e(A), R(e(m).form.bind("password"), {
+            n(e(A), q(e(m).form.bind("password"), {
               label: e(o)("core.users.fields.password"),
               type: "password",
               required: "",
               autocomplete: "new-password"
             }), null, 16, ["label"]),
-            n(e(A), R(e(m).form.bind("repeat"), {
+            n(e(A), q(e(m).form.bind("repeat"), {
               label: e(o)("core.users.fields.password_repeat"),
               type: "password",
               required: "",
@@ -76,48 +78,48 @@ const ue = /* @__PURE__ */ E({
 }), me = {
   class: "flex items-center gap-3 px-1.5",
   "data-person-identity": ""
-}, de = { class: "flex min-w-0 flex-col items-start gap-0.5" }, pe = { class: "max-w-full truncate text-headline font-semibold text-content-strong" }, fe = { class: "max-w-full truncate text-footnote text-content-muted" }, Le = /* @__PURE__ */ E({
+}, de = { class: "flex min-w-0 flex-col items-start gap-0.5" }, pe = { class: "max-w-full truncate text-headline font-semibold text-content-strong" }, fe = { class: "max-w-full truncate text-footnote text-content-muted" }, Ve = /* @__PURE__ */ E({
   __name: "UserRecord",
-  setup(q) {
-    const { t: s } = U(), { http: f, access: v, session: w } = V(), o = I(), c = se({
-      key: O,
+  setup(P) {
+    const { t: s } = U(), { http: f, access: v, session: w } = V(), o = I(), i = F({
+      key: Y,
       param: "id",
       load: async (t, { signal: l }) => (await f.request(k.usersShow, { id: t }, { signal: l })).data
-    }), u = re(
+    }), u = W(
       async ({ signal: t }) => {
-        const l = c.data.value?.id;
+        const l = i.data.value?.id;
         return l === void 0 ? { sessions: [] } : (await f.request(k.usersSessions, { id: l }, { signal: t })).data;
       },
-      { watch: () => c.data.value?.id }
+      { watch: () => i.data.value?.id }
     );
-    C(j, u);
-    const m = z(H(), { current: () => c.id.value, list: F.index, param: "id", backLabel: () => s("core.users.title") }), a = _(() => c.data.value), i = _(() => a.value !== null && w.state.value.status === "authenticated" && w.state.value.user.id === a.value.id), d = D("deactivateDialog"), { deactivate: g } = J(), P = D("passwordDialog"), x = D("activateDialog");
-    async function b() {
-      await Promise.all([c.reload(), u.reload()]);
+    C(Z, u);
+    const m = z(se(), { current: () => i.id.value, list: ee.index, param: "id", backLabel: () => s("core.users.title") }), a = _(() => i.data.value), c = _(() => a.value !== null && w.state.value.status === "authenticated" && w.state.value.user.id === a.value.id), d = D("deactivateDialog"), { deactivate: b } = ae(), R = D("passwordDialog"), x = D("activateDialog");
+    async function g() {
+      await Promise.all([i.reload(), u.reload()]);
     }
     async function M() {
-      const t = c.id.value;
+      const t = i.id.value;
       if (t !== null) {
         try {
           await f.request(k.usersActivate, { id: t }), $.success(s("core.users.activate.done", { name: a.value?.name ?? "" }));
         } catch (l) {
-          Y(l) || $.error(o(l, { fallback: s("core.users.activate.failed") }));
+          X(l) || $.error(o(l, { fallback: s("core.users.activate.failed") }));
         }
-        await b();
+        await g();
       }
     }
     const y = _(() => {
-      const t = v.can(Q);
-      return { manage: t, deactivate: t && !!a.value?.active && !i.value, activate: t && a.value !== null && !a.value.active, endSessions: t && !i.value };
+      const t = v.can(te);
+      return { manage: t, deactivate: t && !!a.value?.active && !c.value, activate: t && a.value !== null && !a.value.active, endSessions: t && !c.value };
     });
-    C(W, {
+    C(oe, {
       get can() {
         return y.value;
       },
       deactivate: () => d.value?.open(),
       activate: () => x.value?.present(),
-      setPassword: () => P.value?.open(),
-      refresh: b
+      setPassword: () => R.value?.open(),
+      refresh: g
     });
     const T = _(() => [
       ...y.value.deactivate ? [{ id: "deactivate", label: s("core.users.actions.deactivate"), icon: "lockLine", placement: "overflow", tone: "critical", onClick: () => d.value?.open() }] : [],
@@ -126,14 +128,14 @@ const ue = /* @__PURE__ */ E({
       ...u.data.value ? { "users.record.sessions": u.data.value.sessions.length } : {},
       ...a.value?.status === "locked" ? { "users.record.signin": s("core.users.status.locked") } : {}
     }));
-    return (t, l) => (N(), L(e(ae), {
-      resource: e(c),
+    return (t, l) => (N(), L(e(H), {
+      resource: e(i),
       title: a.value?.name ?? e(s)("core.users.record"),
       list: e(m).context,
       actions: T.value
     }, {
       default: p(({ record: r }) => [
-        n(e(ee), {
+        n(e(j), {
           label: e(s)("core.users.sections_label"),
           desktop: "sidebar",
           compact: "rows",
@@ -150,8 +152,8 @@ const ue = /* @__PURE__ */ E({
               h("div", de, [
                 h("span", pe, S(r.name), 1),
                 h("span", fe, S(r.email), 1),
-                n(e(oe), {
-                  tone: e(X)(r.status),
+                n(e(Q), {
+                  tone: e(re)(r.status),
                   dot: "",
                   "data-person-status": ""
                 }, {
@@ -164,26 +166,26 @@ const ue = /* @__PURE__ */ E({
             ])
           ]),
           default: p(() => [
-            n(e(te))
+            n(e(J))
           ]),
           _: 2
         }, 1032, ["label", "back-label", "counts"]),
-        n(e(g), {
+        n(e(b), {
           ref_key: "deactivateDialog",
           ref: d,
           id: r.id,
           name: r.name,
           "session-count": e(u).data.value?.sessions.length ?? null,
-          onDone: b
+          onDone: g
         }, null, 8, ["id", "name", "session-count"]),
         n(ue, {
           ref_key: "passwordDialog",
-          ref: P,
+          ref: R,
           id: r.id,
           name: r.name,
-          onSaved: b
+          onSaved: g
         }, null, 8, ["id", "name"]),
-        n(e(Z), {
+        n(e(O), {
           ref_key: "activateDialog",
           ref: x,
           icon: "checkCircle",
@@ -198,5 +200,5 @@ const ue = /* @__PURE__ */ E({
   }
 });
 export {
-  Le as default
+  Ve as default
 };

package/dist/{UsersList-B3ZF_1Dj.js → UsersList-CREG8q3l.js}

@@ -1,12 +1,12 @@
 import { defineComponent as C, useTemplateRef as N, computed as a, openBlock as i, createBlock as m, unref as s, withCtx as r, createVNode as d, createTextVNode as R, toDisplayString as l, createCommentVNode as S, createElementBlock as _, normalizeClass as p } from "vue";
 import { useI18n as E } from "vue-i18n";
 import { useRouter as $ } from "vue-router";
-import { u as B, _ as T } from "./CollectionPage.vue_vue_type_script_setup_true_lang-x0jyJ01f.js";
+import { u as B, _ as T } from "./CollectionPage.vue_vue_type_script_setup_true_lang-C1GCvyZx.js";
 import { _ as V } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
-import { u as L } from "./format-D8KUBmbS.js";
-import { u as z } from "./platform-BQOX_Ntw.js";
+import { u as L } from "./format-DoKs29bZ.js";
+import { u as z } from "./platform-DtISOEt7.js";
 import { _ as A } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-Cq9TuOqH.js";
+import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-DZikGJ8L.js";
 const G = ["datetime"], Z = /* @__PURE__ */ C({
   __name: "UsersList",
   setup(K) {

package/dist/access/index.js

@@ -1,15 +1,15 @@
-import { _ as f, a as R, b } from "../PersonAccess.vue_vue_type_script_setup_true_lang-DbGZSNQc.js";
+import { _ as f, a as R, b } from "../PersonAccess.vue_vue_type_script_setup_true_lang-CWCt9_dM.js";
 import { d as o, p as c } from "../feature-DdUAfyi4.js";
 import { a as s, b as t } from "../refusals-DfPzVNNY.js";
 import { d as g, p as x, r as h, c as v, u as y, e as C, f as K } from "../refusals-DfPzVNNY.js";
 import { d as r } from "../defineRoutes-BGAdiIrt.js";
 const a = r({
-  roles: { name: "access.roles", path: "/iam/roles", component: () => import("../RolesPage-6hlzJes_.js"), meta: { access: s.viewRoles, titleKey: "core.access.title" } },
-  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("../NewRolePage-DhGFwvk3.js"), meta: { access: s.manageRoles, titleKey: "core.access.new_title" } },
+  roles: { name: "access.roles", path: "/iam/roles", component: () => import("../RolesPage-NKzBUsrM.js"), meta: { access: s.viewRoles, titleKey: "core.access.title" } },
+  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("../NewRolePage-CQ5UVaHs.js"), meta: { access: s.manageRoles, titleKey: "core.access.new_title" } },
   role: {
     name: "access.role",
     path: "/iam/roles/:ref",
-    component: () => import("../RolePage-DaNv049g.js"),
+    component: () => import("../RolePage-BUj1w1m1.js"),
     // A role's ref (its key, or the id of a custom one) swaps in place when a link leads to another role.
     meta: { access: s.viewRoles, titleKey: "core.access.title", remountOnParam: "ref" }
   }

package/dist/app/application.d.ts

@@ -1,7 +1,7 @@
 import { type App, type Component } from "vue";
 import { type PluralizationRule } from "vue-i18n";
 import { type RouteLocationRaw, type Router, type RouterHistory, type RouterScrollBehavior } from "vue-router";
-import { type Formatters } from "../format";
+import { type Formatters, type Formatting, type FormattingSettings } from "../format";
 import { type MessageNamespace } from "../i18n";
 import { type IconSet } from "../icon";
 import { type Platform, type SessionSnapshot } from "../platform";
@@ -21,7 +21,8 @@ export interface ShellDefinition {
 }
 /** Where an error the application caught came from. */
 export interface ApplicationErrorReport {
-    readonly source: "vue" | "unhandledrejection" | "window" | "effect" | "messages" | "session" | "router" | "locale";
+    /** `handled`: an error the application's own code caught and showed the user (`report`), not one that escaped. */
+    readonly source: "vue" | "unhandledrejection" | "window" | "effect" | "messages" | "session" | "router" | "locale" | "handled";
     readonly error: unknown;
     /** The route the user was on, when there was one. */
     readonly route: string | null;
@@ -82,10 +83,11 @@ export interface ApplicationOptions {
     router?: ApplicationRouterOptions;
     i18n?: ApplicationI18nOptions;
     locale?: ApplicationLocaleOptions;
-    /** Replace any of the `Intl` formatters (ARV shows `DD.MM.YYYY.`), and the symbol shown after an amount without an ISO currency ("€", "KM"). */
-    formatting?: Partial<Formatters> & {
-        currencySymbol?: string;
-    };
+    /**
+     * How dates and numbers are written: the `Intl` formatters, any of them replaced, and the `FormattingSettings` (the `intlLocale` map, a numeric
+     * `datePattern` per language, `numberSymbols`, `emptyNumber`, the `currencySymbol` shown after an amount without an ISO currency).
+     */
+    formatting?: Partial<Formatters> & FormattingSettings;
     /** Message namespaces the application or its shell owns itself, outside any feature. */
     messages?: readonly MessageNamespace[];
     /** The application's icons (`installIcons`): one set, or several partial ones (a feature's own) that are merged. */
@@ -114,12 +116,18 @@ export interface ApplicationOptions {
 export interface Application {
     /** The Vue app, for the few things that need it (a plugin, a test). */
     readonly app: App;
+    /** The app-scoped services, as `createApplication` was given them: `currentApplication().platform.http` outside setup. */
+    readonly platform: Platform;
+    /** The application's formatting (`useFormat()` in setup): dates, numbers and money in the active locale. */
+    readonly format: Formatting;
     readonly router: Router;
     /** The vue-i18n instance of this application. */
     readonly i18n: ApplicationI18n;
     readonly state: ApplicationEnvironment["state"];
     readonly locale: ApplicationEnvironment["locale"];
     setLocale: ApplicationEnvironment["setLocale"];
+    /** Reports an error the code caught and the user saw fail (`ApplicationEnvironment.report`), through `onError`. */
+    report: ApplicationEnvironment["report"];
     /**
      * Starts the application and mounts it: restores the session, loads the essential texts, runs the
      * first navigation, then renders. A failure of the session or the texts mounts the failure view

package/dist/app/current.d.ts

@@ -0,0 +1,11 @@
+import type { Application } from "./application";
+/** Called by `createApplication`; the returned function unbinds, and only if this application is still the current one. */
+export declare function bindApplication(application: Application): () => void;
+/**
+ * The application `createApplication` made, for code that runs outside setup: an `api.ts` reading `currentApplication().platform.http`, a router
+ * guard, a store. Inside a component use `useApplication()` and the injected services; read it when the code runs, not at module load
+ * (a module is evaluated before `main.ts` creates the application).
+ *
+ * Throws before one exists. In a unit test make one first: `createTestApplication()` from `@wssto2/vue-core/testing`, and `dispose()` it after.
+ */
+export declare function currentApplication(): Application;

package/dist/app/environment.d.ts

@@ -28,5 +28,13 @@ export interface ApplicationEnvironment {
     setLocale(locale: string): Promise<boolean>;
     /** Tries the start again after a failed one. */
     retry(): Promise<void>;
+    /**
+     * Reports an error the code caught and the user saw fail (a save that did not go through, a panel that could not load): it goes
+     * through the application's `onError` as `source: "handled"` with the page the user was on, and `clientErrorReporter` sends it to the
+     * incidents. `detail` says where ("vehicle-location-edit"). Not for an error the user is expected to fix (a validation message).
+     */
+    report(error: unknown, options?: {
+        readonly detail?: string;
+    }): void;
 }
 export declare const applicationKey: import("vue").InjectionKey<ApplicationEnvironment>, useApplication: () => ApplicationEnvironment;

package/dist/app/index.d.ts

@@ -1,5 +1,6 @@
 export { createApplication } from "./application";
 export type { Application, ApplicationI18n, ApplicationErrorReport, ApplicationI18nOptions, ApplicationLocaleOptions, ApplicationOptions, ApplicationRouterOptions, ShellDefinition, } from "./application";
+export { currentApplication } from "./current";
 export { ShellOutlet } from "./contributions";
 export { applicationKey, useApplication } from "./environment";
 export type { ApplicationEnvironment, ApplicationState } from "./environment";

package/dist/app/index.js

@@ -1,16 +1,18 @@
-import { A as o, c as p } from "../application-CuzT-0vW.js";
-import { S as t } from "../contributions-CeG4bszd.js";
-import { a as i, u as l } from "../environment-Dva-SG8D.js";
-import { d as u, p as c } from "../feature-DdUAfyi4.js";
-import { k as x, u as m } from "../keepAlive-ClGnsIzT.js";
+import { A as o, c as r } from "../application-DomS6sbx.js";
+import { c as t } from "../current-B0lHKTWr.js";
+import { S as i } from "../contributions-obnyn03x.js";
+import { a as c, u as l } from "../environment-Dva-SG8D.js";
+import { d as f, p as x } from "../feature-DdUAfyi4.js";
+import { k as A, u as d } from "../keepAlive-ClGnsIzT.js";
 export {
   o as ApplicationError,
-  t as ShellOutlet,
-  i as applicationKey,
-  p as createApplication,
-  u as defineFeature,
-  x as keepSessionAlive,
-  c as provideContext,
+  i as ShellOutlet,
+  c as applicationKey,
+  r as createApplication,
+  t as currentApplication,
+  f as defineFeature,
+  A as keepSessionAlive,
+  x as provideContext,
   l as useApplication,
-  m as useLanguages
+  d as useLanguages
 };