@glossarist/concept-browser 0.2.9 → 0.2.11

package/package.json

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

package/src/components/GraphPanel.vue

@@ -364,6 +364,10 @@ function selectOnly(registerId: string) {
   }
 }
 
+function registerTitle(id: string): string {
+  return props.registers.find(r => r.id === id)?.title ?? id;
+}
+
 function selectedNodeColor(): string {
   if (!selectedNode.value) return STUB_COLOR;
   if (!selectedNode.value.loaded) return STUB_COLOR;
@@ -458,15 +462,15 @@ function selectedNodeColor(): string {
       </div>
     </div>
 
-    <!-- Legend -->
-    <div v-if="nodeCount > 0" class="absolute top-4 right-4 z-10 bg-surface-raised/90 backdrop-blur rounded-lg px-3 py-2.5 border border-ink-100/60 text-xs" style="box-shadow: 0 2px 6px rgba(26, 27, 46, 0.04);">
+    <!-- Legend (only when multiple registers) -->
+    <div v-if="nodeCount > 0 && registers.length > 1" class="absolute top-4 right-4 z-10 bg-surface-raised/90 backdrop-blur rounded-lg px-3 py-2.5 border border-ink-100/60 text-xs" style="box-shadow: 0 2px 6px rgba(26, 27, 46, 0.04);">
       <div class="font-semibold text-ink-400 text-[10px] uppercase tracking-wide mb-2">Datasets</div>
       <div v-for="reg in registers" :key="reg.id" class="flex items-center gap-2 mb-1.5 last:mb-0">
         <span
           class="w-2.5 h-2.5 rounded-full inline-block flex-shrink-0"
           :style="{ backgroundColor: registerColor(reg.id) }"
         ></span>
-        <span class="text-ink-500">{{ reg.id }}</span>
+        <span class="text-ink-500">{{ reg.title }}</span>
       </div>
       <div class="flex items-center gap-2 mt-2 pt-2 border-t border-ink-100/40">
         <span class="w-2 h-2 rounded-full inline-block" :style="{ backgroundColor: STUB_COLOR }"></span>
@@ -495,7 +499,7 @@ function selectedNodeColor(): string {
               :style="{ backgroundColor: selectedNodeColor() }"
             ></span>
             <span class="text-[10px] text-ink-400 uppercase tracking-wide">
-              {{ selectedNode.register || 'unknown' }} &middot;
+              {{ registerTitle(selectedNode.register) }} &middot;
               {{ selectedNode.loaded ? 'loaded' : 'stub' }}
             </span>
           </div>

package/src/utils/math.ts

@@ -45,6 +45,59 @@ function convertLists(text: string): string {
   return result;
 }
 
+/**
+ * Replace `prefix:[content]` where content may contain nested brackets.
+ * Handles `*prefix:[content]*` (bold) too.
+ */
+function replaceBracketed(
+  text: string,
+  prefix: string,
+  render: (math: string, bold: boolean) => string,
+): string {
+  let result = '';
+  let i = 0;
+  const boldPrefix = '*' + prefix;
+  while (i < text.length) {
+    // Check for bold variant: *prefix:[...]
+    if (text.startsWith(boldPrefix + '[', i)) {
+      const start = i;
+      i += boldPrefix.length + 1; // skip *prefix:[
+      const depth = 1;
+      let j = i;
+      let d = 1;
+      while (j < text.length && d > 0) {
+        if (text[j] === '[') d++;
+        else if (text[j] === ']') d--;
+        j++;
+      }
+      const content = text.slice(i, j - 1);
+      // Check for closing *
+      let end = j;
+      if (end < text.length && text[end] === '*') end++;
+      result += render(content, true);
+      i = end;
+    }
+    // Check for normal variant: prefix:[...]
+    else if (text.startsWith(prefix + '[', i)) {
+      i += prefix.length + 1;
+      let j = i;
+      let d = 1;
+      while (j < text.length && d > 0) {
+        if (text[j] === '[') d++;
+        else if (text[j] === ']') d--;
+        j++;
+      }
+      const content = text.slice(i, j - 1);
+      result += render(content, false);
+      i = j;
+    } else {
+      result += text[i];
+      i++;
+    }
+  }
+  return result;
+}
+
 /**
  * Render stem:[...] math notation to KaTeX HTML.
  * Also handles cross-reference inline patterns (URN refs, bibliography, figures).
@@ -57,13 +110,8 @@ export function renderMath(text: string, xrefResolverOrOpts?: XrefResolver | Ren
     ? { xrefResolver: xrefResolverOrOpts }
     : (xrefResolverOrOpts ?? {});
 
-  result = result.replace(/\*stem:\[([^\]]*)\]\*/g, (_, math) => {
-    return renderKatexSpan(math, true);
-  });
-
-  result = result.replace(/stem:\[([^\]]*)\]/g, (_, math) => {
-    return renderKatexSpan(math, false);
-  });
+  result = replaceBracketed(result, 'stem:', renderKatexSpan);
+  result = replaceBracketed(result, 'latexmath:', renderKatexSpan);
 
   result = convertLists(result);
 
@@ -135,9 +183,7 @@ function escapeHtml(text: string): string {
  */
 export function cleanContent(text: string): string {
   if (!text) return '';
-  return text
-    .replace(/\*stem:\[([^\]]*)\]\*/g, '$1')
-    .replace(/stem:\[([^\]]*)\]/g, '$1')
+  let result = text
     .replace(/\*([^*]+)\*/g, '$1')
     .replace(/~([^~]+)~/g, '_$1')
     .replace(/\n[ \t]*\* /g, '; ')
@@ -146,4 +192,7 @@ export function cleanContent(text: string): string {
     .replace(/\{\{urn:[^,}]+,([^,}]+)(?:,[^}]+)?\}\}/g, '$1')
     .replace(/\{urn:[^,}]+,([^,}]+)(?:,[^}]+)?\}/g, '$1')
     .replace(/\{\{([^,}]+)(?:,\s*[^}]+)?\}\}/g, '$1');
+  result = replaceBracketed(result, 'stem:', (math) => math);
+  result = replaceBracketed(result, 'latexmath:', (math) => math);
+  return result;
 }