dsh-webui-studio 0.1.0 → 0.2.0

package/lib/studio-remote.js

@@ -0,0 +1,188 @@
+import { z } from 'zod';
+export function invokeStudioRemote(remote, method, payload, signal) {
+    const calls = {
+        'studio.current.get': () => remote.currentGet(signal),
+        'studio.current.preview.status': () => remote.currentPreviewStatus(signal),
+        'studio.current.preview.update': () => remote.currentPreviewUpdate(payload, signal),
+        'studio.current.resolveSource': () => remote.currentResolveSource(payload, signal),
+        'studio.current.agent.create': () => remote.currentAgentCreate(payload, signal),
+        'studio.current.agent.attach': () => remote.currentAgentAttach(payload, signal),
+        'studio.current.agent.leave': () => remote.currentAgentLeave(signal),
+        'studio.drafts.list': () => remote.draftsList(signal),
+        'studio.drafts.create': () => remote.draftsCreate(payload, signal),
+        'studio.drafts.rename': () => remote.draftsRename(payload, signal),
+        'studio.drafts.export': () => remote.draftsExport(payload, signal),
+        'studio.drafts.start': () => remote.draftsStart(payload, signal),
+        'studio.drafts.stop': () => remote.draftsStop(payload, signal),
+        'studio.workspace.get': () => remote.workspaceGet(signal),
+        'studio.workspace.update': () => remote.workspaceUpdate(payload, signal),
+        'studio.drafts.harmony.profile': () => remote.harmonyProfile(payload, signal),
+        'studio.drafts.harmony.inspect': () => remote.harmonyInspect(payload, signal),
+        'studio.drafts.harmony.updateProfile': () => remote.harmonyUpdateProfile(payload, signal),
+        'studio.harmony.inspect': () => remote.harmonyInspect(payload, signal),
+        'studio.project.state': () => remote.projectState(payload, signal),
+        'studio.project.activate': () => remote.projectActivate(payload, signal),
+        'studio.project.files': () => remote.projectFiles(payload, signal),
+        'studio.project.readFile': () => remote.projectReadFile(payload, signal),
+        'studio.project.writeFile': () => remote.projectWriteFile(payload, signal),
+        'studio.project.build': () => remote.projectBuild(payload, signal),
+        'studio.project.cancelBuild': () => remote.projectCancelBuild(payload, signal),
+        'studio.elements.styles': () => remote.elementsStyles(payload, signal),
+        'studio.elements.saveSource': () => remote.elementsSaveSource(payload, signal),
+        'studio.patches.analyzeAutomatic': () => remote.patchesAnalyzeAutomatic(payload, signal),
+        'studio.patches.createAutomatic': () => remote.patchesCreateAutomatic(payload, signal),
+        'studio.readiness.inspect': () => remote.readinessInspect(payload, signal),
+        'studio.readiness.pack': () => remote.readinessPack(payload, signal),
+        'studio.preview.status': () => remote.previewStatus(payload, signal),
+        'studio.preview.update': () => remote.previewUpdate(payload, signal),
+        'studio.preview.resolveSource': () => remote.previewResolveSource(payload, signal),
+        'studio.agent.create': () => remote.agentCreate(payload, signal),
+        'studio.agent.attach': () => remote.agentAttach(payload, signal),
+        'studio.agent.leave': () => remote.agentLeave(payload, signal),
+    };
+    return calls[method]?.();
+}
+const nonEmpty = z.string().min(1);
+const draftIdSchema = z.object({ draftId: nonEmpty });
+const stringList = z.array(nonEmpty);
+const sourceLocationSchema = z.object({
+    file: nonEmpty,
+    line: z.number().int().min(1).optional(),
+    column: z.number().int().min(1).optional(),
+});
+const boundarySchema = z.object({ surfaceId: nonEmpty, path: stringList });
+const targetSchema = z.object({ package: nonEmpty, file: nonEmpty });
+const createDraftSchema = z.object({
+    source: z.discriminatedUnion('kind', [
+        z.object({ kind: z.literal('new'), packageName: nonEmpty }),
+        z.object({ kind: z.literal('existing'), directory: nonEmpty }),
+    ]),
+    profileMode: z.enum(['main-home', 'custom']),
+    profileDirectory: nonEmpty.optional(),
+    destinationDirectory: nonEmpty.optional(),
+});
+const workspaceSchema = z.object({
+    openDraftIds: z.array(nonEmpty),
+    selectedDraftId: nonEmpty.optional(),
+});
+const harmonyInputSchema = draftIdSchema.extend({ package: nonEmpty.optional(), file: nonEmpty.optional() });
+const profileUpdateSchema = draftIdSchema.extend({
+    order: stringList.optional(),
+    patchOrder: stringList.optional(),
+    disabled: stringList.optional(),
+});
+const styleSchema = z.object({
+    elementId: nonEmpty,
+    rules: z.array(z.object({
+        selector: z.string(),
+        declarations: z.array(z.object({ property: nonEmpty, value: z.string() })),
+    })),
+});
+const automaticBase = {
+    draftId: nonEmpty,
+    targets: z.array(targetSchema).min(1),
+    clientFile: nonEmpty,
+    boundary: boundarySchema,
+    targetSelector: nonEmpty.optional(),
+    selector: nonEmpty,
+    elementId: nonEmpty,
+    elementLabel: nonEmpty,
+};
+const automaticPatchSchema = z.discriminatedUnion('kind', [
+    z.object({
+        ...automaticBase,
+        kind: z.literal('replace-string'),
+        text: z.string(),
+        replacement: z.string(),
+        elementSourceFile: nonEmpty.optional(),
+    }),
+    z.object({
+        ...automaticBase,
+        kind: z.literal('css-style'),
+        component: nonEmpty,
+        variables: z.array(z.object({
+            id: nonEmpty,
+            label: nonEmpty,
+            property: nonEmpty,
+            control: z.enum(['color', 'length', 'number', 'enum', 'string']),
+            value: z.union([z.string(), z.number()]),
+            options: stringList.optional(),
+            constraints: z.object({
+                min: z.number().optional(),
+                max: z.number().optional(),
+                step: z.number().optional(),
+            }).optional(),
+        })).min(1),
+    }),
+]);
+const previewUpdateSchema = draftIdSchema.extend({
+    connected: z.boolean(),
+    graphRev: z.string().optional(),
+    mode: z.enum(['browse', 'inspect']),
+    selection: z.unknown().optional(),
+    registry: z.unknown().optional(),
+});
+const currentPreviewUpdateSchema = previewUpdateSchema.omit({ draftId: true });
+function codec(typeSymbol, schema) {
+    return { mode: 'strict', typeSymbol, schema };
+}
+function invocation(method, input, result = z.unknown()) {
+    return {
+        id: `dsh-webui-studio#studio/${method}`,
+        service: 'studio',
+        namespace: 'studio',
+        method,
+        invocation: { kind: 'direct' },
+        parameters: input === undefined ? [] : [{
+                name: 'input',
+                wire: 'input',
+                source: 'json',
+                codec: codec(`dsh-webui-studio#studio/${method}:input`, input),
+            }],
+        cancellation: { parameter: 'signal' },
+        result: codec(`dsh-webui-studio#studio/${method}:result`, result),
+    };
+}
+export const STUDIO_INVOCATIONS = [
+    invocation('currentGet'),
+    invocation('currentPreviewStatus'),
+    invocation('currentPreviewUpdate', currentPreviewUpdateSchema),
+    invocation('currentResolveSource', z.object({ source: sourceLocationSchema })),
+    invocation('currentAgentCreate', z.object({ agentPreset: nonEmpty.optional() })),
+    invocation('currentAgentAttach', z.object({ sessionId: nonEmpty })),
+    invocation('currentAgentLeave'),
+    invocation('draftsList'),
+    invocation('draftsCreate', createDraftSchema),
+    invocation('draftsRename', draftIdSchema.extend({ label: z.string() })),
+    invocation('draftsExport', draftIdSchema),
+    invocation('draftsStart', draftIdSchema),
+    invocation('draftsStop', draftIdSchema),
+    invocation('workspaceGet'),
+    invocation('workspaceUpdate', workspaceSchema),
+    invocation('harmonyProfile', draftIdSchema),
+    invocation('harmonyInspect', harmonyInputSchema),
+    invocation('harmonyUpdateProfile', profileUpdateSchema),
+    invocation('projectState', draftIdSchema),
+    invocation('projectActivate', draftIdSchema.extend({ graphRev: nonEmpty })),
+    invocation('projectFiles', draftIdSchema),
+    invocation('projectReadFile', draftIdSchema.extend({ path: nonEmpty })),
+    invocation('projectWriteFile', draftIdSchema.extend({ path: nonEmpty, content: z.string() })),
+    invocation('projectBuild', draftIdSchema),
+    invocation('projectCancelBuild', draftIdSchema, z.object({ canceled: z.boolean() })),
+    invocation('elementsStyles', draftIdSchema),
+    invocation('elementsSaveSource', draftIdSchema.extend({ styles: z.array(styleSchema) })),
+    invocation('patchesAnalyzeAutomatic', automaticPatchSchema),
+    invocation('patchesCreateAutomatic', automaticPatchSchema),
+    invocation('readinessInspect', draftIdSchema),
+    invocation('readinessPack', draftIdSchema),
+    invocation('previewStatus', draftIdSchema),
+    invocation('previewUpdate', previewUpdateSchema),
+    invocation('previewResolveSource', draftIdSchema.extend({ source: sourceLocationSchema })),
+    invocation('agentCreate', draftIdSchema.extend({ agentPreset: nonEmpty.optional() })),
+    invocation('agentAttach', draftIdSchema.extend({ sessionId: nonEmpty })),
+    invocation('agentLeave', draftIdSchema),
+];
+export const STUDIO_REMOTE = {
+    package: 'dsh-webui-studio/studio',
+    descriptors: STUDIO_INVOCATIONS,
+};

package/lib/variable-tree.d.ts

@@ -0,0 +1,2 @@
+import type { StudioVariableDefinition, StudioVariableNode } from 'dsh-harmony-react/studio';
+export declare function flattenVariableTree(nodes: readonly StudioVariableNode[]): StudioVariableDefinition[];

package/lib/variable-tree.js

@@ -0,0 +1,13 @@
+export function flattenVariableTree(nodes) {
+    const definitions = [];
+    const visit = (items) => {
+        for (const item of items) {
+            if (item.kind === 'group')
+                visit(item.children);
+            else
+                definitions.push(item);
+        }
+    };
+    visit(nodes);
+    return definitions;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-webui-studio",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Harmony WebUI Studio with a live DSH preview and an in-host assistant session",
   "keywords": [
     "deepseek",
@@ -15,13 +15,13 @@
     "visual-editor",
     "webui"
   ],
-  "homepage": "https://github.com/CH4ACKO3/dsh-webui-studio#readme",
+  "homepage": "https://github.com/memorax-ai/dsh-webui-studio#readme",
   "bugs": {
-    "url": "https://github.com/CH4ACKO3/dsh-webui-studio/issues"
+    "url": "https://github.com/memorax-ai/dsh-webui-studio/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/CH4ACKO3/dsh-webui-studio.git"
+    "url": "git+https://github.com/memorax-ai/dsh-webui-studio.git"
   },
   "license": "MIT",
   "publishConfig": {
@@ -44,6 +44,7 @@
     "dist",
     "lib",
     "docs",
+    "studio.patch.yml",
     "LICENSE",
     "PRODUCT.md",
     "README.md",
@@ -55,8 +56,9 @@
     "build:browser": "vite build && vite build -c vite.bridge.config.ts",
     "typecheck": "tsc -p tsconfig.host.json --noEmit && tsc -p tsconfig.browser.json --noEmit && tsc -p tsconfig.bridge.json --noEmit && tsc -p tsconfig.test.json --noEmit",
     "test": "vitest run",
-    "test:integration": "npm run build && node test/studio-extension.e2e.ts",
+    "test:integration": "npm run build && node test/studio-plugin.e2e.ts",
     "check": "npm run typecheck && npm test && npm run test:integration",
+    "remote": "node scripts/remote-studio.ts",
     "prepublishOnly": "npm run check",
     "prepare": "npm run build"
   },
@@ -76,38 +78,73 @@
       },
       "category": "plugin-development"
     },
-    "harmony": {
-      "extension": "./lib/index.js"
+    "bundle": {
+      "patch": "./studio.patch.yml"
     }
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-agent": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-host-apiproxy": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-host-webserver": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-session": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-subprocess": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-system-prompt": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-tools": "0.1.0-rc.6"
+    "@deepseek-ai/cordis-plugin-loader": "^1.0.2",
+    "@deepseek-ai/dsh-agent": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-api-gateway": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-connection": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-modules": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-apiproxy": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-session": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-skill": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-subprocess": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-system-prompt": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-tools": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-typert-protocol": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-typert-registry": "^0.1.1-rc.2"
   },
   "dependencies": {
-    "dsh-harmony": "^0.1.3",
-    "dsh-harmony-react": "^0.1.0",
-    "pnpm": "^10.34.5"
+    "@modelcontextprotocol/sdk": "^1.30.0",
+    "@phenomnomnominal/tsquery": "^6.2.0",
+    "dsh-harmony": "^0.8.7",
+    "dsh-harmony-react": "^0.3.2",
+    "pnpm": "^10.34.5",
+    "the-binding-of-dsh": "0.1.6",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.4",
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.6",
     "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-agent": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-host-apiproxy": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-host-webserver": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-session": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-subprocess": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-system-prompt": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-tools": "0.1.0-rc.6",
+    "@deepseek-ai/cordis-plugin-group": "^1.0.1",
+    "@deepseek-ai/cordis-plugin-loader": "^1.0.2",
+    "@deepseek-ai/dsh": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-agent": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-anonymous-user-id": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-api-gateway": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-authorization": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-bash-local": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-connection": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-modules": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-code-runtime": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-compaction": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-fs": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-apiproxy": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-invariants": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-output-retention": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-sandbox": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-scope": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-session": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-session-telemetry": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-session-title-llm": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-shell": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-spill": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-subagent-in-process-driver": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-subprocess": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-system-prompt": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-timeout": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-tools": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-typert-protocol": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-typert-registry": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-workflow": "^0.1.1-rc.2",
     "@types/node": "^24.10.0",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",

package/studio.patch.yml

@@ -0,0 +1,12 @@
+# Ordinary DSH loads Harmony's existing approval dialog. The Harmony launcher
+# supplies the active runtime itself, so this installer entry is disabled after
+# installation.
+- insert:
+    - id: harmony-studio-runtime
+      name: dsh-harmony
+      disabled: !!js process.env.DSH_HARMONY_ACTIVE === '1'
+    - id: harmony-studio-binding
+      name: the-binding-of-dsh
+      inject: [harmony]
+    - id: harmony-studio
+      name: dsh-webui-studio