da83157b73
A multi-phase campaign to make importing real modern web pages (Tailwind output, landing pages, component-library HTML) faithful. Layout: bake CSS transforms (translate/scale/rotate incl. the translate(-50%,-50%) centering idiom), emulate flex-wrap via row chunking, honor grid span/line placement, apply position:relative offsets through synthetic wrapper frames (jian has no offset-without- reflow), aspect-ratio, per-child auto-margin alignment, and a configurable viewport height (threaded through the CLI and MCP). Content: list markers (incl. reversed/roman/alpha), basic table layout (tr->row, colspan), <picture>/srcset candidate selection, @font-face visibility warnings, background-size/position mapped to the image fill's crop transform, and text-shadow. Diagnostics: replace the untyped Vec<String> warnings with a typed ImportWarning enum (stable per-variant codes, byte-identical Display so CLI/MCP output is unchanged), localized into all 15 locales, surfaced through a non-modal post-import diagnostics panel wired into both hosts. The desktop path now forwards every warning, not just the first. Snapshot import: fix inverted child paint order (the cause of whole overlays vanishing under full-bleed backgrounds), stop clipping text to the browser-measured box under font-metric drift, vectorize inline SVG to editable paths, and capture per-corner radii, background paint, position/z-index, video posters, page background, and open shadow DOM. The extension's tokenless snapshot-ingress route lives here too (op-host-services), scoped to a chrome-extension origin and the single insert-only import tool. Known follow-up: rich inline text runs (links/code spans + wrapping) can still overlap in the snapshot path.
82 lines
4.7 KiB
Plaintext
82 lines
4.7 KiB
Plaintext
op - OpenPencil CLI (drives the editor over the HTTP MCP transport)
|
|
|
|
USAGE:
|
|
op [--port N] tools list every MCP tool + input schema
|
|
op [--port N] <tool> [key=value ...] call one MCP tool with string args
|
|
op [--port N] <command> [options] TS-style command aliases
|
|
op help show this message
|
|
|
|
COMMON COMMANDS:
|
|
op start [--file path.op] [--port N] launch the live editor (live canvas);
|
|
op <tool> then drives the on-screen canvas
|
|
op start --web [--host H] [--file path.op]
|
|
serve the browser editor (wasm bundle +
|
|
MCP) and open http://127.0.0.1:PORT;
|
|
--host 0.0.0.0 binds for LAN/Docker
|
|
op start --headless [--file path.op] run the windowless file-backed MCP server
|
|
(CI / display-less agents)
|
|
op stop stop the running editor / MCP server
|
|
op install [--target T] install openpencil-skill for AI agents
|
|
op uninstall [--target T] uninstall openpencil-skill
|
|
op skill:export <skill> [--out DIR] export embedded skill as DIR/<skill>/SKILL.md
|
|
op status check whether MCP HTTP is reachable
|
|
op export [--item ID|--selection] --output PATH [--format png] [--scale N]
|
|
export a page, arbitrary node, or the
|
|
current Live Canvas selection; omitting
|
|
--item is equivalent to --selection
|
|
op get [--type T] [--name N] [--id ID] [--depth N] [--parent P]
|
|
op selection get current selection
|
|
op insert <json|@file|-> [--parent P] [--page PAGE] [--post-process]
|
|
insert a PenNode JSON tree
|
|
op update <id> <json|@file|-> [--page PAGE] [--post-process]
|
|
patch node data
|
|
op delete <id> [--page PAGE] delete a node
|
|
op read-nodes [ids] [--depth N] [--vars] [--page P] [--file F]
|
|
op move <id> [--parent P] [--index N] [--page PAGE]
|
|
reparent a node (empty parent = page root)
|
|
op copy <id> [--parent P] [--page PAGE] deep-copy a node
|
|
op replace <id> <json|@file|-> [--page PAGE] [--post-process]
|
|
replace with PenNode JSON
|
|
op design <dsl|json-array|@file|-> call batch_design(operations/nodes_json)
|
|
--script treat the payload as a sandboxed JS program (I(parent, obj) + loops); implied for @file.js / @file.mjs
|
|
op design:skeleton <json-array|@file|->
|
|
op design:content [section] <json-array|@file|->
|
|
op design:refine --root-id <id>
|
|
op design:upsert-vars --key K --file vars.json [--source P] [--hash H]
|
|
op design:upsert-component --key K --name N --file node.json [--source P] [--hash H]
|
|
op design:upsert-screen --key K --file node.json [--source P] [--hash H]
|
|
op design:status [--kind token|component|screen]
|
|
op design:lint [--node ID]
|
|
op page list|add [--name N]|remove|rename|reorder|duplicate ...
|
|
op vars get variables + theme axes
|
|
op vars:set <json|@file|-> [--replace] set variables
|
|
op themes get theme axes
|
|
op themes:set <json|@file|-> [--replace]
|
|
op layout [--parent P] [--depth N] snapshot layout tree
|
|
op find-space [--direction D] [--width W] [--height H]
|
|
op import:svg <file.svg> [--x N] [--y N] [--parent P] [--page PAGE]
|
|
op import:html <file.html|url> [--x N] [--y N] [--parent P] [--page PAGE] [--viewport-height N] [--out out.op]
|
|
op import:snapshot <snapshot.json> [--x N] [--y N] [--parent P] [--page PAGE] [--out out.op]
|
|
op import:figma <file.fig> [--out output.op]
|
|
op codegen:plan <plan-json|@file|->
|
|
op codegen:submit <planId> <chunk-result|@file|->
|
|
op codegen:assemble <planId> [--framework react]
|
|
op codegen:clean <planId>
|
|
|
|
GLOBAL FLAGS:
|
|
--port <n> MCP HTTP port (default: 3100). When omitted, server-bound
|
|
commands auto-discover the live editor via
|
|
~/.openpencil/.op-mcp-port (verified with a JSON-RPC ping)
|
|
--pretty pretty-print JSON replies
|
|
--file <path> `op start` document path; otherwise target .op file for
|
|
tools that accept filePath (omit for the live canvas)
|
|
--page <id> target page ID for tools that support pageId
|
|
|
|
The server must be running at:
|
|
http://127.0.0.1:3100/mcp
|
|
|
|
Low-level examples:
|
|
op tools
|
|
op insert_node kind=rect name=Box x=10 y=20 width=100 height=60
|
|
op set_node_fill_hex node_id=n3 hex=#ff0000
|