SemianiakaVY/openpencil
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity
20 commits 4 branches 0 tags 458 MiB
TypeScript 89.1%
Vue 9.2%
JavaScript 1.2%
Rust 0.4%
Find a file
Danila Poyarkov 4de83542d3 Auto-layout with Yoga WASM integration 
Layout engine (src/engine/layout.ts):
- Yoga WASM adapter mapping SceneNode layout props to Yoga nodes
- Supports vertical/horizontal direction, padding (per-side), gap,
  primary/counter axis alignment, HUG/FIXED/FILL sizing, wrap,
  absolute positioning, flex grow, stretch
- Bottom-up computation: nested auto-layout frames resolve correctly
- Layout runs automatically on any property change to affected frames

Scene graph:
- New layout properties on SceneNode: layoutMode, itemSpacing,
  padding (4 sides), primaryAxisAlign, counterAxisAlign,
  primaryAxisSizing, counterAxisSizing, layoutWrap, layoutGrow,
  layoutPositioning, layoutAlignSelf, counterAxisSpacing

Properties panel:
- Auto-layout section for frames: direction toggles (none/vertical/
  horizontal), gap, padding (4 inputs), primary and counter axis
  alignment dropdowns

Import/export:
- .fig import maps stackMode/stackSpacing/stackPadding* fields
- Clipboard paste maps all Figma stack* properties
- Clipboard copy exports layout as Kiwi stackMode/stackSpacing/etc.
2026-02-27 23:51:21 +03:00
.vscode Initial commit: Tauri + CanvasKit + React editor scaffold 2026-02-27 15:48:29 +03:00
patches Patch kiwi-schema ESM and CLI builds for sparse field IDs 2026-02-27 23:04:52 +03:00
public Encode fig-kiwi binary on copy for Figma paste compatibility 2026-02-27 23:31:01 +03:00
src Auto-layout with Yoga WASM integration 2026-02-27 23:51:21 +03:00
src-tauri Initial commit: Tauri + CanvasKit + React editor scaffold 2026-02-27 15:48:29 +03:00
.gitignore Initial commit: Tauri + CanvasKit + React editor scaffold 2026-02-27 15:48:29 +03:00
.oxfmtrc.json Add oxlint, oxfmt, typescript-go 2026-02-27 15:52:55 +03:00
bun.lock Add .fig file import (Kiwi codec → scene graph) 2026-02-27 23:01:35 +03:00
FIGMA_UI3_CDP_FINDINGS.md Migrate React → Vue 3 + VueUse + Reka UI 2026-02-27 21:25:31 +03:00
index.html Migrate React → Vue 3 + VueUse + Reka UI 2026-02-27 21:25:31 +03:00
oxlint.json Migrate React → Vue 3 + VueUse + Reka UI 2026-02-27 21:25:31 +03:00
package.json Add .fig file import (Kiwi codec → scene graph) 2026-02-27 23:01:35 +03:00
PLAN.md Add full keyboard shortcut reference to PLAN.md, fix zoom speed 2026-02-27 23:10:27 +03:00
README.md Initial commit: Tauri + CanvasKit + React editor scaffold 2026-02-27 15:48:29 +03:00
tsconfig.json Migrate React → Vue 3 + VueUse + Reka UI 2026-02-27 21:25:31 +03:00
tsconfig.node.json Initial commit: Tauri + CanvasKit + React editor scaffold 2026-02-27 15:48:29 +03:00
vite.config.ts Migrate React → Vue 3 + VueUse + Reka UI 2026-02-27 21:25:31 +03:00

README.md

Tauri + React + Typescript

This template should help get you started developing with Tauri, React and Typescript in Vite.

Recommended IDE Setup