stackpatch 1.1.5 → 1.1.7

package/README.md

@@ -72,19 +72,21 @@ The CLI will guide you through an interactive setup:
 ### Create New Project
 
 ```bash
-# Using npm create (recommended)
-npm create stackpatch@latest my-app
-
-# Using npx
-npx create-stackpatch@latest my-app
-# or
+# Using npx (recommended - works immediately)
 npx stackpatch create my-app
 
-# Using bunx (Bun's npx equivalent)
+# Or without project name (will prompt)
+npx stackpatch create
+
+# Using bunx (Bun's npx equivalent - if you have Bun installed)
 bunx create-stackpatch@latest my-app
 ```
 
-> **Note:** All commands will prompt you for a project name if not provided.
+> **Note:**
+> - `npx stackpatch create` works immediately and doesn't require the package to be published
+> - `npm create stackpatch@latest` will work after the package is published to npm
+> - All commands will prompt you for a project name if not provided
+> - The CLI automatically detects and uses Bun if available, otherwise falls back to Node.js with tsx
 
 ### Revert an Installation
 

package/bin/stackpatch.js

@@ -0,0 +1,143 @@
+#!/usr/bin/env node
+/**
+ * StackPatch CLI Wrapper
+ *
+ * This wrapper detects the runtime (Bun or Node.js) and executes the TypeScript file accordingly.
+ * - If Bun is available, uses Bun directly (faster)
+ * - Otherwise, uses tsx for Node.js compatibility
+ */
+
+import { spawn, spawnSync } from "child_process";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+import { existsSync } from "fs";
+import { createRequire } from "module";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const tsFile = join(__dirname, "stackpatch.ts");
+
+// Check if Bun is available
+function hasBun() {
+  try {
+    const result = spawnSync("bun", ["--version"], {
+      stdio: "ignore",
+      timeout: 1000,
+    });
+    return result.status === 0;
+  } catch {
+    return false;
+  }
+}
+
+// Find tsx executable
+function findTsx() {
+  // First, try to resolve tsx from the package's node_modules using require.resolve
+  // This works when the package is installed locally or via npx
+  try {
+    const require = createRequire(import.meta.url);
+
+    // Try to resolve tsx/cli.mjs directly
+    try {
+      const tsxBinPath = require.resolve("tsx/cli.mjs");
+      if (existsSync(tsxBinPath)) {
+        return ["node", tsxBinPath];
+      }
+    } catch {
+      // tsx/cli.mjs not found
+    }
+
+    // Try to find tsx package and locate cli.mjs
+    try {
+      const tsxPackagePath = require.resolve("tsx/package.json");
+      const tsxDir = dirname(tsxPackagePath);
+      const tsxBin = join(tsxDir, "cli.mjs");
+
+      if (existsSync(tsxBin)) {
+        return ["node", tsxBin];
+      }
+    } catch {
+      // tsx package not found
+    }
+  } catch {
+    // require.resolve failed - package might not be installed yet
+  }
+
+  // Try node_modules/.bin/tsx in various locations
+  const possibleTsxPaths = [
+    join(__dirname, "../node_modules/.bin/tsx"),
+    join(__dirname, "../../node_modules/.bin/tsx"),
+    join(process.cwd(), "node_modules/.bin/tsx"),
+  ];
+
+  for (const tsxPath of possibleTsxPaths) {
+    if (existsSync(tsxPath)) {
+      return [tsxPath];
+    }
+  }
+
+  // Final fallback: use npx to download and run tsx
+  // This is the most reliable method when package is downloaded via npx
+  return ["npx", "-y", "tsx"];
+}
+
+// Execute with appropriate runtime
+const args = process.argv.slice(2);
+
+if (hasBun()) {
+  // Use Bun if available
+  const bun = spawn("bun", [tsFile, ...args], {
+    stdio: "inherit",
+    cwd: process.cwd(),
+  });
+  bun.on("exit", (code) => process.exit(code || 0));
+  bun.on("error", (err) => {
+    console.error("Error running Bun:", err.message);
+    process.exit(1);
+  });
+} else {
+  // Use tsx for Node.js
+  // Try to find tsx locally first, then fall back to npx
+  const tsxCommand = findTsx();
+
+  // If we're using npx, it will handle downloading tsx if needed
+  // This is the most reliable method when package is downloaded via npx
+  const tsx = spawn(tsxCommand[0], [...tsxCommand.slice(1), tsFile, ...args], {
+    stdio: "inherit",
+    cwd: process.cwd(),
+    shell: tsxCommand[0] === "npx", // Use shell for npx to handle PATH correctly
+  });
+
+  tsx.on("exit", (code) => {
+    if (code !== 0 && code !== null) {
+      process.exit(code);
+    }
+    process.exit(0);
+  });
+
+  tsx.on("error", (err) => {
+    // If npx fails, try one more time with explicit node
+    if (tsxCommand[0] !== "npx") {
+      console.error("Error: Could not execute TypeScript file.");
+      console.error("Trying with npx...");
+
+      const npxTsx = spawn("npx", ["-y", "tsx", tsFile, ...args], {
+        stdio: "inherit",
+        cwd: process.cwd(),
+        shell: true,
+      });
+
+      npxTsx.on("exit", (code) => process.exit(code || 0));
+      npxTsx.on("error", () => {
+        console.error("Error: Could not execute TypeScript file.");
+        console.error("Please ensure tsx is available: npm install -g tsx");
+        process.exit(1);
+      });
+    } else {
+      console.error("Error: Could not execute TypeScript file.");
+      console.error("Please ensure tsx is available: npm install -g tsx");
+      console.error("Original error:", err.message);
+      process.exit(1);
+    }
+  });
+}

package/bin/stackpatch.ts

@@ -1,4 +1,9 @@
-#!/usr/bin/env bun
+#!/usr/bin/env node
+// This file should be executed via bin/stackpatch.js wrapper
+// Direct execution is not recommended - use the wrapper instead
+// This file works with both Bun and Node.js
+// - Bun can execute TypeScript files directly
+// - Node.js uses tsx (installed as dependency) to execute TypeScript
 
 import fs from "fs";
 import path from "path";
@@ -9,9 +14,9 @@ import { spawnSync } from "child_process";
 import Jimp from "jimp";
 
 // ---------------- CONFIG ----------------
-// Get directory path - Bun supports import.meta.dir
-// @ts-expect-error - Bun-specific API, not in Node types
-const CLI_DIR = import.meta.dir || path.dirname(new URL(import.meta.url).pathname);
+// Get directory path - Works with both Bun and Node.js
+// Bun has import.meta.dir, Node.js doesn't - use fallback
+const CLI_DIR = (import.meta as any).dir || path.dirname(new URL(import.meta.url).pathname);
 // Resolve boilerplate path - use local boilerplate inside CLI package
 const BOILERPLATE_ROOT = path.resolve(CLI_DIR, "../boilerplate");
 const PATCHES: Record<

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "stackpatch",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Composable frontend features for modern React & Next.js apps - Add authentication, UI components, and more with zero configuration",
   "main": "bin/stackpatch.ts",
   "type": "module",
   "bin": {
-    "stackpatch": "bin/stackpatch.ts",
-    "create-stackpatch": "bin/stackpatch.ts"
+    "stackpatch": "bin/stackpatch.js",
+    "create-stackpatch": "bin/stackpatch.js"
   },
   "files": [
     "bin",
@@ -47,6 +47,7 @@
   },
   "homepage": "https://github.com/Darshh09/StackPatch#readme",
   "engines": {
+    "node": ">=18.0.0",
     "bun": ">=1.0.0"
   },
   "packageManager": "pnpm@10.28.0",