@viasoftbr/shared-ui 0.0.1 → 0.0.3

package/dist/components.js

@@ -26178,19 +26178,36 @@ var {
 } = axios_default;
 
 // src/services/api.ts
-var getApiBaseUrl = () => {
-  if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
-    return import.meta.env.VITE_API_BASE_URL;
+var normalizeOrigin = (raw) => {
+  if (!raw)
+    return "";
+  if (/^https?:\/\//i.test(raw) || /^wss?:\/\//i.test(raw))
+    return raw.replace(/\/$/, "");
+  return `http://${raw.replace(/\/$/, "")}`;
+};
+var getApiOrigin = () => {
+  try {
+    if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
+      return normalizeOrigin(import.meta.env.VITE_API_BASE_URL);
+    }
+  } catch (e10) {
   }
-  return "192.168.100.9:3000";
+  if (typeof window !== "undefined") {
+    const win = window;
+    if (win.__VIASOFT_API_BASE_URL)
+      return normalizeOrigin(win.__VIASOFT_API_BASE_URL);
+    if (window.location && window.location.origin)
+      return window.location.origin.replace(/\/$/, "");
+  }
+  return "http://localhost:3000";
 };
-var serverUrl = getApiBaseUrl();
+var apiOrigin = getApiOrigin();
 var api = axios_default.create({
-  baseURL: `http://${serverUrl}`,
+  baseURL: apiOrigin,
   timeout: 1e4
 });
 var authApi = axios_default.create({
-  baseURL: `http://${serverUrl}`,
+  baseURL: apiOrigin,
   timeout: 1e4
 });
 function getAccessToken() {
@@ -26354,18 +26371,18 @@ var fetchApi = {
     }
   }
 };
-var serverOrigin = `http://${serverUrl}`;
 function buildWsUrl(path = "/") {
   try {
-    const origin2 = new URL(serverOrigin);
+    const origin2 = new URL(apiOrigin);
     origin2.protocol = origin2.protocol === "https:" ? "wss:" : "ws:";
     if (!path.startsWith("/"))
       path = "/" + path;
     origin2.pathname = path;
     return origin2.toString();
   } catch (e10) {
-    const proto = serverOrigin.startsWith("https") ? "wss" : "ws";
-    return `${proto}://${serverUrl}${path.startsWith("/") ? path : "/" + path}`;
+    const proto = apiOrigin.startsWith("https") ? "wss" : "ws";
+    const host = apiOrigin.replace(/^https?:\/\//, "").replace(/\/$/, "");
+    return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
   }
 }
 async function decodeFfurl(ffurl) {
@@ -26391,7 +26408,6 @@ function subscribeToWebsocket(url, onMessage) {
 // src/services/loadRemoteModule.ts
 import * as React4 from "react";
 import * as ReactDOM2 from "react-dom";
-var loadedContainers = /* @__PURE__ */ new Map();
 var sharedScopeInitialized = false;
 function getSharedScope() {
   if (!globalThis.__federation_shared__) {
@@ -26418,28 +26434,46 @@ function getSharedScope() {
   }
   return globalThis.__federation_shared__;
 }
+var loadedContainers = /* @__PURE__ */ new Map();
+var initializedContainers = /* @__PURE__ */ new Set();
 async function loadContainer(url) {
   if (loadedContainers.has(url)) {
-    const cached = loadedContainers.get(url);
-    if (cached)
-      return cached;
+    return loadedContainers.get(url);
   }
-  const promise = import(
-    /* @vite-ignore */
-    url
-  );
-  loadedContainers.set(url, promise);
-  return promise;
+  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.init !== "function") {
-    throw new Error(`Container inv\xE1lido: ${config.scope}`);
+  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 shareScope = getSharedScope();
-  container.init(shareScope);
   const factory2 = await container.get(config.module);
-  const moduleExports = factory2();
+  const moduleExports = await factory2();
   if (moduleExports && typeof moduleExports === "object" && "default" in moduleExports) {
     return moduleExports.default;
   }
@@ -26473,7 +26507,7 @@ var MetadataLoader = class {
         );
       }
       metadata.forEach((page, index3) => {
-        if (!page.id || !page.name || !page.path || !page.bundleUrl) {
+        if (!page.id || !page.name || !page.path || !page.url) {
           throw new Error(
             `Invalid page metadata at index ${index3}: missing required fields`
           );
@@ -37661,9 +37695,9 @@ function buildSidebarItems(pages, modules) {
     isModule: false
   }));
   const fromModules = modules.map((m8) => ({
-    id: `mod:${m8.name}`,
-    label: m8.label,
-    to: `/page/${m8.name}`,
+    id: `mod:${m8.id}`,
+    label: m8.label ?? m8.name,
+    to: `/page/${m8.id}`,
     group: m8.group || "Other",
     version: m8.module,
     iconName: m8.icon,
@@ -37699,13 +37733,29 @@ var Sidebar = ({ pages = [], modules = [], isOpen, setIsOpen }) => {
   };
   const isItemActive = (item) => location2.pathname === item.to;
   useEffect21(() => {
-    const all3 = {};
-    for (const groupName of Object.keys(itemGroups)) {
-      const hasActive = itemGroups[groupName].some((i14) => isItemActive(i14));
-      all3[groupName] = hasActive;
-    }
-    setExpandedGroups(all3);
-  }, [open, location2.pathname, allItems]);
+    setExpandedGroups((prev) => {
+      const next = { ...prev };
+      let changed = false;
+      for (const groupName of Object.keys(itemGroups)) {
+        const hasActive = itemGroups[groupName].some((i14) => isItemActive(i14));
+        if (prev[groupName] === void 0) {
+          next[groupName] = hasActive;
+          if (prev[groupName] !== next[groupName])
+            changed = true;
+        }
+      }
+      for (const groupName of Object.keys(itemGroups)) {
+        const hasActive = itemGroups[groupName].some((i14) => isItemActive(i14));
+        if (hasActive && !next[groupName]) {
+          next[groupName] = true;
+          changed = true;
+        }
+      }
+      if (!changed)
+        return prev;
+      return next;
+    });
+  }, [location2.pathname, itemGroups]);
   const groupOrder = ["Encoder", "Decoder", "Network", "Playout", "Audio", "System", "Other"];
   const sortedGroupNames = Object.keys(itemGroups).sort((a23, b9) => {
     const ai = groupOrder.indexOf(a23);
@@ -37724,7 +37774,6 @@ var Sidebar = ({ pages = [], modules = [], isOpen, setIsOpen }) => {
     }
     return true;
   });
-  const totalModules = allItems.length;
   return /* @__PURE__ */ jsxs32(Fragment7, { children: [
     /* @__PURE__ */ jsx38(
       "button",
@@ -37735,7 +37784,7 @@ var Sidebar = ({ pages = [], modules = [], isOpen, setIsOpen }) => {
         children: open ? /* @__PURE__ */ jsx38(X, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx38(Menu, { className: "w-6 h-6" })
       }
     ),
-    /* @__PURE__ */ jsxs32(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         className: [
@@ -37745,90 +37794,81 @@ var Sidebar = ({ pages = [], modules = [], isOpen, setIsOpen }) => {
           "transform transition-transform duration-300 ease-in-out",
           open ? "translate-x-0" : "-translate-x-full"
         ].join(" "),
-        children: [
-          /* @__PURE__ */ jsxs32("nav", { className: "flex-1 px-4 py-4 my-12 overflow-y-auto custom-scroll h-[calc(100%-90px)]", children: [
-            /* @__PURE__ */ jsxs32(
-              Link3,
-              {
-                to: "/",
-                className: `flex items-center px-3 py-2 mb-4 text-sm font-medium rounded-md transition-colors hover:bg-purple-700
+        children: /* @__PURE__ */ jsxs32("nav", { className: "flex-1 px-4 py-4 my-12 overflow-y-auto custom-scroll h-[calc(100%-90px)]", children: [
+          /* @__PURE__ */ jsxs32(
+            Link3,
+            {
+              to: "/",
+              className: `flex items-center px-3 py-2 mb-4 text-sm font-medium rounded-md transition-colors hover:bg-purple-700
               ${theme === "dark" || location2.pathname === "/" ? "text-neutral-50" : "text-primary hover:text-neutral-50"}
               ${location2.pathname === "/" ? "bg-purple-700" : ""}
             `,
-                onClick: () => setIsOpen?.(false),
-                children: [
-                  /* @__PURE__ */ jsx38(House, { className: "w-5 h-5 mr-3" }),
-                  "Home"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx38("div", { className: "space-y-2", children: filteredGroupNames.map((groupName) => {
-              const items = itemGroups[groupName];
-              const isExpanded = expandedGroups[groupName];
-              return /* @__PURE__ */ jsxs32("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs32(
-                  "button",
+              onClick: () => setIsOpen?.(false),
+              children: [
+                /* @__PURE__ */ jsx38(House, { className: "w-5 h-5 mr-3" }),
+                "Home"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx38("div", { className: "space-y-2", children: filteredGroupNames.map((groupName) => {
+            const items = itemGroups[groupName];
+            const isExpanded = expandedGroups[groupName];
+            return /* @__PURE__ */ jsxs32("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsxs32(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleGroup(groupName),
+                  className: `flex items-center justify-between w-full px-3 py-2 text-sm font-medium rounded-md transition-colors ${theme === "dark" ? "text-neutral-300 hover:text-neutral-100 hover:bg-neutral-800" : "text-neutral-600 hover:text-neutral-800 hover:bg-neutral-100"}`,
+                  "aria-expanded": isExpanded,
+                  "aria-controls": `group-${groupName}`,
+                  children: [
+                    /* @__PURE__ */ jsxs32("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ jsx38(GroupIcon, { groupName }),
+                      /* @__PURE__ */ jsx38("span", { className: "ml-2", children: groupName }),
+                      /* @__PURE__ */ jsx38("span", { className: `ml-2 px-2 py-0.5 text-xs rounded-full ${theme === "dark" ? "bg-neutral-800 text-neutral-400" : "bg-neutral-200 text-neutral-600"}`, children: items.length })
+                    ] }),
+                    /* @__PURE__ */ jsx38(
+                      "svg",
+                      {
+                        className: `w-4 h-4 transition-transform ${isExpanded ? "rotate-90" : ""}`,
+                        fill: "none",
+                        stroke: "currentColor",
+                        viewBox: "0 0 24 24",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              isExpanded && /* @__PURE__ */ jsx38("div", { id: `group-${groupName}`, className: "ml-4 space-y-1", children: items.filter((item) => !(item.id === "authentication" && user?.role === "operator" /* Operator */)).filter((item) => !(item.id === "mod:authentication" && user?.role === "operator" /* Operator */)).map((item) => {
+                const isActive = isItemActive(item);
+                return /* @__PURE__ */ jsxs32(
+                  Link3,
                   {
-                    type: "button",
-                    onClick: () => toggleGroup(groupName),
-                    className: `flex items-center justify-between w-full px-3 py-2 text-sm font-medium rounded-md transition-colors ${theme === "dark" ? "text-neutral-300 hover:text-neutral-100 hover:bg-neutral-800" : "text-neutral-600 hover:text-neutral-800 hover:bg-neutral-100"}`,
-                    "aria-expanded": isExpanded,
-                    "aria-controls": `group-${groupName}`,
+                    to: item.to,
+                    onClick: () => setIsOpen?.(false),
+                    className: `flex items-center px-3 py-2 text-sm rounded-md transition-colors hover:text-purple-400 ${isActive ? "bg-purple-700 bg-opacity-20 text-purple-400 border-l-4 border-purple-900" : theme === "dark" ? "text-neutral-400 hover:bg-neutral-800" : "text-neutral-600 hover:bg-neutral-100"}`,
+                    title: item.description,
                     children: [
-                      /* @__PURE__ */ jsxs32("div", { className: "flex items-center", children: [
-                        /* @__PURE__ */ jsx38(GroupIcon, { groupName }),
-                        /* @__PURE__ */ jsx38("span", { className: "ml-2", children: groupName }),
-                        /* @__PURE__ */ jsx38("span", { className: `ml-2 px-2 py-0.5 text-xs rounded-full ${theme === "dark" ? "bg-neutral-800 text-neutral-400" : "bg-neutral-200 text-neutral-600"}`, children: items.length })
+                      /* @__PURE__ */ jsx38(ItemIcon, { item }),
+                      /* @__PURE__ */ jsxs32("div", { className: "ml-2 flex-1", children: [
+                        /* @__PURE__ */ jsx38("div", { className: "font-medium", children: item.label }),
+                        item.description && /* @__PURE__ */ jsx38("div", { className: `text-xs truncate w-28 ${theme === "dark" ? "text-neutral-500" : "text-neutral-600"}`, children: item.description })
                       ] }),
-                      /* @__PURE__ */ jsx38(
-                        "svg",
-                        {
-                          className: `w-4 h-4 transition-transform ${isExpanded ? "rotate-90" : ""}`,
-                          fill: "none",
-                          stroke: "currentColor",
-                          viewBox: "0 0 24 24",
-                          "aria-hidden": "true",
-                          children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-                        }
-                      )
+                      item.version && /* @__PURE__ */ jsxs32("span", { className: `text-xs px-1.5 py-0.5 rounded ${theme === "dark" ? "text-primary-purple bg-neutral-800" : "text-primary bg-neutral-100"}`, children: [
+                        "v",
+                        item.version
+                      ] })
                     ]
-                  }
-                ),
-                isExpanded && /* @__PURE__ */ jsx38("div", { id: `group-${groupName}`, className: "ml-4 space-y-1", children: items.filter((item) => !(item.id === "authentication" && user?.role === "operator" /* Operator */)).filter((item) => !(item.id === "mod:authentication" && user?.role === "operator" /* Operator */)).map((item) => {
-                  const isActive = isItemActive(item);
-                  return /* @__PURE__ */ jsxs32(
-                    Link3,
-                    {
-                      to: item.to,
-                      onClick: () => setIsOpen?.(false),
-                      className: `flex items-center px-3 py-2 text-sm rounded-md transition-colors hover:text-purple-400 ${isActive ? "bg-purple-700 bg-opacity-20 text-purple-400 border-l-4 border-purple-900" : theme === "dark" ? "text-neutral-400 hover:bg-neutral-800" : "text-neutral-600 hover:bg-neutral-100"}`,
-                      title: item.description,
-                      children: [
-                        /* @__PURE__ */ jsx38(ItemIcon, { item }),
-                        /* @__PURE__ */ jsxs32("div", { className: "ml-2 flex-1", children: [
-                          /* @__PURE__ */ jsx38("div", { className: "font-medium", children: item.label }),
-                          item.description && /* @__PURE__ */ jsx38("div", { className: `text-xs truncate w-28 ${theme === "dark" ? "text-neutral-500" : "text-neutral-600"}`, children: item.description })
-                        ] }),
-                        item.version && /* @__PURE__ */ jsxs32("span", { className: `text-xs px-1.5 py-0.5 rounded ${theme === "dark" ? "text-primary-purple bg-neutral-800" : "text-primary bg-neutral-100"}`, children: [
-                          "v",
-                          item.version
-                        ] })
-                      ]
-                    },
-                    item.id
-                  );
-                }) })
-              ] }, groupName);
-            }) })
-          ] }),
-          totalModules > 0 && /* @__PURE__ */ jsx38("div", { className: `absolute bottom-0 left-0 right-0 p-4 border-t ${theme === "dark" ? "border-neutral-800" : "border-neutral-200"}`, children: /* @__PURE__ */ jsxs32("p", { className: `text-xs text-center ${theme === "dark" ? "text-neutral-400" : "text-neutral-500"}`, children: [
-            totalModules,
-            " m\xF3dulo",
-            totalModules !== 1 ? "s" : "",
-            " carregado",
-            totalModules !== 1 ? "s" : ""
-          ] }) })
-        ]
+                  },
+                  item.id
+                );
+              }) })
+            ] }, groupName);
+          }) })
+        ] })
       }
     )
   ] });
@@ -42571,9 +42611,33 @@ var VideoPlayer = ({
       }
       try {
         console.log("Initializing JSMpeg player url");
-        const apiBaseUrl = typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL ? import.meta.env.VITE_API_BASE_URL : "localhost:3000";
+        const resolveWsOrigin = () => {
+          try {
+            if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
+              const raw = import.meta.env.VITE_API_BASE_URL;
+              const pref = /^https?:\/\//i.test(raw) ? raw : `http://${raw}`;
+              const u16 = new URL(pref);
+              return u16.protocol === "https:" ? `wss://${u16.host}` : `ws://${u16.host}`;
+            }
+          } catch (e10) {
+          }
+          if (typeof window !== "undefined") {
+            const win = window;
+            if (win.__VIASOFT_API_BASE_URL) {
+              const raw = win.__VIASOFT_API_BASE_URL;
+              const pref = /^https?:\/\//i.test(raw) ? raw : `http://${raw}`;
+              const u16 = new URL(pref);
+              return u16.protocol === "https:" ? `wss://${u16.host}` : `ws://${u16.host}`;
+            }
+            if (window.location && window.location.host) {
+              return window.location.protocol === "https:" ? `wss://${window.location.host}` : `ws://${window.location.host}`;
+            }
+          }
+          return `ws://localhost:3000`;
+        };
+        const wsOrigin = resolveWsOrigin();
         playerRef.current = new window.JSMpeg.Player(
-          `ws://${apiBaseUrl}/ws/preview-xcoder_${pgmIndex}`,
+          `${wsOrigin}/ws/preview-xcoder_${pgmIndex}`,
           {
             canvas: videoRef.current,
             disableWebAssembly: false,

package/dist/context/AuthContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { User, Role } from '../types';
+interface AuthContextType {
+    user: User | null;
+    accessToken: string | null;
+    loading: boolean;
+    login: (username: string, password: string, options?: {
+        redirect?: boolean;
+    }) => Promise<void>;
+    logout: () => Promise<void>;
+    hasRole: (roles: Role | Role[]) => boolean;
+}
+export declare const AuthProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare function useAuth(): AuthContextType;
+export {};

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+}
+export declare function ThemeProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextType;
+export {};

package/dist/context/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProvider } from './ThemeContext';
+import { AuthProvider, useAuth } from './AuthContext';
+export { ThemeProvider, AuthProvider, useAuth, };

package/dist/context.js

@@ -3072,19 +3072,36 @@ var {
 } = axios_default;
 
 // src/services/api.ts
-var getApiBaseUrl = () => {
-  if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
-    return import.meta.env.VITE_API_BASE_URL;
+var normalizeOrigin = (raw) => {
+  if (!raw)
+    return "";
+  if (/^https?:\/\//i.test(raw) || /^wss?:\/\//i.test(raw))
+    return raw.replace(/\/$/, "");
+  return `http://${raw.replace(/\/$/, "")}`;
+};
+var getApiOrigin = () => {
+  try {
+    if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
+      return normalizeOrigin(import.meta.env.VITE_API_BASE_URL);
+    }
+  } catch (e) {
+  }
+  if (typeof window !== "undefined") {
+    const win = window;
+    if (win.__VIASOFT_API_BASE_URL)
+      return normalizeOrigin(win.__VIASOFT_API_BASE_URL);
+    if (window.location && window.location.origin)
+      return window.location.origin.replace(/\/$/, "");
   }
-  return "192.168.100.9:3000";
+  return "http://localhost:3000";
 };
-var serverUrl = getApiBaseUrl();
+var apiOrigin = getApiOrigin();
 var api = axios_default.create({
-  baseURL: `http://${serverUrl}`,
+  baseURL: apiOrigin,
   timeout: 1e4
 });
 var authApi = axios_default.create({
-  baseURL: `http://${serverUrl}`,
+  baseURL: apiOrigin,
   timeout: 1e4
 });
 function getAccessToken() {
@@ -3170,7 +3187,6 @@ authApi.interceptors.response.use(
     return Promise.reject(err);
   }
 );
-var serverOrigin = `http://${serverUrl}`;
 
 // src/services/auth.ts
 var authService = {
@@ -3239,7 +3255,7 @@ var MetadataLoader = class {
         );
       }
       metadata.forEach((page, index) => {
-        if (!page.id || !page.name || !page.path || !page.bundleUrl) {
+        if (!page.id || !page.name || !page.path || !page.url) {
           throw new Error(
             `Invalid page metadata at index ${index}: missing required fields`
           );

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useSettings } from './useSettings';
+export { useApi } from './useApi';
+export { default as useAvailableSubservices } from './useAvailableSubservices';

package/dist/hooks/useApi.d.ts

@@ -0,0 +1 @@
+export declare function useApi<T>(type: "json" | "text" | "void", key: readonly unknown[], path: string, params?: Record<string, any>, enabled?: boolean, refetchInterval?: number): import("@tanstack/react-query").UseQueryResult<import("@tanstack/react-query").NoInfer<T>, Error>;

package/dist/hooks/useAvailableSubservices.d.ts

@@ -0,0 +1,13 @@
+export interface Option {
+    label: string;
+    value: string;
+}
+/**
+ * Returns an array of select options for a given service key.
+ * - `serviceKey` should match the service identifier used by the backend (e.g. 'xcoder-audioencoder').
+ * - `fallbackCount` specifies how many default channels to generate when discovery is unavailable.
+ */
+export default function useAvailableSubservices(serviceKey: string, fallbackCount?: number): {
+    options: Option[];
+    loading: boolean;
+};

package/dist/hooks/useSettings.d.ts

@@ -0,0 +1,45 @@
+export interface UseSettingsOptions<T> {
+    /** Unique key for react-query caching */
+    queryKey: readonly unknown[];
+    /** API path for fetching settings (GET) */
+    fetchPath: string;
+    /** API path for saving settings (PATCH/PUT) - defaults to fetchPath */
+    savePath?: string;
+    /** Query params for fetch request */
+    fetchParams?: Record<string, any>;
+    /** Transform raw API response to settings model */
+    transform?: (data: any) => T;
+    /** Transform settings to API payload before save */
+    toPayload?: (settings: T) => any;
+    /** HTTP method for save: 'patch' | 'put' | 'post' */
+    saveMethod?: 'patch' | 'put' | 'post';
+    /** Enable/disable fetching */
+    enabled?: boolean;
+    /** Refetch interval in ms */
+    refetchInterval?: number;
+}
+export interface UseSettingsResult<T> {
+    /** Current working settings (editable) */
+    settings: T;
+    /** Last saved settings from server */
+    savedSettings: T;
+    /** Update a single field */
+    updateField: <K extends keyof T>(key: K, value: T[K]) => void;
+    /** Update multiple fields at once */
+    updateSettings: (partial: Partial<T>) => void;
+    /** Reset settings to last saved state */
+    discard: () => void;
+    /** Save current settings to server */
+    save: () => Promise<void>;
+    /** Whether settings have unsaved changes */
+    isDirty: boolean;
+    /** Whether initial fetch is loading */
+    isLoading: boolean;
+    /** Whether save is in progress */
+    isSaving: boolean;
+    /** Error from fetch or save */
+    error: Error | null;
+    /** Refetch settings from server */
+    refetch: () => void;
+}
+export declare function useSettings<T extends Record<string, any>>(defaultSettings: T, options: UseSettingsOptions<T>): UseSettingsResult<T>;

package/dist/hooks.js

@@ -3945,19 +3945,36 @@ var {
 } = axios_default;
 
 // src/services/api.ts
-var getApiBaseUrl = () => {
-  if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
-    return import.meta.env.VITE_API_BASE_URL;
+var normalizeOrigin = (raw) => {
+  if (!raw)
+    return "";
+  if (/^https?:\/\//i.test(raw) || /^wss?:\/\//i.test(raw))
+    return raw.replace(/\/$/, "");
+  return `http://${raw.replace(/\/$/, "")}`;
+};
+var getApiOrigin = () => {
+  try {
+    if (typeof import.meta !== "undefined" && import.meta.env?.VITE_API_BASE_URL) {
+      return normalizeOrigin(import.meta.env.VITE_API_BASE_URL);
+    }
+  } catch (e) {
+  }
+  if (typeof window !== "undefined") {
+    const win = window;
+    if (win.__VIASOFT_API_BASE_URL)
+      return normalizeOrigin(win.__VIASOFT_API_BASE_URL);
+    if (window.location && window.location.origin)
+      return window.location.origin.replace(/\/$/, "");
   }
-  return "192.168.100.9:3000";
+  return "http://localhost:3000";
 };
-var serverUrl = getApiBaseUrl();
+var apiOrigin = getApiOrigin();
 var api = axios_default.create({
-  baseURL: `http://${serverUrl}`,
+  baseURL: apiOrigin,
   timeout: 1e4
 });
 var authApi = axios_default.create({
-  baseURL: `http://${serverUrl}`,
+  baseURL: apiOrigin,
   timeout: 1e4
 });
 function getAccessToken() {
@@ -4121,7 +4138,6 @@ var fetchApi = {
     }
   }
 };
-var serverOrigin = `http://${serverUrl}`;
 
 // src/services/loadRemoteModule.ts
 import * as React7 from "react";
@@ -4154,7 +4170,7 @@ var MetadataLoader = class {
         );
       }
       metadata.forEach((page, index) => {
-        if (!page.id || !page.name || !page.path || !page.bundleUrl) {
+        if (!page.id || !page.name || !page.path || !page.url) {
           throw new Error(
             `Invalid page metadata at index ${index}: missing required fields`
           );

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './services';
+export * from './components';
+export * from './context';
+export * from './types';
+export * from './i18n';
+export * from './hooks';