@antelopejs/dms 0.9.3 → 0.9.4

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## v0.9.4
+
+[compare changes](https://github.com/AntelopeJS/dms/compare/v0.9.3...v0.9.4)
+
+### 🩹 Fixes
+
+- **docs:** Use a sandbox-compatible temporary build database ([#326](https://github.com/AntelopeJS/dms/pull/326))
+- Install DMS frontend with the root workspace ([#322](https://github.com/AntelopeJS/dms/pull/322))
+- **modules:** Top-align card content and place readouts below descriptions ([#328](https://github.com/AntelopeJS/dms/pull/328))
+- **modules:** Reuse registered names in the store ([#330](https://github.com/AntelopeJS/dms/pull/330))
+
+### 📖 Documentation
+
+- Create the DMS demo through the CLI in quickstart ([#327](https://github.com/AntelopeJS/dms/pull/327))
+
+### 🏡 Chore
+
+- **docs:** Capture temporary MongoDB startup diagnostics ([#325](https://github.com/AntelopeJS/dms/pull/325))
+
+### ❤️ Contributors
+
+- Antony Rizzitelli <rizzitelli.antony@pm.me>
+
 ## v0.9.3
 
 [compare changes](https://github.com/AntelopeJS/dms/compare/v0.9.2...v0.9.3)

package/frontend-vue/layers/dms-layout/app/build/components/pages/modules/ModuleTile.vue

@@ -6,8 +6,8 @@ import type { StatusPillDot } from "#dms-ui/app/components/status-pill/StatusPil
 
 // v2 .mc-tile, the frame of the Modules page's tiles: an installed module's
 // card (a link into it) or a store module's dashed placeholder. Both read
-// the same: icon and status, the name low in the tile, its description, a
-// mono footer band.
+// the same: icon and status, name and description, optional content, and a
+// bottom-aligned mono footer band.
 
 /** The status pill of the tile's head. */
 export interface ModuleTileStatus {
@@ -31,7 +31,7 @@ interface ModuleTileProps {
 }
 
 interface ModuleTileSlots {
-  /** Above the name (a live readout). */
+  /** Under the description (a live readout). */
   readout?: () => unknown;
   /** Under the description (an install command). */
   default?: () => unknown;
@@ -49,7 +49,7 @@ const theme = tv({
   slots: {
     root: "flex min-h-[228px] flex-col gap-3 overflow-hidden px-4 pt-4",
     footer:
-      "text-dimmed -mx-4 mt-0.5 flex items-center gap-2 border-t border-(--ui-border-muted) ps-4 pe-3 font-mono text-[11px] font-medium",
+      "text-dimmed -mx-4 mt-auto flex items-center gap-2 border-t border-(--ui-border-muted) ps-4 pe-3 font-mono text-[11px] font-medium",
   },
   variants: {
     isPlaceholder: {
@@ -99,10 +99,8 @@ const ui = computed(() =>
       />
     </div>
 
-    <slot name="readout" />
-
     <div
-      class="text-highlighted mt-auto truncate text-lg font-[650] tracking-[-0.02em]"
+      class="text-highlighted truncate text-lg font-[650] tracking-[-0.02em]"
     >
       {{ props.title }}
     </div>
@@ -110,6 +108,8 @@ const ui = computed(() =>
       {{ props.description }}
     </p>
 
+    <slot name="readout" />
+
     <slot />
 
     <div :class="ui.footer()">

package/frontend-vue/layers/dms-layout/app/build/utils/module-store-catalog.ts

@@ -1,5 +1,6 @@
 import type { Tone } from "#dms-ui/app/types/tone";
 import type { StatusPillDot } from "#dms-ui/app/components/status-pill/StatusPill.vue";
+import type { ModuleCatalogEntry } from "../../types/page";
 import type {
   StoreListingEntry,
   StoreModuleState,
@@ -84,9 +85,17 @@ const INSTALLED_STATES = new Set<StoreModuleState>([
   "pending",
 ]);
 
-export function toModuleStoreEntry(entry: StoreListingEntry): ModuleStoreEntry {
+export function toModuleStoreEntry(
+  entry: StoreListingEntry,
+  registeredModules: readonly Pick<ModuleCatalogEntry, "id" | "title">[] = [],
+): ModuleStoreEntry {
   return {
     ...entry,
+    // The registration also names Installed and navigation. Keep the catalog
+    // fallback for unloaded modules, whose translations may not be served.
+    title:
+      registeredModules.find((module) => module.id === entry.id)?.title ??
+      entry.title,
     catalogCategory: `${CATEGORY_PREFIX}.${entry.category}`,
   };
 }

package/frontend-vue/layers/dms-layout/app/custom-pages/modules.vue

@@ -236,7 +236,9 @@ const isStoreLoading = computed(
 );
 const storeModules = computed(() =>
   sortStoreModules(
-    (storeListing.value?.modules ?? []).map(toModuleStoreEntry),
+    (storeListing.value?.modules ?? []).map((entry) =>
+      toModuleStoreEntry(entry, modulesListing.modules.value ?? []),
+    ),
     processI18n,
   ),
 );

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

@@ -836,7 +836,7 @@
       },
       "catalog": {
         "ai": {
-          "title": "AI assistant",
+          "title": "Assistant",
           "description": "A coding agent that inspects your modules and edits the project, for development."
         },
         "api": {

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

@@ -840,7 +840,7 @@
       },
       "catalog": {
         "ai": {
-          "title": "Assistant IA",
+          "title": "Assistant",
           "description": "Un agent de code qui inspecte vos modules et modifie le projet, pour le développement."
         },
         "api": {
@@ -876,7 +876,7 @@
           "description": "Analytique de trafic sans cookie, entonnoirs de conversion avec tests A/B et cartes de clics."
         },
         "media": {
-          "title": "Médias",
+          "title": "Médiathèque",
           "description": "Médiathèque avec dossiers, permissions par dossier et déclinaisons d’images."
         },
         "saas": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antelopejs/dms",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "The AntelopeJS dashboard management system: admin dashboards declared in TypeScript, with auth and tenancy, data management, file uploads, notifications and realtime.",
   "keywords": [
     "antelopejs",