ugly-app 0.1.203 → 0.1.204

package/dist/cli/version.d.ts

@@ -1,2 +1,2 @@
-export declare const CLI_VERSION = "0.1.203";
+export declare const CLI_VERSION = "0.1.204";
 //# sourceMappingURL=version.d.ts.map

package/dist/cli/version.js

@@ -1,3 +1,3 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.203";
+export const CLI_VERSION = "0.1.204";
 //# sourceMappingURL=version.js.map

package/dist/vite/index.d.ts

@@ -1,2 +1,3 @@
 export { dataSourcePlugin } from './dataSourcePlugin.js';
+export { tunnelPlugin } from './tunnelPlugin.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/vite/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/vite/index.js

@@ -1,2 +1,3 @@
 export { dataSourcePlugin } from './dataSourcePlugin.js';
+export { tunnelPlugin } from './tunnelPlugin.js';
 //# sourceMappingURL=index.js.map

package/dist/vite/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/vite/tunnelPlugin.d.ts

@@ -0,0 +1,14 @@
+import type { Plugin } from 'vite';
+interface TunnelPluginOptions {
+    /** The ugly.bot server URL. Defaults to 'wss://ugly.bot'. */
+    serverUrl?: string;
+    /** Project ID. If omitted, read from package.json name field. */
+    projectId?: string;
+}
+/**
+ * Vite plugin that auto-connects a dev tunnel to ugly.bot on startup.
+ * Relays visitor HTTP requests and WebSocket connections to the local dev server.
+ */
+export declare function tunnelPlugin(options?: TunnelPluginOptions): Plugin;
+export {};
+//# sourceMappingURL=tunnelPlugin.d.ts.map

package/dist/vite/tunnelPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tunnelPlugin.d.ts","sourceRoot":"","sources":["../../src/vite/tunnelPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAC;AAMlD,UAAU,mBAAmB;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,MAAM,CA2QtE"}

package/dist/vite/tunnelPlugin.js

@@ -0,0 +1,221 @@
+import { readFileSync } from 'fs';
+import { homedir } from 'os';
+import { join } from 'path';
+import WebSocket from 'ws';
+/**
+ * Vite plugin that auto-connects a dev tunnel to ugly.bot on startup.
+ * Relays visitor HTTP requests and WebSocket connections to the local dev server.
+ */
+export function tunnelPlugin(options = {}) {
+    let server;
+    let ws = null;
+    let reconnectTimer = null;
+    let reconnectDelay = 1000;
+    let registered = false;
+    let subdomain = '';
+    function getAuthToken() {
+        try {
+            const authPath = join(homedir(), '.ugly-app', 'auth.json');
+            const auth = JSON.parse(readFileSync(authPath, 'utf-8'));
+            return auth.token ?? null;
+        }
+        catch {
+            return null;
+        }
+    }
+    function getProjectId() {
+        if (options.projectId)
+            return options.projectId;
+        try {
+            const pkgPath = join(process.cwd(), 'package.json');
+            const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+            return (pkg.name ?? 'unknown')
+                .toLowerCase()
+                .replace(/[^a-z0-9-]/g, '')
+                .slice(0, 30);
+        }
+        catch {
+            return 'unknown';
+        }
+    }
+    function connect() {
+        const token = getAuthToken();
+        if (!token) {
+            server.config.logger.warn('\x1b[33m  ➜  Tunnel:  not connected (run `npx ugly-app login` first)\x1b[0m');
+            return;
+        }
+        const serverUrl = options.serverUrl ?? 'wss://ugly.bot';
+        try {
+            ws = new WebSocket(`${serverUrl}/proxy-tunnel`, {
+                headers: { Authorization: `Bearer ${token}` },
+            });
+        }
+        catch {
+            scheduleReconnect();
+            return;
+        }
+        ws.on('open', () => {
+            reconnectDelay = 1000; // Reset backoff on successful connection
+            ws.send(JSON.stringify({ type: 'register', projectId: getProjectId() }));
+        });
+        ws.on('message', (rawData) => {
+            try {
+                const msg = JSON.parse(rawData.toString());
+                if (msg.type === 'registered') {
+                    registered = true;
+                    subdomain = msg.subdomain;
+                    server.config.logger.info(`\x1b[36m  ➜  Tunnel:  https://${subdomain}.ugly.bot\x1b[0m`);
+                    return;
+                }
+                if (msg.type === 'http-request') {
+                    handleHttpRequest(msg);
+                    return;
+                }
+                if (msg.type === 'ws-open') {
+                    handleWsOpen(msg);
+                    return;
+                }
+                if (msg.type === 'ws-frame') {
+                    handleWsFrame(msg);
+                    return;
+                }
+                if (msg.type === 'ws-close') {
+                    handleWsClose(msg);
+                    return;
+                }
+            }
+            catch {
+                // Ignore malformed messages
+            }
+        });
+        ws.on('close', (code) => {
+            registered = false;
+            if (code === 4001) {
+                server.config.logger.warn('\x1b[33m  ➜  Tunnel:  replaced by another session\x1b[0m');
+            }
+            scheduleReconnect();
+        });
+        ws.on('error', () => {
+            // error event is always followed by close, reconnect handled there
+        });
+    }
+    function scheduleReconnect() {
+        if (reconnectTimer)
+            return;
+        reconnectTimer = setTimeout(() => {
+            reconnectTimer = null;
+            reconnectDelay = Math.min(reconnectDelay * 2, 30_000);
+            connect();
+        }, reconnectDelay);
+    }
+    // --- Local WebSocket connections for WS relay ---
+    const localWsSockets = new Map();
+    function handleHttpRequest(msg) {
+        const port = server.config.server.port ?? 5173;
+        const url = `http://localhost:${port}${msg.url}`;
+        const headers = { ...msg.headers };
+        // Remove host header — let fetch set it for localhost
+        delete headers['host'];
+        const fetchOptions = {
+            method: msg.method,
+            headers,
+            body: msg.body ? Buffer.from(msg.body, 'base64') : undefined,
+        };
+        fetch(url, fetchOptions)
+            .then(async (res) => {
+            const responseHeaders = {};
+            res.headers.forEach((value, key) => {
+                responseHeaders[key] = value;
+            });
+            const bodyBuffer = await res.arrayBuffer();
+            const body = bodyBuffer.byteLength > 0
+                ? Buffer.from(bodyBuffer).toString('base64')
+                : undefined;
+            ws?.send(JSON.stringify({
+                type: 'http-response',
+                id: msg.id,
+                status: res.status,
+                headers: responseHeaders,
+                body,
+            }));
+        })
+            .catch(() => {
+            ws?.send(JSON.stringify({
+                type: 'http-response',
+                id: msg.id,
+                status: 502,
+                headers: {},
+                body: Buffer.from('Local server error').toString('base64'),
+            }));
+        });
+    }
+    function handleWsOpen(msg) {
+        const port = server.config.server.port ?? 5173;
+        const url = `ws://localhost:${port}${msg.url}`;
+        const localWs = new WebSocket(url);
+        localWs.on('open', () => {
+            localWsSockets.set(msg.id, localWs);
+            ws?.send(JSON.stringify({ type: 'ws-open-ok', id: msg.id }));
+        });
+        localWs.on('error', () => {
+            ws?.send(JSON.stringify({ type: 'ws-open-error', id: msg.id, status: 502 }));
+        });
+        localWs.on('message', (data, isBinary) => {
+            const encoded = isBinary
+                ? data.toString('base64')
+                : data.toString();
+            ws?.send(JSON.stringify({
+                type: 'ws-frame',
+                id: msg.id,
+                data: encoded,
+                binary: isBinary,
+            }));
+        });
+        localWs.on('close', (code) => {
+            localWsSockets.delete(msg.id);
+            ws?.send(JSON.stringify({ type: 'ws-close', id: msg.id, code }));
+        });
+    }
+    function handleWsFrame(msg) {
+        const localWs = localWsSockets.get(msg.id);
+        if (!localWs || localWs.readyState !== WebSocket.OPEN)
+            return;
+        if (msg.binary) {
+            localWs.send(Buffer.from(msg.data, 'base64'));
+        }
+        else {
+            localWs.send(msg.data);
+        }
+    }
+    function handleWsClose(msg) {
+        const localWs = localWsSockets.get(msg.id);
+        if (localWs) {
+            localWsSockets.delete(msg.id);
+            localWs.close(msg.code ?? 1000);
+        }
+    }
+    return {
+        name: 'ugly-app-tunnel',
+        apply: 'serve', // Only runs in dev mode
+        configureServer(devServer) {
+            server = devServer;
+            // Connect after server is listening
+            devServer.httpServer?.once('listening', () => {
+                connect();
+            });
+        },
+        buildEnd() {
+            if (ws && ws.readyState <= 1) {
+                ws.close(1000, 'Dev server stopped');
+            }
+            if (reconnectTimer) {
+                clearTimeout(reconnectTimer);
+            }
+            for (const localWs of localWsSockets.values()) {
+                localWs.close(1000);
+            }
+            localWsSockets.clear();
+        },
+    };
+}
+//# sourceMappingURL=tunnelPlugin.js.map

package/dist/vite/tunnelPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tunnelPlugin.js","sourceRoot":"","sources":["../../src/vite/tunnelPlugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugly-app",
-  "version": "0.1.203",
+  "version": "0.1.204",
   "type": "module",
   "main": "./dist/server/index.js",
   "exports": {

package/src/cli/version.ts

@@ -1,2 +1,2 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.203";
+export const CLI_VERSION = "0.1.204";

package/src/vite/index.ts

@@ -1 +1,2 @@
 export { dataSourcePlugin } from './dataSourcePlugin.js';
+export { tunnelPlugin } from './tunnelPlugin.js';

package/src/vite/tunnelPlugin.ts

@@ -0,0 +1,285 @@
+import type { Plugin, ViteDevServer } from 'vite';
+import { readFileSync } from 'fs';
+import { homedir } from 'os';
+import { join } from 'path';
+import WebSocket from 'ws';
+
+interface TunnelPluginOptions {
+  /** The ugly.bot server URL. Defaults to 'wss://ugly.bot'. */
+  serverUrl?: string;
+  /** Project ID. If omitted, read from package.json name field. */
+  projectId?: string;
+}
+
+/**
+ * Vite plugin that auto-connects a dev tunnel to ugly.bot on startup.
+ * Relays visitor HTTP requests and WebSocket connections to the local dev server.
+ */
+export function tunnelPlugin(options: TunnelPluginOptions = {}): Plugin {
+  let server: ViteDevServer;
+  let ws: WebSocket | null = null;
+  let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+  let reconnectDelay = 1000;
+  let registered = false;
+  let subdomain = '';
+
+  function getAuthToken(): string | null {
+    try {
+      const authPath = join(homedir(), '.ugly-app', 'auth.json');
+      const auth = JSON.parse(readFileSync(authPath, 'utf-8'));
+      return auth.token ?? null;
+    } catch {
+      return null;
+    }
+  }
+
+  function getProjectId(): string {
+    if (options.projectId) return options.projectId;
+    try {
+      const pkgPath = join(process.cwd(), 'package.json');
+      const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+      return (pkg.name ?? 'unknown')
+        .toLowerCase()
+        .replace(/[^a-z0-9-]/g, '')
+        .slice(0, 30);
+    } catch {
+      return 'unknown';
+    }
+  }
+
+  function connect(): void {
+    const token = getAuthToken();
+    if (!token) {
+      server.config.logger.warn(
+        '\x1b[33m  ➜  Tunnel:  not connected (run `npx ugly-app login` first)\x1b[0m',
+      );
+      return;
+    }
+
+    const serverUrl = options.serverUrl ?? 'wss://ugly.bot';
+
+    try {
+      ws = new WebSocket(`${serverUrl}/proxy-tunnel`, {
+        headers: { Authorization: `Bearer ${token}` },
+      });
+    } catch {
+      scheduleReconnect();
+      return;
+    }
+
+    ws.on('open', () => {
+      reconnectDelay = 1000; // Reset backoff on successful connection
+      ws!.send(JSON.stringify({ type: 'register', projectId: getProjectId() }));
+    });
+
+    ws.on('message', (rawData) => {
+      try {
+        const msg = JSON.parse(rawData.toString());
+
+        if (msg.type === 'registered') {
+          registered = true;
+          subdomain = msg.subdomain;
+          server.config.logger.info(
+            `\x1b[36m  ➜  Tunnel:  https://${subdomain}.ugly.bot\x1b[0m`,
+          );
+          return;
+        }
+
+        if (msg.type === 'http-request') {
+          handleHttpRequest(msg);
+          return;
+        }
+
+        if (msg.type === 'ws-open') {
+          handleWsOpen(msg);
+          return;
+        }
+
+        if (msg.type === 'ws-frame') {
+          handleWsFrame(msg);
+          return;
+        }
+
+        if (msg.type === 'ws-close') {
+          handleWsClose(msg);
+          return;
+        }
+      } catch {
+        // Ignore malformed messages
+      }
+    });
+
+    ws.on('close', (code) => {
+      registered = false;
+      if (code === 4001) {
+        server.config.logger.warn(
+          '\x1b[33m  ➜  Tunnel:  replaced by another session\x1b[0m',
+        );
+      }
+      scheduleReconnect();
+    });
+
+    ws.on('error', () => {
+      // error event is always followed by close, reconnect handled there
+    });
+  }
+
+  function scheduleReconnect(): void {
+    if (reconnectTimer) return;
+    reconnectTimer = setTimeout(() => {
+      reconnectTimer = null;
+      reconnectDelay = Math.min(reconnectDelay * 2, 30_000);
+      connect();
+    }, reconnectDelay);
+  }
+
+  // --- Local WebSocket connections for WS relay ---
+  const localWsSockets = new Map<string, WebSocket>();
+
+  function handleHttpRequest(msg: {
+    id: string;
+    method: string;
+    url: string;
+    headers: Record<string, string>;
+    body?: string;
+  }): void {
+    const port = server.config.server.port ?? 5173;
+    const url = `http://localhost:${port}${msg.url}`;
+
+    const headers = { ...msg.headers };
+    // Remove host header — let fetch set it for localhost
+    delete headers['host'];
+
+    const fetchOptions: RequestInit = {
+      method: msg.method,
+      headers,
+      body: msg.body ? Buffer.from(msg.body, 'base64') : undefined,
+    };
+
+    fetch(url, fetchOptions)
+      .then(async (res) => {
+        const responseHeaders: Record<string, string> = {};
+        res.headers.forEach((value, key) => {
+          responseHeaders[key] = value;
+        });
+
+        const bodyBuffer = await res.arrayBuffer();
+        const body =
+          bodyBuffer.byteLength > 0
+            ? Buffer.from(bodyBuffer).toString('base64')
+            : undefined;
+
+        ws?.send(
+          JSON.stringify({
+            type: 'http-response',
+            id: msg.id,
+            status: res.status,
+            headers: responseHeaders,
+            body,
+          }),
+        );
+      })
+      .catch(() => {
+        ws?.send(
+          JSON.stringify({
+            type: 'http-response',
+            id: msg.id,
+            status: 502,
+            headers: {},
+            body: Buffer.from('Local server error').toString('base64'),
+          }),
+        );
+      });
+  }
+
+  function handleWsOpen(msg: {
+    id: string;
+    url: string;
+    headers: Record<string, string>;
+  }): void {
+    const port = server.config.server.port ?? 5173;
+    const url = `ws://localhost:${port}${msg.url}`;
+
+    const localWs = new WebSocket(url);
+
+    localWs.on('open', () => {
+      localWsSockets.set(msg.id, localWs);
+      ws?.send(JSON.stringify({ type: 'ws-open-ok', id: msg.id }));
+    });
+
+    localWs.on('error', () => {
+      ws?.send(
+        JSON.stringify({ type: 'ws-open-error', id: msg.id, status: 502 }),
+      );
+    });
+
+    localWs.on('message', (data, isBinary) => {
+      const encoded = isBinary
+        ? (data as Buffer).toString('base64')
+        : data.toString();
+      ws?.send(
+        JSON.stringify({
+          type: 'ws-frame',
+          id: msg.id,
+          data: encoded,
+          binary: isBinary,
+        }),
+      );
+    });
+
+    localWs.on('close', (code) => {
+      localWsSockets.delete(msg.id);
+      ws?.send(JSON.stringify({ type: 'ws-close', id: msg.id, code }));
+    });
+  }
+
+  function handleWsFrame(msg: {
+    id: string;
+    data: string;
+    binary: boolean;
+  }): void {
+    const localWs = localWsSockets.get(msg.id);
+    if (!localWs || localWs.readyState !== WebSocket.OPEN) return;
+
+    if (msg.binary) {
+      localWs.send(Buffer.from(msg.data, 'base64'));
+    } else {
+      localWs.send(msg.data);
+    }
+  }
+
+  function handleWsClose(msg: { id: string; code?: number }): void {
+    const localWs = localWsSockets.get(msg.id);
+    if (localWs) {
+      localWsSockets.delete(msg.id);
+      localWs.close(msg.code ?? 1000);
+    }
+  }
+
+  return {
+    name: 'ugly-app-tunnel',
+    apply: 'serve', // Only runs in dev mode
+
+    configureServer(devServer) {
+      server = devServer;
+
+      // Connect after server is listening
+      devServer.httpServer?.once('listening', () => {
+        connect();
+      });
+    },
+
+    buildEnd() {
+      if (ws && ws.readyState <= 1) {
+        ws.close(1000, 'Dev server stopped');
+      }
+      if (reconnectTimer) {
+        clearTimeout(reconnectTimer);
+      }
+      for (const localWs of localWsSockets.values()) {
+        localWs.close(1000);
+      }
+      localWsSockets.clear();
+    },
+  };
+}