@glossarist/concept-browser 0.7.24 → 0.7.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glossarist/concept-browser",
-  "version": "0.7.24",
+  "version": "0.7.26",
   "description": "Vue SPA for browsing Glossarist terminology datasets with cross-reference resolution, graph visualization, and multi-language support",
   "type": "module",
   "bin": {

package/src/adapters/factory.ts

@@ -46,7 +46,18 @@ export class AdapterFactory {
       await Promise.all(needManifest.map(a => a.loadManifest().catch(() => {})));
     }
 
+    // Register all datasets' URI patterns eagerly so cross-dataset refs resolve
+    for (const adapter of adapters) {
+      if (adapter.manifest) {
+        this.registerUriPatterns(adapter.registerId, adapter.manifest);
+      }
+    }
+    for (const adapter of this.adapters.values()) {
+      adapter.setUrnMap(this.urnMap);
+    }
+
     return adapters;
+
   }
 
   getAdapter(registerId: string): DatasetAdapter | undefined {
@@ -57,6 +68,29 @@ export class AdapterFactory {
     return [...this.adapters.values()];
   }
 
+
+  private registerUriPatterns(registerId: string, manifest: Manifest): void {
+    const uriPatterns = [
+      manifest.datasetUri,
+      ...(manifest.uriAliases ?? []),
+      manifest.uriBase ? `${manifest.uriBase}/${registerId}/*` : undefined,
+    ].filter(Boolean) as string[];
+    this.resolver.registerDataset(registerId, uriPatterns);
+
+    if (manifest.ref) {
+      this.resolver.registerSourceRef(manifest.ref, registerId, manifest.datasetUri);
+    }
+    for (const alias of manifest.refAliases ?? []) {
+      this.resolver.registerSourceRef(alias, registerId, manifest.datasetUri);
+    }
+
+    if (manifest.datasetUri) this.urnMap.set(manifest.datasetUri, registerId);
+    for (const alias of manifest.uriAliases ?? []) {
+      const base = alias.endsWith('*') ? alias.slice(0, -1) : alias;
+      if (base.startsWith('urn:')) this.urnMap.set(base, registerId);
+    }
+  }
+
   async loadDataset(registerId: string): Promise<DatasetAdapter> {
     const adapter = this.adapters.get(registerId);
     if (!adapter) throw new Error(`Unknown dataset: ${registerId}`);

package/src/components/ConceptDetail.vue

@@ -143,6 +143,17 @@ async function navigateRelated(ref: { source: string | null; id: string | null }
   router.push({ name: 'concept', params: { registerId: target.registerId, conceptId: target.conceptId } });
 }
 
+function relatedLabel(dr: { content?: string; ref?: { source: string | null; id: string | null } | null }): string {
+  if (dr.content) return dr.content;
+  const resolved = dr.ref ? getResolvedRef(dr.ref).target : null;
+  if (resolved) {
+    const m = store.manifests.get(resolved.registerId);
+    const dsLabel = m?.shortname || m?.title || resolved.registerId;
+    return `${resolved.conceptId} (${dsLabel})`;
+  }
+  return dr.ref ? `${dr.ref.id || ''} (${dr.ref.source || ''})`.trim() : '';
+}
+
 // Cross-reference resolver: generates clickable links for inline refs
 
 const { ensureBibLoaded, bibResolver, figResolver } = useRenderOptions(() => props.registerId);
@@ -670,8 +681,8 @@ const nonVerbalReps = computed(() => {
                   <div v-if="d.related?.length" class="mt-0.5 space-y-0.5">
                     <div v-for="(dr, dri) in d.related" :key="'dr'+dri" class="text-xs text-ink-400 flex items-center gap-1.5">
                       <span class="badge text-[9px] bg-gray-50 text-gray-600">{{ relationshipLabel(dr.type) }}</span>
-                      <button v-if="getResolvedRef(dr.ref).target" @click="navigateRelated(dr.ref!)" class="concept-link">{{ dr.content || (dr.ref ? `${dr.ref.source || ''} ${dr.ref.id || ''}`.trim() : '') }}</button>
-                      <span v-else>{{ dr.content || (dr.ref ? `${dr.ref.source || ''} ${dr.ref.id || ''}`.trim() : '') }}</span>
+                      <button v-if="getResolvedRef(dr.ref).target" @click="navigateRelated(dr.ref!)" class="concept-link">{{ relatedLabel(dr) }}</button>
+                      <span v-else>{{ relatedLabel(dr) }}</span>
                     </div>
                   </div>
                 </div>

package/src/components/GraphPanel.vue

@@ -30,6 +30,7 @@ const containerRef = ref<HTMLDivElement | null>(null);
 const selectedNode = ref<GraphNode | null>(null);
 const detailCloseRef = ref<HTMLButtonElement | null>(null);
 const labelMode = ref<'designation' | 'identifier'>('designation');
+const showDomains = ref(true);
 
 // Dataset enable/disable state
 const registerEnabled = reactive<Record<string, boolean>>({});
@@ -74,7 +75,8 @@ const enabledRegisters = computed(() => {
 
 const visibleNodes = computed(() => {
   const enabled = enabledRegisters.value;
-  return props.nodes.filter(n => enabled.has(n.register));
+  const domains = showDomains.value;
+  return props.nodes.filter(n => enabled.has(n.register) && (domains || n.nodeType !== 'domain'));
 });
 
 const visibleNodeUris = computed(() => {
@@ -549,6 +551,14 @@ function selectedNodeColor(): string {
             </div>
           </div>
 
+          <!-- Domain/section toggle -->
+          <div class="flex items-center gap-2 mt-3">
+            <label class="flex items-center gap-1.5 cursor-pointer text-xs text-ink-500">
+              <input type="checkbox" v-model="showDomains" @change="rebuildGraph()" class="rounded border-ink-200 text-ink-800 focus:ring-ink-400 w-3.5 h-3.5" />
+              {{ t('graph.showDomains') }}
+            </label>
+          </div>
+
           <div v-if="nodeCount === 0" class="text-xs text-ink-300 mt-3 leading-relaxed">
             {{ props.edges.length > 0 ? t('graph.enableDatasets') : t('graph.browseToPopulate') }}
           </div>

package/src/i18n/locales/eng.yml

@@ -157,6 +157,7 @@ graph.stubStatus: stub
 graph.collapseControls: Collapse controls
 graph.expandControls: Expand controls
 graph.loading: Loading graph data...
+graph.showDomains: Show domains/sections
 
 # Sidebar provenance
 sidebar.provenance: Provenance

package/src/i18n/locales/fra.yml

@@ -157,6 +157,7 @@ graph.stubStatus: non chargé
 graph.collapseControls: Réduire les contrôles
 graph.expandControls: Développer les contrôles
 graph.loading: Chargement des données du graphe...
+graph.showDomains: Afficher les domaines/sections
 
 # Sidebar provenance
 sidebar.provenance: Provenance

package/src/views/HomeView.vue

@@ -9,7 +9,7 @@ import { useI18n } from '../i18n';
 const store = useVocabularyStore();
 const router = useRouter();
 const { getStyle } = useDsStyle();
-const { config: siteConfig, localizedTitle, localizedSubtitle, localizedDescription } = useSiteConfig();
+const { config: siteConfig, localizedTitle, localizedSubtitle, localizedDescription, localizedDatasetField } = useSiteConfig();
 const { t } = useI18n();
 const exploring = ref(false);
 
@@ -121,7 +121,7 @@ function goToGraph() { router.push({ name: 'graph' }); }
           </h2>
         </div>
         <p v-if="filteredDatasets[0].manifest.description" class="text-sm text-ink-400 mb-4 line-clamp-2 leading-relaxed pl-6">
-          {{ filteredDatasets[0].manifest.description }}
+          {{ localizedDatasetField(filteredDatasets[0].id, 'description', filteredDatasets[0].manifest.description) }}
         </p>
         <div class="flex items-center gap-3 pl-6 mb-4">
           <span :style="{ color: getStyle(filteredDatasets[0].id).color }" class="text-sm font-semibold tabular-nums">{{ filteredDatasets[0].manifest.conceptCount.toLocaleString() }}</span>
@@ -164,7 +164,7 @@ function goToGraph() { router.push({ name: 'graph' }); }
           </div>
 
           <p class="text-sm text-ink-400 mb-5 line-clamp-2 leading-relaxed pl-[22px]">
-            {{ ds.manifest.description }}
+            {{ localizedDatasetField(ds.id, 'description', ds.manifest.description) }}
           </p>
 
           <div class="flex items-center gap-3 pl-[22px] mb-3">