@superblocksteam/library 2.0.93 → 2.0.94-next.0

package/dist/lib/index.js

@@ -1,5 +1,5 @@
 import { n as consoleLogAttributes, t as early_console_buffer_default } from "../early-console-buffer-D4wVuyBf.js";
-import { A as useSuperblocksGroups, B as createManagedPropsList, C as addNewPromise, D as getAppMode, E as SuperblocksContextProvider, F as editorBridge, G as getEditStore, H as PropsCategory, I as iframeMessageHandler, L as isEmbeddedBySuperblocksFirstParty, M as useSuperblocksUser, N as sendNotification, O as useSuperblocksContext, P as colors$1, R as sendMessageImmediately, S as api_hmr_tracker_default, T as resolveById, U as Section, V as Prop, W as createPropertiesPanelDefinition, _ as root_store_default, a as FixWithClarkButton, b as createIframeSpan, c as ErrorContent, d as ErrorMessage$1, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as useSuperblocksProfiles, k as useSuperblocksDataTags, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as startEditorSync, w as rejectById, x as getContextFromTraceHeaders, y as generateId, z as isEditMode } from "../jsx-wrapper-C8LEtdzp.js";
+import { A as useSuperblocksProfiles, B as createManagedPropsList, C as rejectById, D as useSuperblocksContext, E as getAppMode, F as editorBridge, G as getEditStore, H as PropsCategory, I as iframeMessageHandler, L as isEmbeddedBySuperblocksFirstParty, M as generateId, N as sendNotification, O as useSuperblocksDataTags, P as colors$1, R as sendMessageImmediately, S as addNewPromise, T as SuperblocksContextProvider, U as Section, V as Prop, W as createPropertiesPanelDefinition, _ as root_store_default, a as FixWithClarkButton, b as getContextFromTraceHeaders, c as ErrorContent, d as ErrorMessage$1, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as useSuperblocksUser, k as useSuperblocksGroups, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as startEditorSync, w as resolveById, x as api_hmr_tracker_default, y as createIframeSpan, z as isEditMode } from "../jsx-wrapper-DdcywsRY.js";
 import { n as initTracerProviderWithOrigin } from "../utils-BGEEeYie.js";
 import { action, autorun, computed, makeAutoObservable, makeObservable, observable, reaction, when } from "mobx";
 import { Dim, NATIVE_COMPONENT_TYPES, NO_SELECT_ATTRIBUTE, Property, Property as Property$1, SELECTOR_ID_ATTRIBUTE, SOURCE_ID_ATTRIBUTE, generateSourceId, getBindingIdentifier } from "@superblocksteam/library-shared";
@@ -890,6 +890,9 @@ const handleBootstrapResponse = (event) => {
 		root_store_default.setSdkUser({ userId: event.data.payload.userId });
 	} else console.log("[handle-bootstrap-response] No user info available for SDK API execution. Neither auth0 JWT nor userId was provided in the bootstrap payload.");
 	root_store_default.apis.setTokens(event.data.payload.token, event.data.payload.accessToken);
+	if (event.data.payload.profile) root_store_default.setProfile(event.data.payload.profile);
+	if (event.data.payload.branchName) root_store_default.setBranchName(event.data.payload.branchName);
+	if (event.data.payload.commitId) root_store_default.setCommitId(event.data.payload.commitId);
 	root_store_default.apis.notifyBootstrapComplete();
 	const featureFlags = event.data.payload.featureFlags;
 	if (featureFlags && root_store_default.editStore) {
@@ -1068,12 +1071,15 @@ function extractSdkApiMetadata(name, api, sourceCode) {
 	let chunkSchema;
 	if (streaming) chunkSchema = convertZodSchema(api.chunkSchema);
 	else outputSchema = convertZodSchema(api.outputSchema);
+	const entryPoint = "entryPoint" in api ? api.entryPoint : void 0;
 	return {
 		name,
+		description: api.description,
 		inputSchema,
 		outputSchema,
 		chunkSchema,
 		isStreaming: streaming,
+		entryPoint,
 		integrations: (api.integrations ?? []).map((integration) => ({
 			key: integration.key,
 			pluginId: integration.pluginId,
@@ -1147,9 +1153,13 @@ function clearSdkApiRegistry() {
 *
 * Imports server/apis/index.ts (the same registry used by useApi for type
 * inference) and registers each exported API with the SDK API registry.
+*
+* Entry points are read from the `entryPoint` field on each CompiledApi,
+* which is injected automatically by the sdkApiEntryPointPlugin Vite plugin.
 */
 async function discoverAndRegisterSdkApis() {
 	if (!root_store_default.sdkApiEnabled) return;
+	if (!root_store_default.hasUnresolvedGate()) root_store_default.initDiscoveryGate();
 	try {
 		const apis = (await import(new URL("/server/apis/index.ts", window.location.origin).href)).default;
 		const apiNames = Object.keys(apis);
@@ -1158,9 +1168,19 @@ async function discoverAndRegisterSdkApis() {
 			return;
 		}
 		console.debug(`[sdk-api-discovery] Discovering ${apiNames.length} SDK APIs:`, apiNames);
-		const sourcePromises = apiNames.map(async (name) => {
+		const sourcePromises = apiNames.map((name) => {
+			const apiModule = apis[name];
+			const ep = apiModule && "entryPoint" in apiModule ? apiModule.entryPoint : void 0;
+			if (typeof ep !== "string") {
+				console.error(`[sdk-api-discovery] API "${name}" has no entryPoint. Was the Vite plugin applied?`);
+				return;
+			}
+			root_store_default.setApiEntryPoint(name, ep);
+			return ep;
+		}).map(async (ep) => {
+			if (!ep) return void 0;
 			try {
-				const resp = await fetch(`/sb-raw-source/server/apis/${name}/api.ts`);
+				const resp = await fetch(`/sb-raw-source/${ep}`);
 				return resp.ok ? await resp.text() : void 0;
 			} catch {
 				return;
@@ -1177,12 +1197,15 @@ async function discoverAndRegisterSdkApis() {
 		console.debug(`[sdk-api-discovery] Registered ${succeeded} APIs, ${failed} failed`);
 	} catch (error) {
 		console.error("[sdk-api-discovery] Failed to discover SDK APIs:", error);
+	} finally {
+		root_store_default.notifyDiscoveryComplete();
 	}
 }
 if (import.meta.hot) import.meta.hot.accept("/server/apis/index.ts", () => {
 	if (!root_store_default.sdkApiEnabled) return;
 	console.debug("[sdk-api-discovery] API registry updated via HMR, re-running discovery");
 	clearSdkApiRegistry();
+	root_store_default.clearApiEntryPoints();
 	discoverAndRegisterSdkApis();
 });
 
@@ -1195,8 +1218,9 @@ if (import.meta.hot) import.meta.hot.accept("/server/apis/index.ts", () => {
 * new SDK-based API system (`useSdkApi`). The public `useApi` hook delegates
 * to one or the other based on the `sdkApiEnabled` feature flag on rootStore.
 *
-* The flag is set once at bootstrap time and never changes within a session,
-* so the conditional hook delegation is safe.
+* Delegation happens at RUN TIME (when run() is invoked), not render time,
+* so components that mount before bootstrap completes still use the SDK path
+* once the user triggers execution.
 */
 /**
 * Get the API path for an API by name.
@@ -1206,9 +1230,10 @@ if (import.meta.hot) import.meta.hot.accept("/server/apis/index.ts", () => {
 */
 const getApiPath = (name) => {
 	if (root_store_default.sdkApiEnabled) {
-		let apiPath$1 = name;
-		if (!apiPath$1.startsWith("/server/apis")) apiPath$1 = `/server/apis/${name}/api.ts`;
-		return apiPath$1;
+		if (name.startsWith("/")) return name;
+		const registered$1 = root_store_default.getApiEntryPoint(name);
+		if (!registered$1) throw new Error(`No entryPoint registered for API "${name}". Was it discovered?`);
+		return `/${registered$1}`;
 	}
 	let apiPath = name;
 	if (!apiPath.startsWith("/apis")) apiPath = `/apis/${name}/api.yaml`;
@@ -1271,27 +1296,56 @@ function useApiStateful(name) {
 	};
 }
 /**
-* React hook for calling SDK-based APIs via postMessage to the parent frame.
+* React hook for calling SDK-based APIs by executing directly against the
+* orchestrator's v3/execute endpoint from within the library iframe.
 * Only active when `rootStore.sdkApiEnabled` is true.
+*
+* Execution tracking notifications (started/completed/failed) are sent to
+* the parent so the SDK API editor's execution log stays up to date.
 */
 function useSdkApi(apiName) {
 	return {
 		run: useCallback(async (inputs) => {
-			return new Promise((resolve, reject) => {
-				const callbackId = addNewPromise((result) => {
-					const executionResult = result;
-					if (executionResult.success) resolve(executionResult.output);
-					else reject(executionResult.error ?? /* @__PURE__ */ new Error("API execution failed"));
-				}, false, reject);
-				sendMessageImmediately({
-					type: "sdk-execute-api",
+			const executionId = generateId();
+			const inputRecord = inputs ?? {};
+			const startTime = Date.now();
+			const editMode = isEditMode();
+			if (editMode) sendMessageImmediately({
+				type: "sdk-api-execution-started",
+				payload: {
+					executionId,
+					apiName,
+					input: inputRecord
+				}
+			});
+			const result = await root_store_default.apis.executeSdkApiV3(apiName, inputRecord);
+			const durationMs = Date.now() - startTime;
+			if (result.success) {
+				if (editMode) sendMessageImmediately({
+					type: "sdk-api-execution-completed",
 					payload: {
+						executionId,
 						apiName,
-						input: inputs ?? {},
-						callbackId
+						output: result.output,
+						durationMs
 					}
 				});
+				return result.output;
+			}
+			const error = result.error ?? {
+				code: "UNKNOWN",
+				message: "API execution failed"
+			};
+			if (editMode) sendMessageImmediately({
+				type: "sdk-api-execution-failed",
+				payload: {
+					executionId,
+					apiName,
+					error,
+					durationMs
+				}
 			});
+			throw error;
 		}, [apiName]),
 		cancel: useCallback(async () => {
 			throw new Error(`Cancellation is not yet implemented for SDK APIs. API "${apiName}" will continue executing.`);
@@ -1299,8 +1353,33 @@ function useSdkApi(apiName) {
 	};
 }
 function useApi(apiName) {
-	if (root_store_default.sdkApiEnabled) return useSdkApi(apiName);
-	return useApiStateful(apiName);
+	const { run: sdkRun, cancel: sdkCancel } = useSdkApi(apiName);
+	const { run: legacyRun, cancel: legacyCancel } = useApiStateful(apiName);
+	return {
+		run: useCallback(async (inputs) => {
+			let sdkApiEnabled = root_store_default.sdkApiEnabled;
+			let hasEntryPoint = !!root_store_default.getApiEntryPoint(apiName);
+			if (!sdkApiEnabled && !hasEntryPoint) {
+				await root_store_default.awaitDiscovery();
+				sdkApiEnabled = root_store_default.sdkApiEnabled;
+				hasEntryPoint = !!root_store_default.getApiEntryPoint(apiName);
+			}
+			if (sdkApiEnabled || hasEntryPoint) return sdkRun(inputs ?? {});
+			return legacyRun(inputs);
+		}, [
+			apiName,
+			sdkRun,
+			legacyRun
+		]),
+		cancel: useCallback(async () => {
+			if (root_store_default.sdkApiEnabled || !!root_store_default.getApiEntryPoint(apiName)) return sdkCancel();
+			return legacyCancel();
+		}, [
+			apiName,
+			sdkCancel,
+			legacyCancel
+		])
+	};
 }
 /**
 * Creates a typed version of useApi bound to a specific API registry type.
@@ -4602,7 +4681,56 @@ const EmbedWrapper$2 = (props) => {
 							inputs,
 							traceHeaders
 						});
-						if (isTestRun) {
+						if (root_store_default.sdkApiEnabled) {
+							const executionId = generateId();
+							const inputRecord = inputs ?? {};
+							const startTime = Date.now();
+							sendMessageImmediately({
+								type: "sdk-api-execution-started",
+								payload: {
+									executionId,
+									apiName,
+									input: inputRecord
+								}
+							});
+							root_store_default.apis.executeSdkApiV3(apiName, inputRecord).then((result) => {
+								const durationMs = Date.now() - startTime;
+								if (result.success) sendMessageImmediately({
+									type: "sdk-api-execution-completed",
+									payload: {
+										executionId,
+										apiName,
+										output: result.output,
+										durationMs
+									}
+								});
+								else sendMessageImmediately({
+									type: "sdk-api-execution-failed",
+									payload: {
+										executionId,
+										apiName,
+										error: result.error ?? {
+											code: "UNKNOWN",
+											message: "API execution failed"
+										},
+										durationMs
+									}
+								});
+							}).catch((error$1) => {
+								sendMessageImmediately({
+									type: "sdk-api-execution-failed",
+									payload: {
+										executionId,
+										apiName,
+										error: {
+											code: "UNKNOWN",
+											message: error$1 instanceof Error ? error$1.message : "Unknown error"
+										},
+										durationMs: Date.now() - startTime
+									}
+								});
+							});
+						} else if (isTestRun) {
 							console.log("[iframe-wrappers] Running as test run");
 							root_store_default.apis.runApiByPath({
 								path: getApiPath(apiName),
@@ -5244,6 +5372,19 @@ var InternalErrorBoundary = class extends React.Component {
 	}
 };
 
+//#endregion
+//#region src/lib/internal-details/lib/apply-sdk-context-payload.ts
+/**
+* Apply SDK context updates from the editor.
+* Uses "key" in payload so that undefined values can clear the previous state
+* (e.g. switching from a named profile back to default).
+*/
+function applySdkContextPayload(payload) {
+	if ("profile" in payload) root_store_default.setProfile(payload.profile);
+	if ("branchName" in payload) root_store_default.setBranchName(payload.branchName);
+	if ("commitId" in payload) root_store_default.setCommitId(payload.commitId);
+}
+
 //#endregion
 //#region src/lib/internal-details/lib/devtools/index.tsx
 const SUPPORTED_MODES = ["local-dev"];
@@ -5282,6 +5423,25 @@ function useTrackRouteChange() {
 	]);
 }
 
+//#endregion
+//#region src/lib/user-facing/load-build-manifest.ts
+/**
+* Load the build manifest and register APIs.
+* - When sdkApis has entries: populate entryPoints for direct v3/execute calls.
+* - When sdkApis is empty: relay to loadApiManifest for YAML orchestrator registration.
+*/
+async function loadBuildManifest() {
+	if (isEditMode()) return;
+	try {
+		const mod = await import("../build-manifest-BOqMhObV.js");
+		const sdkApis = mod.default.sdkApis ?? {};
+		if (Object.keys(sdkApis).length > 0) for (const [name, meta] of Object.entries(sdkApis)) root_store_default.setApiEntryPoint(name, meta.entryPoint);
+		else root_store_default.apis.loadApiManifest(mod.default);
+	} catch (error) {
+		console.error("Error loading build manifest", error);
+	}
+}
+
 //#endregion
 //#region src/lib/user-facing/sb-provider-tracker.ts
 const hasSbProviderRenderedEditMode = () => globalThis.__SB_PROVIDER_RENDERED_EDIT_MODE__ === true;
@@ -5384,14 +5544,6 @@ console.log = (...args) => {
 		}));
 	} catch {}
 };
-const loadApisIntoLibrary = async function loadApisIntoLibrary$1() {
-	if (!isEditMode()) try {
-		const mod = await import("../build-manifest-BOqMhObV.js");
-		root_store_default.apis.loadApiManifest(mod.default);
-	} catch (error) {
-		console.error("Error loading apis into library", error);
-	}
-};
 const Auth0Wrapper = isEditMode() ? Auth0Wrapper$2 : Auth0Wrapper$1;
 const EmbedWrapper = isEditMode() ? EmbedWrapper$2 : EmbedWrapper$1;
 const SbProvider = function SbProvider$1({ name = "codemode", children, className, context: context$1 }) {
@@ -5400,7 +5552,7 @@ const SbProvider = function SbProvider$1({ name = "codemode", children, classNam
 	const [isApisInitialized, setIsApisInitialized] = useState(false);
 	useEffect(() => {
 		(async () => {
-			await loadApisIntoLibrary();
+			await loadBuildManifest();
 			setIsApisInitialized(true);
 		})();
 	}, []);
@@ -5411,11 +5563,16 @@ const SbProvider = function SbProvider$1({ name = "codemode", children, classNam
 		const rejectPromiseListener = (event) => {
 			rejectById(event.data.callbackId, event.data.payload);
 		};
+		const handleSdkContextUpdate = (event) => {
+			applySdkContextPayload(event.data.payload);
+		};
 		iframeMessageHandler.addEventListener("resolve-promise", resolvePromiseListener);
 		iframeMessageHandler.addEventListener("reject-promise", rejectPromiseListener);
+		iframeMessageHandler.addEventListener("sb-update-sdk-context", handleSdkContextUpdate);
 		return () => {
 			iframeMessageHandler.removeEventListener("resolve-promise", resolvePromiseListener);
 			iframeMessageHandler.removeEventListener("reject-promise", rejectPromiseListener);
+			iframeMessageHandler.removeEventListener("sb-update-sdk-context", handleSdkContextUpdate);
 		};
 	}, []);
 	useEffect(() => {