| 1 |
<?php |
| 2 |
/** |
| 3 |
* Bootstrapping the Gutenberg experiments page. |
| 4 |
* |
| 5 |
* @package gutenberg |
| 6 |
*/ |
| 7 |
|
| 8 |
if ( ! function_exists( 'the_gutenberg_experiments' ) ) { |
| 9 |
/** |
| 10 |
* The main entry point for the Gutenberg experiments page. |
| 11 |
* |
| 12 |
* @since 6.3.0 |
| 13 |
*/ |
| 14 |
function the_gutenberg_experiments() { |
| 15 |
?> |
| 16 |
<div |
| 17 |
id="experiments-editor" |
| 18 |
class="wrap" |
| 19 |
> |
| 20 |
<h1><?php echo __( 'Experimental settings', 'gutenberg' ); ?></h1> |
| 21 |
<?php settings_errors(); ?> |
| 22 |
<form method="post" action="options.php"> |
| 23 |
<?php settings_fields( 'gutenberg-experiments' ); ?> |
| 24 |
<?php do_settings_sections( 'gutenberg-experiments' ); ?> |
| 25 |
<!-- We use a separate table for the template activation experiment because the option is managed separately. --> |
| 26 |
<table class="form-table"> |
| 27 |
<tr> |
| 28 |
<th scope="row"> |
| 29 |
<label for="active_templates"><?php echo __( 'Template Activation', 'gutenberg' ); ?></label> |
| 30 |
<br><a href="https://github.com/WordPress/gutenberg/issues/66950" target="_blank"><?php echo __( 'Learn more', 'gutenberg' ); ?></a> |
| 31 |
</th> |
| 32 |
<td> |
| 33 |
<label for="active_templates"> |
| 34 |
<input |
| 35 |
type="checkbox" |
| 36 |
name="active_templates" |
| 37 |
id="active_templates" |
| 38 |
value="1" |
| 39 |
<?php checked( 1, gutenberg_is_experiment_enabled( 'active_templates' ) ); ?> |
| 40 |
/> |
| 41 |
<?php echo __( 'Allows multiple templates of the same type to be created, of which one can be active at a time.', 'gutenberg' ); ?> |
| 42 |
<p class="description"><?php echo __( 'Warning: when you deactivate this experiment, it is best to delete all created templates except for the active ones.', 'gutenberg' ); ?></p> |
| 43 |
</label> |
| 44 |
</td> |
| 45 |
</tr> |
| 46 |
</table> |
| 47 |
<?php submit_button(); ?> |
| 48 |
</form> |
| 49 |
</div> |
| 50 |
<?php |
| 51 |
} |
| 52 |
} |
| 53 |
|
| 54 |
/** |
| 55 |
* Set up the experiments settings. |
| 56 |
* |
| 57 |
* @since 6.3.0 |
| 58 |
*/ |
| 59 |
function gutenberg_initialize_experiments_settings() { |
| 60 |
add_settings_section( |
| 61 |
'gutenberg_experiments_section', |
| 62 |
// The empty string ensures the render function won't output a h2. |
| 63 |
'', |
| 64 |
'gutenberg_display_experiment_section', |
| 65 |
'gutenberg-experiments' |
| 66 |
); |
| 67 |
|
| 68 |
add_settings_field( |
| 69 |
'gutenberg-block-experiments', |
| 70 |
__( 'Blocks: add experimental blocks', 'gutenberg' ), |
| 71 |
'gutenberg_display_experiment_field', |
| 72 |
'gutenberg-experiments', |
| 73 |
'gutenberg_experiments_section', |
| 74 |
array( |
| 75 |
'label' => __( 'Enables experimental blocks on a rolling basis as they are developed.<p class="description">(Warning: these blocks may have significant changes during development that cause validation errors and display issues.)</p>', 'gutenberg' ), |
| 76 |
'id' => 'gutenberg-block-experiments', |
| 77 |
) |
| 78 |
); |
| 79 |
|
| 80 |
add_settings_field( |
| 81 |
'gutenberg-form-blocks', |
| 82 |
__( 'Blocks: add Form and input blocks', 'gutenberg' ), |
| 83 |
'gutenberg_display_experiment_field', |
| 84 |
'gutenberg-experiments', |
| 85 |
'gutenberg_experiments_section', |
| 86 |
array( |
| 87 |
'label' => __( 'Enables new blocks to allow building forms. You are likely to experience UX issues that are being addressed.', 'gutenberg' ), |
| 88 |
'id' => 'gutenberg-form-blocks', |
| 89 |
) |
| 90 |
); |
| 91 |
|
| 92 |
add_settings_field( |
| 93 |
'gutenberg-grid-interactivity', |
| 94 |
__( 'Blocks: add Grid interactivity', 'gutenberg' ), |
| 95 |
'gutenberg_display_experiment_field', |
| 96 |
'gutenberg-experiments', |
| 97 |
'gutenberg_experiments_section', |
| 98 |
array( |
| 99 |
'label' => __( 'Enables enhancements to the Grid block that let you move and resize items in the editor canvas.', 'gutenberg' ), |
| 100 |
'id' => 'gutenberg-grid-interactivity', |
| 101 |
) |
| 102 |
); |
| 103 |
|
| 104 |
add_settings_field( |
| 105 |
'gutenberg-no-tinymce', |
| 106 |
__( 'Blocks: disable TinyMCE and Classic block', 'gutenberg' ), |
| 107 |
'gutenberg_display_experiment_field', |
| 108 |
'gutenberg-experiments', |
| 109 |
'gutenberg_experiments_section', |
| 110 |
array( |
| 111 |
'label' => __( 'Disables the TinyMCE and Classic block.', 'gutenberg' ), |
| 112 |
'id' => 'gutenberg-no-tinymce', |
| 113 |
) |
| 114 |
); |
| 115 |
|
| 116 |
add_settings_field( |
| 117 |
'gutenberg-color-randomizer', |
| 118 |
__( 'Color randomizer', 'gutenberg' ), |
| 119 |
'gutenberg_display_experiment_field', |
| 120 |
'gutenberg-experiments', |
| 121 |
'gutenberg_experiments_section', |
| 122 |
array( |
| 123 |
'label' => __( 'Enables the Global Styles color randomizer in the Site Editor; a utility that lets you mix the current color palette pseudo-randomly.', 'gutenberg' ), |
| 124 |
'id' => 'gutenberg-color-randomizer', |
| 125 |
) |
| 126 |
); |
| 127 |
|
| 128 |
add_settings_field( |
| 129 |
'gutenberg-dataviews-media-modal', |
| 130 |
__( 'Data Views: new media modal', 'gutenberg' ), |
| 131 |
'gutenberg_display_experiment_field', |
| 132 |
'gutenberg-experiments', |
| 133 |
'gutenberg_experiments_section', |
| 134 |
array( |
| 135 |
'label' => __( 'Enables a new media modal experience powered by Data Views for improved media library management.', 'gutenberg' ), |
| 136 |
'id' => 'gutenberg-dataviews-media-modal', |
| 137 |
) |
| 138 |
); |
| 139 |
|
| 140 |
add_settings_field( |
| 141 |
'gutenberg-full-page-client-side-navigation', |
| 142 |
__( 'Interactivity API: Full-page client-side navigation', 'gutenberg' ), |
| 143 |
'gutenberg_display_experiment_field', |
| 144 |
'gutenberg-experiments', |
| 145 |
'gutenberg_experiments_section', |
| 146 |
array( |
| 147 |
'label' => __( 'Enables full-page client-side navigation, powered by the Interactivity API.', 'gutenberg' ), |
| 148 |
'id' => 'gutenberg-full-page-client-side-navigation', |
| 149 |
) |
| 150 |
); |
| 151 |
|
| 152 |
add_settings_field( |
| 153 |
'gutenberg-content-only-inspector-fields', |
| 154 |
__( 'Block fields: Show dataform driven inspector fields on blocks that support them', 'gutenberg' ), |
| 155 |
'gutenberg_display_experiment_field', |
| 156 |
'gutenberg-experiments', |
| 157 |
'gutenberg_experiments_section', |
| 158 |
array( |
| 159 |
'label' => __( 'Enables editable block inspector fields that are generated using a dataform.', 'gutenberg' ), |
| 160 |
'id' => 'gutenberg-content-only-inspector-fields', |
| 161 |
) |
| 162 |
); |
| 163 |
|
| 164 |
add_settings_field( |
| 165 |
'gutenberg-dataform-inspector', |
| 166 |
__( 'Editor Inspector: Use DataForm', 'gutenberg' ), |
| 167 |
'gutenberg_display_experiment_field', |
| 168 |
'gutenberg-experiments', |
| 169 |
'gutenberg_experiments_section', |
| 170 |
array( |
| 171 |
'label' => __( 'Replaces the bespoke editor inspector panels with a unified DataForm-based implementation for Pages and Posts, matching the QuickEdit experience.', 'gutenberg' ), |
| 172 |
'id' => 'gutenberg-dataform-inspector', |
| 173 |
) |
| 174 |
); |
| 175 |
|
| 176 |
add_settings_field( |
| 177 |
'gutenberg-workflow-palette', |
| 178 |
__( 'Workflow Palette', 'gutenberg' ), |
| 179 |
'gutenberg_display_experiment_field', |
| 180 |
'gutenberg-experiments', |
| 181 |
'gutenberg_experiments_section', |
| 182 |
array( |
| 183 |
'label' => __( 'Enables the Workflow Palette for running workflows composed of abilities, from a unified interface.', 'gutenberg' ), |
| 184 |
'id' => 'gutenberg-workflow-palette', |
| 185 |
) |
| 186 |
); |
| 187 |
|
| 188 |
add_settings_field( |
| 189 |
'gutenberg-extensible-site-editor', |
| 190 |
__( 'Extensible Site Editor', 'gutenberg' ), |
| 191 |
'gutenberg_display_experiment_field', |
| 192 |
'gutenberg-experiments', |
| 193 |
'gutenberg_experiments_section', |
| 194 |
array( |
| 195 |
'label' => __( 'Redirects the default site editor (Appearance > Design) to use the extensible site editor page.', 'gutenberg' ), |
| 196 |
'id' => 'gutenberg-extensible-site-editor', |
| 197 |
) |
| 198 |
); |
| 199 |
|
| 200 |
add_settings_field( |
| 201 |
'gutenberg-media-editor', |
| 202 |
__( 'Media Editor', 'gutenberg' ), |
| 203 |
'gutenberg_display_experiment_field', |
| 204 |
'gutenberg-experiments', |
| 205 |
'gutenberg_experiments_section', |
| 206 |
array( |
| 207 |
'label' => __( 'Enables editing media items (attachments) directly in the block editor with a dedicated media preview and metadata panel.', 'gutenberg' ), |
| 208 |
'id' => 'gutenberg-media-editor', |
| 209 |
) |
| 210 |
); |
| 211 |
|
| 212 |
add_settings_field( |
| 213 |
'gutenberg-guidelines', |
| 214 |
__( 'Guidelines', 'gutenberg' ), |
| 215 |
'gutenberg_display_experiment_field', |
| 216 |
'gutenberg-experiments', |
| 217 |
'gutenberg_experiments_section', |
| 218 |
array( |
| 219 |
'label' => __( 'Enables guidelines feature for managing editorial voice and tone guidelines under Settings.', 'gutenberg' ), |
| 220 |
'id' => 'gutenberg-guidelines', |
| 221 |
) |
| 222 |
); |
| 223 |
|
| 224 |
register_setting( |
| 225 |
'gutenberg-experiments', |
| 226 |
'gutenberg-experiments' |
| 227 |
); |
| 228 |
} |
| 229 |
|
| 230 |
add_action( 'admin_init', 'gutenberg_initialize_experiments_settings' ); |
| 231 |
|
| 232 |
/** |
| 233 |
* Display a checkbox field for a Gutenberg experiment. |
| 234 |
* |
| 235 |
* @since 6.3.0 |
| 236 |
* |
| 237 |
* @param array $args ( $label, $id ). |
| 238 |
*/ |
| 239 |
function gutenberg_display_experiment_field( $args ) { |
| 240 |
$options = get_option( 'gutenberg-experiments' ); |
| 241 |
$value = isset( $options[ $args['id'] ] ) ? 1 : 0; |
| 242 |
?> |
| 243 |
<label for="<?php echo $args['id']; ?>"> |
| 244 |
<input type="checkbox" name="<?php echo 'gutenberg-experiments[' . $args['id'] . ']'; ?>" id="<?php echo $args['id']; ?>" value="1" <?php checked( 1, $value ); ?> /> |
| 245 |
<?php echo $args['label']; ?> |
| 246 |
</label> |
| 247 |
<?php |
| 248 |
} |
| 249 |
|
| 250 |
/** |
| 251 |
* Display the experiments section. |
| 252 |
* |
| 253 |
* @since 6.3.0 |
| 254 |
*/ |
| 255 |
function gutenberg_display_experiment_section() { |
| 256 |
?> |
| 257 |
<p><?php echo __( "The block editor includes experimental features that are usable while they're in development. Select the ones you'd like to enable. These features are likely to change, so avoid using them in production.", 'gutenberg' ); ?></p> |
| 258 |
|
| 259 |
<?php |
| 260 |
} |
| 261 |
|
| 262 |
add_action( 'admin_init', 'gutenberg_handle_template_activate_setting_submission' ); |
| 263 |
function gutenberg_handle_template_activate_setting_submission() { |
| 264 |
if ( ! isset( $_POST['option_page'] ) || 'gutenberg-experiments' !== $_POST['option_page'] ) { |
| 265 |
return; |
| 266 |
} |
| 267 |
|
| 268 |
if ( ! isset( $_POST['_wpnonce'] ) || ! wp_verify_nonce( $_POST['_wpnonce'], 'gutenberg-experiments-options' ) ) { |
| 269 |
return; |
| 270 |
} |
| 271 |
|
| 272 |
if ( ! current_user_can( 'manage_options' ) ) { |
| 273 |
return; |
| 274 |
} |
| 275 |
|
| 276 |
if ( isset( $_POST['active_templates'] ) && '1' === $_POST['active_templates'] ) { |
| 277 |
update_option( 'active_templates', gutenberg_get_migrated_active_templates() ); |
| 278 |
} else { |
| 279 |
delete_option( 'active_templates' ); |
| 280 |
} |
| 281 |
} |
| 282 |
|
