dsh-vpn 0.1.0 → 0.1.1

package/README.md

@@ -9,11 +9,21 @@
 
 ## 使用
 
+用你启动 dsh 的同一种方式安装。profile 名就是启动 dsh 时 `--profile` 后面的名字；用 `dsh web` 启动的话就是 `web`：
+
 ```bash
+# 用 npx 运行 dsh 的
+npx @deepseek-ai/dsh plugin --profile web add dsh-vpn
+# 全局安装了 dsh 的
 dsh plugin --profile web add dsh-vpn
 ```
 
-打开 dsh →「插件」→ dsh-vpn：
+装好后重启 dsh，然后打开设置页：
+
+- dsh 0.1.5：「设置」→「插件」→「插件配置」→「VPN 节点」
+- dsh 0.1.7 及以后：侧边栏「插件」→ dsh-vpn
+
+在设置页里：
 
 1. 填写服务器 IP、SSH 端口、用户名、密码，点「保存」和「测试连接」。
 2. 勾选要安装的协议，选择证书类型（推荐「IP 证书」），保存后点「安装 / 更新」。

package/lib/client.js

@@ -243,6 +243,8 @@ var STYLES = `
 .dshvpn-hostkey small { flex-basis: 100%; }
 .dshvpn-protocols { display: flex; flex-direction: column; gap: 6px; }
 .dshvpn-protocol { display: flex; align-items: center; gap: 8px; }
+.dshvpn-checkbox { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; }
+.dshvpn-checkbox input { margin: 0; }
 .dshvpn-radio { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; cursor: pointer; }
 .dshvpn-radio input { margin-top: 3px; }
 .dshvpn-radio span { display: flex; flex-direction: column; gap: 2px; }
@@ -261,8 +263,16 @@ var STYLES = `
 .dshvpn-qr { background: #fff; padding: 6px; border-radius: 6px; line-height: 0; align-self: center; }
 .dshvpn-qr svg { width: 180px; height: 180px; }
 .dshvpn-link { display: block; max-width: 100%; max-height: 3.2em; overflow: hidden; color: var(--dsw-alias-label-secondary, #666); }
+.dshvpn-card { list-style: none; border-radius: 10px; border: 1px solid var(--dsw-alias-border-l2, rgba(127,127,127,.3)); }
+.dshvpn-card-head { all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; cursor: pointer; }
+.dshvpn-card-title { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
+.dshvpn-card-chevron { color: var(--dsw-alias-label-tertiary, #888); }
+.dshvpn-card-body { padding: 4px 14px 16px; }
 `;
 
+// src/client/VpnSettingsCard.tsx
+var import_react2 = require("react");
+
 // src/client/VpnSettingsPage.tsx
 var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
@@ -994,6 +1004,14 @@ function transportsFor(id) {
   const t = PROTOCOLS.find((p) => p.id === id)?.transport ?? "TCP";
   return t === "TCP+UDP" ? ["tcp", "udp"] : [t.toLowerCase()];
 }
+function Checkbox({ label, checked, disabled, onChange }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dshvpn-checkbox", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked, disabled, onChange: (e) => {
+      onChange(e.target.checked);
+    } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
+  ] });
+}
 function QrCard({ item, t }) {
   const [copied, setCopied] = (0, import_react.useState)(false);
   const info = PROTOCOLS.find((p) => p.id === item.id);
@@ -1163,7 +1181,7 @@ function VpnSettingsPage({ view, t, api }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { className: "dshvpn-muted", children: t("protocolHint") }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dshvpn-protocols", children: PROTOCOLS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshvpn-protocol", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_dsh_client_ui_primitives.Checkbox,
+          Checkbox,
           {
             label: p.name,
             checked: form.protocols.includes(p.id),
@@ -1221,7 +1239,7 @@ function VpnSettingsPage({ view, t, api }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("deploySection") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Checkbox, { label: t("regenerate"), checked: regenerate, disabled, onChange: setRegenerate }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkbox, { label: t("regenerate"), checked: regenerate, disabled, onChange: setRegenerate }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshvpn-actions", children: [
         confirming === "regenerate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", onClick: () => {
@@ -1319,6 +1337,25 @@ ${t("certExpires", { date: new Date(cert.expires ?? "").toLocaleString(), hours
   ] });
 }
 
+// src/client/VpnSettingsCard.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function VpnSettingsCard(props) {
+  const { t } = props;
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "dshvpn-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: "dshvpn-card-head", "aria-expanded": open, onClick: () => {
+      setOpen(!open);
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dshvpn-card-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { className: "dshvpn-muted", children: t("description") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", className: "dshvpn-card-chevron", children: open ? "\u25BE" : "\u25B8" })
+    ] }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dshvpn-card-body", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(VpnSettingsPage, { ...props, view: "page" }) })
+  ] });
+}
+
 // src/client/index.ts
 var PACKAGE_NAME = "dsh-vpn";
 var inject = ["slots", "locale"];
@@ -1339,6 +1376,12 @@ function apply(ctx) {
     locale: NS,
     inject: () => ({ api: vpnApi })
   }, VpnSettingsPage));
+  ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+    name: "settings.plugin.item",
+    key: PACKAGE_NAME,
+    locale: NS,
+    inject: () => ({ api: vpnApi })
+  }, VpnSettingsCard));
 }
 
 		return module.exports;

package/lib/index.js

@@ -20811,6 +20811,13 @@ function apply(ctx, config) {
   ctx.inject(["connection"], (webCtx) => {
     registerApi(webCtx, service);
   });
+  ctx.inject(["settings"], (settingsCtx) => {
+    const settings = settingsCtx.settings;
+    try {
+      settings?.register?.("dsh-vpn", Schema.object({}), {});
+    } catch {
+    }
+  });
 }
 export {
   Config,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vpn",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "DeepSeek Harness plugin: one-click sing-box deployment to a VPS over SSH, with a settings page and QR codes",
   "keywords": [
     "dsh-plugin",