codex-endpoint-switcher 1.3.1 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codex-endpoint-switcher",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "用于切换 Codex URL 和 Key 的本地网页控制台与 npm CLI",
   "main": "src/main/main.js",
   "bin": {

package/src/renderer/index.html

@@ -14,10 +14,35 @@
     <div class="page-shell">
       <section id="authGate" class="auth-gate">
         <div class="auth-card panel">
+          <section class="auth-hero-card">
+            <p class="eyebrow">CODEX ENDPOINT SWITCHER</p>
+            <h1 class="auth-hero-title">登录后直接进入连接控制台</h1>
+            <p class="auth-hero-copy">
+              连接切换、账号同步、远端拉取都绑定到同一账号空间里，进入后即可直接管理。
+            </p>
+
+            <div class="auth-highlight-list">
+              <article class="auth-highlight-item">
+                <span class="auth-highlight-label">登录后可用</span>
+                <strong>推送当前连接</strong>
+                <p>把本机 URL、Key、备注同步到账号空间。</p>
+              </article>
+              <article class="auth-highlight-item">
+                <span class="auth-highlight-label">同步能力</span>
+                <strong>合并或覆盖拉取</strong>
+                <p>在不同设备之间快速恢复同一套连接配置。</p>
+              </article>
+              <article class="auth-highlight-item">
+                <span class="auth-highlight-label">固定服务</span>
+                <strong>自动连接账号同步服务</strong>
+                <p>这里只需要输入账号和密码，不需要再配置服务地址。</p>
+              </article>
+            </div>
+          </section>
+
           <div class="auth-form-card">
             <div class="panel-header auth-panel-header">
               <div>
-                <p class="eyebrow">CODEX ENDPOINT SWITCHER</p>
                 <p class="panel-kicker">Account Access</p>
                 <h2>账号登录</h2>
               </div>

package/src/renderer/styles.css

@@ -101,27 +101,87 @@ code {
 }
 
 .auth-card {
-  width: min(560px, 100%);
+  width: min(980px, 100%);
   min-height: auto;
-  padding: 20px;
+  padding: 22px;
   border-radius: 36px;
-  display: block;
+  display: grid;
+  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
+  gap: 18px;
+  align-items: stretch;
   background:
     radial-gradient(circle at top left, rgba(216, 97, 53, 0.18), transparent 34%),
     radial-gradient(circle at bottom right, rgba(46, 139, 139, 0.16), transparent 32%),
     rgba(255, 249, 243, 0.9);
 }
 
+.auth-hero-card,
 .auth-form-card {
   display: grid;
   align-content: center;
   gap: 14px;
-  padding: 14px;
+  padding: 20px;
   border-radius: 30px;
   background: rgba(255, 252, 248, 0.82);
   border: 1px solid rgba(47, 36, 30, 0.08);
 }
 
+.auth-hero-card {
+  background:
+    radial-gradient(circle at top left, rgba(216, 97, 53, 0.18), transparent 32%),
+    linear-gradient(165deg, rgba(255, 250, 245, 0.96), rgba(248, 239, 232, 0.9));
+  gap: 18px;
+}
+
+.auth-hero-title {
+  margin: 0;
+  font-size: clamp(2rem, 3.2vw, 3rem);
+  line-height: 1.02;
+  font-family: "Bahnschrift", "Microsoft YaHei UI", sans-serif;
+  letter-spacing: 0.01em;
+}
+
+.auth-hero-copy {
+  margin: 0;
+  max-width: 34rem;
+  color: var(--muted);
+  font-size: 0.98rem;
+  line-height: 1.75;
+}
+
+.auth-highlight-list {
+  display: grid;
+  gap: 12px;
+}
+
+.auth-highlight-item {
+  display: grid;
+  gap: 6px;
+  padding: 14px 16px;
+  border-radius: 22px;
+  border: 1px solid rgba(47, 36, 30, 0.08);
+  background: rgba(255, 255, 255, 0.6);
+}
+
+.auth-highlight-label {
+  color: var(--accent-deep);
+  font-size: 0.76rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+.auth-highlight-item strong {
+  font-size: 1.08rem;
+}
+
+.auth-highlight-item p {
+  margin: 0;
+  color: var(--muted);
+  line-height: 1.55;
+  font-size: 0.9rem;
+}
+
 .auth-panel-header {
   margin-bottom: 0;
 }
@@ -130,6 +190,10 @@ code {
   margin-top: 0;
 }
 
+.auth-form-card .panel-header {
+  margin-bottom: 4px;
+}
+
 .auth-form .field-hint,
 .auth-status {
   margin-top: 2px;
@@ -742,6 +806,11 @@ input[readonly] {
     height: auto;
   }
 
+  .auth-card {
+    width: min(720px, 100%);
+    grid-template-columns: 1fr;
+  }
+
   .content-grid {
     grid-template-columns: 1fr;
   }
@@ -793,16 +862,40 @@ input[readonly] {
 
   .auth-card {
     width: 100%;
-    padding: 10px;
+    padding: 12px;
     border-radius: 24px;
+    gap: 12px;
   }
 
+  .auth-hero-card,
   .auth-form-card,
   .panel {
     border-radius: 20px;
     padding: 14px;
   }
 
+  .auth-hero-card {
+    gap: 14px;
+  }
+
+  .auth-hero-title {
+    font-size: 1.8rem;
+  }
+
+  .auth-hero-copy {
+    font-size: 0.9rem;
+    line-height: 1.6;
+  }
+
+  .auth-highlight-list {
+    gap: 8px;
+  }
+
+  .auth-highlight-item {
+    padding: 12px;
+    border-radius: 18px;
+  }
+
   .account-hint {
     font-size: 0.82rem;
     line-height: 1.4;
@@ -925,6 +1018,7 @@ input[readonly] {
   .auth-card {
     min-height: auto;
     padding: 16px;
+    gap: 14px;
   }
 
   .panel {

package/src/web/proxy-server.js

@@ -2,6 +2,147 @@ const http = require("node:http");
 const https = require("node:https");
 const profileManager = require("../main/profile-manager");
 
+const httpAgent = new http.Agent({
+  keepAlive: true,
+});
+
+const httpsAgent = new https.Agent({
+  keepAlive: true,
+});
+
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+function isRetryableTlsError(error) {
+  const code = String(error?.code || "").trim().toUpperCase();
+  const message = String(error?.message || "");
+
+  return (
+    code === "ECONNRESET" ||
+    code === "ETIMEDOUT" ||
+    code === "EPIPE" ||
+    code === "EPROTO" ||
+    message.includes("secure TLS connection was established") ||
+    message.includes("socket hang up")
+  );
+}
+
+function readRequestBody(req) {
+  return new Promise((resolve, reject) => {
+    const chunks = [];
+
+    req.on("data", (chunk) => {
+      chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+    });
+
+    req.on("end", () => {
+      resolve(chunks.length ? Buffer.concat(chunks) : Buffer.alloc(0));
+    });
+
+    req.on("error", reject);
+  });
+}
+
+function sendUpstreamRequest({
+  upstreamUrl,
+  requestModule,
+  headers,
+  method,
+  bodyBuffer,
+}) {
+  return new Promise((resolve, reject) => {
+    const upstreamRequest = requestModule.request(
+      upstreamUrl,
+      {
+        method,
+        headers,
+        agent: upstreamUrl.protocol === "https:" ? httpsAgent : httpAgent,
+      },
+      (upstreamResponse) => {
+        resolve(upstreamResponse);
+      },
+    );
+
+    upstreamRequest.setTimeout(12000, () => {
+      upstreamRequest.destroy(new Error("上游请求超时。"));
+    });
+
+    upstreamRequest.on("error", reject);
+
+    if (bodyBuffer?.length) {
+      upstreamRequest.end(bodyBuffer);
+      return;
+    }
+
+    upstreamRequest.end();
+  });
+}
+
+async function forwardWithRetry({
+  upstreamUrl,
+  requestModule,
+  headers,
+  method,
+  bodyBuffer,
+  retryCount = 2,
+}) {
+  let lastError = null;
+
+  for (let attempt = 0; attempt <= retryCount; attempt += 1) {
+    try {
+      return await sendUpstreamRequest({
+        upstreamUrl,
+        requestModule,
+        headers,
+        method,
+        bodyBuffer,
+      });
+    } catch (error) {
+      lastError = error;
+      if (attempt >= retryCount || !isRetryableTlsError(error)) {
+        throw error;
+      }
+
+      await sleep(220 * (attempt + 1));
+    }
+  }
+
+  throw lastError || new Error("代理转发失败。");
+}
+
+async function warmUpCurrentTarget() {
+  const target = await profileManager.getProxyTarget();
+  const upstreamUrl = new URL(target.url);
+  const requestModule = upstreamUrl.protocol === "https:" ? https : http;
+
+  const warmUrl = new URL("/", upstreamUrl);
+
+  await new Promise((resolve, reject) => {
+    const warmRequest = requestModule.request(
+      warmUrl,
+      {
+        method: "HEAD",
+        headers: {
+          authorization: `Bearer ${target.key}`,
+          host: warmUrl.host,
+        },
+        agent: upstreamUrl.protocol === "https:" ? httpsAgent : httpAgent,
+      },
+      (response) => {
+        response.resume();
+        resolve(response.statusCode || 200);
+      },
+    );
+
+    warmRequest.setTimeout(6000, () => {
+      warmRequest.destroy(new Error("预热请求超时。"));
+    });
+    warmRequest.on("error", reject);
+    warmRequest.end();
+  });
+}
+
 function createProxyServer() {
   return http.createServer(async (req, res) => {
     try {
@@ -16,42 +157,28 @@ function createProxyServer() {
       const requestPath = req.url && req.url.startsWith("/") ? req.url : `/${req.url || ""}`;
       const upstreamUrl = new URL(requestPath, upstreamBase);
       const requestModule = upstreamUrl.protocol === "https:" ? https : http;
+      const bodyBuffer = await readRequestBody(req);
       const headers = {
         ...req.headers,
         host: upstreamUrl.host,
         authorization: `Bearer ${target.key}`,
+        "content-length": String(bodyBuffer.length),
       };
 
       delete headers.connection;
-
-      const upstreamRequest = requestModule.request(
+      const upstreamResponse = await forwardWithRetry({
         upstreamUrl,
-        {
-          method: req.method,
-          headers,
-        },
-        (upstreamResponse) => {
-          res.writeHead(upstreamResponse.statusCode || 502, upstreamResponse.headers);
-          upstreamResponse.pipe(res);
-        },
-      );
-
-      upstreamRequest.on("error", (error) => {
-        if (!res.headersSent) {
-          res.writeHead(502, { "Content-Type": "application/json; charset=utf-8" });
-        }
-        res.end(
-          JSON.stringify({
-            ok: false,
-            error: `代理转发失败：${error.message}`,
-          }),
-        );
+        requestModule,
+        headers,
+        method: req.method,
+        bodyBuffer,
       });
 
-      req.pipe(upstreamRequest);
+      res.writeHead(upstreamResponse.statusCode || 502, upstreamResponse.headers);
+      upstreamResponse.pipe(res);
     } catch (error) {
       if (!res.headersSent) {
-        res.writeHead(500, { "Content-Type": "application/json; charset=utf-8" });
+        res.writeHead(502, { "Content-Type": "application/json; charset=utf-8" });
       }
 
       res.end(
@@ -66,4 +193,5 @@ function createProxyServer() {
 
 module.exports = {
   createProxyServer,
+  warmUpCurrentTarget,
 };

package/src/web/server.js

@@ -3,7 +3,7 @@ const { exec } = require("node:child_process");
 const express = require("express");
 const profileManager = require("../main/profile-manager");
 const cloudSyncClient = require("../main/cloud-sync-client");
-const { createProxyServer } = require("./proxy-server");
+const { createProxyServer, warmUpCurrentTarget } = require("./proxy-server");
 
 function wrapAsync(handler) {
   return async (req, res) => {
@@ -226,6 +226,9 @@ function startServer(options = {}) {
   });
 
   proxyServer.listen(proxyPort);
+  warmUpCurrentTarget().catch(() => {
+    // 预热失败不阻断服务启动，真正请求时仍会走自动重试。
+  });
 
   const controller = {
     webServer,