dsh-preview-market 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.1
+
+- Enable/disable installed preview plugins from the market when dsh-market is present (`/dsh-market/toggle`), with the current state read from `/dsh-market/installed`.
+- Add a "Configure" entry per installed card that points to the child plugin's Settings → Plugins page.
+- Without dsh-market, the toggle is disabled and the card explains where to manage it.
+
 ## 0.1.0
 
 - New vertical preview market plugin: catalog, installed inventory, Settings → Plugins tab.

package/README.md

@@ -44,8 +44,26 @@ Settings → Plugins → Preview market (namespace `preview-market`):
 node --test test/*.test.js
 ```
 
+Settings-tab end-to-end (requires a running host with the plugin installed):
+
+```sh
+node scripts/e2e-settings.mjs --base http://127.0.0.1:<port> --token <token>
+```
+
+Fallback install/copy check (requires a profile where one catalog entry is not installed):
+
+```sh
+node scripts/e2e-fallback.mjs --base http://127.0.0.1:<port> --token <token>
+```
+
+Toggle/configure check (requires dsh-market and an installed STL preview):
+
+```sh
+node scripts/e2e-toggle.mjs --base http://127.0.0.1:<port> --token <token>
+```
+
 The client bundle is `lib/client.js` (classic `__ModuleLoader__.load` factory, no build step).
 
 ## Status
 
-`0.1.0` — catalog + installed inventory + settings tab. One-click install requires the package to be present in the connected dsh-market registry; otherwise use the copyable command. Enable/disable stays in **Settings → Plugins**.
+`0.1.1` — catalog + installed inventory + Settings → Plugins tab + enable/disable through dsh-market. One-click install requires the package to be present in the connected dsh-market registry; otherwise use the copyable command. Configuration stays in each child plugin's own Settings → Plugins page.

package/VERIFY.md

@@ -1,4 +1,4 @@
-# Verification record — dsh-preview-market 0.1.0
+# Verification record — dsh-preview-market 0.1.1
 
 ## Unit tests (2026-10-23)
 
@@ -11,10 +11,45 @@
 | `test/installed.test.js` | profile `package.json` + `node_modules` inventory, missing profile, `profileContext` resolution |
 | `test/client.test.js` | bundle registers exactly one `settings.plugins.tab` entry with id `dsh-preview-market` |
 
+## Host / bundle smoke (2026-10-23, preview-test profile)
+
+- Installed the packed tarball into a throwaway `preview-test` profile with `dsh plugin --profile preview-test add …`.
+- `dsh --profile preview-test --dump-config` contains one `id: preview-market` row with `routeRoot: /api/preview-market`.
+- The Web boot graph (`__DSH_BOOT__`) contains `dsh-preview-market` and injects `__DSH_PREVIEW_MARKET_CONFIG__`.
+- The combo bundle URL returned **200** (16,213 B) and contains `settings.plugins.tab` + `dsh-preview-market`.
+
+## Settings tab e2e (2026-10-23, preview-test)
+
+Installed `dsh-preview-market@0.1.0` plus `dsh-preview-media@0.1.4`, `dsh-preview-blender@0.1.0`, `dsh-preview-stl@0.1.0` into `preview-test`, started the Web host, and ran:
+
+```sh
+node scripts/e2e-settings.mjs --base http://127.0.0.1:59003 --token <token>
+```
+
+Result: **PASS** — opened Settings → Built-in plugins → Preview market and found the tab plus the three installed cards (`dsh-preview-media`, `dsh-preview-blender`, `dsh-preview-stl`). No page errors; the only console 404 is the expected `/dsh-market/status` probe when dsh-market is absent. Screenshot: `%TEMP%\dsh-preview-market-settings.png`.
+
+## Fallback install/copy e2e (2026-10-23, preview-test)
+
+Removed `dsh-preview-stl` from `preview-test`, restarted the host, and ran:
+
+```sh
+node scripts/e2e-fallback.mjs --base http://127.0.0.1:59004 --token <token>
+```
+
+Result: **PASS** — the STL card showed `安装`; clicking it displayed `dsh plugin --profile preview-test add dsh-preview-stl@0.1.0` (dsh-market absent); the media card's copy button reported `命令已复制` and the clipboard held `dsh plugin --profile preview-test add dsh-preview-media@0.1.4`. No page errors. STL was reinstalled afterwards.
+
+## Toggle / configure e2e (2026-10-23, preview-test + dsh-market 1.67.0)
+
+With dsh-market installed, ran:
+
+```sh
+node scripts/e2e-toggle.mjs --base http://127.0.0.1:59006 --token <token>
+```
+
+Result: **PASS** — the STL card showed `停用`; clicking it wrote `dsh-preview-stl` into `/dsh-market/installed`'s `disabled` list and showed `已切换，刷新页面后生效`; clicking `启用` removed it again. The media card's `配置` showed `在 设置 → 插件 → dsh-preview-media 配置。` No page errors; screenshot: `%TEMP%\dsh-preview-market-toggle.png`.
+
 ## Not yet verified live
 
-- The settings tab rendering inside the DSH Web client.
-- One-click install through dsh-market (requires the new packages in its curated registry).
-- Fallback command copy in a real browser.
+- One-click install through dsh-market (requires the new packages in its curated registry; the market entries are scheduled for 2026-10-24).
 
-These are the next checks after the package is installed into a test profile.
+This is the next check after the new market entries are accepted.

package/lib/client.js

@@ -45,7 +45,15 @@ window.__ModuleLoader__.load({
       note: "安装/更新由 dsh-market 或 dsh CLI 完成；本页只做目录、状态与入口，不复制子插件代码。",
       version: "版本",
       notInstalled: "未安装",
-      disabledHint: "启用/停用请到 设置 → 插件 列表。"
+      disabledHint: "启用/停用请到 设置 → 插件 列表。",
+      enable: "启用",
+      disable: "停用",
+      config: "配置",
+      configHint: "在 设置 → 插件 → {name} 配置。",
+      manageHint: "到 设置 → 插件 启用/停用。",
+      toggled: "已切换。",
+      toggleRefresh: "已切换，刷新页面后生效。",
+      toggleFailed: "切换失败"
     };
 
     const en = {
@@ -74,7 +82,15 @@ window.__ModuleLoader__.load({
       note: "Installs and updates go through dsh-market or the dsh CLI; this page only provides the catalog, status and entry points. Child plugin code is never copied.",
       version: "Version",
       notInstalled: "Not installed",
-      disabledHint: "Enable or disable it in Settings → Plugins."
+      disabledHint: "Enable or disable it in Settings → Plugins.",
+      enable: "Enable",
+      disable: "Disable",
+      config: "Configure",
+      configHint: "Configure it in Settings → Plugins → {name}.",
+      manageHint: "Use Settings → Plugins to enable or disable it.",
+      toggled: "Toggled.",
+      toggleRefresh: "Toggled; refresh the page to apply.",
+      toggleFailed: "Toggle failed"
     };
 
     /** Route root published by the Host at boot. */
@@ -102,7 +118,7 @@ window.__ModuleLoader__.load({
     }
 
     /** A single catalog card. */
-    function Card({ item, installed, profile, dshmarket, busy, onInstall, onCopy, t }) {
+    function Card({ item, installed, profile, dshmarket, enabled, busy, onInstall, onCopy, onToggle, onConfig, t }) {
       const current = installed !== undefined ? installed.version : "";
       const newer = current !== "" && current !== item.version;
       const formats = item.formats !== undefined
@@ -149,7 +165,27 @@ window.__ModuleLoader__.load({
             t("copy")
           ),
           current !== ""
-            ? React.createElement("span", { className: "dsh-pm-hint" }, t("disabledHint"))
+            ? React.createElement(
+                "button",
+                {
+                  type: "button",
+                  className: "dsh-pm-button",
+                  disabled: busy === item.name || !dshmarket,
+                  title: dshmarket ? "" : t("manageHint"),
+                  onClick: () => onToggle(item)
+                },
+                enabled ? t("disable") : t("enable")
+              )
+            : null,
+          current !== ""
+            ? React.createElement(
+                "button",
+                { type: "button", className: "dsh-pm-button", onClick: () => onConfig(item) },
+                t("config")
+              )
+            : null,
+          current !== "" && !dshmarket
+            ? React.createElement("span", { className: "dsh-pm-hint" }, t("manageHint"))
             : null
         )
       );
@@ -163,6 +199,7 @@ window.__ModuleLoader__.load({
         error: "",
         catalog: [],
         installed: [],
+        disabled: [],
         profile: "desktop",
         dshmarket: false
       });
@@ -172,18 +209,32 @@ window.__ModuleLoader__.load({
       const load = React.useCallback(async () => {
         setState((previous) => ({ ...previous, loading: true, error: "" }));
         try {
-          const [catalog, inventory, status] = await Promise.all([
+          const status = await fetch("/dsh-market/status", { cache: "no-store" })
+            .then((response) => response.ok)
+            .catch(() => false);
+          const [catalog, inventory] = await Promise.all([
             getJson(`${marketRoute}/catalog`),
-            getJson(`${marketRoute}/installed`),
-            fetch("/dsh-market/status", { cache: "no-store" })
-              .then((response) => response.ok)
-              .catch(() => false)
+            getJson(`${marketRoute}/installed`)
           ]);
+          let disabled = [];
+          if (status === true) {
+            try {
+              const detailResponse = await fetch("/dsh-market/installed", { cache: "no-store" });
+              if (detailResponse.ok) {
+                const detail = await detailResponse.json();
+                if (Array.isArray(detail.disabled)) disabled = detail.disabled;
+                else if (Array.isArray(detail.patch?.disables)) disabled = detail.patch.disables;
+              }
+            } catch {
+              disabled = [];
+            }
+          }
           setState({
             loading: false,
             error: "",
             catalog: Array.isArray(catalog.plugins) ? catalog.plugins : [],
             installed: Array.isArray(inventory.installed) ? inventory.installed : [],
+            disabled: Array.isArray(disabled) ? disabled : [],
             profile: typeof inventory.profile === "string" && inventory.profile !== "" ? inventory.profile : "desktop",
             dshmarket: status === true
           });
@@ -235,6 +286,33 @@ window.__ModuleLoader__.load({
         }
       }, [state.profile, t]);
 
+      const toggle = React.useCallback(async (item) => {
+        setBusy(item.name);
+        setNotice("");
+        try {
+          const enabled = state.disabled.includes(item.name);
+          const response = await fetch("/dsh-market/toggle", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ name: item.name, enabled })
+          });
+          const body = await response.json().catch(() => null);
+          if (!response.ok || body === null || body.ok !== true) {
+            throw new Error(body !== null && typeof body.error === "string" ? body.error : `HTTP ${response.status}`);
+          }
+          setNotice(body.refresh ? t("toggleRefresh") : t("toggled"));
+          await load();
+        } catch (error) {
+          setNotice(`${t("toggleFailed")}: ${error instanceof Error ? error.message : String(error)}`);
+        } finally {
+          setBusy("");
+        }
+      }, [state.disabled, load, t]);
+
+      const config = React.useCallback((item) => {
+        setNotice(t("configHint").replace("{name}", item.name));
+      }, [t]);
+
       installStyle();
 
       return React.createElement(
@@ -277,9 +355,12 @@ window.__ModuleLoader__.load({
                       installed: installedByName.get(item.name),
                       profile: state.profile,
                       dshmarket: state.dshmarket,
+                      enabled: !state.disabled.includes(item.name),
                       busy,
                       onInstall: (entry) => void install(entry),
                       onCopy: (entry) => void copy(entry),
+                      onToggle: (entry) => void toggle(entry),
+                      onConfig: (entry) => config(entry),
                       t
                     })
                   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-preview-market",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Vertical preview market for DeepSeek Harness: discover, install and configure preview plugins (media, Blender, STL, ...) from one panel.",
   "type": "module",
   "license": "MIT",
@@ -65,6 +65,9 @@
     "url": "https://github.com/439436269-ctrl/dsh-preview-market/issues"
   },
   "scripts": {
-    "test": "node --test test/*.test.js"
+    "test": "node --test test/*.test.js",
+    "e2e": "node scripts/e2e-settings.mjs",
+    "e2e:fallback": "node scripts/e2e-fallback.mjs",
+    "e2e:toggle": "node scripts/e2e-toggle.mjs"
   }
 }