@wssto2/vue-core 0.12.0 → 0.13.0

package/dist/identity/index.d.ts

@@ -35,6 +35,8 @@ export { usersRoutes } from "./users/routes";
 export { default as ActionRow } from "./shared/ActionRow.vue";
 export { default as SignInAsButton } from "./SignInAsButton.vue";
 export { isSessionEnded, lockedUntil, returnToOwnAccount, signIn, signInAs } from "./signIn";
+export { usePreferences } from "./usePreferences";
+export type { UsedPreferences } from "./usePreferences";
 export { parseIdentityUser } from "./user";
 export type { IdentityUser } from "./user";
 export { serviceAccountsFeature } from "./serviceaccounts/feature";

package/dist/identity/index.js

@@ -1,42 +1,45 @@
-import { m as a, v as t, w as n, P as o, l as i, j as r, _ as u, t as c, k as d, U as S, x as g, y as A, z as l, A as I, i as p, B as R, g as m, C as y, D as U, r as f, E as P, F as v, G as x, p as D, H as E, I as F, s as b, e as w, h as B, b as C, f as L, J as T, K as _, c as h } from "../index-Cq9TuOqH.js";
-import { a as H, _ as K } from "../ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
-import { s as O } from "../routes-Beyr5NQo.js";
+import { i as a } from "../preferences-hYhrw8Uy.js";
+import { k as o, r as n, t as i, P as r, j as u, h as c, _ as d, q as S, i as g, U as A, v as f, w as l, x as p, y as m, z as I, A as R, o as x, B as y, C as P, n as U, s as v, e as D, g as E, b, f as w, D as F, E as B, c as C } from "../index-DZikGJ8L.js";
+import { a as T, _ } from "../ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
+import { i as k, l as N, r as O, s as j, a as q, u as z } from "../usePreferences-B8LIZp_f.js";
+import { s as K } from "../routes-Beyr5NQo.js";
 export {
-  H as ActionRow,
-  a as ChangeFeed,
-  t as DeactivateDialog,
-  n as NewUserDialog,
-  o as PERSON,
-  i as PageBar,
-  K as SectionIntro,
-  r as SessionList,
-  u as SignInAsButton,
-  c as SignInList,
-  d as SignInTable,
-  S as USER_VIEWS,
-  g as embedHeaders,
-  A as embedSession,
-  l as identityFeature,
-  I as identityPlatform,
-  p as identityRoutes,
-  R as identitySessionAdapter,
-  m as isSessionEnded,
-  y as lockedUntil,
-  U as parseIdentityUser,
-  f as personActionsKey,
-  P as profileRoutes,
-  v as returnToOwnAccount,
-  x as serviceAccountsFeature,
-  D as serviceAccountsRoutes,
-  O as serviceaccountRoutes,
-  E as signIn,
-  F as signInAs,
-  b as statusTone,
-  w as usePersonActions,
-  B as usePersonSessions,
-  C as useUserDialogs,
-  L as useUsersContext,
-  T as userList,
-  _ as usersFeature,
-  h as usersRoutes
+  T as ActionRow,
+  o as ChangeFeed,
+  n as DeactivateDialog,
+  i as NewUserDialog,
+  r as PERSON,
+  u as PageBar,
+  _ as SectionIntro,
+  c as SessionList,
+  d as SignInAsButton,
+  S as SignInList,
+  g as SignInTable,
+  A as USER_VIEWS,
+  f as embedHeaders,
+  l as embedSession,
+  p as identityFeature,
+  m as identityPlatform,
+  a as identityRoutes,
+  I as identitySessionAdapter,
+  k as isSessionEnded,
+  N as lockedUntil,
+  R as parseIdentityUser,
+  x as personActionsKey,
+  y as profileRoutes,
+  O as returnToOwnAccount,
+  P as serviceAccountsFeature,
+  U as serviceAccountsRoutes,
+  K as serviceaccountRoutes,
+  j as signIn,
+  q as signInAs,
+  v as statusTone,
+  D as usePersonActions,
+  E as usePersonSessions,
+  z as usePreferences,
+  b as useUserDialogs,
+  w as useUsersContext,
+  F as userList,
+  B as usersFeature,
+  C as usersRoutes
 };

package/dist/identity/usePreferences.d.ts

@@ -0,0 +1,19 @@
+import { type Preferences, type PreferencesPatch } from "../platform";
+/** `Preferences` as a component uses them: `save` never rejects. */
+export interface UsedPreferences<T extends object> {
+    readonly value: Preferences<T>["value"];
+    /** Applies the patch at once and saves it (see `Preferences.save`). A refusal is taken back and said in a toast; resolves whether it was saved. */
+    save(patch: PreferencesPatch<T>): Promise<boolean>;
+}
+/**
+ * The signed-in person's stored preferences (`preferences` of the session payload, saved through go-core identity's
+ * `PUT /v1/auth/preferences`), typed with the application's own shape:
+ *
+ *   const preferences = usePreferences<{ dark_mode: boolean; onboarding: { tips_dismissed: string[] } }>();
+ *   preferences.value.value.dark_mode;            // reactive
+ *   await preferences.save({ dark_mode: true });  // at once on screen, then the server's merged answer
+ *
+ * A patch merges as JSON Merge Patch: objects merge, `null` deletes a key, arrays replace. Saves are sent one after another.
+ * Call it in `setup`.
+ */
+export declare function usePreferences<T extends object = Record<string, unknown>>(): UsedPreferences<T>;

package/dist/incidents/clientErrorReporter.d.ts

@@ -28,7 +28,8 @@ export declare const MAX_REPORTS_PER_SESSION = 20;
  *
  *   createApplication({ platform, features, onError: clientErrorReporter({ platform, appVersion: __APP_VERSION__ }) })
  *
- * Reported: component errors, unhandled rejections and window errors that carry a real `Error` whose stack has a frame of the
+ * Reported: component errors, unhandled rejections, window errors and errors the code handled itself (`report` of the application, as
+ * `[handled: detail] message`) that carry a real `Error` whose stack has a frame of the
  * application's own origin. Not reported: failed requests (`ApiError`, of any kind: the server captures its own 5xx),
  * `Script error.`, errors of extensions and other origins, failures of effects, loads and the router, and anything while nobody
  * is signed in. Each error (message plus top frame) goes once per page session, at most 20 distinct ones. A report sends the message,

package/dist/incidents/index.js

@@ -1,4 +1,4 @@
-import { h as t, j as i, k as r, l as n, i as a } from "../index-kEHY7hcG.js";
+import { h as t, j as i, k as r, l as n, i as a } from "../index-CRxU_Wh2.js";
 export {
   t as MAX_REPORTS_PER_SESSION,
   i as clientErrorReporter,

package/dist/{index-kEHY7hcG.js → index-CRxU_Wh2.js}

@@ -1,19 +1,19 @@
 import { r as p } from "./route-goWMxDUN.js";
 import { d as V, p as U } from "./feature-DdUAfyi4.js";
-import { defineComponent as A, computed as O, onMounted as L, watch as B, openBlock as S, createBlock as y, unref as e, withCtx as I, createElementVNode as X, createVNode as c, mergeProps as d, createCommentVNode as R, ref as F } from "vue";
+import { defineComponent as R, computed as O, onMounted as L, watch as B, openBlock as y, createBlock as I, unref as e, withCtx as T, createElementVNode as X, createVNode as c, mergeProps as l, createCommentVNode as k, ref as F } from "vue";
 import { d as j } from "./context-Ch1r4fdN.js";
-import { useI18n as P } from "vue-i18n";
+import { useI18n as M } from "vue-i18n";
 import { a as N } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
 import { _ as G } from "./SelectField.vue_vue_type_script_setup_true_lang-BZwdANL3.js";
 import { _ as g } from "./TextareaField.vue_vue_type_script_setup_true_lang-D2j4s96s.js";
 import { _ as E } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { u as K, _ as z } from "./useCommand-Ch_nx1AQ.js";
 import { t as H } from "./toast-CqSDTWRX.js";
-import { u as k } from "./platform-BQOX_Ntw.js";
-import { d as Q, r as W, l as Y } from "./http-Dm0uXY9O.js";
+import { u as C } from "./platform-DtISOEt7.js";
+import { d as Q, r as W, a as Y } from "./http-DOEfFCDA.js";
 import { _ as J } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-BIYgaihv.js";
 import { d as Z } from "./defineRoutes-BGAdiIrt.js";
-import { d as ee } from "./application-CuzT-0vW.js";
+import { d as ee } from "./application-DomS6sbx.js";
 import { R as te } from "./client-Dg303Pmc.js";
 import { a as ne } from "./error-CD7x0Jrz.js";
 const v = {
@@ -24,7 +24,7 @@ const v = {
   comment: p("POST", "/v1/incidents/:incidentID/comments", { permission: "incident:create" }),
   update: p("PATCH", "/v1/incidents/:incidentID", { permission: "incident:update" }),
   clientError: p("POST", "/v1/incidents/client-errors")
-}, [ie, C] = j("vue-core.incidents"), q = "incident:view", se = "incident:create", Fe = "incident:update", re = "incident:manage";
+}, [ie, D] = j("vue-core.incidents"), $ = "incident:view", se = "incident:create", Fe = "incident:update", re = "incident:manage";
 function je(t) {
   return Q({
     id: "incidents",
@@ -35,7 +35,7 @@ function je(t) {
     defaults: { sort: "last_seen_at", direction: "desc" }
   });
 }
-const T = (t) => ({ headers: { "Idempotency-Key": t } });
+const A = (t) => ({ headers: { "Idempotency-Key": t } });
 function oe(t) {
   return {
     show: async (n, s) => {
@@ -43,13 +43,13 @@ function oe(t) {
       return { incident: r, reports: o?.reports ?? [], comments: o?.comments ?? [] };
     },
     /** The whole management form; the answer is the stored incident (without its people: the page reads again for them). */
-    update: async (n, s, r) => (await t.request(v.update, { ...s, incidentID: n }, T(r))).data,
+    update: async (n, s, r) => (await t.request(v.update, { ...s, incidentID: n }, A(r))).data,
     /** A report: the incident it opened or joined. */
-    report: async (n, s) => (await t.request(v.report, n, T(s))).data.data,
-    comment: async (n, s, r) => (await t.request(v.comment, { ...s, incidentID: n }, T(r))).data
+    report: async (n, s) => (await t.request(v.report, n, A(s))).data.data,
+    comment: async (n, s, r) => (await t.request(v.comment, { ...s, incidentID: n }, A(r))).data
   };
 }
-const ae = () => oe(k().http);
+const ae = () => oe(C().http);
 function ce(t, n) {
   return {
     safeParse(s) {
@@ -135,184 +135,184 @@ const He = {
 }, ue = {
   class: "flex flex-col gap-group-gap",
   "data-test": "incident-report"
-}, me = /* @__PURE__ */ A({
+}, me = /* @__PURE__ */ R({
   __name: "ReportDialog",
   props: {
     autoOpen: { type: Boolean }
   },
   emits: ["created", "close"],
   setup(t, { expose: n, emit: s }) {
-    const r = t, o = s, { t: i } = P(), { access: l } = k(), u = ae(), { appVersion: h } = C(), x = O(() => l.can(re)), w = O(() => Object.entries(le).map(([m, f]) => ({ value: m, label: i(f) }))), _ = K({
+    const r = t, o = s, { t: i } = M(), { access: d } = C(), u = ae(), { appVersion: h } = D(), x = O(() => d.can(re)), w = O(() => Object.entries(le).map(([m, f]) => ({ value: m, label: i(f) }))), _ = K({
       defaults: () => de(h),
       validator: ce(["title", "description"], i("core.account.validation.required")),
       run: (m, { idempotencyKey: f }) => u.report(m, f),
       done: (m) => {
         H.success(i("core.incidents.toasts.report_success")), o("created", m);
       }
-    }), a = _.form, D = () => _.present(), $ = () => _.dismiss();
+    }), a = _.form, S = () => _.present(), P = () => _.dismiss();
     return L(() => {
-      r.autoOpen && D();
+      r.autoOpen && S();
     }), B(() => _.open.value, (m, f) => {
       f && !m && o("close");
-    }), n({ show: D, hide: $ }), (m, f) => (S(), y(e(z), {
+    }), n({ show: S, hide: P }), (m, f) => (y(), I(e(z), {
       command: e(_),
       size: "md",
       title: e(i)("core.incidents.report_modal.title"),
       subtitle: e(i)("core.incidents.report_modal.description"),
       "confirm-label": e(i)("core.incidents.report_modal.submit")
     }, {
-      default: I(() => [
+      default: T(() => [
         X("div", ue, [
           c(e(N), null, {
-            default: I(() => [
-              c(e(E), d(e(a).bind("title"), {
+            default: T(() => [
+              c(e(E), l(e(a).bind("title"), {
                 label: e(i)("core.incidents.fields.title"),
                 required: "",
                 "max-length": 255
               }), null, 16, ["label"]),
-              c(e(g), d(e(a).bind("description"), {
+              c(e(g), l(e(a).bind("description"), {
                 label: e(i)("core.incidents.fields.description"),
                 required: "",
                 rows: 4,
                 "max-length": 2e4
               }), null, 16, ["label"]),
-              c(e(G), d(e(a).bind("severity"), {
+              c(e(G), l(e(a).bind("severity"), {
                 label: e(i)("core.incidents.fields.severity"),
                 options: w.value
               }), null, 16, ["label", "options"])
             ]),
             _: 1
           }),
-          x.value ? (S(), y(e(N), {
+          x.value ? (y(), I(e(N), {
             key: 0,
             header: e(i)("core.incidents.report_modal.advanced_fields")
           }, {
-            default: I(() => [
-              c(e(E), d(e(a).bind("affected_module"), {
+            default: T(() => [
+              c(e(E), l(e(a).bind("affected_module"), {
                 label: e(i)("core.incidents.fields.affected_module"),
                 "max-length": 100
               }), null, 16, ["label"]),
-              c(e(E), d(e(a).bind("page_url"), {
+              c(e(E), l(e(a).bind("page_url"), {
                 label: e(i)("core.incidents.fields.page_url"),
                 "max-length": 1e3
               }), null, 16, ["label"]),
-              c(e(g), d(e(a).bind("steps_to_reproduce"), {
+              c(e(g), l(e(a).bind("steps_to_reproduce"), {
                 label: e(i)("core.incidents.fields.steps_to_reproduce"),
                 rows: 3,
                 "max-length": 2e4
               }), null, 16, ["label"]),
-              c(e(g), d(e(a).bind("expected_result"), {
+              c(e(g), l(e(a).bind("expected_result"), {
                 label: e(i)("core.incidents.fields.expected_result"),
                 rows: 2,
                 "max-length": 2e4
               }), null, 16, ["label"]),
-              c(e(g), d(e(a).bind("actual_result"), {
+              c(e(g), l(e(a).bind("actual_result"), {
                 label: e(i)("core.incidents.fields.actual_result"),
                 rows: 2,
                 "max-length": 2e4
               }), null, 16, ["label"]),
-              c(e(E), d(e(a).bind("browser_info"), {
+              c(e(E), l(e(a).bind("browser_info"), {
                 label: e(i)("core.incidents.fields.browser_info"),
                 "max-length": 500
               }), null, 16, ["label"]),
-              c(e(E), d(e(a).bind("app_version"), {
+              c(e(E), l(e(a).bind("app_version"), {
                 label: e(i)("core.incidents.fields.app_version"),
                 "max-length": 100
               }), null, 16, ["label"]),
-              c(e(g), d(e(a).bind("frontend_error_message"), {
+              c(e(g), l(e(a).bind("frontend_error_message"), {
                 label: e(i)("core.incidents.fields.frontend_error_message"),
                 rows: 2,
                 "max-length": 2e3
               }), null, 16, ["label"]),
-              c(e(g), d(e(a).bind("frontend_stacktrace"), {
+              c(e(g), l(e(a).bind("frontend_stacktrace"), {
                 label: e(i)("core.incidents.fields.frontend_stacktrace"),
                 rows: 4,
                 "max-length": 2e4
               }), null, 16, ["label"])
             ]),
             _: 1
-          }, 8, ["header"])) : R("", !0)
+          }, 8, ["header"])) : k("", !0)
         ])
       ]),
       _: 1
     }, 8, ["command", "title", "subtitle", "confirm-label"]));
   }
-}), _e = /* @__PURE__ */ A({
+}), _e = /* @__PURE__ */ R({
   __name: "ReportHost",
   setup(t) {
-    const { reporting: n } = C(), s = () => {
+    const { reporting: n } = D(), s = () => {
       n.value = !1;
     };
-    return (r, o) => e(n) ? (S(), y(me, {
+    return (r, o) => e(n) ? (y(), I(me, {
       key: 0,
       "auto-open": "",
       onClose: s
-    })) : R("", !0);
+    })) : k("", !0);
   }
-}), pe = /* @__PURE__ */ A({
+}), pe = /* @__PURE__ */ R({
   __name: "ReportMenuItem",
   setup(t) {
-    const { t: n } = P(), { access: s } = k(), r = C();
-    return (o, i) => e(s).can(e(se)) ? (S(), y(J, {
+    const { t: n } = M(), { access: s } = C(), r = D();
+    return (o, i) => e(s).can(e(se)) ? (y(), I(J, {
       key: 0,
       label: e(n)("core.incidents.report_modal.menu"),
       icon: "alertTriangle",
       "data-incident-report-menu-item": "",
-      onClick: i[0] || (i[0] = (l) => e(r).reporting.value = !0)
-    }, null, 8, ["label"])) : R("", !0);
+      onClick: i[0] || (i[0] = (d) => e(r).reporting.value = !0)
+    }, null, 8, ["label"])) : k("", !0);
   }
-}), M = Z({
-  index: { name: "incidents.index", path: "/incidents", component: () => import("./IncidentsList-2iwgqp9J.js"), meta: { access: q, titleKey: "core.incidents.title" } },
+}), q = Z({
+  index: { name: "incidents.index", path: "/incidents", component: () => import("./IncidentsList-D1MySyXb.js"), meta: { access: $, titleKey: "core.incidents.title" } },
   details: {
     name: "incidents.details",
     path: "/incidents/:incidentID",
-    component: () => import("./IncidentRecord-Bt3G4HlX.js"),
+    component: () => import("./IncidentRecord-CXzgLKqI.js"),
     // Previous / next record swaps the id in place.
-    meta: { access: q, titleKey: "core.incidents.title", remountOnParam: "incidentID" }
+    meta: { access: $, titleKey: "core.incidents.title", remountOnParam: "incidentID" }
   }
 });
 function Je(t = {}) {
   return V({
     id: "incidents",
-    routes: M.records,
+    routes: q.records,
     context: U(ie, { reporting: F(!1), appVersion: t.appVersion ?? "" }),
-    navigation: t.destination ? [{ destination: t.destination, to: M.index, within: ["incidents.details"] }] : [],
+    navigation: t.destination ? [{ destination: t.destination, to: q.index, within: ["incidents.details"] }] : [],
     contributions: [
       { id: "incidents.report-menu", slot: "accountMenu", component: pe, scope: "authenticated", order: 40, optional: !0 },
       { id: "incidents.report-host", slot: "host", component: _e, scope: "authenticated", optional: !0 }
     ]
   });
 }
-const fe = 2e3, ge = 2e4, be = 255, ve = 500, he = 100, xe = 100, Ee = 20, we = /* @__PURE__ */ new Set(["vue", "unhandledrejection", "window"]), b = (t, n) => t.slice(0, n), Se = (t) => /^script error\.?$/i.test(t.trim()), ye = (t) => t.split(`
+const fe = 2e3, ge = 2e4, be = 255, ve = 500, he = 100, xe = 100, Ee = 20, we = /* @__PURE__ */ new Set(["vue", "unhandledrejection", "window", "handled"]), b = (t, n) => t.slice(0, n), Se = (t) => /^script error\.?$/i.test(t.trim()), ye = (t) => t.split(`
 `).find((n) => /^\s*at\s|@\S/.test(n))?.trim() ?? "";
 function Ze(t) {
   const { platform: n, appVersion: s = "", onError: r = ee } = t, o = /* @__PURE__ */ new Set();
-  function i(l) {
-    const { error: u } = l;
-    if (!we.has(l.source) || !(u instanceof Error) || ne(u) || u.message.trim() === "" || Se(u.message)) return;
+  function i(d) {
+    const { error: u } = d;
+    if (!we.has(d.source) || !(u instanceof Error) || ne(u) || u.message.trim() === "" || Se(u.message)) return;
     const h = t.origin ?? globalThis.location?.origin, x = u.stack ?? "";
     if (!h || h === "null" || !x.includes(`${h}/`) || n.session.state.value.status !== "authenticated") return;
     const w = `${u.message}
 ${ye(x)}`;
     if (o.has(w) || o.size >= Ee) return;
     o.add(w);
-    const _ = {
-      message: b(u.message, fe),
+    const _ = d.source === "handled" ? `[handled${d.detail ? `: ${d.detail}` : ""}] ` : "", a = {
+      message: b(_ + u.message, fe),
       stack: b(x, ge),
-      route: b((l.route ?? "").split(/[?#]/)[0] ?? "", be),
+      route: b((d.route ?? "").split(/[?#]/)[0] ?? "", be),
       browser: b(globalThis.navigator?.userAgent ?? "", ve),
       app_version: b(s, he),
-      request_ids: n.http.recentRequestIds().slice(-te).map((a) => b(a, xe))
+      request_ids: n.http.recentRequestIds().slice(-te).map((S) => b(S, xe))
     };
-    n.http.request(v.clientError, _).catch(() => {
+    n.http.request(v.clientError, a).catch(() => {
     });
   }
-  return (l) => {
+  return (d) => {
     try {
-      i(l);
+      i(d);
     } catch {
     }
-    r(l);
+    r(d);
   };
 }
 export {
@@ -329,7 +329,7 @@ export {
   Ke as f,
   Ge as g,
   Ee as h,
-  M as i,
+  q as i,
   Ze as j,
   v as k,
   Je as l,