@wssto2/vue-core 0.9.4 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog
 
+## 0.11.0 — 2026-10-17
+
+The five gaps an application met adopting 0.10.0's users screens and quick search. go-core is unchanged (`v1.15.0`).
+
+### New
+- **identity:** `PersonSection.after` (`general`, `signin`, `sessions`, `signins`, `changes` or `activity`, typed as `BuiltInPersonSection`) places an application's section right behind that built-in one, in its group (the section's own `groupKey` is replaced by the group's). Without it the section stays at the end. Another name is a start-up error that lists the valid ones.
+- **identity:** `usersFeature({ collection })` is the one definition of the people list, used by the list page and by the previous / next of a person's record. Default `userList`. An application whose list filters by more than the library knows passes its own (`UsersCollection`), the one its `replace.list` page uses, and the record's pager then asks the server with those filters too.
+- **i18n:** `useServerMessages` is exported from `@wssto2/vue-core/i18n` (moved from identity): `describeFieldError`, `failureMessage(kind, error)` and `sentence(error)` for any go-core refusal, in the app's `errors.<reason>` or the library's `core.errors.<reason>`.
+- **app:** `useLanguages` is exported from `@wssto2/vue-core/app`: the application's locales as select options, each named in itself.
+- **collection:** `<Highlight :text :search />`, the text with the words of the search in `<mark>`, over `highlightParts`. `RecordIdentity` and the quick-search palette use it, so the library has one highlight.
+
+### Changed
+- **shell:** `quickSearch` `placeholder`, `hint` and `noneHint` are `MaybeRefOrGetter<string>`, read when the palette renders, so an application whose messages load lazily passes `() => t("…")`. A plain string still works.
+- **shell:** the quick-search palette marks matched words with the look `RecordIdentity` uses (the warning tone), not the tint it had.
+
+## 0.10.0 — 2026-10-16
+
+The last generic pieces an application kept to itself, and an identity whose users screens an application can shape. Needs go-core v1.15.0 (`goCore`, `src/modules` synced).
+
+### New
+- **identity:** `usersFeature` can be shaped by the application: `path` moves the users list (a record is `<path>/:id`; the route names `users.index` / `users.record` stay), `replace: { list, general, newUser, deactivate }` swaps a whole screen for the application's own under a documented contract (`UsersReplace`, `NewUserDialogHandle`, `DeactivateDialogProps`, `DeactivateDialogHandle`), `activityRecords` names and links the kinds of record in a person's Activity, and `changeWords(row, t)` words changes the library has no sentence for (with links in the details). `OpenChangeRow` is go-core's `ChangeRow` with an open `action`, for the actions only the application's change log writes.
+- **identity:** the users list has a Last sign-in filter (never signed in, or not for a long time), sent as go-core's `last_sign_in`.
+- **identity:** the pieces a replaced screen reuses are exported: `PageBar`, `SectionIntro`, `SessionList`, `SignInList`, `SignInTable`, `ChangeFeed`, `NewUserDialog`, `DeactivateDialog`, `statusTone`, `USER_VIEWS`, `userList`, `PERSON`, `usePersonActions`, `usePersonSessions`, `useUsersContext` and `useUserDialogs`. A replacement reads the server's `ext` from the person (`ext?: unknown` in go-core 1.15's generated types) and calls `identityRoutes.usersCreate`, `usersUpdate` and `usersDeactivate` (`details` on the deactivation) with it. `PersonSection.props` receives the person with its `ext`.
+- **identity:** `identityPlatform({ embed })` with `embedSession()`: the client half of a bearer session for a page in a cross-origin iframe (token in `sessionStorage`, `Authorization: Bearer`, not renewable, cleared when it is refused, runs out or the person signs out).
+- **content:** `ActivityStream` (events and comments in one chronological stream, day separators, oldest first), `Composer` (a capsule text area that grows, sends on Ctrl or ⌘ + Enter) and `CommentThread` (the two together: `comments`, `canAdd`, `canRemove`, `onAdd`, `@remove`; the draft clears unless `onAdd` resolves to `false`). Texts are `core.activity.*` and `core.comments.*`.
+- **shell:** `quickSearch({ search, suggest?, recent?, onChoose?, placeholder?, hint?, noneHint?, minLength?, delayMs? })`, a feature with a search field in the `search` slot and a palette in `host`, opened by Ctrl or ⌘ + K (listed in the shortcut help, silent while a dialog is open). The app returns groups of rows (`QuickSearchGroup`, `QuickSearchRow`); typing is debounced, an older answer is dropped, words are highlighted, Ctrl or ⌘ + Enter opens a row in a new tab. `useQuickSearch()` opens it from a trigger of your own; `QuickSearchPalette` and `QuickSearchButton` are exported for custom shells.
+- **shell:** `darkMode({ dark, set, themeColor? })` puts the mode on the page (the `dark` class and `<meta name="theme-color">`) and adds the switch to the account menu; the preference lives where the app keeps it. `DarkModeRow` and `applyDarkMode` are exported. `offlineNotice()` (and `OfflineNotice`) shows a status in the bottom dock while the browser is offline.
+- **collection:** `createPicker<Row, Options>()` and `PickerModal`: the open, choose and cancel plumbing of a choose-one dialog. `await picker.pick(options)` resolves with the row or `null`; the dialog's body is a `CollectionTable` with `pick`, mounted afresh each time it opens.
+- **collection:** `highlightParts` and `HighlightPart` are exported.
+- **collection:** `ListPage<Row, Meta>` takes the shape of the backend's `meta` as a second type parameter, carried through `CollectionLoader`, `defineCollection`, `useCollection`, `Collection`, `httpList` and `readListPage`, so an app reads it without a cast. The default is today's type, now exported as `ListMeta`. Declare the shape with `type`, not `interface`.
+- **pwa:** `AndroidInstallBanner`, `IosInstallGuide`, `InstallQrSheet` and `QrCode`, the install guides of an installable app, generic over `app-name` (texts under `core.pwa`). The QR code needs `uqr`, a new dependency used by this entry only.
+- **i18n:** `slavicPluralRule` (hr, bs, sr-Latn), `slovenianPluralRule` (with the dual) and `slavicPluralRules`, to pass as `pluralRules`. Counts such as 111–114 take the "other" form; a two-form message reads `one | other`.
+- **state:** `installBackgroundTasks`, `createBackgroundTasks`, `useBackgroundTasks` and `BackgroundTaskCapsule`, for work that outlives the page (provided per application, no store library); `useCountUp`, a number that counts up when its value arrives (instant under reduced motion).
+- **format:** `slugify`, a URL-fragment slug that folds diacritics.
+- **i18n:** `core.actions.open` in every locale.
+
+### Changed
+- **identity:** deactivating a person answers go-core's `DeactivateResult` (`{ ext? }`), as go-core v1.15.0 answers 200 instead of 204.
+
 ## 0.9.4 — 2026-10-16
 
 ### New

package/dist/ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js

@@ -0,0 +1,64 @@
+import { defineComponent as r, openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as n, createCommentVNode as d, renderSlot as f, createBlock as u, unref as c, withCtx as p, normalizeClass as _, createVNode as x } from "vue";
+import { g as b } from "./options-B48UiYsG.js";
+import { _ as h } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+const k = { class: "flex flex-wrap items-end gap-3 px-row-inset" }, g = { class: "flex min-w-0 grow basis-56 flex-col gap-1" }, w = { class: "text-title font-semibold tracking-tight text-content-strong" }, y = {
+  key: 0,
+  class: "max-w-readable text-subheadline text-content-muted"
+}, E = /* @__PURE__ */ r({
+  __name: "SectionIntro",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(e) {
+    return (i, t) => (o(), l("div", k, [
+      s("div", g, [
+        s("h2", w, n(e.title), 1),
+        e.description ? (o(), l("p", y, n(e.description), 1)) : d("", !0)
+      ]),
+      f(i.$slots, "actions")
+    ]));
+  }
+}), $ = ["disabled"], v = { class: "flex min-w-0 flex-1 flex-col" }, C = {
+  key: 0,
+  class: "text-footnote text-content-muted"
+}, R = /* @__PURE__ */ r({
+  __name: "ActionRow",
+  props: {
+    label: {},
+    sub: { default: void 0 },
+    tone: { default: "link" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: i }) {
+    const t = e, m = i;
+    return (B, a) => (o(), u(c(b), { layout: "stacked" }, {
+      default: p(() => [
+        s("button", {
+          type: "button",
+          disabled: t.disabled,
+          class: "flex w-full items-center gap-3 py-0.5 text-left focus-visible:outline-2 focus-visible:outline-border-focus disabled:opacity-50",
+          onClick: a[0] || (a[0] = (S) => m("click"))
+        }, [
+          s("span", v, [
+            s("span", {
+              class: _(["text-body", t.tone === "critical" ? "text-content-destructive" : "text-content-link"])
+            }, n(t.label), 3),
+            t.sub ? (o(), l("span", C, n(t.sub), 1)) : d("", !0)
+          ]),
+          x(c(h), {
+            name: "arrowRightSLine",
+            size: 18,
+            class: "shrink-0 text-content-disabled"
+          })
+        ], 8, $)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  E as _,
+  R as a
+};

package/dist/Activity-CdkJW68R.js

@@ -0,0 +1,169 @@
+import { defineComponent as q, ref as b, watch as R, computed as V, openBlock as l, createElementBlock as f, createVNode as v, unref as s, createElementVNode as r, withCtx as u, toDisplayString as c, Fragment as C, renderList as N, createBlock as g, createTextVNode as U, createCommentVNode as A } from "vue";
+import { useI18n as D } from "vue-i18n";
+import { RouterLink as I } from "vue-router";
+import { _ as T } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { _ as z } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
+import { u as G } from "./format-D8KUBmbS.js";
+import { _ as B } from "./DateField.vue_vue_type_script_setup_true_lang-CeNwBbJT.js";
+import { a as H } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
+import { g as J } from "./options-B48UiYsG.js";
+import { P as M, f as Q, i as W, l as X } from "./index-Cq9TuOqH.js";
+import { u as Y } from "./platform-BQOX_Ntw.js";
+import { b as Z } from "./routeResource-DlTsGTg_.js";
+import { _ as tt } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
+import { _ as et } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as at } from "./useLoad-M7V-AVwR.js";
+import { _ as st } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
+const ot = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-person-activity": ""
+}, nt = { class: "flex flex-wrap items-end justify-between gap-3" }, lt = {
+  class: "flex items-end gap-2",
+  "data-activity-range": ""
+}, it = {
+  key: 0,
+  class: "px-row-inset py-4 text-body text-content-muted",
+  "data-activity-empty": ""
+}, rt = {
+  key: 1,
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-activity-feed": ""
+}, ut = { class: "flex flex-wrap items-center gap-x-1.5" }, ct = { key: 1 }, dt = { class: "text-body tabular-nums text-content-muted" }, mt = { class: "px-row-inset text-footnote text-content-muted" }, At = /* @__PURE__ */ q({
+  __name: "Activity",
+  setup(pt) {
+    const { t: o, te: k } = D(), { http: E } = Y(), w = G(), h = Z(M), { activityAreas: L, activityRecords: P } = Q(), d = b("all"), m = b(null), p = b(null), y = b(1), _ = at(
+      async ({ signal: e }) => {
+        const t = h.id.value;
+        if (t === null) return null;
+        const a = { id: t, page: y.value, per_page: 20, ...d.value === "all" ? {} : { area: d.value }, ...m.value ? { from: m.value } : {}, ...p.value ? { to: p.value } : {} };
+        return (await E.request(W.usersActivity, a, { signal: e })).data;
+      },
+      { watch: () => h.id.value }
+    );
+    R([d, m, p], () => {
+      y.value = 1, _.reload();
+    }), R(y, () => void _.reload());
+    const $ = (e) => {
+      if (e === "all" || e === "identity" || e === "other") return o(`core.users.activity.areas.${e}`);
+      const t = L[e];
+      return t && k(t) ? o(t) : o("core.users.activity.areas.other");
+    }, F = V(() => _.data.value?.meta?.views ?? []), K = V(() => {
+      const e = F.value.filter((t) => t.key === "all" || t.key === d.value || t.count > 0).map((t) => ({ value: t.key, label: $(t.key), badge: t.count }));
+      return e.length > 0 ? e : [{ value: "all", label: $("all") }];
+    }), O = (e, t) => {
+      const a = P[e];
+      return a && k(a.labelKey) ? { text: `${o(a.labelKey)} #${t}`, to: a.to?.(t) } : { text: `${e} #${t}`, to: void 0 };
+    }, S = (e) => k(`core.users.activity.actions.${e}`) ? o(`core.users.activity.actions.${e}`) : o("core.users.activity.actions.other"), j = V(() => {
+      const e = [];
+      for (const t of _.data.value?.data ?? []) {
+        const a = { row: t, record: O(t.record_type, t.record_id) }, i = t.created_at.slice(0, 10), n = e[e.length - 1];
+        n && n.key === i ? n.rows.push(a) : e.push({ key: i, header: w.date(t.created_at), rows: [a] });
+      }
+      return e;
+    });
+    return (e, t) => (l(), f("div", ot, [
+      v(st, {
+        title: s(o)("core.users.sections.activity"),
+        description: s(o)("core.users.intro.activity", { name: s(h).data.value?.name ?? "" })
+      }, null, 8, ["title", "description"]),
+      r("div", nt, [
+        v(s(z), {
+          modelValue: d.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => d.value = a),
+          tabs: K.value,
+          presentation: "scope",
+          label: s(o)("core.users.activity.areas_label")
+        }, null, 8, ["modelValue", "tabs", "label"]),
+        r("div", lt, [
+          v(s(B), {
+            modelValue: m.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => m.value = a),
+            label: s(o)("core.users.activity.since"),
+            max: p.value ?? void 0
+          }, null, 8, ["modelValue", "label", "max"]),
+          v(s(B), {
+            modelValue: p.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (a) => p.value = a),
+            label: s(o)("core.users.activity.until"),
+            min: m.value ?? void 0
+          }, null, 8, ["modelValue", "label", "min"])
+        ])
+      ]),
+      v(s(tt), {
+        state: s(_).state.value,
+        "skeleton-rows": 5,
+        "is-empty": () => !1,
+        onRetry: t[4] || (t[4] = (a) => s(_).reload())
+      }, {
+        default: u(({ value: a }) => [
+          !a || a.data.length === 0 ? (l(), f("p", it, c(s(o)("core.users.activity.empty")), 1)) : (l(), f("div", rt, [
+            (l(!0), f(C, null, N(j.value, (i) => (l(), g(s(H), {
+              key: i.key,
+              header: i.header
+            }, {
+              default: u(() => [
+                (l(!0), f(C, null, N(i.rows, ({ row: n, record: x }) => (l(), g(s(J), {
+                  key: n.id,
+                  layout: "setting",
+                  label: S(n.action),
+                  "data-activity-row": ""
+                }, {
+                  leading: u(() => [
+                    v(s(T), {
+                      tone: "anchor",
+                      icon: "listCheck"
+                    })
+                  ]),
+                  sub: u(() => [
+                    r("span", ut, [
+                      r("span", null, c($(n.area)), 1),
+                      t[5] || (t[5] = r("span", { "aria-hidden": "true" }, "·", -1)),
+                      x.to ? (l(), g(s(I), {
+                        key: 0,
+                        to: x.to,
+                        class: "text-content-link",
+                        "data-activity-link": ""
+                      }, {
+                        default: u(() => [
+                          U(c(x.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to"])) : (l(), f("span", ct, c(x.text), 1))
+                    ])
+                  ]),
+                  default: u(() => [
+                    n.signed_in_as ? (l(), g(s(et), {
+                      key: 0,
+                      tone: "warning",
+                      "data-activity-signed-in-as": ""
+                    }, {
+                      default: u(() => [
+                        U(c(n.signed_in_as.name ? s(o)("core.users.activity.signed_in_as", { name: n.signed_in_as.name }) : s(o)("core.users.activity.signed_in_as_other")), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : A("", !0),
+                    r("span", dt, c(s(w).time(n.created_at)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["header"]))), 128))
+          ])),
+          a ? (l(), g(X, {
+            key: 2,
+            page: y.value,
+            "onUpdate:page": t[3] || (t[3] = (i) => y.value = i),
+            "last-page": a.last_page,
+            total: a.total
+          }, null, 8, ["page", "last-page", "total"])) : A("", !0),
+          r("p", mt, c(s(o)("core.users.activity.footer")), 1)
+        ]),
+        _: 1
+      }, 8, ["state"])
+    ]));
+  }
+});
+export {
+  At as default
+};