bun-ui-tests 1.0.5 → 1.0.7

package/cli.ts

@@ -5,22 +5,47 @@ import { readFile, access } from "node:fs/promises";
 import { join, dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 
-// Robustly determine the package root directory
+// Função robusta para determinar o diretório raiz do pacote
 function getPackageRoot() {
-  // 1. Try to use process.argv[1] which often points to the real script path
-  // when run via bunx or direct execution.
+  // 1. Tentar import.meta.dir (Bun específico)
+  if (import.meta.dir) {
+    return import.meta.dir;
+  }
+
+  // 2. Tentar via import.meta.url
+  try {
+    const __filename = fileURLToPath(import.meta.url);
+    return dirname(__filename);
+  } catch (e) {}
+
+  // 3. Tentar process.argv[1] (caminho do script)
   try {
     const argvPath = process.argv[1];
-    if (argvPath && argvPath.endsWith("cli.ts")) {
-       return dirname(argvPath);
+    if (argvPath) {
+      // Se é um arquivo .ts, usa o diretório dele
+      if (argvPath.endsWith('.ts')) {
+        return dirname(argvPath);
+      }
+      
+      // Se é um executável, procura node_modules ou cache
+      // bunx instala em: ~/.bun/install/cache/bun-ui-tests@version/
+      const parts = argvPath.split('/');
+      const cacheIndex = parts.findIndex(p => p === 'cache' || p === '.bun' || p === 'node_modules');
+      if (cacheIndex !== -1 && cacheIndex + 1 < parts.length) {
+        // Pega até o nome do pacote (ex: bun-ui-tests@1.0.5)
+        const packagePath = parts.slice(0, cacheIndex + 2).join('/');
+        return packagePath;
+      }
     }
-  } catch (e) {}
+  } catch (e) {
+    console.error('Error resolving from argv[1]:', e);
+  }
 
-  // 2. Fallback to import.meta.dir
-  return import.meta.dir;
+  // 4. Fallback: usar diretório atual
+  return process.cwd();
 }
 
-const __dirname = getPackageRoot();
+let packageRoot = getPackageRoot();
 
 const COMMANDS = {
   run: "Run the test UI (production mode)",
@@ -28,12 +53,42 @@ const COMMANDS = {
   help: "Show this help message"
 };
 
+async function findVerifiedRoot(): Promise<string> {
+  const possibleRoots = [
+    packageRoot,
+    process.cwd(),
+    dirname(fileURLToPath(import.meta.url)),
+  ];
+
+  for (const root of possibleRoots) {
+    if (!root) continue;
+    const runnerPath = join(root, "ui-runner.ts");
+    const distPath = join(root, "app", "dist", "index.html");
+    
+    if (await Bun.file(runnerPath).exists() && await Bun.file(distPath).exists()) {
+      return root;
+    }
+  }
+
+  // Se não achou, tenta procurar subindo diretórios (útil se estiver em node_modules/.bin)
+  try {
+    let current = packageRoot;
+    for (let i = 0; i < 3; i++) {
+      const runnerPath = join(current, "ui-runner.ts");
+      if (await Bun.file(runnerPath).exists()) return current;
+      current = dirname(current);
+    }
+  } catch (e) {}
+
+  return packageRoot;
+}
+
 async function showHelp() {
   console.log(`
 🧪 Bun Test UI - A beautiful UI for running Bun tests
 
 Usage:
-  buntestui <command>
+  bunx bun-ui-tests <command>
 
 Commands:
   run       Start the test UI (production mode)
@@ -41,62 +96,54 @@ Commands:
   help      Show this help message
 
 Examples:
-  buntestui run      # Run in production mode
-  buntestui dev      # Run in development mode (for testing)
+  bunx bun-ui-tests run      # Run in production mode
+  bunx bun-ui-tests dev      # Run in development mode (for testing)
 `);
 }
 
-async function buildFrontend() {
-  console.log("🏗️  Building frontend...\n");
+async function checkBuildExists(root: string): Promise<boolean> {
+  const distPath = join(root, "app", "dist", "index.html");
   
-  const appDir = join(__dirname, "app");
+  console.log(`🔍 Debug Info:`);
+  console.log(`   - process.argv[1]: ${process.argv[1]}`);
+  console.log(`   - Resolved packageRoot: ${root}`);
+  console.log(`   - Looking for: ${distPath}`);
   
-  return new Promise<void>((resolve, reject) => {
-    const proc = spawn("bun", ["run", "build"], {
-      cwd: appDir,
-      stdio: "inherit",
-      shell: true
-    });
-    
-    proc.on("close", (code) => {
-      if (code === 0) {
-        console.log("\n✅ Frontend built successfully!");
-        resolve();
-      } else {
-        reject(new Error(`Frontend build failed with code ${code}`));
-      }
-    });
-    
-    proc.on("error", (err) => {
-      reject(err);
-    });
-  });
-}
-
-async function checkBuildExists(): Promise<boolean> {
-  const distPath = join(__dirname, "app", "dist", "index.html");
-  console.error(`Debug: process.argv[1] is ${process.argv[1]}`);
-  console.error(`Debug: Resolved __dirname is ${__dirname}`);
   try {
     const exists = await Bun.file(distPath).exists();
     if (!exists) {
-      console.error(`Debug: Bun.file.exists failed for: ${distPath}`);
+      console.log(`   - File exists: NO ❌`);
+    } else {
+      console.log(`   - File exists: YES ✓`);
     }
     return exists;
   } catch (err) {
-    console.error(`Debug: Error checking path ${distPath}:`, err);
+    console.error(`❌ Error checking path:`, err);
     return false;
   }
 }
 
 async function runTestUI() {
+  // Encontra o root real onde estão os arquivos
+  packageRoot = await findVerifiedRoot();
+
   // Verifica se o build do frontend existe
-  const buildExists = await checkBuildExists();
+  const buildExists = await checkBuildExists(packageRoot);
   
   if (!buildExists) {
-    console.log("⚠️  Frontend assets not found.\n");
-    console.log("If you are running from source, please run: bun run build");
-    console.log("If you installed via npm, this might be a packaging issue.\n");
+    console.log("\n⚠️  Frontend assets not found.\n");
+    console.log("This usually means one of:");
+    console.log("  1. The package wasn't built before publishing (contact maintainer)");
+    console.log("  2. You're running from source (run: bun run build first)");
+    console.log("  3. Installation issue (try: npm cache clean --force)\n");
+    
+    console.log("💡 Temporary workaround:");
+    console.log("   git clone https://github.com/KillDarkness/Bun-UI-Test.git");
+    console.log("   cd Bun-UI-Test");
+    console.log("   bun install");
+    console.log("   cd app && bun install && bun run build && cd ..");
+    console.log("   bun run ui-runner.ts\n");
+    
     process.exit(1);
   }
   
@@ -106,11 +153,10 @@ async function runTestUI() {
   console.log("Press Ctrl+C to stop\n");
   
   // Roda o script do backend diretamente com Bun
-  // O usuário OBRIGATORIAMENTE tem Bun instalado para usar esta ferramenta
-  const runnerScript = join(__dirname, "ui-runner.ts");
+  const runnerScript = join(packageRoot, "ui-runner.ts");
   
   const proc = spawn("bun", ["run", runnerScript], {
-    cwd: process.cwd(), // Roda no diretório atual do usuário
+    cwd: process.cwd(),
     stdio: "inherit",
     shell: false,
     env: { ...process.env, NODE_ENV: "production" }
@@ -137,13 +183,15 @@ async function runTestUI() {
 }
 
 async function runDevMode() {
+  // Encontra o root real onde estão os arquivos
+  packageRoot = await findVerifiedRoot();
+
   console.log("🚀 Starting Bun Test UI (Development Mode)...\n");
   console.log("📡 WebSocket server: ws://localhost:5060");
   console.log("🌐 Frontend: http://localhost:5050 (with hot reload)\n");
   console.log("Press Ctrl+C to stop\n");
   
-  // Inicia o backend (ui-runner.ts) com bun run e flag de dev mode
-  const backendPath = join(__dirname, "ui-runner.ts");
+  const backendPath = join(packageRoot, "ui-runner.ts");
   const backendProc = spawn("bun", ["run", backendPath], {
     cwd: process.cwd(),
     stdio: "inherit",
@@ -151,18 +199,15 @@ async function runDevMode() {
     env: { ...process.env, BUN_TEST_UI_DEV: "true" }
   });
   
-  // Aguarda um pouco para o backend iniciar
   await new Promise(resolve => setTimeout(resolve, 1000));
   
-  // Inicia o frontend em modo dev
-  const appDir = join(__dirname, "app");
+  const appDir = join(packageRoot, "app");
   const frontendProc = spawn("bun", ["run", "dev"], {
     cwd: appDir,
     stdio: "inherit",
     shell: true
   });
   
-  // Handle Ctrl+C
   process.on("SIGINT", () => {
     console.log("\n\n👋 Stopping Bun Test UI...");
     backendProc.kill("SIGINT");
@@ -170,7 +215,6 @@ async function runDevMode() {
     process.exit(0);
   });
   
-  // Se um processo terminar, termina o outro também
   backendProc.on("close", (code) => {
     console.log("\n❌ Backend stopped");
     frontendProc.kill("SIGINT");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bun-ui-tests",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A beautiful UI for running Bun tests",
   "type": "module",
   "bin": {

package/ui-runner.ts

@@ -14,24 +14,35 @@
 import { spawn } from "node:child_process";
 import { readdir, readFile, stat } from "node:fs/promises";
 import { join, relative, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
 
 // Determina o diretório do executável ou script
 const getBaseDir = () => {
-  // Se rodando como executável compilado, pega o diretório onde o CLI foi instalado
-  if (import.meta.path && !import.meta.path.endsWith('.ts')) {
-    return dirname(process.execPath);
+  // 1. Tentar import.meta.dir (Bun específico)
+  if (import.meta.dir) {
+    return import.meta.dir;
   }
+
+  // 2. Tentar via import.meta.url
+  try {
+    const __filename = fileURLToPath(import.meta.url);
+    return dirname(__filename);
+  } catch (e) {}
   
-  // Try process.argv[1] to find real path
+  // 3. Try process.argv[1] to find real path
   try {
      const argvPath = process.argv[1];
-     if (argvPath && argvPath.endsWith("ui-runner.ts")) {
+     if (argvPath) {
+       // Se rodando como executável compilado, pega o diretório onde o CLI foi instalado
+       if (import.meta.path && !import.meta.path.endsWith('.ts')) {
+         return dirname(process.execPath);
+       }
        return dirname(argvPath);
      }
   } catch (e) {}
 
-  // Se rodando como script .ts, usa o dir do próprio arquivo
-  return import.meta.dir;
+  // Se tudo falhar
+  return process.cwd();
 };
 
 const baseDir = getBaseDir();