@magiclabs.ai/magicbook-client 0.7.12-canary → 0.7.13-canary

package/README.md

@@ -53,6 +53,12 @@ const image: Image = {...}
 await designRequest.images.add(image)
 ```
 
+To remove an image, you can invoke the delete function as follows:
+
+```ts
+await designRequest.images.delete(imageId)
+```
+
 This would typically be done in an event handler connected to the image manager.
 
 ```ts

package/index.cjs

@@ -4495,21 +4495,34 @@ var Images = class {
   constructor(client, parentId, designRequestState) {
     this.client = client;
     this.parentId = parentId;
-    this.images = [];
-    this.length = this.images.length;
+    this.list = [];
+    this.length = this.list.length;
     this.designRequestState = designRequestState;
   }
   parentId;
-  images;
+  list;
   length;
   designRequestState;
   async add(image) {
     if (!canSubmitDesignRequest(this.designRequestState)) {
       throw new Error("You need to wait for the current design request to be ready before adding new images.");
     } else {
-      this.images.push(image);
-      this.length = this.images.length;
-      await this.client.engineAPI.images.addToBook(this.parentId, new ImageServer(image));
+      const serverImage = await this.client.engineAPI.images.addToBook(this.parentId, new ImageServer(image));
+      const img = imageServerToImage(serverImage);
+      this.list.push(img);
+      this.length = this.list.length;
+      return new Promise((resolve) => {
+        resolve(img);
+      });
+    }
+  }
+  async delete(imageId) {
+    if (!canSubmitDesignRequest(this.designRequestState)) {
+      throw new Error("You need to wait for the current design request to be ready before deleting images.");
+    } else {
+      await this.client.engineAPI.images.delete(imageId, this.parentId);
+      this.list.splice(this.list.findIndex((image) => image.handle === imageId), 1);
+      this.length = this.list.length;
       return new Promise((resolve) => {
         resolve(this.length);
       });
@@ -4530,6 +4543,7 @@ var imageServerSchema = z.object({
   metadata: z.record(z.unknown()).optional()
 });
 var ImageServer = class {
+  id;
   handle;
   url;
   width;
@@ -4541,6 +4555,7 @@ var ImageServer = class {
   filename;
   metadata;
   constructor(image) {
+    this.id = image.id;
     this.handle = image.handle;
     this.url = image.url;
     this.width = image.width;
@@ -4555,6 +4570,7 @@ var ImageServer = class {
 };
 function imageServerToImage(imageServer) {
   return {
+    id: imageServer.id,
     handle: imageServer.handle,
     url: imageServer.url,
     width: imageServer.width,
@@ -4765,7 +4781,7 @@ var DesignRequest = class {
   toBook() {
     const designRequest = {
       ...this,
-      images: this.images["images"]
+      images: this.images.list
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     };
     delete designRequest.client;
@@ -4988,7 +5004,7 @@ var ImagesEndpoints = class {
   retrieve(imageId, bookId) {
     return handleAsyncFunction(async () => {
       const res = await this.engineAPI.fetcher.call({
-        path: `/v1/images/${imageId}/book/${bookId}/`
+        path: `/v1/images/${imageId}/book/${bookId}`
       });
       return imageServerSchema.parse(res);
     });
@@ -4996,7 +5012,7 @@ var ImagesEndpoints = class {
   update(imageId, bookId, image) {
     return handleAsyncFunction(async () => {
       const res = await this.engineAPI.fetcher.call({
-        path: `/v1/images/${imageId}/book/${bookId}/`,
+        path: `/v1/images/${imageId}/book/${bookId}`,
         options: {
           method: "PUT",
           body: cleanJSON(image)
@@ -5008,7 +5024,7 @@ var ImagesEndpoints = class {
   delete(imageId, bookId) {
     return handleAsyncFunction(async () => {
       await this.engineAPI.fetcher.call({
-        path: `/v1/images/${imageId}/book/${bookId}/`,
+        path: `/v1/images/${imageId}/book/${bookId}`,
         options: {
           method: "DELETE"
         }