react-client 1.0.30 → 1.0.31

package/dist/cli/commands/init.js

@@ -1,52 +1,42 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import path from 'path';
 import fs from 'fs-extra';
 import prompts from 'prompts';
 import chalk from 'chalk';
 import { execSync } from 'child_process';
-export default function initCmd(name, opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const root = process.cwd();
-        const projectDir = path.resolve(root, name);
-        const template = opts.template || 'react-ts';
-        console.log(chalk.cyan(`\n📦 Creating new React Client app: ${chalk.bold(name)}`));
-        // 1️⃣ Check if directory exists
-        if (fs.existsSync(projectDir)) {
-            const res = yield prompts({
-                type: 'confirm',
-                name: 'overwrite',
-                message: chalk.yellow(`Directory "${name}" already exists. Overwrite?`),
-                initial: false,
-            });
-            if (!res.overwrite) {
-                console.log(chalk.red('❌ Operation cancelled.'));
-                process.exit(1);
-            }
-            yield fs.remove(projectDir);
-        }
-        yield fs.ensureDir(projectDir);
-        // 2️⃣ Locate template
-        const templateDir = path.resolve(__dirname, '../../../templates', template);
-        if (!fs.existsSync(templateDir)) {
-            console.error(chalk.red(`❌ Template not found: ${template}`));
+export default async function initCmd(name, opts) {
+    const root = process.cwd();
+    const projectDir = path.resolve(root, name);
+    const template = opts.template || 'react-ts';
+    console.log(chalk.cyan(`\n📦 Creating new React Client app: ${chalk.bold(name)}`));
+    // 1️⃣ Check if directory exists
+    if (fs.existsSync(projectDir)) {
+        const res = await prompts({
+            type: 'confirm',
+            name: 'overwrite',
+            message: chalk.yellow(`Directory "${name}" already exists. Overwrite?`),
+            initial: false,
+        });
+        if (!res.overwrite) {
+            console.log(chalk.red('❌ Operation cancelled.'));
             process.exit(1);
         }
-        // 3️⃣ Copy template
-        console.log(chalk.gray(`\n📁 Copying template: ${template}...`));
-        yield fs.copy(templateDir, projectDir);
-        // 4️⃣ Optionally create react-client.config.js (not .ts)
-        if (opts.withConfig) {
-            const configPath = path.join(projectDir, 'react-client.config.js');
-            if (!fs.existsSync(configPath)) {
-                const configContent = `// react-client.config.js
+        await fs.remove(projectDir);
+    }
+    await fs.ensureDir(projectDir);
+    // 2️⃣ Locate 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.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.join(projectDir, 'react-client.config.js');
+        if (!fs.existsSync(configPath)) {
+            const configContent = `// react-client.config.js
 import { defineConfig } from 'react-client/config';
 
 export default defineConfig({
@@ -66,34 +56,33 @@ export default defineConfig({
   // 💡 Add plugins, aliases, etc.
 });
 `;
-                yield fs.writeFile(configPath, configContent, 'utf8');
-                console.log(chalk.green('📝 Created react-client.config.js'));
-            }
-        }
-        // 5️⃣ Initialize git repo
-        try {
-            execSync('git init', { cwd: projectDir, stdio: 'ignore' });
-            console.log(chalk.gray('🔧 Initialized Git repository.'));
-        }
-        catch (_a) {
-            console.warn(chalk.yellow('⚠️ Git init failed (skipping).'));
-        }
-        // 6️⃣ Install dependencies
-        const pkgManager = /yarn/.test(process.env.npm_execpath || '') ? 'yarn' : 'npm';
-        console.log(chalk.gray(`\n📦 Installing dependencies using ${pkgManager}...`));
-        try {
-            execSync(`${pkgManager} install`, { cwd: projectDir, stdio: 'inherit' });
-        }
-        catch (_b) {
-            console.warn(chalk.yellow('⚠️ Dependency installation failed, please run manually.'));
+            await fs.writeFile(configPath, configContent, 'utf8');
+            console.log(chalk.green('📝 Created react-client.config.js'));
         }
-        // 7️⃣ Completion message
-        console.log();
-        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.dim('Happy coding! ⚡'));
-    });
+    }
+    // 5️⃣ Initialize git repo
+    try {
+        execSync('git init', { cwd: projectDir, stdio: 'ignore' });
+        console.log(chalk.gray('🔧 Initialized Git repository.'));
+    }
+    catch {
+        console.warn(chalk.yellow('⚠️ Git init failed (skipping).'));
+    }
+    // 6️⃣ Install dependencies
+    const pkgManager = /yarn/.test(process.env.npm_execpath || '') ? 'yarn' : 'npm';
+    console.log(chalk.gray(`\n📦 Installing dependencies using ${pkgManager}...`));
+    try {
+        execSync(`${pkgManager} install`, { cwd: projectDir, stdio: 'inherit' });
+    }
+    catch {
+        console.warn(chalk.yellow('⚠️ Dependency installation failed, please run manually.'));
+    }
+    // 7️⃣ Completion message
+    console.log();
+    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.dim('Happy coding! ⚡'));
 }

package/dist/cli/commands/preview.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import http from 'http';
 import path from 'path';
 import fs from 'fs-extra';
@@ -43,129 +34,126 @@ function setCachingHeaders(res, stat) {
     res.setHeader('Last-Modified', stat.mtime.toUTCString());
     res.setHeader('Cache-Control', 'public, max-age=0, must-revalidate');
 }
-export default function preview() {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
-        const cwd = process.cwd();
-        const config = yield loadReactClientConfig(cwd);
-        const appRoot = path.resolve(cwd, config.root || '.');
-        const outDir = path.join(appRoot, ((_a = config.build) === null || _a === void 0 ? void 0 : _a.outDir) || 'dist');
-        const indexHtml = path.join(outDir, 'index.html');
-        if (!(yield fs.pathExists(outDir))) {
-            console.error(chalk.red(`❌ Preview directory not found: ${outDir}`));
-            process.exit(1);
-        }
-        if (!(yield fs.pathExists(indexHtml))) {
-            console.warn(chalk.yellow(`⚠️ index.html not found in ${outDir}. SPA fallback will be disabled.`));
+export default async function preview() {
+    const cwd = process.cwd();
+    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.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 detectPort(defaultPort);
+    if (port !== defaultPort) {
+        const r = await prompts({
+            type: 'confirm',
+            name: 'useNewPort',
+            initial: true,
+            message: `Port ${defaultPort} is occupied. Use ${port} instead?`,
+        });
+        if (!r.useNewPort) {
+            console.log('🛑 Preview cancelled.');
+            process.exit(0);
         }
-        const defaultPort = ((_b = config.server) === null || _b === void 0 ? void 0 : _b.port) || 4173;
-        const port = yield detectPort(defaultPort);
-        if (port !== defaultPort) {
-            const r = yield prompts({
-                type: 'confirm',
-                name: 'useNewPort',
-                initial: true,
-                message: `Port ${defaultPort} is occupied. Use ${port} instead?`,
-            });
-            if (!r.useNewPort) {
-                console.log('🛑 Preview cancelled.');
-                process.exit(0);
+    }
+    const server = http.createServer(async (req, res) => {
+        try {
+            const url = req.url || '/';
+            // normalize and protect
+            const relPath = decodeURIComponent(url.split('?')[0]);
+            if (relPath.includes('..')) {
+                res.writeHead(400);
+                return res.end('Invalid request');
             }
-        }
-        const server = http.createServer((req, res) => __awaiter(this, void 0, void 0, function* () {
-            try {
-                const url = req.url || '/';
-                // normalize and protect
-                const relPath = decodeURIComponent(url.split('?')[0]);
-                if (relPath.includes('..')) {
-                    res.writeHead(400);
-                    return res.end('Invalid request');
+            // handle root -> index.html
+            let filePath = path.join(outDir, relPath);
+            const tryIndexFallback = async () => {
+                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.createReadStream(indexHtml).pipe(res);
                 }
-                // handle root -> index.html
-                let filePath = path.join(outDir, relPath);
-                const tryIndexFallback = () => __awaiter(this, void 0, void 0, function* () {
-                    if (yield fs.pathExists(indexHtml)) {
-                        const stat = yield fs.stat(indexHtml);
-                        setCachingHeaders(res, stat);
-                        res.setHeader('Content-Type', 'text/html; charset=utf-8');
-                        return fs.createReadStream(indexHtml).pipe(res);
-                    }
-                    else {
-                        res.writeHead(404);
-                        return res.end('Not found');
-                    }
-                });
-                // If the request path is a directory, try index.html inside it
-                if (relPath.endsWith('/')) {
-                    const candidate = path.join(filePath, 'index.html');
-                    if (yield fs.pathExists(candidate)) {
-                        filePath = candidate;
-                    }
-                    else {
-                        return tryIndexFallback();
-                    }
+                else {
+                    res.writeHead(404);
+                    return res.end('Not found');
                 }
-                // If file doesn't exist, fallback to index.html for SPA routes
-                if (!(yield fs.pathExists(filePath))) {
-                    // If request appears to be a static asset (has extension), return 404
-                    if (path.extname(filePath)) {
-                        res.writeHead(404);
-                        return res.end('Not found');
-                    }
-                    return tryIndexFallback();
+            };
+            // If the request path is a directory, try index.html inside it
+            if (relPath.endsWith('/')) {
+                const candidate = path.join(filePath, 'index.html');
+                if (await fs.pathExists(candidate)) {
+                    filePath = candidate;
                 }
-                const stat = yield fs.stat(filePath);
-                if (!stat.isFile()) {
+                else {
                     return tryIndexFallback();
                 }
-                // Compression/Precompressed support: prefer brotli -> gzip -> raw
-                const accept = (req.headers['accept-encoding'] || '');
-                const tryPrecompressed = () => __awaiter(this, void 0, void 0, function* () {
-                    if (accept.includes('br') && (yield fs.pathExists(filePath + '.br'))) {
-                        res.setHeader('Content-Encoding', 'br');
-                        res.setHeader('Content-Type', contentType(filePath));
-                        setCachingHeaders(res, stat);
-                        return fs.createReadStream(filePath + '.br').pipe(res);
-                    }
-                    if (accept.includes('gzip') && (yield fs.pathExists(filePath + '.gz'))) {
-                        res.setHeader('Content-Encoding', 'gzip');
-                        res.setHeader('Content-Type', contentType(filePath));
-                        setCachingHeaders(res, stat);
-                        return fs.createReadStream(filePath + '.gz').pipe(res);
-                    }
-                    // default
+            }
+            // If file doesn't exist, fallback to index.html for SPA routes
+            if (!(await fs.pathExists(filePath))) {
+                // If request appears to be a static asset (has extension), return 404
+                if (path.extname(filePath)) {
+                    res.writeHead(404);
+                    return res.end('Not found');
+                }
+                return tryIndexFallback();
+            }
+            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.pathExists(filePath + '.br'))) {
+                    res.setHeader('Content-Encoding', 'br');
+                    res.setHeader('Content-Type', contentType(filePath));
+                    setCachingHeaders(res, stat);
+                    return fs.createReadStream(filePath + '.br').pipe(res);
+                }
+                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.createReadStream(filePath).pipe(res);
-                });
-                // ETag / If-None-Match handling
-                const etag = `${stat.size}-${Date.parse(stat.mtime.toString())}`;
-                const inm = req.headers['if-none-match'];
-                if (inm && inm.toString() === etag) {
-                    res.writeHead(304);
-                    return res.end();
+                    return fs.createReadStream(filePath + '.gz').pipe(res);
                 }
-                return tryPrecompressed();
-            }
-            catch (err) {
-                const e = err;
-                console.error('Preview server error:', e);
-                res.writeHead(500);
-                res.end('Internal Server Error');
+                // default
+                res.setHeader('Content-Type', contentType(filePath));
+                setCachingHeaders(res, stat);
+                return fs.createReadStream(filePath).pipe(res);
+            };
+            // ETag / If-None-Match handling
+            const etag = `${stat.size}-${Date.parse(stat.mtime.toString())}`;
+            const inm = req.headers['if-none-match'];
+            if (inm && inm.toString() === etag) {
+                res.writeHead(304);
+                return res.end();
             }
-        }));
-        server.listen(port, () => __awaiter(this, void 0, void 0, function* () {
-            const url = `http://localhost:${port}`;
-            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}`));
-            yield open(url, { newInstance: true });
-        }));
-        process.on('SIGINT', () => {
-            console.log(chalk.red('\n🛑 Shutting down preview...'));
-            server.close();
-            process.exit(0);
-        });
+            return tryPrecompressed();
+        }
+        catch (err) {
+            const e = err;
+            console.error('Preview server error:', e);
+            res.writeHead(500);
+            res.end('Internal Server Error');
+        }
+    });
+    server.listen(port, async () => {
+        const url = `http://localhost:${port}`;
+        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.red('\n🛑 Shutting down preview...'));
+        server.close();
+        process.exit(0);
     });
 }

package/dist/cli/index.js

@@ -1,23 +1,28 @@
 #!/usr/bin/env node
-import { dirname, resolve } from 'path';
+/**
+ * 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 { Command } from 'commander';
-import { fileURLToPath, pathToFileURL } from 'url';
-import initCmd from './commands/init';
-import devCmd from './commands/dev';
-import buildCmd from './commands/build';
-import previewCmd from './commands/preview';
-// Polyfill for __dirname in ESM
+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 = dirname(__filename);
-// Load package.json version dynamically
-const pkgPath = resolve(__dirname, '../../package.json');
-const isMainModule = process.argv[1] && pathToFileURL(process.argv[1]).href === 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.bold.cyan('⚡ React Client');
     const version = chalk.gray(`v${pkg.version}`);
@@ -43,58 +48,52 @@ function showBanner(cmd) {
             console.log();
     }
 }
-// 🧩 Commander setup
+// 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');
-    initCmd(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');
-    devCmd();
+    await devCmd();
 });
 program
     .command('build')
     .description('build production assets')
-    .action(() => {
+    .action(async () => {
     showBanner('build');
-    buildCmd();
+    await buildCmd();
 });
 program
     .command('preview')
     .description('preview production build')
-    .action(() => {
+    .action(async () => {
     showBanner('preview');
-    previewCmd();
+    await previewCmd();
 });
-// ------------------------------------------------------
-// Default / Unknown command handling
-// ------------------------------------------------------
+// Handle unknown commands
 program.on('command:*', () => {
     console.error(chalk.red('❌ Invalid command:'), program.args.join(' '));
     console.log();
     program.outputHelp();
     process.exit(1);
 });
-// ------------------------------------------------------
-// Entry point
-// ------------------------------------------------------
-if (isMainModule) {
+// Entry Point (ESM-safe)
+if (import.meta.url === `file://${process.argv[1]}`) {
     if (process.argv.length <= 2) {
         console.clear();
         showBanner();

package/dist/server/broadcastManager.js

@@ -41,7 +41,7 @@ export class BroadcastManager {
             try {
                 ws.close();
             }
-            catch (_a) {
+            catch {
                 // ignore
             }
         }