@antelopejs/dms 0.9.8 → 0.11.0

package/frontend-vue/layers/dms-layout/app/utils/breadcrumb.ts

@@ -49,3 +49,60 @@ export function buildBreadcrumbTarget(
 
   return buildPageTarget(path, metadata.validation, currentQuery);
 }
+
+/** The crumb a folded breadcrumb shows for the crumbs it hides. */
+export interface FoldedCrumbs<T> {
+  isFolded: true;
+  slot: string;
+  children: T[];
+}
+
+export function isFoldedCrumbs<T>(
+  crumb: T | FoldedCrumbs<T>,
+): crumb is FoldedCrumbs<T> {
+  return (crumb as Partial<FoldedCrumbs<T>>).isFolded === true;
+}
+
+/**
+ * A phone's breadcrumb: the first and the last crumb, the ones between
+ * folded into one `slot` crumb. A single crumb between them stays as it is,
+ * a "…" holding one name only hid it.
+ */
+export function foldBreadcrumb<T>(
+  crumbs: readonly T[],
+  slot: string,
+): (T | FoldedCrumbs<T>)[] {
+  if (crumbs.length <= 3) return [...crumbs];
+  return [
+    crumbs[0]!,
+    { isFolded: true, slot, children: crumbs.slice(1, -1) },
+    crumbs.at(-1)!,
+  ];
+}
+
+/** What a crumb is compared on: the URL it opens. */
+interface LinkedCrumb {
+  to?: unknown;
+}
+
+/**
+ * `crumbs` with the crumb of the page the current one is a detail of
+ * (`MenuOptions.parent`) before the last, unless a crumb already opens it:
+ * a hidden detail page then leads back to its list.
+ */
+export function withParentCrumb<T extends object>(
+  crumbs: readonly T[],
+  parent: T | null | undefined,
+): T[] {
+  if (!parent || crumbs.length < 2) return [...crumbs];
+  const parentTo = (parent as LinkedCrumb).to;
+  if (
+    crumbs.some(
+      (crumb) =>
+        parentTo !== undefined && (crumb as LinkedCrumb).to === parentTo,
+    )
+  ) {
+    return [...crumbs];
+  }
+  return [...crumbs.slice(0, -1), parent, crumbs.at(-1)!];
+}

package/frontend-vue/layers/dms-layout/app/utils/pageQuery.ts

@@ -57,3 +57,29 @@ export function layoutUrlWithQuery(
   const search = new URLSearchParams(query).toString();
   return search ? `${layoutUrl}?${search}` : layoutUrl;
 }
+
+/**
+ * A page path or layout URL with its `:name` segments filled from `params`;
+ * a segment `params` has no value for stays as it is. The page's layout route
+ * reads them as the page URL's own.
+ */
+export function fillRouteParams(
+  layoutUrl: string,
+  params: Record<string, string>,
+): string {
+  return layoutUrl.replace(/:([^/]+)/g, (segment, name: string) =>
+    name in params ? params[name]! : segment,
+  );
+}
+
+/** Whether two sets of route parameters hold the same values. */
+export function isSameRouteParams(
+  left: Record<string, string>,
+  right: Record<string, string>,
+): boolean {
+  const names = Object.keys(left);
+  return (
+    names.length === Object.keys(right).length &&
+    names.every((name) => left[name] === right[name])
+  );
+}

package/frontend-vue/layers/dms-layout/i18n/locales/layout-en-GB.json

@@ -100,6 +100,10 @@
       "no_content_title": "No content available",
       "no_content_message": "This page has not been configured yet. Please contact the administrator."
     },
+    "record_deleted": {
+      "title": "Deleted",
+      "description": "What this page showed was deleted. It is no longer available."
+    },
     "no_visible_blocks": {
       "title": "Nothing to show for you here",
       "description": "Your role doesn’t let you see any part of this page. Ask a workspace owner for access."
@@ -188,6 +192,8 @@
         "mark_unread": "Mark unread",
         "delete": "Delete",
         "delete_one": "Delete notification",
+        "delete_one_title": "Delete this notification?",
+        "delete_one_description": "It leaves your inbox for good. This can’t be undone.",
         "empty_title": "You’re all caught up",
         "empty_description": "New notifications land here. Choose what you receive in Preferences above.",
         "loading_more": "Loading older notifications · {count} more",
@@ -647,6 +653,10 @@
           "tab": {
             "title": "Tabs",
             "description": "Pages split into tabs."
+          },
+          "livetoggle": {
+            "title": "Live toggle",
+            "description": "Pages with a Live / Pause switch."
           }
         }
       },
@@ -722,6 +732,7 @@
     "open": "Open",
     "owner_badge": "Platform owners",
     "refresh": "Refresh",
+    "browse_store": "Browse the store",
     "empty": {
       "title": "No module is installed yet",
       "description": "Modules are added to the project with the AntelopeJS CLI, then appear here after a restart."
@@ -734,11 +745,15 @@
     },
     "installed": {
       "title": "Installed",
-      "description": "Status and a live readout for each module. Open a module to pick up where you left off."
+      "description": "Status, a live readout and the store actions of each module, paused ones included. Open a module to start from its home page."
     },
     "store": {
       "title": "Module store",
-      "description": "Official AntelopeJS modules: install, update, pause or remove them without touching the project’s code.",
+      "description": "Official AntelopeJS modules to discover and install. An installed module is managed from its tile among the installed modules.",
+      "back": "Installed modules",
+      "installed": "Installed",
+      "view_installed": "View in installed modules",
+      "update_available": "Update available",
       "scope": {
         "label": "Show",
         "all": "All · {count}",
@@ -749,16 +764,16 @@
         "available": "Available",
         "busy": "Working",
         "active": "Active",
-        "disabled": "Paused",
-        "error": "Failed",
+        "disabled": "Inactive",
+        "error": "Error",
         "pending": "Not applied",
-        "update_available": "Update"
+        "update_available": "Update available"
       },
       "actions": {
         "install": "Install",
         "update": "Update",
         "enable": "Resume",
-        "disable": "Pause",
+        "disable": "Pause (keep the configuration)",
         "uninstall": "Uninstall",
         "apply": "Apply",
         "manage": "Manage"
@@ -783,9 +798,10 @@
       "no_release": "The npm registry has no release of it this platform can read",
       "locked": "Another module is being changed",
       "pending_hint": "antelope.config.ts and the running platform disagree: Apply brings them in line.",
+      "working_copy_hint": "Local copy declared in antelope.config.ts.",
       "uninstall_confirm": {
         "title": "Uninstall {module}?",
-        "description": "{module} stops and leaves the menu. Its data (collections, files, settings) stays in place and comes back if you install it again."
+        "description": "{module} stops and leaves the menu. Its data (collections, files, settings) stays in place and comes back if you install it again. Its configuration block is removed from antelope.config.ts."
       },
       "action_failed": "{module} could not be changed",
       "errors": {
@@ -793,8 +809,10 @@
         "store_module_unknown": "This module is not in the catalog.",
         "store_disabled": "The store is read-only on this platform.",
         "store_invalid_state": "The module changed in the meantime. The list is up to date again.",
+        "store_working_copy": "This module runs from a local copy that antelope.config.ts declares: change it there.",
         "unauthorized": "Only platform owners manage modules.",
-        "store_module_required": "Other running modules need this one. Remove them first."
+        "store_module_required": "Other running modules need this one. Remove them first.",
+        "store_module_used_by_project": "The project’s code uses this module: remove that use before uninstalling it."
       },
       "frontend": {
         "dev": {
@@ -812,7 +830,7 @@
       },
       "disabled": {
         "title": "The store is read-only here",
-        "description": "Modules are installed from development, which writes them to antelope.config.ts; this platform loads what that file declares. Set store.enabled to true in the DMS configuration to change them from here."
+        "description": "Modules are installed from development, which writes them to antelope.config.ts; this platform loads what that file declares. Change them from development."
       },
       "load_error": "The module store could not be loaded",
       "search_placeholder": "Search the store",
@@ -823,15 +841,17 @@
       },
       "all_installed": {
         "title": "Every official module is installed",
-        "description": "New modules from the AntelopeJS catalog will show up here."
+        "description": "Nothing is left to install. New modules from the AntelopeJS catalog will show up here.",
+        "show_all": "Show all modules"
       },
       "category": {
         "ai": "AI",
+        "analytics": "Analytics",
         "business": "Business",
+        "communication": "Communication",
         "content": "Content",
         "data": "Data",
         "developer": "Developer",
-        "growth": "Growth",
         "operations": "Operations"
       },
       "catalog": {
@@ -891,6 +911,8 @@
       "requires": "Requires: {interfaces}",
       "requires_first": "Needs {interfaces}, which no running module implements: install a module that does first.",
       "used_by": "Used by: {modules}. Remove them first.",
+      "used_by_project": "The project’s code uses this module: remove that use before uninstalling it.",
+      "dependents": "Used by: {modules}",
       "frontend_version": {
         "label": "dms-frontend {version}",
         "reported": "Reported by the running frontend server",
@@ -926,12 +948,19 @@
     },
     "category_other": "Other",
     "status": {
-      "live": "Live",
+      "live": "Active",
       "beta": "Beta",
-      "update": "Update",
-      "attention": "Attention"
+      "update": "Update available",
+      "attention": "Attention",
+      "restart_required": "Restart required"
+    },
+    "source": {
+      "npm": "npm",
+      "github": "GitHub",
+      "gitlab": "GitLab",
+      "git": "Git",
+      "local": "Local"
     },
-    "update_available": "update available",
     "no_result": {
       "title": "No installed module matches “{query}”",
       "title_filtered": "No installed module matches these filters",
@@ -1015,9 +1044,7 @@
     "footer": {
       "documentation": "Documentation",
       "website": "Website",
-      "language": "Language",
-      "github_star": "Star",
-      "github_star_label": "Star AntelopeJS DMS on GitHub"
+      "language": "Language"
     }
   },
   "error": {

package/frontend-vue/layers/dms-layout/i18n/locales/layout-fr-FR.json

@@ -100,6 +100,10 @@
       "no_content_title": "Aucun contenu disponible",
       "no_content_message": "Cette page n'a pas encore été configurée. Veuillez contacter l'administrateur."
     },
+    "record_deleted": {
+      "title": "Supprimé",
+      "description": "Ce que montrait cette page a été supprimé. Il n’est plus disponible."
+    },
     "no_visible_blocks": {
       "title": "Rien à afficher pour vous ici",
       "description": "Votre rôle ne vous permet de voir aucune partie de cette page. Demandez l’accès à un propriétaire de l’espace."
@@ -188,6 +192,8 @@
         "mark_unread": "Marquer non lu",
         "delete": "Supprimer",
         "delete_one": "Supprimer la notification",
+        "delete_one_title": "Supprimer cette notification ?",
+        "delete_one_description": "Elle quitte définitivement votre boîte de réception. Cette action est irréversible.",
         "empty_title": "Vous êtes à jour",
         "empty_description": "Les nouvelles notifications arrivent ici. Choisissez ce que vous recevez dans les préférences ci-dessus.",
         "loading_more": "Chargement des notifications plus anciennes · {count} de plus",
@@ -651,6 +657,10 @@
           "tab": {
             "title": "Onglets",
             "description": "Pages découpées en onglets."
+          },
+          "livetoggle": {
+            "title": "Direct / Pause",
+            "description": "Pages avec un bouton Direct / Pause."
           }
         }
       },
@@ -726,6 +736,7 @@
     "open": "Ouvrir",
     "owner_badge": "Propriétaires de la plateforme",
     "refresh": "Actualiser",
+    "browse_store": "Accéder au store",
     "empty": {
       "title": "Aucun module n’est encore installé",
       "description": "Les modules s’ajoutent au projet avec la CLI AntelopeJS, puis apparaissent ici après un redémarrage."
@@ -738,11 +749,15 @@
     },
     "installed": {
       "title": "Installés",
-      "description": "L’état et un relevé en direct de chaque module. Ouvrez un module pour reprendre là où vous en étiez."
+      "description": "L’état, un relevé en direct et les actions du store de chaque module, ceux en pause compris. Ouvrez un module pour arriver sur sa page d’accueil."
     },
     "store": {
       "title": "Store de modules",
-      "description": "Les modules officiels AntelopeJS : installez-les, mettez-les à jour, mettez-les en pause ou retirez-les sans toucher au code du projet.",
+      "description": "Les modules officiels AntelopeJS, à découvrir et à installer. Un module installé se gère depuis sa tuile parmi les modules installés.",
+      "back": "Modules installés",
+      "installed": "Installé",
+      "view_installed": "Voir dans les modules installés",
+      "update_available": "Mise à jour disponible",
       "scope": {
         "label": "Afficher",
         "all": "Tous · {count}",
@@ -753,16 +768,16 @@
         "available": "Disponible",
         "busy": "En cours",
         "active": "Actif",
-        "disabled": "En pause",
-        "error": "Échec",
+        "disabled": "Inactif",
+        "error": "Erreur",
         "pending": "Non appliqué",
-        "update_available": "Mise à jour"
+        "update_available": "Mise à jour disponible"
       },
       "actions": {
         "install": "Installer",
         "update": "Mettre à jour",
         "enable": "Reprendre",
-        "disable": "Mettre en pause",
+        "disable": "Mettre en pause (garder la configuration)",
         "uninstall": "Désinstaller",
         "apply": "Appliquer",
         "manage": "Gérer"
@@ -787,9 +802,10 @@
       "no_release": "Le registre npm ne propose aucune version lisible depuis cette plateforme",
       "locked": "Un autre module est en cours de modification",
       "pending_hint": "antelope.config.ts et la plateforme ne concordent pas : Appliquer les remet d’accord.",
+      "working_copy_hint": "Copie locale déclarée dans antelope.config.ts.",
       "uninstall_confirm": {
         "title": "Désinstaller {module} ?",
-        "description": "{module} s’arrête et quitte le menu. Ses données (collections, fichiers, réglages) restent en place et reviennent si vous le réinstallez."
+        "description": "{module} s’arrête et quitte le menu. Ses données (collections, fichiers, réglages) restent en place et reviennent si vous le réinstallez. Son bloc de configuration est retiré d’antelope.config.ts."
       },
       "action_failed": "{module} n’a pas pu être modifié",
       "errors": {
@@ -797,8 +813,10 @@
         "store_module_unknown": "Ce module n’est pas dans le catalogue.",
         "store_disabled": "Le store est en lecture seule sur cette plateforme.",
         "store_invalid_state": "Le module a changé entre-temps. La liste est de nouveau à jour.",
+        "store_working_copy": "Ce module tourne depuis une copie locale déclarée dans antelope.config.ts : modifiez-le là.",
         "unauthorized": "Seuls les propriétaires de la plateforme gèrent les modules.",
-        "store_module_required": "D’autres modules en cours d’exécution ont besoin de celui-ci. Retirez-les d’abord."
+        "store_module_required": "D’autres modules en cours d’exécution ont besoin de celui-ci. Retirez-les d’abord.",
+        "store_module_used_by_project": "Le code du projet utilise ce module : retirez cet usage avant de le désinstaller."
       },
       "frontend": {
         "dev": {
@@ -816,7 +834,7 @@
       },
       "disabled": {
         "title": "Le store est en lecture seule ici",
-        "description": "Les modules s’installent depuis le développement, qui les écrit dans antelope.config.ts ; cette plateforme charge ce que déclare ce fichier. Passez store.enabled à true dans la configuration du DMS pour les modifier d’ici."
+        "description": "Les modules s’installent depuis le développement, qui les écrit dans antelope.config.ts ; cette plateforme charge ce que déclare ce fichier. Modifiez-les depuis le développement."
       },
       "load_error": "Le store de modules n’a pas pu être chargé",
       "search_placeholder": "Rechercher dans le store",
@@ -827,15 +845,17 @@
       },
       "all_installed": {
         "title": "Tous les modules officiels sont installés",
-        "description": "Les nouveaux modules du catalogue AntelopeJS apparaîtront ici."
+        "description": "Il ne reste rien à installer. Les nouveaux modules du catalogue AntelopeJS apparaîtront ici.",
+        "show_all": "Afficher tous les modules"
       },
       "category": {
         "ai": "IA",
+        "analytics": "Mesure d'audience",
         "business": "Business",
+        "communication": "Communication",
         "content": "Contenu",
         "data": "Données",
         "developer": "Développement",
-        "growth": "Croissance",
         "operations": "Opérations"
       },
       "catalog": {
@@ -895,6 +915,8 @@
       "requires": "Requiert : {interfaces}",
       "requires_first": "Demande {interfaces}, qu’aucun module en cours d’exécution n’implémente : installez d’abord un module qui le fait.",
       "used_by": "Utilisé par : {modules}. Retirez-les d’abord.",
+      "used_by_project": "Le code du projet utilise ce module : retirez cet usage avant de le désinstaller.",
+      "dependents": "Utilisé par : {modules}",
       "frontend_version": {
         "label": "dms-frontend {version}",
         "reported": "Indiquée par le serveur frontend en cours d’exécution",
@@ -932,10 +954,17 @@
     "status": {
       "live": "Actif",
       "beta": "Bêta",
-      "update": "Mise à jour",
-      "attention": "Attention"
+      "update": "Mise à jour disponible",
+      "attention": "Attention",
+      "restart_required": "Redémarrage requis"
+    },
+    "source": {
+      "npm": "npm",
+      "github": "GitHub",
+      "gitlab": "GitLab",
+      "git": "Git",
+      "local": "Local"
     },
-    "update_available": "mise à jour disponible",
     "no_result": {
       "title": "Aucun module installé ne correspond à « {query} »",
       "title_filtered": "Aucun module installé ne correspond à ces filtres",
@@ -1019,9 +1048,7 @@
     "footer": {
       "documentation": "Documentation",
       "website": "Site web",
-      "language": "Langue",
-      "github_star": "Star",
-      "github_star_label": "Mettre une étoile à AntelopeJS DMS sur GitHub"
+      "language": "Langue"
     }
   },
   "error": {

package/frontend-vue/layers/dms-ui/app/build/components/containers/TargetComponentTree.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+// The component of a drawer, modal or side panel action target that holds
+// blocks of its own (a Card, a VStack, a Grid, a Tab): drawn as a page draws
+// a layout block, its children mounted in its slots. The container's own
+// props (`rowData`, `navigation`, `onSuccessCallback`…) and listeners go to
+// the container block, as they go to a single block.
+import { useAttrs } from "vue";
+import DmsRecursiveComponent from "../../../components/RecursiveComponent.vue";
+
+defineOptions({ inheritAttrs: false });
+
+interface Props {
+  /** The container block, its children resolved and filled with the row. */
+  targetTree: ResolvedComponentInfo;
+  pageId: string;
+  componentId: string;
+}
+
+defineProps<Props>();
+
+const attrs = useAttrs();
+</script>
+
+<template>
+  <DmsRecursiveComponent
+    :component="targetTree"
+    :page-id="pageId"
+    :component-id="componentId"
+    :root-props="attrs"
+  />
+</template>

package/frontend-vue/layers/dms-ui/app/build/components/containers/constants.ts

@@ -1,2 +1,27 @@
 /** Placeholder field rows shown while the container body resolves. */
 export const CONTAINER_SKELETON_FIELDS = 4;
+
+/**
+ * The placeholder rows' grid: two columns once the drawer or modal body has
+ * a form's room for them (FieldRow's 560px step), whatever the window.
+ */
+export const CONTAINER_SKELETON_CLASS = "grid gap-4 @min-[560px]:grid-cols-2";
+
+/**
+ * The backdrop of a closing drawer or modal: it lets a click through to the
+ * page as soon as the close starts and fades out quickly (at once with reduced
+ * motion), while the panel still animates out and returns focus. Important:
+ * reka sets `pointer-events: auto` inline on the overlay, and vaul's
+ * unlayered rules time a drawer's fade.
+ */
+export const CLOSING_OVERLAY_CLASS =
+  "data-[state=closed]:pointer-events-none! data-[state=closed]:[animation-duration:100ms]! motion-reduce:data-[state=closed]:[animation:none]!";
+
+/**
+ * The panel of a drawer, modal or slideover a closing dialog uncovered (see
+ * `UNCOVERED_ATTRIBUTE` in `closingLayers.ts`): it takes clicks again while
+ * the one above animates out. Important: reka keeps `pointer-events: none`
+ * inline on it until the one above has unmounted.
+ */
+export const UNCOVERED_PANEL_CLASS =
+  "data-[dms-uncovered]:pointer-events-auto!";