@goodandready/dsh-remote-workspace 0.3.2 → 0.3.4

package/docs/design/DESIGN.md

@@ -7,7 +7,7 @@ emote_fs,
 emote_sync, 
 emote_tunnel).
 - **Аудитория**: Разработчики и инженеры, использующие DSH для работы с проектами на VPS, удаленных серверах, облачных инстансах и MiniPC.
-- **Статус**: Стабильный релиз v0.3.2 (One-Click Updater, Cross-Plugin API, Clean Tokens, Modular Routes).
+- **Статус**: Стабильный релиз v0.3.3 (One-Click Updater, Cross-Plugin API, Clean Tokens, Modular Routes).
 
 ## User Surfaces
 - **Web/UI**: Нативная карточка настроек профилей хостов (settings.plugin.item), удаленный SFTP браузер каталогов, чип статуса подключения в шапке сессии (conversation.session.header.utilities).
@@ -69,3 +69,17 @@ emote_tunnel: создание/остановка/листинг туннеле
 - Защита всех мутирующих эндпоинтов проверкой isTrustedSettingsRequest(req) (защита от cross-site атак).
 - Безопасное чтение Cordis сервисов через .get() с fallback.
 - Изоляция жизненного цикла стримов в TunnelService (прослушивание сокетных и потоковых ошибок).
+
+### v0.3.3 Client Architecture Modularization (Refs: #14)
+- Client-side code decomposed into modular ES components under `src/client/`:
+  - `src/client/styles.js` — CSS styling with DSH theme variables
+  - `src/client/locales.js` — English and Chinese translation dictionaries
+  - `src/client/env-editor.js` — Remote .env manager tab component
+  - `src/client/docker.js` — Container inspector tab component
+  - `src/client/terminal.js` — Web terminal tab component
+  - `src/client/file-browser.js` — Remote file explorer tab component
+  - `src/client/settings-view.js` — Profiles, tunnels, and sync settings component
+  - `src/client/updater-section.js` — One-click updater section component
+  - `src/client/plugin-card.js` — Plugin card and status chip components
+  - `src/client/entry.js` — Cordis client plugin apply and slot registration
+- Added native builder `scripts/build-client.mjs` hooked into `prepack` and `npm test`.

package/lib/client.js

@@ -7,6 +7,9 @@ window.__ModuleLoader__.load({
     const React = require('react')
 
     const NS = 'dsh-remote-workspace'
+    // Plugins page row seat (DSH 0.1.6-alpha.2): key = '<package name>#<row id>'.
+    const ROW_ID = 'dsh-remote-workspace'
+    const ROW_CONFIG_KEY = '@goodandready/dsh-remote-workspace#' + ROW_ID
 
     function ensureCss() {
       if (typeof document === 'undefined') return
@@ -435,6 +438,7 @@ window.__ModuleLoader__.load({
 
 
     // --- Sub-component: Remote Environment Tab (New in v0.3.1) ---
+
     function EnvTab(props) {
       const { activeProfile, t } = props
       const [envEntries, setEnvEntries] = React.useState([])
@@ -538,6 +542,7 @@ window.__ModuleLoader__.load({
     }
 
     // --- Sub-component: Docker Containers Tab ---
+
     function ContainersTab(props) {
       const { activeProfile, t } = props
       const [containers, setContainers] = React.useState([])
@@ -688,6 +693,7 @@ window.__ModuleLoader__.load({
     }
 
     // --- Sub-component: Web Terminal Tab ---
+
     function TerminalTab(props) {
       const { activeProfile, t } = props
       const [connected, setConnected] = React.useState(false)
@@ -893,6 +899,7 @@ window.__ModuleLoader__.load({
     }
 
     // --- Sub-component: Remote File Explorer Tab ---
+
     function ExplorerTab(props) {
       const { activeProfile, t } = props
       const [currentPath, setCurrentPath] = React.useState(activeProfile?.remoteWorkspace || '/')
@@ -2071,6 +2078,7 @@ window.__ModuleLoader__.load({
     }
 
     // Accordion item for Settings -> Plugins section
+
     function UpdaterSection(props) {
       const t = props.t || ((k) => k);
       const [updateStatus, setUpdateStatus] = React.useState(null);
@@ -2186,16 +2194,23 @@ window.__ModuleLoader__.load({
     }
 
     function PluginCard(props) {
-      const [open, setOpen] = React.useState(false)
+      const page = !!(props && props.view === 'page')
+      const [open, setOpen] = React.useState(!!page)
       const t = props.t || (props.locale === 'zh' ? makeT(zh, en) : makeT(en, zh))
 
       React.useEffect(() => {
         ensureCss()
       }, [])
 
+      // Row seat (plugins.row.config): the host page draws title/icon/crumb and the
+      // padding, so the summary is a one-liner and the page drops our card chrome.
+      if (props && props.view === 'summary') {
+        return React.createElement('span', { style: { fontSize: '13px', color: 'var(--dsw-alias-label-secondary)' } }, t('subtitle'))
+      }
+
       return React.createElement(
-        'li',
-        { className: 'drw-card', style: { listStyle: 'none', marginBottom: '12px' } },
+        page ? 'div' : 'li',
+        { className: page ? 'drw-page' : 'drw-card', style: page ? undefined : { listStyle: 'none', marginBottom: '12px' } },
         React.createElement(
           'button',
           {
@@ -2204,13 +2219,13 @@ window.__ModuleLoader__.load({
               background: 'none',
               border: 'none',
               cursor: 'pointer',
-              display: 'flex',
+              display: page ? 'none' : 'flex',
               alignItems: 'center',
               width: '100%',
               padding: 0,
               textAlign: 'left',
             },
-            'aria-expanded': open,
+            'aria-expanded': page ? true : open,
             onClick: () => setOpen((v) => !v),
           },
           React.createElement('span', { style: { fontSize: '20px', marginRight: '12px' } }, '🌐'),
@@ -2227,7 +2242,7 @@ window.__ModuleLoader__.load({
             React.createElement(FallbackChevron)
           )
         ),
-        open
+        (page || open)
           ? React.createElement(
               'div',
               { style: { marginTop: '16px', borderTop: '1px solid var(--dsw-alias-border-l2)', paddingTop: '16px' } },
@@ -2285,6 +2300,19 @@ window.__ModuleLoader__.load({
       }
 
       if (ctx.slots && typeof ctx.slots.inject === 'function') {
+        // Row seat first (the seat the current core renders), legacy seat after it.
+        ctx.slots.inject('plugins.row.config', () =>
+          ctx.slots.register(
+            {
+              name: 'plugins.row.config',
+              key: ROW_CONFIG_KEY,
+              locale: NS,
+              inject: () => ({ ctx })
+            },
+            (props) => React.createElement(PluginCard, Object.assign({}, props, { ctx }))
+          )
+        )
+
         ctx.slots.inject('settings.plugin.item', () =>
           ctx.slots.register(
             {
@@ -2312,5 +2340,6 @@ window.__ModuleLoader__.load({
 
     module.exports = { apply, inject: ['slots', 'locale'] }
     return module.exports
-  }
+
+  },
 })

package/lib/updater-service.js

@@ -276,12 +276,13 @@ function json(response, statusCode, value) {
 
 export function registerPluginUpdater(ctx, options) {
   let installing = false
-  if (typeof ctx?.webServer?.register !== 'function') {
+  const webServer = ctx?.get ? (ctx.get('webServer') ?? ctx?.webServer) : ctx?.webServer;
+  if (!webServer || typeof webServer.register !== 'function') {
     ctx?.logger?.warn?.('[dsh-remote-workspace] webServer service unavailable, updater skipped')
     return () => {}
   }
 
-  return ctx.webServer.register({
+  return webServer.register({
     kind: 'exact',
     path: options.endpoint,
     handler: async (request, response) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-remote-workspace",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Enterprise Remote Workspace Plugin for DeepSeek Harness: SSH2 connection pool, SFTP operations, 3-way conflict-aware mirror sync, port forwarding, and native DSH UI.",
   "type": "module",
   "main": "lib/index.js",
@@ -21,7 +21,9 @@
   ],
   "scripts": {
     "build": "tsup",
-    "test": "node --test test/*.test.mjs"
+    "test": "node scripts/build-client.mjs && node --test test/*.test.mjs test/*.test.js",
+    "build:client": "node scripts/build-client.mjs",
+    "prepack": "node scripts/build-client.mjs"
   },
   "keywords": [
     "deepseek-harness",