dynamic server address

Author: hanydd

public/_locales/en/messages.json

@@ -1451,5 +1451,26 @@
     },
     "cacheManagementTitle": {
         "message": "缓存管理"
+    },
+    "enableDynamicServerAddress": {
+        "message": "启用动态服务器地址"
+    },
+    "dynamicServerAddressDescription": {
+        "message": "自动从远程接口获取服务器地址。地址将被缓存以减少请求次数。"
+    },
+    "apiUrl": {
+        "message": "API 地址"
+    },
+    "refreshing": {
+        "message": "刷新中..."
+    },
+    "refreshDynamicServerAddress": {
+        "message": "刷新服务器地址"
+    },
+    "refreshServerAddressSuccess": {
+        "message": "服务器地址刷新成功！"
+    },
+    "refreshServerAddressFailed": {
+        "message": "服务器地址刷新失败！"
     }
 }

public/_locales/zh_CN/messages.json

@@ -1451,5 +1451,26 @@
     },
     "cacheManagementTitle": {
         "message": "缓存管理"
+    },
+    "enableDynamicServerAddress": {
+        "message": "启用动态服务器地址"
+    },
+    "dynamicServerAddressDescription": {
+        "message": "自动从远程接口获取服务器地址。地址将被缓存以减少请求次数。"
+    },
+    "apiUrl": {
+        "message": "API 地址"
+    },
+    "refreshing": {
+        "message": "刷新中..."
+    },
+    "refreshDynamicServerAddress": {
+        "message": "刷新服务器地址"
+    },
+    "refreshServerAddressSuccess": {
+        "message": "服务器地址刷新成功！"
+    },
+    "refreshServerAddressFailed": {
+        "message": "服务器地址刷新失败！"
     }
 }

public/_locales/zh_TW/messages.json

@@ -1450,5 +1450,26 @@
     },
     "cacheManagementTitle": {
         "message": "快取管理"
+    },
+    "enableDynamicServerAddress": {
+        "message": "啟用動態伺服器地址"
+    },
+    "dynamicServerAddressDescription": {
+        "message": "自動從遠端介面取得伺服器地址。地址將被快取以減少請求次數。"
+    },
+    "apiUrl": {
+        "message": "API 地址"
+    },
+    "refreshing": {
+        "message": "重整中..."
+    },
+    "refreshDynamicServerAddress": {
+        "message": "重整伺服器地址"
+    },
+    "refreshServerAddressSuccess": {
+        "message": "伺服器地址重整成功！"
+    },
+    "refreshServerAddressFailed": {
+        "message": "伺服器地址重整失敗！"
     }
 }

public/options/options.html

@@ -731,7 +731,7 @@ <h2>__MSG_exportOtherData__</h2>
 					<label class="optionLabel inline">
 						<span class="optionLabel">__MSG_customServerAddress__:</span>
 
-						<input class="option-text-box" type="text" style="margin-right: 10px" />
+						<input id="serverAddressInput" class="option-text-box" type="text" style="margin-right: 10px" />
 					</label>
 
 					<div class="small-description">__MSG_customServerAddressDescription__</div>
@@ -743,6 +743,40 @@ <h2>__MSG_exportOtherData__</h2>
 					</div>
 				</div>
 
+				<div data-dependent-on="testingServer" data-dependent-on-inverted="true">
+					<div data-type="toggle" data-sync="useDynamicServerAddress">
+						<div class="switch-container">
+							<label class="switch">
+								<input id="useDynamicServerAddress" type="checkbox" />
+								<span class="slider round"></span>
+							</label>
+							<label class="switch-label" for="useDynamicServerAddress">
+								__MSG_enableDynamicServerAddress__
+							</label>
+						</div>
+
+						<div class="small-description">__MSG_dynamicServerAddressDescription__</div>
+
+						<div data-dependent-on="useDynamicServerAddress">
+							<br />
+							<div data-type="text-change" data-sync="dynamicServerAddressUrl">
+								<label class="optionLabel inline">
+									<span class="optionLabel">__MSG_apiUrl__:</span>
+									<input class="option-text-box" type="text" style="margin-right: 10px" />
+								</label>
+
+								<div class="next-line" style=" display: flex;gap: 10px;">
+									<div class="option-button text-change-set inline">__MSG_save__</div>
+									<div class="option-button text-change-reset inline">__MSG_reset__</div>
+									<div data-type="react-DynamicServerAddressComponent"></div>
+
+								</div>
+							</div>
+
+						</div>
+					</div>
+				</div>
+
 			</div>
 
 			<div id="experiment" class="option-group hidden">

src/background.ts

@@ -10,6 +10,7 @@ import { chromeP } from "./utils/browserApi";
 import { getHash } from "./utils/hash";
 import { generateUserID } from "./utils/setup";
 import { setupTabUpdates } from "./utils/tab-updates";
+import { updateServerAddressCache, forceRefreshServerAddress, clearServerAddressCache } from "./utils/dynamicServerAddress";
 
 const popupPort: Record<string, chrome.runtime.Port> = {};
 
@@ -19,6 +20,9 @@ const contentScriptRegistrations = {};
 setupBackgroundRequestProxy();
 setupTabUpdates(Config);
 
+// 初始化动态服务器地址
+void initDynamicServerAddress();
+
 chrome.runtime.onMessage.addListener(function (request, sender, callback) {
     switch (request.message) {
         case "openConfig":
@@ -103,6 +107,9 @@ chrome.runtime.onInstalled.addListener(function () {
             // Don't show update notification
             Config.config.categoryPillUpdate = true;
         }
+
+        // 在安装或更新时更新动态服务器地址
+        void initDynamicServerAddress();
     }, 1500);
 });
 
@@ -236,10 +243,55 @@ function setupBackgroundRequestProxy() {
             return true;
         }
 
+        // ============ Dynamic Server Address Handlers ============
+        if (request.message === "updateServerAddress") {
+            updateServerAddressCache()
+                .then(() => callback({ ok: true }))
+                .catch(() => callback({ ok: false }));
+            return true;
+        }
+
+        if (request.message === "forceRefreshServerAddress") {
+            forceRefreshServerAddress()
+                .then((success) => callback({ ok: success }))
+                .catch(() => callback({ ok: false }));
+            return true;
+        }
+
+        if (request.message === "clearServerAddressCache") {
+            try {
+                clearServerAddressCache();
+                callback({ ok: true });
+            } catch {
+                callback({ ok: false });
+            }
+            return true;
+        }
+
         return false;
     });
 }
 
+/**
+ * 初始化动态服务器地址
+ * 在扩展启动时调用，检查并更新服务器地址缓存
+ */
+async function initDynamicServerAddress(): Promise<void> {
+    // 等待配置加载完成
+    while (!Config.isReady()) {
+        await new Promise((resolve) => setTimeout(resolve, 100));
+    }
+
+    // 启动时更新服务器地址
+    await updateServerAddressCache();
+
+    // 设置定期更新（每隔TTL的一半检查一次）
+    const checkInterval = Math.max(Config.config.dynamicServerAddressTTL / 2, 60000); // 至少1分钟
+    setInterval(() => {
+        void updateServerAddressCache();
+    }, checkInterval);
+}
+
 /**
  * Get cache statistics for segments and video labels caches
  */

src/components/options/DynamicServerAddressComponent.tsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+
+export interface DynamicServerAddressProps {}
+
+export interface DynamicServerAddressState {
+    isRefreshing: boolean;
+}
+
+class DynamicServerAddressComponent extends React.Component<
+    DynamicServerAddressProps,
+    DynamicServerAddressState
+> {
+    constructor(props: DynamicServerAddressProps) {
+        super(props);
+
+        this.state = {
+            isRefreshing: false,
+        };
+    }
+
+    async handleRefresh(): Promise<void> {
+        this.setState({ isRefreshing: true });
+
+        try {
+            const response = await new Promise<{ ok: boolean }>((resolve) => {
+                chrome.runtime.sendMessage({ message: "forceRefreshServerAddress" }, resolve);
+            });
+
+            if (response.ok) {
+                alert(
+                    chrome.i18n.getMessage("refreshServerAddressSuccess") || "Server address refreshed successfully!"
+                );
+            } else {
+                alert(chrome.i18n.getMessage("refreshServerAddressFailed") || "Failed to refresh server address!");
+            }
+        } catch (error) {
+            alert(chrome.i18n.getMessage("refreshServerAddressFailed") || "Failed to refresh server address!");
+        } finally {
+            this.setState({ isRefreshing: false });
+        }
+    }
+
+    render(): React.ReactElement {
+        return (
+            <div>
+                <div
+                    className={`option-button inline ${this.state.isRefreshing ? "disabled" : ""}`}
+                    onClick={() => !this.state.isRefreshing && this.handleRefresh()}
+                >
+                    {this.state.isRefreshing
+                        ? chrome.i18n.getMessage("refreshing") || "Refreshing..."
+                        : chrome.i18n.getMessage("refreshDynamicServerAddress") || "Refresh Server Address"}
+                </div>
+            </div>
+        );
+    }
+}
+
+export default DynamicServerAddressComponent;
+

src/config.ts

@@ -105,6 +105,11 @@ interface SBConfig {
 
     showNewIcon: boolean;
 
+    // 动态服务器地址配置
+    useDynamicServerAddress: boolean; // 是否启用动态服务器地址
+    dynamicServerAddressUrl: string; // 获取服务器地址的接口URL
+    dynamicServerAddressTTL: number; // 缓存时间（毫秒）
+
     // Used to cache calculated text color info
     categoryPillColors: {
         [key in Category]: {
@@ -180,6 +185,12 @@ interface SBStorage {
 
     /* Contains unsubmitted segments that the user has created. */
     unsubmittedSegments: Record<string, SponsorTime[]>;
+
+    // 动态服务器地址缓存
+    dynamicServerAddressCache?: {
+        address: string;
+        fetchedAt: number; // timestamp
+    };
 }
 
 class ConfigClass extends ProtoConfig<SBConfig, SBStorage> {
@@ -373,6 +384,11 @@ const syncDefaults = {
 
     showNewIcon: true,
 
+    // 动态服务器地址配置
+    useDynamicServerAddress: true,
+    dynamicServerAddressUrl: "https://bsbsb.top/api/serverAddress", // 默认接口地址
+    dynamicServerAddressTTL: 5 * 3600 * 1000, // 5小时
+
     categoryPillColors: {},
 
     /**