create-esmx 3.0.0-rc.52 → 3.0.0-rc.54

package/dist/cli.integration.test.mjs

@@ -24,8 +24,7 @@ async function verifyProjectStructure(projectPath, projectName) {
     "tsconfig.json",
     "README.md",
     "src/entry.client.ts",
-    "src/entry.node.ts",
-    "src/create-app.ts"
+    "src/entry.node.ts"
   ];
   for (const file of requiredFiles) {
     expect(existsSync(join(projectPath, file))).toBe(true);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-esmx",
-    "version": "3.0.0-rc.52",
+    "version": "3.0.0-rc.54",
     "description": "A scaffold tool for creating Esmx projects",
     "type": "module",
     "private": false,
@@ -24,7 +24,7 @@
     },
     "devDependencies": {
         "@biomejs/biome": "1.9.4",
-        "@esmx/lint": "3.0.0-rc.52",
+        "@esmx/lint": "3.0.0-rc.54",
         "@types/minimist": "^1.2.5",
         "@types/node": "^24.0.0",
         "@vitest/coverage-v8": "3.2.4",
@@ -69,5 +69,5 @@
         "url": "https://github.com/esmnext/esmx/issues"
     },
     "homepage": "https://github.com/esmnext/esmx#readme",
-    "gitHead": "6cb46d99223f82c65b7913514950497ce34860ae"
+    "gitHead": "85a92c42adcbbcbf0c0b75024e32ba8fcb1e17ca"
 }

package/src/cli.integration.test.ts

@@ -31,8 +31,7 @@ async function verifyProjectStructure(
         'tsconfig.json',
         'README.md',
         'src/entry.client.ts',
-        'src/entry.node.ts',
-        'src/create-app.ts'
+        'src/entry.node.ts'
     ];
 
     for (const file of requiredFiles) {

package/template/shared-modules/README.md

@@ -0,0 +1,74 @@
+# {{projectName}}
+
+An Esmx project for Shared Packages.
+
+## 📦 Tech Stack
+
+- **Framework**: [Esmx](https://esmnext.com) - Next generation micro-frontend framework based on native ESM
+- **Package Type**: Shared Packages
+- **Build Tool**: Rspack
+- **Type Checking**: TypeScript
+
+## 🚀 Quick Start
+
+### Install Dependencies
+
+```bash
+pnpm install
+```
+
+### Development Environment
+
+```bash
+pnpm dev
+```
+
+Visit http://localhost:3000 to see the development environment.
+
+### Production Build
+
+```bash
+pnpm build
+```
+
+### Start Production Server
+
+```bash
+pnpm start
+```
+
+### Type Generation
+
+```bash
+pnpm build:type
+```
+
+### Type Checking
+
+```bash
+pnpm lint:type
+```
+
+## 📁 Project Structure
+
+```
+{{projectName}}/
+├── src/
+│   ├── entry.client.ts     # Client-side entry
+│   ├── entry.node.ts       # Node.js environment entry point
+│   └── entry.server.ts     # Server-side rendering functions
+├── package.json
+├── tsconfig.json
+└── README.md
+```
+
+## 🔧 Configuration Details
+
+- `entry.client.ts` - Responsible for client-side interaction and dynamic updates
+- `entry.node.ts` - Handles server-side rendering and development server configuration
+- `entry.server.ts` - Manages server-side rendering process and HTML generation
+
+## 📚 Additional Resources
+
+- [Esmx Official Documentation](https://esmnext.com)
+- [TypeScript Documentation](https://www.typescriptlang.org)

package/template/shared-modules/package.json

@@ -0,0 +1,25 @@
+{
+    "name": "{{projectName}}",
+    "version": "1.0.0",
+    "description": "Shared modules for the project",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "dev": "esmx dev",
+        "build": "esmx build",
+        "preview": "esmx preview",
+        "start": "esmx start",
+        "lint:type": "tsc --noEmit",
+        "build:type": "tsc --declaration --emitDeclarationOnly --outDir dist/src && tsc-alias -p tsconfig.json --outDir dist/src"
+    },
+    "dependencies": {
+        "@esmx/core": "{{esmxVersion}}",
+        "@esmx/router": "{{esmxVersion}}"
+    },
+    "devDependencies": {
+        "tsc-alias": "^1.8.16",
+        "@esmx/rspack": "{{esmxVersion}}",
+        "@types/node": "^24.0.0",
+        "typescript": "5.8.3"
+    }
+}

package/template/shared-modules/src/entry.node.ts

@@ -0,0 +1,38 @@
+import http from 'node:http';
+import type { EsmxOptions } from '@esmx/core';
+
+export default {
+    modules: {
+        exports: [
+            'npm:@esmx/router',
+            {
+                index: {
+                    input: './src/index.ts'
+                }
+            }
+        ]
+    },
+    async devApp(esmx) {
+        return import('@esmx/rspack').then((m) =>
+            m.createRspackHtmlApp(esmx, {
+                chain(context) {
+                    // Custom Rspack configuration
+                }
+            })
+        );
+    },
+    async server(esmx) {
+        const server = http.createServer((req, res) => {
+            esmx.middleware(req, res, async () => {
+                const rc = await esmx.render({
+                    params: { url: req.url }
+                });
+                res.end(rc.html);
+            });
+        });
+
+        server.listen(3000, () => {
+            console.log('Server started: http://localhost:3000');
+        });
+    }
+} satisfies EsmxOptions;

package/template/shared-modules/src/entry.server.ts

@@ -0,0 +1,36 @@
+import type { RenderContext } from '@esmx/core';
+
+export default async (rc: RenderContext) => {
+    await rc.commit();
+
+    rc.html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Esmx Shared Modules - Micro-frontend module sharing solution based on native ESM">
+    <meta name="keywords" content="Esmx,Shared Modules,Micro-frontend,ESM Modules,JavaScript Modules,TypeScript,Rspack,Frontend Architecture">
+    <meta name="generator" content="Esmx Framework">
+    <link rel="icon" href="https://www.esmnext.com/logo.svg" type="image/svg+xml">
+    ${rc.preload()}
+    <title>Esmx Shared Modules | Micro-frontend Module Sharing Solution</title>
+    ${rc.css()}
+</head>
+<body>
+    <header>
+        <h1 style="text-align: center;">Esmx Shared Modules</h1>
+        <p style="text-align: center;">Micro-frontend module sharing solution based on native ESM</p>
+    </header>
+    <main>
+        <section>
+            <h2 style="text-align: center;">Module Features</h2>
+            <p style="text-align: center;">Provides common modules and components for cross-application sharing</p>
+        </section>
+    </main>
+    ${rc.importmap()}
+    ${rc.moduleEntry()}
+    ${rc.modulePreload()}
+</body>
+</html>
+`;
+};

package/template/shared-modules/src/index.ts

@@ -0,0 +1,3 @@
+export function toFixed(value: number, precision = 2) {
+    return value.toFixed(precision);
+}

package/template/shared-modules/tsconfig.json

@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "isolatedModules": true,
+        "resolveJsonModule": true,
+        
+        "target": "ESNext",
+        "lib": ["ESNext", "DOM"],
+        
+        "strict": true,
+        "skipLibCheck": true,
+        "types": ["@types/node"],
+        
+        "experimentalDecorators": true,
+        "allowSyntheticDefaultImports": true,
+        
+        "baseUrl": ".",
+        "paths": {
+            "{{projectName}}/src/*": ["./src/*"],
+            "{{projectName}}/*": ["./*"]
+        }
+    },
+    "include": ["src"],
+    "exclude": ["dist", "node_modules"]
+}