Create a Generic control to display post meta data

[bobbingwide]

Once the post type and field has been chosen it should be a simple matter of obtaining the post meta field value(s) and displaying the results in the Field block.

This should replace the current code that naively:

• displays the Post Type as an editable text field
• displays the metaFieldValue as an editable text field
• displays a paragraph showing the chosen field name.

Requirements

• Output should be the same as the server side rendered code.
• Display the field title as a label
• Display a separator
• Display the field value
• It should be possible for the user to override the field title and separator values.

eg For the oik-plugins Description field ( _oikp_desc )

<div class="bw_metadata _oikp_desc">
<span class="label _oikp_desc">Description</span>
<span class="sep">: </span>
<span class="value">Displays a post meta data field</span>
</div>

The field value needs to be interpreted, based on the #field_type.
Note: The bw_maybe_register_post_meta() code needs to cater for fields with multiple values.

[bobbingwide]

Here's a screenshot of the current solution.

Notes:

• This shows 6 fields: Version, Plugin type, Plugin slug, Plugin name, Description and GitHub repository.
• The fields have different values for #field_type so are rendered differently depending on the value.
• Well, they're supposed to be rendered differently.

Field	#field_type	Rendering method
Version	virtual	SSR
Plugin Type	select	SSR
Plugin slug	text	by editor
Plugin name	text	by editor
Description	text	by editor
GitHub repository	text	should be SSR since it creates a link

The GitHub repository field should be SSR since it has an override function bw_theme_field_text__oikp_git.
When initially rendered in the editor we see the link, but the block's logic replaces the link with the plain text.

[bobbingwide]

The GitHub repository field should be SSR since it has an override function bw_theme_field_text__oikp_git.

The field type can be changed to sctext ( shortcode text ). This should make it server side rendered.
The function name will need to be changed accordingly, from bw_theme_field_text__oikp_git to bw_theme_field_sctext__oikp_git

[bobbingwide]

Having reinstated the plugin in #6 I've revisited the oik-plugins post.
It's very similar, apart from the red dotted border around each field.

Leaving this issue open until the styling problem can be explained.

[bobbingwide]

It's very similar, apart from the red dotted border around each field.

The reason that the styles from the editorStyle file ( build/sb-field-block.css ) were not being applied was a typo in block.json.
I'd omitted one of the periods from the relative file name.

"editorStyle": "file:./../build/sb-field-block.css",

It should have been

"editorStyle": "file:../../build/sb-field-block.css",

For future reference see
https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/applying-styles-with-stylesheets/