@ampernic/vitepress-theme-alt-docs 0.1.12 → 0.1.14

package/dist/components/ADProductsSidebar.vue

@@ -1,25 +1,17 @@
 <template>
-  <div v-if="isLandingPage && origin && currentDistro" class="products-sidebar">
-    <div class="group">
-      <p class="group-title">Дистрибутивы</p>
-      <a
-        v-for="d in regular"
-        :key="d"
-        :href="`${origin}/${d}/`"
-        class="item"
-        :class="{ active: d === currentDistro }"
-      >{{ productName(d) }}</a>
-    </div>
-    <div class="group">
-      <p class="group-title">Для Эльбрус</p>
-      <a
-        v-for="d in e2k"
-        :key="d"
-        :href="`${origin}/${d}/`"
-        class="item"
-        :class="{ active: d === currentDistro }"
-      >{{ productName(d) }}</a>
-    </div>
+  <div v-if="isLandingPage && origin" class="products-sidebar">
+    <template v-for="group in groups" :key="group.title">
+      <div class="group">
+        <p v-if="group.title" class="group-title">{{ group.title }}</p>
+        <a
+          v-for="d in group.distros"
+          :key="d"
+          :href="distroHref(d)"
+          class="item"
+          :class="{ active: d === currentDistro }"
+        >{{ productName(d) }}</a>
+      </div>
+    </template>
   </div>
 </template>
 
@@ -27,17 +19,28 @@
 import { computed, ref, onMounted } from 'vue'
 import { useRoute, useData } from 'vitepress'
 
+interface DistroInfo { versions: string[]; latest: string; title?: string }
+interface SectionInfo { name: string; distros: string[] }
+declare const __VERSIONS_DATA__: {
+  distros: { [distroName: string]: DistroInfo }
+  sections?: SectionInfo[]
+}
+
 const route = useRoute()
 const { site } = useData()
 const origin = ref('')
 onMounted(() => { origin.value = window.location.origin })
 
-const ALL_DISTROS = [
-  'alt-domain', 'alt-education', 'alt-kworkstation', 'alt-mobile',
-  'alt-platform', 'alt-server', 'alt-server-v', 'alt-virtualisation-one',
-  'alt-virtualization-pve', 'alt-workstation', 'group-policy', 'simply-linux',
-  'alt-education-e2k', 'alt-server-e2k', 'alt-workstation-e2k', 'simply-linux-e2k',
-]
+const getSafeVersionsData = () => {
+  try {
+    if (typeof __VERSIONS_DATA__ !== 'undefined') return __VERSIONS_DATA__
+    if (typeof window !== 'undefined' && (window as any).__VERSIONS_DATA__)
+      return (window as any).__VERSIONS_DATA__
+  } catch { /* ignore */ }
+  return { distros: {} }
+}
+
+const versionsData = getSafeVersionsData()
 
 const PRODUCT_NAMES: Record<string, string> = {
   'alt-domain': 'Альт Домен',
@@ -58,62 +61,93 @@ const PRODUCT_NAMES: Record<string, string> = {
   'group-policy': 'Групповые политики',
 }
 
-const productName = (d: string) => PRODUCT_NAMES[d] ?? d
+const productName = (d: string) =>
+  PRODUCT_NAMES[d] ?? d.split('-').map(w =>
+    w === 'alt' ? 'ALT' : w === 'e2k' ? 'E2K' : w.charAt(0).toUpperCase() + w.slice(1)
+  ).join(' ')
 
-const regular = ALL_DISTROS.filter(d => !d.endsWith('-e2k'))
-const e2k = ALL_DISTROS.filter(d => d.endsWith('-e2k'))
+const distroHref = (d: string) => origin.value ? `${origin.value}/${d}/` : `/${d}/`
 
-// Strip base from route.path to get content path
+// Strip base from route.path
 const contentPath = computed(() => {
   const base = site.value.base
-  const path = route.path
-  return base.length > 1 && path.startsWith(base) ? path.slice(base.length - 1) : path
+  const p = route.path
+  return base.length > 1 && p.startsWith(base) ? p.slice(base.length - 1) : p
 })
 
-// Show only on the landing page (no version in path like /11.0/...)
+// Show only on the landing page (no version segment like /11.0/…)
 const isLandingPage = computed(() => {
   const parts = contentPath.value.split('/').filter(Boolean)
   return parts.length === 0 || !/^\d+\.\d+/.test(parts[0])
 })
 
-// Current distro is encoded in the base (per-distro mode)
+// Current distro is encoded in the base in per-distro mode
 const currentDistro = computed(() => {
-  const base = site.value.base // e.g. '/alt-domain/'
+  const base = site.value.base
   return base.length > 1 ? base.replace(/\//g, '') : null
 })
+
+interface SidebarGroup { title: string; distros: string[] }
+
+const groups = computed((): SidebarGroup[] => {
+  const allDistros = Object.keys(versionsData.distros)
+  const sections = versionsData.sections ?? []
+  const sectionedSet = new Set(sections.flatMap((s: SectionInfo) => s.distros))
+
+  const unsectioned = allDistros.filter(d => !sectionedSet.has(d))
+  const regular = unsectioned.filter(d => !d.endsWith('-e2k'))
+  const e2k = unsectioned.filter(d => d.endsWith('-e2k'))
+
+  const result: SidebarGroup[] = []
+
+  if (regular.length > 0) {
+    result.push({ title: 'Дистрибутивы', distros: regular })
+  }
+
+  for (const section of sections) {
+    const distros = section.distros.filter((d: string) => allDistros.includes(d))
+    if (distros.length > 0) {
+      result.push({ title: section.name, distros })
+    }
+  }
+
+  if (e2k.length > 0) {
+    result.push({ title: 'Для Эльбрус', distros: e2k })
+  }
+
+  return result
+})
 </script>
 
 <style scoped>
-.products-sidebar {
-  padding: 12px 0;
-}
 .group {
-  margin-bottom: 16px;
+  padding-bottom: 24px;
 }
 .group-title {
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--vp-c-text-2);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  padding: 0 24px;
-  margin: 0 0 6px;
+  padding: 4px 0;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--vp-c-text-1);
+  transition: color 0.25s;
 }
 .item {
   display: block;
-  padding: 4px 24px;
+  padding: 4px 0;
+  line-height: 24px;
   font-size: 14px;
-  color: var(--vp-c-text-1);
+  font-weight: 500;
+  color: var(--vp-c-text-2);
   text-decoration: none;
-  border-radius: 4px;
-  transition: color 0.2s, background 0.2s;
+  transition: color 0.25s;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .item:hover {
   color: var(--vp-c-brand-1);
-  background: var(--vp-c-default-soft);
 }
 .item.active {
   color: var(--vp-c-brand-1);
-  font-weight: 600;
 }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampernic/vitepress-theme-alt-docs",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Shared VitePress theme for ALT Linux documentation",
   "license": "GPL-3.0-or-later",
   "author": "Ampernic",
@@ -33,9 +33,9 @@
     "@nolebase/vitepress-plugin-enhanced-readabilities": "^2.14.0",
     "markdown-it-kbd": "^1.0.0",
     "vitepress-plugin-tabs": "^0.6.0",
-    "@ampernic/vitepress-plugin-alt-docs-versioning": "0.1.4",
     "@ampernic/vitepress-plugin-cross-site-router": "0.1.2",
     "@ampernic/vitepress-plugin-html-image": "0.1.2",
+    "@ampernic/vitepress-plugin-alt-docs-versioning": "0.1.4",
     "@ampernic/vitepress-plugin-pagefind": "0.1.8"
   },
   "devDependencies": {