capell-app/layout-builder

The visual layout and widget composition engine for Capell CMS — content-first and drag-drop editing, responsive containers, reusable widgets, and safe public rendering.

Maintainers

Package info

github.com/capell-app/layout-builder

Documentation

pkg:composer/capell-app/layout-builder

Transparency log

Statistics

Installs: 1

Dependents: 6

Suggesters: 0

Stars: 0

Open Issues: 0

v0.0.4 2026-07-11 19:23 UTC

This package is auto-updated.

Last update: 2026-07-11 19:59:51 UTC


README

What This Extension Adds

Layout Builder is an Available, Schema-owning Capell package in the Capell Foundation product group. It ships as capell-app/layout-builder and extends these surfaces: admin, frontend, console.

Compose pages visually with reusable widgets and named layout areas - edit content fast in content-first mode, or drag-and-drop the full layout. Renders to clean, query-free public HTML that never leaks editor internals.

After install, admins get package-owned management surfaces and public users may see package-owned frontend output or routes.

Status details:

  • Status: Available
  • Tier: free
  • Bundle: foundation
  • Composer package: capell-app/layout-builder
  • Namespace: Capell\LayoutBuilder
  • Theme key: not applicable

Why It Matters

For developers: The package gives developers package-owned service providers, Actions, Data objects, models, Filament classes, and Blade views instead of pushing this behaviour into core or application code.

For teams: Compose pages visually with reusable widgets and named layout areas - edit content fast in content-first mode, or drag-and-drop the full layout. Renders to clean, query-free public HTML that never leaks editor internals.

Screens And Workflow

Screenshot contract: docs/screenshots.json.

  • Widgets admin index (admin, required).
  • Create/edit widget form with widget assets (admin, required).
  • Layout Builder editor screen (admin, required).
  • Sections admin index (admin, required).
  • Public page rendering Layout Builder widgets (frontend, required).

Technical Shape

  • Service providers: Capell\LayoutBuilder\LayoutBuilderServiceProvider.
  • Config files: packages/layout-builder/config/capell-layout-builder.php.
  • Migrations: packages/layout-builder/database/migrations/2026_05_10_190841_01_create_layouts_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_02_create_widgets_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_03_create_widget_assets_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_04_create_widget_widgets_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_05_add_container_widgets_to_layouts_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_06_create_layout_presets_table.php, packages/layout-builder/database/migrations/2026_06_07_000001_create_layout_bulk_change_tables.php.
  • Models: Layout, LayoutBulkChangeResult, LayoutBulkChangeRun, LayoutPreset, Widget, WidgetAsset, WidgetWidget.
  • Filament classes: CreateWidgetAction, ActionsRepeater, AlignSelect, AssetTypeSelect, AssetsRepeater, BackgroundSchema, CarouselSettingsSchema, ColorSchemeComponent, ColumnInput, ContainerWidthSelect, CustomColorInput, HeadingSizeSelect, and 80 more.
  • Livewire components: AuthorizesLayoutBuilderAccess, HasLayoutActions, ManagesAssets, ManagesContainers, ManagesLayoutBuilderState, ManagesWidgets, LayoutBuilder, ModalTableSelect, LayoutBuilderActionFactory.
  • Policies: LayoutPresetPolicy.
  • Listeners: AfterRecordSaved, LayoutLoaded, SiteTreeRebuilt, TypeValidated.
  • Actions: AddHeroWidgetToLayoutAction, AddWidgetToLayoutContainerAction, AnalyzeLayoutDiagnosticsAction, AnalyzeLayoutHealthAction, ApplyLayoutPresetAction, ApplyLayoutSidebarWidgetContributionsAction, ApplyStarterLayoutPresetAction, AttachWidgetToLayoutAreaAction, BuildLayoutBuilderTreeAction, BuildLayoutContentInventoryAction, BuildPublicLayoutGraphAction, BuildWidgetVisualRegressionManifestAction, and 47 more.
  • Data objects: AdminLayoutPreviewData, AdminWidgetPreviewData, LayoutWidgetResourceUsageData, ActivityItemData, LayoutHealthData, LeastUsedWidgetData, RecentActivityData, UnusedWidgetData, WidgetGroupData, DemoSitePlanData, LayoutAssetBridgeData, LayoutBuilderStateData, and 26 more.
  • Jobs: ApplyLayoutBulkChangeRunJob.
  • Command signatures: capell:layout-builder-install.
  • Console command classes: InstallCommand, LayoutBulkChangeCommand, WidgetVisualRegressionCommand.
  • Manifest contributions: admin-resource: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar, asset: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar, configurator: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar, migration: Capell\LayoutBuilder\Manifest\LayoutBuilderMigrationsContribution, model: Capell\LayoutBuilder\Manifest\LayoutBuilderModelsContribution, page-type: Capell\LayoutBuilder\Manifest\LayoutBuilderPageTypesContribution, route: Capell\LayoutBuilder\Manifest\LayoutBuilderRoutesContribution, schema-extender: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar.
  • Health checks: Capell\LayoutBuilder\Health\LayoutBuilderHealthCheck.
  • Blade views: packages/layout-builder/resources/views/components/filament/layout-builder/asset.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/assets.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/container.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/drag-handle-icon.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/widget.blade.php, packages/layout-builder/resources/views/components/infolists/entries/layout-widget.blade.php, packages/layout-builder/resources/views/components/infolists/entries/layout-widgets.blade.php, packages/layout-builder/resources/views/components/layout-widget-assets.blade.php, packages/layout-builder/resources/views/components/layout-widgets/content.blade.php, packages/layout-builder/resources/views/components/layout-widgets/image.blade.php, packages/layout-builder/resources/views/components/layout-widgets/index.blade.php, packages/layout-builder/resources/views/components/layout-widgets/interaction-target.blade.php, and 21 more.
  • Cache tags: layout-builder.

Data Model

  • Required tables: layouts, widgets, widget_assets, widget_widgets, layout_presets, layout_bulk_change_runs, layout_bulk_change_results.
  • Models: Layout, LayoutBulkChangeResult, LayoutBulkChangeRun, LayoutPreset, Widget, WidgetAsset, WidgetWidget.
  • Migration files: 2026_05_10_190841_01_create_layouts_table.php, 2026_05_10_190841_02_create_widgets_table.php, 2026_05_10_190841_03_create_widget_assets_table.php, 2026_05_10_190841_04_create_widget_widgets_table.php, 2026_05_10_190841_05_add_container_widgets_to_layouts_table.php, 2026_05_10_190841_06_create_layout_presets_table.php, 2026_06_07_000001_create_layout_bulk_change_tables.php.
  • Migration impact: run host migrations through the package install flow before opening package surfaces.
  • Deletion/retention behaviour: Docs gap unless the package has an explicit pruning command, retention setting, or tested cascade path.

Install Impact

  • Admin navigation: adds package-owned Filament classes when registered.
  • Permissions: ViewAny:Layout, View:Layout, Create:Layout, EditContent:Layout, EditLayout:Layout, Update:Layout, Delete:Layout, DeleteAny:Layout, Restore:Layout, ForceDelete:Layout, Replicate:Layout, Reorder:Layout, BulkMutate:Layout.
  • Public routes: none detected in package route files.
  • Database changes: package migrations are declared.
  • Settings: no package settings declared.
  • Queues or schedules: review package jobs or schedules before install.
  • Cache tags: layout-builder.
  • Commands: capell:layout-builder-install.

Common Pitfalls

  • Run migrations before opening package resources or public routes.
  • Keep public Blade and cached HTML free of authoring markers, model IDs, permissions, signed editor URLs, and lazy database queries.
  • Run package commands from the host app; in this repository use vendor/bin/pest for package tests.
  • Keep composer.json, composer.local.json, capell.json, docs, screenshots, and tests aligned when the package surface changes.

Troubleshooting

Symptom Likely cause Check Fix
Package surface is missing after install Provider or manifest is not loaded Confirm capell.json, package composer.json, and provider registration Reinstall the package, refresh Composer autoload, and clear host caches
Admin screen or command fails on missing table Package migrations have not run Check the tables listed in Data Model Run host migrations and rerun the focused package test
Background work does not run Queue worker or scheduled command is not active Check package jobs, commands, and host scheduler configuration Start the queue or scheduler, then run the focused command or package test
Public output leaks unexpected state Render data, cache variation, or authoring boundary has regressed Check public Blade, cache tags, and public-output safety tests Move data loading out of Blade and rerun the package public-output tests

Quick Start

  1. Install the package: composer require capell-app/layout-builder.
  2. Run the required setup: php artisan capell:layout-builder-install.
  3. Open the related Capell admin surface and verify Layout Builder appears.

Next Steps