Composition / foldkit-mixins-builder

Mental model

Builder.make(...)                    the Builder: Model, update, a plain view
      |
BuilderView.define(builder)          the editor, as a SlotView over BuilderSlots,
      |   .pipe(Style.attach(...))   with its keyboard and pointer Behaviors
BuilderView.submodel(view)           a Submodel view, drawn with BuilderView.inputs({ data })
      |
builder.bundle.pipe(Bundle.withView(...))   placed on its own, or
builder.inputWith(...)                      as a form key whose value is the page

The page on the canvas is drawn by the site's Renderer, the same one the public page uses, in edit mode: each node is wrapped in an element carrying its id, so a click or hover on the page names the node under it.

Install

sh
pnpm add effect foldkit foldkit-bundle foldkit-builder foldkit-composition foldkit-form foldkit-mixins foldkit-mixins-builder