@viasoftbr/shared-ui 0.0.6 → 0.0.7-2

package/dist/components.cjs

@@ -25628,17 +25628,6 @@ function buildWsUrl(path = "/") {
     return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
-function extractBearerToken(headers, explicitToken) {
-  if (explicitToken)
-    return explicitToken;
-  if (!headers)
-    return null;
-  const authHeader = headers.Authorization || headers.authorization;
-  if (!authHeader)
-    return null;
-  const match = authHeader.match(/^Bearer\s+(.+)$/i);
-  return match ? match[1] : null;
-}
 function appendWsQueryParam(url, key, value) {
   try {
     const parsed = new URL(
@@ -25661,24 +25650,26 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
+function resolveWsBearerToken(options) {
+  if (options.bearerToken)
+    return options.bearerToken;
+  if (options.autoAuth)
+    return getAccessToken();
+  return null;
+}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
-  const bearerStrategy = options.bearerStrategy ?? "query";
-  let resolvedUrl = url;
+  const token = resolveWsBearerToken(options);
+  const strategy = options.bearerStrategy ?? "query";
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  if (options.headers && Object.keys(options.headers).length > 0) {
-    console.warn(
-      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
-    );
-  }
-  if (bearerToken) {
-    if (bearerStrategy === "protocol") {
-      protocols.push("bearer", bearerToken);
+  let resolvedUrl = url;
+  if (token) {
+    if (strategy === "protocol") {
+      protocols.push("bearer", token);
     } else {
       resolvedUrl = appendWsQueryParam(
         url,
         options.bearerQueryParam ?? "access_token",
-        bearerToken
+        token
       );
     }
   }
@@ -25688,7 +25679,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e10) {
-      console.error("Parse error", e10);
+      console.error("WebSocket parse error", e10);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/components.js

@@ -25571,17 +25571,6 @@ function buildWsUrl(path = "/") {
     return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
-function extractBearerToken(headers, explicitToken) {
-  if (explicitToken)
-    return explicitToken;
-  if (!headers)
-    return null;
-  const authHeader = headers.Authorization || headers.authorization;
-  if (!authHeader)
-    return null;
-  const match = authHeader.match(/^Bearer\s+(.+)$/i);
-  return match ? match[1] : null;
-}
 function appendWsQueryParam(url, key, value) {
   try {
     const parsed = new URL(
@@ -25604,24 +25593,26 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
+function resolveWsBearerToken(options) {
+  if (options.bearerToken)
+    return options.bearerToken;
+  if (options.autoAuth)
+    return getAccessToken();
+  return null;
+}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
-  const bearerStrategy = options.bearerStrategy ?? "query";
-  let resolvedUrl = url;
+  const token = resolveWsBearerToken(options);
+  const strategy = options.bearerStrategy ?? "query";
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  if (options.headers && Object.keys(options.headers).length > 0) {
-    console.warn(
-      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
-    );
-  }
-  if (bearerToken) {
-    if (bearerStrategy === "protocol") {
-      protocols.push("bearer", bearerToken);
+  let resolvedUrl = url;
+  if (token) {
+    if (strategy === "protocol") {
+      protocols.push("bearer", token);
     } else {
       resolvedUrl = appendWsQueryParam(
         url,
         options.bearerQueryParam ?? "access_token",
-        bearerToken
+        token
       );
     }
   }
@@ -25631,7 +25622,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e10) {
-      console.error("Parse error", e10);
+      console.error("WebSocket parse error", e10);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/index.cjs

@@ -3040,17 +3040,6 @@ function buildWsUrl(path = "/") {
     return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
-function extractBearerToken(headers, explicitToken) {
-  if (explicitToken)
-    return explicitToken;
-  if (!headers)
-    return null;
-  const authHeader = headers.Authorization || headers.authorization;
-  if (!authHeader)
-    return null;
-  const match = authHeader.match(/^Bearer\s+(.+)$/i);
-  return match ? match[1] : null;
-}
 function appendWsQueryParam(url, key, value) {
   try {
     const parsed = new URL(
@@ -3077,24 +3066,26 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
+function resolveWsBearerToken(options) {
+  if (options.bearerToken)
+    return options.bearerToken;
+  if (options.autoAuth)
+    return getAccessToken();
+  return null;
+}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
-  const bearerStrategy = options.bearerStrategy ?? "query";
-  let resolvedUrl = url;
+  const token = resolveWsBearerToken(options);
+  const strategy = options.bearerStrategy ?? "query";
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  if (options.headers && Object.keys(options.headers).length > 0) {
-    console.warn(
-      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
-    );
-  }
-  if (bearerToken) {
-    if (bearerStrategy === "protocol") {
-      protocols.push("bearer", bearerToken);
+  let resolvedUrl = url;
+  if (token) {
+    if (strategy === "protocol") {
+      protocols.push("bearer", token);
     } else {
       resolvedUrl = appendWsQueryParam(
         url,
         options.bearerQueryParam ?? "access_token",
-        bearerToken
+        token
       );
     }
   }
@@ -3104,7 +3095,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e10) {
-      console.error("Parse error", e10);
+      console.error("WebSocket parse error", e10);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/index.js

@@ -2953,17 +2953,6 @@ function buildWsUrl(path = "/") {
     return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
-function extractBearerToken(headers, explicitToken) {
-  if (explicitToken)
-    return explicitToken;
-  if (!headers)
-    return null;
-  const authHeader = headers.Authorization || headers.authorization;
-  if (!authHeader)
-    return null;
-  const match = authHeader.match(/^Bearer\s+(.+)$/i);
-  return match ? match[1] : null;
-}
 function appendWsQueryParam(url, key, value) {
   try {
     const parsed = new URL(
@@ -2990,24 +2979,26 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
+function resolveWsBearerToken(options) {
+  if (options.bearerToken)
+    return options.bearerToken;
+  if (options.autoAuth)
+    return getAccessToken();
+  return null;
+}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
-  const bearerStrategy = options.bearerStrategy ?? "query";
-  let resolvedUrl = url;
+  const token = resolveWsBearerToken(options);
+  const strategy = options.bearerStrategy ?? "query";
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  if (options.headers && Object.keys(options.headers).length > 0) {
-    console.warn(
-      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
-    );
-  }
-  if (bearerToken) {
-    if (bearerStrategy === "protocol") {
-      protocols.push("bearer", bearerToken);
+  let resolvedUrl = url;
+  if (token) {
+    if (strategy === "protocol") {
+      protocols.push("bearer", token);
     } else {
       resolvedUrl = appendWsQueryParam(
         url,
         options.bearerQueryParam ?? "access_token",
-        bearerToken
+        token
       );
     }
   }
@@ -3017,7 +3008,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e10) {
-      console.error("Parse error", e10);
+      console.error("WebSocket parse error", e10);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/services/api.d.ts

@@ -20,4 +20,27 @@ export declare const fetchApi: {
 export declare function buildWsUrl(path?: string): string;
 export declare function encodeFfurl(settings: ProtocolSettings): Promise<string>;
 export declare function decodeFfurl(ffurl: string): Promise<ProtocolSettings>;
+/**
+ * Abre uma conexão WebSocket com suporte a autenticação Bearer.
+ *
+ * @param url        - URL WebSocket de destino (ws:// ou wss://)
+ * @param onMessage  - Callback chamado com o payload já parseado (JSON)
+ * @param options    - Opções de autenticação e sub-protocolos
+ * @returns          - Função de cleanup que fecha o socket
+ *
+ * @example
+ * // Token explícito
+ * const close = subscribeToWebsocket(url, handler, { bearerToken: myJwt });
+ *
+ * @example
+ * // Token automático (usa getAccessToken do storage)
+ * const close = subscribeToWebsocket(url, handler, { autoAuth: true });
+ *
+ * @example
+ * // Token via sub-protocolo Sec-WebSocket-Protocol
+ * const close = subscribeToWebsocket(url, handler, {
+ *   bearerToken: myJwt,
+ *   bearerStrategy: 'protocol',
+ * });
+ */
 export declare function subscribeToWebsocket(url: string, onMessage: (data: any) => void, options?: WebSocketSubscribeOptions): () => void;

package/dist/services.cjs

@@ -2887,17 +2887,6 @@ function buildWsUrl(path = "/") {
     return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
-function extractBearerToken(headers, explicitToken) {
-  if (explicitToken)
-    return explicitToken;
-  if (!headers)
-    return null;
-  const authHeader = headers.Authorization || headers.authorization;
-  if (!authHeader)
-    return null;
-  const match = authHeader.match(/^Bearer\s+(.+)$/i);
-  return match ? match[1] : null;
-}
 function appendWsQueryParam(url, key, value) {
   try {
     const parsed = new URL(
@@ -2924,24 +2913,26 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
+function resolveWsBearerToken(options) {
+  if (options.bearerToken)
+    return options.bearerToken;
+  if (options.autoAuth)
+    return getAccessToken();
+  return null;
+}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
-  const bearerStrategy = options.bearerStrategy ?? "query";
-  let resolvedUrl = url;
+  const token = resolveWsBearerToken(options);
+  const strategy = options.bearerStrategy ?? "query";
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  if (options.headers && Object.keys(options.headers).length > 0) {
-    console.warn(
-      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
-    );
-  }
-  if (bearerToken) {
-    if (bearerStrategy === "protocol") {
-      protocols.push("bearer", bearerToken);
+  let resolvedUrl = url;
+  if (token) {
+    if (strategy === "protocol") {
+      protocols.push("bearer", token);
     } else {
       resolvedUrl = appendWsQueryParam(
         url,
         options.bearerQueryParam ?? "access_token",
-        bearerToken
+        token
       );
     }
   }
@@ -2951,7 +2942,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e) {
-      console.error("Parse error", e);
+      console.error("WebSocket parse error", e);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/services.js

@@ -2847,17 +2847,6 @@ function buildWsUrl(path = "/") {
     return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
-function extractBearerToken(headers, explicitToken) {
-  if (explicitToken)
-    return explicitToken;
-  if (!headers)
-    return null;
-  const authHeader = headers.Authorization || headers.authorization;
-  if (!authHeader)
-    return null;
-  const match = authHeader.match(/^Bearer\s+(.+)$/i);
-  return match ? match[1] : null;
-}
 function appendWsQueryParam(url, key, value) {
   try {
     const parsed = new URL(
@@ -2884,24 +2873,26 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
+function resolveWsBearerToken(options) {
+  if (options.bearerToken)
+    return options.bearerToken;
+  if (options.autoAuth)
+    return getAccessToken();
+  return null;
+}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
-  const bearerStrategy = options.bearerStrategy ?? "query";
-  let resolvedUrl = url;
+  const token = resolveWsBearerToken(options);
+  const strategy = options.bearerStrategy ?? "query";
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  if (options.headers && Object.keys(options.headers).length > 0) {
-    console.warn(
-      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
-    );
-  }
-  if (bearerToken) {
-    if (bearerStrategy === "protocol") {
-      protocols.push("bearer", bearerToken);
+  let resolvedUrl = url;
+  if (token) {
+    if (strategy === "protocol") {
+      protocols.push("bearer", token);
     } else {
       resolvedUrl = appendWsQueryParam(
         url,
         options.bearerQueryParam ?? "access_token",
-        bearerToken
+        token
       );
     }
   }
@@ -2911,7 +2902,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e) {
-      console.error("Parse error", e);
+      console.error("WebSocket parse error", e);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/types/websocket.d.ts

@@ -26,9 +26,30 @@ export interface WebSocketData {
     system: SystemInfo;
 }
 export interface WebSocketSubscribeOptions {
-    headers?: Record<string, string>;
-    protocols?: string | string[];
+    /**
+     * Token JWT Bearer explícito. Se fornecido, tem prioridade sobre autoAuth.
+     */
     bearerToken?: string | null;
+    /**
+     * Quando `true`, usa automaticamente o accessToken armazenado (localStorage)
+     * caso `bearerToken` não tenha sido fornecido.
+     * @default false
+     */
+    autoAuth?: boolean;
+    /**
+     * Define como o token é enviado ao servidor.
+     * - `'query'`    → parâmetro de query string (padrão, ex.: `?access_token=...`)
+     * - `'protocol'` → sub-protocolo WebSocket (`Sec-WebSocket-Protocol`)
+     * @default 'query'
+     */
     bearerStrategy?: 'query' | 'protocol';
+    /**
+     * Nome do parâmetro de query usado na estratégia `'query'`.
+     * @default 'access_token'
+     */
     bearerQueryParam?: string;
+    /**
+     * Sub-protocolos WebSocket adicionais.
+     */
+    protocols?: string | string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasoftbr/shared-ui",
-  "version": "0.0.6",
+  "version": "0.0.7-2",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
   "exports": {