Files
webstudio/apps/builder/app/shared/sync/command-queue.ts
Oleg Isonen dde30ffb54 feat: Improve MCP authoring, compact output, and agent onboarding (#5883)
## Summary

This improves how agents discover, author, inspect, and verify Webstudio
projects while reducing unnecessary MCP context usage.

## What changed

- Adds an **Agents** section to Project Settings with ready-to-run setup
commands and client configuration for Claude Code, Codex, Cursor, and VS
Code.
- Makes large list and schema responses compact and paginated by
default, with **verbose** available when complete records or diagnostics
are needed.
- Applies consistent compact output to assets, instances, styles, design
tokens, CLI schemas, and project-session metadata.
- Returns actionable expression warnings for props, resources, and
Collection bindings, including unknown variables and risky render-time
mutation resources.
- Improves Collection expression guidance so agents can bind array items
with the correct scoped variables.
- Reports rendered audit outcomes explicitly as complete, partial,
confirmation-required, or failed.
- Expands runtime output schemas so MCP clients can validate responses
reliably.
- Strengthens the packaged CLI smoke workflow with a realistic
seven-page stdio MCP scenario.

## Architecture

- Consolidates `project-build` from 65 file-oriented entrypoints to 11
architecture-owned surfaces.
- Separates the core model, contracts, runtime authoring, transfer,
state, project sessions, MCP, visual tooling, persistence codecs, and
authenticated server services.
- Isolates Node-only JSX evaluation from browser-safe transfer utilities
and authenticated server modules.
- Keeps persistence codecs independent from authenticated database
services, preventing unrelated module initialization.
- Defines shared instance-path types once and reuses them across runtime
modules.
- Preserves Immer initialization through explicit package side-effect
metadata.
- Adds package tests that prevent a return to source-file entrypoints or
generic exposure of Node-only surfaces.

## Validation

- Full repository checks, tests, typechecks, generated-file checks, and
fixtures
- All 163 Builder test files and 2,141 tests
- All 71 project-build test files and 1,794 tests
- Lint and package-boundary validation
- Full packed CLI release smoke test, including install, preview, agent
setup, seven-page stdio MCP workflow, rendered audit, and structured
commands
2026-07-15 18:11:28 +02:00

47 lines
1.3 KiB
TypeScript

import type { Project } from "@webstudio-is/project";
import type { Build } from "@webstudio-is/project-build";
import type { BuilderPatchChange } from "@webstudio-is/project-build/contracts";
import type { Transaction } from "@webstudio-is/sync-client";
type Command =
| {
type: "transactions";
projectId: Project["id"];
transactions: Transaction<BuilderPatchChange[]>[];
}
| {
type: "setDetails";
projectId: Project["id"];
version: number;
buildId: Build["id"];
authToken: string | undefined;
};
const projectCommandsQueue: Command[] = [];
export const enqueue = (command: Command) => {
if (command.type !== "transactions") {
projectCommandsQueue.push(command);
return;
}
// Merge only with the immediate tail command. Looking farther back can move
// transactions across another project's pending command and change save order.
const projectCommand = projectCommandsQueue.at(-1);
if (
projectCommand?.type === "transactions" &&
projectCommand.projectId === command.projectId
) {
projectCommand.transactions.push(...command.transactions);
return;
}
projectCommandsQueue.push(command);
};
export const dequeueAll = () => {
const commands = [...projectCommandsQueue];
projectCommandsQueue.length = 0;
return commands;
};