From c5c614c75d14197f1d431a62ae1d0b25bcaa99d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Fri, 30 May 2025 15:49:59 +0800
Subject: [PATCH] Remove legacy component & Update validating system using
 localstorage.

---
 components/app/windows/news.vue           | 14 ++---
 components/app/windows/settings.vue       | 29 ++++++++--
 components/blurPageBeforeLogin.vue        | 18 ++++++-
 pages/apis.vue                            | 47 ++++++++++++++++-
 pages/desktop.vue                         |  7 ---
 server/api/user/checkcookie.ts            | 64 -----------------------
 server/api/user/validateUserToken.post.ts | 48 +++++++++++++++++
 7 files changed, 141 insertions(+), 86 deletions(-)
 delete mode 100644 server/api/user/checkcookie.ts
 create mode 100644 server/api/user/validateUserToken.post.ts

diff --git a/components/app/windows/news.vue b/components/app/windows/news.vue
index 9861b1a..641f2b6 100644
--- a/components/app/windows/news.vue
+++ b/components/app/windows/news.vue
@@ -23,7 +23,6 @@ const emit = defineEmits([
   "openNewsSourcePage",
   "windowopener",
 ]);
-const staticid = computed(() => props.staticid);
 
 const openNewWindow = (itemId: string) => {
   emit("windowopener", "aboutNewsOrg");
@@ -285,10 +284,7 @@ const openPublisher = (text: string) => {
             <div>
               <div>
                 <h3 class="text-lg">類似文章</h3>
-                <div
-                  
-                  class="space-y-2"
-                >
+                <div class="space-y-2">
                   <div
                     v-for="similar in useArgFindRel(item.title, item.publisher)"
                     :key="similar.item.id"
@@ -302,8 +298,12 @@ const openPublisher = (text: string) => {
                     </div>
                   </div>
                 </div>
-              <div v-if="checkIfEmpty(item.title)" class="text-gray-500 text-sm">找不到類似文章</div>
-
+                <div
+                  v-if="checkIfEmpty(item.title)"
+                  class="text-gray-500 text-sm"
+                >
+                  找不到類似文章
+                </div>
               </div>
               <!--<div v-for="item in findRel(item.title)">
                   {{ item }}
diff --git a/components/app/windows/settings.vue b/components/app/windows/settings.vue
index bfbdf89..fc56cfc 100644
--- a/components/app/windows/settings.vue
+++ b/components/app/windows/settings.vue
@@ -1,13 +1,32 @@
 <script setup lang="ts">
-const logoutAction = () => {
+const user = ref();
+const userToken = localStorage.getItem("token");
+const { t, locale } = useI18n();
+onMounted(async () => {
+  const req = await fetch("/api/user/validateUserToken", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      token: userToken,
+      lang: locale,
+      page: "settings",
+    }),
+  });
+  const res = req.json();
+  user.value = res;
+});
 
-}
+const logoutAction = () => {};
 </script>
 <template>
-  <div>
-    <div class="bg-gray-400 p-2 m-2 w-full">
+  <div class="justify-center align-center text-center">
+    <div class="">Greetings, {{ user }}</div>
+    <div class="bg-gray-200/70 p-2 m-2 w-full">
       <button @click="logoutAction">Logout</button>
     </div>
-    <hr/>
+    <hr />
+    <div class="justiy-center align-center text-center">Settings v0.0.1</div>
   </div>
 </template>
diff --git a/components/blurPageBeforeLogin.vue b/components/blurPageBeforeLogin.vue
index e83b827..1b12690 100644
--- a/components/blurPageBeforeLogin.vue
+++ b/components/blurPageBeforeLogin.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 // Imports
-const { t } = useI18n();
+const { t, locale } = useI18n();
 // Values
 const allowed = ref(false);
 const error = ref(false);
@@ -9,7 +9,21 @@ const emit = defineEmits(["windowopener", "error", "loadValue"]);
 
 try {
   // 喔 我沒有加 await :( 難怪有問題
-  const { data, error: sendError } = await useFetch("/api/user/checkcookie");
+  const token = localStorage.getItem("token");
+  const { data, error: sendError } = await useFetch(
+    "/api/user/validateUserToken",
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        token: token,
+        lang: locale,
+        page: "a_window_application_using_blurPageBeforeLogin_component",
+      }),
+    },
+  );
   if (sendError.value) {
     error.value = true;
   }
diff --git a/pages/apis.vue b/pages/apis.vue
index de4e9c6..bde7b68 100644
--- a/pages/apis.vue
+++ b/pages/apis.vue
@@ -1,10 +1,55 @@
+<script setup lang="ts">
+const apis = [
+  {
+    apiroute: "/shortforward",
+    name: "A Simple url forwarder.",
+    content:
+      "This is maly used for yhw.tw/news, which is a super simple redirection tool for easy redirecting.",
+    caching: false,
+  },
+  {
+    apiroute: "/api/tabs",
+    name: "Get LINE Today Tabs",
+    content: "Using LINE Today as a source for getting tabs & caching results.",
+    caching: true,
+  },
+  {
+    apiroute: "/api/home/lt",
+    name: "Get the news feed of LINE Today",
+    content:
+      "This endpoint requires ?query=, and you can go the the /api/tabs to find the query.",
+    caching: true,
+  },
+  {
+    apiroute: "/api/news/get/lt/[slug]",
+    name: "Get the news article using node-fetch & cheerio",
+    content:
+      "This endpoint requires the slug to be filled in, in order to get it to work.",
+    caching: true,
+  },
+  {
+    apiroute: "/api/ai/chat/[slug]",
+    name: "",
+    content: "",
+    caching: false,
+  },
+  {
+    apiroute: "/api/ai/summarize/[slug]",
+    name: "",
+    content: "",
+    caching: false,
+  },
+];
+</script>
 <template>
   <div
     class="justify-center align-center text-center absolute inset-0 flex flex-col"
   >
     <h1 class="text-4xl text-bold">APIs</h1>
     <div class="items flex flex-row flex-wrap">
-      <div class="item group"></div>
+      <div class="item group" v-for="item in apis">
+        {{ item.name }}
+      </div>
     </div>
   </div>
 </template>
diff --git a/pages/desktop.vue b/pages/desktop.vue
index 09fcfab..aa6dd70 100644
--- a/pages/desktop.vue
+++ b/pages/desktop.vue
@@ -472,12 +472,6 @@ const openNewsSourcePage = async (slug: string, titleName: string) => {
     passedValues.value = null;
   }, 1000);
 };
-
-// Not used?
-const getStaticArticleId = () => {
-  storeStaticArticleId.value += 1;
-  return storeStaticArticleId.value;
-};
 </script>
 <template>
   <div v-if="changeLangAnimation">
@@ -597,7 +591,6 @@ const getStaticArticleId = () => {
             @loadValue=""
             @openArticles="openArticles"
             @openNewsSourcePage="openNewsSourcePage"
-            :staticid="getStaticArticleId"
             :values="passedValues"
           />
         </Suspense>
diff --git a/server/api/user/checkcookie.ts b/server/api/user/checkcookie.ts
deleted file mode 100644
index 1c021bb..0000000
--- a/server/api/user/checkcookie.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-// This should be hooked up to a database soon.
-import sql from "~/server/components/postgres";
-
-// Parse Date Function
-function checkDate(dateString: string) {
-  const now = new Date();
-  const parsed = new Date(dateString);
-  const timer = 60 * 60 * 1;
-  return now.getTime() - parsed.getTime() > timer;
-}
-
-export default defineEventHandler(async (event) => {
-  const loginCookie = getCookie(event, "session");
-  const lastCheckCookie = getCookie(event, "last_check");
-  const nowDate = new Date().toLocaleString();
-  console.log(nowDate);
-  if (!lastCheckCookie && loginCookie) {
-    deleteCookie(event, "session");
-    setCookie(event, "lastCheckCookie", nowDate, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      path: "/",
-    });
-    return {
-      auth: false,
-      user: null,
-    };
-  }
-  if (!lastCheckCookie) {
-    setCookie(event, "lastCheckCookie", nowDate, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      path: "/",
-    });
-  }
-  if (checkDate(String(lastCheckCookie))) {
-    setCookie(event, "lastCheckCookie", nowDate, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      path: "/",
-    });
-  }
-  if (!loginCookie) {
-    setCookie(event, "lastCheckCookie", nowDate, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      path: "/",
-    });
-    return {
-      auth: false,
-      user: null,
-    };
-  }
-  const loginCookieStore = atob(loginCookie);
-  /*const findUser = sql`
-    select * from userlogintokens
-    where token = ${loginCookieStore}
-    `;*/
-  return {
-    auth: true,
-    user: "testing",
-    loginCookie: loginCookieStore, // Debug
-  };
-});
diff --git a/server/api/user/validateUserToken.post.ts b/server/api/user/validateUserToken.post.ts
new file mode 100644
index 0000000..405aef7
--- /dev/null
+++ b/server/api/user/validateUserToken.post.ts
@@ -0,0 +1,48 @@
+import sql from "~/server/components/postgres";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+  const token = body.token;
+  if (!token) {
+    return {
+      error: "NO_TOKEN_GIVEN",
+      requested_action: "SHOW_WARNING",
+    };
+  }
+  const checkIsUUIDRegex =
+    /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/;
+  if (!checkIsUUIDRegex.test(token)) {
+    return {
+      error: "NOT_A_UUID",
+      requested_action: "LOGOUT_USER",
+    };
+  }
+  const fetchViaSQL = await sql`
+    SELECT * FROM usertokens
+    where token=${token}
+    `;
+  if (!fetchViaSQL[0]) {
+    return {
+      error: "INVALID_TOKEN",
+      requested_action: "LOGOUT_USER",
+    };
+  }
+
+  const tokenDate = new Date(fetchViaSQL[0].created_at);
+  const now = new Date();
+  const dayInMilliseconds = 24 * 60 * 60 * 1000;
+
+  if (now.getTime() - tokenDate.getTime() > dayInMilliseconds) {
+    return {
+      error: "TOKEN_EXPIRED",
+      requested_action: "LOGOUT_USER",
+    };
+  }
+  return {
+    userAccount: fetchViaSQL[0].username,
+    requested_action: "CONTINUE",
+    email: fetchViaSQL[0].email,
+    avatarURL: fetchViaSQL[0].avatarurl,
+    firstName: fetchViaSQL[0].firstName,
+  };
+});