dsh-deepseek-style-theme 1.43.3 → 1.43.4

package/cordis.patch.yml

@@ -1,6 +1,6 @@
-# DeepSeek-Style-Theme bundle patch: inserts its public dsh.client entry into
-# the web plugin roster. The bundle is the official dsh plugin shape — install
-# it with `dsh plugin --profile <name> add <path-or-git-url>`.
-- insert:
-    - id: ui-skin-deepseek-style
-      name: 'dsh-deepseek-style-theme'
+# DeepSeek-Style-Theme bundle patch: inserts its public dsh.client entry into
+# the web plugin roster. The bundle is the official dsh plugin shape — install
+# it with `dsh plugin --profile <name> add <path-or-git-url>`.
+- insert:
+    - id: ui-skin-deepseek-style
+      name: 'dsh-deepseek-style-theme'

package/lib/client.js

@@ -1,18 +1,22 @@
-window.__ModuleLoader__.load({
-	// This id must equal the package name: the host builds the browser bundle
-	// URL as /plugins/<entry.id>/client.js (dsh-client-modules), and the loader
-	// then requires that the bundle registers itself under that same id. The
-	// package was renamed to the unscoped dsh-deepseek-style-theme in 1.43.1
-	// while this literal kept the old scope, so on any profile carrying the new
-	// name the bundle loaded and registered nothing --
-	//   "loaded without registering \"dsh-deepseek-style-theme\" via __ModuleLoader__.load"
-	// -- which took the whole client half down. It stayed invisible on the
-	// development machine because that profile still installs the scoped package,
-	// whose bundle URL matches the stale literal.
-	id: "dsh-deepseek-style-theme",
-	factory: (require) => {
-		var module = { exports: {} };
-		var exports = module.exports;
+// The loader requires this bundle to register itself under the id the host asked
+// for, and that id is the package NAME of whichever copy is installed -- which is
+// not one value during a rename. The package moved from
+// @dsh-external/dsh-deepseek-style-theme to the unscoped dsh-deepseek-style-theme
+// in 1.43.1, so a profile installed before the rename asks for the old id and one
+// installed after asks for the new one. A single hard-coded literal therefore
+// breaks whichever half it does not match, and BOTH directions were hit for real,
+// one machine each:
+//
+//   literal old, install new -> "loaded without registering \"dsh-deepseek-style-theme\""
+//   literal new, install old -> "loaded without registering \"@dsh-external/...\""
+//
+// So register under BOTH ids with the same factory: the loader finds the one it
+// wants and the other entry is simply never asked for. The registrations are
+// guarded individually because a loader might reject an id it did not request,
+// and that must not take the working one down with it.
+const dshDeepseekStyleThemeFactory = (require) => {
+	var module = { exports: {} };
+	var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		const React = require("react");
 
@@ -1639,6 +1643,18 @@ html[data-dshome-dispersion][data-dshome-glass="liquid"] body .hHd-Xa_root::befo
   -webkit-backdrop-filter:url(#dshome-glass-dispersion) blur(var(--dshome-liquid-blur-sidebar)) saturate(var(--dshome-liquid-saturate))!important;
   backdrop-filter:url(#dshome-glass-dispersion) blur(var(--dshome-liquid-blur-sidebar)) saturate(var(--dshome-liquid-saturate))!important;
 }
+/* Backdrop blur, switched off by the durable backdropBlur setting. Each glass
+   recipe reads its radius from a variable, so turning the frosting off is one
+   0px per variable -- the translucency, the sheen and the edge refraction all
+   stay exactly as they were. Written with a body step so it also out-ranks the
+   html[data-dshome-glass] block the liquid radii are declared in. */
+html[data-dshome-blur="off"],
+html[data-dshome-blur="off"] body{
+  --dshome-glass-blur:0px;
+  --dshome-liquid-blur:0px;
+  --dshome-liquid-blur-sidebar:0px;
+  --dshome-liquid-blur-composer:0px;
+}
 @media (prefers-reduced-motion:reduce){
   html[data-dshome-glass="liquid"] .hHd-Xa_root::after{
     animation:none;
@@ -1771,6 +1787,7 @@ html[data-dshome-dispersion][data-dshome-glass="liquid"] body .hHd-Xa_root::befo
 			const apply = () => {
 				root.setAttribute('data-dshome-glass', dsttGetGlass());
 				root.setAttribute('data-dshome-composer', dsttGetComposer());
+				root.setAttribute('data-dshome-blur', dsttGetBlur() ? 'on' : 'off');
 			};
 			apply();
 			const unsubscribe = dsttSubscribe(apply);
@@ -1778,6 +1795,7 @@ html[data-dshome-dispersion][data-dshome-glass="liquid"] body .hHd-Xa_root::befo
 				unsubscribe();
 				root.removeAttribute('data-dshome-glass');
 				root.removeAttribute('data-dshome-composer');
+				root.removeAttribute('data-dshome-blur');
 			};
 		}
 
@@ -3420,7 +3438,7 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 		* plugin's own loopback channel instead; every reader (the color driver,
 		* the settings tab) subscribes to this mirror.
 		*/
-		const dsttState = { mode: "peakvalley-redblue", fluidBrush: false, glassStyle: DSTT_GLASS_DEFAULT, composer: DSTT_COMPOSER_DEFAULT, listeners: new Set() };
+		const dsttState = { mode: "peakvalley-redblue", fluidBrush: false, glassStyle: DSTT_GLASS_DEFAULT, composer: DSTT_COMPOSER_DEFAULT, blur: true, listeners: new Set() };
 		// Fields the user has chosen in this session. A host half that predates a
 		// field ignores it and answers without it -- or with its own default -- so
 		// without this a fresh choice gets overwritten by the next sync and the
@@ -3432,6 +3450,26 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 			if (dsttState.composer === "origin") return "wide";
 			return DSTT_COMPOSER.includes(dsttState.composer) ? dsttState.composer : DSTT_COMPOSER_DEFAULT;
 		};
+		const dsttGetBlur = () => dsttState.blur !== false;
+		/**
+		* Turn the glass frosting on or off. Same shape as the other CSS-only
+		* preferences: apply locally first, then let the host persist it, and treat
+		* its answer as confirmation only.
+		*/
+		async function dsttSetBlur(ctx, next) {
+			dsttState.blur = next === true;
+			dsttTouched.add("blur");
+			dsttNotify();
+			try {
+				const result = await bridgeCall(DSTT_SET, { mode: dsttState.mode, backdropBlur: dsttState.blur });
+				if (result !== undefined && result !== null && result.ok === true) {
+					return result.value.backdropBlur === dsttState.blur;
+				}
+			} catch (error) {
+				// Fall through: the local choice stands, it just was not stored.
+			}
+			return false;
+		}
 		/**
 		* Persist the composer's refraction width through the bridge.
 		*
@@ -3527,6 +3565,9 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 			return await response.json();
 		}
 
+		/** Fallback used when the host half is unavailable. */
+		const dsttGetBlurFallback = () => dsttState.blur !== false;
+
 		/** Pull the durable mode from the host half once. */
 		async function dsttSync(ctx) {
 			try {
@@ -3541,6 +3582,7 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 					// which is what made a fresh choice look like it snapped back.
 					if (!dsttTouched.has("glassStyle") && DSTT_GLASS_STYLES.includes(result.value.glassStyle)) dsttState.glassStyle = result.value.glassStyle;
 					if (!dsttTouched.has("composer") && DSTT_COMPOSER.includes(result.value.composerRefraction)) dsttState.composer = result.value.composerRefraction;
+					if (!dsttTouched.has("blur") && typeof result.value.backdropBlur === "boolean") dsttState.blur = result.value.backdropBlur;
 					dsttNotify();
 				}
 			} catch (error) {}
@@ -3801,6 +3843,11 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 				if (dstt === undefined || typeof dstt.setComposer !== 'function' || next === composerNow) return;
 				dstt.setComposer(next);
 			};
+			const blurOn = dstt !== undefined && typeof dstt.blur === 'function' ? dstt.blur() !== false : true;
+			const toggleBlur = () => {
+				if (dstt === undefined || typeof dstt.setBlur !== 'function') return;
+				dstt.setBlur(!blurOn);
+			};
 
 			return React.createElement('div', { className: 'dshome-dstt' },
 				React.createElement('h3', null,
@@ -3867,6 +3914,19 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 							className: 'dshome-dstt-seg-btn' + (composerNow === choice ? ' dshome-on' : ''),
 							onClick: () => pickComposer(choice)
 						}, isZh ? DSTT_COMPOSER_LABELS[choice].zh : DSTT_COMPOSER_LABELS[choice].en)))),
+					React.createElement('div', { className: 'dshome-dstt-row' },
+						React.createElement('div', { className: 'dshome-dstt-row-body' },
+							React.createElement('div', { className: 'dshome-dstt-row-title' }, isZh ? '背景模糊（磨砂）' : 'Backdrop blur'),
+							React.createElement('div', { className: 'dshome-dstt-row-hint' }, isZh
+								? '玻璃面板后面那层虚化。关闭后玻璃变成纯半透明：通透度、顶部光泽、边缘折射都保留，只是不再把背后的东西磨掉。'
+								: 'The frosting behind every glass pane. Off leaves the translucency, the sheen and the edge refraction intact and only stops blurring what is behind the glass.')),
+						React.createElement('button', {
+							type: 'button',
+							role: 'switch',
+							'aria-checked': blurOn,
+							className: 'dshome-dstt-seg-btn' + (blurOn ? ' dshome-on' : ''),
+							onClick: toggleBlur
+						}, blurOn ? (isZh ? '已开启' : 'On') : (isZh ? '已关闭' : 'Off'))),
 				React.createElement('div', { className: 'dshome-dstt-status', 'data-peak': timeSliced && peakNow },
 					'当前：' + colorName + ' · ' + status));
 		}
@@ -3986,6 +4046,8 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 							setGlass: (next) => dsttSetGlass(ctx, next),
 							composer: dsttGetComposer,
 							setComposer: (next) => dsttSetComposer(ctx, next),
+							blur: dsttGetBlur,
+							setBlur: (next) => dsttSetBlur(ctx, next),
 							subscribe: dsttSubscribe
 						},
 						locale: ctx.get('locale')
@@ -3997,5 +4059,13 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 		exports.apply = apply;
 		exports.inject = ['theme', 'slots', 'locale', 'workspaces', 'connection'];
 		return module.exports;
-	}
-});
+};
+
+// Both ids, same factory. See the note at the top of this file for why one
+// literal cannot work during the rename.
+try {
+	window.__ModuleLoader__.load({ id: "dsh-deepseek-style-theme", factory: dshDeepseekStyleThemeFactory });
+} catch (error) {}
+try {
+	window.__ModuleLoader__.load({ id: "@dsh-external/dsh-deepseek-style-theme", factory: dshDeepseekStyleThemeFactory });
+} catch (error) {}

package/lib/index.js

@@ -134,7 +134,12 @@ const DsttSettingsSchema = z === null ? null : z.object({
 		z.const("wide"),
 		z.const("origin"),
 		z.const("off")
-	]).default(COMPOSER_REFRACTION_DEFAULT)
+	]).default(COMPOSER_REFRACTION_DEFAULT),
+	// The `blur()` term in every glass surface's backdrop chain. Turning it off
+	// keeps the translucency, the sheen and the edge refraction and drops only
+	// the frosting -- implemented as four variables driven to 0px, so nothing
+	// else about the recipes moves.
+	backdropBlur: z.boolean().default(true)
 });
 
 /** Map a legacy 1.37.x mode id onto a four-mode id, or null when nothing to do. */
@@ -585,7 +590,8 @@ function dsttRead(ctx) {
 			mode: DSTT_MODES.includes(stored) ? stored : DSTT_MODE_DEFAULT,
 			fluidBrush: descriptor.value.fluidBrush === true,
 			glassStyle: dsttGlassValue(ctx),
-			composerRefraction: dsttComposerValue(ctx)
+			composerRefraction: dsttComposerValue(ctx),
+			backdropBlur: descriptor.value.backdropBlur !== false
 		}
 	};
 }
@@ -597,7 +603,7 @@ function dsttRead(ctx) {
  * persist a choice without a second round trip. None of them is mandatory the
  * way `mode` is — an older client that only knows about the mode keeps working.
  */
-async function dsttWrite(ctx, mode, fluidBrush, glassStyle, composerRefraction) {
+async function dsttWrite(ctx, mode, fluidBrush, glassStyle, composerRefraction, backdropBlur) {
 	if (!DSTT_MODES.includes(mode)) {
 		return failure("bad-request", `mode must be one of ${DSTT_MODES.join("/")}`, { issues: [] });
 	}
@@ -607,6 +613,7 @@ async function dsttWrite(ctx, mode, fluidBrush, glassStyle, composerRefraction)
 	if (typeof fluidBrush === "boolean") ops.push({ op: "set", path: ["fluidBrush"], value: fluidBrush });
 	if (wantsGlass) ops.push({ op: "set", path: ["glassStyle"], value: glassStyle });
 	if (wantsComposer) ops.push({ op: "set", path: ["composerRefraction"], value: composerRefraction });
+	if (typeof backdropBlur === "boolean") ops.push({ op: "set", path: ["backdropBlur"], value: backdropBlur });
 	const settings = ctx.get("settings");
 	if (settings === undefined || settings === null || typeof settings.mutate !== "function") {
 		return failure("internal", "settings service unavailable", {});
@@ -622,11 +629,18 @@ async function dsttWrite(ctx, mode, fluidBrush, glassStyle, composerRefraction)
 			mode,
 			fluidBrush: typeof fluidBrush === "boolean" ? fluidBrush === true : dsttBrushValue(ctx),
 			glassStyle: wantsGlass ? glassStyle : dsttGlassValue(ctx),
-			composerRefraction: wantsComposer ? composerRefraction : dsttComposerValue(ctx)
+			composerRefraction: wantsComposer ? composerRefraction : dsttComposerValue(ctx),
+			backdropBlur: typeof backdropBlur === "boolean" ? backdropBlur : dsttBlurValue(ctx)
 		}
 	};
 }
 
+/** The stored backdrop-blur preference, defaulting to on. */
+function dsttBlurValue(ctx) {
+	const descriptor = settingsDescriptor(ctx, DSTT_SETTINGS_NS);
+	return descriptor === null ? true : descriptor.value.backdropBlur !== false;
+}
+
 /**
  * The stored composer-refraction width, defaulting to the 8px band. `origin` was
  * this option's first id: it is still accepted by the schema so a settings file
@@ -704,7 +718,7 @@ function apply(ctx) {
 			if (endpoint === DSTT_GET) return dsttRead(ctx);
 			if (endpoint === DSTT_SET) {
 				const payloadObject = payload === null || payload === undefined || typeof payload !== "object" ? {} : payload;
-				return await dsttWrite(ctx, payloadObject.mode, payloadObject.fluidBrush, payloadObject.glassStyle, payloadObject.composerRefraction);
+				return await dsttWrite(ctx, payloadObject.mode, payloadObject.fluidBrush, payloadObject.glassStyle, payloadObject.composerRefraction, payloadObject.backdropBlur);
 			}
 			if (endpoint === FILE_OPEN || endpoint === FILE_REVEAL) {
 				const target = localPathOf(payload);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-deepseek-style-theme",
   "description": "DeepSeek official-home style theme: WebGL fluid-flow background, liquid glass with SVG edge refraction, glass sidebar and composer, frosted header, running-subagent progress panel, and DeepSeek brand link for the dsh web GUI",
-  "version": "1.43.3",
+  "version": "1.43.4",
   "type": "module",
   "keywords": [
     "deepseek",