@bleedingdev/modern-js-sandpack-react 3.9.3-ultramodern.1 → 3.9.3-ultramodern.3

package/dist/cjs/templates/mwa.js

@@ -44,8 +44,8 @@ const MWAFiles = {
     "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",
     "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({});\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/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/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'
 };
 exports.MWAFiles = __webpack_exports__.MWAFiles;

package/dist/esm/templates/mwa.mjs

@@ -12,8 +12,8 @@ const MWAFiles = {
     "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",
     "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({});\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/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/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'
 };
 export { MWAFiles };

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

@@ -13,8 +13,8 @@ const MWAFiles = {
     "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",
     "src/modern.runtime.ts": "import { defineRuntimeConfig } from '@modern-js/runtime';\n\nexport default defineRuntimeConfig({});\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/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/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'
 };
 export { MWAFiles };

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

@@ -13,8 +13,8 @@ export declare const ModernTemplates: {
         "tsconfig.json": string;
         "src/modern-app-env.d.ts": string;
         "src/modern.runtime.ts": string;
-        "src/routes/layout.tsx": string;
         "src/routes/index.css": string;
+        "src/routes/layout.tsx": string;
         "src/routes/page.tsx": string;
     };
 };

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

@@ -12,7 +12,7 @@ export declare const MWAFiles: {
     "tsconfig.json": string;
     "src/modern-app-env.d.ts": string;
     "src/modern.runtime.ts": string;
-    "src/routes/layout.tsx": string;
     "src/routes/index.css": string;
+    "src/routes/layout.tsx": string;
     "src/routes/page.tsx": string;
 };

package/package.json

@@ -17,7 +17,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.9.3-ultramodern.1",
+  "version": "3.9.3-ultramodern.3",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.mjs",