Dynamic blueprint saves data to the YAML file but don't show it afterwards?

[jensolafkoch]

I'm working on a private add-on which worked fine in Statamic 3.3 but does not in 4.x.

PROBLEM:

I define a blueprint for settings programmatically. It contains a replicator field. I can add a new set and save it. The new set is correctly saved to the YAML file. But when I reload the page no sets are shown at all. All other tabs and fields in the blueprint work as expected.

I use this Blade view to show the blueprint:

@extends('statamic::layout')

@section('content')
	<publish-form
		title="{{ $title }}"
		action="{{ $action }}"
		:blueprint='@json($blueprint)'
		:meta='@json($meta)'
		:values='@json($values)'>
	</publish-form>

	@ray($values)

@stop

The variable $values holds all the necessary data as expected, including all data for the replicator sets. But none show up.

I don't have any more ideas what to look for. I only have the intuitive feeling that it might have something to do with probable changes in <publish-form> and/or changes in replicator handling between v3.3 and v4,x? Or something that worked before but now needs some augmentation before being able to be used in the view?

But I haven't found anything concrete in the docs.

Maybe I have to change something in the blueprint structure I set up programmatically (see last code snippet)?

Happy for any help! :-)

For reference, here the replicator set as saved to the YAML file, looks fine to me:

cookie_categories:
  -
    name: Test1
    handle: test1
    type: category
    enabled: true
    _id: lrc46k6g

Data shows up correctly in $values provided to :

"cookie_categories" => array:1 [▶
    0 => array:5 [▶
      "name" => "Test1"
      "handle" => "test1"
      "type" => "category"
      "enabled" => true
      "_id" => "dltvYEcV"
    ]
  ]

Here the definition in the array I use to define the offending tab with its replicator:

                    // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    // COOKIES
                    // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    'cookies'  => [
                        'display' => Ukie::getTranslationItem('tab_cookies'),
                        'fields'  => [
                            // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            // Section: Cookies 1: Categories
                            // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            [
                                'handle' => 'cookies_section',
                                'field'  => [
                                    'type'         => 'section',
                                    'display'      => Ukie::getTranslationItem('cookies_section'),
                                    'instructions' => Ukie::getTranslationItem('cookies_section_instructions'),
                                    'if'           => [
                                        'ukie_enabled' => 'true',
                                    ],
                                ]
                            ],
                            // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            // Replicator: Categories
                            // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            [
                                'handle' => 'cookie_categories',
                                'field'  => [
                                    'type'         => 'replicator',
                                    'collapse'     => 'accordion',
                                    'fullscreen'   => false,
                                    'display'      => Ukie::getTranslationItem('categories'),
                                    'instructions' => Ukie::getTranslationItem('categories_instructions'),
                                    //'validate'     => 'required',
                                    'if'           => [
                                        'ukie_enabled' => 'true',
                                    ],
                                    'sets'         => [
                                        'category' => [
                                            'display' => Ukie::getTranslationItem('category'),
                                            'fields'  => [
                                                [
                                                    'handle' => 'name',
                                                    'field'  => [
                                                        'type'                  => 'text',
                                                        'input_type'            => 'text',
                                                        'display'               => Ukie::getTranslationItem('category_name'),
                                                        'instructions'          => Ukie::getTranslationItem('category_name_instructions'),
                                                        'instructions_position' => 'below',
                                                        'validate'              => 'required',
                                                        'character_limit'       => 30,
                                                        'listable'              => 'hidden',
                                                        'width'                 => 33,
                                                    ]
                                                ],
                                                [
                                                    'handle' => 'handle',
                                                    'field'  => [
                                                        'type'                  => 'slug',
                                                        'input_type'            => 'text',
                                                        'display'               => Ukie::getTranslationItem('category_handle'),
                                                        'instructions'          => Ukie::getTranslationItem('category_handle_instructions'),
                                                        'instructions_position' => 'below',
                                                        'generate'              => true,
                                                        'validate'              => 'required',
                                                        'character_limit'       => 30,
                                                        'listable'              => 'hidden',
                                                        'width'                 => 33,
                                                    ]
                                                ],
                                            ]
                                        ]
                                    ]
                                ]
                            ]
                            // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            // //
                            // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                        ]
                    ],
                    // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    // /COOKIES
                    // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[duncanmcclean]

It would be helpful to see the controller code so we can see how storing the values after submitting the publish form and how you're making $values for your view.

Would you be able to put together an example repository for us pull down and take a look at the complete picture?

[jensolafkoch]

@duncanmcclean

Is a private repo suitable, and whom should I add as a collaborator? Or should it be a public one?

(I usually use repos on Bitbucket and work in a small team of just two so I'm a bit inexperienced with sharing repos ... sorry.)

[duncanmcclean]

If it's just an example repository, you should be fine making it public so others can help too. Otherwise, I'm happy to take a look.

[jensolafkoch]

@duncanmcclean

I meanwhile found the problem. It seems that is had to do with some changes in the YAML structure of replicator fields. I published YAML files holding my add-on default settings where keys like "_id" were used in the replicator sets. As soon as I changed the keys to "id" it worked.

I do not understand completely how that problem was introduced.

Maybe I did at some point something stupid like copying a dysfunctional YAML file into the add-on directory and publishing from there ...

[duncanmcclean]

I believe that the _id key is used in Vue, then id is the key that should be getting saved.

When you submit the publish form, are you running $blueprint->fields()->addValues(...)->process()->values()?

Here's an example from one of my addons.

[jensolafkoch]

Thank you! I will check your example in more detail the next days.

This is my first add-on and my whole structure is probably overdesigned and way too complicated.