mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-08 21:15:18 +09:00
Oleg Isonen
dde30ffb54
## 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
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import { gfm, gfmHtml } from "micromark-extension-gfm";
|
|
import { micromark } from "micromark";
|
|
import { denormalizeSrcProps } from "./asset-upload";
|
|
import { generateFragmentFromHtml } from "@webstudio-is/project-build/runtime";
|
|
import { pasteHandled, pasteIgnored, type Plugin } from "./copy-paste";
|
|
import {
|
|
hasFragmentData,
|
|
insertFragmentWithBreakpointWarning,
|
|
} from "./fragment-utils";
|
|
|
|
const parse = (clipboardData: string) => {
|
|
const html = micromark(clipboardData, "utf-8", {
|
|
extensions: [gfm()],
|
|
htmlExtensions: [gfmHtml()],
|
|
});
|
|
const { skippedSelectors: _skipped, ...fragment } =
|
|
generateFragmentFromHtml(html);
|
|
const instances = new Map(fragment.instances.map((item) => [item.id, item]));
|
|
for (const instance of fragment.instances) {
|
|
if (instance.tag === "img") {
|
|
delete instance.tag;
|
|
instance.component = "Image";
|
|
}
|
|
}
|
|
fragment.instances = Array.from(instances.values());
|
|
return fragment;
|
|
};
|
|
|
|
const handlePasteMarkdown = async (clipboardData: string) => {
|
|
let fragment = parse(clipboardData);
|
|
if (hasFragmentData(fragment) === false) {
|
|
return pasteIgnored;
|
|
}
|
|
fragment = await denormalizeSrcProps(fragment);
|
|
insertFragmentWithBreakpointWarning(fragment);
|
|
return pasteHandled;
|
|
};
|
|
|
|
export const markdown: Plugin = {
|
|
name: "markdown",
|
|
mimeType: "text/plain",
|
|
onPaste: handlePasteMarkdown,
|
|
};
|
|
|
|
export const __testing__ = {
|
|
parse,
|
|
};
|