097810ab86
* fix(docker): support multi-platform builds and fix monorepo paths Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * perf(renderer): cache pre-rasterized paragraph images to avoid per-frame glyph rasterization (#76) * fix(canvas): stabilize frame label size during zoom Draw frame labels in screen-space after the viewport transform restore, converting scene coords manually. Previously fontSize=12/zoom fed into Math.ceil caused integer-boundary jumps that made labels flicker during zoom. Also skip shadow rendering while actively zooming for smoother performance. * perf(renderer): cache pre-rasterized paragraph images to avoid per-frame glyph rasterization - Add paraImageCache (SkImage, 128 MB LRU limit) keyed on the same key as paraCache - Use drawImageRect instead of drawParagraph on cache hit, skipping per-frame glyph shaping and rasterization - Fall back to direct drawParagraph only when off-screen surface creation (MakeSurface) fails - Extract _dpr getter to deduplicate device-pixel-ratio resolution logic across draw paths - Evict oldest entries when cache exceeds byte limit; delete SkImage on eviction and dispose() * feat(cli): introduce OpenPencil CLI for terminal control of the design tool - Added a new CLI application under `apps/cli` to manage OpenPencil from the terminal. - Implemented commands for app control (`start`, `stop`, `status`), document operations (`open`, `save`, `get`, `selection`), and design manipulation (`design`, `import`). - Enhanced documentation with usage instructions and platform support details. - Updated build scripts to include CLI compilation and publishing processes. - Introduced a new GitHub Actions workflow for publishing the CLI to npm. - Updated existing workflows to integrate CLI build steps and ensure proper versioning across packages. * docs: update README files to include CLI tool details and multi-platform code export - Added CLI section to README files in multiple languages, detailing commands for terminal control of the design tool. - Included instructions for global installation and usage examples for the CLI. - Expanded documentation on multi-platform code export capabilities from a single `.op` file to various frameworks. - Updated CLAUDE.md to reference the new CLI documentation and its integration with the design tool. * chore(bun.lock): update package dependencies to specific versions - Removed workspace references for several packages in the bun.lock file. - Updated dependencies for `@zseven-w/pen-core`, `@zseven-w/pen-types`, `@zseven-w/pen-codegen`, `@zseven-w/pen-figma`, and `@zseven-w/pen-renderer` to version `0.5.1-beta.1`. - Ensured consistency in dependency management across the project. --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Co-authored-by: leinaldo <60176594+leinaldo@users.noreply.github.com>
133 lines
5.6 KiB
Markdown
133 lines
5.6 KiB
Markdown
# @zseven-w/openpencil
|
|
|
|
[English](./README.md) · [简体中文](./README.zh.md) · [繁體中文](./README.zh-TW.md) · [日本語](./README.ja.md) · [한국어](./README.ko.md) · [Français](./README.fr.md) · [Español](./README.es.md) · [Deutsch](./README.de.md) · [Português](./README.pt.md) · [Русский](./README.ru.md) · [हिन्दी](./README.hi.md) · [Türkçe](./README.tr.md) · [**ไทย**](./README.th.md) · [Tiếng Việt](./README.vi.md) · [Bahasa Indonesia](./README.id.md)
|
|
|
|
CLI สำหรับ [OpenPencil](https://github.com/ZSeven-W/openpencil) — ควบคุมเครื่องมือออกแบบจากเทอร์มินัลของคุณ
|
|
|
|
## การติดตั้ง
|
|
|
|
```bash
|
|
npm install -g @zseven-w/openpencil
|
|
```
|
|
|
|
## การรองรับแพลตฟอร์ม
|
|
|
|
CLI จะตรวจจับและเปิดแอปเดสก์ท็อป OpenPencil โดยอัตโนมัติบนทุกแพลตฟอร์ม:
|
|
|
|
| แพลตฟอร์ม | เส้นทางการติดตั้งที่ตรวจพบ |
|
|
| ----------- | --------------------------------------------------------------------------------------------------- |
|
|
| **macOS** | `/Applications/OpenPencil.app`, `~/Applications/OpenPencil.app` |
|
|
| **Windows** | NSIS ต่อผู้ใช้ (`%LOCALAPPDATA%`), ต่อเครื่อง (`%PROGRAMFILES%`), แบบพกพา |
|
|
| **Linux** | `/usr/bin`, `/usr/local/bin`, `~/.local/bin`, AppImage (`~/Applications`, `~/Downloads`), Snap, Flatpak |
|
|
|
|
## การใช้งาน
|
|
|
|
```bash
|
|
op <คำสั่ง> [ตัวเลือก]
|
|
```
|
|
|
|
### วิธีการป้อนข้อมูล
|
|
|
|
อาร์กิวเมนต์ที่รับ JSON หรือ DSL สามารถส่งได้สามวิธี:
|
|
|
|
```bash
|
|
op design '...' # ข้อความแบบอินไลน์ (ข้อมูลขนาดเล็ก)
|
|
op design @design.txt # อ่านจากไฟล์ (แนะนำสำหรับการออกแบบขนาดใหญ่)
|
|
cat design.txt | op design - # อ่านจาก stdin (การไพพ์)
|
|
```
|
|
|
|
### การควบคุมแอป
|
|
|
|
```bash
|
|
op start [--desktop|--web] # เปิด OpenPencil (เดสก์ท็อปเป็นค่าเริ่มต้น)
|
|
op stop # หยุดอินสแตนซ์ที่กำลังทำงาน
|
|
op status # ตรวจสอบว่ากำลังทำงานอยู่หรือไม่
|
|
```
|
|
|
|
### การออกแบบ (Batch DSL)
|
|
|
|
```bash
|
|
op design <dsl|@file|-> [--post-process] [--canvas-width N]
|
|
op design:skeleton <json|@file|->
|
|
op design:content <section-id> <json|@file|->
|
|
op design:refine --root-id <id>
|
|
```
|
|
|
|
### การดำเนินการเอกสาร
|
|
|
|
```bash
|
|
op open [file.op] # เปิดไฟล์หรือเชื่อมต่อกับแคนวาสสด
|
|
op save <file.op> # บันทึกเอกสารปัจจุบัน
|
|
op get [--type X] [--name Y] [--id Z] [--depth N]
|
|
op selection # รับการเลือกแคนวาสปัจจุบัน
|
|
```
|
|
|
|
### การจัดการโหนด
|
|
|
|
```bash
|
|
op insert <json> [--parent P] [--index N] [--post-process]
|
|
op update <id> <json> [--post-process]
|
|
op delete <id>
|
|
op move <id> --parent <P> [--index N]
|
|
op copy <id> [--parent P]
|
|
op replace <id> <json> [--post-process]
|
|
```
|
|
|
|
### การส่งออกโค้ด
|
|
|
|
```bash
|
|
op export <format> [--out file]
|
|
# รูปแบบ: react, html, vue, svelte, flutter, swiftui, compose, rn, css
|
|
```
|
|
|
|
### ตัวแปรและธีม
|
|
|
|
```bash
|
|
op vars # รับตัวแปร
|
|
op vars:set <json> # ตั้งค่าตัวแปร
|
|
op themes # รับธีม
|
|
op themes:set <json> # ตั้งค่าธีม
|
|
op theme:save <file.optheme> # บันทึกพรีเซ็ตธีม
|
|
op theme:load <file.optheme> # โหลดพรีเซ็ตธีม
|
|
op theme:list [dir] # แสดงรายการพรีเซ็ตธีม
|
|
```
|
|
|
|
### หน้า
|
|
|
|
```bash
|
|
op page list # แสดงรายการหน้า
|
|
op page add [--name N] # เพิ่มหน้า
|
|
op page remove <id> # ลบหน้า
|
|
op page rename <id> <name> # เปลี่ยนชื่อหน้า
|
|
op page reorder <id> <index> # จัดลำดับหน้าใหม่
|
|
op page duplicate <id> # ทำสำเนาหน้า
|
|
```
|
|
|
|
### การนำเข้า
|
|
|
|
```bash
|
|
op import:svg <file.svg> # นำเข้าไฟล์ SVG
|
|
op import:figma <file.fig> # นำเข้าไฟล์ Figma .fig
|
|
```
|
|
|
|
### เลย์เอาต์
|
|
|
|
```bash
|
|
op layout [--parent P] [--depth N]
|
|
op find-space [--direction right|bottom|left|top]
|
|
```
|
|
|
|
### แฟล็กทั่วไป
|
|
|
|
```text
|
|
--file <path> ไฟล์ .op เป้าหมาย (ค่าเริ่มต้น: แคนวาสสด)
|
|
--page <id> ID หน้าเป้าหมาย
|
|
--pretty แสดงผล JSON แบบอ่านง่าย
|
|
--help แสดงความช่วยเหลือ
|
|
--version แสดงเวอร์ชัน
|
|
```
|
|
|
|
## สัญญาอนุญาต
|
|
|
|
MIT
|