Skip to content

Rewrite widgets stack with shadcn and Tailwind v4 scaffold#45

Draft
emmapowers wants to merge 2 commits into
mainfrom
styling_improvements
Draft

Rewrite widgets stack with shadcn and Tailwind v4 scaffold#45
emmapowers wants to merge 2 commits into
mainfrom
styling_improvements

Conversation

@emmapowers

Copy link
Copy Markdown
Owner

This branch removes the legacy widget/design-system stack and replaces it with a new shadcn/Base UI/Tailwind v4 foundation. It keeps the existing runtime theme-mode plumbing, adds a generic Tailwind bundling step, introduces a minimal shadcn-backed smoke widget, and moves the shadcn/Bun tooling package out of src/ so local node_modules cannot interfere with Trellis bundling.

Main changes:

  • remove the legacy widget/design-system surface and establish new trellis.theme and trellis.widgets package boundaries
  • add shadcn/Base UI/Tailwind v4 frontend scaffolding, a generic Tailwind build step, and a smoke Button widget plus example app
  • switch repo-managed JS tooling from npm to Bun and add pixi tasks for widget tooling workflows
  • update runtime theme application to use shadcn-style .dark root classes and keep server/browser/desktop paths aligned
  • add focused Python and JS coverage for dependency alignment, Tailwind bundling, theme application, and the smoke widget path

Misc:

  • the shadcn tooling package now lives in frontend/trellis-widgets so checked-in tooling node_modules cannot affect application builds
  • desktop smoke bundling and runtime were revalidated after removing the temporary React alias workaround

Testing:

  • pixi run widgets-typecheck
  • pixi run trellis -r examples/shadcn_smoke bundle --platform server --force-build
  • pixi run trellis -r examples/shadcn_smoke bundle --platform desktop --force-build
  • pixi run trellis -r examples/shadcn_smoke run --desktop
  • pixi run ci

@coderabbitai

coderabbitai Bot commented Mar 6, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: ccd1467c-30b7-4157-a194-d27e21042354

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


Comment @coderabbitai help to get the list of available commands and usage tips.

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