@dsh-plus/web-cache-headers 0.1.5 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/client.js +49 -141
- package/package.json +2 -2
- package/src/client/card.tsx +4 -12
- package/src/client/client.ts +2 -2
package/lib/client.js
CHANGED
|
@@ -4,50 +4,18 @@ window.__ModuleLoader__.load({
|
|
|
4
4
|
var module = { exports: {} };
|
|
5
5
|
var exports = module.exports;
|
|
6
6
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
7
|
-
let react = require("react");
|
|
8
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
-
let
|
|
8
|
+
let react = require("react");
|
|
9
|
+
require("@deepseek-ai/dsh-client-ui-primitives");
|
|
10
10
|
//#region ../shared/src/client/card.tsx
|
|
11
11
|
const IDLE_STATUS = {
|
|
12
12
|
kind: "idle",
|
|
13
13
|
text: ""
|
|
14
14
|
};
|
|
15
|
-
/** 状态行 + 动作按钮(两种形态共用,类名随形态切换度量)。 */
|
|
16
|
-
function CardFoot(props) {
|
|
17
|
-
const p = props.prefix;
|
|
18
|
-
const section = props.variant === "section";
|
|
19
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
20
|
-
className: section ? `${p}-sectionFooter` : `${p}-footer`,
|
|
21
|
-
children: [props.status !== void 0 && props.status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
22
|
-
className: `${p}-status${props.status.kind === "error" ? ` ${p}-statusError` : ""}`,
|
|
23
|
-
role: "status",
|
|
24
|
-
children: props.status.text
|
|
25
|
-
}) : null, props.actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
26
|
-
type: "button",
|
|
27
|
-
className: `${p}-btn ${action.variant === "primary" ? `${p}-btnPrimary` : `${p}-btnGhost`}`,
|
|
28
|
-
disabled: action.disabled === true,
|
|
29
|
-
onClick: action.onClick,
|
|
30
|
-
children: action.label
|
|
31
|
-
}, action.key))]
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
/** 只读提示 + 字段区 + 页脚(两种形态共用)。 */
|
|
35
|
-
function CardBody(props) {
|
|
36
|
-
const p = props.prefix;
|
|
37
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
|
|
38
|
-
props.readOnlyNotice !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
39
|
-
className: `${p}-readOnly`,
|
|
40
|
-
role: "status",
|
|
41
|
-
children: props.readOnlyNotice
|
|
42
|
-
}) : null,
|
|
43
|
-
props.children,
|
|
44
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardFoot, { ...props })
|
|
45
|
-
] });
|
|
46
|
-
}
|
|
47
15
|
function CardChrome(props) {
|
|
48
16
|
const p = props.prefix;
|
|
49
17
|
const badge = props.statusBadge;
|
|
50
|
-
|
|
18
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
|
|
51
19
|
className: `${p}-section`,
|
|
52
20
|
"aria-label": props.title,
|
|
53
21
|
children: [
|
|
@@ -72,50 +40,37 @@ window.__ModuleLoader__.load({
|
|
|
72
40
|
className: `${p}-sectionDesc`,
|
|
73
41
|
children: props.description
|
|
74
42
|
}),
|
|
75
|
-
/* @__PURE__ */ (0, react_jsx_runtime.
|
|
43
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
76
44
|
className: `${p}-sectionBody`,
|
|
77
|
-
children:
|
|
45
|
+
children: [
|
|
46
|
+
props.readOnlyNotice !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
47
|
+
className: `${p}-readOnly`,
|
|
48
|
+
role: "status",
|
|
49
|
+
children: props.readOnlyNotice
|
|
50
|
+
}) : null,
|
|
51
|
+
props.children,
|
|
52
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
53
|
+
className: `${p}-sectionFooter`,
|
|
54
|
+
children: [props.status !== void 0 && props.status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
55
|
+
className: `${p}-status${props.status.kind === "error" ? ` ${p}-statusError` : ""}`,
|
|
56
|
+
role: "status",
|
|
57
|
+
children: props.status.text
|
|
58
|
+
}) : null, props.actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
59
|
+
type: "button",
|
|
60
|
+
className: `${p}-btn ${action.variant === "primary" ? `${p}-btnPrimary` : `${p}-btnGhost`}`,
|
|
61
|
+
disabled: action.disabled === true,
|
|
62
|
+
onClick: action.onClick,
|
|
63
|
+
children: action.label
|
|
64
|
+
}, action.key))]
|
|
65
|
+
})
|
|
66
|
+
]
|
|
78
67
|
})
|
|
79
68
|
]
|
|
80
69
|
});
|
|
81
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
|
|
82
|
-
className: `${p}-card${props.open ? ` ${p}-cardOpen` : ""}`,
|
|
83
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
84
|
-
type: "button",
|
|
85
|
-
className: `${p}-header`,
|
|
86
|
-
"aria-expanded": props.open,
|
|
87
|
-
"aria-label": props.title,
|
|
88
|
-
onClick: () => props.onToggle(!props.open),
|
|
89
|
-
children: [
|
|
90
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
91
|
-
className: `${p}-headText`,
|
|
92
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
93
|
-
className: `${p}-name`,
|
|
94
|
-
children: props.title
|
|
95
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
96
|
-
className: `${p}-description`,
|
|
97
|
-
children: props.description
|
|
98
|
-
})]
|
|
99
|
-
}),
|
|
100
|
-
badge !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
101
|
-
className: `${p}-statusBadge ${badge.on ? `${p}-statusOn` : `${p}-statusOff`}`,
|
|
102
|
-
children: badge.text
|
|
103
|
-
}) : null,
|
|
104
|
-
props.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
105
|
-
className: `${p}-pending`,
|
|
106
|
-
children: props.dirtyLabel
|
|
107
|
-
}) : null,
|
|
108
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `${p}-chevron${props.open ? ` ${p}-chevronOpen` : ""}` })
|
|
109
|
-
]
|
|
110
|
-
}), props.open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
111
|
-
className: `${p}-body`,
|
|
112
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBody, { ...props })
|
|
113
|
-
}) : null]
|
|
114
|
-
});
|
|
115
70
|
}
|
|
116
71
|
/** 取值未到达时的占位:与 CardChrome 同形态,避免宿主页里闪一次卡片外壳。 */
|
|
117
72
|
function CardLoading(props) {
|
|
118
|
-
|
|
73
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
|
|
119
74
|
className: `${props.prefix}-section`,
|
|
120
75
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
121
76
|
className: `${props.prefix}-readOnly`,
|
|
@@ -123,41 +78,20 @@ window.__ModuleLoader__.load({
|
|
|
123
78
|
children: props.text
|
|
124
79
|
})
|
|
125
80
|
});
|
|
126
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
|
|
127
|
-
className: `${props.prefix}-card`,
|
|
128
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
129
|
-
className: `${props.prefix}-readOnly`,
|
|
130
|
-
role: "status",
|
|
131
|
-
children: props.text
|
|
132
|
-
})
|
|
133
|
-
});
|
|
134
81
|
}
|
|
135
82
|
//#endregion
|
|
136
83
|
//#region ../shared/src/client/config-slots.ts
|
|
137
84
|
/** dsh-plus 聚合 bundle 的包名(各插件 row 均经其补丁层插入 profile)。 */
|
|
138
85
|
const DSH_PLUS_BUNDLE = "@dsh-plus/bundle-main";
|
|
139
86
|
/**
|
|
140
|
-
*
|
|
141
|
-
*
|
|
142
|
-
* 故用无边框分节;summary 与 legacy 槽位保持卡片形态。
|
|
143
|
-
*/
|
|
144
|
-
function cardVariantFor(view) {
|
|
145
|
-
return view === "page" ? "section" : "card";
|
|
146
|
-
}
|
|
147
|
-
/**
|
|
148
|
-
* 把一张配置卡片同时注册进 legacy 与新版三个槽位。
|
|
149
|
-
* 任一槽位在当前 dsh 版本未声明时对应 inject 挂起等待,版本不命中即 no-op。
|
|
87
|
+
* 把一张配置卡片注册进插件页的两个配置槽位。
|
|
88
|
+
* 两个槽位都由 0.2.1-alpha.1 的插件页声明,任一缺席即报错——不做版本探测。
|
|
150
89
|
*/
|
|
151
90
|
function injectPluginConfigCard(slots, reg) {
|
|
152
91
|
const base = {
|
|
153
92
|
locale: reg.ns,
|
|
154
93
|
inject: reg.inject
|
|
155
94
|
};
|
|
156
|
-
slots.inject("settings.plugin.item", () => slots.register({
|
|
157
|
-
name: "settings.plugin.item",
|
|
158
|
-
key: reg.ns,
|
|
159
|
-
...base
|
|
160
|
-
}, reg.component));
|
|
161
95
|
slots.inject("plugins.row.config", () => slots.register({
|
|
162
96
|
name: "plugins.row.config",
|
|
163
97
|
key: `${DSH_PLUS_BUNDLE}#${reg.rowId}`,
|
|
@@ -409,36 +343,33 @@ window.__ModuleLoader__.load({
|
|
|
409
343
|
//#endregion
|
|
410
344
|
//#region ../shared/src/client/styles.ts
|
|
411
345
|
/**
|
|
412
|
-
*
|
|
413
|
-
*
|
|
414
|
-
*
|
|
346
|
+
* 配置分节样式工厂(各插件 client 的公共收编版)。
|
|
347
|
+
*
|
|
348
|
+
* 目标宿主 dsh 0.2.1-alpha.1:插件页把配置视图放进已有页面级内边距的容器里
|
|
349
|
+
* (`div.detailSections[data-plugin-config]` 或 `section.detailSection[data-plugin-config]`),
|
|
350
|
+
* 外层无边框——故这里输出的是**无边框分节**(小节标题 13px/600、字段 12px 0、
|
|
351
|
+
* 横向零内边距、页脚非 sticky),度量对齐官方设置页
|
|
352
|
+
* (`@deepseek-ai/dsh-client-ui-primitives` 的 settings-form)。
|
|
353
|
+
*
|
|
354
|
+
* 移动端与可达性(767px 断点 + pointer:coarse,对齐 ui-mobile-fit 约定):
|
|
415
355
|
* - 窄屏 input/textarea 16px(防 iOS 聚焦缩放)、可点目标 ≥44px;
|
|
416
|
-
* -
|
|
417
|
-
* - 展开态 body 底部 sticky 保存栏(长表单滚动中始终可达)。
|
|
418
|
-
* - 分节形态(-section,插件页 page 视图内嵌宿主页面):无边框/背景、横向零
|
|
419
|
-
* 内边距,页脚不 sticky——官方插件页已提供页面级内边距,再叠一层卡片会
|
|
420
|
-
* 缩窄移动端可用宽度(卡片套卡片)。
|
|
356
|
+
* - 页脚按钮等宽换行、状态文字独占一行。
|
|
421
357
|
* 沿用官方 data-plugin / data-plugin-css 约定(HMR 据此卸载),不覆盖上游选择器。
|
|
422
358
|
* @module @dsh-plus/shared/client/styles
|
|
423
359
|
*/
|
|
424
|
-
/**
|
|
360
|
+
/** 生成全套分节 CSS;prefix 为插件类名前缀(如 'dne'),extra 为插件特有规则。 */
|
|
425
361
|
function cardCss(prefix, extra = "") {
|
|
426
362
|
return `
|
|
427
|
-
.${prefix}-
|
|
428
|
-
.${prefix}-
|
|
429
|
-
.${prefix}-
|
|
430
|
-
.${prefix}-
|
|
431
|
-
.${prefix}-
|
|
432
|
-
.${prefix}-
|
|
433
|
-
.${prefix}-
|
|
434
|
-
.${prefix}-description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}
|
|
435
|
-
.${prefix}-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s;display:inline-flex}
|
|
436
|
-
.${prefix}-chevronOpen{transform:rotate(180deg)}
|
|
363
|
+
.${prefix}-section{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;padding:16px 0;display:flex}
|
|
364
|
+
.${prefix}-sectionHead{align-items:center;gap:8px;min-width:0;display:flex}
|
|
365
|
+
.${prefix}-sectionTitle{min-width:0;color:var(--dsw-alias-label-primary);flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.5}
|
|
366
|
+
.${prefix}-sectionBadge{white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
|
|
367
|
+
.${prefix}-sectionDesc{color:var(--dsw-alias-label-tertiary);margin:4px 0 0;font-size:12px;line-height:1.5}
|
|
368
|
+
.${prefix}-sectionBody{flex-direction:column;min-width:0;display:flex}
|
|
369
|
+
.${prefix}-sectionFooter{align-items:center;gap:8px;padding-top:16px;display:flex;flex-wrap:wrap}
|
|
437
370
|
.${prefix}-pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
|
|
438
|
-
.${prefix}-statusBadge{white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
|
|
439
371
|
.${prefix}-statusOn{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary)}
|
|
440
372
|
.${prefix}-statusOff{color:var(--dsw-alias-label-tertiary)}
|
|
441
|
-
.${prefix}-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}
|
|
442
373
|
.${prefix}-field{flex-direction:column;gap:6px;padding:12px 0;display:flex}
|
|
443
374
|
.${prefix}-field+.${prefix}-field{border-top:1px solid var(--dsw-alias-border-l2)}
|
|
444
375
|
.${prefix}-head{align-items:center;gap:8px;display:flex}
|
|
@@ -464,19 +395,9 @@ window.__ModuleLoader__.load({
|
|
|
464
395
|
.${prefix}-checkRow input:checked::after{left:16px;background:var(--dsw-alias-bg-base)}
|
|
465
396
|
.${prefix}-checkRow input:disabled{opacity:.4;cursor:default}
|
|
466
397
|
.${prefix}-checkRow input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
|
|
467
|
-
/* 宿主内嵌分节形态(插件页 page 视图):官方设置页同构——无边框/背景,
|
|
468
|
-
横向零内边距(宽度交给宿主页面容器),小节标题 13px/600,页脚非 sticky。 */
|
|
469
|
-
.${prefix}-section{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;padding:16px 0;display:flex}
|
|
470
|
-
.${prefix}-sectionHead{align-items:center;gap:8px;min-width:0;display:flex}
|
|
471
|
-
.${prefix}-sectionTitle{min-width:0;color:var(--dsw-alias-label-primary);flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.5}
|
|
472
|
-
.${prefix}-sectionBadge{white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
|
|
473
|
-
.${prefix}-sectionDesc{color:var(--dsw-alias-label-tertiary);margin:4px 0 0;font-size:12px;line-height:1.5}
|
|
474
|
-
.${prefix}-sectionBody{flex-direction:column;min-width:0;display:flex}
|
|
475
|
-
.${prefix}-sectionFooter{align-items:center;gap:8px;padding-top:16px;display:flex;flex-wrap:wrap}
|
|
476
398
|
.${prefix}-groupLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600;padding:12px 0 2px;margin:0}
|
|
477
399
|
.${prefix}-readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}
|
|
478
400
|
.${prefix}-warn{color:var(--dsw-alias-label-error);margin:12px 0 0;font-size:12px;line-height:1.5}
|
|
479
|
-
.${prefix}-footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex;flex-wrap:wrap}
|
|
480
401
|
.${prefix}-status{min-width:0;color:var(--dsw-alias-label-secondary);flex:1;margin:0;font-size:12px;line-height:1.5}
|
|
481
402
|
.${prefix}-statusError{color:var(--dsw-alias-label-error)}
|
|
482
403
|
.${prefix}-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}
|
|
@@ -486,16 +407,10 @@ window.__ModuleLoader__.load({
|
|
|
486
407
|
.${prefix}-btn:disabled{opacity:.4;cursor:default}
|
|
487
408
|
.${prefix}-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}
|
|
488
409
|
@media (max-width:767px){
|
|
489
|
-
.${prefix}-body{margin:0 10px}
|
|
490
|
-
.${prefix}-header{padding:12px 12px}
|
|
491
410
|
.${prefix}-input,.${prefix}-select{font-size:16px;height:40px}
|
|
492
411
|
.${prefix}-checkRow{min-height:44px;padding:8px 0}
|
|
493
|
-
.${prefix}-footer{position:sticky;bottom:0;background:var(--dsw-alias-bg-layer-2);margin:0 -10px;padding:10px 10px 6px;border-top:1px solid var(--dsw-alias-border-l2);border-bottom-left-radius:12px;border-bottom-right-radius:12px}
|
|
494
412
|
.${prefix}-status{flex-basis:100%;flex:none}
|
|
495
413
|
.${prefix}-btn{min-height:44px;flex:1;min-width:96px}
|
|
496
|
-
.${prefix}-statusBadge{display:none}
|
|
497
|
-
.${prefix}-sectionBadge{display:inline-block}
|
|
498
|
-
.${prefix}-sectionFooter{position:static}
|
|
499
414
|
}
|
|
500
415
|
@media (pointer:coarse){
|
|
501
416
|
.${prefix}-btn{min-height:44px}
|
|
@@ -532,9 +447,8 @@ ${extra}
|
|
|
532
447
|
//#endregion
|
|
533
448
|
//#region src/client/card.tsx
|
|
534
449
|
/**
|
|
535
|
-
* 「静态资源长缓存」配置卡片:经 injectPluginConfigCard
|
|
536
|
-
*
|
|
537
|
-
* view 分发 summary/page)。
|
|
450
|
+
* 「静态资源长缓存」配置卡片:经 injectPluginConfigCard 注册(插件页
|
|
451
|
+
* plugins.row.config / plugins.bundle.config,view 分发 summary/page)。
|
|
538
452
|
* 只有 enabled 一个字段:关闭即卸下 writeHead 补丁;范围说明写进卡片
|
|
539
453
|
* (哪些路径不在范围内),避免用户误以为能缓存 index.html。
|
|
540
454
|
* 外壳与控件走 @dsh-plus/shared/client 套件(CardChrome/CheckRow/useNamespaceDraft)。
|
|
@@ -556,21 +470,15 @@ ${extra}
|
|
|
556
470
|
patch: toPatch,
|
|
557
471
|
saveFailedLabel: t("saveFailed")
|
|
558
472
|
});
|
|
559
|
-
const [open, setOpen] = (0, react.useState)(props.view === "page");
|
|
560
473
|
if (props.view === "summary") return t("summaryLine");
|
|
561
|
-
const variant = cardVariantFor(props.view);
|
|
562
474
|
if (draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardLoading, {
|
|
563
475
|
prefix: "wch",
|
|
564
|
-
variant,
|
|
565
476
|
text: t("loading")
|
|
566
477
|
});
|
|
567
478
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CardChrome, {
|
|
568
479
|
prefix: "wch",
|
|
569
480
|
title: t("title"),
|
|
570
481
|
description: t("description"),
|
|
571
|
-
open,
|
|
572
|
-
onToggle: setOpen,
|
|
573
|
-
variant,
|
|
574
482
|
statusBadge: {
|
|
575
483
|
text: t(draft.enabled ? "enabledOn" : "enabledOff"),
|
|
576
484
|
on: draft.enabled
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dsh-plus/web-cache-headers",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"description": "dsh-plus service plugin: GUI 静态资源长缓存——为内容哈希的 /assets/* 响应补 `Cache-Control: immutable`(/plugins 官方已自带),消除每次刷新重复传输 ~1.4MB JS/CSS;进程级 writeHead 增量拦截,零路由注册、零 dsh 服务耦合,已有缓存头优先保证未来共存",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@dsh-plus/shared": "0.1.
|
|
34
|
+
"@dsh-plus/shared": "0.1.32"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@deepseek-ai/cordis": "^4.0.4",
|
package/src/client/card.tsx
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* 「静态资源长缓存」配置卡片:经 injectPluginConfigCard
|
|
3
|
-
*
|
|
4
|
-
* view 分发 summary/page)。
|
|
2
|
+
* 「静态资源长缓存」配置卡片:经 injectPluginConfigCard 注册(插件页
|
|
3
|
+
* plugins.row.config / plugins.bundle.config,view 分发 summary/page)。
|
|
5
4
|
* 只有 enabled 一个字段:关闭即卸下 writeHead 补丁;范围说明写进卡片
|
|
6
5
|
* (哪些路径不在范围内),避免用户误以为能缓存 index.html。
|
|
7
6
|
* 外壳与控件走 @dsh-plus/shared/client 套件(CardChrome/CheckRow/useNamespaceDraft)。
|
|
@@ -12,13 +11,12 @@ import {
|
|
|
12
11
|
CardChrome,
|
|
13
12
|
CardLoading,
|
|
14
13
|
CheckRow,
|
|
15
|
-
cardVariantFor,
|
|
16
14
|
type NamespaceSettingsApi,
|
|
17
15
|
type PluginConfigViewProps,
|
|
18
16
|
type Scope,
|
|
19
17
|
useNamespaceDraft,
|
|
20
18
|
} from '@dsh-plus/shared/client'
|
|
21
|
-
import {
|
|
19
|
+
import type { ReactElement } from 'react'
|
|
22
20
|
|
|
23
21
|
import type { Translate } from './i18n.ts'
|
|
24
22
|
|
|
@@ -53,23 +51,17 @@ export function WebCacheHeadersCard(props: CardProps): ReactElement | string | n
|
|
|
53
51
|
Draft
|
|
54
52
|
>({ scope, api, from: draftFromValue, patch: toPatch, saveFailedLabel: t('saveFailed') })
|
|
55
53
|
// 插件页 page 视图为表单落地页,默认展开;旧槽位无 view,保持折叠。
|
|
56
|
-
const [open, setOpen] = useState(props.view === 'page')
|
|
57
54
|
|
|
58
55
|
// 插件页 summary 视图只出一行简介(hooks 已全部落定,可安全提前返回)。
|
|
59
56
|
if (props.view === 'summary') return t('summaryLine')
|
|
60
57
|
|
|
61
|
-
|
|
62
|
-
const variant = cardVariantFor(props.view)
|
|
63
|
-
if (draft === null) return <CardLoading prefix="wch" variant={variant} text={t('loading')} />
|
|
58
|
+
if (draft === null) return <CardLoading prefix="wch" text={t('loading')} />
|
|
64
59
|
|
|
65
60
|
return (
|
|
66
61
|
<CardChrome
|
|
67
62
|
prefix="wch"
|
|
68
63
|
title={t('title')}
|
|
69
64
|
description={t('description')}
|
|
70
|
-
open={open}
|
|
71
|
-
onToggle={setOpen}
|
|
72
|
-
variant={variant}
|
|
73
65
|
statusBadge={{ text: t(draft.enabled ? 'enabledOn' : 'enabledOff'), on: draft.enabled }}
|
|
74
66
|
dirty={dirty}
|
|
75
67
|
dirtyLabel={t('unsaved')}
|
package/src/client/client.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* 浏览器半入口:注册 locale 字典 + 注册「静态资源长缓存」卡片
|
|
3
|
-
* (injectPluginConfigCard
|
|
4
|
-
* plugins.
|
|
3
|
+
* (injectPluginConfigCard 两槽位:插件页 plugins.row.config /
|
|
4
|
+
* plugins.bundle.config)。
|
|
5
5
|
* 构建产物为 window.__ModuleLoader__.load({id, factory}) 形式的 CJS factory
|
|
6
6
|
* (包装见 tsdown.config.ts);样式沿用官方 data-plugin-css 约定,HMR 据此卸载。
|
|
7
7
|
* 配置读写经 ctx.remote.settings 直连(scope/api 来自 @dsh-plus/shared/client)。
|