0.0.32

- Updated index.html to include a placeholder for Cloudflare Web Analytics, which is now only injected in production mode.
- Modified vite.config.ts to implement an HTML transform plugin that dynamically adds the Cloudflare script based on the environment.

index.html

@@ -65,8 +65,8 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
 
-    <!-- Cloudflare Web Analytics -->
-    <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "2aecdc025eb043bc89ce931b54a80054"}'></script>
+    <!-- Cloudflare Web Analytics - Only in Production -->
+    <!--CLOUDFLARE_ANALYTICS_PLACEHOLDER-->
     <!-- End Cloudflare Web Analytics -->
   </body>
 </html>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "litek",
   "private": true,
-  "version": "0.0.30",
+  "version": "0.0.32",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/tool/currency.tsx

@@ -99,18 +99,20 @@ const Tool: FC = () => {
         const cached = localStorage.getItem(RATES_CACHE_KEY);
         if (cached) {
           try {
-            const { rates: cachedRates, date: cachedDate } = JSON.parse(cached);
+            const { rates: cachedRates, date: cachedDate, fetchedAt } = JSON.parse(cached);
             
-            // Check if cached data is from today
-            const today = new Date().toISOString().split('T')[0]; // YYYY-MM-DD
+            const now = Date.now();
+            const twelveHoursInMs = 12 * 60 * 60 * 1000;
             
-            if (cachedDate === today) {
-              // Cache is valid (same date), use it directly
+            // Strategy: Use cache if it's recent enough (within 12 hours)
+            // This handles all edge cases: weekends, holidays, timezone differences
+            // Exchange rates update once per day, so 12-hour cache is reasonable
+            if (fetchedAt && (now - fetchedAt < twelveHoursInMs)) {
               setRates(cachedRates);
               setLoading(false);
               return;
             } else {
-              // Cache is outdated, show old data first then update in background
+              // Cache is older than 12 hours, show it first then update in background
               setRates(cachedRates);
               setLoading(false);
               // Continue to fetch new data below
@@ -134,11 +136,15 @@ const Tool: FC = () => {
         const allRates: Record<string, number> = { USD: 1, ...data.rates };
         const apiDate = data.date; // Date from API (YYYY-MM-DD format)
         
-        // 3. Update state and cache
+        // 3. Update state and cache (with timestamp)
         setRates(allRates);
         localStorage.setItem(
           RATES_CACHE_KEY,
-          JSON.stringify({ rates: allRates, date: apiDate })
+          JSON.stringify({ 
+            rates: allRates, 
+            date: apiDate,
+            fetchedAt: Date.now() // Timestamp when we fetched the data
+          })
         );
       } catch (error) {
         // If cache exists, continue using it even if network fails

vite.config.ts

@@ -5,10 +5,20 @@ import tailwindcss from "@tailwindcss/vite"
 import { VitePWA } from 'vite-plugin-pwa'
 
 // https://vite.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [
     react(), 
     tailwindcss(),
+    // HTML 替换插件 - 仅在生产环境注入 Cloudflare Analytics
+    {
+      name: 'html-transform',
+      transformIndexHtml(html) {
+        const cloudflareScript = mode === 'production' 
+          ? `<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "2aecdc025eb043bc89ce931b54a80054"}'></script>`
+          : '';
+        return html.replace('<!--CLOUDFLARE_ANALYTICS_PLACEHOLDER-->', cloudflareScript);
+      }
+    },
     VitePWA({
       registerType: 'autoUpdate',
       includeAssets: ['lite.svg', 'robots.txt', 'sitemap.xml'],
@@ -130,4 +140,4 @@ export default defineConfig({
     },
     chunkSizeWarningLimit: 500,
   },
-})
+}))