feat: add install page

client/entry-server.ts

@@ -9,8 +9,15 @@ interface RenderedContext {
   modules: string[]
 }
 
-export async function render(url: string, manifest: SSRManifest) {
-  const initialState = {}
+export async function render(
+  url: string,
+  manifest: SSRManifest,
+  ssrContext: any
+) {
+  const initialState = {
+    isInstalled: ssrContext.isInstalled
+  }
+
   const { app, router } = await createApp(initialState)
 
   // set the router to the desired URL before rendering

client/main.ts

@@ -47,15 +47,3 @@ export async function createApp(initialState: Record<string, any>) {
 
   return { app, router }
 }
-
-// export default viteSSR(
-//   App,
-//   { routes },
-//   async ({ app, initialState, router }) => {
-
-//     r.beforeEach((to) => {
-//       to.meta.app = app
-//       to.meta.store = store
-//     })
-//   }
-// )

client/pages/error.vue

@@ -13,12 +13,30 @@
 </template>
 
 <script>
-import { defineComponent } from 'vue'
+import { defineComponent, onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { isSSR } from '~/utils'
 
 export default defineComponent({
   setup() {
+    const errorMsg = ref('')
+
+    if (!isSSR) {
+      const isInstalled = window.__INITIAL_STATE__?.isInstalled
+      const router = useRouter()
+
+      if (!isInstalled) {
+        router.push('/install')
+      }
+    }
+
+    onMounted(() => {
+      errorMsg.value =
+        window.__INITIAL_STATE__?.storeState?.error || 'Unknown Error'
+    })
+
     return {
-      errorMsg: window.__INITIAL_STATE__?.storeState?.error || 'Unknown Error'
+      errorMsg
     }
   }
 })

client/pages/install.vue

@@ -0,0 +1,6 @@
+<template>
+  <div class="install">
+    <span></span>
+    install page
+  </div>
+</template>

server/halo.ts

@@ -2,7 +2,7 @@ import LRU from 'lru-cache'
 import proxy from 'koa-better-http-proxy'
 import { Context, Middleware } from 'koa'
 import { createMarkdownRenderer } from './markdown'
-import axios from 'axios'
+import axios, { AxiosInstance } from 'axios'
 
 const mdCache = new LRU({
   // 24 h
@@ -84,13 +84,16 @@ export function haloProxy(proxyConf: any): Middleware {
   }
 }
 
+let axiosInstance: AxiosInstance | null = null
+
 function createHaloProxy(opt: {
   target: string
   accessKey: string
 }): Middleware {
   const instance = axios.create({
     baseURL: opt.target
   })
+  axiosInstance = instance
 
   instance.interceptors.request.use((conf) => {
     if (conf.url?.match('/api/admin')) {
@@ -114,3 +117,16 @@ function createHaloProxy(opt: {
     ctx.body = res.data
   }
 }
+
+let cacheInstalled = false
+export async function checkInstall() {
+  if (cacheInstalled) {
+    return true
+  }
+
+  const res = await axiosInstance?.get('/api/admin/is_installed')
+
+  cacheInstalled = !!res?.data?.data
+
+  return cacheInstalled
+}

server/vite.ts

@@ -3,13 +3,16 @@ import fs from 'fs'
 import serve from 'koa-static'
 import { Middleware } from 'koa'
 import { ViteDevServer } from 'vite'
+import { checkInstall } from './halo'
 
 const debug = require('debug')('sakura:vite')
 
 export function serveViteDev(vite: ViteDevServer): Middleware {
   const manifest = {}
 
   return async (ctx) => {
+    const ssrContext = getSSRContext()
+
     try {
       const url = ctx.request.originalUrl
 
@@ -21,7 +24,11 @@ export function serveViteDev(vite: ViteDevServer): Middleware {
       const render = (await vite.ssrLoadModule('/client/entry-server.ts'))
         .render
 
-      const { html, preloadLinks, initialState } = await render(url, manifest)
+      const { html, preloadLinks, initialState } = await render(
+        url,
+        manifest,
+        ssrContext
+      )
 
       const appHtml = renderHtml(template, { preloadLinks, html, initialState })
 
@@ -52,9 +59,15 @@ export function serveViteBuild(dist: string): Middleware[] {
   return [
     serveStatic,
     async (ctx, next) => {
+      const ssrContext = await getSSRContext()
+
       const url = ctx.request.url
 
-      const { html, preloadLinks, initialState } = await render(url, manifest)
+      const { html, preloadLinks, initialState } = await render(
+        url,
+        manifest,
+        ssrContext
+      )
 
       const appHtml = renderHtml(indexTpl, { html, preloadLinks, initialState })
 
@@ -63,6 +76,12 @@ export function serveViteBuild(dist: string): Middleware[] {
   ]
 }
 
+async function getSSRContext() {
+  return {
+    isInstalled: await checkInstall()
+  }
+}
+
 function renderHtml(
   template: string,
   opt: {