@burdenoff/microfe-bigconsole 2026.1012.2 → 2026.1012.4

package/dist/bigconsole/hooks/useImportDashboard.js

@@ -1,9 +1,11 @@
-import { GetDashboardDocument as e, ImportDashboardDocument as t, UpdateDashboardDocument as n, ValidateDashboardImportDocument as r } from "../../generated/wspace-operations.js";
-import { createBigConsoleQuotaError as i, isBigConsoleQuotaError as a } from "../utils/quota.js";
-import { useCallback as o, useState as s } from "react";
-import { useApolloClient as c } from "@apollo/client/react";
+import { ImportDashboardDocument as e, ValidateDashboardImportDocument as t } from "../../generated/wspace-operations.js";
+import { useBigConsole as n } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import { createBigConsoleQuotaError as r, isBigConsoleQuotaError as i } from "../utils/quota.js";
+import { useCallback as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { useApolloClient as l } from "@apollo/client/react";
 //#region src/bigconsole/hooks/useImportDashboard.ts
-function l(e) {
+function u(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = (e) => {
@@ -12,148 +14,115 @@ function l(e) {
 		}, r.onerror = () => n(/* @__PURE__ */ Error("Failed to read file")), r.readAsText(e);
 	});
 }
-function u(e) {
-	if (e == null) return e;
-	if (Array.isArray(e)) return e.map((e) => u(e));
-	if (typeof e == "object") {
-		let t = {};
-		for (let [n, r] of Object.entries(e)) n !== "__typename" && (t[n] = u(r));
-		return t;
-	}
-	return e;
-}
-function d(e) {
-	try {
-		let t = JSON.parse(e);
-		return t.exportedFrom?.dashboardId || t.dashboard?.id || null;
-	} catch {
-		return null;
-	}
-}
-function f() {
-	let [f, p] = s(!1), [m, h] = s(null), [g, _] = s(null), [v, y] = s(null), b = c(), x = o(async (e) => {
+function d() {
+	let [d, f] = c(!1), [p, m] = c(null), [h, g] = c(null), [_, v] = c(null), y = l(), { currentUser: b, workspaceId: x } = n(), S = `${b?.id ?? ""}|${x ?? ""}`, C = s(S), w = s(0);
+	o(() => (C.current = S, w.current++, f(!1), m(null), g(null), v(null), () => {
+		C.current = "";
+	}), [S]);
+	let T = a(() => {
+		if (!x || !b?.id || C.current !== S) throw Error("Select a workspace before importing a dashboard.");
+		return {
+			requiredWorkspaceAuth: !0,
+			requiredWorkspaceId: x,
+			queryDeduplication: !1
+		};
+	}, [
+		x,
+		b?.id,
+		S
+	]), E = a(async (e) => {
+		let n = ++w.current, r = () => C.current === S && w.current === n;
 		try {
-			p(!0), h(null);
-			let t = (await b.query({
-				query: r,
+			let n = T();
+			f(!0), m(null), g(null), v(null);
+			let i = await y.query({
+				query: t,
 				variables: { content: e },
-				fetchPolicy: "network-only"
-			})).data?.validateDashboardImport;
-			if (t) return _(t), t;
+				fetchPolicy: "no-cache",
+				errorPolicy: "none",
+				context: n
+			});
+			if (!r()) return null;
+			if (i.error) throw i.error;
+			let a = i.data?.validateDashboardImport;
+			if (a) return g(a), a;
 			throw Error("Validation returned empty result");
 		} catch (e) {
-			return h(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to validate import")), null;
+			return r() && m(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to validate import")), null;
 		} finally {
-			p(!1);
+			r() && f(!1);
 		}
-	}, [b]), S = o(async (r, o = {}) => {
+	}, [
+		y,
+		S,
+		T
+	]), D = a(async (t, n = {}) => {
+		let a = ++w.current, o = () => C.current === S && w.current === a;
 		try {
-			p(!0), h(null);
-			let s = JSON.parse(r).dashboard, c = d(r), l = !1, f;
-			if (c) try {
-				let t = (await b.query({
-					query: e,
-					variables: { id: c },
-					fetchPolicy: "network-only"
-				})).data?.getDashboard;
-				if (t) {
-					if ((t.description || "") !== (s.description || "") || t.category !== s.category || t.visibility !== s.visibility || JSON.stringify(t.layout) !== JSON.stringify(s.layout) || JSON.stringify(t.metadata) !== JSON.stringify(s.metadata) || JSON.stringify(t.context) !== JSON.stringify(s.context)) {
-						let e = {
-							id: c,
-							name: t.name,
-							description: s.description || void 0,
-							category: s.category || void 0,
-							layout: u(s.layout) || void 0,
-							visibility: s.visibility || void 0,
-							metadata: u(s.metadata) || void 0,
-							context: u(s.context) || void 0,
-							translations: u(s.translations) || void 0
-						}, r = (await b.mutate({
-							mutation: n,
-							variables: { input: e }
-						})).data?.updateBigConsoleDashboard;
-						r && (l = !0, f = {
-							id: r.id,
-							name: r.name
-						});
-					} else {
-						f = {
-							id: t.id,
-							name: t.name
-						};
-						let e = {
-							success: !0,
-							dashboard: f,
-							originalUpdated: !1,
-							originalDashboard: f,
-							alreadyExists: !0
-						};
-						return y(e), e;
-					}
-					let e = {
-						success: !0,
-						dashboard: f,
-						originalUpdated: l,
-						originalDashboard: f,
-						alreadyExists: !1
-					};
-					return y(e), e;
-				}
-			} catch (e) {
-				console.warn("Could not fetch original dashboard:", e);
-			}
-			let m = await b.mutate({
-				mutation: t,
+			let a = T();
+			f(!0), m(null), v(null);
+			let s = await y.mutate({
+				mutation: e,
 				variables: { input: {
-					content: r,
-					name: o.name,
-					visibility: o.visibility,
-					skipWarnings: o.skipWarnings ?? !1
-				} }
+					content: t,
+					name: n.name,
+					visibility: n.visibility,
+					skipWarnings: n.skipWarnings ?? !1
+				} },
+				errorPolicy: "none",
+				context: a
 			});
-			if (a(m)) throw i(m);
-			let g = m.data?.importBigConsoleDashboard;
-			if (g) {
-				let e = {
-					...g,
-					originalUpdated: !1,
-					originalDashboard: void 0
-				};
-				return y(e), e;
-			}
-			throw Error("Import returned empty result");
+			if (!o()) return null;
+			if (i(s)) throw r(s);
+			if (s.error) throw s.error;
+			let c = s.data?.importBigConsoleDashboard;
+			if (!c) throw Error("Import returned empty result");
+			if (c.success && !c.dashboard?.id) throw Error("Import returned no dashboard");
+			return v(c), c;
 		} catch (e) {
-			if (a(e)) throw e;
-			return h(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to import dashboard")), null;
+			if (!o()) return null;
+			if (i(e)) throw e;
+			return m(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to import dashboard")), null;
 		} finally {
-			p(!1);
+			o() && f(!1);
 		}
-	}, [b]);
+	}, [
+		y,
+		S,
+		T
+	]);
 	return {
-		loading: f,
-		error: m,
-		validationResult: g,
-		importResult: v,
-		validateImport: x,
-		importDashboard: S,
-		importFromFile: o(async (e, t = {}) => {
+		loading: d,
+		error: p,
+		validationResult: h,
+		importResult: _,
+		validateImport: E,
+		importDashboard: D,
+		importFromFile: a(async (e, t = {}) => {
+			let n = ++w.current, r = () => C.current === S && w.current === n, i;
 			try {
-				if (!e.name.endsWith(".json")) throw Error("Invalid file type. Please select a JSON file.");
-				let n = await l(e);
+				if (T(), f(!0), m(null), g(null), v(null), !e.name.toLowerCase().endsWith(".json")) throw Error("Invalid file type. Please select a JSON file.");
+				if (i = await u(e), !r()) return null;
 				try {
-					JSON.parse(n);
+					JSON.parse(i);
 				} catch {
 					throw Error("Invalid JSON format. Please select a valid export file.");
 				}
-				return await S(n, t);
 			} catch (e) {
-				return h(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to import from file")), null;
+				return r() && m(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to import from file")), null;
+			} finally {
+				r() && f(!1);
 			}
-		}, [S]),
-		clearState: o(() => {
-			h(null), _(null), y(null);
+			return r() ? D(i, t) : null;
+		}, [
+			D,
+			S,
+			T
+		]),
+		clearState: a(() => {
+			w.current++, f(!1), m(null), g(null), v(null);
 		}, [])
 	};
 }
 //#endregion
-export { f as default };
+export { d as default };

package/dist/bigconsole/hooks/useWidgetCatalog.js

@@ -1,26 +1,27 @@
-import { GetWidgetTypesDocument as e } from "../../generated/wspace-operations.js";
+import { loadNativeWidgetCatalog as e } from "../graphql/widgetCapabilities.js";
 import t, { WIDGET_CATEGORY_LABELS as n, getAllWidgetDefinitions as r, getWidgetDefinition as i } from "../components/widgets/WidgetRegistry.js";
 import { isFederationAccessible as a, mapFromFederationWidgetType as o } from "../utils/widgetTypeMapping.js";
-import { useEffect as s, useMemo as c } from "react";
-import { useQuery as l } from "@tanstack/react-query";
-import { print as u } from "graphql";
+import { filterAdvancedWidgetDefinitions as s, nativeFederationTypes as c } from "../utils/advancedWidgetCapabilities.js";
+import { useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f } from "react";
+import { useApolloClient as p } from "@apollo/client/react";
+import { useQuery as m } from "@tanstack/react-query";
 //#region src/bigconsole/hooks/useWidgetCatalog.ts
-var d = new Set(Object.keys(n)), f = "Puzzle", p = "Installed";
-function m(e) {
+var h = new Set(Object.keys(n)), g = "Puzzle", _ = "Installed";
+function v(e) {
 	let n = String(e).toLowerCase();
 	return Object.prototype.hasOwnProperty.call(t, n) || a(e);
 }
-function h(e) {
+function y(e) {
 	let n = String(e).toLowerCase();
 	return Object.prototype.hasOwnProperty.call(t, n) ? n : o(e);
 }
-function g(e) {
+function b(e) {
 	return {
 		type: "custom",
 		name: e.label,
 		description: e.description,
-		icon: e.icon || f,
-		category: p,
+		icon: e.icon || g,
+		category: _,
 		component: null,
 		defaultConfig: {
 			...e.defaultConfig ?? {},
@@ -51,9 +52,9 @@ function g(e) {
 		tags: ["store", "installed"]
 	};
 }
-function _(e) {
-	if (!m(e.type)) return g(e);
-	let t = h(e.type), n = i(t), r = d.has(e.category) ? e.category : n.category;
+function x(e) {
+	if (!v(e.type)) return b(e);
+	let t = y(e.type), n = i(t), r = h.has(e.category) ? e.category : n.category;
 	return {
 		type: t,
 		name: e.label,
@@ -81,42 +82,46 @@ function _(e) {
 		tags: n.tags
 	};
 }
-function v(t = {}) {
-	let { workspaceId: n, apiGatewayUrl: i, authToken: a, enabled: o = !0 } = t, { data: d, isLoading: f, error: p } = l({
-		queryKey: ["widgetCatalog", n],
+function S(t = {}) {
+	let { workspaceId: n, apiGatewayUrl: i, enabled: a = !0 } = t, o = p(), h = f(n);
+	u(() => (h.current = a ? n : void 0, () => {
+		h.current = void 0;
+	}), [n, a]);
+	let { data: g, isLoading: _, error: v } = m({
+		queryKey: [
+			"widgetCatalog",
+			n,
+			i
+		],
 		queryFn: async () => {
-			let t = { "Content-Type": "application/json" };
-			n && (t["x-workspace-id"] = n), a && (t.Authorization = `Bearer ${a}`);
-			let r = i ? `${i}/workspaces/graphql` : "/workspaces/graphql", o = await fetch(r, {
-				method: "POST",
-				headers: t,
-				body: JSON.stringify({ query: u(e) })
-			});
-			if (!o.ok) throw Error(`Failed to fetch widget catalog: ${o.status}`);
-			let s = await o.json();
-			if (s.errors?.length) throw Error(s.errors[0].message);
-			return s.data?.getWidgetTypes ?? [];
+			if (!n || h.current !== n) throw Error("Widget catalog workspace changed.");
+			let t = await e(o, n);
+			if (h.current !== n) throw Error("Widget catalog workspace changed.");
+			return t;
 		},
-		enabled: o && !!n,
+		enabled: a && !!n,
 		staleTime: 600 * 1e3
 	});
-	return s(() => {
-		p && console.warn("Falling back to bundled widget registry:", p.message);
-	}, [p]), c(() => d && d.length > 0 ? {
-		definitions: d.map(_),
+	l(() => {
+		v && console.warn("Falling back to bundled widget registry:", v.message);
+	}, [v]);
+	let y = g?.getWidgetTypes, b = d(() => c(g?.getWidgetTypes ?? []), [g]);
+	return d(() => y && y.length > 0 ? {
+		definitions: s(y.map(x), b),
 		source: "backend",
-		loading: f,
-		error: p ?? void 0
+		loading: _,
+		error: v ?? void 0
 	} : {
-		definitions: r(),
+		definitions: s(r(), b),
 		source: "static",
-		loading: f,
-		error: p ?? void 0
+		loading: _,
+		error: v ?? void 0
 	}, [
-		d,
-		f,
-		p
+		y,
+		b,
+		_,
+		v
 	]);
 }
 //#endregion
-export { v as default };
+export { S as default };