@plumile/backoffice-react 0.1.179 → 0.1.182

package/lib/esm/relay/environment.js

@@ -1,463 +1,2 @@
-import { isDevEnv as e } from "./envHelpers.js";
-import { Environment as t, Network as n, Observable as r, RecordSource as i, Store as a } from "relay-runtime";
-//#region src/relay/environment.ts
-var o = "/api/graphql", s = "/api/ws", c, l, u, d, f = "graphql-transport-ws", p = 5e3, m = 1e4, h = 10, g = 500, _ = {
-	generation: 0,
-	reason: null,
-	status: "idle"
-}, v = /* @__PURE__ */ new Set();
-function y() {}
-var b = y;
-e() && (b = (e) => {
-	console.log("relayFieldLogger: ", e);
-});
-var x = (e) => {
-	if (typeof e != "object" || !e) return null;
-	let { id: t } = e;
-	return typeof t != "string" || t.trim() === "" ? null : t;
-}, S = (e, t) => d?.(e, t) ?? x(e, t);
-function C(e, t) {
-	_ = {
-		generation: _.generation + 1,
-		reason: t,
-		status: e
-	};
-	for (let e of v) e();
-}
-function w() {
-	if (l != null) {
-		try {
-			l.dispose();
-		} catch {}
-		l = void 0;
-	}
-}
-function T() {
-	return _;
-}
-function E(e) {
-	return v.add(e), () => {
-		v.delete(e);
-	};
-}
-function D(e = {}) {
-	w(), C("reconnecting", e.reason ?? "manual_reconnect");
-}
-async function O(e = {}) {
-	let t = l;
-	t?.hasActiveConnection() && (await t.refreshAuthentication() || D({ reason: e.reason ?? "auth_refresh_fallback" }));
-}
-function k(e = {}) {
-	let { httpUrl: t, wsUrl: n, logEvents: r, getDataId: i, getAuthHeaders: a } = e;
-	typeof t == "string" && t !== "" && (o = t), typeof n == "string" && n !== "" && (s = n), r != null && (b = r ? (e) => {
-		console.log("relayFieldLogger: ", e);
-	} : y), d = i, u = a, w(), c = void 0, C("configured", "configure");
-}
-function A() {
-	let e = s;
-	if (e.startsWith("ws")) return e;
-	if (e.startsWith("http")) return e.replace(/^http/, "ws");
-	if (e.startsWith("/")) {
-		if (typeof window > "u") return e;
-		let t = "ws:";
-		return window.location.protocol === "https:" && (t = "wss:"), `${t}//${window.location.host}${e}`;
-	}
-	return e;
-}
-function j(...t) {
-	e() && console.log("[RelayNetwork]", ...t);
-}
-async function M() {
-	return u == null ? {} : u();
-}
-var N = class {
-	url;
-	socket = null;
-	connectPromise = null;
-	disposed = !1;
-	acknowledged = !1;
-	retryCount = 0;
-	nextId = 1;
-	keepAliveTimer = null;
-	subscriptions = /* @__PURE__ */ new Map();
-	pendingAuthUpdate = null;
-	constructor(e) {
-		this.url = e;
-	}
-	hasActiveConnection() {
-		return this.socket?.readyState === WebSocket.OPEN && this.acknowledged;
-	}
-	dispose() {
-		this.disposed = !0, this.resolvePendingAuthUpdate(!1), this.stopKeepAlive();
-		let { socket: e } = this;
-		this.socket = null, this.connectPromise = null, this.acknowledged = !1, e != null && e.readyState !== WebSocket.CLOSED && e.close(1e3, "Normal Closure");
-	}
-	subscribe(e, t) {
-		let n = String(this.nextId);
-		return this.nextId += 1, this.subscriptions.set(n, {
-			payload: e,
-			sink: t
-		}), this.connectAndSubscribe(n).catch((e) => {
-			j("subscription websocket connect failed", e), this.scheduleReconnect();
-		}), () => {
-			this.unsubscribe(n);
-		};
-	}
-	async refreshAuthentication() {
-		if (!this.hasActiveConnection()) return !0;
-		let { socket: e } = this;
-		if (e == null) return !0;
-		if (this.pendingAuthUpdate != null) return !1;
-		let t;
-		try {
-			t = await M();
-		} catch {
-			return !1;
-		}
-		return Object.keys(t).length === 0 ? !1 : new Promise((e) => {
-			let n = setTimeout(() => {
-				this.pendingAuthUpdate = null, e(!1);
-			}, p);
-			this.pendingAuthUpdate = {
-				resolve: e,
-				timeout: n
-			}, this.send({
-				type: "connection_auth_update",
-				payload: t
-			});
-		});
-	}
-	async connectAndSubscribe(e) {
-		let t = this.hasActiveConnection();
-		if (await this.ensureConnected(), !t) return;
-		let n = this.subscriptions.get(e);
-		n != null && this.send({
-			id: e,
-			type: "subscribe",
-			payload: n.payload
-		});
-	}
-	async ensureConnected() {
-		if (!this.hasActiveConnection()) {
-			if (this.connectPromise != null) {
-				await this.connectPromise;
-				return;
-			}
-			this.connectPromise = this.openSocket();
-			try {
-				await this.connectPromise;
-			} finally {
-				this.connectPromise = null;
-			}
-		}
-	}
-	async openSocket() {
-		if (this.disposed) throw Error("WebSocket client is disposed");
-		await new Promise((e, t) => {
-			let n = !1, r = () => {
-				n || (n = !0, e());
-			}, i = (e) => {
-				n || (n = !0, t(e));
-			}, a = new WebSocket(this.url, f);
-			this.socket = a, this.acknowledged = !1, a.onopen = () => {
-				M().catch(() => ({})).then((e) => {
-					if (a.readyState === WebSocket.OPEN) {
-						if (Object.keys(e).length > 0) {
-							this.send({
-								type: "connection_init",
-								payload: e
-							});
-							return;
-						}
-						this.send({ type: "connection_init" });
-					}
-				}).catch((e) => {
-					i(e);
-				});
-			}, a.onerror = () => {
-				i(/* @__PURE__ */ Error("GraphQL subscription websocket error"));
-			}, a.onmessage = (e) => {
-				this.handleMessage(e.data, r, i);
-			}, a.onclose = () => {
-				i(/* @__PURE__ */ Error("GraphQL subscription websocket closed")), this.handleClose();
-			};
-		});
-	}
-	handleMessage(e, t, n) {
-		let r;
-		try {
-			r = JSON.parse(String(e));
-		} catch {
-			n(/* @__PURE__ */ Error("Invalid GraphQL websocket message")), this.socket?.close(4400, "Invalid websocket message");
-			return;
-		}
-		switch (r.type) {
-			case "connection_ack":
-				this.acknowledged = !0, this.retryCount = 0, this.startKeepAlive(), t(), this.resubscribeActiveOperations();
-				return;
-			case "connection_auth_update_ack":
-				this.resolvePendingAuthUpdate(!0);
-				return;
-			case "next":
-				this.subscriptions.get(r.id)?.sink.next(r.payload);
-				return;
-			case "error":
-				r.id == null ? this.resolvePendingAuthUpdate(!1) : this.failSubscription(r.id, r.payload);
-				return;
-			case "complete":
-				this.completeSubscription(r.id);
-				return;
-			case "ping":
-				this.send({
-					type: "pong",
-					payload: r.payload
-				});
-				return;
-			case "pong": return;
-			default: n(/* @__PURE__ */ Error("Unsupported GraphQL websocket message")), this.socket?.close(4400, "Unsupported websocket message");
-		}
-	}
-	handleClose() {
-		this.acknowledged = !1, this.socket = null, this.connectPromise = null, this.stopKeepAlive(), this.resolvePendingAuthUpdate(!1), !this.disposed && this.subscriptions.size > 0 && this.scheduleReconnect();
-	}
-	scheduleReconnect() {
-		if (this.retryCount >= h) {
-			let e = /* @__PURE__ */ Error("GraphQL subscription websocket retry exhausted");
-			for (let t of [...this.subscriptions.keys()]) this.failSubscription(t, e);
-			return;
-		}
-		let e = Math.min(8e3, g * 2 ** this.retryCount) + Math.random() * 200;
-		this.retryCount += 1, setTimeout(() => {
-			this.disposed || this.subscriptions.size === 0 || this.ensureConnected().catch((e) => {
-				this.scheduleReconnect(), j("subscription websocket reconnect failed", e);
-			});
-		}, e);
-	}
-	resubscribeActiveOperations() {
-		for (let [e, t] of this.subscriptions) this.send({
-			id: e,
-			type: "subscribe",
-			payload: t.payload
-		});
-	}
-	unsubscribe(e) {
-		this.subscriptions.delete(e) && this.socket?.readyState === WebSocket.OPEN && this.send({
-			id: e,
-			type: "complete"
-		});
-	}
-	failSubscription(e, t) {
-		let n = this.subscriptions.get(e);
-		n != null && (this.subscriptions.delete(e), n.sink.error(t));
-	}
-	completeSubscription(e) {
-		let t = this.subscriptions.get(e);
-		t != null && (this.subscriptions.delete(e), t.sink.complete());
-	}
-	startKeepAlive() {
-		this.stopKeepAlive(), this.keepAliveTimer = setInterval(() => {
-			this.socket?.readyState === WebSocket.OPEN && this.send({ type: "ping" });
-		}, m);
-	}
-	stopKeepAlive() {
-		this.keepAliveTimer != null && (clearInterval(this.keepAliveTimer), this.keepAliveTimer = null);
-	}
-	resolvePendingAuthUpdate(e) {
-		let t = this.pendingAuthUpdate;
-		t != null && (clearTimeout(t.timeout), this.pendingAuthUpdate = null, t.resolve(e));
-	}
-	send(e) {
-		let { socket: t } = this;
-		t?.readyState === WebSocket.OPEN && t.send(JSON.stringify(e));
-	}
-};
-function P() {
-	if (l != null) return l;
-	if (typeof window > "u") throw Error("GraphQL subscriptions unavailable in non-browser environment");
-	return l = new N(A()), l;
-}
-function F(e) {
-	return typeof File < "u" && e instanceof File || typeof Blob < "u" && e instanceof Blob;
-}
-function I(e, t, n) {
-	if (F(e)) return n.push({
-		path: t,
-		file: e
-	}), null;
-	if (Array.isArray(e)) return e.map((e, r) => I(e, `${t}.${r}`, n));
-	if (typeof e == "object" && e) {
-		let r = {};
-		for (let [i, a] of Object.entries(e)) r[i] = I(a, `${t}.${i}`, n);
-		return r;
-	}
-	return e;
-}
-function L(e, t) {
-	let n = [], r = I(t, "variables", n), i = new FormData(), a = {
-		query: e,
-		variables: r
-	};
-	i.append("operations", JSON.stringify(a));
-	let o = {};
-	return n.forEach((e, t) => {
-		o[t] = [e.path];
-	}), i.append("map", JSON.stringify(o)), n.forEach((e, t) => {
-		i.append(String(t), e.file);
-	}), i;
-}
-var R = {
-	maxAttempts: 3,
-	baseDelayMs: 300,
-	maxDelayMs: 4e3,
-	fetchTimeoutMs: 6e5
-};
-async function z(e) {
-	await new Promise((t) => {
-		setTimeout(() => {
-			t();
-		}, e);
-	});
-}
-function B(e, t) {
-	let n = Math.min(t.maxDelayMs, t.baseDelayMs * 2 ** e);
-	return n + Math.random() * .2 * n;
-}
-function V(e) {
-	return e === 408 || e === 429 || e >= 500 && e < 600;
-}
-function H(e) {
-	return e instanceof TypeError || e instanceof Error && e.name === "AbortError";
-}
-var U = class extends Error {
-	errors;
-	response;
-	constructor(e, t) {
-		super(e[0]?.message ?? "GraphQL response error"), this.errors = e, this.response = t, this.name = "GraphQLResponseError";
-	}
-};
-function W(e) {
-	return e == null ? !1 : typeof e == "object" ? Object.values(e).some((e) => e != null) : !0;
-}
-function G(e) {
-	let { data: t, errors: n } = e;
-	if (typeof t != "object" || !t || !Array.isArray(n) || n.length === 0) return !1;
-	let r = t;
-	return n.every((e) => {
-		let [t, ...n] = e.path ?? [];
-		return typeof t != "string" || n.length === 0 ? !1 : Object.prototype.hasOwnProperty.call(r, t) && r[t] == null;
-	});
-}
-function K(e) {
-	return Array.isArray(e.errors) && e.errors.length > 0 && !W(e.data) && !G(e);
-}
-async function q(e, t, n, r) {
-	let i = e.text;
-	if (i == null) throw Error("Missing GraphQL query text");
-	let a = i;
-	async function s(e) {
-		let n = new AbortController(), r = setTimeout(() => {
-			n.abort();
-		}, R.fetchTimeoutMs);
-		try {
-			let r, i = {};
-			if (u != null) try {
-				Object.assign(i, await u());
-			} catch {}
-			(() => {
-				try {
-					let e = [t];
-					for (; e.length > 0;) {
-						let t = e.pop();
-						if (F(t)) return !0;
-						Array.isArray(t) ? e.push(...t) : typeof t == "object" && t && e.push(...Object.values(t));
-					}
-				} catch {}
-				return !1;
-			})() ? r = L(a, t) : (i["Content-Type"] = "application/json", r = JSON.stringify({
-				query: a,
-				variables: t
-			}));
-			let s = await fetch(o, {
-				method: "POST",
-				body: r,
-				headers: i,
-				credentials: "include",
-				signal: n.signal
-			});
-			if (!s.ok) {
-				if (e < R.maxAttempts - 1 && V(s.status)) throw Error(`Retryable HTTP status ${s.status}`);
-				let t = await s.text().catch(() => "");
-				throw Error(`GraphQL HTTP error ${s.status}: ${t}`);
-			}
-			let c = await s.json();
-			if (Array.isArray(c.errors) && c.errors.length > 0 && j("GraphQL errors", c.errors), K(c)) throw new U(c.errors ?? [], c);
-			return c;
-		} finally {
-			clearTimeout(r);
-		}
-	}
-	for (let e = 0; e < R.maxAttempts; e += 1) try {
-		return await s(e);
-	} catch (t) {
-		let n = e === R.maxAttempts - 1;
-		if (!(H(t) || t instanceof Error && t.message.includes("Retryable HTTP status")) || n) throw j("GraphQL fetch error", t), t;
-		await z(B(e, R));
-	}
-	throw Error("Exhausted retries without returning a result");
-}
-function J(e, t) {
-	return j("subscription:start", e.name, t), r.create((n) => {
-		let r = e.text;
-		if (r == null || r === "") return n.error(/* @__PURE__ */ Error("Subscription operation text is empty")), () => {};
-		let i = P().subscribe({
-			query: r,
-			variables: t,
-			operationName: e.name
-		}, {
-			next: (e) => {
-				n.next(e);
-			},
-			error: (e) => {
-				let t;
-				t = e instanceof Error ? e : /* @__PURE__ */ Error("Subscription error"), n.error(t);
-			},
-			complete: () => {
-				n.complete();
-			}
-		});
-		return () => {
-			i();
-		};
-	});
-}
-function Y() {
-	return n.create(q, J);
-}
-function X() {
-	return c ??= new t({
-		getDataID: S,
-		relayFieldLogger: b,
-		network: Y(),
-		store: new a(new i())
-	}), c;
-}
-function Z() {
-	let e = X(), t = new i();
-	e.getStore().publish(t), e.getStore().notify();
-}
-var Q = {
-	RelayWebSocketClient: N,
-	buildFormData: L,
-	calcBackoff: B,
-	collectFiles: I,
-	getDataId: S,
-	hasUsableTopLevelData: W,
-	isNetworkError: H,
-	isRetryableStatus: V,
-	isUploadable: F,
-	shouldThrowGraphQLResponseError: K
-};
-//#endregion
-export { U as GraphQLResponseError, Q as __test, k as configureRelayEnvironment, X as getEnvironment, Y as getNetwork, T as getRelayTransportSnapshot, D as reconnectRelayWebSocket, O as refreshRelayWebSocketAuthentication, Z as resetRelayStore, E as subscribeRelayTransport };
-
-//# sourceMappingURL=environment.js.map
+import { configureRelayEnvironment as e, getEnvironment as t, getNetwork as n, getRelayOperationActivitySnapshot as r, getRelayTransportSnapshot as i, reconnectRelayWebSocket as a, refreshRelayWebSocketAuthentication as o, resetRelayStore as s, subscribeRelayOperationActivity as c, subscribeRelayTransport as l } from "@plumile/relay";
+export { e as configureRelayEnvironment, t as getEnvironment, n as getNetwork, r as getRelayOperationActivitySnapshot, i as getRelayTransportSnapshot, a as reconnectRelayWebSocket, o as refreshRelayWebSocketAuthentication, s as resetRelayStore, c as subscribeRelayOperationActivity, l as subscribeRelayTransport };

package/lib/esm/relay/shortAccessTokenEnvironment.js

@@ -1,15 +1,2 @@
-import { configureRelayEnvironment as e, reconnectRelayWebSocket as t, refreshRelayWebSocketAuthentication as n } from "./environment.js";
-import { configureShortAccessTokenRelayEnvironment as r } from "@plumile/auth/relay.js";
-//#region src/relay/shortAccessTokenEnvironment.ts
-function i(i) {
-	return r({
-		...i,
-		configureRelayEnvironment: e,
-		reconnectRelayWebSocket: t,
-		refreshRelayWebSocketAuthentication: n
-	});
-}
-//#endregion
-export { i as configureBackofficeShortAccessTokenRelayEnvironment };
-
-//# sourceMappingURL=shortAccessTokenEnvironment.js.map
+import { configureShortAccessTokenRelayEnvironment as e, configureShortAccessTokenRelayEnvironment as t } from "@plumile/relay";
+export { t as configureBackofficeShortAccessTokenRelayEnvironment, e as configureShortAccessTokenRelayEnvironment };

package/lib/esm/relay/useRelayOperationActivity.js

@@ -0,0 +1,2 @@
+import { useRelayOperationActivity as e } from "@plumile/relay";
+export { e as useRelayOperationActivity };

package/lib/esm/router/createBackofficeRoutes.js

@@ -119,6 +119,7 @@ function U(i) {
 			let t = H({
 				path: "",
 				resourcePage: _,
+				prepareSearchBehavior: "path",
 				prepare: async ({ context: t, query: n }) => {
 					let { config: r } = await c.loadListEntity(e.id), { list: i, listUrlCodec: a, listDefaults: o } = r;
 					if (a == null || o == null) throw Error(`Backoffice entity ${e.id} does not expose a list configuration.`);
@@ -169,6 +170,7 @@ function U(i) {
 			let n = H({
 				path: t.pathSegment,
 				resourcePage: v,
+				suspenseBoundary: "segment",
 				prepare: async ({ context: n, variables: r }) => {
 					let i = String(r.id ?? ""), a = await c.loadDetailPageEntity(e.id, t.id), o = a.config.page.buildVariables == null ? { variables: { id: i } } : a.config.page.buildVariables({ id: i }), s = f(n.relayEnvironment, a.config.page.query, o.variables);
 					return {
@@ -197,6 +199,7 @@ function U(i) {
 		}), a = H({
 			path: "",
 			resourcePage: b,
+			suspenseBoundary: "segment",
 			prepare: async ({ context: t, variables: n }) => {
 				let { config: r } = await c.loadDetailLayoutEntity(e.id), i = String(n.id ?? ""), a = r.layoutPage.buildVariables == null ? { variables: { id: i } } : r.layoutPage.buildVariables({ id: i }), o = f(t.relayEnvironment, r.layoutPage.query, a.variables);
 				return {
@@ -234,6 +237,7 @@ function U(i) {
 				H({
 					path: ":pagePath",
 					resourcePage: x,
+					suspenseBoundary: "segment",
 					prepare: async ({ variables: t }) => {
 						let n = await c.loadDetailLayoutEntity(e.id), r = String(t.id ?? ""), i = String(t.pagePath ?? "");
 						return {
@@ -259,13 +263,13 @@ function U(i) {
 		let s = H({
 			path: ":id",
 			resourcePage: y,
-			prepare: async ({ variables: t }) => {
-				let n = await c.loadDetailLayoutEntity(e.id), r = String(t.id ?? "");
+			suspenseBoundary: "segment",
+			prepare: ({ variables: t }) => {
+				let n = String(t.id ?? "");
 				return {
 					entityId: e.id,
 					entityManifest: e,
-					entityConfig: n.config,
-					id: r
+					id: n
 				};
 			},
 			render: ({ children: e, prepared: t, Component: n }) => {
@@ -273,7 +277,6 @@ function U(i) {
 				let r = t;
 				return /* @__PURE__ */ o(n, {
 					entityManifest: r.entityManifest,
-					config: r.entityConfig,
 					prepared: r,
 					children: e
 				});
@@ -283,7 +286,8 @@ function U(i) {
 		return q.set(s, e.id), r.push(s), H({
 			path: n,
 			children: r,
-			resourcePage: m
+			resourcePage: m,
+			suspenseBoundary: "segment"
 		});
 	}), ue = Object.values(s).filter((e) => e.kind === "tool").map((e) => {
 		let t = H({
@@ -312,6 +316,7 @@ function U(i) {
 		path: I,
 		resourcePage: h,
 		prepareSearchBehavior: "path",
+		suspenseBoundary: "segment",
 		prepare: ie,
 		render: ({ children: e, prepared: t, route: n, Component: r }) => {
 			if (r == null) return null;