bravecode-cli 0.1.18 → 0.1.20

package/dist/cli.cjs

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+/* CJS bootstrap wrapper for bravecode CLI.
+ *
+ * Why a separate CJS wrapper?
+ * ESM static imports are ALWAYS hoisted by Node's loader, even if they appear
+ * textually after polyfill code in the same file. This means a top-level
+ *   import devtools from "react-devtools-core"
+ * emitted by esbuild (because react-devtools-core is marked external) runs
+ * BEFORE any polyfill we place in the ESM bundle body.
+ *
+ * CommonJS does NOT hoist require() calls — they execute in source order.
+ * So by launching from a tiny CJS file that applies the polyfill first, then
+ * dynamically imports the ESM bundle via import(), we guarantee that the
+ * polyfill on globalThis is installed well before react-devtools-core or ink
+ * ever evaluates.
+ */
+(function () {
+  var g = globalThis;
+  try { if (typeof g.self === 'undefined') Object.defineProperty(g,'self',{value:g,writable:true,configurable:true,enumerable:false}); }
+  catch(e) { if (typeof g.self === 'undefined') g.self = g; }
+  try { if (typeof g.window === 'undefined') Object.defineProperty(g,'window',{value:g,writable:true,configurable:true,enumerable:false}); }
+  catch(e) { if (typeof g.window === 'undefined') g.window = g; }
+  try { if (typeof g.document === 'undefined') Object.defineProperty(g,'document',{value:{createElement:function(){return {}},addEventListener:function(){},readyState:'complete'},writable:true,configurable:true,enumerable:false}); }
+  catch(e) { if (typeof g.document === 'undefined') g.document = {createElement:function(){return {}},addEventListener:function(){},readyState:'complete'}; }
+})();
+
+import('./cli-main.mjs').catch(function (err) {
+  console.error('[bravecode] Fatal error during startup:', err);
+  process.exit(1);
+});

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "bravecode-cli",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Agentic AI vibe coding CLI with free model support",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
-    "bravecode": "./dist/cli.mjs"
+    "bravecode": "./dist/cli.cjs"
   },
   "files": [
     "dist/**/*",
@@ -16,7 +16,7 @@
   "scripts": {
     "build": "node scripts/build.js",
     "dev": "tsx watch src/cli.ts",
-    "lint": "eslint src/ --ext .ts",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "npm run build",
     "postinstall": ""
@@ -50,6 +50,8 @@
     "@ai-sdk/mistral": "^4.0.32",
     "@ai-sdk/openai": "^4.0.46",
     "@ai-sdk/openai-compatible": "^3.0.36",
+    "@opentui/core": "^0.5.8",
+    "@opentui/react": "^0.5.8",
     "ai": "^7.0.78",
     "chalk": "^5.4.1",
     "commander": "^13.1.0",
@@ -64,8 +66,8 @@
     "zod": "^3.25.67"
   },
   "devDependencies": {
-    "@types/node": "^24.0.10",
     "@types/ink": "^2.0.3",
+    "@types/node": "^24.0.10",
     "@types/react": "^19.2.18",
     "esbuild": "^0.25.5",
     "eslint": "^9.28.0",

package/scripts/build.js

@@ -17,11 +17,21 @@ await build({
   bundle: true,
   platform: "node",
   target: "node18",
-  outfile: "dist/cli.mjs",
+  outfile: "dist/cli-main.mjs",
   format: "esm",
   banner: {
     js: [
-      "#!/usr/bin/env node",
+      "// Second-line defense polyfill (first line is in CJS wrapper cli.cjs).",
+      "// The CJS wrapper runs first and is the primary polyfill mechanism.",
+      "(function(){",
+      "  var g = globalThis;",
+      "  try { if (typeof g.self === 'undefined') Object.defineProperty(g,'self',{value:g,writable:true,configurable:true,enumerable:false}); }",
+      "  catch(e) { if (typeof g.self === 'undefined') g.self = g; }",
+      "  try { if (typeof g.window === 'undefined') Object.defineProperty(g,'window',{value:g,writable:true,configurable:true,enumerable:false}); }",
+      "  catch(e) { if (typeof g.window === 'undefined') g.window = g; }",
+      "  try { if (typeof g.document === 'undefined') Object.defineProperty(g,'document',{value:{createElement:function(){return {}},addEventListener:function(){},readyState:'complete'},writable:true,configurable:true,enumerable:false}); }",
+      "  catch(e) { if (typeof g.document === 'undefined') g.document = {createElement:function(){return {}},addEventListener:function(){},readyState:'complete'}; }",
+      "})();",
       "import { createRequire as __braveCreateRequire } from 'module';",
       "const require = __braveCreateRequire(import.meta.url);",
     ].join("\n"),
@@ -31,4 +41,52 @@ await build({
   external: ["react-devtools-core", "ink", "ink-text-input", "react", "yoga-layout"],
 });
 
+// Write the CJS bootstrap wrapper. This is the actual `bravecode` bin entry.
+// It runs in CommonJS mode (no hoisted imports) so the polyfill is guaranteed
+// to apply BEFORE any ESM imports of ink / react-devtools-core / @opentui.
+// The polyfill is written to the wrapper itself to guarantee ordering.
+import { writeFileSync, mkdirSync, existsSync, chmodSync } from "fs";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const distDir = join(__dirname, "..", "dist");
+if (!existsSync(distDir)) mkdirSync(distDir, { recursive: true });
+
+const cjsWrapper = `#!/usr/bin/env node
+/* CJS bootstrap wrapper for bravecode CLI.
+ *
+ * Why a separate CJS wrapper?
+ * ESM static imports are ALWAYS hoisted by Node's loader, even if they appear
+ * textually after polyfill code in the same file. This means a top-level
+ *   import devtools from "react-devtools-core"
+ * emitted by esbuild (because react-devtools-core is marked external) runs
+ * BEFORE any polyfill we place in the ESM bundle body.
+ *
+ * CommonJS does NOT hoist require() calls — they execute in source order.
+ * So by launching from a tiny CJS file that applies the polyfill first, then
+ * dynamically imports the ESM bundle via import(), we guarantee that the
+ * polyfill on globalThis is installed well before react-devtools-core or ink
+ * ever evaluates.
+ */
+(function () {
+  var g = globalThis;
+  try { if (typeof g.self === 'undefined') Object.defineProperty(g,'self',{value:g,writable:true,configurable:true,enumerable:false}); }
+  catch(e) { if (typeof g.self === 'undefined') g.self = g; }
+  try { if (typeof g.window === 'undefined') Object.defineProperty(g,'window',{value:g,writable:true,configurable:true,enumerable:false}); }
+  catch(e) { if (typeof g.window === 'undefined') g.window = g; }
+  try { if (typeof g.document === 'undefined') Object.defineProperty(g,'document',{value:{createElement:function(){return {}},addEventListener:function(){},readyState:'complete'},writable:true,configurable:true,enumerable:false}); }
+  catch(e) { if (typeof g.document === 'undefined') g.document = {createElement:function(){return {}},addEventListener:function(){},readyState:'complete'}; }
+})();
+
+import('./cli-main.mjs').catch(function (err) {
+  console.error('[bravecode] Fatal error during startup:', err);
+  process.exit(1);
+});
+`;
+
+const wrapperPath = join(distDir, "cli.cjs");
+writeFileSync(wrapperPath, cjsWrapper, "utf-8");
+chmodSync(wrapperPath, 0o755);
+
 console.log("Build completed successfully!");