@animaapp/anima-sdk-react 0.1.3 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animaapp/anima-sdk-react",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "type": "module",
   "description": "Anima's JavaScript utilities library",
   "author": "Anima App, Inc.",

package/src/useAnimaCodegen.ts

@@ -4,14 +4,15 @@ import type {
   GetCodeParams,
   StreamCodgenMessage,
 } from "@animaapp/anima-sdk";
-import { convertCodegenFilesToAnimaFiles } from "@animaapp/anima-sdk";
 import { EventSource } from "eventsource";
 import { useImmer } from "use-immer";
 
+type LocalAssetsStorage =
+  | { strategy: "local"; path: string }
+  | { strategy: "local"; filePath: string; referencePath: string };
+
 export type UseAnimaParams = Omit<GetCodeParams, "assetsStorage"> & {
-  assetsStorage?:
-    | GetCodeParams["assetsStorage"]
-    | { strategy: "local"; path: string };
+  assetsStorage?: GetCodeParams["assetsStorage"] | LocalAssetsStorage;
 };
 
 type Status = "idle" | "pending" | "success" | "aborted" | "error";
@@ -45,6 +46,26 @@ type StreamMessageByType<T extends StreamCodgenMessage["type"]> = Extract<
   { type: T }
 >;
 
+const getAssetsLocalStrategyParams = (
+  localAssetsStorage: LocalAssetsStorage
+) => {
+  if ("path" in localAssetsStorage) {
+    return {
+      filePath: localAssetsStorage.path.replace(/^\//, ""),
+      referencePath:
+        localAssetsStorage.path === "/" ? "" : localAssetsStorage.path, // Workaround to avoid duplicated slashes in the URL. Ideally, the fix should be done in Codegen.
+    };
+  }
+
+  return {
+    filePath: localAssetsStorage.filePath.replace(/^\//, ""),
+    referencePath:
+      localAssetsStorage.referencePath === "/"
+        ? ""
+        : localAssetsStorage.referencePath,
+  };
+};
+
 export const useAnimaCodegen = ({
   url,
   method = "POST",
@@ -67,9 +88,13 @@ export const useAnimaCodegen = ({
     const initialParams = structuredClone(params);
 
     if (params.assetsStorage?.strategy === "local") {
+      const { referencePath } = getAssetsLocalStrategyParams(
+        params.assetsStorage
+      );
+
       params.assetsStorage = {
         strategy: "external",
-        url: params.assetsStorage.path,
+        url: referencePath,
       };
     }
 
@@ -134,12 +159,7 @@ export const useAnimaCodegen = ({
           event.data
         ) as StreamMessageByType<"generating_code">;
         if (message.payload.status === "success") {
-          const codegenFiles = message.payload.files as Record<
-            string,
-            { code: string; type: "code" }
-          >;
-
-          result.files = convertCodegenFilesToAnimaFiles(codegenFiles);
+          result.files = message.payload.files;
         }
 
         updateStatus((draft) => {
@@ -220,6 +240,10 @@ export const useAnimaCodegen = ({
         initialParams.assetsStorage?.strategy === "local" &&
         result?.assets?.length
       ) {
+        const { filePath } = getAssetsLocalStrategyParams(
+          initialParams.assetsStorage
+        );
+
         const downloadAssetsPromises = result.assets.map(async (asset) => {
           const response = await fetch(asset.url);
           const buffer = await response.arrayBuffer();
@@ -237,7 +261,8 @@ export const useAnimaCodegen = ({
 
             assetsList[assetName] = base64;
 
-            result.files[`${initialParams.assetsStorage.path}/${assetName}`] = {
+            const assetPath = filePath ? `${filePath}/${assetName}` : assetName;
+            result.files[assetPath] = {
               content: base64,
               isBinary: true,
             };

package/src/utils.ts

@@ -1,8 +1,8 @@
 export const arrayBufferToBase64 = (buffer: ArrayBuffer) => {
-  var binary = "";
-  var bytes = new Uint8Array(buffer);
-  var len = bytes.byteLength;
-  for (var i = 0; i < len; i++) {
+  let binary = "";
+  const bytes = new Uint8Array(buffer);
+  const len = bytes.byteLength;
+  for (let i = 0; i < len; i++) {
     binary += String.fromCharCode(bytes[i]);
   }