@glossarist/concept-browser 0.1.9 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glossarist/concept-browser",
-  "version": "0.1.9",
+  "version": "0.2.1",
   "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

@@ -678,46 +678,8 @@ function processNewsPage(config, page) {
   console.log(`Generated news index: ${index.length} posts, ${postFiles.length} files copied to public/news/`);
 }
 
-function processContributorsPage(config, page) {
-  const contributors = { register: config.id, contributors: [] };
-
-  for (const ds of config.datasets) {
-    const infoYamlPath = path.join(ROOT, '.datasets', ds.id, 'info.yaml');
-    if (!fs.existsSync(infoYamlPath)) continue;
-
-    try {
-      const info = readYaml(infoYamlPath);
-      if (info.header) {
-        contributors.owner = info.header['register-owner'];
-        contributors.manager = info.header['register-manager'];
-      }
-      if (info.languages) {
-        for (const [lang, data] of Object.entries(info.languages)) {
-          contributors.contributors.push({
-            language: lang,
-            registerName: data['register-name'] || '',
-            organization: data['submitting-organisation-name'] || '',
-            contact: data['submitting-organisation-contact'] || '',
-            email: data['submitting-organisation-contact-email'] || '',
-            uri: data['uniform-resource-identifier-uri'] || '',
-            country: data['operating-language-country'] || '',
-          });
-        }
-      }
-    } catch (e) {
-      console.warn(`  Skipping contributors for ${ds.id}: ${e.message}`);
-    }
-  }
-
-  if (contributors.contributors.length > 0 || contributors.owner) {
-    writeJson(path.join(PUBLIC, 'contributors.json'), contributors);
-    console.log(`Generated contributors: ${contributors.contributors.length} languages`);
-  }
-}
-
 const pageProcessors = {
   news: processNewsPage,
-  contributors: processContributorsPage,
 };
 
 function synthesizePages(config) {
@@ -766,6 +728,7 @@ writeJson(path.join(PUBLIC, 'site-config.json'), {
   defaults: config.defaults,
   email: config.email,
   pages: processedPages.length > 0 ? processedPages : undefined,
+  contributors: config.contributors || undefined,
 });
 console.log('Generated site-config.json');
 

package/src/App.vue

@@ -2,14 +2,12 @@
 import { onMounted, onUnmounted, ref } from 'vue';
 import { useVocabularyStore } from './stores/vocabulary';
 import { useSiteConfig } from './config/use-site-config';
-import { buildPageRoutes } from './router/page-routes';
-import router from './router';
 import AppHeader from './components/AppHeader.vue';
 import AppSidebar from './components/AppSidebar.vue';
 import AppFooter from './components/AppFooter.vue';
 
 const store = useVocabularyStore();
-const { loadConfig, config, globalPages, datasetPages } = useSiteConfig();
+const { loadConfig, config } = useSiteConfig();
 const appReady = ref(false);
 const showScrollTop = ref(false);
 let mainEl: HTMLElement | null = null;
@@ -27,12 +25,6 @@ onMounted(async () => {
   if (cfg?.title) {
     document.title = cfg.title;
   }
-  const allPages = [...globalPages.value, ...datasetPages.value];
-  if (allPages.length > 0) {
-    for (const route of buildPageRoutes(allPages)) {
-      router.addRoute(route);
-    }
-  }
   appReady.value = true;
   // Watch scroll on main content area
   mainEl = document.querySelector('main');

package/src/components/AppSidebar.vue

@@ -48,8 +48,10 @@ function pageRoute(page: { route: string; datasetScoped?: boolean }): string {
 }
 
 function isActive(page: { route: string; datasetScoped?: boolean }): boolean {
-  if (!page.route) return route.name === 'home';
-  if (page.datasetScoped) return route.name === page.route;
+  if (!page.route) {
+    if (page.datasetScoped) return route.name === 'dataset' || route.name === 'concept';
+    return route.name === 'home';
+  }
   return route.name === page.route;
 }
 </script>

package/src/config/types.ts

@@ -93,6 +93,16 @@ export interface DatasetConfig {
   downloads?: string[];
 }
 
+// === Contributors ===
+
+export interface Contributor {
+  name: string;
+  role?: string;
+  organization?: string;
+  url?: string;
+  email?: string;
+}
+
 // === Downloads ===
 
 export interface BulkFormatInfo {
@@ -144,4 +154,5 @@ export interface SiteConfig {
   };
   email?: string;
   pages?: PageConfig[];
+  contributors?: Contributor[];
 }

package/src/config/use-site-config.ts

@@ -29,6 +29,7 @@ export interface RuntimeSiteConfig {
   defaults?: { language?: string; languageOrder?: string[] };
   email?: string;
   pages?: PageConfig[];
+  contributors?: { name: string; role?: string; organization?: string; url?: string; email?: string }[];
 }
 
 const siteConfig = ref<RuntimeSiteConfig | null>(null);
@@ -103,42 +104,51 @@ async function loadConfig(): Promise<RuntimeSiteConfig | null> {
   return siteConfig.value;
 }
 
-const BUILTIN_GLOBAL_PAGES: PageConfig[] = [
-  { type: 'custom', route: '', title: 'Home', icon: 'home' },
-  { type: 'custom', route: 'search', title: 'Search', icon: 'search' },
-  { type: 'custom', route: 'graph', title: 'Graph', icon: 'graph' },
-];
+function synthesizeGlobalPages(features?: Record<string, unknown>, pages?: PageConfig[]): PageConfig[] {
+  if (pages && pages.length > 0) return pages.filter(p => !p.datasetScoped);
 
-const BUILTIN_DATASET_PAGES: PageConfig[] = [
-  { type: 'custom', route: '', title: 'Concepts', icon: 'list' },
-  { type: 'stats', route: 'stats', title: 'Statistics', icon: 'chart' },
-  { type: 'about', route: 'about', title: 'About', icon: 'info' },
-];
-
-function synthesizePages(features?: Record<string, unknown>, pages?: PageConfig[]) {
-  if (pages && pages.length > 0) return pages;
-
-  const result = [...BUILTIN_GLOBAL_PAGES];
+  const result: PageConfig[] = [
+    { type: 'custom', route: '', title: 'Home', icon: 'home' },
+  ];
+  if (features?.search !== false) {
+    result.push({ type: 'custom', route: 'search', title: 'Search', icon: 'search' });
+  }
+  if (features?.graph !== false) {
+    result.push({ type: 'custom', route: 'graph', title: 'Graph', icon: 'graph' });
+  }
   if (features?.news) {
     result.push({ type: 'news', route: 'news', title: 'News', icon: 'newspaper' });
   }
   return result;
 }
 
+function synthesizeDatasetPages(features?: Record<string, unknown>, pages?: PageConfig[]): PageConfig[] {
+  const declared = pages?.filter(p => p.datasetScoped) ?? [];
+  if (declared.length > 0) return declared;
+
+  const result: PageConfig[] = [
+    { type: 'custom', route: '', title: 'Concepts', icon: 'list', datasetScoped: true },
+  ];
+  if (features?.stats !== false) {
+    result.push({ type: 'stats', route: 'stats', title: 'Statistics', icon: 'chart', datasetScoped: true });
+  }
+  if (features?.about !== false) {
+    result.push({ type: 'about', route: 'about', title: 'About', icon: 'info', datasetScoped: true });
+  }
+  return result;
+}
+
 export function useSiteConfig() {
   const config = computed(() => siteConfig.value);
   const visibleDatasets = computed(() => siteConfig.value?.datasets ?? []);
 
   const globalPages = computed<PageConfig[]>(() =>
-    synthesizePages(siteConfig.value?.features, siteConfig.value?.pages)
-      .filter(p => !p.datasetScoped),
+    synthesizeGlobalPages(siteConfig.value?.features, siteConfig.value?.pages),
   );
 
-  const datasetPages = computed<PageConfig[]>(() => {
-    const declared = siteConfig.value?.pages?.filter(p => p.datasetScoped) ?? [];
-    if (declared.length > 0) return declared;
-    return BUILTIN_DATASET_PAGES;
-  });
+  const datasetPages = computed<PageConfig[]>(() =>
+    synthesizeDatasetPages(siteConfig.value?.features, siteConfig.value?.pages),
+  );
 
   return { config, visibleDatasets, loadConfig, globalPages, datasetPages };
 }

package/src/router/index.ts

@@ -18,6 +18,18 @@ const routes: RouteRecordRaw[] = [
     component: () => import('../views/ConceptView.vue'),
     props: true,
   },
+  {
+    path: '/dataset/:registerId/stats',
+    name: 'stats',
+    component: () => import('../views/StatsView.vue'),
+    props: true,
+  },
+  {
+    path: '/dataset/:registerId/about',
+    name: 'about',
+    component: () => import('../views/AboutView.vue'),
+    props: true,
+  },
   {
     path: '/search',
     name: 'search',
@@ -28,6 +40,16 @@ const routes: RouteRecordRaw[] = [
     name: 'graph',
     component: () => import('../views/GraphView.vue'),
   },
+  {
+    path: '/news',
+    name: 'news',
+    component: () => import('../views/NewsView.vue'),
+  },
+  {
+    path: '/contributors',
+    name: 'contributors',
+    component: () => import('../views/ContributorsView.vue'),
+  },
   {
     path: '/resolve/:uri(.*)',
     name: 'resolve',

package/src/views/ContributorsView.vue

@@ -1,38 +1,16 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
 import { useSiteConfig } from '../config/use-site-config';
 
 interface Contributor {
-  language: string;
-  registerName: string;
-  organization: string;
-  contact: string;
-  email: string;
-  uri: string;
-  country: string;
-}
-
-interface ContributorsData {
-  register: string;
-  owner: string;
-  manager: string;
-  contributors: Contributor[];
+  name: string;
+  role?: string;
+  organization?: string;
+  url?: string;
+  email?: string;
 }
 
 const { config } = useSiteConfig();
-const data = ref<ContributorsData | null>(null);
-const loading = ref(true);
-const error = ref<string | null>(null);
-
-onMounted(async () => {
-  try {
-    const resp = await fetch('/contributors.json');
-    if (resp.ok) data.value = await resp.json();
-  } catch (e: any) {
-    error.value = e.message;
-  }
-  loading.value = false;
-});
+const contributors = config.value?.contributors as Contributor[] | undefined;
 </script>
 
 <template>
@@ -44,62 +22,32 @@ onMounted(async () => {
     </nav>
     <h1 class="font-serif text-3xl text-ink-800 mb-2">Contributors</h1>
     <p class="text-ink-400 mb-8">
-      Organizations and individuals contributing to {{ config?.branding?.ownerName || config?.title || 'this glossary' }}.
+      People and organizations contributing to {{ config?.branding?.ownerName || config?.title || 'this glossary' }}.
     </p>
 
-    <template v-if="loading">
-      <div class="animate-pulse space-y-6">
-        <div class="card p-6 space-y-3">
-          <div class="h-4 bg-ink-100 rounded w-40"></div>
-          <div class="h-6 bg-ink-100 rounded w-3/4"></div>
-          <div class="h-4 bg-ink-100 rounded w-1/2"></div>
-        </div>
-      </div>
-    </template>
-
-    <template v-else-if="error">
-      <div class="card p-8 text-center">
-        <p class="text-ink-500">Failed to load contributors.</p>
-      </div>
-    </template>
-
-    <template v-else-if="data">
-      <!-- Register metadata -->
-      <div v-if="data.owner" class="card p-6 mb-6">
-        <h2 class="section-label">Register Information</h2>
-        <dl class="space-y-3 mt-3">
-          <div v-if="data.owner" class="flex items-start gap-4">
-            <dt class="text-ink-400 text-sm w-40 flex-shrink-0 pt-0.5">Owner</dt>
-            <dd class="text-ink-800 font-medium">{{ data.owner }}</dd>
-          </div>
-          <div v-if="data.manager" class="flex items-start gap-4">
-            <dt class="text-ink-400 text-sm w-40 flex-shrink-0 pt-0.5">Manager</dt>
-            <dd class="text-ink-800">{{ data.manager }}</dd>
-          </div>
-        </dl>
-      </div>
-
-      <!-- Per-language contributors -->
-      <div v-if="data.contributors.length" class="card overflow-x-auto">
+    <template v-if="contributors?.length">
+      <div class="card overflow-x-auto">
         <table class="w-full text-sm">
           <thead>
             <tr class="border-b border-ink-100/60 bg-ink-50/50">
-              <th class="text-left px-5 py-3 text-ink-500 font-medium">Language</th>
+              <th class="text-left px-5 py-3 text-ink-500 font-medium">Name</th>
+              <th class="text-left px-5 py-3 text-ink-500 font-medium">Role</th>
               <th class="text-left px-5 py-3 text-ink-500 font-medium">Organization</th>
               <th class="text-left px-5 py-3 text-ink-500 font-medium">Contact</th>
             </tr>
           </thead>
           <tbody>
-            <tr v-for="c in data.contributors" :key="c.language" class="border-b border-ink-50 last:border-0">
-              <td class="px-5 py-3">
-                <span class="text-xs font-semibold text-ink-500 bg-ink-50 px-1.5 py-0.5 rounded">{{ c.language.toUpperCase() }}</span>
-                <span v-if="c.registerName" class="ml-2 text-ink-600 text-xs">{{ c.registerName }}</span>
+            <tr v-for="c in contributors" :key="c.name" class="border-b border-ink-50 last:border-0">
+              <td class="px-5 py-3 text-ink-800 font-medium">
+                <a v-if="c.url" :href="c.url" target="_blank" class="concept-link">{{ c.name }}</a>
+                <span v-else>{{ c.name }}</span>
               </td>
-              <td class="px-5 py-3 text-ink-700">
-                <span v-if="c.uri"><a :href="c.uri" target="_blank" class="concept-link">{{ c.organization }}</a></span>
-                <span v-else>{{ c.organization }}</span>
+              <td class="px-5 py-3 text-ink-600">{{ c.role || '—' }}</td>
+              <td class="px-5 py-3 text-ink-700">{{ c.organization || '—' }}</td>
+              <td class="px-5 py-3">
+                <a v-if="c.email" :href="`mailto:${c.email}`" class="concept-link text-xs">{{ c.email }}</a>
+                <span v-else class="text-ink-300">—</span>
               </td>
-              <td class="px-5 py-3 text-ink-500 text-xs">{{ c.contact }}</td>
             </tr>
           </tbody>
         </table>

package/src/router/page-routes.ts

@@ -1,35 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-import type { PageConfig } from '../config/types';
-
-const pageComponents: Record<string, () => Promise<any>> = {
-  news: () => import('../views/NewsView.vue'),
-  contributors: () => import('../views/ContributorsView.vue'),
-  about: () => import('../views/AboutView.vue'),
-  stats: () => import('../views/StatsView.vue'),
-};
-
-export function buildPageRoutes(pages: PageConfig[]): RouteRecordRaw[] {
-  const routes: RouteRecordRaw[] = [];
-
-  for (const page of pages) {
-    const component = pageComponents[page.type];
-    if (!component) continue;
-
-    if (page.datasetScoped) {
-      routes.push({
-        path: `/dataset/:registerId/${page.route}`,
-        name: page.route,
-        component,
-        props: true,
-      });
-    } else {
-      routes.push({
-        path: `/${page.route}`,
-        name: page.route,
-        component,
-      });
-    }
-  }
-
-  return routes;
-}