Preliminary addition of release history + grafana dashboard

Author: bagusnl

home/.vitepress/components/vuetify.vue

@@ -0,0 +1,25 @@
+<script>
+import 'vuetify/styles'
+import { createVuetify } from 'vuetify'
+import { VBtn, VCard, VCardItem, VCardText, VIcon, VTimeline, VTimelineItem } from 'vuetify/components'
+import '@mdi/font/css/materialdesignicons.css'
+
+const vuetify = createVuetify({
+  components: {
+    VTimeline,
+    VTimelineItem,
+    VCard,
+    VCardItem,
+    VCardText,
+    VIcon,
+    VBtn
+  },
+  icons: { iconfont: 'mdi' }
+})
+
+export { vuetify }
+</script>
+
+<template>
+  <!-- This component doesn't need to render anything -->
+</template>

home/.vitepress/config.mts

@@ -46,7 +46,9 @@ export default defineConfig({
     nav: [
       { text: 'Home', link: '/' },
       { text: 'Team', link: '/team' },
-      { text: 'Docs', link: '/features' }
+      { text: 'Docs', link: '/features' },
+      { text: 'History', link: '/releasehistory' },
+      { text: 'Grafana Dashboard', link: 'https://grafana.bagelnl.my.id/public-dashboards/4164a652b5f14d25a3cf867ebc45270d?orgId=1', target: '_blank' }
     ],
 
     sidebar: [

home/.vitepress/theme/index.ts

@@ -5,11 +5,22 @@ import DefaultTheme from 'vitepress/theme'
 import './style.css'
 import transition from './transition.vue'
 import MarkdownLoader from '../components/md-loader.vue'
+import { vuetify } from '../components/vuetify.vue'
+import { VCard, VCardText, VCardTitle, VTimeline, VTimelineItem, VIcon, VBtn } from 'vuetify/components'
 
 export default {
   extends: DefaultTheme,
   Layout: transition,
   enhanceApp({ app, router, siteData }) {
     app.component('MarkdownLoader', MarkdownLoader)
+
+    app.use(vuetify)
+    app.component('VTimeline', VTimeline)
+    app.component('VTimelineItem', VTimelineItem)
+    app.component('VCard', VCard)
+    app.component('VCardTitle', VCardTitle)
+    app.component('VCardText', VCardText)
+    app.component('VIcon', VIcon)
+    app.component('VBtn', VBtn)
   },
 } satisfies Theme

home/releasehistory.md

@@ -0,0 +1,8 @@
+<script setup>
+    import history from './scripts/releasehistory.vue'
+    if (typeof document !== 'undefined') {
+        document.title = 'Release History | Collapse Launcher'
+    }
+</script>
+
+<history />

home/scripts/releasehistory.vue

@@ -0,0 +1,50 @@
+<template>
+  <v-timeline align="start">
+    <v-timeline-item
+      icon="mdi-alert-decagram"
+      dot-color="purple-lighten-2">
+      <template v-slot:opposite>
+        November 2nd, 2024
+      </template>
+      <div>
+        <div class="text-h6">1.82.0 Release</div>
+        <p>
+          This release branch is mainly focused on code improvements leading to implementation of NativeAOT, including upgrading to .NET 9.0.
+        </p>
+        <p>
+          It also includes some new features, including Bandwidth Limiter, Per-region custom background, playtime synchronization, and more.
+        </p>
+      </div>
+      <v-btn 
+        color="purple-lighten-3"
+        href="https://github.com/CollapseLauncher/Collapse/releases/tag/CL-v1.82.0-pre"
+        target="_blank">
+        Release notes
+      </v-btn>
+    </v-timeline-item>
+
+    <v-timeline-item
+      icon="mdi-alert-decagram"
+      icon-color="white"
+      dot-color="green-lighten-2">
+      <template v-slot:opposite>
+        April 12th, 2024
+      </template>
+      <div>
+        <div class="text-h6">1.80.0 Release</div>
+        <p>
+          UI overhaul update! This release includes a new UI design, new features, and bug fixes.
+        </p>
+        <p>
+          This release also adds capability to use video as custom background, and other improvements in background backend codes.
+        </p>
+      </div>
+      <v-btn 
+        color="green-lighten-3"
+        href="https://github.com/CollapseLauncher/Collapse/releases/tag/CL-v1.80.0-pre"
+        target="_blank">
+        Release notes
+      </v-btn>
+    </v-timeline-item>
+  </v-timeline>
+</template>

package-lock.json

@@ -5,12 +5,14 @@
     "home:preview": "vitepress preview home"
   },
   "dependencies": {
+    "@mdi/font": "^7.4.47",
     "highlight.js": "^11.11.1",
     "markdown-it": "^14.1.0",
     "marked": "^15.0.7",
     "marked-highlight": "^2.2.1",
     "medium-zoom": "^1.1.0",
     "vitepress": "^2.0.0-alpha.4",
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "vuetify": "^3.7.18"
   }
 }