nikcli-remote 1.0.1 → 1.0.2

package/dist/index.d.cts

@@ -284,83 +284,8 @@ declare class TerminalManager extends EventEmitter {
 }
 
 /**
- * @nikcli/remote - Tunnel Manager
- * Provides public URL access via various tunnel providers
- */
-
-declare class TunnelManager {
-    private provider;
-    private process;
-    private url;
-    private tunnelInstance;
-    constructor(provider: TunnelProvider);
-    /**
-     * Create tunnel and return public URL
-     */
-    create(port: number): Promise<string>;
-    /**
-     * Close tunnel
-     */
-    close(): Promise<void>;
-    /**
-     * Get tunnel URL
-     */
-    getUrl(): string | null;
-    /**
-     * Create localtunnel
-     */
-    private createLocaltunnel;
-    /**
-     * Create localtunnel via CLI
-     */
-    private createLocaltunnelCli;
-    /**
-     * Create cloudflared tunnel
-     */
-    private createCloudflared;
-    /**
-     * Create ngrok tunnel
-     */
-    private createNgrok;
-}
-/**
- * Check if a tunnel provider is available
- */
-declare function checkTunnelAvailability(provider: TunnelProvider): Promise<boolean>;
-/**
- * Find best available tunnel provider
- */
-declare function findAvailableTunnel(): Promise<TunnelProvider | null>;
-
-/**
- * @nikcli/remote - QR Code Generator
- * Terminal QR code rendering for session URLs
- */
-
-interface QROptions {
-    small?: boolean;
-    margin?: number;
-}
-/**
- * Generate QR code string for terminal display
- */
-declare function generateQR(url: string, options?: QROptions): Promise<string>;
-/**
- * Generate QR code as data URL (for web/image)
- */
-declare function generateQRDataURL(url: string): Promise<string | null>;
-/**
- * Render session info with QR code
- */
-declare function renderSessionCard(session: RemoteSession): Promise<string>;
-/**
- * Simple progress bar
- */
-declare function progressBar(current: number, total: number, width?: number): string;
-
-/**
- * @nikcli/remote - Mobile Web Client
- * Touch-friendly terminal interface for mobile devices
+ * @nikcli/remote - Ghostty-web Style Terminal Client
+ * Uses hterm for full terminal emulation
  */
 declare function getWebClient(): string;
 
@@ -369,4 +294,4 @@ declare function createRemoteServer(config?: Partial<ServerConfig>): Promise<{
     session: RemoteSession;
 }>;
 
-export { type BroadcastMessage, type ClientConnection, type ClientMessage, type CommandMessage, DEFAULT_CONFIG, type DeviceInfo, MessageTypes, type RemoteNotification, RemoteServer, type RemoteServerEvents, type RemoteSession, type ServerConfig, type ServerMessage, type SessionStatus, type TerminalConfig, type TerminalData, TerminalManager, type TerminalResize, TunnelManager, type TunnelProvider, checkTunnelAvailability, createRemoteServer, findAvailableTunnel, generateQR, generateQRDataURL, getWebClient, progressBar, renderSessionCard };
+export { type BroadcastMessage, type ClientMessage, type CommandMessage, DEFAULT_CONFIG, type DeviceInfo, MessageTypes, type RemoteNotification, RemoteServer, type RemoteServerEvents, type RemoteSession, type ServerConfig, type ServerMessage, type SessionStatus, type TerminalConfig, type TerminalData, TerminalManager, type TerminalResize, type TunnelProvider, createRemoteServer, getWebClient };

package/dist/index.d.ts

@@ -284,83 +284,8 @@ declare class TerminalManager extends EventEmitter {
 }
 
 /**
- * @nikcli/remote - Tunnel Manager
- * Provides public URL access via various tunnel providers
- */
-
-declare class TunnelManager {
-    private provider;
-    private process;
-    private url;
-    private tunnelInstance;
-    constructor(provider: TunnelProvider);
-    /**
-     * Create tunnel and return public URL
-     */
-    create(port: number): Promise<string>;
-    /**
-     * Close tunnel
-     */
-    close(): Promise<void>;
-    /**
-     * Get tunnel URL
-     */
-    getUrl(): string | null;
-    /**
-     * Create localtunnel
-     */
-    private createLocaltunnel;
-    /**
-     * Create localtunnel via CLI
-     */
-    private createLocaltunnelCli;
-    /**
-     * Create cloudflared tunnel
-     */
-    private createCloudflared;
-    /**
-     * Create ngrok tunnel
-     */
-    private createNgrok;
-}
-/**
- * Check if a tunnel provider is available
- */
-declare function checkTunnelAvailability(provider: TunnelProvider): Promise<boolean>;
-/**
- * Find best available tunnel provider
- */
-declare function findAvailableTunnel(): Promise<TunnelProvider | null>;
-
-/**
- * @nikcli/remote - QR Code Generator
- * Terminal QR code rendering for session URLs
- */
-
-interface QROptions {
-    small?: boolean;
-    margin?: number;
-}
-/**
- * Generate QR code string for terminal display
- */
-declare function generateQR(url: string, options?: QROptions): Promise<string>;
-/**
- * Generate QR code as data URL (for web/image)
- */
-declare function generateQRDataURL(url: string): Promise<string | null>;
-/**
- * Render session info with QR code
- */
-declare function renderSessionCard(session: RemoteSession): Promise<string>;
-/**
- * Simple progress bar
- */
-declare function progressBar(current: number, total: number, width?: number): string;
-
-/**
- * @nikcli/remote - Mobile Web Client
- * Touch-friendly terminal interface for mobile devices
+ * @nikcli/remote - Ghostty-web Style Terminal Client
+ * Uses hterm for full terminal emulation
  */
 declare function getWebClient(): string;
 
@@ -369,4 +294,4 @@ declare function createRemoteServer(config?: Partial<ServerConfig>): Promise<{
     session: RemoteSession;
 }>;
 
-export { type BroadcastMessage, type ClientConnection, type ClientMessage, type CommandMessage, DEFAULT_CONFIG, type DeviceInfo, MessageTypes, type RemoteNotification, RemoteServer, type RemoteServerEvents, type RemoteSession, type ServerConfig, type ServerMessage, type SessionStatus, type TerminalConfig, type TerminalData, TerminalManager, type TerminalResize, TunnelManager, type TunnelProvider, checkTunnelAvailability, createRemoteServer, findAvailableTunnel, generateQR, generateQRDataURL, getWebClient, progressBar, renderSessionCard };
+export { type BroadcastMessage, type ClientMessage, type CommandMessage, DEFAULT_CONFIG, type DeviceInfo, MessageTypes, type RemoteNotification, RemoteServer, type RemoteServerEvents, type RemoteSession, type ServerConfig, type ServerMessage, type SessionStatus, type TerminalConfig, type TerminalData, TerminalManager, type TerminalResize, type TunnelProvider, createRemoteServer, getWebClient };

package/dist/index.js

@@ -3,137 +3,13 @@ import {
   MessageTypes,
   RemoteServer,
   TerminalManager,
-  TunnelManager,
-  checkTunnelAvailability,
-  findAvailableTunnel,
   getWebClient
-} from "./chunk-QLGPGAPC.js";
-import {
-  __require
-} from "./chunk-MCKGQKYU.js";
-
-// src/qrcode.ts
-var QRCode = null;
-try {
-  QRCode = __require("qrcode");
-} catch {
-}
-async function generateQR(url, options = {}) {
-  if (!QRCode) {
-    return generateFallbackQR(url);
-  }
-  try {
-    const qrString = await QRCode.toString(url, {
-      type: "terminal",
-      small: options.small ?? true,
-      margin: options.margin ?? 1
-    });
-    return qrString;
-  } catch {
-    return generateFallbackQR(url);
-  }
-}
-async function generateQRDataURL(url) {
-  if (!QRCode) return null;
-  try {
-    return await QRCode.toDataURL(url, {
-      margin: 2,
-      width: 256,
-      color: {
-        dark: "#000000",
-        light: "#ffffff"
-      }
-    });
-  } catch {
-    return null;
-  }
-}
-function generateFallbackQR(url) {
-  return `
-\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510
-\u2502                                     \u2502
-\u2502   QR Code generation unavailable    \u2502
-\u2502                                     \u2502
-\u2502   Install 'qrcode' package or       \u2502
-\u2502   visit the URL directly:           \u2502
-\u2502                                     \u2502
-\u2502   ${url.substring(0, 35)}${url.length > 35 ? "..." : ""}
-\u2502                                     \u2502
-\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518
-`;
-}
-async function renderSessionCard(session) {
-  const qr = await generateQR(session.qrUrl);
-  const statusIcon = getStatusIcon(session.status);
-  const statusColor = getStatusColor(session.status);
-  const lines = [
-    "",
-    "\u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E",
-    "\u2502           NikCLI Remote Session             \u2502",
-    "\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F",
-    ""
-  ];
-  const qrLines = qr.split("\n").filter((l) => l.trim());
-  for (const line of qrLines) {
-    lines.push("  " + line);
-  }
-  lines.push("");
-  lines.push("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
-  lines.push("");
-  lines.push(`  Session:  ${session.id}`);
-  lines.push(`  Status:   ${statusColor}${statusIcon} ${session.status}\x1B[0m`);
-  lines.push(`  Devices:  ${session.connectedDevices.length} connected`);
-  lines.push("");
-  if (session.tunnelUrl) {
-    lines.push(`  \x1B[36mPublic URL:\x1B[0m`);
-    lines.push(`  ${session.tunnelUrl}`);
-  } else {
-    lines.push(`  \x1B[36mLocal URL:\x1B[0m`);
-    lines.push(`  ${session.localUrl}`);
-  }
-  lines.push("");
-  lines.push(`  \x1B[90mScan QR code or open URL on your phone\x1B[0m`);
-  lines.push("");
-  lines.push("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
-  lines.push("  [q] Stop  [r] Refresh  [c] Copy URL");
-  lines.push("");
-  return lines.join("\n");
-}
-function getStatusIcon(status) {
-  const icons = {
-    starting: "\u25EF",
-    waiting: "\u25C9",
-    connected: "\u25CF",
-    stopped: "\u25CB",
-    error: "\u2716"
-  };
-  return icons[status] || "?";
-}
-function getStatusColor(status) {
-  const colors = {
-    starting: "\x1B[33m",
-    // Yellow
-    waiting: "\x1B[33m",
-    // Yellow
-    connected: "\x1B[32m",
-    // Green
-    stopped: "\x1B[90m",
-    // Gray
-    error: "\x1B[31m"
-    // Red
-  };
-  return colors[status] || "";
-}
-function progressBar(current, total, width = 30) {
-  const percent = Math.round(current / total * 100);
-  const filled = Math.round(current / total * width);
-  const empty = width - filled;
-  return `[${"\u2588".repeat(filled)}${"\u2591".repeat(empty)}] ${percent}%`;
-}
+} from "./chunk-DRL7JX54.js";
+import "./chunk-MCKGQKYU.js";
 
 // src/index.ts
 async function createRemoteServer(config = {}) {
-  const { RemoteServer: RemoteServer2 } = await import("./server-ISK4MDQQ.js");
+  const { RemoteServer: RemoteServer2 } = await import("./server-J7SPDGZO.js");
   const server = new RemoteServer2(config);
   const session = await server.start();
   return { server, session };
@@ -143,13 +19,6 @@ export {
   MessageTypes,
   RemoteServer,
   TerminalManager,
-  TunnelManager,
-  checkTunnelAvailability,
   createRemoteServer,
-  findAvailableTunnel,
-  generateQR,
-  generateQRDataURL,
-  getWebClient,
-  progressBar,
-  renderSessionCard
+  getWebClient
 };

package/dist/{server-ISK4MDQQ.js → server-J7SPDGZO.js}

@@ -1,6 +1,6 @@
 import {
   RemoteServer
-} from "./chunk-QLGPGAPC.js";
+} from "./chunk-DRL7JX54.js";
 import "./chunk-MCKGQKYU.js";
 export {
   RemoteServer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nikcli-remote",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Native remote terminal server for NikCLI - Mobile control via WebSocket",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -3,78 +3,21 @@
  * Native remote terminal server for NikCLI
  *
  * Provides WebSocket-based remote access to NikCLI from mobile devices.
- * Features:
- * - PTY-based terminal with full color support
- * - Mobile-friendly web client
- * - Tunnel support for public access (localtunnel/cloudflared/ngrok)
- * - QR code generation for easy mobile connection
- * - Real-time notifications and events
- *
- * @example
- * ```typescript
- * import { RemoteServer } from '@nikcli/remote'
- *
- * const server = new RemoteServer({
- *   enableTunnel: true,
- *   tunnelProvider: 'localtunnel'
- * })
- *
- * const session = await server.start({ name: 'my-session' })
- * console.log('Connect at:', session.qrUrl)
- *
- * // Send notifications
- * server.notify({
- *   type: 'success',
- *   title: 'Task Complete',
- *   body: 'Build finished successfully'
- * })
- *
- * // Stop when done
- * await server.stop()
- * ```
  */
 
-// Main server
 export { RemoteServer, type RemoteServerEvents } from './server'
-
-// Terminal management
 export { TerminalManager, type TerminalConfig } from './terminal'
-
-// Tunnel management
-export { TunnelManager, checkTunnelAvailability, findAvailableTunnel } from './tunnel'
-
-// QR code generation
-export { generateQR, generateQRDataURL, renderSessionCard, progressBar } from './qrcode'
-
-// Web client
 export { getWebClient } from './web-client'
-
-// Types
 export type {
-  SessionStatus,
-  TunnelProvider,
-  DeviceInfo,
-  RemoteSession,
-  ServerConfig,
-  BroadcastMessage,
-  RemoteNotification,
-  ClientMessage,
-  ServerMessage,
-  TerminalData,
-  TerminalResize,
-  CommandMessage,
-  ClientConnection,
+  SessionStatus, TunnelProvider, DeviceInfo, RemoteSession,
+  ServerConfig, BroadcastMessage, RemoteNotification, ClientMessage,
+  ServerMessage, TerminalData, TerminalResize, CommandMessage,
 } from './types'
-
 export { DEFAULT_CONFIG, MessageTypes } from './types'
 
-// Convenience function to create and start server
 export async function createRemoteServer(
   config: Partial<import('./types').ServerConfig> = {}
-): Promise<{
-  server: import('./server').RemoteServer
-  session: import('./types').RemoteSession
-}> {
+) {
   const { RemoteServer } = await import('./server')
   const server = new RemoteServer(config)
   const session = await server.start()

package/src/server.ts

@@ -127,7 +127,10 @@ export class RemoteServer extends EventEmitter {
       })
 
       this.terminal.on('data', (data: string) => {
+        // Broadcast to all connected clients
         this.broadcast({ type: MessageTypes.TERMINAL_OUTPUT, payload: { data } })
+        // Also emit for NikCLI to capture
+        this.emit('terminal:output', data)
       })
 
       this.terminal.on('exit', (code: number) => {
@@ -403,10 +406,6 @@ export class RemoteServer extends EventEmitter {
    * Handle authentication
    */
   private handleAuth(client: ClientConnection & { ws: WebSocket }, token: string): void {
-    console.log(`[Tunnel] Auth attempt from ${client.id}, token length: ${token?.length || 0}`)
-    console.log(`[Tunnel] Expected secret: ${this.sessionSecret?.substring(0, 8)}...`)
-    console.log(`[Tunnel] Received token: ${token?.substring(0, 8)}...`)
-
     if (token === this.sessionSecret) {
       client.authenticated = true
 
@@ -432,9 +431,7 @@ export class RemoteServer extends EventEmitter {
       }
 
       this.emit('client:connected', client.device)
-      console.log(`[Tunnel] Auth success for ${client.id}`)
     } else {
-      console.log(`[Tunnel] Auth failed for ${client.id}`)
       client.ws.send(JSON.stringify({ type: MessageTypes.AUTH_FAILED, timestamp: Date.now() }))
       setTimeout(() => client.ws.close(1008, 'Authentication failed'), 100)
     }

package/src/tunnel.ts

@@ -81,7 +81,8 @@ export class TunnelManager {
    */
   private createLocaltunnelCli(port: number): Promise<string> {
     return new Promise((resolve, reject) => {
-      this.process = spawn('npx', ['localtunnel', '--port', port.toString()], {
+      // Suppress output - redirect to /dev/null so it doesn't clutter NikCLI display
+      this.process = spawn('npx', ['localtunnel', '--port', port.toString(), '--print-requests', 'false'], {
         stdio: ['pipe', 'pipe', 'pipe'],
         shell: true,
       })
@@ -101,8 +102,9 @@ export class TunnelManager {
         }
       })
 
-      this.process.stderr?.on('data', (data: Buffer) => {
-        output += data.toString()
+      // Suppress stderr output
+      this.process.stderr?.on('data', () => {
+        // Ignore stderr - localtunnel debug output
       })
 
       this.process.on('error', (error) => {
@@ -124,9 +126,10 @@ export class TunnelManager {
    */
   private createCloudflared(port: number): Promise<string> {
     return new Promise((resolve, reject) => {
+      // Suppress verbose logging with --metrics flag
       this.process = spawn(
         'cloudflared',
-        ['tunnel', '--url', `http://localhost:${port}`],
+        ['tunnel', '--url', `http://localhost:${port}`, '--metrics', 'localhost:0'],
         {
           stdio: ['pipe', 'pipe', 'pipe'],
         }
@@ -170,7 +173,8 @@ export class TunnelManager {
    */
   private createNgrok(port: number): Promise<string> {
     return new Promise((resolve, reject) => {
-      this.process = spawn('ngrok', ['http', port.toString(), '--log=stdout'], {
+      // Use log level to suppress verbose output
+      this.process = spawn('ngrok', ['http', port.toString(), '--log=stdout', '--log-level=info'], {
         stdio: ['pipe', 'pipe', 'pipe'],
       })
 
@@ -190,8 +194,8 @@ export class TunnelManager {
         }
       })
 
-      this.process.stderr?.on('data', (data: Buffer) => {
-        output += data.toString()
+      this.process.stderr?.on('data', () => {
+        // Suppress ngrok debug output
       })
 
       this.process.on('error', (error) => {