@animaapp/anima-sdk 0.2.2 → 0.2.4

package/package.json

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

package/src/anima.ts

@@ -85,6 +85,8 @@ export class Anima {
         enableTranslation: settings.enableTranslation,
         enableUILibraryTheming: settings.enableUILibraryTheming,
         enableCompactStructure: settings.enableCompactStructure,
+        enableAutoSplit: settings.enableAutoSplit,
+        autoSplitThreshold: settings.autoSplitThreshold,
       }),
     });
 
@@ -143,6 +145,12 @@ export class Anima {
             }
 
             switch (data.type) {
+              case "queueing": {
+                typeof handler === "function"
+                  ? handler(data)
+                  : handler.onQueueing?.();
+                break;
+              }
               case "start": {
                 result.sessionId = data.sessionId;
                 typeof handler === "function"

package/src/settings.ts

@@ -21,6 +21,8 @@ const CodegenSettingsSchema = z
         uiLibrary: z.enum(["mui", "antd", "radix", "shadcn"]).optional(),
         enableUILibraryTheming: z.boolean().optional(),
         enableCompactStructure: z.boolean().optional(),
+        enableAutoSplit: z.boolean().optional(),
+        autoSplitThreshold: z.number().optional(),
       }),
       z.object({
         framework: z.literal("html"),
@@ -47,6 +49,8 @@ export type CodegenSettings = {
   enableTranslation?: boolean;
   enableUILibraryTheming?: boolean;
   enableCompactStructure?: boolean;
+  enableAutoSplit?: boolean;
+  autoSplitThreshold?: number;
 };
 
 export const validateSettings = (obj: unknown): CodegenSettings => {

package/src/types.ts

@@ -40,32 +40,33 @@ export type GetCodeParams = {
 export type GetCodeHandler =
   | ((message: SSECodgenMessage) => void)
   | {
-    onStart?: ({ sessionId }: { sessionId: string }) => void;
-    onPreCodegen?: ({ message }: { message: string }) => void;
-    onAssetsUploaded?: () => void;
-    onAssetsList?: ({
-      assets,
-    }: {
-      assets: Array<{ name: string; url: string }>;
-    }) => void;
-    onFigmaMetadata?: ({
-      figmaFileName,
-      figmaSelectedFrameName,
-    }: {
-      figmaFileName: string;
-      figmaSelectedFrameName: string;
-    }) => void;
-    onGeneratingCode?: ({
-      status,
-      progress,
-      files,
-    }: {
-      status: "success" | "running" | "failure";
-      progress: number;
-      files: AnimaFiles;
-    }) => void;
-    onCodegenCompleted?: () => void;
-  };
+      onQueueing?: () => void;
+      onStart?: ({ sessionId }: { sessionId: string }) => void;
+      onPreCodegen?: ({ message }: { message: string }) => void;
+      onAssetsUploaded?: () => void;
+      onAssetsList?: ({
+        assets,
+      }: {
+        assets: Array<{ name: string; url: string }>;
+      }) => void;
+      onFigmaMetadata?: ({
+        figmaFileName,
+        figmaSelectedFrameName,
+      }: {
+        figmaFileName: string;
+        figmaSelectedFrameName: string;
+      }) => void;
+      onGeneratingCode?: ({
+        status,
+        progress,
+        files,
+      }: {
+        status: "success" | "running" | "failure";
+        progress: number;
+        files: AnimaFiles;
+      }) => void;
+      onCodegenCompleted?: () => void;
+    };
 
 export type GeneratingCodePayload = {
   status: "success" | "running" | "failure";
@@ -75,23 +76,24 @@ export type GeneratingCodePayload = {
 
 // TODO: `SSECodgenMessage` and `SSECodgenMessageErrorPayload` should be imported from `anima-public-api`
 export type SSECodgenMessage =
+  | { type: "queueing" }
   | { type: "start"; sessionId: string }
   | { type: "pre_codegen"; message: string }
   | {
-    type: "figma_metadata";
-    figmaFileName: string;
-    figmaSelectedFrameName: string;
-  }
+      type: "figma_metadata";
+      figmaFileName: string;
+      figmaSelectedFrameName: string;
+    }
   | { type: "generating_code"; payload: GeneratingCodePayload }
   | { type: "codegen_completed" }
   | { type: "assets_uploaded" }
   | {
-    type: "assets_list";
-    payload: { assets: Array<{ name: string; url: string }> };
-  }
+      type: "assets_list";
+      payload: { assets: Array<{ name: string; url: string }> };
+    }
   | { type: "aborted" }
   | { type: "error"; payload: SSECodgenMessageErrorPayload }
-  | { type: "done", payload: { sessionId: string, tokenUsage: number } };
+  | { type: "done"; payload: { sessionId: string; tokenUsage: number } };
 export type SSECodgenMessageErrorPayload = {
   errorName: string;
   task?: string;