@superblocksteam/library 2.0.103 → 2.0.104-next.0

package/dist/lib/index.js

@@ -16,7 +16,7 @@ import defaultTheme from "tailwindcss/defaultTheme";
 import postcss from "postcss";
 import colors from "tailwindcss/colors";
 import { Observer, observer } from "mobx-react-lite";
-import { execute, getIntegrationDeclarations, isStreamingApi } from "@superblocksteam/sdk-api";
+import { getIntegrationDeclarations } from "@superblocksteam/sdk-api";
 import zodToJsonSchema from "zod-to-json-schema";
 import * as Dialog from "@radix-ui/react-dialog";
 import posthog from "posthog-js";
@@ -1051,12 +1051,6 @@ function convertZodSchema(schema) {
 //#endregion
 //#region src/lib/internal-details/lib/sdk-api-registry.ts
 /**
-* SDK API Registry for the library iframe.
-*
-* Tracks registered SDK APIs and notifies ui-code-mode when APIs are
-* registered or unregistered (for display in the sidebar).
-*/
-/**
 * Set of registered API names to prevent duplicate registrations.
 */
 const registeredApis = /* @__PURE__ */ new Set();
@@ -1064,25 +1058,20 @@ const registeredApis = /* @__PURE__ */ new Set();
 * Extract metadata from a compiled API for display in the UI.
 *
 * @param name - The API name
-* @param api - The compiled API (regular or streaming)
+* @param api - The compiled API
 * @param sourceCode - Optional TypeScript source code
 * @returns SdkApiMetadata for the API
 */
 function extractSdkApiMetadata(name, api, sourceCode) {
-	const streaming = isStreamingApi(api);
 	const inputSchema = convertZodSchema(api.inputSchema);
-	let outputSchema;
-	let chunkSchema;
-	if (streaming) chunkSchema = convertZodSchema(api.chunkSchema);
-	else outputSchema = convertZodSchema(api.outputSchema);
+	const outputSchema = convertZodSchema(api.outputSchema);
 	const entryPoint = "entryPoint" in api ? api.entryPoint : void 0;
 	return {
 		name,
 		description: api.description,
 		inputSchema,
 		outputSchema,
-		chunkSchema,
-		isStreaming: streaming,
+		isStreaming: false,
 		entryPoint,
 		integrations: (api.integrations ?? []).map((integration) => ({
 			key: integration.key,
@@ -1246,31 +1235,6 @@ const getApiPath = (name) => {
 	return apiPath;
 };
 /**
-* Resolve integration configs from the parent before API execution.
-* Only used when SDK API mode is enabled.
-*
-* @deprecated Kept for backward compatibility with edit mode.
-*/
-async function resolveIntegrations(integrations) {
-	if (integrations.length === 0) return [];
-	return new Promise((resolve, reject) => {
-		const callbackId = addNewPromise((result) => {
-			resolve(result);
-		}, false, reject);
-		sendMessageImmediately({
-			type: "sdk-resolve-integrations",
-			payload: {
-				integrations: integrations.map((i) => ({
-					key: i.key,
-					pluginId: i.pluginId,
-					id: i.id
-				})),
-				callbackId
-			}
-		});
-	});
-}
-/**
 * React hook for executing YAML-based Superblocks APIs.
 *
 * This is the legacy API system that uses `rootStore.apis.runApiByPath`.
@@ -1454,12 +1418,14 @@ function useApi(apiName, inputs) {
 	const { run: legacyRun, cancel: legacyCancel } = useApiStateful(apiName);
 	const [loading, setLoading] = useState(false);
 	const [data, setData] = useState(void 0);
+	const [error, setError] = useState(void 0);
 	const runIdRef = useRef(0);
 	const runRef = useRef(null);
 	const run = useCallback(async (runInputs) => {
 		getInflightFetches().delete(inflightKey(apiName, currentFingerprintRef.current ?? ""));
 		const thisRun = ++runIdRef.current;
 		setLoading(true);
+		setError(void 0);
 		try {
 			let sdkApiEnabled = root_store_default.sdkApiEnabled;
 			let hasEntryPoint = !!root_store_default.getApiEntryPoint(apiName);
@@ -1469,8 +1435,14 @@ function useApi(apiName, inputs) {
 				hasEntryPoint = !!root_store_default.getApiEntryPoint(apiName);
 			}
 			const result = sdkApiEnabled || hasEntryPoint ? await sdkRun(runInputs ?? {}) : await legacyRun(runInputs);
-			if (thisRun === runIdRef.current) setData(result);
+			if (thisRun === runIdRef.current) {
+				setData(result);
+				setError(void 0);
+			}
 			return result;
+		} catch (err) {
+			if (thisRun === runIdRef.current) setError(err);
+			throw err;
 		} finally {
 			if (thisRun === runIdRef.current) setLoading(false);
 		}
@@ -1483,6 +1455,7 @@ function useApi(apiName, inputs) {
 	const cancel = useCallback(async () => {
 		++runIdRef.current;
 		setLoading(false);
+		setError(void 0);
 		getInflightFetches().delete(inflightKey(apiName, currentFingerprintRef.current ?? ""));
 		if (root_store_default.sdkApiEnabled || !!root_store_default.getApiEntryPoint(apiName)) return sdkCancel();
 		return legacyCancel();
@@ -1492,7 +1465,6 @@ function useApi(apiName, inputs) {
 		legacyCancel
 	]);
 	const inputRecord = inputs;
-	const depValues = inputRecord ? [apiName, ...Object.values(inputRecord)] : [];
 	const inputFingerprint = inputRecord ? JSON.stringify(Object.entries(inputRecord).sort(([a], [b]) => a.localeCompare(b))) : null;
 	const currentFingerprintRef = useRef(inputFingerprint);
 	currentFingerprintRef.current = inputFingerprint;
@@ -1505,8 +1477,13 @@ function useApi(apiName, inputs) {
 			setLoading(true);
 			const thisRun = ++runIdRef.current;
 			inflightPromise.then((result) => {
-				if (thisRun === runIdRef.current && result !== void 0) setData(result);
-			}).catch(() => {}).finally(() => {
+				if (thisRun === runIdRef.current && result !== void 0) {
+					setData(result);
+					setError(void 0);
+				}
+			}).catch((err) => {
+				if (thisRun === runIdRef.current) setError(err);
+			}).finally(() => {
 				if (thisRun === runIdRef.current) setLoading(false);
 			});
 			return () => {
@@ -1518,14 +1495,19 @@ function useApi(apiName, inputs) {
 		}
 		incMounts(cacheKey);
 		let resolveFetch;
-		const placeholder = new Promise((resolve) => {
+		let rejectFetch;
+		const placeholder = new Promise((resolve, reject) => {
 			resolveFetch = resolve;
+			rejectFetch = reject;
 		});
+		placeholder.catch(() => {});
 		getInflightFetches().set(cacheKey, placeholder);
 		let timerFired = false;
 		const timer = setTimeout(() => {
 			timerFired = true;
-			const fetchResult = runRef.current(inputRecord).catch(() => void 0);
+			const fetchResult = runRef.current(inputRecord).catch((err) => {
+				rejectFetch(err);
+			});
 			getInflightFetches().set(cacheKey, placeholder);
 			fetchResult.then((result) => {
 				resolveFetch(result);
@@ -1543,12 +1525,13 @@ function useApi(apiName, inputs) {
 			setLoading(false);
 			decMounts(cacheKey);
 		};
-	}, depValues);
+	}, [apiName, inputFingerprint]);
 	return {
 		run,
 		cancel,
 		loading,
-		data
+		data,
+		error
 	};
 }
 /**
@@ -6814,174 +6797,6 @@ function RouteLoadError() {
 	] }) });
 }
 
-//#endregion
-//#region src/lib/internal-details/use-streaming-api.ts
-/**
-* React hook for calling streaming SDK APIs with real-time chunk delivery.
-*
-* Returns an AsyncGenerator that yields chunks as they arrive, allowing
-* natural iteration with `for await...of`.
-*
-* @param api - The imported CompiledStreamingApi definition
-* @returns Object with `stream` function and `cancel` function
-*
-* @example
-* ```typescript
-* import StreamChatApi from "../apis/StreamChat/api";
-* import { useStreamingApi } from "@superblocksteam/library";
-*
-* const { stream, cancel } = useStreamingApi(StreamChatApi);
-*
-* // Execute and iterate over chunks
-* const generator = stream({ prompt: "Hello!" });
-*
-* for await (const chunk of generator) {
-*   console.log(chunk.text);
-*   // Update UI with each chunk
-* }
-* ```
-*
-* @example With try/catch for error handling
-* ```typescript
-* const { stream } = useStreamingApi(StreamChatApi);
-*
-* try {
-*   for await (const chunk of stream({ prompt: "Hello!" })) {
-*     appendToOutput(chunk.text);
-*   }
-*   console.log("Stream completed!");
-* } catch (error) {
-*   console.error("Stream error:", error);
-* }
-* ```
-*/
-function useStreamingApi(api) {
-	const sdkApiEnabled = root_store_default.sdkApiEnabled;
-	const cancelRef = useRef(null);
-	return {
-		stream: useCallback((inputs) => {
-			if (!sdkApiEnabled) throw new Error("useStreamingApi requires SDK API mode to be enabled. This hook is only available in fullstack applications.");
-			return createStreamGenerator(api, inputs, cancelRef);
-		}, [api, sdkApiEnabled]),
-		cancel: useCallback(() => {
-			if (cancelRef.current) cancelRef.current();
-		}, [])
-	};
-}
-/**
-* Creates an async generator for streaming API execution.
-*/
-async function* createStreamGenerator(api, inputs, cancelRef) {
-	if (!isStreamingApi(api)) throw new Error("Expected a streaming API. Use useApi() for non-streaming APIs.");
-	const executeQuery = async (integrationId, request, input) => {
-		return new Promise((resolve, reject) => {
-			sendMessageImmediately({
-				type: "sdk-execute-query",
-				payload: {
-					integrationId,
-					request,
-					input,
-					callbackId: addNewPromise(resolve, false, reject)
-				}
-			});
-		});
-	};
-	const executeStreamingQuery = async function* (integrationId, request) {
-		const chunkQueue = [];
-		let resolveNext = null;
-		let streamComplete = false;
-		let streamError = null;
-		const streamId = `stream-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
-		const handleChunk = (event) => {
-			if (event.source !== window.parent) return;
-			if (event.data?.type === "sdk-stream-chunk" && event.data?.payload?.streamId === streamId) {
-				const { chunk, done, error } = event.data.payload;
-				if (error) {
-					streamError = new Error(error.message || "Stream error");
-					streamComplete = true;
-					if (resolveNext) {
-						resolveNext({
-							value: void 0,
-							done: true
-						});
-						resolveNext = null;
-					}
-					return;
-				}
-				if (done) {
-					streamComplete = true;
-					if (resolveNext) {
-						resolveNext({
-							value: void 0,
-							done: true
-						});
-						resolveNext = null;
-					}
-					return;
-				}
-				if (chunk !== void 0) if (resolveNext) {
-					resolveNext({
-						value: chunk,
-						done: false
-					});
-					resolveNext = null;
-				} else chunkQueue.push(chunk);
-			}
-		};
-		window.addEventListener("message", handleChunk);
-		cancelRef.current = () => {
-			streamComplete = true;
-			if (resolveNext) {
-				resolveNext({
-					value: void 0,
-					done: true
-				});
-				resolveNext = null;
-			}
-			window.removeEventListener("message", handleChunk);
-			sendMessageImmediately({
-				type: "sdk-cancel-stream",
-				payload: { streamId }
-			});
-		};
-		sendMessageImmediately({
-			type: "sdk-execute-streaming-query",
-			payload: {
-				integrationId,
-				request,
-				streamId
-			}
-		});
-		try {
-			while (!streamComplete || chunkQueue.length > 0) {
-				if (streamError) throw streamError;
-				if (chunkQueue.length > 0) yield chunkQueue.shift();
-				else if (!streamComplete) {
-					const result = await new Promise((resolve) => {
-						resolveNext = resolve;
-					});
-					if (!result.done) yield result.value;
-				}
-			}
-			if (streamError) throw streamError;
-		} finally {
-			window.removeEventListener("message", handleChunk);
-			cancelRef.current = null;
-		}
-	};
-	const resolvedIntegrations = await resolveIntegrations(api.integrations ?? []);
-	const generator = execute(api, {
-		input: inputs ?? {},
-		integrations: resolvedIntegrations,
-		executionId: `sdk-stream-${Date.now()}`,
-		env: {},
-		user: root_store_default.sdkUser,
-		executeQuery,
-		executeStreamingQuery
-	});
-	for await (const chunk of generator) yield chunk;
-}
-
 //#endregion
 //#region src/lib/user-facing/global-functions.ts
 /**
@@ -7182,5 +6997,5 @@ early_console_buffer_default.getInstance().patchEarly();
 registerHtmlElements();
 
 //#endregion
-export { App, PageNotFound, Prop, Property, PropsCategory, RouteLoadError, Section, Superblocks, sb_provider_default as SuperblocksProvider, createElement, embedStore, getAppMode, logoutIntegrations, registerComponent, tailwindStylesCategory, useApi, useApiStateful, useEmbedEvent, useEmbedProperties, useEmitEmbedEvent, useStreamingApi, useSuperblocksDataTags, useSuperblocksGroups, useSuperblocksProfiles, useSuperblocksUser, useTypedApi };
+export { App, PageNotFound, Prop, Property, PropsCategory, RouteLoadError, Section, Superblocks, sb_provider_default as SuperblocksProvider, createElement, embedStore, getAppMode, logoutIntegrations, registerComponent, tailwindStylesCategory, useApi, useApiStateful, useEmbedEvent, useEmbedProperties, useEmitEmbedEvent, useSuperblocksDataTags, useSuperblocksGroups, useSuperblocksProfiles, useSuperblocksUser, useTypedApi };
 //# sourceMappingURL=index.js.map