@broberg/app-shell 0.4.0 → 0.5.0

package/dist/preact.d.cts

@@ -444,6 +444,13 @@ interface AccountPageProps {
      * reauth: that is a normal state here, not an error.
      */
     reauthHref?: string;
+    /**
+     * F095.5 — called with the profile AS THE SERVER NOW HOLDS IT after every
+     * successful change (name saved, picture uploaded, picture removed), so the
+     * host can update the shell's user menu at once. Not called on load or on a
+     * failed save.
+     */
+    onProfileChange?: (profile: AccountProfile) => void;
 }
 /** `/auth/login?returnTo=<this page>` — back here after signing in. */
 declare function defaultReauthHref(): string;
@@ -455,6 +462,6 @@ declare function defaultReauthHref(): string;
  * changes the name, the field shows that. On a failed save the field keeps the
  * typed text, so nothing is lost and the error says why.
  */
-declare function AccountPage({ lang, adapter, reauthHref }: AccountPageProps): JSX.Element;
+declare function AccountPage({ lang, adapter, reauthHref, onProfileChange }: AccountPageProps): JSX.Element;
 
 export { AVATAR_MAX_BYTES, AVATAR_TYPES, type AccountAdapter, AccountError, AccountPage, type AccountPageProps, type AccountProfile, AppShell, type AppShellProps, Avatar, type Lang, type NavGroup, type NavItem, type Navigate, NotificationBell, type NotificationBellProps, type NotificationSource, PageHeader, type PageTab, PageTabs, type PreactNavGroup, type PreactNavItem, type ShellUser, Sidebar, type SidebarProps, TEXT, TopBar, type TopBarProps, UserMenu, type UserMenuItem, type UserMenuProps, accountErrorKind, activeNavLabel, badgeLabel, checkAvatarFile, createFetchAccountAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };

package/dist/preact.d.ts

@@ -444,6 +444,13 @@ interface AccountPageProps {
      * reauth: that is a normal state here, not an error.
      */
     reauthHref?: string;
+    /**
+     * F095.5 — called with the profile AS THE SERVER NOW HOLDS IT after every
+     * successful change (name saved, picture uploaded, picture removed), so the
+     * host can update the shell's user menu at once. Not called on load or on a
+     * failed save.
+     */
+    onProfileChange?: (profile: AccountProfile) => void;
 }
 /** `/auth/login?returnTo=<this page>` — back here after signing in. */
 declare function defaultReauthHref(): string;
@@ -455,6 +462,6 @@ declare function defaultReauthHref(): string;
  * changes the name, the field shows that. On a failed save the field keeps the
  * typed text, so nothing is lost and the error says why.
  */
-declare function AccountPage({ lang, adapter, reauthHref }: AccountPageProps): JSX.Element;
+declare function AccountPage({ lang, adapter, reauthHref, onProfileChange }: AccountPageProps): JSX.Element;
 
 export { AVATAR_MAX_BYTES, AVATAR_TYPES, type AccountAdapter, AccountError, AccountPage, type AccountPageProps, type AccountProfile, AppShell, type AppShellProps, Avatar, type Lang, type NavGroup, type NavItem, type Navigate, NotificationBell, type NotificationBellProps, type NotificationSource, PageHeader, type PageTab, PageTabs, type PreactNavGroup, type PreactNavItem, type ShellUser, Sidebar, type SidebarProps, TEXT, TopBar, type TopBarProps, UserMenu, type UserMenuItem, type UserMenuProps, accountErrorKind, activeNavLabel, badgeLabel, checkAvatarFile, createFetchAccountAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };

package/dist/preact.js

@@ -1002,7 +1002,7 @@ function defaultReauthHref() {
   const here = typeof location === "undefined" ? "/" : location.pathname + location.search;
   return `/auth/login?returnTo=${encodeURIComponent(here)}`;
 }
-function AccountPage({ lang, adapter, reauthHref }) {
+function AccountPage({ lang, adapter, reauthHref, onProfileChange }) {
   const t = TEXT[lang];
   const api = useMemo(() => adapter ?? createFetchAccountAdapter(), [adapter]);
   const [profile, setProfile] = useState(null);
@@ -1041,7 +1041,9 @@ function AccountPage({ lang, adapter, reauthHref }) {
     setBusy(what);
     setNotice(null);
     try {
-      apply(await op());
+      const p = await op();
+      apply(p);
+      onProfileChange?.(p);
       setNotice({ kind: "ok", text: okText });
     } catch (e) {
       fail(e, t.couldNotSave);
@@ -1051,7 +1053,7 @@ function AccountPage({ lang, adapter, reauthHref }) {
   };
   const onSaveName = (e) => {
     e.preventDefault();
-    if (busy || reauth) return;
+    if (busy || reauth || unchanged) return;
     void run("name", () => api.saveName(draft), t.saved);
   };
   const onFile = (e) => {
@@ -1071,6 +1073,7 @@ function AccountPage({ lang, adapter, reauthHref }) {
     void run("avatar", () => api.removeAvatar(), t.pictureRemoved);
   };
   const locked = reauth || busy !== null || profile === null;
+  const unchanged = draft.trim() === (profile?.name ?? "").trim();
   const user = { name: profile?.name ?? void 0, email: profile?.email ?? void 0, picture: profile?.picture ?? void 0 };
   return /* @__PURE__ */ jsxs("section", { class: "bas-account", "data-testid": "account-page", "aria-busy": busy !== null, children: [
     reauth ? /* @__PURE__ */ jsxs("div", { class: "bas-account__note is-reauth", role: "alert", "data-testid": "account-reauth", children: [
@@ -1145,7 +1148,7 @@ function AccountPage({ lang, adapter, reauthHref }) {
               "data-testid": "account-name-input"
             }
           ),
-          /* @__PURE__ */ jsx("button", { type: "submit", class: "bas-account__btn is-primary", disabled: locked, "data-testid": "account-name-save", children: busy === "name" ? t.saving : t.save })
+          /* @__PURE__ */ jsx("button", { type: "submit", class: "bas-account__btn is-primary", disabled: locked || unchanged, "data-testid": "account-name-save", children: busy === "name" ? t.saving : t.save })
         ] })
       ] }),
       profile.account_url ? /* @__PURE__ */ jsx(NavLink, { href: profile.account_url, class: "bas-account__link", "data-testid": "account-bid-link", children: t.bidSecurity }) : null