@enfyra/sdk-nuxt 0.3.30 → 0.4.2

package/dist/module.cjs

@@ -67,6 +67,10 @@ enfyraSDK: {
       {
         name: "useEnfyraAuth",
         from: resolve("./runtime/composables/useEnfyraAuth")
+      },
+      {
+        name: "useEnfyraWebSocket",
+        from: resolve("./runtime/composables/useEnfyraWebSocket")
       }
     ]);
     kit.addTypeTemplate({
@@ -81,6 +85,15 @@ declare module '#imports' {
   export function useEnfyra(): UseEnfyraReturn
 
   export function useEnfyraAuth(): import('@enfyra/sdk-nuxt/types').UseEnfyraAuthReturn
+
+  export function useEnfyraWebSocket(options: { path: string; reconnect?: boolean; reconnectInterval?: number; maxReconnectAttempts?: number }): {
+    connect: () => WebSocket
+    send: (event: string, data?: any) => void
+    close: () => void
+    getWebSocket: () => WebSocket | null
+    on: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void
+    off: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void
+  }
 }
 `
     });

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;AAED,wBA6HG"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;AAED,wBA0IG"}

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.3.30",
+  "version": "0.4.2",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -64,6 +64,10 @@ enfyraSDK: {
       {
         name: "useEnfyraAuth",
         from: resolve("./runtime/composables/useEnfyraAuth")
+      },
+      {
+        name: "useEnfyraWebSocket",
+        from: resolve("./runtime/composables/useEnfyraWebSocket")
       }
     ]);
     addTypeTemplate({
@@ -78,6 +82,15 @@ declare module '#imports' {
   export function useEnfyra(): UseEnfyraReturn
 
   export function useEnfyraAuth(): import('@enfyra/sdk-nuxt/types').UseEnfyraAuthReturn
+
+  export function useEnfyraWebSocket(options: { path: string; reconnect?: boolean; reconnectInterval?: number; maxReconnectAttempts?: number }): {
+    connect: () => WebSocket
+    send: (event: string, data?: any) => void
+    close: () => void
+    getWebSocket: () => WebSocket | null
+    on: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void
+    off: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void
+  }
 }
 `
     });

package/dist/runtime/composables/useEnfyraWebSocket.d.ts

@@ -0,0 +1,16 @@
+export interface EnfyraWebSocketOptions {
+    path: string;
+    reconnect?: boolean;
+    reconnectInterval?: number;
+    maxReconnectAttempts?: number;
+}
+export interface EnfyraWebSocketReturn {
+    connect: () => WebSocket;
+    send: (event: string, data?: any) => void;
+    close: () => void;
+    getWebSocket: () => WebSocket | null;
+    on: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void;
+    off: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void;
+}
+export declare function useEnfyraWebSocket(options: EnfyraWebSocketOptions): EnfyraWebSocketReturn;
+//# sourceMappingURL=useEnfyraWebSocket.d.ts.map

package/dist/runtime/composables/useEnfyraWebSocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnfyraWebSocket.d.ts","sourceRoot":"","sources":["../../../src/runtime/composables/useEnfyraWebSocket.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,SAAS,CAAC;IACzB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IACrC,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC;IAChG,GAAG,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC;CAClG;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAiGzF"}

package/dist/runtime/composables/useEnfyraWebSocket.js

@@ -0,0 +1,84 @@
+import { useRuntimeConfig } from "#imports";
+import { normalizeUrl } from "../utils/url.js";
+export function useEnfyraWebSocket(options) {
+  const config = useRuntimeConfig().public.enfyraSDK;
+  const apiUrl = config?.apiUrl || process.env.API_URL || "http://localhost:1105";
+  let ws = null;
+  let reconnectTimer = null;
+  let reconnectAttempts = 0;
+  const listeners = /* @__PURE__ */ new Map();
+  const getWsUrl = (path) => {
+    const url = apiUrl.replace(/^http/, "ws");
+    return normalizeUrl(url, path);
+  };
+  const connect = () => {
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      return ws;
+    }
+    ws = new WebSocket(getWsUrl(options.path));
+    ws.onopen = () => {
+      reconnectAttempts = 0;
+      emit("open");
+    };
+    ws.onmessage = (event) => {
+      emit("message", event.data);
+    };
+    ws.onclose = () => {
+      emit("close");
+      if (options.reconnect && (!options.maxReconnectAttempts || reconnectAttempts < (options.maxReconnectAttempts || 5))) {
+        reconnectTimer = setTimeout(() => {
+          reconnectAttempts++;
+          connect();
+        }, options.reconnectInterval || 3e3);
+      }
+    };
+    ws.onerror = (error) => {
+      emit("error", error);
+    };
+    return ws;
+  };
+  const send = (event, data) => {
+    if (!ws || ws.readyState !== WebSocket.OPEN) {
+      throw new Error("WebSocket is not connected");
+    }
+    const payload = data !== void 0 ? { event, data } : { event };
+    ws.send(JSON.stringify(payload));
+  };
+  const close = () => {
+    if (reconnectTimer) {
+      clearTimeout(reconnectTimer);
+      reconnectTimer = null;
+    }
+    if (ws) {
+      ws.close();
+      ws = null;
+    }
+  };
+  const getWebSocket = () => ws;
+  const on = (event, callback) => {
+    if (!listeners.has(event)) {
+      listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    listeners.get(event).add(callback);
+  };
+  const off = (event, callback) => {
+    const eventListeners = listeners.get(event);
+    if (eventListeners) {
+      eventListeners.delete(callback);
+    }
+  };
+  const emit = (event, ...args) => {
+    const eventListeners = listeners.get(event);
+    if (eventListeners) {
+      eventListeners.forEach((callback) => callback(...args));
+    }
+  };
+  return {
+    connect,
+    send,
+    close,
+    getWebSocket,
+    on,
+    off
+  };
+}

package/dist/runtime/utils/server/proxy.d.ts

@@ -1,3 +1,3 @@
 import { H3Event } from "h3";
-export declare function proxyToAPI(event: H3Event, customPath?: string): Promise<any> | undefined;
+export declare function proxyToAPI(event: H3Event, customPath?: string): Promise<any>;
 //# sourceMappingURL=proxy.d.ts.map

package/dist/runtime/utils/server/proxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proxy.d.ts","sourceRoot":"","sources":["../../../../src/runtime/utils/server/proxy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,IAAI,CAAC;AAa3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,4BAgC7D"}
+{"version":3,"file":"proxy.d.ts","sourceRoot":"","sources":["../../../../src/runtime/utils/server/proxy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,IAAI,CAAC;AAK3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,gBAY7D"}

package/dist/runtime/utils/server/proxy.js

@@ -1,30 +1,13 @@
 import { proxyRequest } from "h3";
-import { createProxy } from "http-proxy";
 import { useRuntimeConfig } from "#imports";
 import { ENFYRA_API_PREFIX } from "../../constants/config.js";
 import { normalizeUrl } from "../url.js";
-const proxy = createProxy({
-  target: process.env.API_URL || "http://localhost:1105",
-  ws: true,
-  changeOrigin: true
-});
 export function proxyToAPI(event, customPath) {
   const config = useRuntimeConfig();
   const apiPrefix = config.public?.enfyraSDK?.apiPrefix || ENFYRA_API_PREFIX;
   const rawPath = customPath || event.path.replace(new RegExp(`^${apiPrefix}`), "");
   const targetUrl = normalizeUrl(config.public?.enfyraSDK?.apiUrl, rawPath);
   const headers = event.context.proxyHeaders || {};
-  const isWebSocket = event.node.req.headers["upgrade"]?.toLowerCase() === "websocket";
-  if (isWebSocket) {
-    event.node.req.url = rawPath;
-    proxy.web(event.node.req, event.node.res, {
-      target: config.public?.enfyraSDK?.apiUrl || process.env.API_URL || "http://localhost:1105",
-      ws: true,
-      changeOrigin: true,
-      headers
-    });
-    return void 0;
-  }
   return proxyRequest(event, targetUrl, {
     headers
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enfyra/sdk-nuxt",
-  "version": "0.3.30",
+  "version": "0.4.2",
   "type": "module",
   "description": "Nuxt SDK for Enfyra CMS",
   "repository": {

package/src/module.ts

@@ -96,6 +96,10 @@ export default defineNuxtModule<ModuleOptions>({
         name: "useEnfyraAuth",
         from: resolve("./runtime/composables/useEnfyraAuth"),
       },
+      {
+        name: "useEnfyraWebSocket",
+        from: resolve("./runtime/composables/useEnfyraWebSocket"),
+      },
     ]);
     addTypeTemplate({
       filename: "types/enfyra-sdk.d.ts",
@@ -109,6 +113,15 @@ declare module '#imports' {
   export function useEnfyra(): UseEnfyraReturn
 
   export function useEnfyraAuth(): import('@enfyra/sdk-nuxt/types').UseEnfyraAuthReturn
+
+  export function useEnfyraWebSocket(options: { path: string; reconnect?: boolean; reconnectInterval?: number; maxReconnectAttempts?: number }): {
+    connect: () => WebSocket
+    send: (event: string, data?: any) => void
+    close: () => void
+    getWebSocket: () => WebSocket | null
+    on: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void
+    off: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void
+  }
 }
 `,
     });

package/src/runtime/composables/useEnfyraWebSocket.ts

@@ -0,0 +1,117 @@
+import { useRuntimeConfig } from "#imports";
+import { normalizeUrl } from "../utils/url";
+
+export interface EnfyraWebSocketOptions {
+  path: string;
+  reconnect?: boolean;
+  reconnectInterval?: number;
+  maxReconnectAttempts?: number;
+}
+
+export interface EnfyraWebSocketReturn {
+  connect: () => WebSocket;
+  send: (event: string, data?: any) => void;
+  close: () => void;
+  getWebSocket: () => WebSocket | null;
+  on: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void;
+  off: (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void) => void;
+}
+
+export function useEnfyraWebSocket(options: EnfyraWebSocketOptions): EnfyraWebSocketReturn {
+  const config = useRuntimeConfig().public.enfyraSDK;
+  const apiUrl = config?.apiUrl || process.env.API_URL || 'http://localhost:1105';
+
+  let ws: WebSocket | null = null;
+  let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+  let reconnectAttempts = 0;
+  const listeners: Map<string, Set<(...args: any[]) => void>> = new Map();
+
+  const getWsUrl = (path: string): string => {
+    const url = apiUrl.replace(/^http/, 'ws');
+    return normalizeUrl(url, path);
+  };
+
+  const connect = (): WebSocket => {
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      return ws;
+    }
+
+    ws = new WebSocket(getWsUrl(options.path));
+
+    ws.onopen = () => {
+      reconnectAttempts = 0;
+      emit('open');
+    };
+
+    ws.onmessage = (event: MessageEvent) => {
+      emit('message', event.data);
+    };
+
+    ws.onclose = () => {
+      emit('close');
+      if (options.reconnect && (!options.maxReconnectAttempts || reconnectAttempts < (options.maxReconnectAttempts || 5))) {
+        reconnectTimer = setTimeout(() => {
+          reconnectAttempts++;
+          connect();
+        }, options.reconnectInterval || 3000);
+      }
+    };
+
+    ws.onerror = (error: Event) => {
+      emit('error', error);
+    };
+
+    return ws;
+  };
+
+  const send = (event: string, data?: any): void => {
+    if (!ws || ws.readyState !== WebSocket.OPEN) {
+      throw new Error('WebSocket is not connected');
+    }
+    const payload = data !== undefined ? { event, data } : { event };
+    ws.send(JSON.stringify(payload));
+  };
+
+  const close = (): void => {
+    if (reconnectTimer) {
+      clearTimeout(reconnectTimer);
+      reconnectTimer = null;
+    }
+    if (ws) {
+      ws.close();
+      ws = null;
+    }
+  };
+
+  const getWebSocket = (): WebSocket | null => ws;
+
+  const on = (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void): void => {
+    if (!listeners.has(event)) {
+      listeners.set(event, new Set());
+    }
+    listeners.get(event)!.add(callback);
+  };
+
+  const off = (event: 'message' | 'open' | 'close' | 'error', callback: (...args: any[]) => void): void => {
+    const eventListeners = listeners.get(event);
+    if (eventListeners) {
+      eventListeners.delete(callback);
+    }
+  };
+
+  const emit = (event: string, ...args: any[]): void => {
+    const eventListeners = listeners.get(event);
+    if (eventListeners) {
+      eventListeners.forEach(callback => callback(...args));
+    }
+  };
+
+  return {
+    connect,
+    send,
+    close,
+    getWebSocket,
+    on,
+    off,
+  };
+}

package/src/runtime/utils/server/proxy.ts

@@ -1,16 +1,8 @@
 import { H3Event, proxyRequest } from "h3";
-import { createProxy } from "http-proxy";
 import { useRuntimeConfig } from "#imports";
 import { ENFYRA_API_PREFIX } from "../../constants/config";
 import { normalizeUrl } from "../url";
 
-// Create proxy instance (reuse for performance)
-const proxy = createProxy({
-  target: process.env.API_URL || 'http://localhost:1105',
-  ws: true,
-  changeOrigin: true,
-});
-
 export function proxyToAPI(event: H3Event, customPath?: string) {
   const config = useRuntimeConfig();
   const apiPrefix = config.public?.enfyraSDK?.apiPrefix || ENFYRA_API_PREFIX;
@@ -20,26 +12,6 @@ export function proxyToAPI(event: H3Event, customPath?: string) {
 
   const headers = event.context.proxyHeaders || {};
 
-  // Detect WebSocket upgrade request
-  const isWebSocket = event.node.req.headers['upgrade']?.toLowerCase() === 'websocket';
-
-  if (isWebSocket) {
-    // Modify req.url to remove the apiPrefix before proxying
-    // The incoming request is /api/chat/test-room but backend expects /chat/test-room
-    // Don't restore since proxy.web() is async
-    event.node.req.url = rawPath;
-
-    // For WebSocket, use http-proxy directly
-    proxy.web(event.node.req, event.node.res, {
-      target: config.public?.enfyraSDK?.apiUrl || process.env.API_URL || 'http://localhost:1105',
-      ws: true,
-      changeOrigin: true,
-      headers,
-    });
-    // Return undefined to signal we've handled the response asynchronously
-    return undefined;
-  }
-
   return proxyRequest(event, targetUrl, {
     headers,
   });