From 58de2c670d603b14dd4f36311d0d9a70e74d8976 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Mon, 26 May 2025 10:57:54 +0800
Subject: [PATCH] Add caching into the tabs system & change routes

---
 components/app/windows/news.vue |  2 +-
 server/api/cached/tabs.ts       | 32 -------------------------------
 server/api/tabs.ts              | 34 +++++++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+), 33 deletions(-)
 delete mode 100644 server/api/cached/tabs.ts
 create mode 100644 server/api/tabs.ts

diff --git a/components/app/windows/news.vue b/components/app/windows/news.vue
index 05e9135..3a79dbc 100644
--- a/components/app/windows/news.vue
+++ b/components/app/windows/news.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import CheckKidUnfriendlyContent from "~/components/checks/checkKidUnfriendlyContent";
 const pullTabsData = async () => {
-  const req = await fetch("/api/cached/tabs");
+  const req = await fetch("/api/tabs");
   const data = await req.json();
   return data.data;
 };
diff --git a/server/api/cached/tabs.ts b/server/api/cached/tabs.ts
deleted file mode 100644
index 3f32c6c..0000000
--- a/server/api/cached/tabs.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export default defineEventHandler(async (event) => {
-  try {
-    const buildUrl = `https://today.line.me/_next/data/v1/tw/v3/tab/${type}.json?tabs=${type}`;
-    const req = await fetch(buildUrl, {
-      headers: {
-        "Accept-Encoding": "gzip, deflate, br",
-        Accept: "application/json",
-        "User-Agent":
-          "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
-      },
-    });
-    const res = await req.json();
-    const req2 = res.pageProps.fallback.getTabsData.modules;
-    return req2;
-  } catch (e) {
-    return {
-      error: e,
-      data: [
-        {
-          text: "國內",
-          url: "domestic",
-          default: true,
-        },
-        {
-          text: "國外",
-          url: "global",
-          default: false,
-        },
-      ],
-    };
-  }
-});
diff --git a/server/api/tabs.ts b/server/api/tabs.ts
new file mode 100644
index 0000000..cbeaeef
--- /dev/null
+++ b/server/api/tabs.ts
@@ -0,0 +1,34 @@
+let cachedData: { data: string[]; timestamp: number } | null = null;
+const CACHE_DURATION = 1000 * 60 * 60; // 1 Hour
+export default defineEventHandler(async (event) => {
+  if (cachedData && Date.now() - cachedData.timestamp < CACHE_DURATION) {
+    return {
+      data: cachedData.data,
+      cached: true
+    };
+  }
+   try {
+    const req = await fetch("https://today.line.me/_next/data/v1/tw/v3/tab/domestic.json?tabs=domestic", {
+      headers: {
+        "Accept-Encoding": "gzip, deflate, br",
+        Accept: "application/json",
+        "User-Agent":
+          "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
+      },
+    });
+    const res = await req.json();
+    const req2 = res.pageProps.fallback.getTabsData.modules;
+    cachedData = {
+      data: req2,
+      timestamp: Date.now(),
+    };
+    return {
+      data: req2,
+      cached: false
+    };
+  } catch (e) {
+    return {
+      "error": "INTERNAL_SERVER_ERROR"
+    }
+  }
+});