@symerian/symi 3.5.0 → 3.5.2

package/dist/control-ui/js/gateway.js.pre-stop

@@ -0,0 +1,110 @@
+// ── Symi UI Browser Gateway Client ───────────────────────────────────
+// Connects to ws://127.0.0.1:3333/ws (the Node.js app layer server).
+// The server handles all Symi gateway auth and protocol internally.
+// This is the clean architecture for eventual app integration.
+
+const SESSION_KEY = 'agent:main:main';
+
+function extractText(message) {
+  if (!message) return '';
+  if (typeof message === 'string') return message;
+  if (Array.isArray(message)) {
+    return message.filter(b => b?.type === 'text').map(b => b.text ?? '').join('');
+  }
+  if (message?.content) return extractText(message.content);
+  return '';
+}
+
+class SymiGateway extends EventTarget {
+  constructor() {
+    super();
+    this.ws        = null;
+    this.connected = false;
+    this.backoff   = 800;
+    this._closed   = false;
+  }
+
+  start() {
+    this._closed = false;
+    this._connect();
+  }
+
+  stop() {
+    this._closed = true;
+    this.ws?.close();
+    this.connected = false;
+  }
+
+  _connect() {
+    if (this._closed) return;
+    const wsUrl = `ws://${location.host}/ws`;
+    this.ws = new WebSocket(wsUrl);
+
+    this.ws.onopen = () => {
+      this.backoff = 800;
+      console.log('[gateway] browser WS connected to server');
+    };
+
+    this.ws.onmessage = (e) => {
+      let msg;
+      try { msg = JSON.parse(e.data); } catch { return; }
+      this._handleMessage(msg);
+    };
+
+    this.ws.onclose = () => {
+      this.ws        = null;
+      this.connected = false;
+      this.dispatchEvent(new CustomEvent('disconnect'));
+      this._scheduleReconnect();
+    };
+
+    this.ws.onerror = () => {};
+  }
+
+  _scheduleReconnect() {
+    if (this._closed) return;
+    const delay  = this.backoff;
+    this.backoff = Math.min(this.backoff * 1.7, 15000);
+    setTimeout(() => this._connect(), delay);
+  }
+
+  _handleMessage(msg) {
+    switch (msg.type) {
+      case 'status':
+        const wasConnected = this.connected;
+        this.connected = msg.connected;
+        if (msg.connected && !wasConnected) {
+          this.dispatchEvent(new CustomEvent('connect', { detail: msg }));
+        } else if (!msg.connected && wasConnected) {
+          this.dispatchEvent(new CustomEvent('disconnect'));
+        }
+        break;
+
+      case 'history':
+        this.dispatchEvent(new CustomEvent('history', { detail: { messages: msg.messages } }));
+        break;
+
+      case 'chat':
+        this.dispatchEvent(new CustomEvent('event', {
+          detail: { event: 'chat', payload: msg.payload }
+        }));
+        break;
+
+      case 'error':
+        this.dispatchEvent(new CustomEvent('error', { detail: msg }));
+        break;
+    }
+  }
+
+  send(message) {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
+      return Promise.reject(new Error('not connected to server'));
+    }
+    this.ws.send(JSON.stringify({ type: 'chat.send', message }));
+    return Promise.resolve();
+  }
+}
+
+window.SymiGateway = SymiGateway;
+window.SESSION_KEY = SESSION_KEY;
+window.extractText = extractText;