@solidxai/core-ui 0.1.12-beta.7 → 0.1.12-beta.8

package/dist/components/layout/navbar-two-menu.tsx

@@ -2,6 +2,7 @@ import Link from "../common/Link";
 import { useState, useEffect } from "react";
 import { useSearchParams } from "../../hooks/useSearchParams";
 import { resolveRetainedModelViewRoute } from "../../helpers/modelViewPersistence";
+import { SolidMenuItemIcon } from "./SolidMenuItemIcon";
 
 const NavbarTwoMenu = ({ menuItems }: any) => {
     const searchParams = useSearchParams();
@@ -21,12 +22,7 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
             <div key={item?.key} className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? "p-highlight" : ""}`} onClick={options.onClick} >
                 <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-between font-normal">
                     <div className="flex items-center" style={{ gap: 10 }}>
-                        {item.icon && (
-                            // material-symbols-${item.iconVariant ?? 'outlined'}
-                            <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
-                                {item.icon}
-                            </span>
-                        )}
+                        <SolidMenuItemIcon item={item.source ?? item} />
                         <span>
                             {item.label}
                         </span>
@@ -47,7 +43,7 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
                 key: mi.key,
                 id: menuItemId,   // ← extracted from path
                 label: mi.title,
-                icon: mi.icon ?? "",
+                source: mi,
                 // iconVariant: mi.iconVariant,
                 template: itemRenderer,
                 url: resolvedPath,
@@ -91,11 +87,7 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
                             <div className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? "p-highlight" : ""}`}>
                                 <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-between font-normal">
                                     <div className="flex items-center" style={{ gap: 10 }}>
-                                        {item.icon && (
-                                            <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
-                                                {item.icon}
-                                            </span>
-                                        )}
+                                        <SolidMenuItemIcon item={item.source ?? item} />
                                         <span>{item.label}</span>
                                     </div>
                                 </Link>

package/dist/components/shad-cn-ui/SolidCodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAU,EACV,QAAQ,EACR,MAAgB,EAChB,QAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,QAAuB,GACxB,EAAE,oBAAoB,2CA8BtB"}
+{"version":3,"file":"SolidCodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":"AAGA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAU,EACV,QAAQ,EACR,MAAgB,EAChB,QAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,QAAuB,GACxB,EAAE,oBAAoB,2CAkEtB"}

package/dist/components/shad-cn-ui/SolidCodeEditor.js

@@ -1,15 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Editor from "@monaco-editor/react";
+import { useEffect, useState } from "react";
 export function SolidCodeEditor(_a) {
     var _b = _a.value, value = _b === void 0 ? "" : _b, onChange = _a.onChange, _c = _a.height, height = _c === void 0 ? "300px" : _c, _d = _a.fontSize, fontSize = _d === void 0 ? "14px" : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, className = _a.className, _f = _a.language, language = _f === void 0 ? "javascript" : _f;
+    var _g = useState("vs"), editorTheme = _g[0], setEditorTheme = _g[1];
+    useEffect(function () {
+        if (typeof document === "undefined") {
+            return;
+        }
+        var root = document.documentElement;
+        var syncTheme = function () {
+            var _a;
+            var isDarkTheme = root.dataset.theme === "dark" ||
+                root.classList.contains("dark") ||
+                ((_a = document.body) === null || _a === void 0 ? void 0 : _a.dataset.theme) === "dark";
+            setEditorTheme(isDarkTheme ? "vs-dark" : "vs");
+        };
+        syncTheme();
+        var observer = new MutationObserver(syncTheme);
+        observer.observe(root, {
+            attributes: true,
+            attributeFilter: ["class", "data-theme"],
+        });
+        if (document.body) {
+            observer.observe(document.body, {
+                attributes: true,
+                attributeFilter: ["class", "data-theme"],
+            });
+        }
+        return function () { return observer.disconnect(); };
+    }, []);
     return (_jsx("div", { className: className, style: {
             width: "100%",
             minWidth: 0,
             border: "1px solid var(--surface-border, #d0d7de)",
             borderRadius: "0.5rem",
             overflow: "hidden",
-            background: "var(--surface-card, #fff)",
-        }, children: _jsx(Editor, { width: "100%", height: height, language: language, value: value, onChange: function (val) { return onChange === null || onChange === void 0 ? void 0 : onChange(val !== null && val !== void 0 ? val : ""); }, options: {
+            background: editorTheme === "vs-dark" ? "var(--surface-ground, #111827)" : "var(--surface-card, #fff)",
+        }, children: _jsx(Editor, { width: "100%", height: height, theme: editorTheme, language: language, value: value, onChange: function (val) { return onChange === null || onChange === void 0 ? void 0 : onChange(val !== null && val !== void 0 ? val : ""); }, options: {
                 readOnly: readOnly,
                 minimap: { enabled: false },
                 lineNumbers: "on",

package/dist/components/shad-cn-ui/SolidCodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCodeEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,UAAU,eAAe,CAAC,EAQT;QAPrB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,gBAAuB,EAAvB,QAAQ,mBAAG,YAAY,KAAA;IAEvB,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,0CAA0C;YAClD,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,2BAA2B;SACxC,YAED,KAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC,EAArB,CAAqB,EACxC,OAAO,EAAE;gBACP,QAAQ,UAAA;gBACR,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAC3B,WAAW,EAAE,IAAI;gBACjB,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;gBACxF,oBAAoB,EAAE,KAAK;gBAC3B,mBAAmB,EAAE,KAAK;aAC3B,GACD,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import Editor from \"@monaco-editor/react\";\n\ntype SolidCodeEditorProps = {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  height?: string;\n  fontSize?: string | number;\n  readOnly?: boolean;\n  className?: string;\n  language?: string;\n};\n\nexport function SolidCodeEditor({\n  value = \"\",\n  onChange,\n  height = \"300px\",\n  fontSize = \"14px\",\n  readOnly = false,\n  className,\n  language = \"javascript\",\n}: SolidCodeEditorProps) {\n  return (\n    <div\n      className={className}\n      style={{\n        width: \"100%\",\n        minWidth: 0,\n        border: \"1px solid var(--surface-border, #d0d7de)\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        background: \"var(--surface-card, #fff)\",\n      }}\n    >\n      <Editor\n        width=\"100%\"\n        height={height}\n        language={language}\n        value={value}\n        onChange={(val) => onChange?.(val ?? \"\")}\n        options={{\n          readOnly,\n          minimap: { enabled: false },\n          lineNumbers: \"on\",\n          fontSize: typeof fontSize === \"number\" ? fontSize : parseInt(String(fontSize), 10) || 14,\n          scrollBeyondLastLine: false,\n          overviewRulerBorder: false,\n        }}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SolidCodeEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import Editor from \"@monaco-editor/react\";\nimport { useEffect, useState } from \"react\";\n\ntype SolidCodeEditorProps = {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  height?: string;\n  fontSize?: string | number;\n  readOnly?: boolean;\n  className?: string;\n  language?: string;\n};\n\nexport function SolidCodeEditor({\n  value = \"\",\n  onChange,\n  height = \"300px\",\n  fontSize = \"14px\",\n  readOnly = false,\n  className,\n  language = \"javascript\",\n}: SolidCodeEditorProps) {\n  const [editorTheme, setEditorTheme] = useState<\"vs\" | \"vs-dark\">(\"vs\");\n\n  useEffect(() => {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n\n    const root = document.documentElement;\n    const syncTheme = () => {\n      const isDarkTheme =\n        root.dataset.theme === \"dark\" ||\n        root.classList.contains(\"dark\") ||\n        document.body?.dataset.theme === \"dark\";\n\n      setEditorTheme(isDarkTheme ? \"vs-dark\" : \"vs\");\n    };\n\n    syncTheme();\n\n    const observer = new MutationObserver(syncTheme);\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: [\"class\", \"data-theme\"],\n    });\n\n    if (document.body) {\n      observer.observe(document.body, {\n        attributes: true,\n        attributeFilter: [\"class\", \"data-theme\"],\n      });\n    }\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div\n      className={className}\n      style={{\n        width: \"100%\",\n        minWidth: 0,\n        border: \"1px solid var(--surface-border, #d0d7de)\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        background: editorTheme === \"vs-dark\" ? \"var(--surface-ground, #111827)\" : \"var(--surface-card, #fff)\",\n      }}\n    >\n      <Editor\n        width=\"100%\"\n        height={height}\n        theme={editorTheme}\n        language={language}\n        value={value}\n        onChange={(val) => onChange?.(val ?? \"\")}\n        options={{\n          readOnly,\n          minimap: { enabled: false },\n          lineNumbers: \"on\",\n          fontSize: typeof fontSize === \"number\" ? fontSize : parseInt(String(fontSize), 10) || 14,\n          scrollBeyondLastLine: false,\n          overviewRulerBorder: false,\n        }}\n      />\n    </div>\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidCodeEditor.tsx

@@ -1,4 +1,5 @@
 import Editor from "@monaco-editor/react";
+import { useEffect, useState } from "react";
 
 type SolidCodeEditorProps = {
   value?: string;
@@ -19,6 +20,41 @@ export function SolidCodeEditor({
   className,
   language = "javascript",
 }: SolidCodeEditorProps) {
+  const [editorTheme, setEditorTheme] = useState<"vs" | "vs-dark">("vs");
+
+  useEffect(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+
+    const root = document.documentElement;
+    const syncTheme = () => {
+      const isDarkTheme =
+        root.dataset.theme === "dark" ||
+        root.classList.contains("dark") ||
+        document.body?.dataset.theme === "dark";
+
+      setEditorTheme(isDarkTheme ? "vs-dark" : "vs");
+    };
+
+    syncTheme();
+
+    const observer = new MutationObserver(syncTheme);
+    observer.observe(root, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"],
+    });
+
+    if (document.body) {
+      observer.observe(document.body, {
+        attributes: true,
+        attributeFilter: ["class", "data-theme"],
+      });
+    }
+
+    return () => observer.disconnect();
+  }, []);
+
   return (
     <div
       className={className}
@@ -28,12 +64,13 @@ export function SolidCodeEditor({
         border: "1px solid var(--surface-border, #d0d7de)",
         borderRadius: "0.5rem",
         overflow: "hidden",
-        background: "var(--surface-card, #fff)",
+        background: editorTheme === "vs-dark" ? "var(--surface-ground, #111827)" : "var(--surface-card, #fff)",
       }}
     >
       <Editor
         width="100%"
         height={height}
+        theme={editorTheme}
         language={language}
         value={value}
         onChange={(val) => onChange?.(val ?? "")}

package/dist/helpers/backendHealthMonitor.d.ts

@@ -0,0 +1,39 @@
+export type BackendHealthStatus = "online" | "checking" | "offline";
+export type BackendHealthState = {
+    status: BackendHealthStatus;
+    firstFailureAt: number | null;
+    lastFailureAt: number | null;
+    unavailableToastDelayMs: number;
+    retryDelayMs: number;
+    message: string;
+    statusCode?: number | string;
+    error?: unknown;
+};
+type BackendHealthListener = (state: BackendHealthState) => void;
+type BackendHealthConfig = {
+    unavailableToastDelayMs?: number;
+    retryDelayMs?: number;
+};
+declare class BackendHealthMonitor {
+    private listeners;
+    private pollingPromise;
+    private offlineTimer;
+    private config;
+    private state;
+    subscribe(listener: BackendHealthListener): () => void;
+    getState(): BackendHealthState;
+    configure(nextConfig?: BackendHealthConfig): void;
+    reportFailure(payload?: {
+        status?: number | string;
+        message?: string;
+        error?: unknown;
+    }): void;
+    reportSuccess(): void;
+    private emit;
+    private scheduleOfflineTimer;
+    private clearOfflineTimer;
+    private ensurePolling;
+}
+export declare const backendHealthMonitor: BackendHealthMonitor;
+export {};
+//# sourceMappingURL=backendHealthMonitor.d.ts.map

package/dist/helpers/backendHealthMonitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backendHealthMonitor.d.ts","sourceRoot":"","sources":["../../src/helpers/backendHealthMonitor.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAEjE,KAAK,mBAAmB,GAAG;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAUF,cAAM,oBAAoB;IACxB,OAAO,CAAC,SAAS,CAAoC;IACrD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,MAAM,CASZ;IAEF,OAAO,CAAC,KAAK,CAOX;IAEF,SAAS,CAAC,QAAQ,EAAE,qBAAqB;IAQzC,QAAQ;IAIR,SAAS,CAAC,UAAU,GAAE,mBAAwB;IAc9C,aAAa,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE;IAoBvF,aAAa;IAkBb,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,iBAAiB;YAOX,aAAa;CAuB5B;AAED,eAAO,MAAM,oBAAoB,sBAA6B,CAAC"}

package/dist/helpers/backendHealthMonitor.js

@@ -0,0 +1,255 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { env } from "../adapters/env";
+import { pingBackendAvailability } from "./waitForBackendAvailability";
+var DEFAULT_UNAVAILABLE_TOAST_DELAY_MS = 60000;
+var DEFAULT_RETRY_DELAY_MS = 1500;
+function parsePositiveInteger(value, fallback) {
+    var parsed = Number.parseInt(value, 10);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;
+}
+var BackendHealthMonitor = /** @class */ (function () {
+    function BackendHealthMonitor() {
+        Object.defineProperty(this, "listeners", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Set()
+        });
+        Object.defineProperty(this, "pollingPromise", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "offlineTimer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                unavailableToastDelayMs: parsePositiveInteger(env("BACKEND_UNAVAILABLE_TOAST_DELAY_MS", "".concat(DEFAULT_UNAVAILABLE_TOAST_DELAY_MS)), DEFAULT_UNAVAILABLE_TOAST_DELAY_MS),
+                retryDelayMs: parsePositiveInteger(env("BACKEND_RETRY_DELAY_MS", "".concat(DEFAULT_RETRY_DELAY_MS)), DEFAULT_RETRY_DELAY_MS),
+            }
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                status: "online",
+                firstFailureAt: null,
+                lastFailureAt: null,
+                unavailableToastDelayMs: this.config.unavailableToastDelayMs,
+                retryDelayMs: this.config.retryDelayMs,
+                message: "",
+            }
+        });
+    }
+    Object.defineProperty(BackendHealthMonitor.prototype, "subscribe", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (listener) {
+            var _this = this;
+            this.listeners.add(listener);
+            listener(this.state);
+            return function () {
+                _this.listeners.delete(listener);
+            };
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "getState", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return this.state;
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "configure", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (nextConfig) {
+            var _a, _b;
+            if (nextConfig === void 0) { nextConfig = {}; }
+            this.config = {
+                unavailableToastDelayMs: (_a = nextConfig.unavailableToastDelayMs) !== null && _a !== void 0 ? _a : this.config.unavailableToastDelayMs,
+                retryDelayMs: (_b = nextConfig.retryDelayMs) !== null && _b !== void 0 ? _b : this.config.retryDelayMs,
+            };
+            this.state = __assign(__assign({}, this.state), { unavailableToastDelayMs: this.config.unavailableToastDelayMs, retryDelayMs: this.config.retryDelayMs });
+            this.emit();
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "reportFailure", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (payload) {
+            var _a;
+            var now = Date.now();
+            this.state = __assign(__assign({}, this.state), { status: this.state.status === "offline" ? "offline" : "checking", firstFailureAt: (_a = this.state.firstFailureAt) !== null && _a !== void 0 ? _a : now, lastFailureAt: now, unavailableToastDelayMs: this.config.unavailableToastDelayMs, retryDelayMs: this.config.retryDelayMs, message: (payload === null || payload === void 0 ? void 0 : payload.message) || "Unable to reach the server. Reconnecting...", statusCode: payload === null || payload === void 0 ? void 0 : payload.status, error: payload === null || payload === void 0 ? void 0 : payload.error });
+            this.emit();
+            this.scheduleOfflineTimer();
+            void this.ensurePolling();
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "reportSuccess", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            if (this.state.status === "online") {
+                return;
+            }
+            this.clearOfflineTimer();
+            this.state = __assign(__assign({}, this.state), { status: "online", firstFailureAt: null, lastFailureAt: null, message: "", statusCode: undefined, error: undefined });
+            this.emit();
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "emit", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            for (var _i = 0, _a = Array.from(this.listeners); _i < _a.length; _i++) {
+                var listener = _a[_i];
+                listener(this.state);
+            }
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "scheduleOfflineTimer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            if (this.offlineTimer != null) {
+                return;
+            }
+            this.offlineTimer = window.setTimeout(function () {
+                _this.offlineTimer = null;
+                if (_this.state.status !== "online" && _this.state.firstFailureAt != null) {
+                    _this.state = __assign(__assign({}, _this.state), { status: "offline", message: _this.state.message || "Server unavailable." });
+                    _this.emit();
+                }
+            }, this.config.unavailableToastDelayMs);
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "clearOfflineTimer", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            if (this.offlineTimer != null) {
+                window.clearTimeout(this.offlineTimer);
+                this.offlineTimer = null;
+            }
+        }
+    });
+    Object.defineProperty(BackendHealthMonitor.prototype, "ensurePolling", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (this.pollingPromise) {
+                                return [2 /*return*/, this.pollingPromise];
+                            }
+                            this.pollingPromise = (function () { return __awaiter(_this, void 0, void 0, function () {
+                                var reachable;
+                                var _this = this;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(this.state.status !== "online")) return [3 /*break*/, 3];
+                                            return [4 /*yield*/, pingBackendAvailability()];
+                                        case 1:
+                                            reachable = _a.sent();
+                                            if (reachable) {
+                                                this.reportSuccess();
+                                                return [3 /*break*/, 3];
+                                            }
+                                            return [4 /*yield*/, new Promise(function (resolve) { return window.setTimeout(resolve, _this.config.retryDelayMs); })];
+                                        case 2:
+                                            _a.sent();
+                                            return [3 /*break*/, 0];
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); })();
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, , 3, 4]);
+                            return [4 /*yield*/, this.pollingPromise];
+                        case 2:
+                            _a.sent();
+                            return [3 /*break*/, 4];
+                        case 3:
+                            this.pollingPromise = null;
+                            return [7 /*endfinally*/];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        }
+    });
+    return BackendHealthMonitor;
+}());
+export var backendHealthMonitor = new BackendHealthMonitor();
+//# sourceMappingURL=backendHealthMonitor.js.map

package/dist/helpers/backendHealthMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backendHealthMonitor.js","sourceRoot":"","sources":["../../src/helpers/backendHealthMonitor.ts"],"names":[],"mappings":"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","sourcesContent":["import { env } from \"../adapters/env\";\nimport { pingBackendAvailability } from \"./waitForBackendAvailability\";\n\nexport type BackendHealthStatus = \"online\" | \"checking\" | \"offline\";\n\nexport type BackendHealthState = {\n  status: BackendHealthStatus;\n  firstFailureAt: number | null;\n  lastFailureAt: number | null;\n  unavailableToastDelayMs: number;\n  retryDelayMs: number;\n  message: string;\n  statusCode?: number | string;\n  error?: unknown;\n};\n\ntype BackendHealthListener = (state: BackendHealthState) => void;\n\ntype BackendHealthConfig = {\n  unavailableToastDelayMs?: number;\n  retryDelayMs?: number;\n};\n\nconst DEFAULT_UNAVAILABLE_TOAST_DELAY_MS = 60_000;\nconst DEFAULT_RETRY_DELAY_MS = 1_500;\n\nfunction parsePositiveInteger(value: string, fallback: number) {\n  const parsed = Number.parseInt(value, 10);\n  return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;\n}\n\nclass BackendHealthMonitor {\n  private listeners = new Set<BackendHealthListener>();\n  private pollingPromise: Promise<void> | null = null;\n  private offlineTimer: number | null = null;\n  private config: Required<BackendHealthConfig> = {\n    unavailableToastDelayMs: parsePositiveInteger(\n      env(\"BACKEND_UNAVAILABLE_TOAST_DELAY_MS\", `${DEFAULT_UNAVAILABLE_TOAST_DELAY_MS}`),\n      DEFAULT_UNAVAILABLE_TOAST_DELAY_MS,\n    ),\n    retryDelayMs: parsePositiveInteger(\n      env(\"BACKEND_RETRY_DELAY_MS\", `${DEFAULT_RETRY_DELAY_MS}`),\n      DEFAULT_RETRY_DELAY_MS,\n    ),\n  };\n\n  private state: BackendHealthState = {\n    status: \"online\",\n    firstFailureAt: null,\n    lastFailureAt: null,\n    unavailableToastDelayMs: this.config.unavailableToastDelayMs,\n    retryDelayMs: this.config.retryDelayMs,\n    message: \"\",\n  };\n\n  subscribe(listener: BackendHealthListener) {\n    this.listeners.add(listener);\n    listener(this.state);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  getState() {\n    return this.state;\n  }\n\n  configure(nextConfig: BackendHealthConfig = {}) {\n    this.config = {\n      unavailableToastDelayMs: nextConfig.unavailableToastDelayMs ?? this.config.unavailableToastDelayMs,\n      retryDelayMs: nextConfig.retryDelayMs ?? this.config.retryDelayMs,\n    };\n\n    this.state = {\n      ...this.state,\n      unavailableToastDelayMs: this.config.unavailableToastDelayMs,\n      retryDelayMs: this.config.retryDelayMs,\n    };\n    this.emit();\n  }\n\n  reportFailure(payload?: { status?: number | string; message?: string; error?: unknown }) {\n    const now = Date.now();\n\n    this.state = {\n      ...this.state,\n      status: this.state.status === \"offline\" ? \"offline\" : \"checking\",\n      firstFailureAt: this.state.firstFailureAt ?? now,\n      lastFailureAt: now,\n      unavailableToastDelayMs: this.config.unavailableToastDelayMs,\n      retryDelayMs: this.config.retryDelayMs,\n      message: payload?.message || \"Unable to reach the server. Reconnecting...\",\n      statusCode: payload?.status,\n      error: payload?.error,\n    };\n    this.emit();\n\n    this.scheduleOfflineTimer();\n    void this.ensurePolling();\n  }\n\n  reportSuccess() {\n    if (this.state.status === \"online\") {\n      return;\n    }\n\n    this.clearOfflineTimer();\n    this.state = {\n      ...this.state,\n      status: \"online\",\n      firstFailureAt: null,\n      lastFailureAt: null,\n      message: \"\",\n      statusCode: undefined,\n      error: undefined,\n    };\n    this.emit();\n  }\n\n  private emit() {\n    for (const listener of Array.from(this.listeners)) {\n      listener(this.state);\n    }\n  }\n\n  private scheduleOfflineTimer() {\n    if (this.offlineTimer != null) {\n      return;\n    }\n\n    this.offlineTimer = window.setTimeout(() => {\n      this.offlineTimer = null;\n      if (this.state.status !== \"online\" && this.state.firstFailureAt != null) {\n        this.state = {\n          ...this.state,\n          status: \"offline\",\n          message: this.state.message || \"Server unavailable.\",\n        };\n        this.emit();\n      }\n    }, this.config.unavailableToastDelayMs);\n  }\n\n  private clearOfflineTimer() {\n    if (this.offlineTimer != null) {\n      window.clearTimeout(this.offlineTimer);\n      this.offlineTimer = null;\n    }\n  }\n\n  private async ensurePolling() {\n    if (this.pollingPromise) {\n      return this.pollingPromise;\n    }\n\n    this.pollingPromise = (async () => {\n      while (this.state.status !== \"online\") {\n        const reachable = await pingBackendAvailability();\n        if (reachable) {\n          this.reportSuccess();\n          break;\n        }\n\n        await new Promise((resolve) => window.setTimeout(resolve, this.config.retryDelayMs));\n      }\n    })();\n\n    try {\n      await this.pollingPromise;\n    } finally {\n      this.pollingPromise = null;\n    }\n  }\n}\n\nexport const backendHealthMonitor = new BackendHealthMonitor();\n\n"]}