Skip to content

Conversation

@abhakat
Copy link
Contributor

@abhakat abhakat commented Jan 26, 2026

What changed / motivation ?

Please include relevant motivation and context

Improved create-stylex-app CLI and fix example template dependencies.

CLI Changes:

  • Improve --help output to show templates in a formatted multi-line list
    with descriptions and "(recommended)" labels instead of a comma-separated string

Example Fixes:

  • example-react-router: Remove vite-plugin-devtools-json (incompatible with Vite 7)
  • example-redwoodsdk: Add missing capnweb peer dependency, align react-server-dom-webpack
    to canary version, update @cloudflare/workers-types for wrangler compatibility
  • example-storybook: Add example:dev script so generated project has npm run dev,
    upgrade Vitest from v3 to v4
  • example-rollup: Add missing @babel/preset-flow (required by babel.config.mjs but
    wasn't in package.json)

These fixes ensure all templates work out-of-the-box when users run create-stylex-app.

Template Fixes

Next.js

Webpack & Rollup

Fixed missing @babel/preset-flow dependency.

Waku

Fixed waku version mismatch (waku@1.0.0-alpha.0 → waku@0.27.1) to resolve
react-server-dom-webpack peer dependency conflict.

RedwoodSDK

Fixed react-server-dom-webpack version mismatch (19.2.1 → 19.3.0-canary-561ee24d-20251101) to
match the canary React version.

Storybook

image image image image

Fixed @vitest/browser version mismatch (^3.2.4 → ^4.0.13) to match vitest@^4.0.13.
image
image

image image image image

Published Main Issue: react@19.3.0-canary vs react-server-dom-webpack@19.2.1 mismatch
Your Branch Status: ✅ Fixed (matching canary versions)
image

image

Linked PR/Issues

Fixes #1456

Additional Context

I installed dependencies and tested all of the templates which had npm run dev configs.

Testing process:

  • Built create-stylex-app locally
  • Created test projects for react-router, redwoodsdk, storybook, and rollup
  • Verified npm install succeeds without ERESOLVE errors
  • Verified npm run dev/build works for each template

Pre-flight checklist

@vercel
Copy link

vercel bot commented Jan 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
stylex Skipped Skipped Feb 9, 2026 8:57am

Request Review

@meta-cla meta-cla bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jan 26, 2026
@github-actions
Copy link

github-actions bot commented Jan 26, 2026

workflow: benchmarks/perf

Comparison of performance test results, measured in operations per second. Larger is better.
yarn workspace v1.22.22
yarn run v1.22.22
$ node ./compare.js /tmp/tmp.4R61gsRUr1 /tmp/tmp.lg9enxtY4e

Results Base Patch Ratio
babel-plugin: stylex.create
· basic create 557 513 0.92 !!
· complex create 64 61 0.95 -
babel-plugin: stylex.createTheme
· basic themes 431 412 0.96 -
· complex themes 34 33 0.97 -
Done in 0.08s.
Done in 0.32s.

@github-actions
Copy link

github-actions bot commented Jan 26, 2026

workflow: benchmarks/size

Comparison of minified (terser) and compressed (brotli) size results, measured in bytes. Smaller is better.
yarn workspace v1.22.22
yarn run v1.22.22
$ node ./compare.js /tmp/tmp.eXrILSJYYe /tmp/tmp.Xti0VsfzmN

Results Base Patch Ratio
@stylexjs/stylex/lib/cjs/stylex.js
· compressed 1,311 1,311 1.00
· minified 4,150 4,150 1.00
@stylexjs/stylex/lib/cjs/inject.js
· compressed 1,793 1,793 1.00
· minified 4,915 4,915 1.00
benchmarks/size/.build/bundle.js
· compressed 496,650 496,650 1.00
· minified 4,847,840 4,847,840 1.00
benchmarks/size/.build/stylex.css
· compressed 99,867 99,867 1.00
· minified 747,613 747,613 1.00
Done in 0.07s.
Done in 0.32s.

"name": "@stylexjs/create-stylex-app",
"version": "0.1.0",
"name": "create-stylex-app",
"version": "0.1.0-alpha.2",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"version": "0.1.0-alpha.2",
"version": "0.17.6-alpha.2",

Copy link
Member

@mellyeliu mellyeliu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall LG, please add screenshots of the different commands (help) etc. Then we can test it out properly with an alpha release.

@abhakat abhakat force-pushed the stylex-create-app-help-and-templates branch from 39425a5 to 6b6011c Compare February 9, 2026 08:56
@abhakat abhakat merged commit ff53655 into main Feb 9, 2026
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

create-stylex-app: add --help and fix templates

2 participants