@tekkare/romulus 0.1.247 → 0.1.248

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.246",
+  "version": "0.1.247",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/layer/app/components/OipShell.vue

@@ -62,8 +62,12 @@ const props = withDefaults(
     sections: OipNavSection[];
     /** Partie du hub ouverte, parmi app.config.oip.parts. */
     appKey?: string;
-    /** Maillon de partie pose a la main, pour une app sans `parts`. */
+    /** Maillon de partie pose a la main (lien deja localise), pour une app sans `parts`. */
     part?: { label: string; to: string } | null;
+    /** Maillon sous la partie (ex. la profession ouverte d'un annuaire). */
+    subPart?: { label: string; to: string } | null;
+    /** Sections de la barre gauche depliees par defaut. */
+    navDefaultOpen?: boolean;
     /** Remplace app.config.oip.home quand le maillon pays est dynamique. */
     home?: OipExternalCrumb | null;
     /**
@@ -88,7 +92,7 @@ const props = withDefaults(
      */
     panelProps?: Partial<Record<OipRailTileKey, Record<string, unknown>>>;
   }>(),
-  { flag: "fr", appKey: "", part: null, home: undefined, tiles: () => ({}), superAdmin: false, userName: "", hideTabs: false, panelProps: () => ({}) },
+  { flag: "fr", appKey: "", part: null, subPart: null, navDefaultOpen: false, home: undefined, tiles: () => ({}), superAdmin: false, userName: "", hideTabs: false, panelProps: () => ({}) },
 );
 
 /** Tuile ouverte, ou null quand la toolbar est fermee. */
@@ -167,7 +171,9 @@ const partLabel = (part: { label: string; labelEn?: string }) =>
 const currentPart = computed(() => config.parts.find((p) => p.key === props.appKey) ?? null);
 
 /** Route d'accueil de la partie courante, sinon de l'app. */
-const appTo = computed(() => localePath(currentPart.value?.to ?? props.part?.to ?? "/"));
+const appTo = computed(() =>
+  currentPart.value ? localePath(currentPart.value.to) : props.part?.to ?? localePath("/"),
+);
 
 const crumbLabel = useOipCrumbLabel();
 
@@ -251,8 +257,9 @@ const crumbs = computed(() => {
     ...(currentPart.value
       ? [{ label: partLabel(currentPart.value), to: appTo.value, menu: partMenu.value }]
       : props.part
-        ? [{ label: props.part.label, to: localePath(props.part.to) }]
+        ? [{ label: props.part.label, to: props.part.to }]
         : []),
+    ...(props.subPart ? [{ label: props.subPart.label, to: props.subPart.to }] : []),
     // Sur une fiche, la page d'origine reste dans le fil avant elle.
     ...(activeItem.value || !originPage.value || !props.sections.length
       ? []
@@ -501,6 +508,7 @@ const tekkareLogo = tekkareLogoRaw.replaceAll('fill="#2100AD"', 'fill="currentCo
         :title="title"
         :flag="flag"
         :title-to="appTo"
+        :default-open="navDefaultOpen"
         :sections="navSections"
         :active-path="currentPath"
         :collapsed="collapsed"

package/layer/app/components/panels/OipPanelNotes.vue

@@ -43,6 +43,8 @@
 </template>
 
 <script setup lang="ts">
+import type { Note } from "../../notes/types";
+
 const props = withDefaults(
   defineProps<{
     appKey?: string;
@@ -56,19 +58,21 @@ const props = withDefaults(
      * l'ouvrir plus largement (toute adresse @tekkare.com).
      */
     showOrigin?: boolean;
+    /** Notes encore ecrites dans le code de l'app (cf. useOipNotes). */
+    localNotes?: Note[];
   }>(),
-  { sourceUuids: () => [], superAdmin: false, showOrigin: undefined },
+  { sourceUuids: () => [], superAdmin: false, showOrigin: undefined, localNotes: () => [] },
 );
 
 const { locale } = useI18n();
 const router = useRouter();
-const { notes, categories, refresh } = useOipNotes(() => props.sourceUuids);
+const { notes, categories, refresh } = useOipNotes(() => props.sourceUuids, () => props.localNotes);
 
 const showOrigin = computed(() => props.showOrigin ?? props.superAdmin);
 
 const ORIGIN = {
-  fr: { subject: "sujet", source: "source" },
-  en: { subject: "subject", source: "source" },
+  fr: { subject: "sujet", source: "source", local: "code" },
+  en: { subject: "subject", source: "source", local: "code" },
 } as const;
 
 const shownNotes = computed(() => {
@@ -80,7 +84,19 @@ const shownNotes = computed(() => {
 const isEditorOpen = ref(false);
 const editingId = ref<string | null>(null);
 
+const notify = useOipNotify();
+
 function openEditor(id: string) {
+  // Une note encore portee par un module TS n'a pas d'identifiant Directus.
+  if (notes.value.find((note) => note.id === id)?.match === "local") {
+    notify(
+      locale.value === "en"
+        ? "This note still lives in the app code: enter it in Directus first."
+        : "Cette note vit encore dans le code de l'app : saisissez-la dans Directus avant de la corriger ici.",
+      "info",
+    );
+    return;
+  }
   editingId.value = id;
   isEditorOpen.value = true;
 }

package/layer/app/components/panels/OipPanelSources.vue

@@ -14,7 +14,21 @@
   <div class="src_tabs">
     <div v-if="!showTables" class="src_sources">
       <p class="src_heading">Sources</p>
+      <!-- Sources rangees par groupe (essais, publications...) quand l'app
+           les classe ; sinon une seule liste. -->
+      <template v-if="sourceGroups?.length">
+        <section v-for="group in sourceGroups" :key="group.name" class="src_group_block">
+          <h2 class="src_group_heading">{{ group.title ?? groupTitle(group.name) }}</h2>
+          <OipSourceGroups
+            :uuids="group.ids ?? []"
+            :primary-uuid="primaryUuid && group.ids?.includes(primaryUuid) ? primaryUuid : undefined"
+            :lang="locale === 'en' ? 'en' : 'fr'"
+            :editable="superAdmin"
+          />
+        </section>
+      </template>
       <OipSourceGroups
+        v-else
         :uuids="uuids"
         :primary-uuid="primaryUuid"
         :lang="locale === 'en' ? 'en' : 'fr'"
@@ -150,8 +164,13 @@ const props = withDefaults(
     view?: "sources" | "tables";
     /** Droit a l'onglet Tables (licence Databank, admins), connu de l'app. */
     canSeeTables?: boolean;
+    /**
+     * Sources rangees par groupe : une section par groupe, titree par
+     * `title` ou par le nom technique mis en forme. Remplace `uuids`.
+     */
+    sourceGroups?: { name: string; title?: string; ids?: string[] }[];
   }>(),
-  { superAdmin: false, uuids: () => [], primaryUuid: undefined, view: "sources", canSeeTables: false },
+  { superAdmin: false, uuids: () => [], primaryUuid: undefined, view: "sources", canSeeTables: false, sourceGroups: () => [] },
 );
 
 const { locale } = useI18n();
@@ -160,6 +179,10 @@ const isFr = computed(() => locale.value !== "en");
 const { groups, pending, readable } = useOipSourceTableGroups(() => props.canSeeTables);
 const showTables = computed(() => props.view === "tables");
 
+// "clinicalTrials" -> "Clinical Trials" : le nom technique du groupe sert de titre.
+const groupTitle = (name: string) =>
+  name.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (c) => c.toUpperCase());
+
 // Les tables se lisent d'abord par leur nom : le detail se deplie a la demande.
 const opened = ref(new Set<string>());
 const isOpen = (key: string) => opened.value.has(key);
@@ -202,6 +225,21 @@ function copy(value: string) {
   width: 100%;
 }
 
+.src_group_block {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.src_group_heading {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: var(--font-12);
+  font-weight: var(--weight-semibold);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
 .src_heading {
   margin: 0;
   color: var(--text-primary);

package/layer/app/composables/useOipNotes.ts

@@ -26,7 +26,7 @@ import { noteCategories } from "../notes/categories";
 import type { ApiNote, Note } from "../notes/types";
 
 /** Une note de l'ecran, avec ce qui l'y a amenee. */
-export type OipShownNote = Note & { match: "subject" | "source" };
+export type OipShownNote = Note & { match: "subject" | "source" | "local" };
 
 /**
  * `/en/hubr/heart`, `/hubr/heart` et `/hubr/heart/` designent le meme ecran.
@@ -44,7 +44,25 @@ function normalize(url: string) {
  * les connait (elle les montre deja dans la tuile « Sources ») et les passe
  * ici ; une note qui les cite suit ces jeux d'un ecran a l'autre.
  */
-export function useOipNotes(sourceUuids: MaybeRefOrGetter<string[] | undefined>) {
+/** Un chemin de note locale vers son motif (`*` : un segment, `$` : exact). */
+function matcher(pattern: string) {
+  const exact = pattern.endsWith("$");
+  const body = (exact ? pattern.slice(0, -1) : pattern)
+    .split("*")
+    .map((part) => part.replace(/[.+?^${}()|[\]\\]/g, "\\$&"))
+    .join("[^/]+");
+  return new RegExp(`^${body}${exact ? "$" : "(/|$)"}`);
+}
+
+/**
+ * `localNotes` : notes encore ecrites dans le code de l'app (modules TS), pas
+ * dans Directus. Une note de page sort sur les chemins qu'elle cite, une note
+ * d'app partout ; un titre deja servi par Directus ne sort pas deux fois.
+ */
+export function useOipNotes(
+  sourceUuids: MaybeRefOrGetter<string[] | undefined>,
+  localNotes: MaybeRefOrGetter<Note[] | undefined> = [],
+) {
   const { locale } = useI18n();
   const route = useRoute();
 
@@ -81,7 +99,16 @@ export function useOipNotes(sourceUuids: MaybeRefOrGetter<string[] | undefined>)
       }
     }
 
-    return [...page, ...fromSource];
+    const served = new Set([...page, ...fromSource].map((note) => note.title.trim().toLowerCase()));
+    const all = toValue(localNotes) ?? [];
+    const local: OipShownNote[] = [
+      ...all.filter((note) => note.scope !== "app" && (note.paths ?? []).some((p) => matcher(p).test(path))),
+      ...all.filter((note) => note.scope === "app"),
+    ]
+      .filter((note) => !served.has(note.title.trim().toLowerCase()))
+      .map((note) => ({ ...note, match: "local" as const }));
+
+    return [...local, ...page, ...fromSource];
   });
 
   const categories = computed(() => noteCategories(lang.value));

package/layer/app/notes/types.ts

@@ -38,6 +38,13 @@ export interface Note {
    * categorie. Absent vaut `page`, le cas courant.
    */
   scope?: "page" | "app";
+  /**
+   * Notes locales seulement (modules TS d'une app, cf. useOipNotes) : ecrans
+   * concernes, par prefixe de chemin sans locale. `*` vaut un segment (un
+   * identifiant de fiche), un `$` final restreint au chemin exact. Ignore en
+   * `app`.
+   */
+  paths?: string[];
   /** Date ISO de derniere revision editoriale du texte. */
   updated: string;
   title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/romulus",
-  "version": "0.1.247",
+  "version": "0.1.248",
   "description": "Romulus Design System - Nuxt module by Tekkare",
   "license": "MIT",
   "type": "module",