Engine Overview

The block-based core engine powering Editx.

What is the Engine?

@editx/engine is the headless core that powers the Editx Image Editor. It provides:

  • Block system — everything is a block (pages, graphics, text, images)
  • Command pattern — all mutations are undoable/redoable
  • Konva renderer — GPU-accelerated canvas rendering
  • EventAPI — observable state changes

The engine has zero React dependency and can be used standalone.

Installation

pnpm add @editx/engine konva

Architecture

Scene
├── Page (block)
│   ├── Graphic (block) — with Shape + Fill sub-blocks
│   ├── Text (block)
│   └── Image (block)
└── Stack (optional grouping)

Next Steps