@viasoftbr/shared-ui 0.0.4 → 0.0.6

package/dist/services/api.d.ts

@@ -1,4 +1,5 @@
 import { ProtocolSettings } from '../types/protocol';
+import { WebSocketSubscribeOptions } from '../types/websocket';
 export declare const api: import("axios").AxiosInstance;
 export declare const authApi: import("axios").AxiosInstance;
 export declare function getAccessToken(): string | null;
@@ -19,4 +20,4 @@ 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>;
-export declare function subscribeToWebsocket(url: string, onMessage: (data: any) => void): () => void;
+export declare function subscribeToWebsocket(url: string, onMessage: (data: any) => void, options?: WebSocketSubscribeOptions): () => void;

package/dist/services/index.d.ts

@@ -1,7 +1,5 @@
 export * from './api';
 export * from './auth';
-export * from './loadRemoteModule';
-export * from './metadataLoader';
 export * from './registry';
 export * from './hostConfig';
 export * from './users';

package/dist/services.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all3) => {
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -35,7 +25,6 @@ var __publicField = (obj, key, value) => {
 // src/services/index.ts
 var services_exports = {};
 __export(services_exports, {
-  MetadataLoader: () => MetadataLoader,
   api: () => api,
   authApi: () => authApi,
   authService: () => authService,
@@ -50,8 +39,6 @@ __export(services_exports, {
   getRefreshToken: () => getRefreshToken,
   hostConfigLoader: () => hostConfigLoader,
   isFirstRun: () => isFirstRun,
-  loadRemoteModule: () => loadRemoteModule,
-  metadataLoader: () => metadataLoader,
   registry: () => registry,
   saveConfig: () => saveConfig,
   setAccessToken: () => setAccessToken,
@@ -2900,6 +2887,35 @@ 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(
+      url,
+      typeof window !== "undefined" ? window.location.href : void 0
+    );
+    parsed.searchParams.set(key, value);
+    return parsed.toString();
+  } catch {
+    const separator = url.includes("?") ? "&" : "?";
+    return `${url}${separator}${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+  }
+}
+function normalizeProtocols(protocols) {
+  if (!protocols)
+    return void 0;
+  return Array.isArray(protocols) ? protocols.filter(Boolean) : [protocols];
+}
 async function encodeFfurl(settings) {
   const { ffurl } = await fetchApi.postJson("/auth/protocols/ffurl/encode", settings);
   return ffurl;
@@ -2908,8 +2924,28 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
-function subscribeToWebsocket(url, onMessage) {
-  const socket = new WebSocket(url);
+function subscribeToWebsocket(url, onMessage, options = {}) {
+  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
+  const bearerStrategy = options.bearerStrategy ?? "query";
+  let resolvedUrl = url;
+  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);
+    } else {
+      resolvedUrl = appendWsQueryParam(
+        url,
+        options.bearerQueryParam ?? "access_token",
+        bearerToken
+      );
+    }
+  }
+  const socket = protocols.length > 0 ? new WebSocket(resolvedUrl, protocols) : new WebSocket(resolvedUrl);
   socket.onmessage = (event) => {
     try {
       const data = JSON.parse(event.data);
@@ -2960,140 +2996,6 @@ var authService = {
   }
 };
 
-// src/services/loadRemoteModule.ts
-var React = __toESM(require("react"), 1);
-var ReactDOM = __toESM(require("react-dom"), 1);
-var sharedScopeInitialized = false;
-function getSharedScope() {
-  if (!globalThis.__federation_shared__) {
-    globalThis.__federation_shared__ = {};
-  }
-  if (!sharedScopeInitialized) {
-    globalThis.__federation_shared__["react"] = {
-      "18.3.1": {
-        get: () => Promise.resolve(() => React),
-        loaded: true,
-        from: "core",
-        scope: "default"
-      }
-    };
-    globalThis.__federation_shared__["react-dom"] = {
-      "18.3.1": {
-        get: () => Promise.resolve(() => ReactDOM),
-        loaded: true,
-        from: "core",
-        scope: "default"
-      }
-    };
-    sharedScopeInitialized = true;
-  }
-  return globalThis.__federation_shared__;
-}
-var loadedContainers = /* @__PURE__ */ new Map();
-var initializedContainers = /* @__PURE__ */ new Set();
-async function loadContainer(url) {
-  if (loadedContainers.has(url)) {
-    return loadedContainers.get(url);
-  }
-  const loadPromise = (async () => {
-    try {
-      const container = await import(
-        /* @vite-ignore */
-        url
-      );
-      if (container.init && !initializedContainers.has(url)) {
-        await container.init(getSharedScope());
-        initializedContainers.add(url);
-      }
-      return container;
-    } catch (error) {
-      loadedContainers.delete(url);
-      initializedContainers.delete(url);
-      throw error;
-    }
-  })();
-  loadedContainers.set(url, loadPromise);
-  return loadPromise;
-}
-async function loadRemoteModule(config) {
-  const container = await loadContainer(config.url);
-  if (!container || typeof container.get !== "function") {
-    throw new Error(`Container inv\xE1lido ou sem m\xE9todo get: ${config.scope}`);
-  }
-  if (typeof container.dynamicLoadingCss === "function") {
-    try {
-      await container.dynamicLoadingCss([]);
-    } catch (err) {
-      console.warn(`Aviso: Falha ao carregar CSS global do remote ${config.scope}`, err);
-    }
-  }
-  const factory2 = await container.get(config.module);
-  const moduleExports = await factory2();
-  if (moduleExports && typeof moduleExports === "object" && "default" in moduleExports) {
-    return moduleExports.default;
-  }
-  return moduleExports;
-}
-
-// src/services/metadataLoader.ts
-var MetadataLoader = class {
-  constructor() {
-    __publicField(this, "metadataCache", /* @__PURE__ */ new Map());
-  }
-  async loadMetadata(metadataUrl) {
-    if (this.metadataCache.has(metadataUrl)) {
-      return this.metadataCache.get(metadataUrl) || [];
-    }
-    try {
-      const response = await fetch(metadataUrl);
-      console.log(response);
-      if (!response.ok) {
-        throw new Error(`Failed to fetch metadata: ${response.statusText}`);
-      }
-      const data = await response.json();
-      let metadata;
-      if (Array.isArray(data)) {
-        metadata = data;
-      } else if (data.pages && Array.isArray(data.pages)) {
-        metadata = data.pages;
-      } else {
-        throw new Error(
-          "Invalid metadata format: expected array or object with pages property"
-        );
-      }
-      metadata.forEach((page, index) => {
-        if (!page.id || !page.name || !page.path || !page.url) {
-          throw new Error(
-            `Invalid page metadata at index ${index}: missing required fields`
-          );
-        }
-      });
-      this.metadataCache.set(metadataUrl, metadata);
-      return metadata;
-    } catch (error) {
-      console.warn(`Failed to load metadata from ${metadataUrl}:`, error);
-      return [];
-    }
-  }
-  async loadFromDirectory(directoryUrl) {
-    try {
-      const manifestUrl = `${directoryUrl}/manifest.json`;
-      return await this.loadMetadata(manifestUrl);
-    } catch (error) {
-      throw new Error(
-        `Directory manifest not found at ${directoryUrl}/manifest.json: ${error}`
-      );
-    }
-  }
-  clearCache() {
-    this.metadataCache.clear();
-  }
-  getCachedMetadata(metadataUrl) {
-    return this.metadataCache.get(metadataUrl);
-  }
-};
-var metadataLoader = new MetadataLoader();
-
 // src/services/registry.ts
 var PluginRegistryImpl = class {
   constructor() {

package/dist/services.js

@@ -2847,6 +2847,35 @@ 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(
+      url,
+      typeof window !== "undefined" ? window.location.href : void 0
+    );
+    parsed.searchParams.set(key, value);
+    return parsed.toString();
+  } catch {
+    const separator = url.includes("?") ? "&" : "?";
+    return `${url}${separator}${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+  }
+}
+function normalizeProtocols(protocols) {
+  if (!protocols)
+    return void 0;
+  return Array.isArray(protocols) ? protocols.filter(Boolean) : [protocols];
+}
 async function encodeFfurl(settings) {
   const { ffurl } = await fetchApi.postJson("/auth/protocols/ffurl/encode", settings);
   return ffurl;
@@ -2855,8 +2884,28 @@ async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
-function subscribeToWebsocket(url, onMessage) {
-  const socket = new WebSocket(url);
+function subscribeToWebsocket(url, onMessage, options = {}) {
+  const bearerToken = extractBearerToken(options.headers, options.bearerToken);
+  const bearerStrategy = options.bearerStrategy ?? "query";
+  let resolvedUrl = url;
+  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);
+    } else {
+      resolvedUrl = appendWsQueryParam(
+        url,
+        options.bearerQueryParam ?? "access_token",
+        bearerToken
+      );
+    }
+  }
+  const socket = protocols.length > 0 ? new WebSocket(resolvedUrl, protocols) : new WebSocket(resolvedUrl);
   socket.onmessage = (event) => {
     try {
       const data = JSON.parse(event.data);
@@ -2907,140 +2956,6 @@ var authService = {
   }
 };
 
-// src/services/loadRemoteModule.ts
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-var sharedScopeInitialized = false;
-function getSharedScope() {
-  if (!globalThis.__federation_shared__) {
-    globalThis.__federation_shared__ = {};
-  }
-  if (!sharedScopeInitialized) {
-    globalThis.__federation_shared__["react"] = {
-      "18.3.1": {
-        get: () => Promise.resolve(() => React),
-        loaded: true,
-        from: "core",
-        scope: "default"
-      }
-    };
-    globalThis.__federation_shared__["react-dom"] = {
-      "18.3.1": {
-        get: () => Promise.resolve(() => ReactDOM),
-        loaded: true,
-        from: "core",
-        scope: "default"
-      }
-    };
-    sharedScopeInitialized = true;
-  }
-  return globalThis.__federation_shared__;
-}
-var loadedContainers = /* @__PURE__ */ new Map();
-var initializedContainers = /* @__PURE__ */ new Set();
-async function loadContainer(url) {
-  if (loadedContainers.has(url)) {
-    return loadedContainers.get(url);
-  }
-  const loadPromise = (async () => {
-    try {
-      const container = await import(
-        /* @vite-ignore */
-        url
-      );
-      if (container.init && !initializedContainers.has(url)) {
-        await container.init(getSharedScope());
-        initializedContainers.add(url);
-      }
-      return container;
-    } catch (error) {
-      loadedContainers.delete(url);
-      initializedContainers.delete(url);
-      throw error;
-    }
-  })();
-  loadedContainers.set(url, loadPromise);
-  return loadPromise;
-}
-async function loadRemoteModule(config) {
-  const container = await loadContainer(config.url);
-  if (!container || typeof container.get !== "function") {
-    throw new Error(`Container inv\xE1lido ou sem m\xE9todo get: ${config.scope}`);
-  }
-  if (typeof container.dynamicLoadingCss === "function") {
-    try {
-      await container.dynamicLoadingCss([]);
-    } catch (err) {
-      console.warn(`Aviso: Falha ao carregar CSS global do remote ${config.scope}`, err);
-    }
-  }
-  const factory2 = await container.get(config.module);
-  const moduleExports = await factory2();
-  if (moduleExports && typeof moduleExports === "object" && "default" in moduleExports) {
-    return moduleExports.default;
-  }
-  return moduleExports;
-}
-
-// src/services/metadataLoader.ts
-var MetadataLoader = class {
-  constructor() {
-    __publicField(this, "metadataCache", /* @__PURE__ */ new Map());
-  }
-  async loadMetadata(metadataUrl) {
-    if (this.metadataCache.has(metadataUrl)) {
-      return this.metadataCache.get(metadataUrl) || [];
-    }
-    try {
-      const response = await fetch(metadataUrl);
-      console.log(response);
-      if (!response.ok) {
-        throw new Error(`Failed to fetch metadata: ${response.statusText}`);
-      }
-      const data = await response.json();
-      let metadata;
-      if (Array.isArray(data)) {
-        metadata = data;
-      } else if (data.pages && Array.isArray(data.pages)) {
-        metadata = data.pages;
-      } else {
-        throw new Error(
-          "Invalid metadata format: expected array or object with pages property"
-        );
-      }
-      metadata.forEach((page, index) => {
-        if (!page.id || !page.name || !page.path || !page.url) {
-          throw new Error(
-            `Invalid page metadata at index ${index}: missing required fields`
-          );
-        }
-      });
-      this.metadataCache.set(metadataUrl, metadata);
-      return metadata;
-    } catch (error) {
-      console.warn(`Failed to load metadata from ${metadataUrl}:`, error);
-      return [];
-    }
-  }
-  async loadFromDirectory(directoryUrl) {
-    try {
-      const manifestUrl = `${directoryUrl}/manifest.json`;
-      return await this.loadMetadata(manifestUrl);
-    } catch (error) {
-      throw new Error(
-        `Directory manifest not found at ${directoryUrl}/manifest.json: ${error}`
-      );
-    }
-  }
-  clearCache() {
-    this.metadataCache.clear();
-  }
-  getCachedMetadata(metadataUrl) {
-    return this.metadataCache.get(metadataUrl);
-  }
-};
-var metadataLoader = new MetadataLoader();
-
 // src/services/registry.ts
 var PluginRegistryImpl = class {
   constructor() {
@@ -3217,7 +3132,6 @@ var discoveryService = {
   }
 };
 export {
-  MetadataLoader,
   api,
   authApi,
   authService,
@@ -3232,8 +3146,6 @@ export {
   getRefreshToken,
   hostConfigLoader,
   isFirstRun,
-  loadRemoteModule,
-  metadataLoader,
   registry,
   saveConfig,
   setAccessToken,

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './auth.ts';
-export * from './module.ts';
-export * from './plugin.types.ts';
-export * from './protocol.ts';
-export * from './websocket.ts';
-export * from './wizard.ts';
+export * from './auth';
+export * from './module';
+export * from './plugin.types';
+export * from './protocol';
+export * from './websocket';
+export * from './wizard';

package/dist/types/websocket.d.ts

@@ -25,3 +25,10 @@ export interface WebSocketData {
     };
     system: SystemInfo;
 }
+export interface WebSocketSubscribeOptions {
+    headers?: Record<string, string>;
+    protocols?: string | string[];
+    bearerToken?: string | null;
+    bearerStrategy?: 'query' | 'protocol';
+    bearerQueryParam?: string;
+}

package/package.json

@@ -1,52 +1,32 @@
 {
   "name": "@viasoftbr/shared-ui",
-  "description": "Shared frontend utilities, components and i18n for Viasoft plugins and micro-frontends",
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "./dist/index.js",
-  "types": "dist/index.d.ts",
-  "version": "0.0.4",
+  "version": "0.0.6",
+  "main": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
-".": {
+    ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./index": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./context": {
-        "import": "./dist/context.js",
-        "require": "./dist/context.cjs",
-        "types": "./dist/context/index.d.ts"
+      "types": "./dist/types/index.d.ts"
     },
     "./components": {
-        "import": "./dist/components.js",
-        "require": "./dist/components.cjs",
-        "types": "./dist/components/index.d.ts"
-    },
-    "./services": {
-        "import": "./dist/services.js",
-        "require": "./dist/services.cjs",
-        "types": "./dist/services/index.d.ts"
+      "import": "./dist/components/index.js",
+      "types": "./dist/types/components/index.d.ts"
     },
     "./types": {
-        "import": "./dist/types.js",
-        "require": "./dist/types.cjs",
-        "types": "./dist/types/index.d.ts"
+      "import": "./dist/types-module/index.js",
+      "types": "./dist/types/types/index.d.ts"
     },
-    "./i18n": {
-        "import": "./dist/i18n.js",
-        "require": "./dist/i18n.cjs",
-        "types": "./dist/i18n.d.ts"
+    "./services": {
+      "import": "./dist/services/index.js",
+      "types": "./dist/types/services/index.d.ts"
     },
-    "./jsmpeg": {
-      "default": "./dist/jsmpeg.vu.min.js"
+    "./context": {
+      "import": "./dist/context/index.js",
+      "types": "./dist/types/context/index.d.ts"
     },
-    "./locales/*": {
-      "default": "./dist/locales/*"
+    "./hooks": {
+      "import": "./dist/hooks/index.js",
+      "types": "./dist/types/hooks/index.d.ts"
     }
   },
   "scripts": {