gufi-cli 0.1.1 → 0.1.3

package/dist/commands/logs.js

@@ -0,0 +1,153 @@
+/**
+ * gufi logs - Stream console logs from LivePreview in real-time
+ *
+ * The CLI connects to the Gufi WebSocket server and subscribes to
+ * dev-logs for a specific view. When the LivePreview is open in the
+ * browser, console logs are forwarded to the CLI.
+ */
+import chalk from "chalk";
+import WebSocket from "ws";
+import { isLoggedIn, getToken, getCurrentView, loadConfig } from "../lib/config.js";
+import { loadViewMeta } from "../lib/sync.js";
+const LOG_COLORS = {
+    log: chalk.white,
+    info: chalk.blue,
+    warn: chalk.yellow,
+    error: chalk.red,
+    debug: chalk.gray,
+};
+export async function logsCommand(viewDir) {
+    if (!isLoggedIn()) {
+        console.log(chalk.red("\n  ✗ No estás logueado. Usa: gufi login\n"));
+        process.exit(1);
+    }
+    // Determine view directory
+    const dir = viewDir || getCurrentView()?.localPath || process.cwd();
+    const meta = loadViewMeta(dir);
+    if (!meta) {
+        console.log(chalk.red("\n  ✗ No es un directorio de vista Gufi válido."));
+        console.log(chalk.gray("    Usa: gufi pull <vista> primero\n"));
+        process.exit(1);
+    }
+    const config = loadConfig();
+    const apiUrl = config.apiUrl || "https://gogufi.com";
+    // Use the WebSocket server (port 4000 in dev, same domain in prod)
+    let wsUrl;
+    if (apiUrl.includes("localhost") || apiUrl.includes("127.0.0.1")) {
+        // Dev: use local WebSocket server
+        wsUrl = "ws://localhost:4000";
+    }
+    else {
+        // Prod: use wss and same domain
+        wsUrl = apiUrl.replace(/^https?/, "wss").replace(/:3000$/, ":4000");
+        if (!wsUrl.includes(":4000")) {
+            wsUrl = wsUrl.replace(/\/?$/, ":4000");
+        }
+    }
+    const token = getToken();
+    console.log(chalk.magenta("\n  🟣 Gufi Logs\n"));
+    console.log(chalk.gray(`  Vista: ${meta.viewName} (ID: ${meta.viewId})`));
+    console.log(chalk.gray(`  Conectando a WebSocket...\n`));
+    let ws;
+    let reconnectAttempts = 0;
+    const maxReconnectAttempts = 5;
+    const connect = () => {
+        // Connect with token in URL (same as frontend)
+        ws = new WebSocket(`${wsUrl}?token=${token}`);
+        ws.on("open", () => {
+            reconnectAttempts = 0;
+            console.log(chalk.green("  ✓ Conectado al WebSocket\n"));
+            // Subscribe to dev logs for this view
+            ws.send(JSON.stringify({
+                type: "dev-logs-subscribe",
+                viewId: meta.viewId,
+            }));
+        });
+        ws.on("message", (data) => {
+            try {
+                const msg = JSON.parse(data.toString());
+                // Handle subscription confirmation
+                if (msg.type === "dev-logs-subscribed") {
+                    console.log(chalk.green(`  ✓ Suscrito a logs de vista ${msg.viewId}\n`));
+                    console.log(chalk.gray("  💡 Abre el Developer Center y activa LivePreview"));
+                    console.log(chalk.gray("     Los logs de la consola aparecerán aquí en tiempo real\n"));
+                    console.log(chalk.gray("  Ctrl+C para salir\n"));
+                    console.log(chalk.gray("  ─".repeat(40) + "\n"));
+                    return;
+                }
+                // Handle log messages
+                if (msg.type && msg.args) {
+                    formatAndPrintLog(msg);
+                }
+                else if (msg.error) {
+                    console.log(chalk.red(`  Error: ${msg.error}`));
+                }
+            }
+            catch (e) {
+                // Raw message, just print it
+                console.log(chalk.gray(`  ${data.toString()}`));
+            }
+        });
+        ws.on("close", () => {
+            if (reconnectAttempts < maxReconnectAttempts) {
+                reconnectAttempts++;
+                console.log(chalk.yellow(`  ⚠ Conexión cerrada. Reintentando (${reconnectAttempts}/${maxReconnectAttempts})...`));
+                setTimeout(connect, 2000);
+            }
+            else {
+                console.log(chalk.red("\n  ✗ No se pudo reconectar. Verifica que el servidor esté corriendo.\n"));
+                process.exit(1);
+            }
+        });
+        ws.on("error", (err) => {
+            if (err.code === "ECONNREFUSED") {
+                console.log(chalk.red(`\n  ✗ No se puede conectar a ${wsUrl}`));
+                console.log(chalk.gray("    Verifica que el servidor WebSocket esté corriendo (puerto 4000)\n"));
+            }
+            else {
+                console.log(chalk.red(`  Error: ${err.message}`));
+            }
+        });
+    };
+    connect();
+    // Handle graceful shutdown
+    process.on("SIGINT", () => {
+        console.log(chalk.gray("\n\n  Desconectando...\n"));
+        if (ws && ws.readyState === WebSocket.OPEN) {
+            ws.send(JSON.stringify({ type: "dev-logs-unsubscribe" }));
+        }
+        ws?.close();
+        process.exit(0);
+    });
+    // Keep process alive
+    await new Promise(() => { });
+}
+function formatAndPrintLog(msg) {
+    const colorFn = LOG_COLORS[msg.type] || chalk.white;
+    const prefix = getPrefix(msg.type);
+    const timestamp = new Date(msg.timestamp).toLocaleTimeString();
+    // Format args
+    const formatted = msg.args.map(arg => {
+        if (typeof arg === "object") {
+            try {
+                return JSON.stringify(arg, null, 2);
+            }
+            catch {
+                return String(arg);
+            }
+        }
+        return String(arg);
+    }).join(" ");
+    console.log(chalk.gray(`  ${timestamp}`) +
+        ` ${prefix} ` +
+        colorFn(formatted));
+}
+function getPrefix(type) {
+    switch (type) {
+        case "error": return chalk.red("✗");
+        case "warn": return chalk.yellow("⚠");
+        case "info": return chalk.blue("ℹ");
+        case "debug": return chalk.gray("🔍");
+        default: return chalk.white("›");
+    }
+}

package/dist/commands/push.d.ts

@@ -1,5 +1,5 @@
 /**
  * gufi push - Upload local changes to Gufi
  */
-export declare function pushCommand(viewDir?: string): Promise<void>;
-export declare function statusCommand(viewDir?: string): Promise<void>;
+export declare function pushCommand(viewDir?: string | object): Promise<void>;
+export declare function statusCommand(viewDir?: string | object): Promise<void>;

package/dist/commands/push.js

@@ -11,8 +11,8 @@ export async function pushCommand(viewDir) {
         process.exit(1);
     }
     console.log(chalk.magenta("\n  🟣 Gufi Push\n"));
-    // Determine view directory
-    const dir = viewDir || getCurrentView()?.localPath || process.cwd();
+    // Determine view directory (Commander passes Command object when no args)
+    const dir = (typeof viewDir === 'string' ? viewDir : null) || getCurrentView()?.localPath || process.cwd();
     // Check if it's a valid Gufi view directory
     const meta = loadViewMeta(dir);
     if (!meta) {
@@ -46,7 +46,8 @@ export async function pushCommand(viewDir) {
     }
 }
 export async function statusCommand(viewDir) {
-    const dir = viewDir || getCurrentView()?.localPath || process.cwd();
+    // Commander passes Command object when no args
+    const dir = (typeof viewDir === 'string' ? viewDir : null) || getCurrentView()?.localPath || process.cwd();
     const meta = loadViewMeta(dir);
     if (!meta) {
         console.log(chalk.red("\n  ✗ No es un directorio de vista Gufi válido.\n"));

package/dist/index.d.ts

@@ -3,12 +3,22 @@
  * Gufi Dev CLI - Main Entry Point
  *
  * Commands:
- *   gufi login          Login to Gufi
- *   gufi logout         Logout from Gufi
- *   gufi whoami         Show current user
- *   gufi pull [view]    Download view files
- *   gufi push           Upload local changes
- *   gufi watch          Auto-sync file changes
- *   gufi status         Show sync status
+ *   gufi login              Login to Gufi
+ *   gufi logout             Logout from Gufi
+ *   gufi whoami             Show current user
+ *   gufi pull [view]        Download view files
+ *   gufi push               Upload local changes
+ *   gufi watch              Auto-sync file changes
+ *   gufi status             Show sync status
+ *   gufi logs [dir]         Stream console logs from LivePreview
+ *
+ * SDK Commands:
+ *   gufi companies          List your companies
+ *   gufi modules <id>       List modules of a company
+ *   gufi module <id>        View/edit module JSON (--edit, --file)
+ *   gufi module:update      Update module from JSON file
+ *   gufi company:create     Create a new company
+ *   gufi automations        List automation scripts
+ *   gufi automation <name>  View/edit automation code (--edit, --file)
  */
 export {};

package/dist/index.js

@@ -3,13 +3,23 @@
  * Gufi Dev CLI - Main Entry Point
  *
  * Commands:
- *   gufi login          Login to Gufi
- *   gufi logout         Logout from Gufi
- *   gufi whoami         Show current user
- *   gufi pull [view]    Download view files
- *   gufi push           Upload local changes
- *   gufi watch          Auto-sync file changes
- *   gufi status         Show sync status
+ *   gufi login              Login to Gufi
+ *   gufi logout             Logout from Gufi
+ *   gufi whoami             Show current user
+ *   gufi pull [view]        Download view files
+ *   gufi push               Upload local changes
+ *   gufi watch              Auto-sync file changes
+ *   gufi status             Show sync status
+ *   gufi logs [dir]         Stream console logs from LivePreview
+ *
+ * SDK Commands:
+ *   gufi companies          List your companies
+ *   gufi modules <id>       List modules of a company
+ *   gufi module <id>        View/edit module JSON (--edit, --file)
+ *   gufi module:update      Update module from JSON file
+ *   gufi company:create     Create a new company
+ *   gufi automations        List automation scripts
+ *   gufi automation <name>  View/edit automation code (--edit, --file)
  */
 import { Command } from "commander";
 import { loginCommand, logoutCommand, whoamiCommand } from "./commands/login.js";
@@ -17,6 +27,8 @@ import { pullCommand } from "./commands/pull.js";
 import { pushCommand, statusCommand } from "./commands/push.js";
 import { watchCommand } from "./commands/watch.js";
 import { listCommand } from "./commands/list.js";
+import { logsCommand } from "./commands/logs.js";
+import { companiesCommand, modulesCommand, moduleCommand, moduleUpdateCommand, companyCreateCommand, automationsCommand, automationCommand, } from "./commands/companies.js";
 const program = new Command();
 program
     .name("gufi")
@@ -46,7 +58,7 @@ program
     .description("Upload local changes to Gufi")
     .action(pushCommand);
 program
-    .command("watch")
+    .command("watch [dir]")
     .description("Watch for file changes and auto-sync")
     .action(watchCommand);
 program
@@ -58,4 +70,48 @@ program
     .alias("ls")
     .description("List your packages and views")
     .action(listCommand);
+program
+    .command("logs [dir]")
+    .description("Stream console logs from LivePreview in real-time")
+    .action(logsCommand);
+// ════════════════════════════════════════════════════════════════════
+// SDK Commands - Companies, Modules, Automations
+// ════════════════════════════════════════════════════════════════════
+program
+    .command("companies")
+    .description("List your companies")
+    .action(companiesCommand);
+program
+    .command("modules <company_id>")
+    .description("List modules of a company")
+    .action(modulesCommand);
+program
+    .command("module <module_id>")
+    .description("View or edit a module JSON")
+    .option("-e, --edit", "Open in editor to edit")
+    .option("-c, --company <id>", "Company ID (if not default)")
+    .option("-f, --file <path>", "Save JSON to file")
+    .action(moduleCommand);
+program
+    .command("module:update <module_id> <json_file>")
+    .description("Update module from a JSON file")
+    .option("-c, --company <id>", "Company ID (if not default)")
+    .option("--dry-run", "Validate without saving")
+    .action(moduleUpdateCommand);
+program
+    .command("company:create <name>")
+    .description("Create a new company")
+    .action(companyCreateCommand);
+program
+    .command("automations")
+    .description("List all automation scripts")
+    .option("-c, --company <id>", "Company ID (if not default)")
+    .action(automationsCommand);
+program
+    .command("automation <name>")
+    .description("View or edit an automation by name")
+    .option("-e, --edit", "Open in editor to edit")
+    .option("-c, --company <id>", "Company ID (if not default)")
+    .option("-f, --file <path>", "Save code to file")
+    .action(automationCommand);
 program.parse();

package/dist/lib/api.d.ts

@@ -25,6 +25,7 @@ export interface Package {
 }
 export declare function login(email: string, password: string): Promise<{
     token: string;
+    refreshToken?: string;
 }>;
 export declare function listPackages(): Promise<Package[]>;
 export declare function listViews(packageId: number): Promise<View[]>;

package/dist/lib/api.js

@@ -2,7 +2,7 @@
  * Gufi Dev CLI - API Client
  * Communicates with Gufi Marketplace API
  */
-import { getToken, getApiUrl } from "./config.js";
+import { getToken, getApiUrl, getRefreshToken, setToken, loadConfig } from "./config.js";
 class ApiError extends Error {
     status;
     constructor(status, message) {
@@ -11,8 +11,34 @@ class ApiError extends Error {
         this.name = "ApiError";
     }
 }
-async function request(endpoint, options = {}) {
-    const token = getToken();
+// Auto-refresh the token if expired
+async function refreshAccessToken() {
+    const refreshToken = getRefreshToken();
+    if (!refreshToken)
+        return null;
+    try {
+        const url = `${getApiUrl()}/api/auth/refresh`;
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-Client": "cli",
+                "X-Refresh-Token": refreshToken,
+            },
+        });
+        if (!response.ok)
+            return null;
+        const data = await response.json();
+        const config = loadConfig();
+        setToken(data.accessToken, config.email || "", data.refreshToken);
+        return data.accessToken;
+    }
+    catch {
+        return null;
+    }
+}
+async function request(endpoint, options = {}, retryOnExpire = true) {
+    let token = getToken();
     if (!token) {
         throw new Error("No estás logueado. Ejecuta: gufi login");
     }
@@ -22,9 +48,17 @@ async function request(endpoint, options = {}) {
         headers: {
             "Content-Type": "application/json",
             Authorization: `Bearer ${token}`,
+            "X-Client": "cli",
             ...options.headers,
         },
     });
+    // Auto-refresh on 401/403 and retry once
+    if ((response.status === 401 || response.status === 403) && retryOnExpire) {
+        const newToken = await refreshAccessToken();
+        if (newToken) {
+            return request(endpoint, options, false); // Retry with new token
+        }
+    }
     if (!response.ok) {
         const text = await response.text();
         throw new ApiError(response.status, `API Error ${response.status}: ${text}`);
@@ -36,14 +70,17 @@ export async function login(email, password) {
     const url = `${getApiUrl()}/api/auth/login`;
     const response = await fetch(url, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+            "Content-Type": "application/json",
+            "X-Client": "cli", // 💜 Request refresh token in response
+        },
         body: JSON.stringify({ email, password }),
     });
     if (!response.ok) {
         throw new ApiError(response.status, "Credenciales inválidas");
     }
     const data = await response.json();
-    return { token: data.accessToken };
+    return { token: data.accessToken, refreshToken: data.refreshToken };
 }
 // ============ Packages ============
 export async function listPackages() {

package/dist/lib/config.d.ts

@@ -5,6 +5,7 @@
 export interface GufiConfig {
     apiUrl: string;
     token?: string;
+    refreshToken?: string;
     email?: string;
     currentView?: {
         id: number;
@@ -17,7 +18,9 @@ export declare function ensureConfigDir(): void;
 export declare function loadConfig(): GufiConfig;
 export declare function saveConfig(config: GufiConfig): void;
 export declare function getToken(): string | undefined;
-export declare function setToken(token: string, email: string): void;
+export declare function setToken(token: string, email: string, refreshToken?: string): void;
+export declare function getRefreshToken(): string | undefined;
+export declare function setRefreshToken(refreshToken: string): void;
 export declare function clearToken(): void;
 export declare function isLoggedIn(): boolean;
 export declare function setCurrentView(view: GufiConfig["currentView"]): void;

package/dist/lib/config.js

@@ -35,15 +35,27 @@ export function saveConfig(config) {
 export function getToken() {
     return loadConfig().token;
 }
-export function setToken(token, email) {
+export function setToken(token, email, refreshToken) {
     const config = loadConfig();
     config.token = token;
     config.email = email;
+    if (refreshToken) {
+        config.refreshToken = refreshToken;
+    }
+    saveConfig(config);
+}
+export function getRefreshToken() {
+    return loadConfig().refreshToken;
+}
+export function setRefreshToken(refreshToken) {
+    const config = loadConfig();
+    config.refreshToken = refreshToken;
     saveConfig(config);
 }
 export function clearToken() {
     const config = loadConfig();
     delete config.token;
+    delete config.refreshToken;
     delete config.email;
     saveConfig(config);
 }

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "gufi-cli",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "CLI for developing Gufi Marketplace views locally with Claude Code",
   "bin": {
     "gufi": "./bin/gufi.js"
   },
+  "files": [
+    "bin",
+    "dist",
+    "CLAUDE.md"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/juanbp23/gogufi"
@@ -17,11 +22,13 @@
     "start": "node bin/gufi.js"
   },
   "dependencies": {
+    "@types/ws": "^8.18.1",
     "chalk": "^5.3.0",
     "chokidar": "^3.5.3",
     "commander": "^12.0.0",
     "node-fetch": "^3.3.2",
-    "ora": "^8.0.1"
+    "ora": "^8.0.1",
+    "ws": "^8.18.3"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",
@@ -30,7 +37,12 @@
   "engines": {
     "node": ">=18"
   },
-  "keywords": ["gufi", "developer", "cli", "marketplace"],
+  "keywords": [
+    "gufi",
+    "developer",
+    "cli",
+    "marketplace"
+  ],
   "author": "Gufi",
   "license": "MIT"
 }

package/src/commands/list.ts

@@ -1,51 +0,0 @@
-/**
- * gufi list - List packages and views
- */
-
-import chalk from "chalk";
-import ora from "ora";
-import { listPackages, listViews } from "../lib/api.js";
-import { isLoggedIn } from "../lib/config.js";
-
-export async function listCommand(): Promise<void> {
-  if (!isLoggedIn()) {
-    console.log(chalk.red("\n  ✗ No estás logueado. Usa: gufi login\n"));
-    process.exit(1);
-  }
-
-  console.log(chalk.magenta("\n  🟣 Gufi List\n"));
-
-  const spinner = ora("Cargando packages...").start();
-
-  try {
-    const packages = await listPackages();
-    spinner.stop();
-
-    if (packages.length === 0) {
-      console.log(chalk.yellow("  No tienes packages. Crea uno en Developer Center.\n"));
-      return;
-    }
-
-    for (const pkg of packages) {
-      console.log(chalk.cyan(`\n  📦 ${pkg.name}`) + chalk.gray(` (ID: ${pkg.pk_id})`));
-      console.log(chalk.gray(`     ${pkg.description || "Sin descripción"}`));
-
-      const views = await listViews(pkg.pk_id);
-
-      if (views.length === 0) {
-        console.log(chalk.gray("     └─ Sin vistas"));
-      } else {
-        views.forEach((view, i) => {
-          const prefix = i === views.length - 1 ? "└─" : "├─";
-          console.log(chalk.white(`     ${prefix} ${view.name}`) + chalk.gray(` (${view.view_type}, ID: ${view.pk_id})`));
-        });
-      }
-    }
-
-    console.log(chalk.gray("\n  Usa: gufi pull <view-id> para descargar una vista\n"));
-
-  } catch (error: any) {
-    spinner.fail(chalk.red(error.message));
-    process.exit(1);
-  }
-}

package/src/commands/login.ts

@@ -1,124 +0,0 @@
-/**
- * gufi login - Authenticate with Gufi
- */
-
-import readline from "readline";
-import chalk from "chalk";
-import ora from "ora";
-import { login, validateToken } from "../lib/api.js";
-import { setToken, isLoggedIn, clearToken, loadConfig, setApiUrl } from "../lib/config.js";
-
-function prompt(question: string, hidden = false): Promise<string> {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-  });
-
-  return new Promise((resolve) => {
-    if (hidden) {
-      process.stdout.write(question);
-      let input = "";
-      process.stdin.setRawMode?.(true);
-      process.stdin.resume();
-      process.stdin.on("data", (char) => {
-        const c = char.toString();
-        if (c === "\n" || c === "\r") {
-          process.stdin.setRawMode?.(false);
-          process.stdout.write("\n");
-          rl.close();
-          resolve(input);
-        } else if (c === "\u0003") {
-          process.exit();
-        } else if (c === "\u007F") {
-          if (input.length > 0) {
-            input = input.slice(0, -1);
-            process.stdout.write("\b \b");
-          }
-        } else {
-          input += c;
-          process.stdout.write("*");
-        }
-      });
-    } else {
-      rl.question(question, (answer) => {
-        rl.close();
-        resolve(answer);
-      });
-    }
-  });
-}
-
-export async function loginCommand(options: { api?: string }): Promise<void> {
-  console.log(chalk.magenta("\n  🟣 Gufi Developer CLI\n"));
-
-  // Set custom API URL if provided
-  if (options.api) {
-    setApiUrl(options.api);
-    console.log(chalk.gray(`  API: ${options.api}\n`));
-  }
-
-  // Check if already logged in
-  if (isLoggedIn()) {
-    const config = loadConfig();
-    const spinner = ora("Verificando sesión...").start();
-    const valid = await validateToken();
-
-    if (valid) {
-      spinner.succeed(chalk.green(`Ya estás logueado como ${config.email}`));
-      const relogin = await prompt("\n¿Quieres iniciar sesión con otra cuenta? (s/N): ");
-      if (relogin.toLowerCase() !== "s") {
-        return;
-      }
-      clearToken();
-    } else {
-      spinner.warn("Sesión expirada");
-      clearToken();
-    }
-  }
-
-  // Get credentials
-  const email = await prompt("  Email: ");
-  const password = await prompt("  Password: ", true);
-
-  if (!email || !password) {
-    console.log(chalk.red("\n  ✗ Email y password son requeridos\n"));
-    process.exit(1);
-  }
-
-  const spinner = ora("Iniciando sesión...").start();
-
-  try {
-    const { token } = await login(email, password);
-    setToken(token, email);
-    spinner.succeed(chalk.green(`Sesión iniciada como ${email}`));
-    console.log(chalk.gray("\n  Ahora puedes usar: gufi pull <vista>\n"));
-  } catch (error: any) {
-    spinner.fail(chalk.red(error.message || "Error al iniciar sesión"));
-    process.exit(1);
-  }
-}
-
-export async function logoutCommand(): Promise<void> {
-  clearToken();
-  console.log(chalk.green("\n  ✓ Sesión cerrada\n"));
-}
-
-export async function whoamiCommand(): Promise<void> {
-  const config = loadConfig();
-
-  if (!isLoggedIn()) {
-    console.log(chalk.yellow("\n  No estás logueado. Usa: gufi login\n"));
-    return;
-  }
-
-  const spinner = ora("Verificando...").start();
-  const valid = await validateToken();
-
-  if (valid) {
-    spinner.succeed(chalk.green(`Logueado como ${config.email}`));
-    console.log(chalk.gray(`  API: ${config.apiUrl}\n`));
-  } else {
-    spinner.fail(chalk.red("Sesión expirada"));
-    console.log(chalk.gray("  Usa: gufi login\n"));
-  }
-}