dsh-cool-theme 0.2.0 → 0.3.0

package/lib/client.js

@@ -1331,7 +1331,10 @@ html[data-ds-dark-theme], body[data-ds-dark-theme] {
 			"presets.desc": "一键套用主流配色方案",
 			"scheme.light": "浅色",
 			"scheme.dark": "深色",
-			"scheme.system": "跟随系统"
+			"scheme.system": "跟随系统",
+			"command.desc": "打开主题设置",
+			"command.open": "打开主题设置",
+			"command.detail": "快速打开主题面板"
 		};
 		/** English dictionary, checked complete against the zh key set. */
 		const en = {
@@ -1342,7 +1345,10 @@ html[data-ds-dark-theme], body[data-ds-dark-theme] {
 			"presets.desc": "Apply popular color schemes in one click",
 			"scheme.light": "Light",
 			"scheme.dark": "Dark",
-			"scheme.system": "System"
+			"scheme.system": "System",
+			"command.desc": "Open theme settings",
+			"command.open": "Open theme settings",
+			"command.detail": "Quickly open theme panel"
 		};
 		//#endregion
 		//#region src/client/theme.tsx
@@ -1590,6 +1596,168 @@ html[data-ds-dark-theme], body[data-ds-dark-theme] {
 					}
 				};
 			});
+			function collectThemeLabels() {
+				const s = /* @__PURE__ */ new Set();
+				try {
+					const cur = t("nav");
+					if (cur) s.add(cur);
+				} catch {}
+				if (zh.nav) s.add(zh.nav);
+				if (en.nav) s.add(en.nav);
+				return s;
+			}
+			function isSettingsPanelOpen() {
+				if (typeof document === "undefined") return false;
+				return document.querySelector("[role=\"dialog\"][aria-modal=\"true\"]") !== null;
+			}
+			function findSettingsTrigger() {
+				if (typeof document === "undefined") return null;
+				const btn = document.querySelector("button[aria-haspopup=\"dialog\"]");
+				if (btn) return btn;
+				for (const b of Array.from(document.querySelectorAll("button"))) {
+					const txt = (b.textContent || "").trim();
+					if (txt.includes("设置") || txt.toLowerCase().includes("settings")) {
+						if (b.getAttribute("aria-haspopup") === "dialog" || b.getAttribute("aria-expanded") !== null) return b;
+					}
+				}
+				return null;
+			}
+			function findThemeNavCell(labels) {
+				if (typeof document === "undefined") return null;
+				const cells = document.querySelectorAll("[class*=\"navCell\"]");
+				if (cells.length > 0) for (const c of Array.from(cells)) {
+					const text = ((c.querySelector("[class*=\"navLabel\"]") || c).textContent || c.textContent || "").trim();
+					for (const lbl of labels) if (text === lbl || text.includes(lbl)) return c;
+				}
+				const navButtons = document.querySelectorAll("[class*=\"nav\"] button, nav button");
+				for (const b of Array.from(navButtons)) {
+					const text = (b.textContent || "").trim();
+					for (const lbl of labels) if (text === lbl || text.includes(lbl)) return b;
+				}
+				return null;
+			}
+			function openCoolThemeSettings() {
+				if (typeof document === "undefined") return false;
+				const labels = collectThemeLabels();
+				if (isSettingsPanelOpen()) {
+					const cell = findThemeNavCell(labels);
+					if (cell) {
+						try {
+							cell.click();
+						} catch {}
+						return true;
+					}
+					return false;
+				}
+				const trigger = findSettingsTrigger();
+				if (!trigger) return false;
+				try {
+					trigger.click();
+				} catch {
+					return false;
+				}
+				let attempts = 0;
+				const maxAttempts = 40;
+				const timer = setInterval(() => {
+					attempts++;
+					try {
+						patchThemeNavIcon();
+					} catch {}
+					const cell = findThemeNavCell(labels);
+					if (cell) {
+						clearInterval(timer);
+						setTimeout(() => {
+							try {
+								cell.click();
+							} catch {}
+						}, 30);
+						return;
+					}
+					if (attempts >= maxAttempts) clearInterval(timer);
+				}, 50);
+				setTimeout(() => {
+					try {
+						patchThemeNavIcon();
+					} catch {}
+				}, 120);
+				return true;
+			}
+			try {
+				ctx.inject(["commandUi", "locale"], (scope) => {
+					const commandUi = scope.get("commandUi");
+					const loc = scope.get("locale");
+					if (!commandUi || !loc) return;
+					let dispose = null;
+					const sync = () => {
+						if (dispose) {
+							try {
+								dispose();
+							} catch {}
+							dispose = null;
+						}
+						try {
+							dispose = commandUi.register({
+								name: "cool-theme",
+								description: t("command.desc"),
+								available: () => true,
+								ui: {
+									kind: "popupSelect",
+									options: async () => [{
+										id: "open",
+										label: t("command.open"),
+										detail: t("command.detail")
+									}],
+									onSelect: async () => {
+										openCoolThemeSettings();
+									}
+								}
+							});
+						} catch {}
+					};
+					sync();
+					let off = null;
+					try {
+						off = loc.subscribe(sync);
+					} catch {}
+					scope.effect(() => () => {
+						if (off) {
+							try {
+								off();
+							} catch {}
+							off = null;
+						}
+						if (dispose) {
+							try {
+								dispose();
+							} catch {}
+							dispose = null;
+						}
+					}, "dsh-cool-theme: /cool-theme contribution");
+				});
+			} catch {}
+			if (typeof document !== "undefined") {
+				const onKey = (e) => {
+					if (!(e.ctrlKey || e.metaKey) || !e.shiftKey) return;
+					if (e.key.toLowerCase() !== "t") return;
+					const target = e.target;
+					if (target) {
+						const tag = target.tagName?.toLowerCase();
+						if (tag === "input" || tag === "textarea" || target.isContentEditable) return;
+					}
+					e.preventDefault();
+					try {
+						openCoolThemeSettings();
+					} catch {}
+				};
+				try {
+					document.addEventListener("keydown", onKey);
+					ctx.effect(() => () => {
+						try {
+							document.removeEventListener("keydown", onKey);
+						} catch {}
+					});
+				} catch {}
+			}
 		}
 		//#endregion
 		//#region src/client/index.ts

package/lib/index.js

@@ -1,7 +1,10 @@
 //#region src/host/index.ts
 /**
 * Host entry for dsh-cool-theme.
-* No host routes needed — theme is purely client-side (localStorage + overrideTokens).
+* Theme is purely client-side (localStorage + overrideTokens).
+* The `/cool-theme` slash command is registered on the client via
+* `ctx.commandUi` so its description can follow `ctx.locale`
+* (zh: “打开主题设置”, en: “Open theme settings”).
 * Keep a minimal apply so the cordis patch has a mount point.
 */
 const name = "dsh-cool-theme";

package/lib/types/client/locales.d.ts

@@ -13,6 +13,9 @@ export declare const zh: {
     'scheme.light': string;
     'scheme.dark': string;
     'scheme.system': string;
+    'command.desc': string;
+    'command.open': string;
+    'command.detail': string;
 };
 /** The theme settings namespace key union. */
 export type ThemeKey = keyof typeof zh;
@@ -26,5 +29,8 @@ export declare const en: {
     'scheme.light': string;
     'scheme.dark': string;
     'scheme.system': string;
+    'command.desc': string;
+    'command.open': string;
+    'command.detail': string;
 };
 //# sourceMappingURL=locales.d.ts.map

package/lib/types/client/locales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/client/locales.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;CASmB,CAAA;AAElC,8CAA8C;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,CAAA;AAEtC,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;CASqB,CAAA"}
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/client/locales.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;;;;CAYmB,CAAA;AAElC,8CAA8C;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,CAAA;AAEtC,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;;;;CAYqB,CAAA"}

package/lib/types/client/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/client/theme.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,QAsQrC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/client/theme.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,QAicrC"}

package/lib/types/host/index.d.ts

@@ -1,6 +1,9 @@
 /**
  * Host entry for dsh-cool-theme.
- * No host routes needed — theme is purely client-side (localStorage + overrideTokens).
+ * Theme is purely client-side (localStorage + overrideTokens).
+ * The `/cool-theme` slash command is registered on the client via
+ * `ctx.commandUi` so its description can follow `ctx.locale`
+ * (zh: “打开主题设置”, en: “Open theme settings”).
  * Keep a minimal apply so the cordis patch has a mount point.
  */
 export declare const name = "dsh-cool-theme";

package/lib/types/host/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/host/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,IAAI,mBAAmB,CAAA;AAEpC,eAAO,MAAM,MAAM,EAAE,MAAM,EAAO,CAAA;AAElC,wBAAgB,KAAK,CAAC,IAAI,EAAE,GAAG,QAAI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/host/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,IAAI,mBAAmB,CAAA;AAEpC,eAAO,MAAM,MAAM,EAAE,MAAM,EAAO,CAAA;AAElC,wBAAgB,KAAK,CAAC,IAAI,EAAE,GAAG,QAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-cool-theme",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A plugin for changing themes for DSH, with a number of popular default themes built in.",
   "type": "module",
   "license": "MIT",