@brixel_ai/artifact-sdk 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -1,23 +1,77 @@
 // src/useBrixelArtifact.ts
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
-// src/executeTask.ts
-function getApiBaseUrl() {
-  if (typeof window !== "undefined") {
-    const hostname = window.location.hostname;
-    if (hostname === "localhost" || hostname === "127.0.0.1") {
-      return "http://localhost:8000/backoffice/ui-components";
-    }
+// src/http.ts
+var LOCAL_API_BASE_URL = "http://localhost:8000";
+var PROD_API_BASE_URL = "https://platform.brixel.ai";
+function isBrowserLocalhost() {
+  if (typeof window === "undefined") {
+    return false;
   }
-  return "https://api.brixel.ai/backoffice/ui-components";
+  const { hostname } = window.location;
+  return hostname === "localhost" || hostname === "127.0.0.1";
 }
-async function executeTask(params) {
-  const { taskUuid, inputs, conversationId, apiToken, apiBaseUrl } = params;
-  const baseUrl = apiBaseUrl || getApiBaseUrl();
-  if (typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1")) {
+function resolveApiBaseUrl(apiBaseUrl) {
+  if (apiBaseUrl) {
+    return apiBaseUrl;
+  }
+  return isBrowserLocalhost() ? LOCAL_API_BASE_URL : PROD_API_BASE_URL;
+}
+function debugApiBaseUrl(baseUrl) {
+  if (isBrowserLocalhost()) {
     console.debug("[Brixel SDK] Using API URL:", baseUrl);
   }
+}
+async function parseJsonOrText(response) {
+  const responseText = await response.text();
+  if (!responseText) {
+    return null;
+  }
   try {
+    return JSON.parse(responseText);
+  } catch {
+    return { raw: responseText };
+  }
+}
+function toHttpError(response, payload) {
+  return {
+    code: payload?.code || `HTTP_${response.status}`,
+    message: payload?.message || `Request failed with status ${response.status}`,
+    details: payload?.details || payload
+  };
+}
+function toNetworkError(error) {
+  return {
+    code: "NETWORK_ERROR",
+    message: error instanceof Error ? error.message : "Unknown error occurred",
+    details: error
+  };
+}
+
+// src/executeTask.ts
+async function executeTask(params) {
+  const { organizationId, taskId, inputs, conversationId, apiToken, apiBaseUrl } = params;
+  const baseUrl = resolveApiBaseUrl(apiBaseUrl);
+  debugApiBaseUrl(baseUrl);
+  try {
+    if (!organizationId) {
+      return {
+        success: false,
+        error: {
+          code: "MISSING_ORGANIZATION_ID",
+          message: "organizationId is required to execute a task"
+        }
+      };
+    }
+    if (!taskId) {
+      return {
+        success: false,
+        error: {
+          code: "MISSING_TASK_ID",
+          message: "taskId is required to execute a task"
+        }
+      };
+    }
     const headers = {
       "Content-Type": "application/json"
     };
@@ -27,33 +81,21 @@ async function executeTask(params) {
     if (conversationId) {
       headers["x-conversation-id"] = conversationId;
     }
-    const response = await fetch(`${baseUrl}/execute_task`, {
-      method: "POST",
-      headers,
-      // Include cookies as fallback if no explicit token provided
-      credentials: apiToken ? "same-origin" : "include",
-      body: JSON.stringify({
-        task_uuid: taskUuid,
-        inputs
-      })
-    });
-    const responseText = await response.text();
-    let data = null;
-    if (responseText) {
-      try {
-        data = JSON.parse(responseText);
-      } catch {
-        data = { raw: responseText };
+    const orgIdEncoded = encodeURIComponent(organizationId);
+    const taskIdEncoded = encodeURIComponent(taskId);
+    const response = await fetch(
+      `${baseUrl}/v1/organizations/${orgIdEncoded}/tasks/${taskIdEncoded}/execute`,
+      {
+        method: "POST",
+        headers,
+        body: JSON.stringify({ inputs })
       }
-    }
+    );
+    const data = await parseJsonOrText(response);
     if (!response.ok) {
       return {
         success: false,
-        error: {
-          code: data?.code || `HTTP_${response.status}`,
-          message: data?.message || `Request failed with status ${response.status}`,
-          details: data?.details || data
-        }
+        error: toHttpError(response, data)
       };
     }
     return {
@@ -63,18 +105,16 @@ async function executeTask(params) {
   } catch (error) {
     return {
       success: false,
-      error: {
-        code: "NETWORK_ERROR",
-        message: error instanceof Error ? error.message : "Unknown error occurred",
-        details: error
-      }
+      error: toNetworkError(error)
     };
   }
 }
 function createExecuteTask(contextAuth) {
   return (params) => {
+    const { organizationId, ...restParams } = params;
     return executeTask({
-      ...params,
+      ...restParams,
+      organizationId: organizationId ?? contextAuth?.organizationId ?? "",
       apiToken: contextAuth?.apiToken,
       conversationId: contextAuth?.conversationId,
       apiBaseUrl: contextAuth?.apiBaseUrl
@@ -82,6 +122,158 @@ function createExecuteTask(contextAuth) {
   };
 }
 
+// src/uploadFile.ts
+async function uploadFile(params) {
+  const { file, organizationId, apiToken, apiBaseUrl } = params;
+  const baseUrl = resolveApiBaseUrl(apiBaseUrl);
+  debugApiBaseUrl(baseUrl);
+  try {
+    if (!file) {
+      return {
+        success: false,
+        error: {
+          code: "MISSING_FILE",
+          message: "file is required for upload"
+        }
+      };
+    }
+    const headers = {};
+    if (apiToken) {
+      headers["Authorization"] = `Bearer ${apiToken}`;
+    }
+    if (organizationId) {
+      headers["X-Organization-Id"] = organizationId;
+    }
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("visibility", "user");
+    const response = await fetch(`${baseUrl}/v1/files/`, {
+      method: "POST",
+      headers,
+      body: formData
+    });
+    const data = await parseJsonOrText(response);
+    if (!response.ok) {
+      return {
+        success: false,
+        error: toHttpError(response, data)
+      };
+    }
+    return {
+      success: true,
+      data: data ?? void 0
+    };
+  } catch (error) {
+    return {
+      success: false,
+      error: toNetworkError(error)
+    };
+  }
+}
+function createUploadFile(contextAuth) {
+  return (params) => {
+    const { organizationId, ...restParams } = params;
+    return uploadFile({
+      ...restParams,
+      organizationId: organizationId ?? contextAuth?.organizationId,
+      apiToken: contextAuth?.apiToken,
+      apiBaseUrl: contextAuth?.apiBaseUrl
+    });
+  };
+}
+
+// src/getFileContent.ts
+async function getFileContent(params) {
+  const {
+    brixelFileId,
+    organizationId,
+    conversationId,
+    apiToken,
+    apiBaseUrl,
+    ifNoneMatch,
+    ifModifiedSince
+  } = params;
+  const baseUrl = resolveApiBaseUrl(apiBaseUrl);
+  debugApiBaseUrl(baseUrl);
+  try {
+    if (!brixelFileId) {
+      return {
+        success: false,
+        error: {
+          code: "MISSING_FILE_ID",
+          message: "brixelFileId is required"
+        }
+      };
+    }
+    const headers = {};
+    if (apiToken) {
+      headers["Authorization"] = `Bearer ${apiToken}`;
+    }
+    if (organizationId) {
+      headers["X-Organization-Id"] = organizationId;
+    }
+    if (conversationId) {
+      headers["X-Conversation-Id"] = conversationId;
+    }
+    if (ifNoneMatch) {
+      headers["If-None-Match"] = ifNoneMatch;
+    }
+    if (ifModifiedSince) {
+      headers["If-Modified-Since"] = ifModifiedSince;
+    }
+    const fileIdEncoded = encodeURIComponent(brixelFileId);
+    const response = await fetch(`${baseUrl}/v1/files/${fileIdEncoded}/content`, {
+      method: "GET",
+      headers
+    });
+    if (response.status === 304) {
+      return {
+        success: true,
+        notModified: true
+      };
+    }
+    if (!response.ok) {
+      const data = await parseJsonOrText(response);
+      return {
+        success: false,
+        error: toHttpError(response, data)
+      };
+    }
+    const blob = await response.blob();
+    const contentType = response.headers.get("Content-Type");
+    const contentLengthRaw = response.headers.get("Content-Length");
+    const contentLength = contentLengthRaw ? Number(contentLengthRaw) : void 0;
+    const fileData = {
+      blob,
+      contentType,
+      contentLength: Number.isFinite(contentLength) ? contentLength : void 0,
+      etag: response.headers.get("ETag"),
+      lastModified: response.headers.get("Last-Modified")
+    };
+    return {
+      success: true,
+      data: fileData
+    };
+  } catch (error) {
+    return {
+      success: false,
+      error: toNetworkError(error)
+    };
+  }
+}
+function createGetFileContent(contextAuth) {
+  return (params) => {
+    const { organizationId, conversationId, ...restParams } = params;
+    return getFileContent({
+      ...restParams,
+      organizationId: organizationId ?? contextAuth?.organizationId,
+      conversationId: conversationId ?? contextAuth?.conversationId,
+      apiToken: contextAuth?.apiToken,
+      apiBaseUrl: contextAuth?.apiBaseUrl
+    });
+  };
+}
+
 // src/useBrixelArtifact.ts
 var SDK_VERSION = "1.0.0";
 function isInIframe() {
@@ -92,7 +284,13 @@ function isInIframe() {
   }
 }
 function useBrixelArtifact(options = {}) {
-  const { targetOrigin = "*", onInputsUpdate, onDestroy, debug = false } = options;
+  const {
+    targetOrigin = "*",
+    onInputsUpdate,
+    onDestroy,
+    debug = false,
+    autoResize = false
+  } = options;
   const [inputs, setInputs] = useState(null);
   const [context, setContext] = useState(null);
   const [status, setStatus] = useState("initializing");
@@ -120,45 +318,35 @@ function useBrixelArtifact(options = {}) {
     },
     [targetOrigin, debugLog]
   );
-  const complete = useCallback(
-    (output) => {
+  const completeTask = useCallback(
+    (type, payload) => {
       if (hasCompleted.current) {
-        debugLog("Already completed, ignoring duplicate complete call");
+        debugLog(`Already completed, ignoring ${type} call`);
         return;
       }
       if (!runId) {
-        console.error("[BrixelSDK] Cannot complete - no runId");
+        console.error(`[BrixelSDK] Cannot send ${type} - no runId`);
         return;
       }
       hasCompleted.current = true;
-      setStatus("completed");
-      postToParent({
-        type: "BRIXEL_COMPLETE",
-        payload: { runId, output }
-      });
-      debugLog("Task completed with output:", output);
+      setStatus(type === "BRIXEL_COMPLETE" ? "completed" : "cancelled");
+      postToParent({ type, payload: { runId, ...payload } });
     },
     [runId, postToParent, debugLog]
   );
+  const complete = useCallback(
+    (output) => {
+      completeTask("BRIXEL_COMPLETE", { output });
+      debugLog("Task completed with output:", output);
+    },
+    [completeTask, debugLog]
+  );
   const cancel = useCallback(
     (reason) => {
-      if (hasCompleted.current) {
-        debugLog("Already completed, ignoring cancel call");
-        return;
-      }
-      if (!runId) {
-        console.error("[BrixelSDK] Cannot cancel - no runId");
-        return;
-      }
-      hasCompleted.current = true;
-      setStatus("cancelled");
-      postToParent({
-        type: "BRIXEL_CANCEL",
-        payload: { runId, reason }
-      });
+      completeTask("BRIXEL_CANCEL", { reason });
       debugLog("Task cancelled:", reason);
     },
-    [runId, postToParent, debugLog]
+    [completeTask, debugLog]
   );
   const setHeight = useCallback(
     (height) => {
@@ -244,7 +432,7 @@ function useBrixelArtifact(options = {}) {
     };
   }, [debugLog, postToParent, onInputsUpdate, onDestroy]);
   useEffect(() => {
-    if (!runId || !isEmbedded.current) return;
+    if (!runId || !isEmbedded.current || !autoResize) return;
     const resizeObserver = new ResizeObserver((entries) => {
       for (const entry of entries) {
         const height = entry.contentRect.height;
@@ -255,14 +443,32 @@ function useBrixelArtifact(options = {}) {
     return () => {
       resizeObserver.disconnect();
     };
-  }, [runId, setHeight]);
-  const executeTask2 = useCallback(
-    createExecuteTask({
+  }, [runId, autoResize, setHeight]);
+  const executeTask2 = useMemo(
+    () => createExecuteTask({
+      organizationId: context?.organizationId,
       apiToken: context?.apiToken,
       conversationId: context?.conversationId,
       apiBaseUrl: context?.apiBaseUrl
     }),
-    [context?.apiToken, context?.conversationId, context?.apiBaseUrl]
+    [context?.organizationId, context?.apiToken, context?.conversationId, context?.apiBaseUrl]
+  );
+  const uploadFile2 = useMemo(
+    () => createUploadFile({
+      organizationId: context?.organizationId,
+      apiToken: context?.apiToken,
+      apiBaseUrl: context?.apiBaseUrl
+    }),
+    [context?.organizationId, context?.apiToken, context?.apiBaseUrl]
+  );
+  const getFileContent2 = useMemo(
+    () => createGetFileContent({
+      organizationId: context?.organizationId,
+      conversationId: context?.conversationId,
+      apiToken: context?.apiToken,
+      apiBaseUrl: context?.apiBaseUrl
+    }),
+    [context?.organizationId, context?.conversationId, context?.apiToken, context?.apiBaseUrl]
   );
   return {
     inputs,
@@ -275,20 +481,13 @@ function useBrixelArtifact(options = {}) {
     setHeight,
     log,
     isEmbedded: isEmbedded.current,
-    executeTask: executeTask2
+    executeTask: executeTask2,
+    uploadFile: uploadFile2,
+    getFileContent: getFileContent2
   };
 }
 
 // src/devTools.ts
-var mockContext = {
-  runId: "dev-run-001",
-  stepId: "dev-step-001",
-  userId: "dev-user-001",
-  organizationId: "dev-org-001",
-  theme: "light",
-  locale: "en-US",
-  conversationId: "dev-conversation-001"
-};
 function simulateBrixelInit(inputs, options = {}) {
   const { runId = "dev-run-001", renderMode = "interaction", context = {}, delay = 100 } = options;
   const message = {
@@ -296,7 +495,7 @@ function simulateBrixelInit(inputs, options = {}) {
     payload: {
       runId,
       inputs,
-      context: { ...mockContext, ...context, runId },
+      context: { ...context, runId },
       renderMode
     }
   };
@@ -317,112 +516,14 @@ function listenToUITaskMessages(callback) {
     window.removeEventListener("message", handleMessage);
   };
 }
-function createMockBrixelHost(options) {
-  const { onReady, onComplete, onCancel, onResize, onLog, onError } = options;
-  let currentRunId = null;
-  const handleMessage = (event) => {
-    const message = event.data;
-    if (!message || typeof message !== "object" || !message.type?.startsWith("BRIXEL_")) {
-      return;
-    }
-    switch (message.type) {
-      case "BRIXEL_READY":
-        onReady?.(message.payload?.version);
-        break;
-      case "BRIXEL_COMPLETE":
-        onComplete?.(message.payload?.output);
-        break;
-      case "BRIXEL_CANCEL":
-        onCancel?.(message.payload?.reason);
-        break;
-      case "BRIXEL_RESIZE":
-        onResize?.(message.payload?.height);
-        break;
-      case "BRIXEL_LOG":
-        onLog?.(message.payload?.level, message.payload?.message, message.payload?.data);
-        break;
-      case "BRIXEL_ERROR":
-        onError?.(message.payload?.error);
-        break;
-    }
-  };
-  window.addEventListener("message", handleMessage);
-  return {
-    init(inputs, runId = "mock-run-001", renderMode = "interaction") {
-      currentRunId = runId;
-      window.postMessage(
-        {
-          type: "BRIXEL_INIT",
-          payload: {
-            runId,
-            inputs,
-            context: { ...mockContext, runId },
-            renderMode
-          }
-        },
-        "*"
-      );
-    },
-    updateInputs(inputs) {
-      if (!currentRunId) {
-        console.warn("[MockHost] Cannot update inputs - no active run");
-        return;
-      }
-      window.postMessage(
-        {
-          type: "BRIXEL_UPDATE_INPUTS",
-          payload: { runId: currentRunId, inputs }
-        },
-        "*"
-      );
-    },
-    destroy() {
-      if (currentRunId) {
-        window.postMessage(
-          {
-            type: "BRIXEL_DESTROY",
-            payload: { runId: currentRunId }
-          },
-          "*"
-        );
-      }
-      window.removeEventListener("message", handleMessage);
-      currentRunId = null;
-    },
-    updateTheme(theme) {
-      if (!currentRunId) {
-        console.warn("[MockHost] Cannot update theme - no active run");
-        return;
-      }
-      window.postMessage(
-        {
-          type: "BRIXEL_UPDATE_THEME",
-          payload: { runId: currentRunId, theme }
-        },
-        "*"
-      );
-    },
-    updateLocale(locale) {
-      if (!currentRunId) {
-        console.warn("[MockHost] Cannot update locale - no active run");
-        return;
-      }
-      window.postMessage(
-        {
-          type: "BRIXEL_UPDATE_LOCALE",
-          payload: { runId: currentRunId, locale }
-        },
-        "*"
-      );
-    }
-  };
-}
 export {
   createExecuteTask,
-  createMockBrixelHost,
+  createGetFileContent,
+  createUploadFile,
   executeTask,
+  getFileContent,
   listenToUITaskMessages,
-  mockContext,
   simulateBrixelInit,
+  uploadFile,
   useBrixelArtifact
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brixel_ai/artifact-sdk",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "SDK for building Brixel Artifacts - interactive React components that integrate with Brixel workflows",
   "main": "dist/index.js",
   "module": "dist/index.mjs",