@glossarist/concept-browser 0.4.1 → 0.4.2

package/package.json

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

package/scripts/generate-data.mjs

@@ -123,9 +123,13 @@ function sourcesToJsonLd(sources) {
       if (s.origin.ref) {
         const ref = s.origin.ref;
         const refObj = { '@type': 'gl:Ref' };
-        if (ref.source) refObj['gl:source'] = ref.source;
-        if (ref.id) refObj['gl:id'] = ref.id;
-        if (ref.version) refObj['gl:version'] = ref.version;
+        if (typeof ref === 'string') {
+          refObj['gl:source'] = ref;
+        } else {
+          if (ref.source) refObj['gl:source'] = ref.source;
+          if (ref.id) refObj['gl:id'] = ref.id;
+          if (ref.version) refObj['gl:version'] = ref.version;
+        }
         origin['gl:ref'] = refObj;
       }
       if (s.origin.locality) {

package/src/adapters/model-bridge.ts

@@ -119,15 +119,19 @@ function mapSourceFromJsonLd(s: any): Record<string, unknown> {
     const o = s['gl:origin'];
     if (o['gl:ref']) {
       const rawRef = o['gl:ref'];
-      const refObj: Record<string, unknown> = {};
-      // v3: ref is always an object { gl:source, gl:id, gl:version }
-      if (rawRef['gl:source']) refObj.source = rawRef['gl:source'];
-      if (rawRef['gl:id']) refObj.id = rawRef['gl:id'];
-      if (rawRef['gl:version']) refObj.version = rawRef['gl:version'];
-      if (rawRef['source']) refObj.source = rawRef['source'];
-      if (rawRef['id']) refObj.id = rawRef['id'];
-      if (rawRef['version']) refObj.version = rawRef['version'];
-      if (Object.keys(refObj).length > 0) origin.ref = refObj;
+      if (typeof rawRef === 'string') {
+        // Legacy format: gl:ref is a plain string (e.g. "ISO/TS 14812:2022")
+        origin.ref = { source: rawRef };
+      } else {
+        const refObj: Record<string, unknown> = {};
+        if (rawRef['gl:source']) refObj.source = rawRef['gl:source'];
+        if (rawRef['gl:id']) refObj.id = rawRef['gl:id'];
+        if (rawRef['gl:version']) refObj.version = rawRef['gl:version'];
+        if (rawRef['source']) refObj.source = rawRef['source'];
+        if (rawRef['id']) refObj.id = rawRef['id'];
+        if (rawRef['version']) refObj.version = rawRef['version'];
+        if (Object.keys(refObj).length > 0) origin.ref = refObj;
+      }
     }
     if (o['gl:locality']) {
       const loc: Record<string, unknown> = {};

package/src/components/GraphPanel.vue

@@ -176,13 +176,14 @@ function buildSimulation(width: number, height: number) {
   const renderNodes = capped ? allVisible.slice(0, MAX_RENDER_NODES) : allVisible;
 
   const simNodes: SimNode[] = renderNodes.map(n => {
-    const desig = Object.values(n.designations)[0] || '';
+    const lang = uiStore.selectedLang;
+    const desig = n.designations[lang] || Object.values(n.designations)[0] || '';
     return {
       uri: n.uri,
       register: n.register,
       conceptId: n.conceptId,
       designation: desig,
-      hasDesignation: !!desig,
+      hasDesignation: !!n.designations[lang],
       loaded: n.loaded,
       nodeType: n.nodeType,
       x: width / 2 + (Math.random() - 0.5) * 200,
@@ -392,6 +393,11 @@ watch(registerEnabled, () => {
   nextTick(rebuildGraph);
 });
 
+// Rebuild when language changes (designation labels depend on language)
+watch(() => uiStore.selectedLang, () => {
+  nextTick(rebuildGraph);
+});
+
 onMounted(() => {
   nextTick(() => {
     if (props.nodes.length > 0) {
@@ -555,7 +561,7 @@ function selectedNodeColor(): string {
       <div class="flex items-start justify-between gap-3">
         <div class="min-w-0">
           <h3 class="font-serif text-base text-ink-800 leading-snug truncate">
-            {{ Object.values(selectedNode.designations)[0] || selectedNode.conceptId }}
+            {{ selectedNode.designations[uiStore.selectedLang] || Object.values(selectedNode.designations)[0] || selectedNode.conceptId }}
           </h3>
           <p class="text-xs text-ink-300 font-mono mt-0.5">{{ selectedNode.conceptId }}</p>
           <div class="flex items-center gap-1.5 mt-2">