@modern-js/create 2.69.5 → 3.0.0-alpha.0

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */

package/package.json

@@ -15,48 +15,40 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.69.5",
+  "type": "module",
+  "engines": {
+    "node": ">=20"
+  },
+  "version": "3.0.0-alpha.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.js",
   "bin": {
     "create": "./bin/run.js"
   },
-  "files": [
-    "/bin",
-    "/dist/index.js"
-  ],
   "exports": {
-    ".": {
-      "node": {
-        "jsnext:source": "./src/index.ts",
-        "import": "./dist/index.js",
-        "require": "./dist/index.js"
-      },
-      "default": "./dist/index.js"
-    }
+    ".": "./dist/index.js"
   },
+  "files": [
+    "template",
+    "dist",
+    "bin.js"
+  ],
   "devDependencies": {
-    "@modern-js/codesmith": "2.6.8",
-    "@modern-js/codesmith-utils": "2.6.8",
-    "@types/jest": "^29",
-    "@types/node": "^18",
-    "commander": "10.0.1",
-    "jest": "^29",
-    "ts-node": "^10.9.1",
+    "tsx": "^4.21.0",
+    "@rslib/core": "0.18.5",
+    "@types/node": "^20",
     "typescript": "^5",
-    "@modern-js/mwa-generator": "3.7.63",
-    "@modern-js/plugin-i18n": "2.69.5",
-    "@scripts/build": "2.66.0",
-    "@scripts/jest-config": "2.66.0"
+    "@modern-js/i18n-utils": "3.0.0-alpha.0",
+    "@modern-js/rslib": "2.68.10"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "scripts": {
-    "new": "modern-lib new",
-    "build": "modern-lib build",
-    "test": "jest --passWithNoTests"
+    "build": "rslib build",
+    "dev": "rslib build -w",
+    "start": "node ./dist/index.js"
   }
 }

package/template/.browserslistrc

@@ -0,0 +1,5 @@
+chrome >= 51
+edge >= 15
+firefox >= 54
+safari >= 10
+ios_saf >= 10

package/template/.gitignore.handlebars

@@ -0,0 +1,30 @@
+.DS_Store
+
+.pnp
+.pnp.js
+.env.local
+.env.*.local
+.history
+*.log*
+
+node_modules/
+.yarn-integrity
+.pnpm-store/
+*.tsbuildinfo
+.changeset/pre.json
+
+dist/
+coverage/
+release/
+output/
+output_resource/
+log/
+
+.vscode/**/*
+!.vscode/settings.json
+!.vscode/extensions.json
+.idea/
+
+**/*/typings/auto-generated
+
+modern.config.local.*

package/template/.nvmrc

@@ -0,0 +1,2 @@
+lts/jod
+

package/template/README.md

@@ -0,0 +1,32 @@
+# Modern.js App
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the start server:
+
+```bash
+pnpm start
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm serve
+```
+
+For more information, see the [Modern.js documentation](https://modernjs.dev/en).
+

package/template/biome.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": true,
+    "defaultBranch": "main",
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "arrowParentheses": "asNeeded",
+      "jsxQuoteStyle": "double",
+      "lineWidth": 80
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noDuplicateFontNames": "off"
+      }
+    }
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "files": {
+    "ignoreUnknown": true,
+    "ignore": [".vscode/**/*", "node_modules/**/*", "dist/**/*"]
+  }
+}

package/template/modern.config.ts

@@ -0,0 +1,6 @@
+import { appTools, defineConfig } from '@modern-js/app-tools';
+
+// https://modernjs.dev/en/configure/app/usage
+export default defineConfig({
+  plugins: [appTools()],
+});

package/template/package.json.handlebars

@@ -0,0 +1,40 @@
+{
+  "name": "{{packageName}}",
+  "version": "0.1.0",
+  "scripts": {
+    "reset": "npx rimraf node_modules ./**/node_modules",
+    "dev": "modern dev",
+    "build": "modern build",
+    "serve": "modern serve"{{#unless isSubproject}},
+    "lint": "biome check",
+    "prepare": "simple-git-hooks"{{/unless}}
+  },
+  "engines": {
+    "node": ">=20"
+  }{{#unless isSubproject}},
+  "lint-staged": {
+    "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [
+      "biome check --files-ignore-unknown=true"
+    ]
+  },
+  "simple-git-hooks": {
+    "pre-commit": "npx lint-staged"
+  }{{/unless}},
+  "dependencies": {
+    "@modern-js/runtime": "{{version}}",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@modern-js/app-tools": "{{version}}",
+    "@modern-js/tsconfig": "{{version}}"{{#unless isSubproject}},
+    "@biomejs/biome": "1.9.4"{{/unless}},
+    "typescript": "~5.7.3",
+    "@types/node": "^20",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6"{{#unless isSubproject}},
+    "lint-staged": "~15.4.0",
+    "simple-git-hooks": "^2.11.1"{{/unless}},
+    "rimraf": "^6.0.1"
+  }
+}

package/template/src/modern-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types='@modern-js/app-tools/types' />

package/template/src/modern.runtime.ts

@@ -0,0 +1,3 @@
+import { defineRuntimeConfig } from '@modern-js/runtime';
+
+export default defineRuntimeConfig({});

package/template/src/routes/index.css

@@ -0,0 +1,116 @@
+html,
+body {
+  padding: 0;
+  margin: 0;
+  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+  background: linear-gradient(to bottom, transparent, #fff) #eceeef;
+}
+
+p {
+  margin: 0;
+}
+
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  box-sizing: border-box;
+}
+
+.container-box {
+  min-height: 100vh;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-top: 10px;
+}
+
+main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.title {
+  display: flex;
+  margin: 4rem 0 4rem;
+  align-items: center;
+  font-size: 4rem;
+  font-weight: 600;
+}
+
+.logo {
+  width: 6rem;
+  margin: 7px 0 0 1rem;
+}
+
+.name {
+  color: #4ecaff;
+}
+
+.description {
+  text-align: center;
+  line-height: 1.5;
+  font-size: 1.3rem;
+  color: #1b3a42;
+  margin-bottom: 5rem;
+}
+
+.code {
+  background: #fafafa;
+  border-radius: 12px;
+  padding: 0.6rem 0.9rem;
+  font-size: 1.05rem;
+  font-family:
+    Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+    Bitstream Vera Sans Mono, Courier New, monospace;
+}
+
+.container-box .grid {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1100px;
+  margin-top: 3rem;
+}
+
+.card {
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100px;
+  color: inherit;
+  text-decoration: none;
+  transition: 0.15s ease;
+  width: 45%;
+}
+
+.card:hover,
+.card:focus {
+  transform: scale(1.05);
+}
+
+.card h2 {
+  display: flex;
+  align-items: center;
+  font-size: 1.5rem;
+  margin: 0;
+  padding: 0;
+}
+
+.card p {
+  opacity: 0.6;
+  font-size: 0.9rem;
+  line-height: 1.5;
+  margin-top: 1rem;
+}
+
+.arrow-right {
+  width: 1.3rem;
+  margin-left: 0.5rem;
+  margin-top: 3px;
+}

package/template/src/routes/layout.tsx

@@ -0,0 +1,9 @@
+import { Outlet } from '@modern-js/runtime/router';
+
+export default function Layout() {
+  return (
+    <div>
+      <Outlet />
+    </div>
+  );
+}

package/template/src/routes/page.tsx

@@ -0,0 +1,96 @@
+import { Helmet } from '@modern-js/runtime/head';
+import './index.css';
+
+const Index = () => (
+  <div className="container-box">
+    <Helmet>
+      <link
+        rel="icon"
+        type="image/x-icon"
+        href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
+      />
+    </Helmet>
+    <main>
+      <div className="title">
+        Welcome to
+        <img
+          className="logo"
+          src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"
+          alt="Modern.js Logo"
+        />
+        <p className="name">Modern.js</p>
+      </div>
+      <p className="description">
+        Get started by editing <code className="code">src/routes/page.tsx</code>
+      </p>
+      <div className="grid">
+        <a
+          href="https://modernjs.dev/guides/get-started/introduction.html"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="card"
+        >
+          <h2>
+            Guide
+            <img
+              className="arrow-right"
+              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
+              alt="Guide"
+            />
+          </h2>
+          <p>Follow the guides to use all features of Modern.js.</p>
+        </a>
+        <a
+          href="https://modernjs.dev/tutorials/foundations/introduction.html"
+          target="_blank"
+          className="card"
+          rel="noreferrer"
+        >
+          <h2>
+            Tutorials
+            <img
+              className="arrow-right"
+              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
+              alt="Tutorials"
+            />
+          </h2>
+          <p>Learn to use Modern.js to create your first application.</p>
+        </a>
+        <a
+          href="https://modernjs.dev/configure/app/usage.html"
+          target="_blank"
+          className="card"
+          rel="noreferrer"
+        >
+          <h2>
+            Config
+            <img
+              className="arrow-right"
+              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
+              alt="Config"
+            />
+          </h2>
+          <p>Find all configuration options provided by Modern.js.</p>
+        </a>
+        <a
+          href="https://github.com/web-infra-dev/modern.js"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="card"
+        >
+          <h2>
+            GitHub
+            <img
+              className="arrow-right"
+              src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
+              alt="Github"
+            />
+          </h2>
+          <p>View the source code on GitHub; feel free to contribute.</p>
+        </a>
+      </div>
+    </main>
+  </div>
+);
+
+export default Index;

package/template/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@modern-js/tsconfig/base",
+  "compilerOptions": {
+    "declaration": false,
+    "jsx": "preserve",
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@shared/*": ["./shared/*"]
+    }
+  },
+  "include": ["src", "shared", "config", "modern.config.ts"],
+  "exclude": ["**/node_modules"]
+}