dsh-play-store-shots-wan 1.0.0 → 1.0.2

package/icon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" width="96" height="96">
+  <rect width="96" height="96" rx="22" fill="#7E57FF"/>
+  <rect x="27" y="18" width="42" height="60" rx="8" fill="#FFFFFF" opacity="0.95"/>
+  <rect x="33" y="26" width="30" height="16" rx="4" fill="#7E57FF" opacity="0.35"/>
+  <rect x="33" y="46" width="30" height="8" rx="3" fill="#7E57FF" opacity="0.25"/>
+  <rect x="33" y="58" width="18" height="6" rx="3" fill="#7E57FF" opacity="0.25"/>
+</svg>

package/lib/client.cjs

@@ -17,7 +17,8 @@ if (typeof window !== "undefined") window.__ModuleLoader__.load({
 					key: "apiKey",
 					label: t("apiKey"),
 					hint: t("apiKeyHint"),
-					type: "password"
+					type: "password",
+					placeholder: "sk-…"
 				},
 				{
 					key: "baseUrl",
@@ -90,6 +91,7 @@ if (typeof window !== "undefined") window.__ModuleLoader__.load({
 									type: spec.type ?? "text",
 									value: valueOf(spec.key),
 									disabled: !editable,
+									placeholder: spec.placeholder,
 									autoComplete: "off",
 									spellCheck: false,
 									onChange: (event) => setDraft((current) => ({
@@ -187,25 +189,61 @@ if (typeof window !== "undefined") window.__ModuleLoader__.load({
 			readOnly: "Configuration is read-only"
 		};
 		// src/client/styles.ts
+		/**
+		* Card styles. The package cannot import the shell's CSS modules, so it injects
+		* one style tag and styles through the theme's `--dsw-alias-*` tokens: no
+		* literal colours, so light and dark both stay readable.
+		*/
 		const CSS = `
-.pss-card { display: flex; flex-direction: column; gap: 14px; padding: 16px 18px; border: 1px solid var(--dsh-border, #e5e7eb); border-radius: 12px; background: var(--dsh-surface, #fff); }
+.pss-card {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 16px 18px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  background: var(--dsw-alias-bg-layer-3);
+  color: var(--dsw-alias-label-primary);
+}
 .pss-head { display: flex; flex-direction: column; gap: 4px; }
-.pss-title { font-size: 14px; font-weight: 600; margin: 0; }
-.pss-sub, .pss-hint, .pss-usage { margin: 0; font-size: 12px; line-height: 1.5; opacity: .65; }
-.pss-usage { opacity: .55; }
+.pss-title { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--dsw-alias-label-primary); }
+.pss-sub, .pss-hint, .pss-usage { margin: 0; font-size: 12px; line-height: 1.5; color: var(--dsw-alias-label-tertiary); }
 .pss-grid { display: grid; gap: 12px; }
 .pss-field { display: flex; flex-direction: column; gap: 6px; }
-.pss-label { font-size: 12px; font-weight: 500; }
-.pss-input { height: 32px; padding: 0 10px; font-size: 13px; color: inherit; background: transparent; border: 1px solid var(--dsh-border, #d4d4d8); border-radius: 8px; outline: none; }
-.pss-input:focus { border-color: var(--dsh-accent, #6366f1); }
-.pss-input:disabled { opacity: .55; }
+.pss-label { font-size: 12px; font-weight: 500; color: var(--dsw-alias-label-secondary); }
+.pss-input {
+  height: 32px;
+  padding: 0 10px;
+  font: inherit;
+  font-size: 13px;
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-layer-1);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  outline: none;
+}
+.pss-input::placeholder { color: var(--dsw-alias-label-tertiary); }
+.pss-input:focus { border-color: var(--dsw-alias-brand-primary); }
+.pss-input:disabled { color: var(--dsw-alias-label-tertiary); }
 .pss-actions { display: flex; align-items: center; gap: 8px; }
-.pss-button { height: 30px; padding: 0 12px; font-size: 12px; border-radius: 8px; border: 1px solid var(--dsh-border, #d4d4d8); background: transparent; color: inherit; cursor: pointer; }
-.pss-button:hover:not(:disabled) { background: rgba(127,127,127,.12); }
-.pss-button:disabled { opacity: .5; cursor: default; }
-.pss-primary { background: var(--dsh-accent, #6366f1); border-color: transparent; color: #fff; }
-.pss-status { font-size: 12px; opacity: .7; }
-.pss-error { color: #dc2626; }
+.pss-button {
+  height: 30px;
+  padding: 0 12px;
+  font: inherit;
+  font-size: 12px;
+  color: var(--dsw-alias-label-primary);
+  background: transparent;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  cursor: pointer;
+}
+.pss-button:hover:not(:disabled) { border-color: var(--dsw-alias-label-dimmed); }
+.pss-button:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
+.pss-primary { color: var(--dsw-alias-brand-primary-invert); background: var(--dsw-alias-brand-primary); border-color: transparent; }
+.pss-primary:hover:not(:disabled) { border-color: transparent; opacity: .9; }
+.pss-primary:disabled { color: var(--dsw-alias-label-tertiary); background: var(--dsw-alias-bg-layer-2); }
+.pss-status { font-size: 12px; color: var(--dsw-alias-label-tertiary); }
+.pss-error { color: var(--dsw-alias-state-warn-label); }
 `;
 		let installed = false;
 		function injectStyles() {
@@ -219,7 +257,8 @@ if (typeof window !== "undefined") window.__ModuleLoader__.load({
 		// src/client/index.ts
 		/** Profile entry id; doubles as the settings namespace the card binds to. */
 		const ENTRY_ID = "play-store-shots";
-		const SLOT = "plugins.item";
+		const BUNDLE_SLOT = "plugins.bundle.config";
+		const BUNDLE_ID = "dsh-play-store-shots-wan";
 		const inject = [
 			"slots",
 			"locale",
@@ -233,11 +272,9 @@ if (typeof window !== "undefined") window.__ModuleLoader__.load({
 			}), "play-store-shots: dictionary");
 			injectStyles();
 			const form = ctx.configForms.get(ENTRY_ID);
-			ctx.effect(() => ctx.configForms.whileServed([ENTRY_ID], () => ctx.slots.inject(SLOT, () => ctx.slots.register({
-				name: SLOT,
-				id: ENTRY_ID,
-				order: 60,
-				label: () => t("title"),
+			ctx.effect(() => ctx.configForms.whileServed([ENTRY_ID], () => ctx.slots.inject(BUNDLE_SLOT, () => ctx.slots.register({
+				name: BUNDLE_SLOT,
+				key: BUNDLE_ID,
 				locale: NS,
 				inject: () => ({
 					form,

package/locale/en.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Google Play screenshots",
+    "description": "Type /playstoreshots with an app name and three images to generate four 1080×1920 store screenshots and one 1024×500 feature graphic."
+  }
+}

package/locale/zh.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Google Play 商店图",
+    "description": "输入 /playstoreshots 应用名称并附上 3 张图，生成 4 张 1080×1920 商店竖图与 1 张 1024×500 横幅。"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-play-store-shots-wan",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Google Play store screenshot generator for DeepSeek Harness — /playstoreshots turns an app logo plus two reference sheets into four 1080x1920 screenshots and one 1024x500 feature graphic via Bailian wan2.7-image-pro.",
   "license": "MIT",
   "type": "module",
@@ -10,10 +10,14 @@
       "default": "./lib/index.mjs"
     },
     "./client": "./lib/client.cjs",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./locale/*.json": "./locale/*.json",
+    "./icon": "./icon.svg"
   },
   "files": [
     "lib",
+    "locale",
+    "icon.svg",
     "cordis.patch.yml",
     "README.md",
     "LICENSE"