@hgdc/ui 0.7.0 → 0.8.0

package/README.md

@@ -39,16 +39,16 @@ Primitives déjà là : `avatar` `badge` `button` `dialog` `drawer` `dropdown-me
 
 ## Coque des consoles
 
-| Import         | Exemple                                                                                                                                                                |
-| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `app-shell`    | `<AppShell sidebarHeader={<OrgSwitcher …/>} nav={<SidebarNav label="Projet">…</SidebarNav>} sidebarFooter={<AccountMenu …/>}>`                                         |
-|                | `<SidebarNavItem icon={Rocket01Icon} label="Déploiements" render={<Link to="/deployments" />} />`                                                                      |
-| `org-switcher` | `<OrgSwitcher organizations={orgs} activeId={org.id} onSelect={go} createHref="/organisations/nouvelle" />`                                                            |
-| `account-menu` | `<AccountMenu user={user} onProfile={…} onSecurity={…} onSignOut={signOut} product="Mail" />` : Account et les produits ouverts du catalogue, Mail coché               |
-| `command-menu` | `<CommandMenu groups={[{ label: "Aller à", items }, { label: "Créer", items }, { label: "Changer", items }]} />` (`Ctrl+K`), `<CommandMenuButton compact="mobile" …/>` |
-| `products`     | `HGDC_PRODUCTS` (mot, nom, sous-domaine, phrase, icône, état), `HGDC_ACCOUNT`, `productMenuEntries({ current: "Mail" })`                                               |
-| `kbd`          | `<KbdGroup><Kbd>Ctrl</Kbd><Kbd>K</Kbd></KbdGroup>`                                                                                                                     |
-| `page-header`  | `<PageHeader title="Domaines" breadcrumbs={[{ label: "Acme", render: <Link to="/o/acme" /> }, { label: "Domaines" }]} actions={<Button>Ajouter</Button>} />`           |
+| Import         | Exemple                                                                                                                                                                                                       |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `app-shell`    | `<AppShell sidebarHeader={<OrgSwitcher …/>} nav={<SidebarNav label="Projet">…</SidebarNav>} sidebarFooter={<AccountMenu …/>}>`                                                                                |
+|                | `<SidebarNavItem icon={Rocket01Icon} label="Déploiements" render={<Link to="/deployments" />} />`                                                                                                             |
+| `org-switcher` | `<OrgSwitcher organizations={orgs} activeId={org.id} onSelect={go} createHref="/organisations/nouvelle" />`                                                                                                   |
+| `account-menu` | `<AccountMenu user={user} onProfile={…} onSecurity={…} onSignOut={signOut} product="Mail" />` : Account et les produits ouverts du catalogue, Mail coché                                                      |
+| `command-menu` | `<CommandMenu groups={[{ label: "Aller à", items }, { label: "Créer", items }, { label: "Changer", items }]} />` (`Ctrl+K`), `<CommandMenuButton compact="mobile" …/>`                                        |
+| `products`     | `HGDC_PRODUCTS` (mot, nom, sous-domaine, phrase, icône, état, `entryHref`), `HGDC_ACCOUNT`, `productMenuEntries({ current: "Mail" })` : chaque produit du menu pointe vers son entrée `/auth/hgdc` (ADR 0010) |
+| `kbd`          | `<KbdGroup><Kbd>Ctrl</Kbd><Kbd>K</Kbd></KbdGroup>`                                                                                                                                                            |
+| `page-header`  | `<PageHeader title="Domaines" breadcrumbs={[{ label: "Acme", render: <Link to="/o/acme" /> }, { label: "Domaines" }]} actions={<Button>Ajouter</Button>} />`                                                  |
 
 La barre se réduit en rail (`Ctrl+B`, mémorisé) : poser `sidebarInitScript` dans le `<head>`. 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).
 

package/dist/products.d.ts

@@ -11,7 +11,13 @@ export type HgdcCatalogProduct = {
     name: string;
     /** « host.hgdc.ch ». */
     subdomain: string;
+    /** Page d'accueil publique : `https://host.hgdc.ch`. */
     href: string;
+    /**
+     * Entrée dans l'app avec la session HGDC Account (`PRODUCT_ENTRY_PATH`), sans page d'accueil
+     * ni bouton de connexion. Pour Account, sa racine.
+     */
+    entryHref: string;
     /** Une phrase, au tutoiement. */
     pitch: string;
     icon: IconSvgElement;
@@ -22,7 +28,12 @@ export type HgdcCatalogProduct = {
      */
     accent?: EmailAccent | undefined;
 };
-/** HGDC Account : le compte commun (profil, sécurité, organisations), hors du catalogue des produits. */
+/**
+ * Chemin de l'entrée commune des produits, le `HGDC_ENTRY_PATH` de `@hgdc/auth` : chaque produit
+ * le monte (`createHgdcEntry`). Il ouvre l'app avec la session HGDC Account, sans formulaire
+ * quand cette session existe.
+ */
+export declare const PRODUCT_ENTRY_PATH = "/auth/hgdc";
 export declare const HGDC_ACCOUNT: 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>;
@@ -41,7 +52,8 @@ export type ProductMenuEntry = {
 /**
  * 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).
+ * (un Account 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?: {
     current?: string | undefined;

package/dist/products.js

@@ -11,13 +11,21 @@ export const PRODUCT_STAGE_LABEL = {
     preview: "Préversion",
     soon: "Bientôt",
 };
+/**
+ * Chemin de l'entrée commune des produits, le `HGDC_ENTRY_PATH` de `@hgdc/auth` : chaque produit
+ * le monte (`createHgdcEntry`). Il ouvre l'app avec la session HGDC Account, sans formulaire
+ * quand cette session existe.
+ */
+export const PRODUCT_ENTRY_PATH = "/auth/hgdc";
 function product(word, pitch, icon, stage) {
     const subdomain = `${word.toLowerCase()}.hgdc.ch`;
+    const href = `https://${subdomain}`;
     return {
         word,
         name: `HGDC ${word}`,
         subdomain,
-        href: `https://${subdomain}`,
+        href,
+        entryHref: `${href}${PRODUCT_ENTRY_PATH}`,
         pitch,
         icon,
         stage,
@@ -25,7 +33,8 @@ function product(word, pitch, icon, stage) {
     };
 }
 /** HGDC Account : le compte commun (profil, sécurité, organisations), hors du catalogue des produits. */
-export const HGDC_ACCOUNT = product("Account", "Ton compte HGDC : profil, sécurité et organisations, pour tous les produits.", UserCircleIcon, "live");
+const account = product("Account", "Ton compte HGDC : profil, sécurité et organisations, pour tous les produits.", UserCircleIcon, "live");
+export const HGDC_ACCOUNT = { ...account, entryHref: account.href };
 /** 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, "preview"),
@@ -42,14 +51,16 @@ export function isProductOpen(item) {
 /**
  * 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).
+ * (un Account 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 account = { ...HGDC_ACCOUNT, href: options.accountHref ?? HGDC_ACCOUNT.href };
+    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) => ({
         name: item.name,
-        href: item.href,
+        href: item.entryHref,
         icon: item.icon,
         ...(item.word.toLowerCase() === current ? { current: true } : {}),
         ...(item.stage === "preview" ? { hint: PRODUCT_STAGE_LABEL.preview } : {}),

package/package.json

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