@hgdc/ui 0.58.0 → 0.60.0

package/README.md

@@ -112,7 +112,7 @@ Couleurs pleines ; pour éclaircir, mélanger au blanc `color-mix(in oklab, …)
 - produit : `"build": "hgdc-brand sync mail && vite build"` (et en tête de `dev`), les six fichiers de `family/app/<mot>/` dans `public/`, listés dans le `.gitignore` ; `--email-as <fichier>` y ajoute l'icône d'e-mail du produit sous un ancien nom ;
 - site hgdc.ch : `hgdc-brand emails public/email`, les `<mot>.png` servis à `EMAIL_ICON_BASE`.
 
-Sur ordinateur, la coque ouvre sur la barre des produits (ADR 0011) : organisation en haut, pastilles des produits ouverts, Account en bas, chacun par son entrée `/auth/hgdc?next=/`, le produit courant en teinte. Au survol (150 ms d'intention) ou au focus clavier, elle s'élargit par-dessus la page et écrit les noms. `productRail={false}` la coupe ; `accountHref` pointe vers un Account local. La barre latérale porte la marque du produit et se réduit en rail (`Ctrl+B`, mémorisé) : poser `sidebarInitScript` dans le `<head>`. En rail, la pastille du produit devient le bouton « Déplier » au survol. Le kit ne connaît ni routeur ni authentification : liens par `render={<Link />}`, actions par callbacks. Rôles d'organisation : `owner`, `admin`, `member` (Propriétaire, Admin, Membre).
+Sur ordinateur, la coque ouvre sur la barre des produits (ADR 0011) : organisation en haut, Manager en tête puis pastilles des produits ouverts, chacun par son entrée `/auth/hgdc?next=/`, le produit courant en teinte. Au survol (150 ms d'intention) ou au focus clavier, elle s'élargit par-dessus la page et écrit les noms. `productRail={false}` la coupe ; `accountHref` pointe vers un Manager local. La barre latérale porte la marque du produit et se réduit en rail (`Ctrl+B`, mémorisé) : poser `sidebarInitScript` dans le `<head>`. En rail, la pastille du produit devient le bouton « Déplier » au survol. Le kit ne connaît ni routeur ni authentification : liens par `render={<Link />}`, actions par callbacks. Rôles d'organisation : `owner`, `admin`, `member` (Propriétaire, Admin, Membre).
 
 ## Contenu et données
 

package/dist/app-shell.js

@@ -16,7 +16,7 @@ import { AssistantButton, AssistantPanel, ASSISTANT_SIDE_BY_SIDE, useAssistantSh
 import { ShellContext } from "./shell-context.js";
 import { familyProductName } from "./shell-frame.js";
 import { OtherViewLink, ShellCommonLinks } from "./shell-links.js";
-import { rememberShellNavHeight } from "./shell-memory.js";
+import { rememberLastProduct, rememberShellNavHeight } from "./shell-memory.js";
 import { ProductRailShownContext, ShellLeaveContext, StatusPageContext } from "./shell-placement.js";
 import { SidebarHead } from "./sidebar-head.js";
 import { useToggleShortcut } from "./sidebar-rail.js";
@@ -73,6 +73,7 @@ export function AppShell({ product, organization, productRail: productRailOption
     // barre latérale à la prochaine arrivée sur ce produit.
     useIsomorphicLayoutEffect(() => {
         document.documentElement.dataset.hgdcProduct = product;
+        rememberLastProduct(product);
     }, [product]);
     const navHeight = useRef(0);
     useEffect(() => {

package/dist/products.d.ts

@@ -73,6 +73,8 @@ export declare function productEntryHref(word: string, origins?: Readonly<Record
  */
 export declare const PRODUCT_ENTRY_REFRESH_QUERY = "refresh=background&next=/";
 export declare const HGDC_ACCOUNT: HgdcCatalogProduct;
+/** Manager : les organisations, leurs membres et leurs rôles. En tête du menu et de la barre des produits. */
+export declare const HGDC_MANAGER: HgdcCatalogProduct;
 /** Les produits de la famille, dans leur ordre d'affichage. Account n'en fait pas partie (`HGDC_ACCOUNT`). */
 export declare const HGDC_PRODUCTS: ReadonlyArray<HgdcCatalogProduct>;
 /** Vrai si le produit répond déjà (en service ou en préversion). */
@@ -90,9 +92,9 @@ export type ProductMenuEntry = {
     hint?: string;
 };
 /**
- * Les entrées du menu du compte : Account d'abord, puis les produits ouverts. `current` est le
- * mot du produit affiché (« Mail ») : il est coché. `accountHref` remplace l'adresse d'Account
- * (un Account local en développement). Chaque produit pointe vers son entrée (`entryHref`) :
+ * Les entrées du menu du compte : Manager d'abord, puis les autres produits ouverts. `current` est le
+ * mot du produit affiché (« Mail ») : il est coché. `accountHref` remplace l'adresse de Manager
+ * (un Manager local en développement). Chaque produit pointe vers son entrée (`entryHref`) :
  * un clic ouvre l'app avec la session HGDC, pas la page d'accueil publique.
  */
 export declare function productMenuEntries(options?: {
@@ -121,10 +123,10 @@ export type ProductRailEntry = {
     sameOrigin?: boolean;
 };
 /**
- * Les entrées de la barre des produits : les produits ouverts du catalogue et Account, affiché en
- * tête (le compte commun, pas un produit). Chaque produit pointe vers son entrée
- * `/auth/hgdc?refresh=background&next=/` (ADR 0010, 0013, 0016), Account vers sa racine (`accountHref` en
- * développement). Le produit courant pointe vers sa racine, sans détour par l'entrée.
+ * Les entrées de la barre des produits : Manager, affiché en tête, puis les autres produits ouverts du
+ * catalogue. Chaque produit pointe vers son entrée
+ * `/auth/hgdc?refresh=background&next=/` (ADR 0010, 0013, 0016), Manager aussi, ou vers `accountHref` en
+ * développement. Le produit courant pointe vers sa racine, sans détour par l'entrée.
  *
  * `pageOrigin` (`location.origin`, absent au rendu serveur) : un produit servi sous cette origine
  * (`PRODUCT_ORIGINS`, `app.hgdc.ch/<produit>`) reçoit un lien relatif et `sameOrigin` (ADR 0020),

package/dist/products.js

@@ -70,6 +70,8 @@ function product(word, pitch, icon, stage) {
 /** HGDC Account : le compte commun (profil, sécurité, organisations), hors du catalogue des produits. */
 const account = product("Account", "Ton compte : profil, sécurité et organisations, pour tous les produits de la famille.", UserCircleIcon, "live");
 export const HGDC_ACCOUNT = { ...account, entryHref: account.href };
+/** Manager : les organisations, leurs membres et leurs rôles. En tête du menu et de la barre des produits. */
+export const HGDC_MANAGER = product("Manager", "Tes organisations, leurs membres et leurs rôles.", UserGroupIcon, "live");
 /** Les produits de la famille, dans leur ordre d'affichage. Account n'en fait pas partie (`HGDC_ACCOUNT`). */
 export const HGDC_PRODUCTS = [
     product("Host", "Ton site en ligne, déployé à chaque modification.", Rocket01Icon, "live"),
@@ -80,7 +82,7 @@ export const HGDC_PRODUCTS = [
     product("Docs", "Ta documentation en ligne, avec un assistant qui y répond.", BookOpen01Icon, "live"),
     product("IAssistant", "Une bulle de chat IA sur ton site, qui répond à tes visiteurs.", BubbleChatIcon, "preview"),
     id(),
-    product("Manager", "Tes organisations, leurs membres et leurs rôles.", UserGroupIcon, "live"),
+    HGDC_MANAGER,
 ];
 /** ID, le compte de connexion ouvert aux applications tierces : pas d'entrée `/auth/hgdc`, sa racine. */
 function id() {
@@ -92,16 +94,16 @@ export function isProductOpen(item) {
     return item.stage !== "soon";
 }
 /**
- * Les entrées du menu du compte : Account d'abord, puis les produits ouverts. `current` est le
- * mot du produit affiché (« Mail ») : il est coché. `accountHref` remplace l'adresse d'Account
- * (un Account local en développement). Chaque produit pointe vers son entrée (`entryHref`) :
+ * Les entrées du menu du compte : Manager d'abord, puis les autres produits ouverts. `current` est le
+ * mot du produit affiché (« Mail ») : il est coché. `accountHref` remplace l'adresse de Manager
+ * (un Manager local en développement). Chaque produit pointe vers son entrée (`entryHref`) :
  * un clic ouvre l'app avec la session HGDC, pas la page d'accueil publique.
  */
 export function productMenuEntries(options = {}) {
     const current = options.current?.toLowerCase();
-    const accountHref = options.accountHref ?? HGDC_ACCOUNT.entryHref;
-    const account = { ...HGDC_ACCOUNT, href: accountHref, entryHref: accountHref };
-    return [account, ...(options.catalog ?? HGDC_PRODUCTS).filter(isProductOpen)].map((item) => ({
+    const { manager, others } = managerFirst(options.catalog ?? HGDC_PRODUCTS);
+    const head = manager && options.accountHref ? { ...manager, entryHref: options.accountHref } : manager;
+    return [...(head ? [head] : []), ...others.filter(isProductOpen)].map((item) => ({
         name: item.name,
         href: item.entryHref,
         badge: item.badge,
@@ -126,10 +128,10 @@ export function sameOriginPath(href, pageOrigin) {
     }
 }
 /**
- * Les entrées de la barre des produits : les produits ouverts du catalogue et Account, affiché en
- * tête (le compte commun, pas un produit). Chaque produit pointe vers son entrée
- * `/auth/hgdc?refresh=background&next=/` (ADR 0010, 0013, 0016), Account vers sa racine (`accountHref` en
- * développement). Le produit courant pointe vers sa racine, sans détour par l'entrée.
+ * Les entrées de la barre des produits : Manager, affiché en tête, puis les autres produits ouverts du
+ * catalogue. Chaque produit pointe vers son entrée
+ * `/auth/hgdc?refresh=background&next=/` (ADR 0010, 0013, 0016), Manager aussi, ou vers `accountHref` en
+ * développement. Le produit courant pointe vers sa racine, sans détour par l'entrée.
  *
  * `pageOrigin` (`location.origin`, absent au rendu serveur) : un produit servi sous cette origine
  * (`PRODUCT_ORIGINS`, `app.hgdc.ch/<produit>`) reçoit un lien relatif et `sameOrigin` (ADR 0020),
@@ -151,11 +153,18 @@ export function productRailEntries(options = {}) {
         const path = product ? sameOriginPath(href, pageOrigin) : null;
         return path === null ? { ...base, href } : { ...base, href: path, sameOrigin: true };
     };
+    const { manager, others } = managerFirst(options.catalog ?? HGDC_PRODUCTS);
+    const head = manager ?? HGDC_MANAGER;
     return {
-        products: (options.catalog ?? HGDC_PRODUCTS).filter(isProductOpen).map((item) => entry(item, item.entryHref, true)),
-        account: entry(HGDC_ACCOUNT, options.accountHref ?? HGDC_ACCOUNT.entryHref, false),
+        products: others.filter(isProductOpen).map((item) => entry(item, item.entryHref, true)),
+        account: entry(head, options.accountHref ?? head.entryHref, options.accountHref === undefined),
     };
 }
+/** Manager du catalogue, s'il y est, sorti des autres produits : il prend la place d'Account en tête. */
+function managerFirst(catalog) {
+    const manager = catalog.find((item) => item.badge === "manager" && isProductOpen(item));
+    return { manager, others: catalog.filter((item) => item !== manager) };
+}
 /**
  * Lien vers l'autre vue du même produit (ADR 0014) : depuis `app.hgdc.ch/<mot>`, « Ouvrir seul » vers
  * `<mot>.hgdc.ch` ; depuis `<mot>.hgdc.ch`, « Ouvrir dans app.hgdc.ch ». Passe par l'entrée

package/dist/shell-memory.d.ts

@@ -2,6 +2,8 @@
 export declare const SHELL_ORG_KEY = "hgdc-shell:org";
 /** Hauteur en pixels de la navigation d'un produit : `hgdc-shell:nav:<produit>`. */
 export declare const SHELL_NAV_KEY_PREFIX = "hgdc-shell:nav:";
+/** Dernier produit ouvert (son mot), en `localStorage` : l'accueil d'`app.hgdc.ch` y renvoie. */
+export declare const SHELL_LAST_PRODUCT_KEY = "hgdc-shell:last";
 /** Passage d'un produit à l'autre (horodatage), en `sessionStorage`. */
 export declare const SHELL_SWITCH_KEY = "hgdc-shell:switch";
 /** Au-delà, un passage noté n'est plus celui qu'on vit (onglet laissé, retour bien plus tard). */
@@ -63,6 +65,8 @@ export declare function rememberShellOrganization(org: {
 export declare function forgetShellOrganization(): void;
 /** Retient la hauteur de la navigation d'un produit (`AppShell` le fait après l'affichage). */
 export declare function rememberShellNavHeight(product: string, height: number): void;
+/** Retient le produit affiché (`AppShell` le fait), pour que l'accueil d'`app.hgdc.ch` y renvoie. */
+export declare function rememberLastProduct(product: string): void;
 /** Note le départ vers un autre produit (clic dans la barre des produits). */
 export declare function markProductSwitch(now?: number): void;
 /** Lit et efface la note : vrai si la page vient d'un passage depuis la barre, il y a peu. */

package/dist/shell-memory.js

@@ -18,6 +18,8 @@ import { PRODUCT_ORIGINS } from "./products.js";
 export const SHELL_ORG_KEY = "hgdc-shell:org";
 /** Hauteur en pixels de la navigation d'un produit : `hgdc-shell:nav:<produit>`. */
 export const SHELL_NAV_KEY_PREFIX = "hgdc-shell:nav:";
+/** Dernier produit ouvert (son mot), en `localStorage` : l'accueil d'`app.hgdc.ch` y renvoie. */
+export const SHELL_LAST_PRODUCT_KEY = "hgdc-shell:last";
 /** Passage d'un produit à l'autre (horodatage), en `sessionStorage`. */
 export const SHELL_SWITCH_KEY = "hgdc-shell:switch";
 /** Au-delà, un passage noté n'est plus celui qu'on vit (onglet laissé, retour bien plus tard). */
@@ -162,6 +164,12 @@ export function rememberShellNavHeight(product, height) {
         return;
     storageSet("localStorage", SHELL_NAV_KEY_PREFIX + product, String(Math.round(height)));
 }
+/** Retient le produit affiché (`AppShell` le fait), pour que l'accueil d'`app.hgdc.ch` y renvoie. */
+export function rememberLastProduct(product) {
+    if (!browser())
+        return;
+    storageSet("localStorage", SHELL_LAST_PRODUCT_KEY, product);
+}
 /** Note le départ vers un autre produit (clic dans la barre des produits). */
 export function markProductSwitch(now = Date.now()) {
     if (!browser())

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hgdc/ui",
-  "version": "0.58.0",
+  "version": "0.60.0",
   "description": "Interface de la H Collection : jetons de la DA, thèmes, polices et composants.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/hugogebel-boop/hgdc-kit/tree/main/packages/ui#readme",