@superblocksteam/library 2.0.99 → 2.0.100-next.1

package/dist/jsx-dev-runtime/index.js

@@ -1,4 +1,4 @@
-import { _ as root_store_default, t as makeWrappedComponent, x as api_hmr_tracker_default } from "../jsx-wrapper-esyZ2hyZ.js";
+import { _ as root_store_default, t as makeWrappedComponent, x as api_hmr_tracker_default } from "../jsx-wrapper-aSZhsulk.js";
 import { SOURCE_ID_ATTRIBUTE } from "@superblocksteam/library-shared";
 import * as ReactJsxDevRuntime from "react/jsx-dev-runtime";
 

package/dist/{jsx-wrapper-esyZ2hyZ.js → jsx-wrapper-aSZhsulk.js}

@@ -2081,6 +2081,25 @@ const decodeBytestringsInV2ExecutionResponse = (response) => {
 
 //#endregion
 //#region src/lib/internal-details/lib/features/file-utils.ts
+function isNativeFile(value) {
+	return typeof File !== "undefined" && value instanceof File;
+}
+function isFileLike(value) {
+	if (isNativeFile(value)) return true;
+	if (typeof value !== "object" || value == null) return false;
+	return typeof value.name === "string" && typeof value.size === "number" && typeof value.type === "string" && typeof value.lastModified === "number" && typeof value.arrayBuffer === "function";
+}
+function isPathOnlyFileDescriptor(value) {
+	if (typeof value !== "object" || value == null) return false;
+	return typeof value.path === "string" && typeof value.arrayBuffer !== "function";
+}
+function bytesToBase64(bytes) {
+	if (typeof Buffer !== "undefined") return Buffer.from(bytes).toString("base64");
+	let binary = "";
+	const chunkSize = 32768;
+	for (let i = 0; i < bytes.length; i += chunkSize) binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize));
+	return btoa(binary);
+}
 function getFileUploadId(file) {
 	return `${file.name.replace(/[^a-zA-Z0-9.-]/g, "_")}-${file.size}-${file.lastModified}`;
 }
@@ -2100,25 +2119,28 @@ function getFileInputData(f) {
 async function formatFileForRequest(file, fileId) {
 	return {
 		originalName: fileId,
-		buffer: await new Promise((resolve, reject) => {
+		buffer: typeof file.arrayBuffer === "function" ? bytesToBase64(new Uint8Array(await file.arrayBuffer())) : await new Promise((resolve, reject) => {
 			const reader = new FileReader();
 			reader.onload = () => resolve(reader.result.split(",")[1]);
 			reader.onerror = () => reject(new Error(reader.error?.message || "Unknown error reading file"));
 			reader.readAsDataURL(file);
 		}),
 		encoding: "base64",
-		mimetype: "text/plain"
+		mimeType: file.type || "application/octet-stream",
+		size: String(file.size)
 	};
 }
 async function getInputsWithFileMetadata(inputs) {
 	const filesForRequest = {};
 	const processValue = async (value) => {
 		if (value === void 0) return null;
-		if (value instanceof File) {
+		if (isFileLike(value)) {
 			const inputData = getFileInputData(value);
 			if (!filesForRequest[inputData.$superblocksId]) filesForRequest[inputData.$superblocksId] = await formatFileForRequest(value, inputData.$superblocksId);
 			return inputData;
-		} else if (Array.isArray(value)) return await Promise.all(value.map((item) => processValue(item)));
+		}
+		if (isPathOnlyFileDescriptor(value)) throw new Error("File upload inputs must be browser File objects (or compatible file-like objects with arrayBuffer()). Received a path-only file descriptor instead.");
+		else if (Array.isArray(value)) return await Promise.all(value.map((item) => processValue(item)));
 		else if (typeof value === "object" && value != null && value.constructor === Object) return await processObject(value);
 		return value;
 	};
@@ -2178,6 +2200,11 @@ var ApiManager = class {
 	* round-trip. Empty for cloud orgs.
 	*/
 	_agents = [];
+	/**
+	* DP routing config mapping profile keys to DP URLs, sent by the parent.
+	* Only populated when dataPlaneGatewayEnabled is true.
+	*/
+	_dpRoutingConfig = {};
 	token;
 	accessToken;
 	runningApiControllers = {};
@@ -2197,6 +2224,9 @@ var ApiManager = class {
 	set agents(agents) {
 		this._agents = agents;
 	}
+	set dpRoutingConfig(config) {
+		this._dpRoutingConfig = config;
+	}
 	setTokens(token, accessToken) {
 		this.token = token;
 		this.accessToken = accessToken;
@@ -2360,7 +2390,14 @@ var ApiManager = class {
 			};
 		}
 		const profileKey = context$1.profiles?.selected?.key ?? "staging";
-		const agentBaseUrl = this.getRandomAgentBaseUrl(profileKey);
+		const agentBaseUrl = (() => {
+			if (this.rootStore.dataPlaneGatewayEnabled) {
+				const dpUrl = this._dpRoutingConfig[profileKey];
+				if (dpUrl) return withTrailingSlash(dpUrl);
+				return this._agentUrls[0] ? withTrailingSlash(this._agentUrls[0]) : this.getRandomAgentBaseUrl(profileKey);
+			}
+			return this.getRandomAgentBaseUrl(profileKey);
+		})();
 		if (!agentBaseUrl) {
 			sendNotification({
 				message: "No active agent found",
@@ -2396,6 +2433,7 @@ var ApiManager = class {
 				}
 			}, "*");
 		});
+		if (authResult?.tokens?.token && authResult?.tokens?.accessToken) this.setTokens(authResult.tokens.token, authResult.tokens.accessToken);
 		if (authResult?.errors && authResult.errors.length > 0) console.error("API Authentication returned with errors", authResult.errors);
 		const { traceHeaders, ...restArgs } = options;
 		const { inputs: finalInputs, files } = await getInputsWithFileMetadata({
@@ -2545,7 +2583,7 @@ var ApiManager = class {
 	* Reads execution context (profile, branch, tokens) from rootStore so the
 	* caller doesn't need to resolve them through the parent frame.
 	*/
-	async executeSdkApiV3(apiName, inputs) {
+	async executeSdkApiV3(apiName, inputs, options) {
 		const applicationId = this.rootStore.applicationId;
 		if (!applicationId) return {
 			success: false,
@@ -2554,43 +2592,77 @@ var ApiManager = class {
 				message: "No application ID found"
 			}
 		};
-		await this.rootStore.awaitDiscovery();
-		const entryPoint = this.rootStore.getApiEntryPoint(apiName);
-		if (!entryPoint) return {
-			success: false,
-			error: {
-				code: "UNKNOWN_API",
-				message: `No entryPoint registered for API "${apiName}". Was it discovered?`
+		const abortController = new AbortController();
+		this.runningApiControllers[apiName]?.abort();
+		this.runningApiControllers[apiName] = abortController;
+		const forwardAbort = () => abortController.abort();
+		if (options?.signal) if (options.signal.aborted) abortController.abort();
+		else options.signal.addEventListener("abort", forwardAbort, { once: true });
+		try {
+			let entryPoint = this.rootStore.getApiEntryPoint(apiName);
+			if (!entryPoint) {
+				await this.rootStore.awaitDiscovery();
+				entryPoint = this.rootStore.getApiEntryPoint(apiName);
 			}
-		};
-		const profile = this.rootStore.profile;
-		const branchName = this.rootStore.branchName;
-		const commitId = this.rootStore.commitId;
-		const editMode$1 = isEditMode();
-		const appMode$1 = getAppMode();
-		const viewMode = editMode$1 ? ViewMode.EDITOR : appMode$1 === AppMode.PREVIEW ? ViewMode.PREVIEW : ViewMode.DEPLOYED;
-		const profileKey = profile?.key ?? "default";
-		const agentBaseUrl = this.getRandomAgentBaseUrl(profileKey);
-		if (!agentBaseUrl) return {
-			success: false,
-			error: {
-				code: "NO_AGENT",
-				message: "Unable to resolve agent for API execution"
+			if (!entryPoint) return {
+				success: false,
+				error: {
+					code: "UNKNOWN_API",
+					message: `No entryPoint registered for API "${apiName}". Was it discovered?`
+				}
+			};
+			await this.rootStore.editStore?.operationManager.ensureFilesSynced();
+			const profile = this.rootStore.profile;
+			const branchName = this.rootStore.branchName;
+			const commitId = this.rootStore.commitId;
+			const editMode$1 = isEditMode();
+			const appMode$1 = getAppMode();
+			const viewMode = editMode$1 ? ViewMode.EDITOR : appMode$1 === AppMode.PREVIEW ? ViewMode.PREVIEW : ViewMode.DEPLOYED;
+			const profileKey = profile?.key ?? "default";
+			const agentBaseUrl = (() => {
+				if (this.rootStore.dataPlaneGatewayEnabled) {
+					const dpUrl = this._dpRoutingConfig[profileKey];
+					if (dpUrl) return withTrailingSlash(dpUrl);
+					return this._agentUrls[0] ? withTrailingSlash(this._agentUrls[0]) : this.getRandomAgentBaseUrl(profileKey);
+				}
+				return this.getRandomAgentBaseUrl(profileKey);
+			})();
+			if (!agentBaseUrl) return {
+				success: false,
+				error: {
+					code: "NO_AGENT",
+					message: "Unable to resolve agent for API execution"
+				}
+			};
+			const { inputs: finalInputs, files } = await getInputsWithFileMetadata(inputs);
+			const body = {
+				applicationId,
+				inputs: finalInputs,
+				viewMode,
+				entryPoint
+			};
+			if (files.length > 0) body.files = files;
+			if (profile) body.profile = profile;
+			if (editMode$1) {
+				if (branchName) body.branchName = branchName;
+				body.includeDiagnostics = true;
+			}
+			if (!editMode$1 && commitId) body.commitId = commitId;
+			const integrationIds = (this.rootStore.getApiIntegrations(apiName) ?? []).map((integration) => integration.id);
+			if (integrationIds.length > 0) {
+				const authResult = await new Promise((resolve) => {
+					const callbackId = addNewPromise(resolve);
+					window.parent.postMessage({
+						type: "authenticate-api-request",
+						payload: {
+							apiId: apiName,
+							callbackId,
+							integrationIds
+						}
+					}, "*");
+				});
+				if (authResult?.errors?.length > 0) console.error("SDK API authentication returned with errors", authResult.errors);
 			}
-		};
-		const body = {
-			applicationId,
-			inputs,
-			viewMode,
-			entryPoint
-		};
-		if (profile) body.profile = profile;
-		if (editMode$1) {
-			if (branchName) body.branchName = branchName;
-			body.includeDiagnostics = true;
-		}
-		if (!editMode$1 && commitId) body.commitId = commitId;
-		try {
 			const response = await fetch(`${agentBaseUrl}v3/execute`, {
 				method: "POST",
 				headers: {
@@ -2599,7 +2671,8 @@ var ApiManager = class {
 					Authorization: `Bearer ${this.token}`,
 					[SUPERBLOCKS_REQUEST_ID_HEADER]: generateId()
 				},
-				body: JSON.stringify(body)
+				body: JSON.stringify(body),
+				signal: abortController.signal
 			});
 			if (!response.ok) {
 				const text = await response.text();
@@ -2633,6 +2706,14 @@ var ApiManager = class {
 				diagnostics: result.diagnostics
 			};
 		} catch (error) {
+			if (error instanceof Error && error.name === "AbortError") return {
+				success: false,
+				error: {
+					code: "ABORTED",
+					message: `API "${apiName}" execution was aborted`
+				}
+			};
+			console.error(`[api-store] executeSdkApiV3 failed for "${apiName}":`, error);
 			return {
 				success: false,
 				error: {
@@ -2640,6 +2721,9 @@ var ApiManager = class {
 					message: error instanceof Error ? error.message : "Network error occurred"
 				}
 			};
+		} finally {
+			options?.signal?.removeEventListener("abort", forwardAbort);
+			if (this.runningApiControllers[apiName] === abortController) delete this.runningApiControllers[apiName];
 		}
 	}
 	@action async cancelApi(apiName, _scopeId) {
@@ -2650,7 +2734,7 @@ var ApiManager = class {
 		}
 		abortController.abort();
 		delete this.runningApiControllers[apiName];
-		editorBridge.setApiResponse(apiName, {
+		if (!(this.rootStore.sdkApiEnabled || !!this.rootStore.getApiEntryPoint(apiName))) editorBridge.setApiResponse(apiName, {
 			status: "STATUS_CANCELLED",
 			execution: null,
 			events: [],
@@ -3189,6 +3273,12 @@ var RootStore = class {
 	* When false, the YAML-based API system is used instead.
 	*/
 	sdkApiEnabled = false;
+	/**
+	* Whether execute requests should be routed through the data plane gateway
+	* endpoint instead of direct agent URLs.
+	* Passed to the library via the ui.data-plane-gateway.enabled bootstrap flag.
+	*/
+	dataPlaneGatewayEnabled = false;
 	/** Selected integration profile for orchestrator API calls */
 	profile;
 	/** Current git branch name for editor-mode API execution */
@@ -3202,6 +3292,11 @@ var RootStore = class {
 	*/
 	apiEntryPoints = /* @__PURE__ */ new Map();
 	/**
+	* Maps API name → statically declared integrations.
+	* Populated during edit-mode discovery and from the deployed build manifest.
+	*/
+	apiIntegrations = /* @__PURE__ */ new Map();
+	/**
 	* Resolves when the initial SDK API discovery pass completes.
 	* executeSdkApiV3 awaits this so callers don't race against discovery.
 	*/
@@ -3221,6 +3316,8 @@ var RootStore = class {
 			setSdkUser: action,
 			sdkApiEnabled: observable,
 			setSdkApiEnabled: action,
+			dataPlaneGatewayEnabled: observable,
+			setDataPlaneGatewayEnabled: action,
 			profile: observable.ref,
 			setProfile: action,
 			branchName: observable,
@@ -3254,6 +3351,9 @@ var RootStore = class {
 		this.sdkApiEnabled = enabled;
 		if (enabled && !this._resolveDiscovery) this.initDiscoveryGate();
 	}
+	setDataPlaneGatewayEnabled(enabled) {
+		this.dataPlaneGatewayEnabled = enabled;
+	}
 	setProfile(profile) {
 		this.profile = profile;
 	}
@@ -3272,6 +3372,15 @@ var RootStore = class {
 	clearApiEntryPoints() {
 		this.apiEntryPoints.clear();
 	}
+	setApiIntegrations(apiName, integrations) {
+		this.apiIntegrations.set(apiName, integrations);
+	}
+	getApiIntegrations(apiName) {
+		return this.apiIntegrations.get(apiName);
+	}
+	clearApiIntegrations() {
+		this.apiIntegrations.clear();
+	}
 	/**
 	* Initialise (or re-initialise) the discovery gate. Called when discovery
 	* starts so that executeSdkApiV3 awaits before checking entry points.
@@ -3963,4 +4072,4 @@ const useJSXContext = () => {
 
 //#endregion
 export { useSuperblocksProfiles as A, createManagedPropsList as B, rejectById as C, useSuperblocksContext as D, getAppMode as E, editorBridge as F, getEditStore as G, PropsCategory as H, iframeMessageHandler as I, isEmbeddedBySuperblocksFirstParty as L, generateId as M, sendNotification as N, useSuperblocksDataTags as O, colors as P, sendMessageImmediately as R, addNewPromise as S, SuperblocksContextProvider as T, Section as U, Prop as V, createPropertiesPanelDefinition as W, root_store_default as _, FixWithClarkButton as a, getContextFromTraceHeaders as b, ErrorContent as c, ErrorMessage as d, ErrorStack as f, StyledClarkIcon as g, SecondaryButton as h, getWidgetRectAnchorName as i, useSuperblocksUser as j, useSuperblocksGroups as k, ErrorDetails as l, ErrorTitle as m, useJSXContext as n, ActionsContainer as o, ErrorSummary as p, getWidgetAnchorName as r, ErrorContainer as s, makeWrappedComponent as t, ErrorIconContainer as u, startEditorSync as v, resolveById as w, api_hmr_tracker_default as x, createIframeSpan as y, isEditMode as z };
-//# sourceMappingURL=jsx-wrapper-esyZ2hyZ.js.map
+//# sourceMappingURL=jsx-wrapper-aSZhsulk.js.map