Filament Page Builder Laravel Package

Domain expertise for carljanzell/filament-page-builder, a Composer library (PHP 8.3, Filament 5, Livewire, Alpine, no bundler) that adds a drag-and-drop nested page-builder canvas to Filament and stores content as a flat tree of typed blocks in one JSON column. Load when working on FilamentPageBuilderPlugin, PageBuilderServiceProvider, BlockRegistry, BlockRegistries, PageBlock, Container, InlineEditable, Editable, @editable, PageBuilder::slot / slotNames / shows / editing / rendering / idle, HasBlocks, BlockTree (hydrate, move, insert, duplicate, parent/slot/position, MAX_DEPTH), BlockHistory (undo/redo), BlockStateNormaliser, DesignPage (moveBlock, insertBlock, setBlockField, commitSelectedBlock, cacheSchema, save), SectionBlock, TextBlock, ImageBlock, ButtonBlock, SpacerBlock, DividerBlock, <x-page-builder::blocks>, public-block / canvas-block / canvas-slot views, page-builder.js (pageBuilderCanvas, drag-and-drop, drop marker, inline editing, keyboard shortcuts, Anime.js motion, morph.updating hook), page-builder.css (fpb-*, data-fpb-*, fpb-edit-mode full-screen, style tokens, dark mode), styleTokens, canvasStylesView, blocksAttribute, includeLayoutBlocks, retired/unknown block types, ghost/orphan blocks, the Filament Builder form-editor bridge, filament:assets, docs/index.html, ROADMAP.md, the Testbench/Pest suite, or any file in src/, resources/views/, resources/js/, resources/css/, tests/, docs/.

Make carljanzell/filament-page-builder match the application's own design — brand colours, fonts, block styles, style tokens, the editor chrome and dark mode. Use when styling page-builder blocks, making the design canvas look like the public site, rebranding the editor, adding or restyling styleTokens, writing a canvasStylesView, or fixing blocks that look different in the editor, the Preview and on the live page.

src/Filament/Pages/DesignPage.php is an abstract Filament resource page. A consumer subclasses it, sets only protected static string $resource, and registers it as 'design' => DesignPage::route('/{record}/design'). It is the only server-side write path for the canvas. Everything stays in memory...

The canvas UI is one hand-written Alpine component (resources/js/page-builder.js), one stylesheet (resources/css/page-builder.css) and a vendored Anime.js (resources/js/vendor/anime.min.js, v3.2.2, so it uses the v3 anime({targets, …}) API and not the v4 animate() one). There is no build step and...

A block's own Blade view renders both the public page and the canvas. There is no second renderer to drift from the first. Something outside the view has to say which context is active, and that's src/PageBuilder.php: a static render-context stack the view asks through @editable,...

All page content lives in one JSON column that holds a flat list. Nesting is expressed with parent / slot / position on that same list, so a move changes three keys instead of splicing nested arrays, and an undo snapshot is just one array. src/Support/BlockTree.php holds every tree operation. It...

The package has its own Testbench harness (added in c511a63). Before that it was tested only through its first consuming application, which was no basis for the Stage B/C refactors. The count was 113 tests / 271 assertions at 74f19ce. Reliability coverage lives in...

The package owns the mechanism and the application owns the block types. A block is a class of static methods (so the registry can describe a type without instantiating it) plus a Blade view that renders both the public page and the canvas.