Getting an image field to work within a block repeater

[adam-jones-net]

I think I'm very close to having this working but just need a bit of guidance. I'm using twill 2.x and I've read the discussion here on doing this as well as reviewing the default-configuration.md file, but I'm afraid that I'm still not clear on how this works, and there doesn't seem to be anything in the official Twill docs about it.

Basically I have a working repeater field in a block element. That was setup in twill.php like this:

 'block_editor' => [
        'repeaters' => [
			  'rate' => [
				'title' => 'Room Type',
				'trigger' => 'Add room type',
				'component' => 'a17-block-rate',
			],
		],
    ],

... and it works fine. There is a /blocks/rate.blade.php file and the fields defined in that work fine, saving to my module's table.

However I now need to add a single image field to the repeater inside this block.

I added that into the /blocks/rate.blade.php file as follows:

@formField('medias', [
    'name' => 'image_room_featured',
    'label' => 'Featured image for room type',
])

Update: I've since got the data saving to the custom json text field in my database by adding the image field to the public $mediasParams = of the models file. So it now includes...

public $mediasParams = [
         'image_room_featured' => [
             'default' => [
                 [
                     'name' => 'landscape',
                     'ratio' => 16 / 9,
                     'minValues' => [
                        'width' => 1600,
                        'height' => 768,
                    ],
                 ]
             ]
         ]
    ];

The only problem is getting the repeater to show the image when the edited page is reloaded. I'm sure this must be something in the repository file but not sure what.

The repeater includes the following to process the data to/from json

// get data to display in the browser form field on page load
    public function getFormFields($object) {
        $fields = parent::getFormFields($object);

        // rates
        if (isset($fields['rates']) && !empty($fields['rates'])) {
            // $fields, repeater name (as defined in master view file), the array containing values (casted in model file)
    	    $fields = $this->getJsonRepeater($fields, 'rate', 'rates');
        }

        return $fields;
    }



    // HELPER FUNCTIONS
    public function getJsonRepeater($fields, $repeaterName, $serializedData) {
		$repeater_items = $fields[$serializedData]; //JSON converted to array using $casts in Model
		$repeatersConfig = config('twill.block_editor.repeaters');

		foreach($repeater_items as $index => $repeater_item) {
			$id = $repeater_item['id'] ?? $index;

			$repeaters[] = [
                'id' => $id,
                'type' => $repeatersConfig[$repeaterName]['component'],
                'title' => $repeatersConfig[$repeaterName]['title'],
			];

			$repeater_fields = array_except($repeater_item, ['id', 'medias', 'browsers', 'blocks']);

			foreach($repeater_fields as $index => $repeater_field) {
				$repeater_data[] = [
					'name' => 'blocks[' . $id . '][' . $index . ']',
					'value' => $repeater_field
				];
			}
		}

		$fields['repeaters'][$repeaterName] = $repeaters;
                $fields['repeaterFields'][$repeaterName] = $repeater_data;
		return $fields;
    }

and what i see in the returned data on the loading of the edit page in twill is this...

  5 => array:2 [▼
    "name" => "blocks[1568046411918][medias]"
    "value" => array:1 [▼
      "image_room_featured" => array:1 [▼
        0 => array:14 [▼
          "id" => 1763
          "name" => "_small_34.jpg"
          "thumbnail" => "http://localhost:8001/img/2bfecead-6be5-4371-9f3f-f5900f7b5240/-small-34.jpg?fm=jpg&q=60&fit=max&dpr=1&h=256"
          "original" => "http://localhost:8001/img/2bfecead-6be5-4371-9f3f-f5900f7b5240/-small-34.jpg"
          "medium" => "http://localhost:8001/img/2bfecead-6be5-4371-9f3f-f5900f7b5240/-small-34.jpg?fm=jpg&q=80&fit=max&h=430"
          "width" => 2048
          "height" => 1365
          "tags" => []
          "deleteUrl" => null
          "updateUrl" => "http://localhost:8002/admin/media-library/medias/single-update"
          "updateBulkUrl" => "http://localhost:8002/admin/media-library/medias/bulk-update"
          "deleteBulkUrl" => "http://localhost:8002/admin/media-library/medias/bulk-delete"
          "metadatas" => array:2 [▶]
          "disabled" => false
        ]
      ]
    ]
  ]

So I assume the format of the returned data for this field is wrong and twill doesn't find what it needs to realise that it needs to pre-populate the image field. It seems like I'm at the final step of this and just need some guidance on how to alter this returned array.

@ifox | @haringsrob , is there anything you can suggest here ? I can't find hardly anything in the forum on getting media fields working in json repeaters to help me. :|