react-client 1.0.7 → 1.0.9

package/dist/utils/loadConfig.js

@@ -0,0 +1,109 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadReactClientConfig = loadReactClientConfig;
+const path_1 = __importDefault(require("path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const url_1 = require("url");
+const chalk_1 = __importDefault(require("chalk"));
+const esbuild_1 = require("esbuild");
+/**
+ * Dynamically loads react-client.config.(ts|js|mjs)
+ * Compiles .ts and .js configs to .mjs temporarily for import.
+ */
+async function loadReactClientConfig(cwd) {
+    let projectRoot = cwd;
+    try {
+        // Detect if running inside react-client repo for local testing
+        const pkgPath = path_1.default.join(cwd, 'package.json');
+        if (await fs_extra_1.default.pathExists(pkgPath)) {
+            const pkg = JSON.parse(await fs_extra_1.default.readFile(pkgPath, 'utf8'));
+            if (pkg.name === 'react-client' && (await fs_extra_1.default.pathExists(path_1.default.join(cwd, 'myapp')))) {
+                console.log(chalk_1.default.gray('🧩 Detected local CLI environment, using ./myapp as root.'));
+                projectRoot = path_1.default.join(cwd, 'myapp');
+            }
+        }
+        const filenames = [
+            'react-client.config.ts',
+            'react-client.config.mjs',
+            'react-client.config.js',
+        ];
+        let configFile = null;
+        for (const name of filenames) {
+            const file = path_1.default.join(projectRoot, name);
+            if (await fs_extra_1.default.pathExists(file)) {
+                configFile = file;
+                break;
+            }
+        }
+        if (!configFile) {
+            console.log(chalk_1.default.gray('ℹ️ No react-client.config found, using defaults.'));
+            return {};
+        }
+        const ext = path_1.default.extname(configFile);
+        const tempFile = path_1.default.join(projectRoot, `.react-client.temp-${Date.now()}.mjs`);
+        // 🧠 Always compile .ts or .js → .mjs for safe ESM import
+        if (ext === '.ts' || ext === '.js') {
+            await (0, esbuild_1.build)({
+                entryPoints: [configFile],
+                outfile: tempFile,
+                platform: 'node',
+                format: 'esm',
+                target: 'node18',
+                bundle: true,
+                write: true,
+                logLevel: 'silent',
+            });
+        }
+        else {
+            await fs_extra_1.default.copyFile(configFile, tempFile);
+        }
+        // Import via file:// URL
+        const fileUrl = (0, url_1.pathToFileURL)(tempFile).href;
+        const mod = await Promise.resolve(`${fileUrl}`).then(s => __importStar(require(s)));
+        await fs_extra_1.default.remove(tempFile);
+        const config = mod.default || mod;
+        console.log(chalk_1.default.green(`🧩 Loaded config from ${path_1.default.basename(configFile)}`));
+        return config;
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        console.error(chalk_1.default.red(`❌ Could not load config (${path_1.default.join(cwd, 'react-client.config.js')}): ${msg}`));
+        return {};
+    }
+}

package/package.json

@@ -1,63 +1,82 @@
 {
   "name": "react-client",
-  "version": "1.0.7",
-  "description": "react-client is a lightweight CLI and runtime for building React apps with fast iteration. It is designed to be esbuild-based, Node-native, and modular like Vite/Next.js with SSR, HMR, Tailwind, CSS Modules, and generators.",
+  "version": "1.0.9",
+  "description": "react-client is a lightweight CLI and runtime for building React apps with fast iteration. Esbuild-based, Node-native, and modular like Vite/Next.js with SSR, HMR, Tailwind, CSS Modules, and generators.",
+  "license": "MIT",
+  "author": "Venkatesh Sundaram",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/venkateshsundaram/react-client.git"
+  },
+  "bugs": {
+    "url": "https://github.com/venkateshsundaram/react-client/issues"
+  },
+  "homepage": "https://github.com/venkateshsundaram/react-client#readme",
+  "bin": {
+    "react-client": "dist/cli/index.js"
+  },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.js"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "require": "./dist/config.js",
+      "import": "./dist/config.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "config": [
+        "dist/config.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist",
     "templates"
   ],
-  "bin": "dist/cli/index.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/venkateshsundaram/react-client.git"
-  },
+  "workspaces": [
+    "templates/*"
+  ],
   "keywords": [
     "react",
-    "javascript",
     "typescript",
     "cli",
     "react-cli",
-    "react-client",
+    "framework",
+    "hmr",
     "ssr",
     "esbuild",
+    "tooling",
+    "vite-alternative",
+    "fast-refresh",
+    "react-refresh",
     "tailwind",
-    "css-modules",
-    "hmr",
-    "framework",
-    "tooling"
-  ],
-  "author": "venkateshsundaram",
-  "license": "MIT",
-  "workspaces": [
-    "templates/*"
+    "developer-experience"
   ],
-  "bugs": {
-    "url": "https://github.com/venkateshsundaram/react-client/issues"
-  },
   "scripts": {
-    "clean": "rm -rf dist",
+    "clean": "rm -rf dist .turbo .react-client.temp.config*",
     "compile": "tsc -p tsconfig.build.json",
     "build": "npm run clean && npm run compile",
     "build:cli": "node dist/cli/index.js build",
     "build:ssr": "node dist/cli/index.js build:ssr",
     "dev": "node dist/cli/index.js dev",
     "prepare": "npm run compile",
-    "lint": "eslint . --ext .ts",
+    "lint": "eslint . --ext .ts --max-warnings 0",
     "format": "prettier --write \"src/**/*.ts\"",
     "format:check": "prettier --check \"src/**/*.ts\"",
     "release": "standard-version",
     "postrelease": "git push --follow-tags",
-    "prepublishOnly": "npm run compile",
+    "prepublishOnly": "npm run lint && npm run format:check && npm run build && npm test",
     "test": "jest",
-    "typecheck": "tsc --noEmit"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
+    "typecheck": "tsc --noEmit",
+    "verify": "bash scripts/local-verify.sh"
   },
   "lint-staged": {
     "*.ts": [
@@ -65,18 +84,44 @@
       "prettier --write"
     ]
   },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "pre-push": "npm run lint && npm run typecheck"
+    }
+  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
     ]
   },
+  "dependencies": {
+    "@jridgewell/trace-mapping": "^0.3.31",
+    "chalk": "^4.1.2",
+    "chokidar": "^4.0.3",
+    "commander": "^14.0.2",
+    "connect": "^3.7.0",
+    "detect-port": "^2.1.0",
+    "esbuild": "^0.25.12",
+    "fs-extra": "^11.3.2",
+    "open": "^8.4.2",
+    "prismjs": "^1.30.0",
+    "prompts": "^2.4.2",
+    "react-refresh": "^0.14.0",
+    "serve-static": "^1.15.0",
+    "ws": "^8.18.3"
+  },
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
     "@types/commander": "^2.12.0",
+    "@types/connect": "^3.4.38",
     "@types/fs-extra": "^9.0.13",
     "@types/jest": "^29.0.0",
     "@types/node": "^18.0.0",
+    "@types/prompts": "^2.4.9",
+    "@types/serve-static": "^1.15.5",
+    "@types/ws": "^8.18.1",
     "@typescript-eslint/eslint-plugin": "^8.46.3",
     "@typescript-eslint/parser": "^8.46.3",
     "eslint": "^8.0.0",
@@ -91,9 +136,7 @@
     "ts-jest": "^29.0.0",
     "typescript": "^5.3.0"
   },
-  "dependencies": {
-    "commander": "^14.0.2",
-    "esbuild": "^0.25.12",
-    "fs-extra": "^11.3.2"
+  "engines": {
+    "node": ">=18.0.0"
   }
 }

package/templates/react/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/client/bundle.js'></script></body></html>
+<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/main.js'></script></body></html>

package/templates/react-ssr/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/client/bundle.js'></script></body></html>
+<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/main.js'></script></body></html>

package/templates/react-ssr-ts/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset='utf-8' /></head><body><div id='root'></div><script type='module' src='/client/bundle.js'></script></body></html>
+<!doctype html><html><head><meta charset='utf-8' /></head><body><div id='root'></div><script type='module' src='/main.js'></script></body></html>

package/templates/react-tailwind/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/client/bundle.js'></script></body></html>
+<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/main.js'></script></body></html>

package/templates/react-tailwind-ts/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/client/bundle.js'></script></body></html>
+<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/main.js'></script></body></html>

package/templates/react-ts/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/client/bundle.js'></script></body></html>
+<!doctype html><html><head><meta charset='utf-8'></head><body><div id='root'></div><script type='module' src='/main.js'></script></body></html>