chore: Handle Express SDK initialization errors (#210)

* chore: Handle Express SDK intialization errors * chore: Code cleanup
adobe · Feb 23, 2024 · 8d45134 · 8d45134
1 parent 903f7de
commit 8d45134
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 5 deletions.
diff --git a/web-src/src/components/FavoriteVariantCard.js b/web-src/src/components/FavoriteVariantCard.js
@@ -59,7 +59,7 @@ export function FavoriteVariantCard({ variant, ...props }) {
       addImageToVariant(variant.id, publishParams.asset[0].data);
     };
 
-    await expressSDKService.handleImageOperation(
+    const success = await expressSDKService.handleImageOperation(
       'generateImage',
       {
         outputParams: {
@@ -73,6 +73,10 @@ export function FavoriteVariantCard({ variant, ...props }) {
         },
       },
     );
+
+    if (!success) {
+      ToastQueue.negative('Something went wrong. Please try again!', { timeout: 2000 });
+    }
   }, [expressSDKService, variant]);
 
   const handleGenerateImagePrompt = useCallback(() => {
@@ -106,7 +110,7 @@ export function FavoriteVariantCard({ variant, ...props }) {
                   log('prompt:copyfavorite');
                   sampleRUM('genai:prompt:copyfavorite', { source: 'FavoriteCard#onPress' });
                   navigator.clipboard.writeText(toText(variant.content));
-                  ToastQueue.positive('Copied to clipboard', { timeout: 1000 });
+                  ToastQueue.positive('Copied text to clipboard', { timeout: 1000 });
                 }}>
                 <CopyOutlineIcon />
               </ActionButton>

diff --git a/web-src/src/components/PromptResultCard.js b/web-src/src/components/PromptResultCard.js
@@ -199,7 +199,7 @@ export function PromptResultCard({ result, ...props }) {
       addImageToVariant(variantId, publishParams.asset[0].data);
     };
 
-    await expressSDKService.handleImageOperation(
+    const success = await expressSDKService.handleImageOperation(
       'generateImage',
       {
         outputParams: {
@@ -213,6 +213,10 @@ export function PromptResultCard({ result, ...props }) {
         },
       },
     );
+
+    if (!success) {
+      ToastQueue.negative('Something went wrong. Please try again!', { timeout: 2000 });
+    }
   }, [expressSDKService]);
 
   const handleGenerateImagePrompt = useCallback((variantId) => {

diff --git a/web-src/src/components/VariantImagesView.js b/web-src/src/components/VariantImagesView.js
@@ -90,7 +90,7 @@ export function VariantImagesView({ variant, isFavorite, ...props }) {
     };
     const assetData = variantImages[variant.id][index];
 
-    await expressSDKService.handleImageOperation(
+    const success = await expressSDKService.handleImageOperation(
       'editImage',
       {
         outputParams: {
@@ -108,6 +108,10 @@ export function VariantImagesView({ variant, isFavorite, ...props }) {
         },
       },
     );
+
+    if (!success) {
+      ToastQueue.negative('Something went wrong. Please try again!', { timeout: 2000 });
+    }
   }, [expressSDKService, variantImages]);
 
   const handleImageViewerOpen = useCallback((index) => {

diff --git a/web-src/src/services/ExpressSDKService.js b/web-src/src/services/ExpressSDKService.js
@@ -72,13 +72,21 @@ export class ExpressSDKService {
 
   async handleImageOperation(operation, operationParams) {
     if (this.ccEverywhereInstance == null) {
-      this.ccEverywhereInstance = await this.initExpressEditor();
+      await this.initExpressEditor()
+        .then((ccEverywhereInstance) => {
+          this.ccEverywhereInstance = ccEverywhereInstance;
+        })
+        .catch((error) => {
+          console.error('Error:', error);
+          return false;
+        });
     }
 
     if (operation === 'generateImage') {
       this.ccEverywhereInstance.miniEditor.createImageFromText(operationParams, this.userInfo, this.authInfo);
     } else if (operation === 'editImage') {
       this.ccEverywhereInstance.miniEditor.editImage(operationParams, this.userInfo, this.authInfo);
     }
+    return true;
   }
 }