@jskit-ai/users-web 0.2.23 → 0.2.25

package/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## Unreleased
 
+- Account settings read their operations from users-core's `userProfileContract` and `userSettingsContract`.
 - Account settings sections are pages in Material 3's list-detail layout (shell-web's `ShellListDetail`): `/account` lists the sections and `/account/<section>` opens one, instead of `?section=` on one page. `AccountSettingsClientElement` reads the route's `section` param and links each section to its path, keeping `returnTo`; on compact and medium windows it shows the list or one section, whose Up returns to the list, and on expanded and large windows the list beside the open section (or the first section on the list's own page), where Done replaces Up as the way out. The `users/account-settings` pattern adds `src/pages/account/[section].vue`, with parent `"/"`. Upgrading: add that page beside `src/pages/account/index.vue`, and change links to `/account?section=<value>` into `/account/<value>`.
 - Account settings have one way out: on a page with the shell's Up arrow (one that declares a parent) there is no Done action beside it, which read as a second back control. Done shows only where Up can't go back: a page without a parent, or a `returnTo` on another of the app's origins.
 - Account settings use Material 3's label type and single-column form: the section list's labels are label-large (14px/500) instead of Vuetify's 13px nav title, and `ProfileClientElement`'s and the pattern's display name and email each take the form's full width, so a long email no longer truncates in a half-width column.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/users-web",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "type": "module",
   "scripts": {
     "test": "jskit test"
@@ -13,15 +13,15 @@
     "./locales/en.json": "./locales/en.json"
   },
   "dependencies": {
-    "@jskit-ai/uploads-image-web": "0.2.13",
-    "@jskit-ai/users-core": "0.2.15"
+    "@jskit-ai/uploads-image-web": "0.2.15",
+    "@jskit-ai/users-core": "0.2.17"
   },
   "peerDependencies": {
-    "@jskit-ai/auth-web": "0.2.18",
-    "@jskit-ai/http-runtime": "0.2.13",
-    "@jskit-ai/http-web": "0.2.21",
-    "@jskit-ai/kernel": "0.2.13",
-    "@jskit-ai/shell-web": "0.2.16",
+    "@jskit-ai/auth-web": "0.2.20",
+    "@jskit-ai/http-runtime": "0.2.15",
+    "@jskit-ai/http-web": "0.2.23",
+    "@jskit-ai/kernel": "0.2.15",
+    "@jskit-ai/shell-web": "0.2.18",
     "@tanstack/vue-query": "^5.90.5",
     "vue": "^3.5.13",
     "vue-router": "^5.0.4",

package/src/client/composables/useAccountSettingsRuntime.js

@@ -10,8 +10,8 @@ import {
 } from "@jskit-ai/shell-web/client/placement";
 import { useShellWebErrorRuntime } from "@jskit-ai/shell-web/client/error";
 import { ROUTE_VISIBILITY_PUBLIC } from "@jskit-ai/kernel/shared/support/visibility";
-import { userProfileResource } from "@jskit-ai/users-core/shared/resources/userProfileResource";
-import { userSettingsResource } from "@jskit-ai/users-core/shared/resources/userSettingsResource";
+import { userProfileContract } from "@jskit-ai/users-core/shared/resources/userProfileResource";
+import { userSettingsContract } from "@jskit-ai/users-core/shared/resources/userSettingsResource";
 import { useAddEdit } from "@jskit-ai/http-web/client/composables/useAddEdit";
 import { useCommand } from "@jskit-ai/http-web/client/composables/useCommand";
 import { useView } from "@jskit-ai/http-web/client/composables/useView";
@@ -250,7 +250,7 @@ function useAccountSettingsRuntime() {
 
   const profileAddEdit = useAddEdit({
     ownershipFilter: OWNERSHIP_PUBLIC,
-    resource: userProfileResource,
+    resource: userProfileContract,
     apiSuffix: "/settings/profile",
     queryKeyFactory: () => accountProfileWriteQueryKey,
     readEnabled: false,
@@ -260,7 +260,7 @@ function useAccountSettingsRuntime() {
     fieldErrorKeys: ["displayName"],
     model: profileForm,
     mapLoadedToModel: mapAccountSettingsPayload,
-    input: userProfileResource.operations.patch.body,
+    input: userProfileContract.operations.patch.body,
     buildRawPayload: (model) => ({
       displayName: String(model.displayName || "").trim()
     }),
@@ -289,7 +289,7 @@ function useAccountSettingsRuntime() {
 
   const preferencesAddEdit = useAddEdit({
     ownershipFilter: OWNERSHIP_PUBLIC,
-    resource: userSettingsResource,
+    resource: userSettingsContract,
     apiSuffix: "/settings/preferences",
     queryKeyFactory: () => accountPreferencesWriteQueryKey,
     readEnabled: false,
@@ -299,7 +299,7 @@ function useAccountSettingsRuntime() {
     fieldErrorKeys: ["theme", "locale", "timeZone", "dateFormat", "numberFormat", "currencyCode", "avatarSize"],
     model: preferencesForm,
     mapLoadedToModel: mapAccountSettingsPayload,
-    input: userSettingsResource.operations.preferencesUpdate.body,
+    input: userSettingsContract.operations.preferencesUpdate.body,
     buildRawPayload: (model) => ({
       theme: model.theme,
       locale: model.locale,
@@ -317,7 +317,7 @@ function useAccountSettingsRuntime() {
 
   const notificationsAddEdit = useAddEdit({
     ownershipFilter: OWNERSHIP_PUBLIC,
-    resource: userSettingsResource,
+    resource: userSettingsContract,
     apiSuffix: "/settings/notifications",
     queryKeyFactory: () => accountNotificationsWriteQueryKey,
     readEnabled: false,
@@ -326,7 +326,7 @@ function useAccountSettingsRuntime() {
     fallbackSaveError: t("jskit.users.accountSettings.notifications.saveFailed"),
     model: notificationsForm,
     mapLoadedToModel: mapAccountSettingsPayload,
-    input: userSettingsResource.operations.notificationsUpdate.body,
+    input: userSettingsContract.operations.notificationsUpdate.body,
     buildRawPayload: (model) => ({
       productUpdates: Boolean(model.productUpdates),
       accountActivity: Boolean(model.accountActivity),