openpencil/packages/dom-css/README.md
2026-06-30 10:47:25 +03:00

1 KiB

@open-pencil/dom-css

DOM and CSS projection utilities for OpenPencil.

This package is the compatibility layer between OpenPencil's scene graph and DOM-shaped design documents. It is intentionally separate from @open-pencil/core so browser/CSS parser integrations can evolve without adding DOM dependencies to the renderer and editor core.

Current scope:

  • DOM-shaped DesignDocument / DesignElement types
  • Browser-backed runtime adapter for native HTML parsing, serialization, and computed-style extraction
  • Headless runtime adapter with parse5 HTML parsing and CSSOM-backed style computation for basic selectors, nested CSSOM rules, cascade order, inheritance, common shorthands, and simple custom-property/calc values
  • Initial SceneGraph ⇄ DesignDOM conversion helpers for simple HTML/CSS-shaped layouts
  • Tailwind-generated CSS ingestion through CSSOM for utility-class card fixtures

Planned scope:

  • Broader SceneGraph ⇄ DesignDOM conversion
  • Browser runtime parity fixtures
  • First-class Tailwind compiler helpers