From 1661fa17ee17a4297e0deef55059e03f90217f2a Mon Sep 17 00:00:00 2001
From: dyzulk <66510723+dyzulk@users.noreply.github.com>
Date: Sun, 18 Jan 2026 18:03:41 +0700
Subject: [PATCH] feat: add release archive page and automation

---
 .vitepress/config/sidebars.ts                 |  4 +-
 .../theme/components/ReleaseArchive.vue       | 70 +++++++++++++++++++
 id/releases/index.md                          | 18 +++++
 releases/index.md                             | 18 +++++
 4 files changed, 109 insertions(+), 1 deletion(-)
 create mode 100644 .vitepress/theme/components/ReleaseArchive.vue
 create mode 100644 id/releases/index.md
 create mode 100644 releases/index.md

diff --git a/.vitepress/config/sidebars.ts b/.vitepress/config/sidebars.ts
index 4d88a0a..63843c8 100644
--- a/.vitepress/config/sidebars.ts
+++ b/.vitepress/config/sidebars.ts
@@ -8,7 +8,9 @@ export const sidebarEn: DefaultTheme.Sidebar = {
       text: 'Getting Started',
       collapsed: false,
       items: [
-        { text: 'Introduction', link: '/docs/guide/' },
+        { text: 'Plugins', link: '/plugins/' },
+        { text: 'Release Archive', link: '/releases/' },
+        { text: 'Team', link: '/team' },
         { text: 'Requirements', link: '/docs/guide/installation#requirements' }
       ]
     },
diff --git a/.vitepress/theme/components/ReleaseArchive.vue b/.vitepress/theme/components/ReleaseArchive.vue
new file mode 100644
index 0000000..a97b0a3
--- /dev/null
+++ b/.vitepress/theme/components/ReleaseArchive.vue
@@ -0,0 +1,70 @@
+<script setup>
+import { ref, onMounted } from 'vue'
+
+const releases = ref([])
+const loading = ref(true)
+const error = ref(null)
+
+const formatSize = (bytes) => {
+    if (bytes === 0) return '-'
+    const k = 1024
+    const sizes = ['B', 'KB', 'MB', 'GB']
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}
+
+onMounted(async () => {
+    try {
+        const res = await fetch('/releases.json')
+        if (!res.ok) throw new Error('Failed to load releases')
+        releases.value = await res.json()
+    } catch (e) {
+        error.value = e.message
+        console.error(e)
+    } finally {
+        loading.value = false
+    }
+})
+</script>
+
+<template>
+    <div class="release-archive">
+        <div v-if="loading" class="text-center p-4 text-accents-5">Loading archive...</div>
+        <div v-else-if="error" class="text-error p-4">Error: {{ error }}</div>
+        
+        <div v-else class="overflow-x-auto">
+            <table class="w-full text-left border-collapse">
+                <thead>
+                    <tr class="border-b border-accents-2">
+                        <th class="py-2 px-4 font-semibold">Version</th>
+                        <th class="py-2 px-4 font-semibold">Date</th>
+                        <th class="py-2 px-4 font-semibold">Size</th>
+                        <th class="py-2 px-4 font-semibold text-right">Action</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="release in releases" :key="release.version" class="border-b border-accents-2 hover:bg-accents-1 transition-colors">
+                        <td class="py-3 px-4">
+                            <span class="font-mono font-bold">{{ release.version }}</span>
+                            <span v-if="release.prerelease" class="ml-2 text-xs bg-amber-500/10 text-amber-500 px-2 py-0.5 rounded-full">Pre-release</span>
+                        </td>
+                        <td class="py-3 px-4 text-sm text-accents-5">{{ release.date }}</td>
+                        <td class="py-3 px-4 text-sm font-mono text-accents-5">{{ formatSize(release.size) }}</td>
+                        <td class="py-3 px-4 text-right">
+                            <a :href="release.download" class="text-brand hover:underline text-sm font-medium mr-4">Download</a>
+                            <a :href="release.notes" target="_blank" class="text-accents-4 hover:text-foreground text-sm">Notes</a>
+                        </td>
+                    </tr>
+                   <tr v-if="releases.length === 0">
+                        <td colspan="4" class="text-center py-8 text-accents-4 italic">No releases found.</td>
+                   </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+/* Scoped styles if needed, mostly utilizing VP classes or Tailwind utilities assuming availability */
+.text-error { color: var(--vp-c-danger-1); }
+</style>
diff --git a/id/releases/index.md b/id/releases/index.md
new file mode 100644
index 0000000..ce221a8
--- /dev/null
+++ b/id/releases/index.md
@@ -0,0 +1,18 @@
+---
+layout: doc
+title: Arsip Rilis
+description: Unduh versi lawas dari Mivo.
+---
+
+<script setup>
+import ReleaseArchive from '../../.vitepress/theme/components/ReleaseArchive.vue'
+</script>
+
+# Arsip Rilis
+
+Unduh versi Mivo sebelumnya.
+
+<ReleaseArchive />
+
+> [!WARNING]
+> Versi lawas mungkin mengandung celah keamanan atau tidak kompatibel dengan add-on saat ini. Disarankan untuk selalu menggunakan [versi stabil terbaru](/).
diff --git a/releases/index.md b/releases/index.md
new file mode 100644
index 0000000..c8fbcbf
--- /dev/null
+++ b/releases/index.md
@@ -0,0 +1,18 @@
+---
+layout: doc
+title: Release Archive
+description: Download older versions of Mivo.
+---
+
+<script setup>
+import ReleaseArchive from '../.vitepress/theme/components/ReleaseArchive.vue'
+</script>
+
+# Release Archive
+
+Download previous versions of Mivo.
+
+<ReleaseArchive />
+
+> [!WARNING]
+> Older versions may contain security vulnerabilities or be incompatible with current add-ons. It is recommended to always use the [latest stable version](/).