react-client 1.0.28 → 1.0.31

package/dist/cli/commands/init.js

@@ -1,47 +1,41 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = initCmd;
-const path_1 = __importDefault(require("path"));
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const prompts_1 = __importDefault(require("prompts"));
-const chalk_1 = __importDefault(require("chalk"));
-const child_process_1 = require("child_process");
-async function initCmd(name, opts) {
+import path from 'path';
+import fs from 'fs-extra';
+import prompts from 'prompts';
+import chalk from 'chalk';
+import { execSync } from 'child_process';
+export default async function initCmd(name, opts) {
     const root = process.cwd();
-    const projectDir = path_1.default.resolve(root, name);
+    const projectDir = path.resolve(root, name);
     const template = opts.template || 'react-ts';
-    console.log(chalk_1.default.cyan(`\n📦 Creating new React Client app: ${chalk_1.default.bold(name)}`));
+    console.log(chalk.cyan(`\n📦 Creating new React Client app: ${chalk.bold(name)}`));
     // 1️⃣ Check if directory exists
-    if (fs_extra_1.default.existsSync(projectDir)) {
-        const res = await (0, prompts_1.default)({
+    if (fs.existsSync(projectDir)) {
+        const res = await prompts({
             type: 'confirm',
             name: 'overwrite',
-            message: chalk_1.default.yellow(`Directory "${name}" already exists. Overwrite?`),
+            message: chalk.yellow(`Directory "${name}" already exists. Overwrite?`),
             initial: false,
         });
         if (!res.overwrite) {
-            console.log(chalk_1.default.red('❌ Operation cancelled.'));
+            console.log(chalk.red('❌ Operation cancelled.'));
             process.exit(1);
         }
-        await fs_extra_1.default.remove(projectDir);
+        await fs.remove(projectDir);
     }
-    await fs_extra_1.default.ensureDir(projectDir);
+    await fs.ensureDir(projectDir);
     // 2️⃣ Locate template
-    const templateDir = path_1.default.resolve(__dirname, '../../../templates', template);
-    if (!fs_extra_1.default.existsSync(templateDir)) {
-        console.error(chalk_1.default.red(`❌ Template not found: ${template}`));
+    const templateDir = path.resolve(__dirname, '../../../templates', template);
+    if (!fs.existsSync(templateDir)) {
+        console.error(chalk.red(`❌ Template not found: ${template}`));
         process.exit(1);
     }
     // 3️⃣ Copy template
-    console.log(chalk_1.default.gray(`\n📁 Copying template: ${template}...`));
-    await fs_extra_1.default.copy(templateDir, projectDir);
+    console.log(chalk.gray(`\n📁 Copying template: ${template}...`));
+    await fs.copy(templateDir, projectDir);
     // 4️⃣ Optionally create react-client.config.js (not .ts)
     if (opts.withConfig) {
-        const configPath = path_1.default.join(projectDir, 'react-client.config.js');
-        if (!fs_extra_1.default.existsSync(configPath)) {
+        const configPath = path.join(projectDir, 'react-client.config.js');
+        if (!fs.existsSync(configPath)) {
             const configContent = `// react-client.config.js
 import { defineConfig } from 'react-client/config';
 
@@ -62,33 +56,33 @@ export default defineConfig({
   // 💡 Add plugins, aliases, etc.
 });
 `;
-            await fs_extra_1.default.writeFile(configPath, configContent, 'utf8');
-            console.log(chalk_1.default.green('📝 Created react-client.config.js'));
+            await fs.writeFile(configPath, configContent, 'utf8');
+            console.log(chalk.green('📝 Created react-client.config.js'));
         }
     }
     // 5️⃣ Initialize git repo
     try {
-        (0, child_process_1.execSync)('git init', { cwd: projectDir, stdio: 'ignore' });
-        console.log(chalk_1.default.gray('🔧 Initialized Git repository.'));
+        execSync('git init', { cwd: projectDir, stdio: 'ignore' });
+        console.log(chalk.gray('🔧 Initialized Git repository.'));
     }
     catch {
-        console.warn(chalk_1.default.yellow('⚠️ Git init failed (skipping).'));
+        console.warn(chalk.yellow('⚠️ Git init failed (skipping).'));
     }
     // 6️⃣ Install dependencies
     const pkgManager = /yarn/.test(process.env.npm_execpath || '') ? 'yarn' : 'npm';
-    console.log(chalk_1.default.gray(`\n📦 Installing dependencies using ${pkgManager}...`));
+    console.log(chalk.gray(`\n📦 Installing dependencies using ${pkgManager}...`));
     try {
-        (0, child_process_1.execSync)(`${pkgManager} install`, { cwd: projectDir, stdio: 'inherit' });
+        execSync(`${pkgManager} install`, { cwd: projectDir, stdio: 'inherit' });
     }
     catch {
-        console.warn(chalk_1.default.yellow('⚠️ Dependency installation failed, please run manually.'));
+        console.warn(chalk.yellow('⚠️ Dependency installation failed, please run manually.'));
     }
     // 7️⃣ Completion message
     console.log();
-    console.log(chalk_1.default.green('✅ Project setup complete!'));
-    console.log(chalk_1.default.cyan(`\nNext steps:`));
-    console.log(chalk_1.default.gray(`  cd ${name}`));
-    console.log(chalk_1.default.gray(`  ${pkgManager === 'yarn' ? 'yarn dev' : 'npm run dev'}`));
+    console.log(chalk.green('✅ Project setup complete!'));
+    console.log(chalk.cyan(`\nNext steps:`));
+    console.log(chalk.gray(`  cd ${name}`));
+    console.log(chalk.gray(`  ${pkgManager === 'yarn' ? 'yarn dev' : 'npm run dev'}`));
     console.log();
-    console.log(chalk_1.default.dim('Happy coding! ⚡'));
+    console.log(chalk.dim('Happy coding! ⚡'));
 }

package/dist/cli/commands/preview.js

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = preview;
-const http_1 = __importDefault(require("http"));
-const path_1 = __importDefault(require("path"));
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const chalk_1 = __importDefault(require("chalk"));
-const detect_port_1 = __importDefault(require("detect-port"));
-const prompts_1 = __importDefault(require("prompts"));
-const open_1 = __importDefault(require("open"));
-const loadConfig_1 = require("../../utils/loadConfig");
+import http from 'http';
+import path from 'path';
+import fs from 'fs-extra';
+import chalk from 'chalk';
+import detectPort from 'detect-port';
+import prompts from 'prompts';
+import open from 'open';
+import { loadReactClientConfig } from '../../utils/loadConfig';
 const MIME = {
     '.html': 'text/html; charset=utf-8',
     '.js': 'application/javascript; charset=utf-8',
@@ -31,7 +25,7 @@ const MIME = {
     '.txt': 'text/plain; charset=utf-8',
 };
 function contentType(file) {
-    return MIME[path_1.default.extname(file).toLowerCase()] || 'application/octet-stream';
+    return MIME[path.extname(file).toLowerCase()] || 'application/octet-stream';
 }
 function setCachingHeaders(res, stat) {
     // Short cache for preview by default, but set ETag/Last-Modified so browsers behave nicely
@@ -40,23 +34,23 @@ function setCachingHeaders(res, stat) {
     res.setHeader('Last-Modified', stat.mtime.toUTCString());
     res.setHeader('Cache-Control', 'public, max-age=0, must-revalidate');
 }
-async function preview() {
+export default async function preview() {
     const cwd = process.cwd();
-    const config = await (0, loadConfig_1.loadReactClientConfig)(cwd);
-    const appRoot = path_1.default.resolve(cwd, config.root || '.');
-    const outDir = path_1.default.join(appRoot, config.build?.outDir || 'dist');
-    const indexHtml = path_1.default.join(outDir, 'index.html');
-    if (!(await fs_extra_1.default.pathExists(outDir))) {
-        console.error(chalk_1.default.red(`❌ Preview directory not found: ${outDir}`));
+    const config = await loadReactClientConfig(cwd);
+    const appRoot = path.resolve(cwd, config.root || '.');
+    const outDir = path.join(appRoot, config.build?.outDir || 'dist');
+    const indexHtml = path.join(outDir, 'index.html');
+    if (!(await fs.pathExists(outDir))) {
+        console.error(chalk.red(`❌ Preview directory not found: ${outDir}`));
         process.exit(1);
     }
-    if (!(await fs_extra_1.default.pathExists(indexHtml))) {
-        console.warn(chalk_1.default.yellow(`⚠️ index.html not found in ${outDir}. SPA fallback will be disabled.`));
+    if (!(await fs.pathExists(indexHtml))) {
+        console.warn(chalk.yellow(`⚠️ index.html not found in ${outDir}. SPA fallback will be disabled.`));
     }
     const defaultPort = config.server?.port || 4173;
-    const port = await (0, detect_port_1.default)(defaultPort);
+    const port = await detectPort(defaultPort);
     if (port !== defaultPort) {
-        const r = await (0, prompts_1.default)({
+        const r = await prompts({
             type: 'confirm',
             name: 'useNewPort',
             initial: true,
@@ -67,7 +61,7 @@ async function preview() {
             process.exit(0);
         }
     }
-    const server = http_1.default.createServer(async (req, res) => {
+    const server = http.createServer(async (req, res) => {
         try {
             const url = req.url || '/';
             // normalize and protect
@@ -77,13 +71,13 @@ async function preview() {
                 return res.end('Invalid request');
             }
             // handle root -> index.html
-            let filePath = path_1.default.join(outDir, relPath);
+            let filePath = path.join(outDir, relPath);
             const tryIndexFallback = async () => {
-                if (await fs_extra_1.default.pathExists(indexHtml)) {
-                    const stat = await fs_extra_1.default.stat(indexHtml);
+                if (await fs.pathExists(indexHtml)) {
+                    const stat = await fs.stat(indexHtml);
                     setCachingHeaders(res, stat);
                     res.setHeader('Content-Type', 'text/html; charset=utf-8');
-                    return fs_extra_1.default.createReadStream(indexHtml).pipe(res);
+                    return fs.createReadStream(indexHtml).pipe(res);
                 }
                 else {
                     res.writeHead(404);
@@ -92,8 +86,8 @@ async function preview() {
             };
             // If the request path is a directory, try index.html inside it
             if (relPath.endsWith('/')) {
-                const candidate = path_1.default.join(filePath, 'index.html');
-                if (await fs_extra_1.default.pathExists(candidate)) {
+                const candidate = path.join(filePath, 'index.html');
+                if (await fs.pathExists(candidate)) {
                     filePath = candidate;
                 }
                 else {
@@ -101,37 +95,37 @@ async function preview() {
                 }
             }
             // If file doesn't exist, fallback to index.html for SPA routes
-            if (!(await fs_extra_1.default.pathExists(filePath))) {
+            if (!(await fs.pathExists(filePath))) {
                 // If request appears to be a static asset (has extension), return 404
-                if (path_1.default.extname(filePath)) {
+                if (path.extname(filePath)) {
                     res.writeHead(404);
                     return res.end('Not found');
                 }
                 return tryIndexFallback();
             }
-            const stat = await fs_extra_1.default.stat(filePath);
+            const stat = await fs.stat(filePath);
             if (!stat.isFile()) {
                 return tryIndexFallback();
             }
             // Compression/Precompressed support: prefer brotli -> gzip -> raw
             const accept = (req.headers['accept-encoding'] || '');
             const tryPrecompressed = async () => {
-                if (accept.includes('br') && (await fs_extra_1.default.pathExists(filePath + '.br'))) {
+                if (accept.includes('br') && (await fs.pathExists(filePath + '.br'))) {
                     res.setHeader('Content-Encoding', 'br');
                     res.setHeader('Content-Type', contentType(filePath));
                     setCachingHeaders(res, stat);
-                    return fs_extra_1.default.createReadStream(filePath + '.br').pipe(res);
+                    return fs.createReadStream(filePath + '.br').pipe(res);
                 }
-                if (accept.includes('gzip') && (await fs_extra_1.default.pathExists(filePath + '.gz'))) {
+                if (accept.includes('gzip') && (await fs.pathExists(filePath + '.gz'))) {
                     res.setHeader('Content-Encoding', 'gzip');
                     res.setHeader('Content-Type', contentType(filePath));
                     setCachingHeaders(res, stat);
-                    return fs_extra_1.default.createReadStream(filePath + '.gz').pipe(res);
+                    return fs.createReadStream(filePath + '.gz').pipe(res);
                 }
                 // default
                 res.setHeader('Content-Type', contentType(filePath));
                 setCachingHeaders(res, stat);
-                return fs_extra_1.default.createReadStream(filePath).pipe(res);
+                return fs.createReadStream(filePath).pipe(res);
             };
             // ETag / If-None-Match handling
             const etag = `${stat.size}-${Date.parse(stat.mtime.toString())}`;
@@ -151,14 +145,14 @@ async function preview() {
     });
     server.listen(port, async () => {
         const url = `http://localhost:${port}`;
-        console.log(chalk_1.default.cyan.bold('\n🔎 react-client preview'));
-        console.log(chalk_1.default.gray('────────────────────────'));
-        console.log(chalk_1.default.green(`Serving: ${outDir}`));
-        console.log(chalk_1.default.green(`Open: ${url}`));
-        await (0, open_1.default)(url, { newInstance: true });
+        console.log(chalk.cyan.bold('\n🔎 react-client preview'));
+        console.log(chalk.gray('────────────────────────'));
+        console.log(chalk.green(`Serving: ${outDir}`));
+        console.log(chalk.green(`Open: ${url}`));
+        await open(url, { newInstance: true });
     });
     process.on('SIGINT', () => {
-        console.log(chalk_1.default.red('\n🛑 Shutting down preview...'));
+        console.log(chalk.red('\n🛑 Shutting down preview...'));
         server.close();
         process.exit(0);
     });

package/dist/cli/index.js

@@ -1,100 +1,99 @@
 #!/usr/bin/env node
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const commander_1 = require("commander");
-const path_1 = __importDefault(require("path"));
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const chalk_1 = __importDefault(require("chalk"));
-const init_1 = __importDefault(require("./commands/init"));
-const dev_1 = __importDefault(require("./commands/dev"));
-const build_1 = __importDefault(require("./commands/build"));
-const preview_1 = __importDefault(require("./commands/preview"));
-// Load package.json version dynamically
-const pkgPath = path_1.default.resolve(__dirname, '../../package.json');
-const pkg = fs_extra_1.default.existsSync(pkgPath)
-    ? JSON.parse(fs_extra_1.default.readFileSync(pkgPath, 'utf8'))
+/**
+ * React Client CLI (Vite-like)
+ * ---------------------------------------
+ * Supports commands: init, dev, build, preview
+ * ESM-safe, works with NodeNext and global installs.
+ */
+import { Command } from 'commander';
+import path from 'path';
+import fs from 'fs-extra';
+import chalk from 'chalk';
+import { fileURLToPath } from 'url';
+import initCmd from './commands/init.js';
+import devCmd from './commands/dev.js';
+import buildCmd from './commands/build.js';
+import previewCmd from './commands/preview.js';
+// Resolve __dirname safely in ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+// Dynamically load version from package.json
+const pkgPath = path.resolve(__dirname, '../../package.json');
+const pkg = fs.existsSync(pkgPath)
+    ? JSON.parse(fs.readFileSync(pkgPath, 'utf8'))
     : { version: '0.0.0' };
-// 🧠 Fancy startup banner
+// 🧠 Banner Display
 function showBanner(cmd) {
-    const title = chalk_1.default.bold.cyan('⚡ React Client');
-    const version = chalk_1.default.gray(`v${pkg.version}`);
-    const tagline = chalk_1.default.dim('Fast esbuild-based React CLI with HMR & Overlay');
-    const line = chalk_1.default.gray('──────────────────────────────────────────────────────────────');
+    const title = chalk.bold.cyan('⚡ React Client');
+    const version = chalk.gray(`v${pkg.version}`);
+    const tagline = chalk.dim('Fast esbuild-based React CLI with HMR & Overlay');
+    const line = chalk.gray('──────────────────────────────────────────────────────────────');
     console.log(`\n${title} ${version}`);
     console.log(tagline);
     console.log(line);
     switch (cmd) {
         case 'init':
-            console.log(chalk_1.default.cyan('📦 Initializing new React project...\n'));
+            console.log(chalk.cyan('📦 Initializing new React project...\n'));
             break;
         case 'dev':
-            console.log(chalk_1.default.green('🚀 Starting development server...\n'));
+            console.log(chalk.green('🚀 Starting development server...\n'));
             break;
         case 'build':
-            console.log(chalk_1.default.yellow('🏗️  Building for production...\n'));
+            console.log(chalk.yellow('🏗️  Building for production...\n'));
             break;
         case 'preview':
-            console.log(chalk_1.default.blue('🌐 Starting production preview server...\n'));
+            console.log(chalk.blue('🌐 Starting production preview server...\n'));
             break;
         default:
             console.log();
     }
 }
-// 🧩 Commander setup
-const program = new commander_1.Command();
+// CLI Setup
+const program = new Command();
 program
     .name('react-client')
-    .description('react-client CLI – A lightweight React toolkit for fast builds & dev server')
+    .description('react-client CLI – lightweight React toolkit for fast builds & dev server')
     .version(pkg.version, '-v, --version', 'display version information');
-// ------------------------------------------------------
-// CLI Commands
-// ------------------------------------------------------
+// Commands
 program
     .command('init <name>')
     .option('-t, --template <template>', 'choose a template', 'react-ts')
     .option('--with-config', 'create a config file')
     .description('initialize a new React project')
-    .action((name, opts) => {
+    .action(async (name, opts) => {
     showBanner('init');
-    (0, init_1.default)(name, opts);
+    await initCmd(name, opts);
 });
 program
     .command('dev')
-    .description('start dev server (with React Fast Refresh)')
-    .action(() => {
+    .description('start development server (with React Fast Refresh)')
+    .action(async () => {
     showBanner('dev');
-    (0, dev_1.default)();
+    await devCmd();
 });
 program
     .command('build')
     .description('build production assets')
-    .action(() => {
+    .action(async () => {
     showBanner('build');
-    (0, build_1.default)();
+    await buildCmd();
 });
 program
     .command('preview')
     .description('preview production build')
-    .action(() => {
+    .action(async () => {
     showBanner('preview');
-    (0, preview_1.default)();
+    await previewCmd();
 });
-// ------------------------------------------------------
-// Default / Unknown command handling
-// ------------------------------------------------------
+// Handle unknown commands
 program.on('command:*', () => {
-    console.error(chalk_1.default.red('❌ Invalid command:'), program.args.join(' '));
+    console.error(chalk.red('❌ Invalid command:'), program.args.join(' '));
     console.log();
     program.outputHelp();
     process.exit(1);
 });
-// ------------------------------------------------------
-// Entry point
-// ------------------------------------------------------
-if (require.main === module) {
+// Entry Point (ESM-safe)
+if (import.meta.url === `file://${process.argv[1]}`) {
     if (process.argv.length <= 2) {
         console.clear();
         showBanner();
@@ -104,4 +103,4 @@ if (require.main === module) {
         program.parse(process.argv);
     }
 }
-exports.default = program;
+export default program;

package/dist/cli/types.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {};
+export default {};

package/dist/index.js

@@ -1,20 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineConfig = void 0;
-const defineConfig = (c) => c;
-exports.defineConfig = defineConfig;
-__exportStar(require("./cli/index"), exports);
+export const defineConfig = (c) => c;
+export * from './cli/index';

package/dist/server/broadcastManager.js

@@ -1,39 +1,33 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BroadcastManager = void 0;
-const ws_1 = require("ws");
-const chalk_1 = __importDefault(require("chalk"));
+import { WebSocketServer, WebSocket as NodeWebSocket } from 'ws';
+import chalk from 'chalk';
 /**
  * BroadcastManager — Shared WebSocket utility for dev, preview, and SSR servers.
  * Generic over message type T which defaults to HMRMessage.
  */
-class BroadcastManager {
+export class BroadcastManager {
     constructor(server) {
         this.clients = new Set();
-        this.wss = new ws_1.WebSocketServer({ server });
+        this.wss = new WebSocketServer({ server });
         this.wss.on('connection', (ws) => {
             this.clients.add(ws);
             ws.on('close', () => {
                 this.clients.delete(ws);
             });
             ws.on('error', (err) => {
-                console.error(chalk_1.default.red('⚠️ WebSocket error:'), err.message);
+                console.error(chalk.red('⚠️ WebSocket error:'), err.message);
             });
         });
     }
     broadcast(msg) {
         const data = JSON.stringify(msg);
         for (const client of this.clients) {
-            if (client.readyState === ws_1.WebSocket.OPEN) {
+            if (client.readyState === NodeWebSocket.OPEN) {
                 client.send(data);
             }
         }
     }
     send(ws, msg) {
-        if (ws.readyState === ws_1.WebSocket.OPEN) {
+        if (ws.readyState === NodeWebSocket.OPEN) {
             ws.send(JSON.stringify(msg));
         }
     }
@@ -41,7 +35,7 @@ class BroadcastManager {
         return this.clients.size;
     }
     close() {
-        console.log(chalk_1.default.red('🛑 Closing WebSocket connections...'));
+        console.log(chalk.red('🛑 Closing WebSocket connections...'));
         this.wss.close();
         for (const ws of this.clients) {
             try {
@@ -54,4 +48,3 @@ class BroadcastManager {
         this.clients.clear();
     }
 }
-exports.BroadcastManager = BroadcastManager;