From e461f820380128747075a1f67eccf38b43c614fc Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Sun, 25 Jan 2026 21:00:07 -0800 Subject: [PATCH 1/8] [create-stylex-app] Improve --help output with formatted template list Update the help display to show available frameworks in a formatted multi-line list with descriptions and alignment, instead of a simple comma-separated string. The new format displays each template on its own line with: - Template ID (left-aligned with consistent padding) - Description of the template - "(recommended)" label for recommended templates Also simplify the --template option description to show only the supported github:owner/repo/path format. --- .../@stylexjs/create-stylex-app/src/index.js | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/packages/@stylexjs/create-stylex-app/src/index.js b/packages/@stylexjs/create-stylex-app/src/index.js index a76e8be5a..3b403d1e8 100644 --- a/packages/@stylexjs/create-stylex-app/src/index.js +++ b/packages/@stylexjs/create-stylex-app/src/index.js @@ -94,9 +94,17 @@ function parseArgs(args) { } function showHelp() { - const templateIds = getBundledTemplates() - .map((t) => t.id) - .join(', '); + const templates = getBundledTemplates(); + const maxIdLength = Math.max(...templates.map((t) => t.id.length)); + + const frameworkList = templates + .map((t) => { + const padding = ' '.repeat(maxIdLength - t.id.length + 2); + const desc = t.description + (t.recommended ? ' (recommended)' : ''); + return ` ${t.id}${padding}${desc}`; + }) + .join('\n'); + console.log(` ${pc.bold('create-stylex-app')} - Create a new StyleX project @@ -105,12 +113,12 @@ ${pc.bold('Usage:')} ${pc.bold('Options:')} -f, --framework Framework to use - -t, --template Custom template (GitHub URL or github:owner/repo/path) + -t, --template Custom template (github:owner/repo/path) --no-install Skip dependency installation -h, --help Show this help message ${pc.bold('Available frameworks:')} - ${templateIds} +${frameworkList} ${pc.bold('Examples:')} npx create-stylex-app my-app From 745a0831256f7c146154b1f5ae0e04e1e556c1a3 Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Sun, 25 Jan 2026 21:08:20 -0800 Subject: [PATCH 2/8] [example-react-router] Remove vite-plugin-devtools-json Remove vite-plugin-devtools-json as it does not support Vite 7. The plugin only supports vite@^2.7.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0, causing npm install to fail with ERESOLVE peer dependency conflicts. This fix is required for create-stylex-app to work correctly, since the CLI fetches templates from the main branch on GitHub. Without this change, users selecting the react-router framework will get a broken project that fails to install dependencies. Changes: - Remove vite-plugin-devtools-json from devDependencies - Remove the import and devtoolsJson() plugin call from vite.config.ts - Remove now-unnecessary @ts-expect-error comments --- examples/example-react-router/package.json | 3 +-- examples/example-react-router/vite.config.ts | 4 ---- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/examples/example-react-router/package.json b/examples/example-react-router/package.json index 903cae034..51f41e9f2 100644 --- a/examples/example-react-router/package.json +++ b/examples/example-react-router/package.json @@ -29,8 +29,7 @@ "@vitejs/plugin-rsc": "^0.5.3", "cross-env": "^10.1.0", "typescript": "^5.9.3", - "vite": "^7.2.4", - "vite-plugin-devtools-json": "0.2.0" + "vite": "^7.2.4" }, "version": "0.17.5" } diff --git a/examples/example-react-router/vite.config.ts b/examples/example-react-router/vite.config.ts index a507f8adb..02376ed86 100644 --- a/examples/example-react-router/vite.config.ts +++ b/examples/example-react-router/vite.config.ts @@ -8,11 +8,9 @@ import stylex from '@stylexjs/unplugin'; import rsc from '@vitejs/plugin-rsc/plugin'; import react from '@vitejs/plugin-react'; import { defineConfig } from 'vite'; -import devtoolsJson from 'vite-plugin-devtools-json'; export default defineConfig({ plugins: [ - // @ts-expect-error - no types for this yet stylex.vite({ useCSSLayers: true, enableDebugClassNames: false, @@ -26,7 +24,5 @@ export default defineConfig({ ssr: 'src/entry.ssr.tsx', }, }), - // @ts-expect-error - no types for this yet - devtoolsJson(), ], }); From b26d8a1e48c9967177492eb18db3e4502276cb6c Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Sun, 25 Jan 2026 21:46:56 -0800 Subject: [PATCH 3/8] [example-redwoodsdk] Fix dependency conflicts for create-stylex-app Fix multiple dependency issues that prevented npm install from succeeding when using the redwoodsdk template with create-stylex-app. Issues fixed: 1. react-server-dom-webpack version mismatch: Updated from 19.2.1 to 19.3.0-canary-561ee24d-20251101 to align with react and react-dom versions. The old version required peer react@^19.2.1 which conflicted with the canary React version. 2. Missing capnweb peer dependency: Added capnweb@~0.2.0 which is required by rwsdk@1.0.0-beta.31 but was not installed. 3. @cloudflare/workers-types version: Updated from pinned 4.20251121.0 to ^4.20260120.0 to be compatible with wrangler@4.60.0 (the latest version that npm resolves from ^4.50.0). Testing process: 1. Run: node .../create-stylex-app/lib/index.js test-redwoodsdk --framework redwoodsdk --no-install 2. Apply fixes manually to generated project (until merged to main) 3. Run: npm install (should succeed without ERESOLVE errors) 4. Run: npm run dev (should start the dev server) --- examples/example-redwoodsdk/package.json | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/examples/example-redwoodsdk/package.json b/examples/example-redwoodsdk/package.json index 8759fe1b3..e492fa990 100644 --- a/examples/example-redwoodsdk/package.json +++ b/examples/example-redwoodsdk/package.json @@ -23,16 +23,17 @@ }, "dependencies": { "@stylexjs/stylex": "0.17.5", + "capnweb": "~0.2.0", "react": "19.3.0-canary-561ee24d-20251101", "react-dom": "19.3.0-canary-561ee24d-20251101", - "react-server-dom-webpack": "19.2.1", + "react-server-dom-webpack": "19.3.0-canary-561ee24d-20251101", "rwsdk": "1.0.0-beta.31", "@stylexjs/shared-ui": "0.17.5" }, "devDependencies": { "@stylexjs/unplugin": "0.17.5", "@cloudflare/vite-plugin": "^1.15.2", - "@cloudflare/workers-types": "4.20251121.0", + "@cloudflare/workers-types": "^4.20260120.0", "@types/node": "^24.10.1", "@types/react": "^19.2.6", "@types/react-dom": "^19.2.3", From a7fd00fb4b00d0e3f0b36800d82430216bfb5e5b Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Sun, 25 Jan 2026 21:58:51 -0800 Subject: [PATCH 4/8] [example-storybook] Fix create-stylex-app compatibility Add example:dev script and upgrade Vitest dependencies to fix issues when using the storybook template with create-stylex-app. Changes: 1. Add example:dev script that runs the Storybook dev server. The CLI's normalizeScripts function strips the "example:" prefix, so the generated project will have a "dev" script. This fixes the "Next steps" output which previously showed "npm run dev" but no dev script existed. 2. Upgrade @vitest/browser and @vitest/coverage-v8 from ^3.2.4 to ^4.0.13 (major version upgrade to Vitest v4). Testing: 1. Run: node .../create-stylex-app/lib/index.js test-storybook --framework storybook 2. Run: npm run dev (starts Storybook on port 6006) --- examples/example-storybook/package.json | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/examples/example-storybook/package.json b/examples/example-storybook/package.json index 518e6ec98..fb1dc5100 100644 --- a/examples/example-storybook/package.json +++ b/examples/example-storybook/package.json @@ -3,6 +3,7 @@ "name": "example-storybook", "version": "0.17.5", "scripts": { + "example:dev": "storybook dev -p 6006 --no-open", "storybook": "storybook dev -p 6006 --no-open", "build-storybook": "storybook build", "lint": "eslint . --ext .js,.jsx,.ts,.tsx", @@ -22,8 +23,8 @@ "@typescript-eslint/eslint-plugin": "^8.44.0", "@typescript-eslint/parser": "^8.44.0", "@vitejs/plugin-react": "^5.0.3", - "@vitest/browser": "^3.2.4", - "@vitest/coverage-v8": "^3.2.4", + "@vitest/browser": "^4.0.13", + "@vitest/coverage-v8": "^4.0.13", "autoprefixer": "^10.4.21", "eslint": "^9.36.0", "eslint-plugin-import": "^2.32.0", From 5a65781a9373be240570ffe160fe3239e08e22ed Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Sun, 25 Jan 2026 22:07:50 -0800 Subject: [PATCH 5/8] [example-rollup] Add missing @babel/preset-flow dependency The babel.config.mjs requires @babel/preset-flow but it was not listed in package.json. This caused the build to fail with "Cannot find module '@babel/preset-flow'" when users tried to build the project. Testing: 1. Run: node .../create-stylex-app/lib/index.js test-rollup --framework rollup 2. Run: npm run dev (or npm run build) 3. Verify: Build succeeds with "created .build/bundle.js" --- examples/example-rollup/package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/examples/example-rollup/package.json b/examples/example-rollup/package.json index 37178b4eb..b1b26ec6a 100644 --- a/examples/example-rollup/package.json +++ b/examples/example-rollup/package.json @@ -18,6 +18,7 @@ "devDependencies": { "@babel/core": "^7.18.2", "@babel/preset-env": "^7.18.2", + "@babel/preset-flow": "^7.27.1", "@babel/preset-react": "^7.17.12", "@rollup/plugin-babel": "^6.0.4", "@rollup/plugin-commonjs": "^26.0.1", From 2f8083a8db1365c1f819a2a891cec982bed0d59b Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Sun, 25 Jan 2026 22:50:22 -0800 Subject: [PATCH 6/8] Update yarn.lock for example dependency changes Regenerate yarn.lock to reflect dependency updates across examples: - example-react-router: Removed vite-plugin-devtools-json - example-redwoodsdk: Added capnweb, updated react-server-dom-webpack and @cloudflare/workers-types - example-storybook: Upgraded @vitest/browser and @vitest/coverage-v8 to v4 - example-rollup: Added @babel/preset-flow --- yarn.lock | 231 +++++++++++++++++++++++++----------------------------- 1 file changed, 107 insertions(+), 124 deletions(-) diff --git a/yarn.lock b/yarn.lock index 0fb9e0d43..61832cc57 100644 --- a/yarn.lock +++ b/yarn.lock @@ -412,14 +412,6 @@ "@algolia/logger-common" "4.25.3" "@algolia/requester-common" "4.25.3" -"@ampproject/remapping@^2.3.0": - version "2.3.0" - resolved "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz" - integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw== - dependencies: - "@jridgewell/gen-mapping" "^0.3.5" - "@jridgewell/trace-mapping" "^0.3.24" - "@asamuzakjp/css-color@^3.2.0": version "3.2.0" resolved "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.2.0.tgz" @@ -762,7 +754,7 @@ regenerator-runtime "^0.14.0" v8flags "^3.1.1" -"@babel/parser@^7.1.0", "@babel/parser@^7.12.7", "@babel/parser@^7.18.8", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.4", "@babel/parser@^7.25.4", "@babel/parser@^7.27.2", "@babel/parser@^7.28.5": +"@babel/parser@^7.1.0", "@babel/parser@^7.12.7", "@babel/parser@^7.18.8", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.4", "@babel/parser@^7.27.2", "@babel/parser@^7.28.5": version "7.28.5" resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz" integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ== @@ -1535,7 +1527,7 @@ core-js-compat "^3.43.0" semver "^6.3.1" -"@babel/preset-flow@^7.25.9": +"@babel/preset-flow@^7.25.9", "@babel/preset-flow@^7.27.1": version "7.27.1" resolved "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.27.1.tgz" integrity sha512-ez3a2it5Fn6P54W8QkbfIyyIbxlXvcxyWHHvno1Wg0Ej5eiJY5hBb8ExttoIOJJk7V2dZE6prP7iby5q2aQ0Lg== @@ -1626,7 +1618,7 @@ "@babel/types" "^7.28.5" debug "^4.3.1" -"@babel/types@^7.0.0", "@babel/types@^7.12.7", "@babel/types@^7.20.0", "@babel/types@^7.20.7", "@babel/types@^7.25.4", "@babel/types@^7.26.0", "@babel/types@^7.26.8", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5", "@babel/types@^7.4.4": +"@babel/types@^7.0.0", "@babel/types@^7.12.7", "@babel/types@^7.20.0", "@babel/types@^7.20.7", "@babel/types@^7.26.0", "@babel/types@^7.26.8", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5", "@babel/types@^7.4.4": version "7.28.5" resolved "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz" integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA== @@ -1725,10 +1717,10 @@ resolved "https://registry.yarnpkg.com/@cloudflare/workerd-windows-64/-/workerd-windows-64-1.20251202.0.tgz#725e66f8f6c2b39fe52a7c97be12b8e672b83e8f" integrity sha512-gzeU6eDydTi7ib+Q9DD/c0hpXtqPucnHk2tfGU03mljPObYxzMkkPGgB5qxpksFvub3y4K0ChjqYxGJB4F+j3g== -"@cloudflare/workers-types@4.20251121.0": - version "4.20251121.0" - resolved "https://registry.npmjs.org/@cloudflare/workers-types/-/workers-types-4.20251121.0.tgz" - integrity sha512-jzFg7hEGKzpEalxTCanN6lM8IdkvO/brsERp/+OyMms4Zi0nhDPUAg9dUcKU8wDuDUnzbjkplY6YRwle7Cq6gA== +"@cloudflare/workers-types@^4.20260120.0": + version "4.20260124.0" + resolved "https://registry.yarnpkg.com/@cloudflare/workers-types/-/workers-types-4.20260124.0.tgz#f0935369fdc60f5558f24a00db7296347a692235" + integrity sha512-h6TJlew6AtGuEXFc+k5ifalk+tg3fkg0lla6XbMAb2AKKfJGwlFNTwW2xyT/Ha92KY631CIJ+Ace08DPdFohdA== "@cloudflare/workers-types@~4.20250924.0": version "4.20250924.0" @@ -5383,20 +5375,6 @@ dependencies: defer-to-connect "^2.0.0" -"@testing-library/dom@^10.4.0": - version "10.4.1" - resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz" - integrity sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg== - dependencies: - "@babel/code-frame" "^7.10.4" - "@babel/runtime" "^7.12.5" - "@types/aria-query" "^5.0.1" - aria-query "5.3.0" - dom-accessibility-api "^0.5.9" - lz-string "^1.5.0" - picocolors "1.1.1" - pretty-format "^27.0.2" - "@testing-library/jest-dom@^6.6.3": version "6.9.1" resolved "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz" @@ -5445,11 +5423,6 @@ resolved "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz" integrity sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA== -"@types/aria-query@^5.0.1": - version "5.0.4" - resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz" - integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw== - "@types/babel__core@^7.20.5": version "7.20.5" resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz" @@ -6561,38 +6534,35 @@ turbo-stream "^3.1.0" vitefu "^1.1.1" -"@vitest/browser@^3.2.4": - version "3.2.4" - resolved "https://registry.npmjs.org/@vitest/browser/-/browser-3.2.4.tgz" - integrity sha512-tJxiPrWmzH8a+w9nLKlQMzAKX/7VjFs50MWgcAj7p9XQ7AQ9/35fByFYptgPELyLw+0aixTnC4pUWV+APcZ/kw== +"@vitest/browser@^4.0.13": + version "4.0.18" + resolved "https://registry.yarnpkg.com/@vitest/browser/-/browser-4.0.18.tgz#9d826cc21f09c27f8fe758715a92a6a878236a02" + integrity sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng== dependencies: - "@testing-library/dom" "^10.4.0" - "@testing-library/user-event" "^14.6.1" - "@vitest/mocker" "3.2.4" - "@vitest/utils" "3.2.4" - magic-string "^0.30.17" - sirv "^3.0.1" - tinyrainbow "^2.0.0" - ws "^8.18.2" + "@vitest/mocker" "4.0.18" + "@vitest/utils" "4.0.18" + magic-string "^0.30.21" + pixelmatch "7.1.0" + pngjs "^7.0.0" + sirv "^3.0.2" + tinyrainbow "^3.0.3" + ws "^8.18.3" -"@vitest/coverage-v8@^3.2.4": - version "3.2.4" - resolved "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.2.4.tgz" - integrity sha512-EyF9SXU6kS5Ku/U82E259WSnvg6c8KTjppUncuNdm5QHpe17mwREHnjDzozC8x9MZ0xfBUFSaLkRv4TMA75ALQ== +"@vitest/coverage-v8@^4.0.13": + version "4.0.18" + resolved "https://registry.yarnpkg.com/@vitest/coverage-v8/-/coverage-v8-4.0.18.tgz#b9c4db7479acd51d5f0ced91b2853c29c3d0cda7" + integrity sha512-7i+N2i0+ME+2JFZhfuz7Tg/FqKtilHjGyGvoHYQ6iLV0zahbsJ9sljC9OcFcPDbhYKCet+sG8SsVqlyGvPflZg== dependencies: - "@ampproject/remapping" "^2.3.0" "@bcoe/v8-coverage" "^1.0.2" - ast-v8-to-istanbul "^0.3.3" - debug "^4.4.1" + "@vitest/utils" "4.0.18" + ast-v8-to-istanbul "^0.3.10" istanbul-lib-coverage "^3.2.2" istanbul-lib-report "^3.0.1" - istanbul-lib-source-maps "^5.0.6" - istanbul-reports "^3.1.7" - magic-string "^0.30.17" - magicast "^0.3.5" - std-env "^3.9.0" - test-exclude "^7.0.1" - tinyrainbow "^2.0.0" + istanbul-reports "^3.2.0" + magicast "^0.5.1" + obug "^2.1.1" + std-env "^3.10.0" + tinyrainbow "^3.0.3" "@vitest/expect@3.2.4": version "3.2.4" @@ -6635,6 +6605,15 @@ estree-walker "^3.0.3" magic-string "^0.30.21" +"@vitest/mocker@4.0.18": + version "4.0.18" + resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-4.0.18.tgz#b9735da114ef65ea95652c5bdf13159c6fab4865" + integrity sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ== + dependencies: + "@vitest/spy" "4.0.18" + estree-walker "^3.0.3" + magic-string "^0.30.21" + "@vitest/pretty-format@3.2.4": version "3.2.4" resolved "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz" @@ -6649,6 +6628,13 @@ dependencies: tinyrainbow "^3.0.3" +"@vitest/pretty-format@4.0.18": + version "4.0.18" + resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-4.0.18.tgz#fbccd4d910774072ec15463553edb8ca5ce53218" + integrity sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw== + dependencies: + tinyrainbow "^3.0.3" + "@vitest/runner@4.0.15": version "4.0.15" resolved "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.15.tgz" @@ -6678,6 +6664,11 @@ resolved "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.15.tgz" integrity sha512-+EIjOJmnY6mIfdXtE/bnozKEvTC4Uczg19yeZ2vtCz5Yyb0QQ31QWVQ8hswJ3Ysx/K2EqaNsVanjr//2+P3FHw== +"@vitest/spy@4.0.18": + version "4.0.18" + resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-4.0.18.tgz#ba0f20503fb6d08baf3309d690b3efabdfa88762" + integrity sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw== + "@vitest/utils@3.2.4": version "3.2.4" resolved "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.4.tgz" @@ -6695,6 +6686,14 @@ "@vitest/pretty-format" "4.0.15" tinyrainbow "^3.0.3" +"@vitest/utils@4.0.18": + version "4.0.18" + resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-4.0.18.tgz#9636b16d86a4152ec68a8d6859cff702896433d4" + integrity sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA== + dependencies: + "@vitest/pretty-format" "4.0.18" + tinyrainbow "^3.0.3" + "@volar/language-core@2.4.23", "@volar/language-core@~2.4.11": version "2.4.23" resolved "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.23.tgz" @@ -7190,7 +7189,7 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0: dependencies: color-convert "^2.0.1" -ansi-styles@^5.0.0, ansi-styles@^5.2.0: +ansi-styles@^5.2.0: version "5.2.0" resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz" integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA== @@ -7242,13 +7241,6 @@ aria-hidden@^1.2.4: dependencies: tslib "^2.0.0" -aria-query@5.3.0: - version "5.3.0" - resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz" - integrity sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A== - dependencies: - dequal "^2.0.3" - aria-query@^5.0.0, aria-query@^5.3.2: version "5.3.2" resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz" @@ -7403,10 +7395,10 @@ ast-types@^0.16.1: dependencies: tslib "^2.0.1" -ast-v8-to-istanbul@^0.3.3: - version "0.3.8" - resolved "https://registry.npmjs.org/ast-v8-to-istanbul/-/ast-v8-to-istanbul-0.3.8.tgz" - integrity sha512-szgSZqUxI5T8mLKvS7WTjF9is+MVbOeLADU73IseOcrqhxr/VAvy6wfoVE39KnKzA7JRhjF5eUagNlHwvZPlKQ== +ast-v8-to-istanbul@^0.3.10: + version "0.3.10" + resolved "https://registry.yarnpkg.com/ast-v8-to-istanbul/-/ast-v8-to-istanbul-0.3.10.tgz#ceff0094c8c64b9e04393c2377fd61857429ec04" + integrity sha512-p4K7vMz2ZSk3wN8l5o3y2bJAoZXT3VuJI5OLTATY/01CYWumWvwkUw0SqDBnNq6IiTO3qDa1eSQDibAV8g7XOQ== dependencies: "@jridgewell/trace-mapping" "^0.3.31" estree-walker "^3.0.3" @@ -8077,6 +8069,11 @@ caniuse-lite@^1.0.30001759, caniuse-lite@^1.0.30001760: resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001764.tgz#03206c56469f236103b90f9ae10bcb8b9e1f6005" integrity sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g== +capnweb@~0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/capnweb/-/capnweb-0.2.0.tgz#4b5e743b752e28c39ad37fab8577a2f99f71fdab" + integrity sha512-fQSW5h6HIefRM4rHZMyAsWcu/qE/6Qr2OC8B99whifjDJatI5KLFcODSykKmpyCCKF50N3HvZ5lB26YBdh0fRg== + ccount@^1.0.0: version "1.1.0" resolved "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz" @@ -9313,7 +9310,7 @@ deprecation@^2.0.0, deprecation@^2.3.1: resolved "https://registry.npmjs.org/deprecation/-/deprecation-2.3.1.tgz" integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ== -dequal@^2.0.0, dequal@^2.0.2, dequal@^2.0.3: +dequal@^2.0.0, dequal@^2.0.2: version "2.0.3" resolved "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz" integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA== @@ -9411,11 +9408,6 @@ doctrine@^3.0.0: dependencies: esutils "^2.0.2" -dom-accessibility-api@^0.5.9: - version "0.5.16" - resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz" - integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg== - dom-accessibility-api@^0.6.3: version "0.6.3" resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz" @@ -12868,7 +12860,7 @@ istanbul-lib-report@^3.0.0, istanbul-lib-report@^3.0.1: make-dir "^4.0.0" supports-color "^7.1.0" -istanbul-lib-source-maps@^5.0.0, istanbul-lib-source-maps@^5.0.6: +istanbul-lib-source-maps@^5.0.0: version "5.0.6" resolved "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz" integrity sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A== @@ -12877,7 +12869,7 @@ istanbul-lib-source-maps@^5.0.0, istanbul-lib-source-maps@^5.0.6: debug "^4.1.1" istanbul-lib-coverage "^3.0.0" -istanbul-reports@^3.1.3, istanbul-reports@^3.1.7: +istanbul-reports@^3.1.3, istanbul-reports@^3.2.0: version "3.2.0" resolved "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz" integrity sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA== @@ -13865,14 +13857,14 @@ magic-string@0.30.21, magic-string@^0.30.0, magic-string@^0.30.17, magic-string@ dependencies: "@jridgewell/sourcemap-codec" "^1.5.5" -magicast@^0.3.5: - version "0.3.5" - resolved "https://registry.npmjs.org/magicast/-/magicast-0.3.5.tgz" - integrity sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ== +magicast@^0.5.1: + version "0.5.1" + resolved "https://registry.yarnpkg.com/magicast/-/magicast-0.5.1.tgz#518959aea78851cd35d4bb0da92f780db3f606d3" + integrity sha512-xrHS24IxaLrvuo613F719wvOIv9xPHFWQHuvGUBmPnCA/3MQxKI3b+r7n1jAoDHmsbC5bRhTZYR77invLAxVnw== dependencies: - "@babel/parser" "^7.25.4" - "@babel/types" "^7.25.4" - source-map-js "^1.2.0" + "@babel/parser" "^7.28.5" + "@babel/types" "^7.28.5" + source-map-js "^1.2.1" make-dir@^1.0.0: version "1.3.0" @@ -15650,7 +15642,7 @@ periscopic@^4.0.2: is-reference "^3.0.2" zimmerframe "^1.0.0" -picocolors@1.1.1, picocolors@^1.0.0, picocolors@^1.1.0, picocolors@^1.1.1, picocolors@~1.1.1: +picocolors@^1.0.0, picocolors@^1.1.0, picocolors@^1.1.1, picocolors@~1.1.1: version "1.1.1" resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz" integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== @@ -15702,6 +15694,13 @@ pirates@^4.0.6, pirates@^4.0.7: resolved "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz" integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA== +pixelmatch@7.1.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-7.1.0.tgz#9d59bddc8c779340e791106c0f245ac33ae4d113" + integrity sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng== + dependencies: + pngjs "^7.0.0" + pkg-dir@^3.0.0: version "3.0.0" resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz" @@ -15760,6 +15759,11 @@ playwright@^1.55.0: optionalDependencies: fsevents "2.3.2" +pngjs@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-7.0.0.tgz#a8b7446020ebbc6ac739db6c5415a65d17090e26" + integrity sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow== + possible-typed-array-names@^1.0.0: version "1.1.0" resolved "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz" @@ -16148,15 +16152,6 @@ pretty-format@30.2.0, pretty-format@^30.0.0: ansi-styles "^5.2.0" react-is "^18.3.1" -pretty-format@^27.0.2: - version "27.5.1" - resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz" - integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ== - dependencies: - ansi-regex "^5.0.1" - ansi-styles "^5.0.0" - react-is "^17.0.1" - pretty-ms@^9.2.0: version "9.3.0" resolved "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.3.0.tgz" @@ -16542,7 +16537,7 @@ react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0: resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== -react-is@^17.0.1, react-is@^17.0.2: +react-is@^17.0.2: version "17.0.2" resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== @@ -16673,6 +16668,15 @@ react-server-dom-webpack@19.2.1, react-server-dom-webpack@^19.2.1: neo-async "^2.6.1" webpack-sources "^3.2.0" +react-server-dom-webpack@19.3.0-canary-561ee24d-20251101: + version "19.3.0-canary-561ee24d-20251101" + resolved "https://registry.yarnpkg.com/react-server-dom-webpack/-/react-server-dom-webpack-19.3.0-canary-561ee24d-20251101.tgz#234983b5282d99587cd6483cc591ab7a6961e154" + integrity sha512-4OGpVCjGIwcy/+oj1FK5vqL4KUrYT6R1U77HBnPpGRAn9WkLAPAv7kb8twUWuYStOcupr4HYcDQBxfXil8knEw== + dependencies: + acorn-loose "^8.3.0" + neo-async "^2.6.1" + webpack-sources "^3.2.0" + react-style-singleton@^2.2.2, react-style-singleton@^2.2.3: version "2.2.3" resolved "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz" @@ -17970,9 +17974,9 @@ sirv@^2.0.3: mrmime "^2.0.0" totalist "^3.0.0" -sirv@^3.0.1: +sirv@^3.0.2: version "3.0.2" - resolved "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz" + resolved "https://registry.yarnpkg.com/sirv/-/sirv-3.0.2.tgz#f775fccf10e22a40832684848d636346f41cd970" integrity sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g== dependencies: "@polka/url" "^1.0.0-next.24" @@ -18062,7 +18066,7 @@ sort-css-media-queries@2.1.0: resolved "https://registry.npmjs.org/sort-css-media-queries/-/sort-css-media-queries-2.1.0.tgz" integrity sha512-IeWvo8NkNiY2vVYdPa27MCQiR0MN0M80johAYFVxWWXQ44KU84WNxjslwBHmc/7ZL2ccwkM7/e6S5aiKZXm7jA== -source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1: +source-map-js@^1.0.2, source-map-js@^1.2.1: version "1.2.1" resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz" integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== @@ -18234,7 +18238,7 @@ statuses@^2.0.1, statuses@~2.0.2: resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz" integrity sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw== -std-env@^3.0.1, std-env@^3.10.0, std-env@^3.9.0: +std-env@^3.0.1, std-env@^3.10.0: version "3.10.0" resolved "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz" integrity sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg== @@ -18787,15 +18791,6 @@ test-exclude@^6.0.0: glob "^7.1.4" minimatch "^3.0.4" -test-exclude@^7.0.1: - version "7.0.1" - resolved "https://registry.npmjs.org/test-exclude/-/test-exclude-7.0.1.tgz" - integrity sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg== - dependencies: - "@istanbuljs/schema" "^0.1.2" - glob "^10.4.1" - minimatch "^9.0.4" - text-decoder@^1.1.0: version "1.2.3" resolved "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz" @@ -19660,11 +19655,6 @@ utils-merge@1.0.1: resolved "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz" integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA== -uuid@^11.1.0: - version "11.1.0" - resolved "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz" - integrity sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A== - uuid@^8.3.2: version "8.3.2" resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz" @@ -19759,13 +19749,6 @@ vibe-rules@~0.3.0: import-meta-resolve "^4.1.0" zod "^3.25.76" -vite-plugin-devtools-json@0.2.0: - version "0.2.0" - resolved "https://registry.npmjs.org/vite-plugin-devtools-json/-/vite-plugin-devtools-json-0.2.0.tgz" - integrity sha512-K7PoaWOEJECZ1n3VbhJXsUAX2PsO0xY7KFMM/Leh7tUev0M5zi+lz+vnVVdCK17IOK9Jp9rdzHXc08cnQirGbg== - dependencies: - uuid "^11.1.0" - vite-plugin-dts@^4.5.4: version "4.5.4" resolved "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.5.4.tgz" @@ -20422,7 +20405,7 @@ ws@^7.3.1: resolved "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz" integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ== -ws@^8.13.0, ws@^8.18.0, ws@^8.18.2, ws@^8.18.3: +ws@^8.13.0, ws@^8.18.0, ws@^8.18.3: version "8.18.3" resolved "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz" integrity sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg== From f9aa38242ea1da457ad2542b13d4c0c0620db3fc Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Tue, 27 Jan 2026 23:18:25 -0800 Subject: [PATCH 7/8] Publish create-stylex-app to npm - Rename package to create-stylex-app for npx usage - Remove private flag to allow publishing - Add templates.json to published files - Bump version to 0.1.0-alpha.2 --- packages/@stylexjs/create-stylex-app/package.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/@stylexjs/create-stylex-app/package.json b/packages/@stylexjs/create-stylex-app/package.json index e19471fe7..5c0aab3be 100644 --- a/packages/@stylexjs/create-stylex-app/package.json +++ b/packages/@stylexjs/create-stylex-app/package.json @@ -1,15 +1,15 @@ { - "name": "@stylexjs/create-stylex-app", - "version": "0.1.0", + "name": "create-stylex-app", + "version": "0.1.0-alpha.2", "description": "Scaffold a new StyleX project from official templates", "repository": "https://www.github.com/facebook/stylex", "license": "MIT", - "private": true, "bin": { "create-stylex-app": "./lib/index.js" }, "files": [ - "lib" + "lib", + "templates.json" ], "scripts": { "build": "cross-env BABEL_ENV=cjs babel src/ --out-dir lib/ --copy-files", From 400f84d1f5285c31b7f292c248ca7c1de8e51811 Mon Sep 17 00:00:00 2001 From: Anay Bhakat Date: Tue, 3 Feb 2026 13:34:33 -0800 Subject: [PATCH 8/8] [create-stylex-app] Align version with StyleX versioning scheme Update version from 0.1.0-alpha.2 to 0.17.6-alpha.2 per review feedback. --- packages/@stylexjs/create-stylex-app/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@stylexjs/create-stylex-app/package.json b/packages/@stylexjs/create-stylex-app/package.json index 5c0aab3be..c5ab61725 100644 --- a/packages/@stylexjs/create-stylex-app/package.json +++ b/packages/@stylexjs/create-stylex-app/package.json @@ -1,6 +1,6 @@ { "name": "create-stylex-app", - "version": "0.1.0-alpha.2", + "version": "0.17.6-alpha.2", "description": "Scaffold a new StyleX project from official templates", "repository": "https://www.github.com/facebook/stylex", "license": "MIT",