init

public/js/random.js

@@ -0,0 +1,134 @@
+/**
+ * Static Random Pic API
+ * Generated by build script
+ */
+(function() {
+    var counts = {"h":979,"v":3596};
+    var domain = 'https://pic.acofork.com';
+    
+    // State management for session consistency
+    var sessionRandomH = null;
+    var sessionRandomV = null;
+
+    // Helper: Get random URL for a type (h or v), persistent per session
+    function getRandomUrl(type) {
+        if (!counts[type] || counts[type] === 0) return '';
+        
+        // Return existing session URL if available
+        if (type === 'h' && sessionRandomH) return sessionRandomH;
+        if (type === 'v' && sessionRandomV) return sessionRandomV;
+
+        // Generate new if not exists
+        var num = Math.floor(Math.random() * counts[type]) + 1;
+        var url = domain + '/ri/' + type + '/' + num + '.webp';
+
+        // Save to session state
+        if (type === 'h') sessionRandomH = url;
+        if (type === 'v') sessionRandomV = url;
+
+        return url;
+    }
+
+    // Expose global functions
+    window.getRandomPicH = function() { return getRandomUrl('h'); };
+    window.getRandomPicV = function() { return getRandomUrl('v'); };
+
+    // 1. Logic for Background (Customized based on user request)
+    function setRandomBackground() { 
+         // Get random URL using the helper (Dynamic count & domain)
+         const bgUrl = getRandomUrl('h');
+          
+         // Find the background box element 
+         const bgBox = document.getElementById('bg-box'); 
+          
+         if (bgBox) { 
+             // Preload image 
+             const img = new Image(); 
+             img.onload = function() { 
+                 bgBox.style.backgroundImage = `url('${bgUrl}')`; 
+                 bgBox.classList.add('loaded'); 
+                 console.log('Random background loaded:', bgUrl); 
+                  
+                 // Set CSS variables for transparency effects 
+                 document.documentElement.style.setProperty('--card-bg', 'var(--card-bg-transparent)'); 
+                 document.documentElement.style.setProperty('--float-panel-bg', 'var(--float-panel-bg-transparent)'); 
+             }; 
+             img.onerror = function() { 
+                 console.error('Failed to load background image:', bgUrl); 
+             }; 
+             img.src = bgUrl; 
+         } else { 
+             // Fallback: If no #bg-box, check for data-random-bg for backward compatibility/other elements
+             // This keeps the generic functionality available if needed, but prioritizes the user's specific logic above.
+             initGenericBackgrounds();
+         } 
+    }
+
+    // 2. Logic for Image Tags (Generic)
+    function initImgTags() {
+        var imgTags = document.getElementsByTagName('img');
+        for (var i = 0; i < imgTags.length; i++) {
+            var img = imgTags[i];
+            var alt = img.getAttribute('alt');
+            var src = img.getAttribute('src');
+
+            if (alt === 'random:h' || (src && src.indexOf('/random/h') !== -1)) {
+                img.src = getRandomUrl('h');
+            } else if (alt === 'random:v' || (src && src.indexOf('/random/v') !== -1)) {
+                img.src = getRandomUrl('v');
+            }
+        }
+    }
+
+    // Helper for generic data-random-bg (as a backup or secondary feature)
+    function initGenericBackgrounds() {
+        var bgElements = document.querySelectorAll('[data-random-bg]');
+        bgElements.forEach(function(el) {
+            // Skip if it is the bg-box we already handled (though setRandomBackground handles #bg-box specifically)
+            if (el.id === 'bg-box') return;
+
+            var type = el.getAttribute('data-random-bg');
+            if (type === 'h' || type === 'v') {
+                var url = getRandomUrl(type);
+                if (url) {
+                    var img = new Image();
+                    img.onload = function() {
+                        el.style.backgroundImage = 'url("' + url + '")';
+                        el.classList.add('loaded');
+                    };
+                    img.src = url;
+                }
+            }
+        });
+    }
+
+    function init() {
+        setRandomBackground();
+        initImgTags();
+    }
+  
+    // Run on initial load 
+    if (document.readyState === 'loading') { 
+        document.addEventListener('DOMContentLoaded', init); 
+    } else { 
+        init(); 
+    } 
+  
+    // Swup integration
+    function setupSwup() {
+        if (window.swup && window.swup.hooks) {
+            // Register hook for content replacement
+            window.swup.hooks.on('content:replace', init);
+            console.log('Random Pic API: Registered with Swup hooks.');
+        }
+    }
+
+    if (window.swup) {
+        setupSwup();
+    } else {
+        document.addEventListener('swup:enable', setupSwup);
+    }
+
+    // Legacy Swup support
+    document.addEventListener('swup:contentReplaced', init); 
+})();

public/js/umami-share.js

@@ -0,0 +1,91 @@
+(function (global) {
+  const cacheKey = 'umami-share-cache';
+  const cacheTTL = 3600_000; // 1h
+
+  async function fetchShareData(baseUrl, shareId) {
+    const cached = localStorage.getItem(cacheKey);
+    if (cached) {
+      try {
+        const parsed = JSON.parse(cached);
+        if (Date.now() - parsed.timestamp < cacheTTL) {
+          return parsed.value;
+        }
+      } catch {
+        localStorage.removeItem(cacheKey);
+      }
+    }
+    const res = await fetch(`${baseUrl}/api/share/${shareId}`);
+    if (!res.ok) {
+      throw new Error('获取 Umami 分享信息失败');
+    }
+    const data = await res.json();
+    localStorage.setItem(cacheKey, JSON.stringify({ timestamp: Date.now(), value: data }));
+    return data;
+  }
+
+  /**
+   * 获取 Umami 分享数据（websiteId、token）
+   * 在缓存 TTL 内复用；并用全局 Promise 避免并发请求
+   * @param {string} baseUrl
+   * @param {string} shareId
+   * @returns {Promise<{websiteId: string, token: string}>}
+   */
+  global.getUmamiShareData = function (baseUrl, shareId) {
+    if (!global.__umamiSharePromise) {
+      global.__umamiSharePromise = fetchShareData(baseUrl, shareId).catch((err) => {
+        delete global.__umamiSharePromise;
+        throw err;
+      });
+    }
+    return global.__umamiSharePromise;
+  };
+
+  global.clearUmamiShareCache = function () {
+    localStorage.removeItem(cacheKey);
+    delete global.__umamiSharePromise;
+  };
+
+  /**
+   * 获取 Umami 统计数据
+   * 自动处理 token 获取和过期重试
+   * @param {string} baseUrl
+   * @param {string} shareId
+   * @param {object} queryParams
+   * @returns {Promise<any>}
+   */
+  global.fetchUmamiStats = async function (baseUrl, shareId, queryParams) {
+    async function doFetch(isRetry = false) {
+      const { websiteId, token } = await global.getUmamiShareData(baseUrl, shareId);
+      const currentTimestamp = Date.now();
+      const params = new URLSearchParams({
+        startAt: 0,
+        endAt: currentTimestamp,
+        unit: 'hour',
+        timezone: queryParams.timezone || 'Asia/Shanghai',
+        compare: false,
+        ...queryParams
+      });
+      
+      const statsUrl = `${baseUrl}/api/websites/${websiteId}/stats?${params.toString()}`;
+      
+      const res = await fetch(statsUrl, {
+        headers: {
+          'x-umami-share-token': token
+        }
+      });
+
+      if (!res.ok) {
+        if (res.status === 401 && !isRetry) {
+          global.clearUmamiShareCache();
+          return doFetch(true);
+        }
+        throw new Error('获取统计数据失败');
+      }
+
+      return await res.json();
+    }
+
+    return doFetch();
+  };
+
+})(window);