Skip to content

Add workbench component showcase app#19

Merged
munezaclovis merged 1 commit intomainfrom
feat/workbench-showcase
Feb 22, 2026
Merged

Add workbench component showcase app#19
munezaclovis merged 1 commit intomainfrom
feat/workbench-showcase

Conversation

@munezaclovis
Copy link
Contributor

Summary

  • Migrates the example-mog showcase into the Orchestra Testbench workbench/ directory, creating a self-contained component demo that runs alongside the package
  • Sets up pnpm workspace with Vite (workbench CSS/JS) running in parallel with esbuild (package JS) via pnpm dev
  • Adds a Livewire v4 SFC index page with 20+ demo components (payment form, avatar group, badges, spinners, input groups, sliders, radio groups, switches, theme switcher, etc.)
  • Fixes blade icon prefix from lucide: to lucide- in 4 package components (accordion, select, pagination, spinner)

Dev workflow

pnpm install                        # install workbench deps via workspace
pnpm dev                            # esbuild watch + Vite dev server in parallel
composer serve                      # testbench serve on port 8000

Test plan

  • All 36 non-browser tests pass (vendor/bin/pest --ci --exclude-group=browser)
  • Workbench page renders at http://localhost:8000/ with title "Mog UI"
  • All demo components render correctly (payment form, avatars, badges, input groups, etc.)
  • Theme switcher toggles dark/light mode correctly
  • CSS and JS assets serve correctly via Vite production build
  • pnpm install bootstraps workspace without errors

Migrate the example-mog showcase into the Orchestra Testbench workbench
directory, providing a self-contained component demo that runs alongside
the package via `vendor/bin/testbench serve`.

- Set up pnpm workspace with Vite for workbench assets (parallel with
  esbuild for package JS)
- Configure WorkbenchServiceProvider with Vite hot file, Livewire v4
  namespaces, and Blade component discovery
- Add Livewire v4 SFC index page with 20+ demo components showcasing
  buttons, inputs, cards, avatars, badges, sliders, radio groups, etc.
- Add theme system with dark/light mode toggle via CSS custom properties
- Fix blade icon prefix from `lucide:` to `lucide-` in accordion,
  select, pagination, and spinner components
- Symlink Vite build output to testbench's skeleton public dir for
  correct static asset serving
@munezaclovis munezaclovis merged commit 4b586c6 into main Feb 22, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant