@bleedingdev/modern-js-sandpack-react 3.2.0-ultramodern.0

package/CHANGELOG.md

@@ -0,0 +1,89 @@
+# @modern-js/sandpack-react
+
+## 3.2.0
+
+## 3.1.5
+
+## 3.1.4
+
+## 3.1.3
+
+## 3.1.2
+
+## 3.1.1
+
+## 3.1.0
+
+## 3.0.5
+
+## 3.0.4
+
+## 3.0.3
+
+## 3.0.2
+
+## 3.0.1
+
+## 3.0.0
+
+## 3.0.0-alpha.2
+
+## 3.0.0-alpha.1
+
+## 3.0.0-alpha.0
+
+## 2.68.1
+
+## 2.68.0
+
+## 2.67.11
+
+## 2.67.10
+
+## 2.67.9
+
+## 2.67.8
+
+## 2.67.7
+
+## 2.67.6
+
+## 2.67.5
+
+## 2.67.4
+
+## 2.67.3
+
+## 2.67.2
+
+## 2.67.1
+
+## 2.67.0
+
+## 2.66.0
+
+## 2.65.5
+
+## 2.65.4
+
+## 2.65.3
+
+## 2.65.2
+
+## 2.65.1
+
+## 2.65.0
+
+## 2.64.3
+
+## 2.64.2
+
+## 2.64.1
+
+## 2.64.0
+
+## 2.63.7
+
+## 2.63.6
+
+## 2.63.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Modern.js
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,26 @@
+<p align="center">
+  <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
+</p>
+
+<h1 align="center">Modern.js</h1>
+
+<p align="center">
+  A Progressive React Framework for modern web development.
+</p>
+
+## Getting Started
+
+Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-start) to get started with Modern.js.
+
+## Documentation
+
+- [English Documentation](https://modernjs.dev/en/)
+- [中文文档](https://modernjs.dev)
+
+## Contributing
+
+Please read the [Contributing Guide](https://github.com/web-infra-dev/modern.js/blob/main/CONTRIBUTING.md).
+
+## License
+
+Modern.js is [MIT licensed](https://github.com/web-infra-dev/modern.js/blob/main/LICENSE).

package/dist/cjs/index.js

@@ -0,0 +1,94 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>ModernSandpack
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const sandpack_react_namespaceObject = require("@codesandbox/sandpack-react");
+const index_js_namespaceObject = require("./templates/index.js");
+function fileterFiles(files, removeFiles) {
+    if (0 === removeFiles.length) return files;
+    const result = {};
+    Object.keys(files).forEach((filename)=>{
+        if (!removeFiles.includes(filename)) result[filename] = files[filename];
+    });
+    return result;
+}
+function ModernSandpack(props) {
+    const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], activeFile = 'src/routes/page.tsx', theme = 'light' } = props;
+    const initFiles = index_js_namespaceObject.ModernTemplates[template];
+    const files = {
+        ...fileterFiles(initFiles, removeFiles),
+        ...fileterFiles(customFiles, removeFiles)
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sandpack_react_namespaceObject.SandpackProvider, {
+        theme: theme,
+        customSetup: {
+            environment: 'node',
+            ...customSetup
+        },
+        files: files,
+        options: {
+            activeFile,
+            visibleFiles: Object.keys(customFiles).filter((file)=>!removeFiles.includes(file)),
+            ...options
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(sandpack_react_namespaceObject.SandpackLayout, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sandpack_react_namespaceObject.SandpackFileExplorer, {
+                    autoHiddenFiles: true,
+                    initialCollapsedFolder: [
+                        '/.husky/',
+                        '/.vscode/',
+                        '/.codesandbox/',
+                        ...initialCollapsedFolder
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sandpack_react_namespaceObject.SandpackCodeEditor, {
+                    showLineNumbers: true,
+                    showInlineErrors: true,
+                    readOnly: true,
+                    showTabs: false
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    style: {
+                        position: 'absolute',
+                        right: '5px',
+                        bottom: '5px'
+                    },
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sandpack_react_namespaceObject.OpenInCodeSandboxButton, {})
+                })
+            ]
+        })
+    });
+}
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/templates/common.js

@@ -0,0 +1,39 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    commonFiles: ()=>commonFiles
+});
+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"
+};
+exports.commonFiles = __webpack_exports__.commonFiles;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "commonFiles"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/templates/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __webpack_modules__ = {
+    "./mwa" (module) {
+        module.exports = require("./mwa.js");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        ModernTemplates: ()=>ModernTemplates
+    });
+    const { MWAFiles } = __webpack_require__("./mwa");
+    const ModernTemplates = {
+        'web-app': MWAFiles
+    };
+})();
+exports.ModernTemplates = __webpack_exports__.ModernTemplates;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ModernTemplates"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/templates/mwa.js

@@ -0,0 +1,58 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MWAFiles: ()=>MWAFiles
+});
+const external_common_js_namespaceObject = require("./common.js");
+const MWAFiles = {
+    ...external_common_js_namespaceObject.commonFiles,
+    ".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",
+    "biome.json": '{\n  "root": false,\n  "$schema": "https://biomejs.dev/schemas/2.4.13/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  "assist": { "actions": { "source": { "organizeImports": "on" } } },\n  "files": {\n    "ignoreUnknown": true,\n    "includes": [\n      "**",\n      "!**/.vscode/**/*",\n      "!**/node_modules/**/*",\n      "!**/dist/**/*"\n    ]\n  }\n}\n',
+    "modern.config.ts": "import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';\nimport path from 'node:path';\n\nconst appId = process.env.MODERN_BASELINE_APP_ID || path.basename(process.cwd());\nconst enableModuleFederationSSR =\n  process.env.MODERN_BASELINE_ENABLE_MF_SSR !== 'false';\nconst enableBffRequestId =\n  process.env.MODERN_BASELINE_ENABLE_BFF_REQUEST_ID !== 'false';\nconst enableTelemetryExporters =\n  process.env.MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS !== 'false';\nconst telemetryFailLoudStartup =\n  process.env.MODERN_TELEMETRY_FAIL_LOUD_STARTUP !== 'false';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig(\n  presetUltramodern(\n    {\n      plugins: [\n        appTools(),\n      ],\n    },\n    {\n      appId,\n      enableBffRequestId,\n      enableModuleFederationSSR,\n      enableTelemetryExporters,\n      telemetryFailLoudStartup,\n      otlpEndpoint: process.env.MODERN_TELEMETRY_OTLP_ENDPOINT,\n      victoriaMetricsEndpoint: process.env.MODERN_TELEMETRY_VICTORIA_ENDPOINT,\n    },\n  ),\n);\n",
+    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "reset": "npx rimraf node_modules ./**/node_modules",\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve",\n    "ultramodern:check": "node ./scripts/validate-ultramodern.mjs",\n    "lint": "biome check",\n    "prepare": "simple-git-hooks"\n  },\n  "engines": {\n    "node": ">=20"\n  },\n  "lint-staged": {\n    "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [\n      "biome check --files-ignore-unknown=true"\n    ]\n  },\n  "simple-git-hooks": {\n    "pre-commit": "npx lint-staged"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.2.0",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.2.0",\n    "@modern-js/tsconfig": "3.2.0",\n    "@biomejs/biome": "1.9.4",\n    "@typescript/native-preview": "7.0.0-dev.20260516.1",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6",\n    "lint-staged": "~15.4.0",\n    "simple-git-hooks": "^2.11.1",\n    "rimraf": "^6.0.1"\n  }\n}\n',
+    "postcss.config.mjs": "",
+    "tailwind.config.ts": "",
+    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@api/*\": [\"./api/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    },\n    \"rootDir\": \"./src\"\n  },\n  \"include\": [\"src\", \"api\", \"shared\", \"config\", \"modern.config.ts\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
+    "scripts/validate-ultramodern.mjs": "import fs from 'node:fs';\nimport path from 'node:path';\n\nconst configPath = path.resolve(process.cwd(), 'modern.config.ts');\nconst templateManifestPath = path.resolve(\n  process.cwd(),\n  '.modernjs/mv-template-manifest.json',\n);\n\nif (!fs.existsSync(configPath)) {\n  console.error('modern.config.ts not found');\n  process.exit(1);\n}\n\nconst content = fs.readFileSync(configPath, 'utf8');\nconst requiredTokens = [\n  'presetUltramodern(',\n  'appTools()',\n  'enableModuleFederationSSR',\n  'enableBffRequestId',\n  'enableTelemetryExporters',\n];\nconst missing = requiredTokens.filter(token => !content.includes(token));\n\nif (missing.length > 0) {\n  console.error(\n    `Ultramodern contract check failed. Missing tokens: ${missing.join(', ')}`,\n  );\n  process.exit(1);\n}\n\nif (!fs.existsSync(templateManifestPath)) {\n  console.error('.modernjs/mv-template-manifest.json not found');\n  process.exit(1);\n}\n\nconst templateManifest = JSON.parse(\n  fs.readFileSync(templateManifestPath, 'utf8'),\n);\nconst requiredDeniedPaths = [\n  '.git/**',\n  '.github/**',\n  '.npmrc',\n  '.yarnrc',\n  '.env',\n  '.env.*',\n  'node_modules/**',\n  'dist/**',\n];\nconst requiredPostMaterialization = [\n  'ultramodern-contract-check',\n  'dependency-install-with-lifecycle-deny',\n  'template-manifest-retained',\n];\nconst manifestErrors = [];\n\nif (templateManifest.schemaVersion !== 1) {\n  manifestErrors.push('schemaVersion');\n}\n\nif (templateManifest.source?.type !== 'builtin') {\n  manifestErrors.push('source.type');\n}\n\nif (\n  !Array.isArray(templateManifest.integrity?.checksums) ||\n  !templateManifest.integrity.checksums.some(\n    checksum =>\n      checksum.algorithm === 'sha256' &&\n      checksum.scope === 'source-tree' &&\n      /^[0-9a-f]{64}$/.test(checksum.value),\n  )\n) {\n  manifestErrors.push('integrity.checksums[source-tree]');\n}\n\nfor (const deniedPath of requiredDeniedPaths) {\n  if (!templateManifest.materialization?.deniedPaths?.includes(deniedPath)) {\n    manifestErrors.push(`materialization.deniedPaths:${deniedPath}`);\n  }\n}\n\nif (templateManifest.lifecyclePolicy?.denyByDefault !== true) {\n  manifestErrors.push('lifecyclePolicy.denyByDefault');\n}\n\nfor (const token of requiredPostMaterialization) {\n  if (!templateManifest.validation?.postMaterializationValidation?.includes(token)) {\n    manifestErrors.push(`validation.postMaterializationValidation:${token}`);\n  }\n}\n\nif (manifestErrors.length > 0) {\n  console.error(\n    `Ultramodern template manifest check failed. Invalid fields: ${manifestErrors.join(\n      ', ',\n    )}`,\n  );\n  process.exit(1);\n}\n\nconsole.log('Ultramodern contract check passed.');\n",
+    "api/effect/index.ts": "",
+    "api/lambda/hello.ts": "",
+    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({\n});\n",
+    "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\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/layout.tsx": "import { Outlet } from '@modern-js/runtime/';\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\n  return (\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          Modern.js\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">presetUltramodern</p>\n        </div>\n        <p className="description">\n          This starter ships the public <code className="code">presetUltramodern(...)</code> profile. Start in\n          <code className="code">modern.config.ts</code>, keep\n          <code className="code">pnpm run ultramodern:check</code> green, and\n          tune the generated preset only where your app needs a softer lane.\n        </p>\n        <div className="grid">\n          <a\n            href="https://modernjs.dev/en/guides/get-started/ultramodern.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              presetUltramodern 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>Review the MV-first, TanStack-ready, Effect-ready public preset.</p>\n          </a>\n          <a\n            href="https://modernjs.dev/en/configure/app/usage.html"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              Configure presetUltramodern\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>Tune the generated defaults in <code className="code">modern.config.ts</code>.</p>\n          </a>\n          <a\n            href="https://github.com/web-infra-dev/modern.js/blob/main/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              Ultramodern Gates\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>The starter includes a PR workflow for <code className="code">ultramodern:check</code> and build.</p>\n          </a>\n          <a\n            href="https://modernjs.dev/en/configure/app/bff/effect.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              BFF + Effect\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>Keep Effect as the preferred BFF lane while Hono stays an explicit fallback.</p>\n          </a>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Index;\n',
+    ".github/workflows/ultramodern-gates.yml": "name: Ultramodern Gates\n\non:\n  push:\n  pull_request:\n\njobs:\n  ultramodern-gates:\n    runs-on: ubuntu-latest\n    steps:\n      - name: Checkout\n        uses: actions/checkout@v4\n\n      - name: Setup pnpm\n        uses: pnpm/action-setup@v4\n\n      - name: Setup Node.js\n        uses: actions/setup-node@v4\n        with:\n          node-version: 20\n          cache: pnpm\n\n      - name: Install Dependencies\n        run: pnpm install\n\n      - name: Validate Ultramodern Contract\n        run: pnpm run ultramodern:check\n\n      - name: Build\n        run: pnpm run build\n",
+    "shared/effect/api.ts": ""
+};
+exports.MWAFiles = __webpack_exports__.MWAFiles;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MWAFiles"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/esm/index.mjs

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OpenInCodeSandboxButton, SandpackCodeEditor, SandpackFileExplorer, SandpackLayout, SandpackProvider } from "@codesandbox/sandpack-react";
+import { ModernTemplates } from "./templates/index.mjs";
+function fileterFiles(files, removeFiles) {
+    if (0 === removeFiles.length) return files;
+    const result = {};
+    Object.keys(files).forEach((filename)=>{
+        if (!removeFiles.includes(filename)) result[filename] = files[filename];
+    });
+    return result;
+}
+function ModernSandpack(props) {
+    const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], activeFile = 'src/routes/page.tsx', theme = 'light' } = props;
+    const initFiles = ModernTemplates[template];
+    const files = {
+        ...fileterFiles(initFiles, removeFiles),
+        ...fileterFiles(customFiles, removeFiles)
+    };
+    return /*#__PURE__*/ jsx(SandpackProvider, {
+        theme: theme,
+        customSetup: {
+            environment: 'node',
+            ...customSetup
+        },
+        files: files,
+        options: {
+            activeFile,
+            visibleFiles: Object.keys(customFiles).filter((file)=>!removeFiles.includes(file)),
+            ...options
+        },
+        children: /*#__PURE__*/ jsxs(SandpackLayout, {
+            children: [
+                /*#__PURE__*/ jsx(SandpackFileExplorer, {
+                    autoHiddenFiles: true,
+                    initialCollapsedFolder: [
+                        '/.husky/',
+                        '/.vscode/',
+                        '/.codesandbox/',
+                        ...initialCollapsedFolder
+                    ]
+                }),
+                /*#__PURE__*/ jsx(SandpackCodeEditor, {
+                    showLineNumbers: true,
+                    showInlineErrors: true,
+                    readOnly: true,
+                    showTabs: false
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    style: {
+                        position: 'absolute',
+                        right: '5px',
+                        bottom: '5px'
+                    },
+                    children: /*#__PURE__*/ jsx(OpenInCodeSandboxButton, {})
+                })
+            ]
+        })
+    });
+}
+export default ModernSandpack;

package/dist/esm/rslib-runtime.mjs

@@ -0,0 +1,18 @@
+var __webpack_modules__ = {};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+__webpack_require__.m = __webpack_modules__;
+(()=>{
+    __webpack_require__.add = function(modules) {
+        Object.assign(__webpack_require__.m, modules);
+    };
+})();
+export { __webpack_require__ };

package/dist/esm/templates/common.mjs

@@ -0,0 +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"
+};
+export { commonFiles };

package/dist/esm/templates/index.mjs

@@ -0,0 +1,12 @@
+import { __webpack_require__ } from "../rslib-runtime.mjs";
+import * as __rspack_external__mwa_mjs_5d9bbc8d from "./mwa.mjs";
+__webpack_require__.add({
+    "./mwa" (module) {
+        module.exports = __rspack_external__mwa_mjs_5d9bbc8d;
+    }
+});
+const { MWAFiles: MWAFiles } = __webpack_require__("./mwa");
+const ModernTemplates = {
+    'web-app': MWAFiles
+};
+export { ModernTemplates };

package/dist/esm/templates/mwa.mjs

@@ -0,0 +1,24 @@
+import { commonFiles } from "./common.mjs";
+const MWAFiles = {
+    ...commonFiles,
+    ".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",
+    "biome.json": '{\n  "root": false,\n  "$schema": "https://biomejs.dev/schemas/2.4.13/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  "assist": { "actions": { "source": { "organizeImports": "on" } } },\n  "files": {\n    "ignoreUnknown": true,\n    "includes": [\n      "**",\n      "!**/.vscode/**/*",\n      "!**/node_modules/**/*",\n      "!**/dist/**/*"\n    ]\n  }\n}\n',
+    "modern.config.ts": "import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';\nimport path from 'node:path';\n\nconst appId = process.env.MODERN_BASELINE_APP_ID || path.basename(process.cwd());\nconst enableModuleFederationSSR =\n  process.env.MODERN_BASELINE_ENABLE_MF_SSR !== 'false';\nconst enableBffRequestId =\n  process.env.MODERN_BASELINE_ENABLE_BFF_REQUEST_ID !== 'false';\nconst enableTelemetryExporters =\n  process.env.MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS !== 'false';\nconst telemetryFailLoudStartup =\n  process.env.MODERN_TELEMETRY_FAIL_LOUD_STARTUP !== 'false';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig(\n  presetUltramodern(\n    {\n      plugins: [\n        appTools(),\n      ],\n    },\n    {\n      appId,\n      enableBffRequestId,\n      enableModuleFederationSSR,\n      enableTelemetryExporters,\n      telemetryFailLoudStartup,\n      otlpEndpoint: process.env.MODERN_TELEMETRY_OTLP_ENDPOINT,\n      victoriaMetricsEndpoint: process.env.MODERN_TELEMETRY_VICTORIA_ENDPOINT,\n    },\n  ),\n);\n",
+    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "reset": "npx rimraf node_modules ./**/node_modules",\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve",\n    "ultramodern:check": "node ./scripts/validate-ultramodern.mjs",\n    "lint": "biome check",\n    "prepare": "simple-git-hooks"\n  },\n  "engines": {\n    "node": ">=20"\n  },\n  "lint-staged": {\n    "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [\n      "biome check --files-ignore-unknown=true"\n    ]\n  },\n  "simple-git-hooks": {\n    "pre-commit": "npx lint-staged"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.2.0",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.2.0",\n    "@modern-js/tsconfig": "3.2.0",\n    "@biomejs/biome": "1.9.4",\n    "@typescript/native-preview": "7.0.0-dev.20260516.1",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6",\n    "lint-staged": "~15.4.0",\n    "simple-git-hooks": "^2.11.1",\n    "rimraf": "^6.0.1"\n  }\n}\n',
+    "postcss.config.mjs": "",
+    "tailwind.config.ts": "",
+    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@api/*\": [\"./api/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    },\n    \"rootDir\": \"./src\"\n  },\n  \"include\": [\"src\", \"api\", \"shared\", \"config\", \"modern.config.ts\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
+    "scripts/validate-ultramodern.mjs": "import fs from 'node:fs';\nimport path from 'node:path';\n\nconst configPath = path.resolve(process.cwd(), 'modern.config.ts');\nconst templateManifestPath = path.resolve(\n  process.cwd(),\n  '.modernjs/mv-template-manifest.json',\n);\n\nif (!fs.existsSync(configPath)) {\n  console.error('modern.config.ts not found');\n  process.exit(1);\n}\n\nconst content = fs.readFileSync(configPath, 'utf8');\nconst requiredTokens = [\n  'presetUltramodern(',\n  'appTools()',\n  'enableModuleFederationSSR',\n  'enableBffRequestId',\n  'enableTelemetryExporters',\n];\nconst missing = requiredTokens.filter(token => !content.includes(token));\n\nif (missing.length > 0) {\n  console.error(\n    `Ultramodern contract check failed. Missing tokens: ${missing.join(', ')}`,\n  );\n  process.exit(1);\n}\n\nif (!fs.existsSync(templateManifestPath)) {\n  console.error('.modernjs/mv-template-manifest.json not found');\n  process.exit(1);\n}\n\nconst templateManifest = JSON.parse(\n  fs.readFileSync(templateManifestPath, 'utf8'),\n);\nconst requiredDeniedPaths = [\n  '.git/**',\n  '.github/**',\n  '.npmrc',\n  '.yarnrc',\n  '.env',\n  '.env.*',\n  'node_modules/**',\n  'dist/**',\n];\nconst requiredPostMaterialization = [\n  'ultramodern-contract-check',\n  'dependency-install-with-lifecycle-deny',\n  'template-manifest-retained',\n];\nconst manifestErrors = [];\n\nif (templateManifest.schemaVersion !== 1) {\n  manifestErrors.push('schemaVersion');\n}\n\nif (templateManifest.source?.type !== 'builtin') {\n  manifestErrors.push('source.type');\n}\n\nif (\n  !Array.isArray(templateManifest.integrity?.checksums) ||\n  !templateManifest.integrity.checksums.some(\n    checksum =>\n      checksum.algorithm === 'sha256' &&\n      checksum.scope === 'source-tree' &&\n      /^[0-9a-f]{64}$/.test(checksum.value),\n  )\n) {\n  manifestErrors.push('integrity.checksums[source-tree]');\n}\n\nfor (const deniedPath of requiredDeniedPaths) {\n  if (!templateManifest.materialization?.deniedPaths?.includes(deniedPath)) {\n    manifestErrors.push(`materialization.deniedPaths:${deniedPath}`);\n  }\n}\n\nif (templateManifest.lifecyclePolicy?.denyByDefault !== true) {\n  manifestErrors.push('lifecyclePolicy.denyByDefault');\n}\n\nfor (const token of requiredPostMaterialization) {\n  if (!templateManifest.validation?.postMaterializationValidation?.includes(token)) {\n    manifestErrors.push(`validation.postMaterializationValidation:${token}`);\n  }\n}\n\nif (manifestErrors.length > 0) {\n  console.error(\n    `Ultramodern template manifest check failed. Invalid fields: ${manifestErrors.join(\n      ', ',\n    )}`,\n  );\n  process.exit(1);\n}\n\nconsole.log('Ultramodern contract check passed.');\n",
+    "api/effect/index.ts": "",
+    "api/lambda/hello.ts": "",
+    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({\n});\n",
+    "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\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/layout.tsx": "import { Outlet } from '@modern-js/runtime/';\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\n  return (\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          Modern.js\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">presetUltramodern</p>\n        </div>\n        <p className="description">\n          This starter ships the public <code className="code">presetUltramodern(...)</code> profile. Start in\n          <code className="code">modern.config.ts</code>, keep\n          <code className="code">pnpm run ultramodern:check</code> green, and\n          tune the generated preset only where your app needs a softer lane.\n        </p>\n        <div className="grid">\n          <a\n            href="https://modernjs.dev/en/guides/get-started/ultramodern.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              presetUltramodern 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>Review the MV-first, TanStack-ready, Effect-ready public preset.</p>\n          </a>\n          <a\n            href="https://modernjs.dev/en/configure/app/usage.html"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              Configure presetUltramodern\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>Tune the generated defaults in <code className="code">modern.config.ts</code>.</p>\n          </a>\n          <a\n            href="https://github.com/web-infra-dev/modern.js/blob/main/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              Ultramodern Gates\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>The starter includes a PR workflow for <code className="code">ultramodern:check</code> and build.</p>\n          </a>\n          <a\n            href="https://modernjs.dev/en/configure/app/bff/effect.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              BFF + Effect\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>Keep Effect as the preferred BFF lane while Hono stays an explicit fallback.</p>\n          </a>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Index;\n',
+    ".github/workflows/ultramodern-gates.yml": "name: Ultramodern Gates\n\non:\n  push:\n  pull_request:\n\njobs:\n  ultramodern-gates:\n    runs-on: ubuntu-latest\n    steps:\n      - name: Checkout\n        uses: actions/checkout@v4\n\n      - name: Setup pnpm\n        uses: pnpm/action-setup@v4\n\n      - name: Setup Node.js\n        uses: actions/setup-node@v4\n        with:\n          node-version: 20\n          cache: pnpm\n\n      - name: Install Dependencies\n        run: pnpm install\n\n      - name: Validate Ultramodern Contract\n        run: pnpm run ultramodern:check\n\n      - name: Build\n        run: pnpm run build\n",
+    "shared/effect/api.ts": ""
+};
+export { MWAFiles };

package/dist/esm-node/index.mjs

@@ -0,0 +1,61 @@
+import "node:module";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OpenInCodeSandboxButton, SandpackCodeEditor, SandpackFileExplorer, SandpackLayout, SandpackProvider } from "@codesandbox/sandpack-react";
+import { ModernTemplates } from "./templates/index.mjs";
+function fileterFiles(files, removeFiles) {
+    if (0 === removeFiles.length) return files;
+    const result = {};
+    Object.keys(files).forEach((filename)=>{
+        if (!removeFiles.includes(filename)) result[filename] = files[filename];
+    });
+    return result;
+}
+function ModernSandpack(props) {
+    const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], activeFile = 'src/routes/page.tsx', theme = 'light' } = props;
+    const initFiles = ModernTemplates[template];
+    const files = {
+        ...fileterFiles(initFiles, removeFiles),
+        ...fileterFiles(customFiles, removeFiles)
+    };
+    return /*#__PURE__*/ jsx(SandpackProvider, {
+        theme: theme,
+        customSetup: {
+            environment: 'node',
+            ...customSetup
+        },
+        files: files,
+        options: {
+            activeFile,
+            visibleFiles: Object.keys(customFiles).filter((file)=>!removeFiles.includes(file)),
+            ...options
+        },
+        children: /*#__PURE__*/ jsxs(SandpackLayout, {
+            children: [
+                /*#__PURE__*/ jsx(SandpackFileExplorer, {
+                    autoHiddenFiles: true,
+                    initialCollapsedFolder: [
+                        '/.husky/',
+                        '/.vscode/',
+                        '/.codesandbox/',
+                        ...initialCollapsedFolder
+                    ]
+                }),
+                /*#__PURE__*/ jsx(SandpackCodeEditor, {
+                    showLineNumbers: true,
+                    showInlineErrors: true,
+                    readOnly: true,
+                    showTabs: false
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    style: {
+                        position: 'absolute',
+                        right: '5px',
+                        bottom: '5px'
+                    },
+                    children: /*#__PURE__*/ jsx(OpenInCodeSandboxButton, {})
+                })
+            ]
+        })
+    });
+}
+export default ModernSandpack;

package/dist/esm-node/rslib-runtime.mjs

@@ -0,0 +1,19 @@
+import "node:module";
+var __webpack_modules__ = {};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+__webpack_require__.m = __webpack_modules__;
+(()=>{
+    __webpack_require__.add = function(modules) {
+        Object.assign(__webpack_require__.m, modules);
+    };
+})();
+export { __webpack_require__ };

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

@@ -0,0 +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"
+};
+export { commonFiles };

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

@@ -0,0 +1,13 @@
+import "node:module";
+import { __webpack_require__ } from "../rslib-runtime.mjs";
+import * as __rspack_external__mwa_mjs_5d9bbc8d from "./mwa.mjs";
+__webpack_require__.add({
+    "./mwa" (module) {
+        module.exports = __rspack_external__mwa_mjs_5d9bbc8d;
+    }
+});
+const { MWAFiles: MWAFiles } = __webpack_require__("./mwa");
+const ModernTemplates = {
+    'web-app': MWAFiles
+};
+export { ModernTemplates };

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

@@ -0,0 +1,25 @@
+import "node:module";
+import { commonFiles } from "./common.mjs";
+const MWAFiles = {
+    ...commonFiles,
+    ".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",
+    "biome.json": '{\n  "root": false,\n  "$schema": "https://biomejs.dev/schemas/2.4.13/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  "assist": { "actions": { "source": { "organizeImports": "on" } } },\n  "files": {\n    "ignoreUnknown": true,\n    "includes": [\n      "**",\n      "!**/.vscode/**/*",\n      "!**/node_modules/**/*",\n      "!**/dist/**/*"\n    ]\n  }\n}\n',
+    "modern.config.ts": "import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';\nimport path from 'node:path';\n\nconst appId = process.env.MODERN_BASELINE_APP_ID || path.basename(process.cwd());\nconst enableModuleFederationSSR =\n  process.env.MODERN_BASELINE_ENABLE_MF_SSR !== 'false';\nconst enableBffRequestId =\n  process.env.MODERN_BASELINE_ENABLE_BFF_REQUEST_ID !== 'false';\nconst enableTelemetryExporters =\n  process.env.MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS !== 'false';\nconst telemetryFailLoudStartup =\n  process.env.MODERN_TELEMETRY_FAIL_LOUD_STARTUP !== 'false';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig(\n  presetUltramodern(\n    {\n      plugins: [\n        appTools(),\n      ],\n    },\n    {\n      appId,\n      enableBffRequestId,\n      enableModuleFederationSSR,\n      enableTelemetryExporters,\n      telemetryFailLoudStartup,\n      otlpEndpoint: process.env.MODERN_TELEMETRY_OTLP_ENDPOINT,\n      victoriaMetricsEndpoint: process.env.MODERN_TELEMETRY_VICTORIA_ENDPOINT,\n    },\n  ),\n);\n",
+    "package.json": '{\n  "name": "modern-app",\n  "version": "0.1.0",\n  "scripts": {\n    "reset": "npx rimraf node_modules ./**/node_modules",\n    "dev": "modern dev",\n    "build": "modern build",\n    "serve": "modern serve",\n    "ultramodern:check": "node ./scripts/validate-ultramodern.mjs",\n    "lint": "biome check",\n    "prepare": "simple-git-hooks"\n  },\n  "engines": {\n    "node": ">=20"\n  },\n  "lint-staged": {\n    "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [\n      "biome check --files-ignore-unknown=true"\n    ]\n  },\n  "simple-git-hooks": {\n    "pre-commit": "npx lint-staged"\n  },\n  "dependencies": {\n    "@modern-js/runtime": "3.2.0",\n    "react": "^19.2.3",\n    "react-dom": "^19.2.0"\n  },\n  "devDependencies": {\n    "@modern-js/app-tools": "3.2.0",\n    "@modern-js/tsconfig": "3.2.0",\n    "@biomejs/biome": "1.9.4",\n    "@typescript/native-preview": "7.0.0-dev.20260516.1",\n    "@types/node": "^20",\n    "@types/react": "^19.1.8",\n    "@types/react-dom": "^19.1.6",\n    "lint-staged": "~15.4.0",\n    "simple-git-hooks": "^2.11.1",\n    "rimraf": "^6.0.1"\n  }\n}\n',
+    "postcss.config.mjs": "",
+    "tailwind.config.ts": "",
+    "tsconfig.json": "{\n  \"extends\": \"@modern-js/tsconfig/base\",\n  \"compilerOptions\": {\n    \"declaration\": false,\n    \"jsx\": \"preserve\",\n    \"baseUrl\": \"./\",\n    \"paths\": {\n      \"@/*\": [\"./src/*\"],\n      \"@api/*\": [\"./api/*\"],\n      \"@shared/*\": [\"./shared/*\"]\n    },\n    \"rootDir\": \"./src\"\n  },\n  \"include\": [\"src\", \"api\", \"shared\", \"config\", \"modern.config.ts\"],\n  \"exclude\": [\"**/node_modules\"]\n}\n",
+    "scripts/validate-ultramodern.mjs": "import fs from 'node:fs';\nimport path from 'node:path';\n\nconst configPath = path.resolve(process.cwd(), 'modern.config.ts');\nconst templateManifestPath = path.resolve(\n  process.cwd(),\n  '.modernjs/mv-template-manifest.json',\n);\n\nif (!fs.existsSync(configPath)) {\n  console.error('modern.config.ts not found');\n  process.exit(1);\n}\n\nconst content = fs.readFileSync(configPath, 'utf8');\nconst requiredTokens = [\n  'presetUltramodern(',\n  'appTools()',\n  'enableModuleFederationSSR',\n  'enableBffRequestId',\n  'enableTelemetryExporters',\n];\nconst missing = requiredTokens.filter(token => !content.includes(token));\n\nif (missing.length > 0) {\n  console.error(\n    `Ultramodern contract check failed. Missing tokens: ${missing.join(', ')}`,\n  );\n  process.exit(1);\n}\n\nif (!fs.existsSync(templateManifestPath)) {\n  console.error('.modernjs/mv-template-manifest.json not found');\n  process.exit(1);\n}\n\nconst templateManifest = JSON.parse(\n  fs.readFileSync(templateManifestPath, 'utf8'),\n);\nconst requiredDeniedPaths = [\n  '.git/**',\n  '.github/**',\n  '.npmrc',\n  '.yarnrc',\n  '.env',\n  '.env.*',\n  'node_modules/**',\n  'dist/**',\n];\nconst requiredPostMaterialization = [\n  'ultramodern-contract-check',\n  'dependency-install-with-lifecycle-deny',\n  'template-manifest-retained',\n];\nconst manifestErrors = [];\n\nif (templateManifest.schemaVersion !== 1) {\n  manifestErrors.push('schemaVersion');\n}\n\nif (templateManifest.source?.type !== 'builtin') {\n  manifestErrors.push('source.type');\n}\n\nif (\n  !Array.isArray(templateManifest.integrity?.checksums) ||\n  !templateManifest.integrity.checksums.some(\n    checksum =>\n      checksum.algorithm === 'sha256' &&\n      checksum.scope === 'source-tree' &&\n      /^[0-9a-f]{64}$/.test(checksum.value),\n  )\n) {\n  manifestErrors.push('integrity.checksums[source-tree]');\n}\n\nfor (const deniedPath of requiredDeniedPaths) {\n  if (!templateManifest.materialization?.deniedPaths?.includes(deniedPath)) {\n    manifestErrors.push(`materialization.deniedPaths:${deniedPath}`);\n  }\n}\n\nif (templateManifest.lifecyclePolicy?.denyByDefault !== true) {\n  manifestErrors.push('lifecyclePolicy.denyByDefault');\n}\n\nfor (const token of requiredPostMaterialization) {\n  if (!templateManifest.validation?.postMaterializationValidation?.includes(token)) {\n    manifestErrors.push(`validation.postMaterializationValidation:${token}`);\n  }\n}\n\nif (manifestErrors.length > 0) {\n  console.error(\n    `Ultramodern template manifest check failed. Invalid fields: ${manifestErrors.join(\n      ', ',\n    )}`,\n  );\n  process.exit(1);\n}\n\nconsole.log('Ultramodern contract check passed.');\n",
+    "api/effect/index.ts": "",
+    "api/lambda/hello.ts": "",
+    "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({\n});\n",
+    "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\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/layout.tsx": "import { Outlet } from '@modern-js/runtime/';\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\n  return (\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          Modern.js\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">presetUltramodern</p>\n        </div>\n        <p className="description">\n          This starter ships the public <code className="code">presetUltramodern(...)</code> profile. Start in\n          <code className="code">modern.config.ts</code>, keep\n          <code className="code">pnpm run ultramodern:check</code> green, and\n          tune the generated preset only where your app needs a softer lane.\n        </p>\n        <div className="grid">\n          <a\n            href="https://modernjs.dev/en/guides/get-started/ultramodern.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              presetUltramodern 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>Review the MV-first, TanStack-ready, Effect-ready public preset.</p>\n          </a>\n          <a\n            href="https://modernjs.dev/en/configure/app/usage.html"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              Configure presetUltramodern\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>Tune the generated defaults in <code className="code">modern.config.ts</code>.</p>\n          </a>\n          <a\n            href="https://github.com/web-infra-dev/modern.js/blob/main/packages/toolkit/create/template/.github/workflows/ultramodern-gates.yml.handlebars"\n            target="_blank"\n            className="card"\n            rel="noreferrer"\n          >\n            <h2>\n              Ultramodern Gates\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>The starter includes a PR workflow for <code className="code">ultramodern:check</code> and build.</p>\n          </a>\n          <a\n            href="https://modernjs.dev/en/configure/app/bff/effect.html"\n            target="_blank"\n            rel="noopener noreferrer"\n            className="card"\n          >\n            <h2>\n              BFF + Effect\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>Keep Effect as the preferred BFF lane while Hono stays an explicit fallback.</p>\n          </a>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Index;\n',
+    ".github/workflows/ultramodern-gates.yml": "name: Ultramodern Gates\n\non:\n  push:\n  pull_request:\n\njobs:\n  ultramodern-gates:\n    runs-on: ubuntu-latest\n    steps:\n      - name: Checkout\n        uses: actions/checkout@v4\n\n      - name: Setup pnpm\n        uses: pnpm/action-setup@v4\n\n      - name: Setup Node.js\n        uses: actions/setup-node@v4\n        with:\n          node-version: 20\n          cache: pnpm\n\n      - name: Install Dependencies\n        run: pnpm install\n\n      - name: Validate Ultramodern Contract\n        run: pnpm run ultramodern:check\n\n      - name: Build\n        run: pnpm run build\n",
+    "shared/effect/api.ts": ""
+};
+export { MWAFiles };

package/dist/types/index.d.ts

@@ -0,0 +1,12 @@
+import { type SandpackFiles, type SandpackSetup, type SandpackThemeProp } from '@codesandbox/sandpack-react';
+export type ModernSandpackProps = {
+    template: 'web-app';
+    customSetup?: SandpackSetup;
+    files?: SandpackFiles;
+    removeFiles?: string[];
+    options?: Record<string, any>;
+    initialCollapsedFolder?: string[];
+    theme?: SandpackThemeProp;
+    activeFile?: string;
+};
+export default function ModernSandpack(props: ModernSandpackProps): import("react").JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const commonFiles: {
+    ".codesandbox/environment.json": string;
+    ".codesandbox/tasks.json": string;
+};

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

@@ -0,0 +1,3 @@
+export declare const ModernTemplates: {
+    'web-app': any;
+};

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

@@ -0,0 +1,23 @@
+export declare const MWAFiles: {
+    ".codesandbox/environment.json": string;
+    ".codesandbox/tasks.json": string;
+    ".browserslistrc": string;
+    ".gitignore": string;
+    ".npmrc": string;
+    "biome.json": string;
+    "modern.config.ts": string;
+    "package.json": string;
+    "postcss.config.mjs": string;
+    "tailwind.config.ts": string;
+    "tsconfig.json": string;
+    "scripts/validate-ultramodern.mjs": string;
+    "api/effect/index.ts": string;
+    "api/lambda/hello.ts": string;
+    "src/modern.runtime.ts": string;
+    "src/modern-app-env.d.ts": string;
+    "src/routes/index.css": string;
+    "src/routes/layout.tsx": string;
+    "src/routes/page.tsx": string;
+    ".github/workflows/ultramodern-gates.yml": string;
+    "shared/effect/api.ts": string;
+};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@bleedingdev/modern-js-sandpack-react",
+  "description": "A Progressive React Framework for modern web development.",
+  "homepage": "https://github.com/BleedingDev/ultramodern.js#readme",
+  "bugs": {
+    "url": "https://github.com/BleedingDev/ultramodern.js/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BleedingDev/ultramodern.js.git",
+    "directory": "packages/generator/sandpack-react"
+  },
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "framework",
+    "modern",
+    "modern.js"
+  ],
+  "version": "3.2.0-ultramodern.0",
+  "types": "./dist/types/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types/index.d.ts"
+      ]
+    }
+  },
+  "dependencies": {
+    "@codesandbox/sandpack-react": "^2.20.0",
+    "@swc/helpers": "^0.5.21",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
+  },
+  "devDependencies": {
+    "@rslib/core": "0.21.5",
+    "@types/node": "^25.8.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/recursive-readdir": "^2.2.4",
+    "@typescript/native-preview": "7.0.0-dev.20260516.1",
+    "recursive-readdir": "^2.2.3",
+    "@modern-js/create": "npm:@bleedingdev/modern-js-create@3.2.0-ultramodern.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node --disable-warning=ExperimentalWarning --experimental-strip-types scripts/template.mts && rslib build && pnpm -w tsgo:dts \"$PWD\"",
+    "dev": "rslib build --watch",
+    "test": "rstest --passWithNoTests"
+  }
+}

package/rslib.config.mts

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

package/rstest.config.mts

@@ -0,0 +1,5 @@
+import { defineConfig } from '@rstest/core';
+
+export default defineConfig({
+  globals: true,
+});

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

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

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

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://codesandbox.io/schemas/tasks.json",
+  "setupTasks": [
+    {
+      "name": "Installing Dependencies",
+      "command": "pnpm install"
+    }
+  ],
+  "tasks": {
+    "start": {
+      "name": "Application",
+      "command": "pnpm run start",
+      "runAtStart": true,
+      "restartOn": {
+        "files": ["pnpm-lock.yaml"]
+      }
+    }
+  }
+}

package/scripts/template.mts

@@ -0,0 +1,105 @@
+import { renderString } from '@modern-js/codesmith-api-handlebars';
+import { fs } from '@modern-js/codesmith-utils/fs-extra';
+import { createRequire } from 'module';
+import path from 'path';
+import recursive from 'recursive-readdir';
+
+const require = createRequire(import.meta.url);
+
+const IgnoreFiles = [
+  '.nvmrc',
+  '.vscode/extensions.json',
+  '.vscode/settings.json',
+  '.husky/pre-commit',
+  'README.md',
+];
+
+export async function handleTemplate(
+  templatePath: string,
+  data: Record<string, any> = {},
+  { fileExtra, routerPrefix }: { fileExtra: string; routerPrefix: string } = {
+    fileExtra: '',
+    routerPrefix: '',
+  },
+) {
+  const files: Record<string, string> = {};
+  const templateFiles = await recursive(templatePath);
+  templateFiles.forEach(filePath => {
+    const file = filePath.replace(`${templatePath}/`, '');
+    if (IgnoreFiles.includes(file)) {
+      return;
+    }
+    if (fs.statSync(filePath).isFile()) {
+      if (file.endsWith('.handlebars')) {
+        files[
+          `${routerPrefix}${file
+            .replace('.handlebars', fileExtra)
+            .replace('npmrc', '.npmrc')}`.replace('language', 'ts')
+        ] = `${renderString(fs.readFileSync(filePath, 'utf-8'), data)}`;
+      } else {
+        files[`${routerPrefix}${file}`] = `${fs.readFileSync(
+          filePath,
+          'utf-8',
+        )}`;
+      }
+    }
+  });
+  return files;
+}
+
+async function handleCodesandboxTemplate() {
+  const templateDir = path.join(import.meta.dirname, 'codesandbox');
+  const files: Record<string, string> = {
+    ...(await handleTemplate(templateDir)),
+  };
+
+  return files;
+}
+
+async function handleCreateTemplate() {
+  const createPackageMainPath = require.resolve('@modern-js/create');
+  const createPackagePath = path.dirname(path.dirname(createPackageMainPath));
+  const createPackageJsonPath = path.join(createPackagePath, 'package.json');
+
+  const templateDir = path.join(createPackagePath, 'template');
+
+  const createPackageJson = JSON.parse(
+    fs.readFileSync(createPackageJsonPath, 'utf-8'),
+  );
+  const version = createPackageJson.version || '3.0.0';
+
+  const files = await handleTemplate(templateDir, {
+    packageName: 'modern-app',
+    version,
+  });
+
+  return files;
+}
+
+async function main() {
+  const codesandboxFiles = await handleCodesandboxTemplate();
+  const createFiles = await handleCreateTemplate();
+  const srcTemplatesDir = path.join(import.meta.dirname, '..', 'src/templates');
+  const commonFiles = { ...codesandboxFiles };
+  fs.writeFileSync(
+    path.join(srcTemplatesDir, 'common.ts'),
+    `export const commonFiles = ${JSON.stringify(commonFiles, null, 2)};`,
+    'utf-8',
+  );
+  const mwaFiles = createFiles;
+  fs.writeFileSync(
+    path.join(srcTemplatesDir, 'mwa.ts'),
+    `import { commonFiles } from './common';
+
+export const MWAFiles = {
+  ...commonFiles,
+  ...${JSON.stringify(mwaFiles, null, 2)}
+};`,
+    'utf-8',
+  );
+}
+
+main().catch(e => {
+  console.error(e);
+  process.exit(1);
+});