@modern-js/sandpack-react 3.9.3 → 3.10.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @modern-js/sandpack-react
 
+## 3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- 00017a1: Generate only AGENTS.md for AI coding guidance. Stop creating or updating CLAUDE.md in project templates and the --agents-md-only command.
+- 778f778: Use Rstack CLI for linting and formatting in new projects.
+
 ## 3.9.3
 
 ## 3.9.2

package/dist/cjs/templates/common.js

@@ -28,8 +28,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 const commonFiles = {
-    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n",
-    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
+    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 22\n}\n",
+    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run dev\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
 };
 __webpack_require__.d(__webpack_exports__, {}, {
     commonFiles: commonFiles

package/dist/cjs/templates/mwa.js

@@ -36,15 +36,12 @@ const MWAFiles = {
     ".browserslistrc": "chrome >= 87\nedge >= 88\nfirefox >= 78\nsafari >= 14\n",
     ".gitignore": ".DS_Store\n\n.pnp\n.pnp.js\n.env.local\n.env.*.local\n.history\n*.log*\n\nnode_modules/\n.yarn-integrity\n.pnpm-store/\n*.tsbuildinfo\n.changeset/pre.json\n\ndist/\ncoverage/\nrelease/\noutput/\noutput_resource/\nlog/\n\n.vscode/**/*\n!.vscode/settings.json\n!.vscode/extensions.json\n.idea/\n\n**/*/typings/auto-generated\n\nmodern.config.local.*\n",
     ".npmrc": "strict-peer-dependencies=false\n",
-    "AGENTS.md": "<!-- BEGIN:modernjs-agent-rules -->\n\n# Modern.js: read the docs before you code\n\n> Documentation: **`node_modules/@modern-js/app-tools/docs/`**\n> Index: `node_modules/@modern-js/app-tools/docs/llms.txt` — start here when unsure which page to open\n\nThese docs ship inside the package, so they match the Modern.js\nversion this project installed exactly. Your training data is likely\noutdated — **treat them as the source of truth**, and do not answer\nfrom memory on Modern.js configuration, APIs or directory conventions.\n\n**🟢 Read the docs before you touch anything, except for:**\n\n- Writing ordinary React components (not route components)\n- Editing CSS or style files\n- Adding utility functions or business logic\n- Installing ordinary npm packages (unrelated to Modern.js)\n\n<!-- END:modernjs-agent-rules -->\n",
-    "CLAUDE.md": "@AGENTS.md\n",
-    "biome.json": '{\n  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",\n  "vcs": {\n    "enabled": true,\n    "defaultBranch": "main",\n    "clientKind": "git",\n    "useIgnoreFile": true\n  },\n  "formatter": {\n    "enabled": true,\n    "indentStyle": "space"\n  },\n  "javascript": {\n    "formatter": {\n      "quoteStyle": "single",\n      "arrowParentheses": "asNeeded",\n      "jsxQuoteStyle": "double",\n      "lineWidth": 80\n    }\n  },\n  "linter": {\n    "enabled": true,\n    "rules": {\n      "recommended": true,\n      "suspicious": {\n        "noDuplicateFontNames": "off"\n      }\n    }\n  },\n  "organizeImports": {\n    "enabled": true\n  },\n  "files": {\n    "ignoreUnknown": true,\n    "ignore": [".vscode/**/*", "node_modules/**/*", "dist/**/*"]\n  }\n}\n',
+    "AGENTS.md": "<!-- BEGIN:modernjs-agent-rules -->\n\n# Modern.js: read the docs before you code\n\n> Documentation: **`node_modules/@modern-js/app-tools/docs/`**\n> Index: `node_modules/@modern-js/app-tools/docs/llms.txt` — start here when unsure which page to open\n\nThese docs ship inside the package, so they match the Modern.js\nversion this project installed exactly. Your training data is likely\noutdated — **treat them as the source of truth**, and do not answer\nfrom memory on Modern.js configuration, APIs or directory conventions.\n\n**🟢 Read the docs before you touch anything, except for:**\n\n- Writing ordinary React components (not route components)\n- Editing CSS or style files\n- Adding utility functions or business logic\n- Installing ordinary npm packages (unrelated to Modern.js)\n\n<!-- END:modernjs-agent-rules -->\n\n# Rstack CLI\n\nThis project uses Rstack CLI as its JS toolchain:\n\n- Read the docs linked from `node_modules/rstack/docs/llms.txt` when needed\n- Online docs: https://rstack.rs/llms.txt\n- Run `rs -h` for CLI help\n",
     "modern.config.ts": "import { appTools, defineConfig } from '@modern-js/app-tools';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig({\n  plugins: [appTools()],\n});\n",
-    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve",\n    "lint": "biome check"\n  },\n  "engines": {\n    "node": ">=20"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.9.3",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.9.3",\n    "@modern-js/tsconfig": "3.9.3",\n    "@biomejs/biome": "1.9.4",\n    "typescript": "~5.7.3",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6"\n  }\n}\n',
-    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    }\n  },\n  \"include\": [\"src\", \"shared\", \"config\", \"modern.config.ts\", \"server\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
-    "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n",
+    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve"\n  },\n  "engines": {\n    "node": "^22.18.0 || >=24.3.0"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.10.1",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.10.1",\n    "@modern-js/tsconfig": "3.10.1",\n    "typescript": "~5.7.3",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6"\n  }\n}\n',
+    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"types\": [\"@modern-js/app-tools/types\"],\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    }\n  },\n  \"include\": [\"src\", \"shared\", \"config\", \"modern.config.ts\", \"server\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
     "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({});\n",
-    "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,\n    Bitstream Vera Sans Mono, Courier New, monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
+    "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo,\n    Monaco,\n    Lucida Console,\n    Liberation Mono,\n    DejaVu Sans Mono,\n    Bitstream Vera Sans Mono,\n    Courier New,\n    monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
     "src/routes/layout.tsx": "import { Outlet } from '@modern-js/runtime/router';\n\nexport default function Layout() {\n  return (\n    <div>\n      <Outlet />\n    </div>\n  );\n}\n",
     "src/routes/page.tsx": 'import { Helmet } from \'@modern-js/runtime/head\';\nimport \'./index.css\';\n\nconst Index = () => (\n  <div className="container-box">\n    <Helmet>\n      <link\n        rel="icon"\n        type="image/x-icon"\n        href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"\n      />\n    </Helmet>\n    <main>\n      <div className="title">\n        Welcome to\n        <img\n          className="logo"\n          src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"\n          alt="Modern.js Logo"\n        />\n        <p className="name">Modern.js</p>\n      </div>\n      <p className="description">\n        Get started by editing <code className="code">src/routes/page.tsx</code>\n      </p>\n      <div className="grid">\n        <a\n          href="https://modernjs.dev/guides/get-started/introduction.html"\n          target="_blank"\n          rel="noopener noreferrer"\n          className="card"\n        >\n          <h2>\n            Guide\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Guide"\n            />\n          </h2>\n          <p>Follow the guides to use all features of Modern.js.</p>\n        </a>\n        <a\n          href="https://modernjs.dev/tutorials/foundations/introduction.html"\n          target="_blank"\n          className="card"\n          rel="noreferrer"\n        >\n          <h2>\n            Tutorials\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Tutorials"\n            />\n          </h2>\n          <p>Learn to use Modern.js to create your first application.</p>\n        </a>\n        <a\n          href="https://modernjs.dev/configure/app/usage.html"\n          target="_blank"\n          className="card"\n          rel="noreferrer"\n        >\n          <h2>\n            Config\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Config"\n            />\n          </h2>\n          <p>Find all configuration options provided by Modern.js.</p>\n        </a>\n        <a\n          href="https://github.com/web-infra-dev/modern.js"\n          target="_blank"\n          rel="noopener noreferrer"\n          className="card"\n        >\n          <h2>\n            GitHub\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Github"\n            />\n          </h2>\n          <p>View the source code on GitHub; feel free to contribute.</p>\n        </a>\n      </div>\n    </main>\n  </div>\n);\n\nexport default Index;\n'
 };

package/dist/esm/templates/common.mjs

@@ -1,5 +1,5 @@
 const commonFiles = {
-    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n",
-    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
+    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 22\n}\n",
+    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run dev\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
 };
 export { commonFiles };

package/dist/esm/templates/mwa.mjs

@@ -4,15 +4,12 @@ const MWAFiles = {
     ".browserslistrc": "chrome >= 87\nedge >= 88\nfirefox >= 78\nsafari >= 14\n",
     ".gitignore": ".DS_Store\n\n.pnp\n.pnp.js\n.env.local\n.env.*.local\n.history\n*.log*\n\nnode_modules/\n.yarn-integrity\n.pnpm-store/\n*.tsbuildinfo\n.changeset/pre.json\n\ndist/\ncoverage/\nrelease/\noutput/\noutput_resource/\nlog/\n\n.vscode/**/*\n!.vscode/settings.json\n!.vscode/extensions.json\n.idea/\n\n**/*/typings/auto-generated\n\nmodern.config.local.*\n",
     ".npmrc": "strict-peer-dependencies=false\n",
-    "AGENTS.md": "<!-- BEGIN:modernjs-agent-rules -->\n\n# Modern.js: read the docs before you code\n\n> Documentation: **`node_modules/@modern-js/app-tools/docs/`**\n> Index: `node_modules/@modern-js/app-tools/docs/llms.txt` — start here when unsure which page to open\n\nThese docs ship inside the package, so they match the Modern.js\nversion this project installed exactly. Your training data is likely\noutdated — **treat them as the source of truth**, and do not answer\nfrom memory on Modern.js configuration, APIs or directory conventions.\n\n**🟢 Read the docs before you touch anything, except for:**\n\n- Writing ordinary React components (not route components)\n- Editing CSS or style files\n- Adding utility functions or business logic\n- Installing ordinary npm packages (unrelated to Modern.js)\n\n<!-- END:modernjs-agent-rules -->\n",
-    "CLAUDE.md": "@AGENTS.md\n",
-    "biome.json": '{\n  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",\n  "vcs": {\n    "enabled": true,\n    "defaultBranch": "main",\n    "clientKind": "git",\n    "useIgnoreFile": true\n  },\n  "formatter": {\n    "enabled": true,\n    "indentStyle": "space"\n  },\n  "javascript": {\n    "formatter": {\n      "quoteStyle": "single",\n      "arrowParentheses": "asNeeded",\n      "jsxQuoteStyle": "double",\n      "lineWidth": 80\n    }\n  },\n  "linter": {\n    "enabled": true,\n    "rules": {\n      "recommended": true,\n      "suspicious": {\n        "noDuplicateFontNames": "off"\n      }\n    }\n  },\n  "organizeImports": {\n    "enabled": true\n  },\n  "files": {\n    "ignoreUnknown": true,\n    "ignore": [".vscode/**/*", "node_modules/**/*", "dist/**/*"]\n  }\n}\n',
+    "AGENTS.md": "<!-- BEGIN:modernjs-agent-rules -->\n\n# Modern.js: read the docs before you code\n\n> Documentation: **`node_modules/@modern-js/app-tools/docs/`**\n> Index: `node_modules/@modern-js/app-tools/docs/llms.txt` — start here when unsure which page to open\n\nThese docs ship inside the package, so they match the Modern.js\nversion this project installed exactly. Your training data is likely\noutdated — **treat them as the source of truth**, and do not answer\nfrom memory on Modern.js configuration, APIs or directory conventions.\n\n**🟢 Read the docs before you touch anything, except for:**\n\n- Writing ordinary React components (not route components)\n- Editing CSS or style files\n- Adding utility functions or business logic\n- Installing ordinary npm packages (unrelated to Modern.js)\n\n<!-- END:modernjs-agent-rules -->\n\n# Rstack CLI\n\nThis project uses Rstack CLI as its JS toolchain:\n\n- Read the docs linked from `node_modules/rstack/docs/llms.txt` when needed\n- Online docs: https://rstack.rs/llms.txt\n- Run `rs -h` for CLI help\n",
     "modern.config.ts": "import { appTools, defineConfig } from '@modern-js/app-tools';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig({\n  plugins: [appTools()],\n});\n",
-    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve",\n    "lint": "biome check"\n  },\n  "engines": {\n    "node": ">=20"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.9.3",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.9.3",\n    "@modern-js/tsconfig": "3.9.3",\n    "@biomejs/biome": "1.9.4",\n    "typescript": "~5.7.3",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6"\n  }\n}\n',
-    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    }\n  },\n  \"include\": [\"src\", \"shared\", \"config\", \"modern.config.ts\", \"server\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
-    "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n",
+    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve"\n  },\n  "engines": {\n    "node": "^22.18.0 || >=24.3.0"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.10.1",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.10.1",\n    "@modern-js/tsconfig": "3.10.1",\n    "typescript": "~5.7.3",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6"\n  }\n}\n',
+    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"types\": [\"@modern-js/app-tools/types\"],\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    }\n  },\n  \"include\": [\"src\", \"shared\", \"config\", \"modern.config.ts\", \"server\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
     "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({});\n",
-    "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,\n    Bitstream Vera Sans Mono, Courier New, monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
+    "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo,\n    Monaco,\n    Lucida Console,\n    Liberation Mono,\n    DejaVu Sans Mono,\n    Bitstream Vera Sans Mono,\n    Courier New,\n    monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
     "src/routes/layout.tsx": "import { Outlet } from '@modern-js/runtime/router';\n\nexport default function Layout() {\n  return (\n    <div>\n      <Outlet />\n    </div>\n  );\n}\n",
     "src/routes/page.tsx": 'import { Helmet } from \'@modern-js/runtime/head\';\nimport \'./index.css\';\n\nconst Index = () => (\n  <div className="container-box">\n    <Helmet>\n      <link\n        rel="icon"\n        type="image/x-icon"\n        href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"\n      />\n    </Helmet>\n    <main>\n      <div className="title">\n        Welcome to\n        <img\n          className="logo"\n          src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"\n          alt="Modern.js Logo"\n        />\n        <p className="name">Modern.js</p>\n      </div>\n      <p className="description">\n        Get started by editing <code className="code">src/routes/page.tsx</code>\n      </p>\n      <div className="grid">\n        <a\n          href="https://modernjs.dev/guides/get-started/introduction.html"\n          target="_blank"\n          rel="noopener noreferrer"\n          className="card"\n        >\n          <h2>\n            Guide\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Guide"\n            />\n          </h2>\n          <p>Follow the guides to use all features of Modern.js.</p>\n        </a>\n        <a\n          href="https://modernjs.dev/tutorials/foundations/introduction.html"\n          target="_blank"\n          className="card"\n          rel="noreferrer"\n        >\n          <h2>\n            Tutorials\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Tutorials"\n            />\n          </h2>\n          <p>Learn to use Modern.js to create your first application.</p>\n        </a>\n        <a\n          href="https://modernjs.dev/configure/app/usage.html"\n          target="_blank"\n          className="card"\n          rel="noreferrer"\n        >\n          <h2>\n            Config\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Config"\n            />\n          </h2>\n          <p>Find all configuration options provided by Modern.js.</p>\n        </a>\n        <a\n          href="https://github.com/web-infra-dev/modern.js"\n          target="_blank"\n          rel="noopener noreferrer"\n          className="card"\n        >\n          <h2>\n            GitHub\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Github"\n            />\n          </h2>\n          <p>View the source code on GitHub; feel free to contribute.</p>\n        </a>\n      </div>\n    </main>\n  </div>\n);\n\nexport default Index;\n'
 };

package/dist/esm-node/templates/common.mjs

@@ -1,6 +1,6 @@
 import "node:module";
 const commonFiles = {
-    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 18\n}\n",
-    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run start\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
+    ".codesandbox/environment.json": "{\n  \"nodeVersion\": 22\n}\n",
+    ".codesandbox/tasks.json": "{\n  \"$schema\": \"https://codesandbox.io/schemas/tasks.json\",\n  \"setupTasks\": [\n    {\n      \"name\": \"Installing Dependencies\",\n      \"command\": \"pnpm install\"\n    }\n  ],\n  \"tasks\": {\n    \"start\": {\n      \"name\": \"Application\",\n      \"command\": \"pnpm run dev\",\n      \"runAtStart\": true,\n      \"restartOn\": {\n        \"files\": [\"pnpm-lock.yaml\"]\n      }\n    }\n  }\n}\n"
 };
 export { commonFiles };

package/dist/esm-node/templates/mwa.mjs

@@ -5,15 +5,12 @@ const MWAFiles = {
     ".browserslistrc": "chrome >= 87\nedge >= 88\nfirefox >= 78\nsafari >= 14\n",
     ".gitignore": ".DS_Store\n\n.pnp\n.pnp.js\n.env.local\n.env.*.local\n.history\n*.log*\n\nnode_modules/\n.yarn-integrity\n.pnpm-store/\n*.tsbuildinfo\n.changeset/pre.json\n\ndist/\ncoverage/\nrelease/\noutput/\noutput_resource/\nlog/\n\n.vscode/**/*\n!.vscode/settings.json\n!.vscode/extensions.json\n.idea/\n\n**/*/typings/auto-generated\n\nmodern.config.local.*\n",
     ".npmrc": "strict-peer-dependencies=false\n",
-    "AGENTS.md": "<!-- BEGIN:modernjs-agent-rules -->\n\n# Modern.js: read the docs before you code\n\n> Documentation: **`node_modules/@modern-js/app-tools/docs/`**\n> Index: `node_modules/@modern-js/app-tools/docs/llms.txt` — start here when unsure which page to open\n\nThese docs ship inside the package, so they match the Modern.js\nversion this project installed exactly. Your training data is likely\noutdated — **treat them as the source of truth**, and do not answer\nfrom memory on Modern.js configuration, APIs or directory conventions.\n\n**🟢 Read the docs before you touch anything, except for:**\n\n- Writing ordinary React components (not route components)\n- Editing CSS or style files\n- Adding utility functions or business logic\n- Installing ordinary npm packages (unrelated to Modern.js)\n\n<!-- END:modernjs-agent-rules -->\n",
-    "CLAUDE.md": "@AGENTS.md\n",
-    "biome.json": '{\n  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",\n  "vcs": {\n    "enabled": true,\n    "defaultBranch": "main",\n    "clientKind": "git",\n    "useIgnoreFile": true\n  },\n  "formatter": {\n    "enabled": true,\n    "indentStyle": "space"\n  },\n  "javascript": {\n    "formatter": {\n      "quoteStyle": "single",\n      "arrowParentheses": "asNeeded",\n      "jsxQuoteStyle": "double",\n      "lineWidth": 80\n    }\n  },\n  "linter": {\n    "enabled": true,\n    "rules": {\n      "recommended": true,\n      "suspicious": {\n        "noDuplicateFontNames": "off"\n      }\n    }\n  },\n  "organizeImports": {\n    "enabled": true\n  },\n  "files": {\n    "ignoreUnknown": true,\n    "ignore": [".vscode/**/*", "node_modules/**/*", "dist/**/*"]\n  }\n}\n',
+    "AGENTS.md": "<!-- BEGIN:modernjs-agent-rules -->\n\n# Modern.js: read the docs before you code\n\n> Documentation: **`node_modules/@modern-js/app-tools/docs/`**\n> Index: `node_modules/@modern-js/app-tools/docs/llms.txt` — start here when unsure which page to open\n\nThese docs ship inside the package, so they match the Modern.js\nversion this project installed exactly. Your training data is likely\noutdated — **treat them as the source of truth**, and do not answer\nfrom memory on Modern.js configuration, APIs or directory conventions.\n\n**🟢 Read the docs before you touch anything, except for:**\n\n- Writing ordinary React components (not route components)\n- Editing CSS or style files\n- Adding utility functions or business logic\n- Installing ordinary npm packages (unrelated to Modern.js)\n\n<!-- END:modernjs-agent-rules -->\n\n# Rstack CLI\n\nThis project uses Rstack CLI as its JS toolchain:\n\n- Read the docs linked from `node_modules/rstack/docs/llms.txt` when needed\n- Online docs: https://rstack.rs/llms.txt\n- Run `rs -h` for CLI help\n",
     "modern.config.ts": "import { appTools, defineConfig } from '@modern-js/app-tools';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig({\n  plugins: [appTools()],\n});\n",
-    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve",\n    "lint": "biome check"\n  },\n  "engines": {\n    "node": ">=20"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.9.3",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.9.3",\n    "@modern-js/tsconfig": "3.9.3",\n    "@biomejs/biome": "1.9.4",\n    "typescript": "~5.7.3",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6"\n  }\n}\n',
-    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    }\n  },\n  \"include\": [\"src\", \"shared\", \"config\", \"modern.config.ts\", \"server\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
-    "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n",
+    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve"\n  },\n  "engines": {\n    "node": "^22.18.0 || >=24.3.0"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.10.1",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.10.1",\n    "@modern-js/tsconfig": "3.10.1",\n    "typescript": "~5.7.3",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6"\n  }\n}\n',
+    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"types\": [\"@modern-js/app-tools/types\"],\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    }\n  },\n  \"include\": [\"src\", \"shared\", \"config\", \"modern.config.ts\", \"server\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
     "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({});\n",
-    "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,\n    Bitstream Vera Sans Mono, Courier New, monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
+    "src/routes/index.css": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  background: linear-gradient(to bottom, transparent, #fff) #eceeef;\n}\n\np {\n  margin: 0;\n}\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n}\n\n.container-box {\n  min-height: 100vh;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-top: 10px;\n}\n\nmain {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.title {\n  display: flex;\n  margin: 4rem 0 4rem;\n  align-items: center;\n  font-size: 4rem;\n  font-weight: 600;\n}\n\n.logo {\n  width: 6rem;\n  margin: 7px 0 0 1rem;\n}\n\n.name {\n  color: #4ecaff;\n}\n\n.description {\n  text-align: center;\n  line-height: 1.5;\n  font-size: 1.3rem;\n  color: #1b3a42;\n  margin-bottom: 5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 12px;\n  padding: 0.6rem 0.9rem;\n  font-size: 1.05rem;\n  font-family:\n    Menlo,\n    Monaco,\n    Lucida Console,\n    Liberation Mono,\n    DejaVu Sans Mono,\n    Bitstream Vera Sans Mono,\n    Courier New,\n    monospace;\n}\n\n.container-box .grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1100px;\n  margin-top: 3rem;\n}\n\n.card {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100px;\n  color: inherit;\n  text-decoration: none;\n  transition: 0.15s ease;\n  width: 45%;\n}\n\n.card:hover,\n.card:focus {\n  transform: scale(1.05);\n}\n\n.card h2 {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.card p {\n  opacity: 0.6;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  margin-top: 1rem;\n}\n\n.arrow-right {\n  width: 1.3rem;\n  margin-left: 0.5rem;\n  margin-top: 3px;\n}\n",
     "src/routes/layout.tsx": "import { Outlet } from '@modern-js/runtime/router';\n\nexport default function Layout() {\n  return (\n    <div>\n      <Outlet />\n    </div>\n  );\n}\n",
     "src/routes/page.tsx": 'import { Helmet } from \'@modern-js/runtime/head\';\nimport \'./index.css\';\n\nconst Index = () => (\n  <div className="container-box">\n    <Helmet>\n      <link\n        rel="icon"\n        type="image/x-icon"\n        href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"\n      />\n    </Helmet>\n    <main>\n      <div className="title">\n        Welcome to\n        <img\n          className="logo"\n          src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"\n          alt="Modern.js Logo"\n        />\n        <p className="name">Modern.js</p>\n      </div>\n      <p className="description">\n        Get started by editing <code className="code">src/routes/page.tsx</code>\n      </p>\n      <div className="grid">\n        <a\n          href="https://modernjs.dev/guides/get-started/introduction.html"\n          target="_blank"\n          rel="noopener noreferrer"\n          className="card"\n        >\n          <h2>\n            Guide\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Guide"\n            />\n          </h2>\n          <p>Follow the guides to use all features of Modern.js.</p>\n        </a>\n        <a\n          href="https://modernjs.dev/tutorials/foundations/introduction.html"\n          target="_blank"\n          className="card"\n          rel="noreferrer"\n        >\n          <h2>\n            Tutorials\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Tutorials"\n            />\n          </h2>\n          <p>Learn to use Modern.js to create your first application.</p>\n        </a>\n        <a\n          href="https://modernjs.dev/configure/app/usage.html"\n          target="_blank"\n          className="card"\n          rel="noreferrer"\n        >\n          <h2>\n            Config\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Config"\n            />\n          </h2>\n          <p>Find all configuration options provided by Modern.js.</p>\n        </a>\n        <a\n          href="https://github.com/web-infra-dev/modern.js"\n          target="_blank"\n          rel="noopener noreferrer"\n          className="card"\n        >\n          <h2>\n            GitHub\n            <img\n              className="arrow-right"\n              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"\n              alt="Github"\n            />\n          </h2>\n          <p>View the source code on GitHub; feel free to contribute.</p>\n        </a>\n      </div>\n    </main>\n  </div>\n);\n\nexport default Index;\n'
 };

package/dist/types/templates/index.d.ts

@@ -4,12 +4,9 @@ export declare const ModernTemplates: {
         ".gitignore": string;
         ".npmrc": string;
         "AGENTS.md": string;
-        "CLAUDE.md": string;
-        "biome.json": string;
         "modern.config.ts": string;
         "package.json": string;
         "tsconfig.json": string;
-        "src/modern-app-env.d.ts": string;
         "src/modern.runtime.ts": string;
         "src/routes/index.css": string;
         "src/routes/layout.tsx": string;

package/dist/types/templates/mwa.d.ts

@@ -3,12 +3,9 @@ export declare const MWAFiles: {
     ".gitignore": string;
     ".npmrc": string;
     "AGENTS.md": string;
-    "CLAUDE.md": string;
-    "biome.json": string;
     "modern.config.ts": string;
     "package.json": string;
     "tsconfig.json": string;
-    "src/modern-app-env.d.ts": string;
     "src/modern.runtime.ts": string;
     "src/routes/index.css": string;
     "src/routes/layout.tsx": string;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.9.3",
+  "version": "3.10.1",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.mjs",
@@ -35,13 +35,12 @@
   "dependencies": {
     "@codesandbox/sandpack-react": "^2.20.0",
     "@swc/helpers": "^0.5.17",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8"
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1"
   },
   "devDependencies": {
     "@modern-js/codesmith-api-handlebars": "2.6.9",
     "@modern-js/codesmith-utils": "2.6.9",
-    "@rslib/core": "1.0.1",
     "@types/node": "^20",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
@@ -49,7 +48,7 @@
     "recursive-readdir": "^2.2.3",
     "ts-node": "^10.9.2",
     "typescript": "^5",
-    "@modern-js/create": "3.9.3",
+    "@modern-js/create": "3.10.1",
     "@modern-js/rslib": "2.68.10"
   },
   "sideEffects": false,
@@ -58,8 +57,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "ts-node scripts/template.ts && rslib build",
-    "dev": "rslib build --watch",
+    "build": "ts-node scripts/template.ts && rs lib",
+    "dev": "rs lib --watch",
     "test": "rstest --passWithNoTests"
   }
 }

package/rstack.config.mts

@@ -0,0 +1,4 @@
+import { rslibConfig } from '@modern-js/rslib';
+import { define } from 'rstack';
+
+define.lib(rslibConfig);

package/scripts/codesandbox/.codesandbox/environment.json

@@ -1,3 +1,3 @@
 {
-  "nodeVersion": 18
+  "nodeVersion": 22
 }

package/scripts/codesandbox/.codesandbox/tasks.json

@@ -9,7 +9,7 @@
   "tasks": {
     "start": {
       "name": "Application",
-      "command": "pnpm run start",
+      "command": "pnpm run dev",
       "runAtStart": true,
       "restartOn": {
         "files": ["pnpm-lock.yaml"]

package/scripts/template.ts

@@ -7,8 +7,9 @@ const IgnoreFiles = [
   '.nvmrc',
   '.vscode/extensions.json',
   '.vscode/settings.json',
-  '.husky/pre-commit',
+  '.rstack/hooks/pre-commit',
   'README.md',
+  'rstack.config.mts',
 ];
 
 export async function handleTemplate(
@@ -68,6 +69,8 @@ async function handleCreateTemplate() {
   const files = await handleTemplate(templateDir, {
     packageName: 'modern-app',
     version,
+    // Online demos omit repository-level linting and formatting tools.
+    isSubproject: true,
   });
 
   return files;

package/rslib.config.mts

@@ -1,4 +0,0 @@
-import { rslibConfig } from '@modern-js/rslib';
-import { defineConfig } from '@rslib/core';
-
-export default defineConfig(rslibConfig);