@javascriptcommon/react-native-carplay 2.4.4 → 2.4.7

package/ios/RNCarPlay.m

@@ -84,6 +84,7 @@ RCT_EXPORT_MODULE();
         // list
         @"didSelectListItem",
         @"didSelectListItemRowImage",
+        @"scrollToBottom",
         // search
         @"updatedSearchText",
         @"searchButtonPressed",
@@ -167,9 +168,11 @@ RCT_EXPORT_MODULE();
 }
 
 - (void)updateItemImageWithURL:(CPListItem *)item imgUrl:(NSString *)imgUrlString placeholderImage:(UIImage *)placeholderImage {
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [item setImage:placeholderImage];
-    });
+    if (placeholderImage != nil) {
+        dispatch_async(dispatch_get_main_queue(), ^{
+            [item setImage:placeholderImage];
+        });
+    }
 
     NSURL *imgUrl = [NSURL URLWithString:imgUrlString];
 
@@ -186,20 +189,22 @@ RCT_EXPORT_MODULE();
     [task resume];
 }
 
-- (void)updateListRowItemImageWithURL:(CPListImageRowItem *)item imgUrl:(NSString *)imgUrlString index:(int)index placeholderImage:(UIImage *)placeholderImage {    
-    dispatch_async(dispatch_get_main_queue(), ^{
-        NSMutableArray* newImages = [item.gridImages mutableCopy];
-        
-        @try {
-            newImages[index] = placeholderImage;
-        }
-        @catch (NSException *exception) {
-            // Best effort updating the array
-            NSLog(@"Failed to update images array of CPListImageRowItem");
-        }                
-        
-        [item updateImages:newImages];                
-    });
+- (void)updateListRowItemImageWithURL:(CPListImageRowItem *)item imgUrl:(NSString *)imgUrlString index:(int)index placeholderImage:(UIImage *)placeholderImage {
+    if (placeholderImage != nil) {
+        dispatch_async(dispatch_get_main_queue(), ^{
+            NSMutableArray* newImages = [item.gridImages mutableCopy];
+            
+            @try {
+                newImages[index] = placeholderImage;
+            }
+            @catch (NSException *exception) {
+                // Best effort updating the array
+                NSLog(@"Failed to update images array of CPListImageRowItem");
+            }
+            
+            [item updateImages:newImages];
+        });
+    }
     
     NSURL *imgUrl = [NSURL URLWithString:imgUrlString];
 
@@ -453,7 +458,14 @@ RCT_EXPORT_METHOD(createTemplate:(NSString *)templateId config:(NSDictionary*)co
         carPlayTemplate.tabTitle = [RCTConvert NSString:config[@"tabTitle"]];
     }
 
-    [carPlayTemplate setUserInfo:@{ @"templateId": templateId }];
+    // Set userInfo with templateId and optional scrollBottomThreshold for list templates
+    NSMutableDictionary *userInfo = [@{ @"templateId": templateId } mutableCopy];
+    if ([type isEqualToString:@"list"] && config[@"scrollBottomThreshold"]) {
+        userInfo[@"scrollBottomThreshold"] = [RCTConvert NSNumber:config[@"scrollBottomThreshold"]];
+    } else if ([type isEqualToString:@"list"]) {
+        userInfo[@"scrollBottomThreshold"] = @(5); // default threshold
+    }
+    [carPlayTemplate setUserInfo:userInfo];
     [store setTemplate:templateId template:carPlayTemplate];
 }
 
@@ -690,7 +702,11 @@ RCT_EXPORT_METHOD(updateListTemplateItem:(NSString *)templateId config:(NSDictio
         CPListItem *item = (CPListItem *)section.items[index];
         if (config[@"imgUrl"]) {
             NSString *imgUrlString = [RCTConvert NSString:config[@"imgUrl"]];
-            [self updateItemImageWithURL:item imgUrl:imgUrlString];
+            UIImage *placeholderImage;
+            if (config[@"placeholderImage"] != nil) {
+                placeholderImage = [RCTConvert UIImage:config[@"placeholderImage"]];
+            }
+            [self updateItemImageWithURL:item imgUrl:imgUrlString placeholderImage:placeholderImage];
         }
         if (config[@"image"]) {
             [item setImage:[RCTConvert UIImage:config[@"image"]]];
@@ -1120,7 +1136,7 @@ RCT_EXPORT_METHOD(updateMapTemplateMapButtons:(NSString*) templateId mapButtons:
             }
             if (item[@"imgUrl"]) {
                 NSString *imgUrlString = [RCTConvert NSString:item[@"imgUrl"]];
-                UIImage *placeholderImage
+                UIImage *placeholderImage;
                 if ([item objectForKey:@"placeholderImage"] != nil) {
                     placeholderImage = [RCTConvert UIImage:[item objectForKey:@"placeholderImage"]];
                 }
@@ -1162,9 +1178,12 @@ RCT_EXPORT_METHOD(updateMapTemplateMapButtons:(NSString*) templateId mapButtons:
                     NSArray *_placeholderImages = [item objectForKey:@"placeholderImages"];
                     int _index = 0;
                     for (NSString* imgUrl in _slicedArray) {
-                        UIImage *placeholderImage;
-                        if (_placeholderImages != nil) {
-                            placeholderImage = [RCTConvert UIImage:_placeholderImages[_index]];
+                        UIImage *placeholderImage = nil;
+                        if (_placeholderImages != nil && _index < _placeholderImages.count) {
+                            id placeholderImageObj = _placeholderImages[_index];
+                            if (placeholderImageObj != nil && placeholderImageObj != [NSNull null]) {
+                                placeholderImage = [RCTConvert UIImage:placeholderImageObj];
+                            }
                         }
                         [self updateListRowItemImageWithURL:_item imgUrl:imgUrl index:_index placeholderImage:placeholderImage];
                         _index++;
@@ -1511,6 +1530,35 @@ RCT_EXPORT_METHOD(updateMapTemplateMapButtons:(NSString*) templateId mapButtons:
     NSNumber* index = [item.userInfo objectForKey:@"index"];
     [self sendTemplateEventWithName:listTemplate name:@"didSelectListItem" json:@{ @"index": index }];
     self.selectedResultBlock = completionHandler;
+    
+    // Check if we should trigger scroll to bottom callback for infinite scroll
+    NSDictionary *templateUserInfo = [listTemplate userInfo];
+    NSNumber *scrollBottomThreshold = [templateUserInfo objectForKey:@"scrollBottomThreshold"];
+    
+    if (scrollBottomThreshold) {
+        // Calculate total number of items across all sections
+        NSInteger totalItems = 0;
+        for (CPListSection *section in listTemplate.sections) {
+            totalItems += section.items.count;
+        }
+        
+        // Get the current index
+        NSInteger currentIndex = [index integerValue];
+        
+        // Calculate remaining items
+        NSInteger remainingItems = totalItems - currentIndex - 1;
+        
+        // If we're within the threshold from the end, fire the event
+        if (remainingItems <= [scrollBottomThreshold integerValue]) {
+            NSString *templateId = [templateUserInfo objectForKey:@"templateId"];
+            if (self->hasListeners && templateId) {
+                [self sendEventWithName:@"scrollToBottom" body:@{
+                    @"templateId": templateId,
+                    @"remainingItems": @(remainingItems)
+                }];
+            }
+        }
+    }
 }
 
 # pragma TabBarTemplate

package/lib/templates/ListTemplate.d.ts

@@ -66,6 +66,22 @@ export interface ListTemplateConfig extends TemplateConfig {
      * Fired when the back button is pressed
      */
     onBackButtonPressed?(): void;
+    /**
+     * Fired when user scrolls close to the bottom of the list.
+     * Useful for implementing infinite scroll / pagination.
+     * @param e Object with remainingItems count
+     * @namespace iOS
+     */
+    onScrollToBottom?(e: {
+        templateId: string;
+        remainingItems: number;
+    }): void;
+    /**
+     * Number of items from the bottom that triggers onScrollToBottom callback.
+     * @default 5
+     * @namespace iOS
+     */
+    scrollBottomThreshold?: number;
     /**
      * Option to hide back button
      * @default false

package/lib/templates/ListTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListTemplate.d.ts","sourceRoot":"","sources":["../../src/templates/ListTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,MAAM,EAAE,CAAC;IACrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E;;;;;OAKG;IACH,oBAAoB,CAAC,CAAC,IAAI,EAAE;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAElB;;OAEG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;QACzC,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC;KACnC,CAAC;IACF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;CACrE;AAED;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,QAAQ,CAAC,kBAAkB,CAAC;IAWzC,MAAM,EAAE,kBAAkB;IAV7C,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAI,QAAQ;;MAIX;gBAEkB,MAAM,EAAE,kBAAkB;IA2BtC,cAAc,aAAc,WAAW,EAAE,UAG9C;IAEK,sBAAsB,WAAY,cAAc,UAMrD;IAEK,uBAAuB;IAIvB,0BAA0B;IAI1B,2BAA2B;IAI3B,4BAA4B;IAI5B,mCAAmC;CAG3C"}
+{"version":3,"file":"ListTemplate.d.ts","sourceRoot":"","sources":["../../src/templates/ListTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,MAAM,EAAE,CAAC;IACrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E;;;;;OAKG;IACH,oBAAoB,CAAC,CAAC,IAAI,EAAE;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAElB;;OAEG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAE7B;;;;;OAKG;IACH,gBAAgB,CAAC,CAAC,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAE3E;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;QACzC,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC;KACnC,CAAC;IACF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;CACrE;AAED;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,QAAQ,CAAC,kBAAkB,CAAC;IAWzC,MAAM,EAAE,kBAAkB;IAV7C,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAI,QAAQ;;MAIX;gBAEkB,MAAM,EAAE,kBAAkB;IAoCtC,cAAc,aAAc,WAAW,EAAE,UAG9C;IAEK,sBAAsB,WAAY,cAAc,UAMrD;IAEK,uBAAuB;IAIvB,0BAA0B;IAI1B,2BAA2B;IAI3B,4BAA4B;IAI5B,mCAAmC;CAG3C"}

package/lib/templates/ListTemplate.js

@@ -44,6 +44,11 @@ class ListTemplate extends Template_1.Template {
                 });
             }
         });
+        CarPlay_1.CarPlay.emitter.addListener('scrollToBottom', (e) => {
+            if (config.onScrollToBottom && e.templateId === this.id) {
+                config.onScrollToBottom(e);
+            }
+        });
     }
     updateSections = (sections) => {
         this.config.sections = sections;

package/lib/templates/Template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Template.d.ts","sourceRoot":"","sources":["../../src/templates/Template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKpD,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1C;;;;;OAKG;IACH,4BAA4B,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,eAAe,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CAC9C;AAED,qBAAa,QAAQ,CAAC,CAAC;IAUF,MAAM,EAAE,cAAc,GAAG,CAAC;IAT7C,IAAW,IAAI,IAAI,MAAM,CAExB;IACM,EAAE,EAAG,MAAM,CAAC;IAEnB,IAAW,QAAQ,OAElB;gBAEkB,MAAM,EAAE,cAAc,GAAG,CAAC;IAiD7C,cAAc,WAAY,CAAC,UAGzB;IAGK,WAAW,CAAC,MAAM,EAAE,GAAG;CAiB/B"}
+{"version":3,"file":"Template.d.ts","sourceRoot":"","sources":["../../src/templates/Template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKpD,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1C;;;;;OAKG;IACH,4BAA4B,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,eAAe,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CAC9C;AAED,qBAAa,QAAQ,CAAC,CAAC;IAUF,MAAM,EAAE,cAAc,GAAG,CAAC;IAT7C,IAAW,IAAI,IAAI,MAAM,CAExB;IACM,EAAE,EAAG,MAAM,CAAC;IAEnB,IAAW,QAAQ,OAElB;gBAEkB,MAAM,EAAE,cAAc,GAAG,CAAC;IAiD7C,cAAc,WAAY,CAAC,UAGzB;IAGK,WAAW,CAAC,MAAM,EAAE,GAAG;CAyB/B"}

package/lib/templates/Template.js

@@ -57,13 +57,21 @@ class Template {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         function traverse(obj) {
             for (const i in obj) {
-                if (obj[i] !== null && typeof obj[i] === 'object') {
-                    traverse(obj[i]);
+                if (String(i).match(/[Ii]mages$/)) {
+                    console.log('array parsing', i, obj[i]);
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    obj[i] = obj[i].map((asset) => resolveAssetSource(asset));
+                    console.log('array parsed', i, obj[i]);
                 }
-                if (String(i).match(/[Ii]mage$/)) {
+                else if (String(i).match(/[Ii]mage$/)) {
+                    console.log('single image parsing', i, obj[i]);
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-call
                     obj[i] = resolveAssetSource(obj[i]);
                 }
+                else if (obj[i] !== null && typeof obj[i] === 'object') {
+                    traverse(obj[i]);
+                }
             }
         }
         const result = JSON.parse(JSON.stringify(config));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@javascriptcommon/react-native-carplay",
-  "version": "2.4.4",
+  "version": "2.4.7",
   "description": "CarPlay for React Native",
   "main": "lib/index.js",
   "react-native": "src/index.ts",

package/src/templates/ListTemplate.ts

@@ -69,6 +69,21 @@ export interface ListTemplateConfig extends TemplateConfig {
    */
   onBackButtonPressed?(): void;
 
+  /**
+   * Fired when user scrolls close to the bottom of the list.
+   * Useful for implementing infinite scroll / pagination.
+   * @param e Object with remainingItems count
+   * @namespace iOS
+   */
+  onScrollToBottom?(e: { templateId: string; remainingItems: number }): void;
+
+  /**
+   * Number of items from the bottom that triggers onScrollToBottom callback.
+   * @default 5
+   * @namespace iOS
+   */
+  scrollBottomThreshold?: number;
+
   /**
    * Option to hide back button
    * @default false
@@ -150,6 +165,15 @@ export class ListTemplate extends Template<ListTemplateConfig> {
         }
       },
     );
+
+    CarPlay.emitter.addListener(
+      'scrollToBottom',
+      (e: { templateId: string; remainingItems: number }) => {
+        if (config.onScrollToBottom && e.templateId === this.id) {
+          config.onScrollToBottom(e);
+        }
+      },
+    );
   }
 
   public updateSections = (sections: ListSection[]) => {

package/src/templates/Template.ts

@@ -148,13 +148,21 @@ export class Template<P> {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     function traverse(obj: any) {
       for (const i in obj) {
-        if (obj[i] !== null && typeof obj[i] === 'object') {
-          traverse(obj[i]);
+        if (String(i).match(/[Ii]mages$/)) {
+          console.log('array parsing', i, obj[i])
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          obj[i] = obj[i].map((asset: any) => resolveAssetSource(asset));
+          console.log('array parsed', i, obj[i])
         }
-        if (String(i).match(/[Ii]mage$/)) {
+        else if (String(i).match(/[Ii]mage$/)) {
+          console.log('single image parsing', i, obj[i])
           // eslint-disable-next-line @typescript-eslint/no-unsafe-call
           obj[i] = resolveAssetSource(obj[i]);
         }
+        else if (obj[i] !== null && typeof obj[i] === 'object') {
+          traverse(obj[i]);
+        }
       }
     }
     const result = JSON.parse(JSON.stringify(config));