[shared] feat: welcome

Author: Tigercrl

apps/app/src/index.ts

@@ -17,7 +17,6 @@ export const fullscreen = ref(false);
   if (platform() == "macos") {
     watchEffect(() => {
       windowButtonsExists.value = !fullscreen.value;
-      console.log(windowButtonsExists);
     });
   } else {
     windowButtonsExists.value = true;

apps/web/package.json

@@ -18,7 +18,10 @@
     "@repo/configs": "workspace:*",
     "@repo/shared": "workspace:*",
     "@repo/ui": "workspace:*",
+    "@vueuse/core": "^13.7.0",
+    "axios": "^1.13.2",
     "eslint": "^9.33.0",
+    "pinia": "^3.0.3",
     "vue": "^3.5.18",
     "yup": "^1.7.0"
   },

apps/web/src-frontend/index.ts

@@ -1,6 +1,22 @@
 import { load } from "@repo/shared/src";
 import App from "@repo/shared/src/App.vue";
+import router from "@repo/shared/src/router.ts";
+import { useAccount } from "./utils/store.ts";
 
 (async () => {
   await load("web", App);
+
+  router.beforeEach((to, _from, next) => {
+    if (useAccount().loggedIn) {
+      if (to.path.startsWith("/auth")) {
+        next("/");
+      }
+    } else {
+      if (!to.path.startsWith("/auth") && !to.path.startsWith("/welcome")) {
+        next("/auth");
+      }
+    }
+
+    next();
+  });
 })();

apps/web/src-frontend/utils/store.ts

@@ -0,0 +1,41 @@
+import { defineStore } from "pinia";
+import { computed } from "vue";
+import { useLocalStorage, useSessionStorage } from "@vueuse/core";
+import router from "@repo/shared/src/router.ts";
+
+export const useAccount = defineStore("account", () => {
+  const tokenPermanent = useLocalStorage<string | null>("mcsl-web-token", null);
+  const tokenTemporary = useSessionStorage<string | null>(
+    "mcsl-web-token",
+    null,
+  );
+
+  const token = computed(() => {
+    return tokenPermanent.value ?? tokenTemporary.value;
+  });
+
+  const loggedIn = computed(() => {
+    return token.value != null;
+  });
+
+  function setToken(token: string | null, isPermanent?: boolean) {
+    if (isPermanent === true || isPermanent == undefined) {
+      tokenPermanent.value = token;
+    }
+    if (isPermanent === false || isPermanent == undefined) {
+      tokenTemporary.value = token;
+    }
+  }
+
+  async function logout() {
+    setToken(null);
+    await router.push("/");
+  }
+
+  return {
+    token,
+    setToken,
+    logout,
+    loggedIn,
+  };
+});

apps/web/src-frontend/Auth.vue apps/web/src-frontend/views/Auth.vueapps/web/src-frontend/Auth.vue renamed to apps/web/src-frontend/views/Auth.vue

@@ -1,31 +1,11 @@
 <script setup lang="ts">
 import Button from "@repo/ui/src/components/form/button/Button.vue";
-import { useTheme } from "@repo/ui/src/utils/stores.ts";
-import { computed } from "vue";
 import { createForm } from "@repo/ui/src/utils/form.ts";
 import * as yup from "yup";
 import Form from "@repo/ui/src/components/form/Form.vue";
 import FormEntry from "@repo/ui/src/components/form/FormEntry.vue";
 import InputText from "@repo/ui/src/components/form/entries/InputText.vue";
-import Setup from "packages/shared/src/layouts/Setup.vue";
-
-const theme = useTheme();
-const nextTheme = computed(() => {
-  switch (theme.theme) {
-    case "system":
-      return "light";
-    case "light":
-      return "dark";
-    case "dark":
-      return "system";
-    default:
-      return "light";
-  }
-});
-
-function changeTheme(event: MouseEvent) {
-  theme.change(nextTheme.value, "viewTransition", event);
-}
+import SetupLayout from "packages/shared/src/layouts/SetupLayout.vue";
 
 const form = createForm(
   {
@@ -49,14 +29,7 @@ const form = createForm(
 </script>
 
 <template>
-  <Setup>
-    <Button
-      shadow="always"
-      icon="fa fa-moon"
-      :rounded="true"
-      @click="changeTheme"
-      style="position: absolute; top: 2rem; left: 2rem"
-    />
+  <SetupLayout>
     <h2>注册管理员账户</h2>
     <Form :form="form" @submit="console.log('submit', form.data.value)">
       <FormEntry name="name">
@@ -72,7 +45,7 @@ const form = createForm(
         >注册</Button
       >
     </Form>
-  </Setup>
+  </SetupLayout>
 </template>
 
 <style scoped lang="scss"></style>

apps/web/src/api.rs

@@ -131,10 +131,21 @@ pub async fn api_user_refresh(
     }
 }
 
+#[get("/user/should-register")]
+pub async fn api_user_should_register() -> impl Responder {
+    HttpResponse::Ok().json(SuccessResponse {
+        status: "success",
+        data: get_users().is_empty(),
+    })
+}
+
 #[post("/user/register")]
 pub async fn api_user_register(data: web::Json<LoginRequest>) -> impl Responder {
     if !get_users().is_empty() {
-        return HttpResponse::NotFound().body("");
+        return HttpResponse::Forbidden().json(FailedResponse {
+            status: "failed",
+            err: "admin-exists",
+        });
     }
 
     match user::add_user(UserInput {

apps/web/src/main.rs

@@ -57,7 +57,8 @@ async fn main() -> std::io::Result<()> {
                 .service(api::api_user_update)
                 .service(api::api_user_update_password)
                 .service(api::api_user_delete)
-                .service(api::api_user_get_self),
+                .service(api::api_user_get_self)
+                .service(api::api_user_should_register),
         );
 
         #[cfg(not(debug_assertions))]

packages/locales

@@ -34,6 +34,7 @@
     "semver-utils": "^1.1.4",
     "vue": "^3.5.18",
     "vue-i18n": "^11.1.11",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1",
+    "yup": "^1.7.0"
   }
 }

packages/shared/package.json

@@ -18,10 +18,12 @@ const layout = computed(() => {
 </script>
 
 <template>
-  <component v-if="layout" :is="layout">
-    <RouterView />
-  </component>
-  <RouterView v-else />
+  <component v-if="layout" :is="layout" />
+  <RouterView v-else v-slot="{ Component }">
+    <transition name="fade" mode="in-out">
+      <component :is="Component" />
+    </transition>
+  </RouterView>
   <NotificationTemplate id="default">
     <template v-slot="data">
       <p>{{ (data as any).message }}</p>