@solidxai/core-ui 0.1.9-beta.9 → 0.1.9

package/dist/routes/AppEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppEventListener.js","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAO3F,MAAM,UAAU,gBAAgB;IAC9B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC;QACR,IAAM,GAAG,GAAG,QAAQ,CAAC,EAAE,CAAqB,SAAS,CAAC,WAAW,EAAE,UAAC,OAAO;YACzE,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE;gBACpB,cAAc,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aAC/D;YACD,IAAI,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAC1D,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACvB;QACH,CAAC,CAAC,CAAC;QACH,OAAO,cAAM,OAAA,GAAG,EAAE,EAAL,CAAK,CAAC;IACrB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,8BACE,KAAC,WAAW,KAAG,EACf,KAAC,kBAAkB,KAAG,IACrB,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { useRouter } from \"../hooks/useRouter\";\nimport { usePathname } from \"../hooks/usePathname\";\nimport { SolidStudio, PreviewModePersist } from \"../components/layout/SolidAiStudioLayout\";\n\ntype GlobalErrorPayload = {\n  status?: number | string;\n  message?: string;\n};\n\nexport function AppEventListener() {\n  const router = useRouter();\n  const pathname = usePathname();\n\n  useEffect(() => {\n    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {\n      if (payload?.message) {\n        sessionStorage.setItem(\"solidx.globalError\", payload.message);\n      }\n      if (pathname !== \"/error\" && pathname.startsWith(\"/admin\")) {\n        router.push(\"/error\");\n      }\n    });\n    return () => off();\n  }, [router, pathname]);\n\n  return (\n    <>\n      <SolidStudio />\n      <PreviewModePersist />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"AppEventListener.js","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { usePathname } from \"../hooks/usePathname\";\nimport { SolidStudio, PreviewModePersist } from \"../components/layout/SolidAiStudioLayout\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../redux/features/toastSlice\";\nimport { env } from \"../adapters/env\";\n\ntype GlobalErrorPayload = {\n  status?: number | string;\n  message?: string;\n  error?: unknown;\n};\n\nfunction isDevMode() {\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  return envName === \"dev\" || envName === \"development\";\n}\n\nfunction formatUnknownValue(value: unknown) {\n  if (typeof value === \"string\") return value;\n  if (value === null || value === undefined) return \"\";\n\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction buildDevErrorDetail(payload?: GlobalErrorPayload) {\n  if (!payload) return undefined;\n\n  const error = payload.error as any;\n  const lines: string[] = [];\n\n  if (payload.status !== undefined) {\n    lines.push(`Status: ${String(payload.status)}`);\n  }\n\n  if (payload.message) {\n    lines.push(`Summary: ${payload.message}`);\n  }\n\n  if (error?.message) {\n    lines.push(`Error: ${error.message}`);\n  }\n\n  if (error?.code) {\n    lines.push(`Code: ${error.code}`);\n  }\n\n  const responseData = error?.response?.data ?? error?.data;\n  const responseText = formatUnknownValue(responseData);\n  if (responseText) {\n    lines.push(`Response:\\n${responseText}`);\n  }\n\n  if (error?.stack) {\n    lines.push(`Stack:\\n${error.stack}`);\n  }\n\n  return lines.length > 0 ? lines.join(\"\\n\\n\") : undefined;\n}\n\nexport function AppEventListener() {\n  const pathname = usePathname();\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {\n      if (!pathname.startsWith(\"/admin\") && !pathname.startsWith(\"/auth\")) {\n        return;\n      }\n\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: payload?.message || \"Something went wrong\",\n          detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,\n          sticky: isDevMode(),\n          life: isDevMode() ? 10000 : 4000,\n        })\n      );\n    });\n    return () => off();\n  }, [dispatch, pathname]);\n\n  return (\n    <>\n      <SolidStudio />\n      <PreviewModePersist />\n    </>\n  );\n}\n"]}

package/dist/routes/AppEventListener.tsx

@@ -1,29 +1,90 @@
 import { useEffect } from "react";
 import { eventBus, AppEvents } from "../helpers/eventBus";
-import { useRouter } from "../hooks/useRouter";
 import { usePathname } from "../hooks/usePathname";
 import { SolidStudio, PreviewModePersist } from "../components/layout/SolidAiStudioLayout";
+import { useDispatch } from "react-redux";
+import { showToast } from "../redux/features/toastSlice";
+import { env } from "../adapters/env";
 
 type GlobalErrorPayload = {
   status?: number | string;
   message?: string;
+  error?: unknown;
 };
 
+function isDevMode() {
+  const envName = (env("VITE_SOLIDX_ENV") || "").toLowerCase();
+  return envName === "dev" || envName === "development";
+}
+
+function formatUnknownValue(value: unknown) {
+  if (typeof value === "string") return value;
+  if (value === null || value === undefined) return "";
+
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+
+function buildDevErrorDetail(payload?: GlobalErrorPayload) {
+  if (!payload) return undefined;
+
+  const error = payload.error as any;
+  const lines: string[] = [];
+
+  if (payload.status !== undefined) {
+    lines.push(`Status: ${String(payload.status)}`);
+  }
+
+  if (payload.message) {
+    lines.push(`Summary: ${payload.message}`);
+  }
+
+  if (error?.message) {
+    lines.push(`Error: ${error.message}`);
+  }
+
+  if (error?.code) {
+    lines.push(`Code: ${error.code}`);
+  }
+
+  const responseData = error?.response?.data ?? error?.data;
+  const responseText = formatUnknownValue(responseData);
+  if (responseText) {
+    lines.push(`Response:\n${responseText}`);
+  }
+
+  if (error?.stack) {
+    lines.push(`Stack:\n${error.stack}`);
+  }
+
+  return lines.length > 0 ? lines.join("\n\n") : undefined;
+}
+
 export function AppEventListener() {
-  const router = useRouter();
   const pathname = usePathname();
+  const dispatch = useDispatch();
 
   useEffect(() => {
     const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {
-      if (payload?.message) {
-        sessionStorage.setItem("solidx.globalError", payload.message);
-      }
-      if (pathname !== "/error" && pathname.startsWith("/admin")) {
-        router.push("/error");
+      if (!pathname.startsWith("/admin") && !pathname.startsWith("/auth")) {
+        return;
       }
+
+      dispatch(
+        showToast({
+          severity: "error",
+          summary: payload?.message || "Something went wrong",
+          detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,
+          sticky: isDevMode(),
+          life: isDevMode() ? 10000 : 4000,
+        })
+      );
     });
     return () => off();
-  }, [router, pathname]);
+  }, [dispatch, pathname]);
 
   return (
     <>

package/dist/routes/pages/admin/core/DashboardPage.d.ts

@@ -1,2 +1,3 @@
+import "gridstack/dist/gridstack.min.css";
 export declare function DashboardPage(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DashboardPage.d.ts.map

package/dist/routes/pages/admin/core/DashboardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DashboardPage.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,4CAU5B"}
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DashboardPage.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC;AAqa1C,wBAAgB,aAAa,4CA8lB5B"}