PluginProbe
Elementor Website Builder – more than just a page builder / 3.4.0-dev9
Elementor Website Builder – more than just a page builder v3.4.0-dev9
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
← All changes | core/experiments/manager.php +151 -664 4.2.43.4.0-dev9 View file →
@@ -1,19 +1,16 @@
1 1 <?php
2 +
2 3 namespace Elementor\Core\Experiments;
3 4
4 5 use Elementor\Core\Base\Base_Object;
5 -use Elementor\Core\Experiments\Exceptions\Dependency_Exception;
6 6 use Elementor\Core\Upgrade\Manager as Upgrade_Manager;
7 -use Elementor\Core\Utils\Collection;
8 -use Elementor\Modules\System_Info\Module as System_Info;
9 7 use Elementor\Plugin;
10 8 use Elementor\Settings;
11 9 use Elementor\Tracker;
12 -use Elementor\Utils;
13 10
14 11 if ( ! defined( 'ABSPATH' ) ) {
15 - exit; // Exit if accessed directly.
12 + exit; // Exit if accessed directly
16 13 }
17 14
18 15 class Manager extends Base_Object {
19 16
@@ -22,8 +19,10 @@
22 19 const RELEASE_STATUS_ALPHA = 'alpha';
23 20
24 21 const RELEASE_STATUS_BETA = 'beta';
25 22
23 + const RELEASE_STATUS_RC = 'rc';
24 +
26 25 const RELEASE_STATUS_STABLE = 'stable';
27 26
28 27 const STATE_DEFAULT = 'default';
29 28
@@ -30,12 +29,8 @@
30 29 const STATE_ACTIVE = 'active';
31 30
32 31 const STATE_INACTIVE = 'inactive';
33 32
34 - const TYPE_HIDDEN = 'hidden';
35 -
36 - const OPTION_PREFIX = 'elementor_experiment-';
37 -
38 33 private $states;
39 34
40 35 private $release_statuses;
41 36
@@ -43,26 +38,21 @@
43 38
44 39 /**
45 40 * Add Feature
46 41 *
47 - * Each feature has to provide the following information:
48 - * [
49 - * 'name' => string,
50 - * 'title' => string,
51 - * 'description' => string,
52 - * 'tag' => string,
53 - * 'release_status' => string,
54 - * 'default' => string,
55 - * 'new_site' => array,
56 - * ]
57 - *
58 42 * @since 3.1.0
59 43 * @access public
60 44 *
61 - * @param array $options Feature options.
45 + * @param array $options {
46 + * @type string $name
47 + * @type string $title
48 + * @type string $description
49 + * @type string $release_status
50 + * @type string $default
51 + * @type callable $on_state_change
52 + * }
53 + *
62 54 * @return array|null
63 - *
64 - * @throws Dependency_Exception If can't change feature state.
65 55 */
66 56 public function add_feature( array $options ) {
67 57 if ( isset( $this->features[ $options['name'] ] ) ) {
68 58 return null;
@@ -67,46 +57,61 @@
67 57 if ( isset( $this->features[ $options['name'] ] ) ) {
68 58 return null;
69 59 }
70 60
71 - $experimental_data = $this->set_feature_initial_options( $options );
61 + $default_experimental_data = [
62 + 'description' => '',
63 + 'release_status' => self::RELEASE_STATUS_ALPHA,
64 + 'default' => self::STATE_INACTIVE,
65 + 'new_site' => [
66 + 'default_active' => false,
67 + 'always_active' => false,
68 + 'minimum_installation_version' => null,
69 + ],
70 + 'on_state_change' => null,
71 + ];
72 72
73 + $allowed_options = [ 'name', 'title', 'description', 'release_status', 'default', 'new_site', 'on_state_change' ];
74 +
75 + $experimental_data = $this->merge_properties( $default_experimental_data, $options, $allowed_options );
76 +
73 77 $new_site = $experimental_data['new_site'];
74 78
75 - if ( $new_site['default_active'] || $new_site['always_active'] || $new_site['default_inactive'] ) {
76 - $experimental_data = $this->set_new_site_default_state( $new_site, $experimental_data );
79 + $feature_is_mutable = true;
80 +
81 + if ( $new_site['default_active'] || $new_site['always_active'] ) {
82 + $is_new_installation = Upgrade_Manager::install_compare( $new_site['minimum_installation_version'], '>=' );
83 +
84 + if ( $is_new_installation ) {
85 + if ( $new_site['always_active'] ) {
86 + $experimental_data['state'] = self::STATE_ACTIVE;
87 +
88 + $feature_is_mutable = false;
89 + } elseif ( $new_site['default_active'] ) {
90 + $experimental_data['default'] = self::STATE_ACTIVE;
91 + }
92 + }
77 93 }
78 94
79 - if ( $experimental_data['mutable'] ) {
80 - $experimental_data['state'] = $this->get_saved_feature_state( $options['name'] );
81 - }
95 + $experimental_data['mutable'] = $feature_is_mutable;
82 96
83 - if ( empty( $experimental_data['state'] ) ) {
84 - $experimental_data['state'] = self::STATE_DEFAULT;
85 - }
97 + if ( $feature_is_mutable ) {
98 + $state = $this->get_saved_feature_state( $options['name'] );
86 99
87 - if ( ! empty( $experimental_data['dependencies'] ) ) {
88 - $experimental_data = $this->initialize_feature_dependencies( $experimental_data );
100 + if ( ! $state ) {
101 + $state = self::STATE_DEFAULT;
102 + }
103 +
104 + $experimental_data['state'] = $state;
89 105 }
90 106
91 107 $this->features[ $options['name'] ] = $experimental_data;
92 108
93 - if ( $experimental_data['mutable'] && is_admin() ) {
109 + if ( $feature_is_mutable && is_admin() ) {
94 110 $feature_option_key = $this->get_feature_option_key( $options['name'] );
95 111
96 - $on_state_change_callback = function( $old_state, $new_state ) use ( $experimental_data, $feature_option_key ) {
97 - try {
98 - $this->on_feature_state_change( $experimental_data, $new_state, $old_state );
99 - } catch ( Exceptions\Dependency_Exception $e ) {
100 - $message = sprintf(
101 - '<p>%s</p><p><a href="#" onclick="location.href=\'%s\'">%s</a></p>',
102 - esc_html( $e->getMessage() ),
103 - Settings::get_settings_tab_url( 'experiments' ),
104 - esc_html__( 'Back', 'elementor' )
105 - );
106 -
107 - wp_die( $message ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
108 - }
112 + $on_state_change_callback = function( $old_state, $new_state ) use ( $experimental_data ) {
113 + $this->on_feature_state_change( $experimental_data, $new_state );
109 114 };
110 115
111 116 add_action( 'add_option_' . $feature_option_key, $on_state_change_callback, 10, 2 );
112 117 add_action( 'update_option_' . $feature_option_key, $on_state_change_callback, 10, 2 );
@@ -116,98 +121,9 @@
116 121
117 122 return $experimental_data;
118 123 }
119 124
120 - private function install_compare( $version ) {
121 - $installs_history = Upgrade_Manager::get_installs_history();
122 -
123 - if ( empty( $installs_history ) ) {
124 - // Fresh installation: upgrade manager hasn't written history yet on this first request.
125 - // Use the current plugin version as the effective first-install version.
126 - return version_compare( ELEMENTOR_VERSION, $version, '>=' );
127 - }
128 -
129 - $cleaned_version = preg_replace( '/-(beta|cloud|dev)\d*$/', '', key( $installs_history ) );
130 -
131 - return version_compare(
132 - $cleaned_version,
133 - $version,
134 - '>='
135 - );
136 - }
137 -
138 125 /**
139 - * Combine 'tag' and 'tags' into one property.
140 - *
141 - * @param array $experimental_data
142 - *
143 - * @return array
144 - */
145 - private function unify_feature_tags( array $experimental_data ): array {
146 - foreach ( [ 'tag', 'tags' ] as $key ) {
147 - if ( empty( $experimental_data[ $key ] ) ) {
148 - continue;
149 - }
150 -
151 - $experimental_data[ $key ] = $this->format_feature_tags( $experimental_data[ $key ] );
152 - }
153 -
154 - if ( is_array( $experimental_data['tag'] ) ) {
155 - $experimental_data['tags'] = array_merge( $experimental_data['tag'], $experimental_data['tags'] );
156 - }
157 -
158 - return $experimental_data;
159 - }
160 -
161 - /**
162 - * Format feature tags into the right format.
163 - *
164 - * If an array of tags provided, each tag has to provide the following information:
165 - * [
166 - * [
167 - * 'type' => string,
168 - * 'label' => string,
169 - * ]
170 - * ]
171 - *
172 - * @param string|array $tags A string of comma separated tags, or an array of tags.
173 - *
174 - * @return array
175 - */
176 - private function format_feature_tags( $tags ): array {
177 - if ( ! is_string( $tags ) && ! is_array( $tags ) ) {
178 - return [];
179 - }
180 -
181 - $default_tag = [
182 - 'type' => 'default',
183 - 'label' => '',
184 - ];
185 -
186 - $allowed_tag_properties = [ 'type', 'label' ];
187 -
188 - // If $tags is string, explode by commas and convert to array.
189 - if ( is_string( $tags ) ) {
190 - $tags = array_filter( explode( ',', $tags ) );
191 -
192 - foreach ( $tags as $i => $tag ) {
193 - $tags[ $i ] = [ 'label' => trim( $tag ) ];
194 - }
195 - }
196 -
197 - foreach ( $tags as $i => $tag ) {
198 - if ( empty( $tag['label'] ) ) {
199 - unset( $tags[ $i ] );
200 - continue;
201 - }
202 -
203 - $tags[ $i ] = $this->merge_properties( $default_tag, $tag, $allowed_tag_properties );
204 - }
205 -
206 - return $tags;
207 - }
208 -
209 - /**
210 126 * Remove Feature
211 127 *
212 128 * @since 3.1.0
213 129 * @access public
@@ -223,9 +139,9 @@
223 139 *
224 140 * @since 3.1.0
225 141 * @access public
226 142 *
227 - * @param string $feature_name Optional. Default is null.
143 + * @param string $feature_name Optional. Default is null
228 144 *
229 145 * @return array|null
230 146 */
231 147 public function get_features( $feature_name = null ) {
@@ -253,27 +169,16 @@
253 169 * @param string $feature_name
254 170 *
255 171 * @return bool
256 172 */
257 - public function is_feature_active( $feature_name, $check_dependencies = false ) {
173 + public function is_feature_active( $feature_name ) {
258 174 $feature = $this->get_features( $feature_name );
259 175
260 - if ( ! $feature || self::STATE_ACTIVE !== $this->get_feature_actual_state( $feature ) ) {
176 + if ( ! $feature ) {
261 177 return false;
262 178 }
263 179
264 - if ( $check_dependencies && isset( $feature['dependencies'] ) && is_array( $feature['dependencies'] ) ) {
265 - foreach ( $feature['dependencies'] as $dependency ) {
266 - $dependent_feature = $this->get_features( $dependency->get_name() );
267 - $feature_state = self::STATE_ACTIVE === $this->get_feature_actual_state( $dependent_feature );
268 -
269 - if ( ! $feature_state ) {
270 - return false;
271 - }
272 - }
273 - }
274 -
275 - return true;
180 + return self::STATE_ACTIVE === $this->get_feature_actual_state( $feature );
276 181 }
277 182
278 183 /**
279 184 * Set Feature Default State
@@ -281,9 +186,9 @@
281 186 * @since 3.1.0
282 187 * @access public
283 188 *
284 189 * @param string $feature_name
285 - * @param string $default_state
190 + * @param int $default_state
286 191 */
287 192 public function set_feature_default_state( $feature_name, $default_state ) {
288 193 $feature = $this->get_features( $feature_name );
289 194
@@ -297,95 +202,84 @@
297 202 /**
298 203 * Get Feature Option Key
299 204 *
300 205 * @since 3.1.0
301 - * @access public
206 + * @access private
302 207 *
303 208 * @param string $feature_name
304 209 *
305 210 * @return string
306 211 */
307 - public function get_feature_option_key( $feature_name ) {
308 - return static::OPTION_PREFIX . $feature_name;
212 + private function get_feature_option_key( $feature_name ) {
213 + return 'elementor_experiment-' . $feature_name;
309 214 }
310 215
311 216 private function add_default_features() {
312 217 $this->add_feature( [
313 - 'name' => 'e_font_icon_svg',
314 - 'title' => esc_html__( 'Inline Font Icons', 'elementor' ),
315 - 'tag' => esc_html__( 'Performance', 'elementor' ),
316 - 'description' => sprintf(
317 - '%1$s <a href="https://go.elementor.com/wp-dash-inline-font-awesome/" target="_blank">%2$s</a>',
318 - esc_html__( 'The “Inline Font Icons” will render the icons as inline SVG without loading the Font-Awesome and the eicons libraries and its related CSS files and fonts.', 'elementor' ),
319 - esc_html__( 'Learn more', 'elementor' )
320 - ),
321 - 'release_status' => self::RELEASE_STATUS_STABLE,
218 + 'name' => 'e_dom_optimization',
219 + 'title' => esc_html__( 'Optimized DOM Output', 'elementor' ),
220 + 'description' => esc_html__( 'Developers, Please Note! This experiment includes some markup changes. If you\'ve used custom code in Elementor, you might have experienced a snippet of code not running. Turning this experiment off allows you to keep prior Elementor markup output settings, and have that lovely code running again.', 'elementor' )
221 + . ' <a href="https://go.elementor.com/wp-dash-legacy-optimized-dom" target="_blank">'
222 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
223 + 'release_status' => self::RELEASE_STATUS_BETA,
322 224 'new_site' => [
323 225 'default_active' => true,
324 - 'minimum_installation_version' => '3.17.0',
226 + 'minimum_installation_version' => '3.1.0-beta',
325 227 ],
326 - 'generator_tag' => true,
327 228 ] );
328 229
329 230 $this->add_feature( [
330 - 'name' => 'additional_custom_breakpoints',
331 - 'title' => esc_html__( 'Additional Custom Breakpoints', 'elementor' ),
332 - 'description' => sprintf(
333 - '%1$s <a href="https://go.elementor.com/wp-dash-additional-custom-breakpoints/" target="_blank">%2$s</a>',
334 - esc_html__( 'Get pixel-perfect design for every screen size. You can now add up to 6 customizable breakpoints beyond the default desktop setting: mobile, mobile extra, tablet, tablet extra, laptop, and widescreen.', 'elementor' ),
335 - esc_html__( 'Learn more', 'elementor' )
336 - ),
337 - 'release_status' => self::RELEASE_STATUS_STABLE,
338 - 'default' => self::STATE_ACTIVE,
339 - 'generator_tag' => true,
231 + 'name' => 'e_optimized_assets_loading',
232 + 'title' => esc_html__( 'Improved Asset Loading', 'elementor' ),
233 + 'description' => esc_html__( 'Please Note! The "Improved Asset Loading" mode reduces the amount of code that is loaded on the page by default. When activated, parts of the infrastructure code will be loaded dynamically, only when needed. Keep in mind that activating this experiment may cause conflicts with incompatible plugins.', 'elementor' )
234 + . ' <a href="https://go.elementor.com/wp-dash-improved-asset-loading/" target="_blank">'
235 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
236 + 'release_status' => self::RELEASE_STATUS_ALPHA,
340 237 ] );
341 238
342 239 $this->add_feature( [
343 - 'name' => 'container',
344 - 'title' => esc_html__( 'Container', 'elementor' ),
345 - 'description' => sprintf(
346 - /* translators: 1: Link opening tag, 2: Link closing tag, 3: Link opening tag, 4: Link closing tag */
347 - esc_html__( 'Create advanced layouts and responsive designs with %1$sFlexbox%2$s and %3$sGrid%4$s container elements.', 'elementor' ),
348 - '<a target="_blank" href="https://go.elementor.com/wp-dash-flex-container/">',
349 - '</a>',
350 - '<a target="_blank" href="https://go.elementor.com/wp-dash-grid-container/">',
351 - '</a>'
352 - ),
353 - 'release_status' => self::RELEASE_STATUS_STABLE,
354 - 'default' => self::STATE_INACTIVE,
240 + 'name' => 'e_optimized_css_loading',
241 + 'title' => __( 'Improved CSS Loading', 'elementor' ),
242 + 'description' => __( 'Please Note! The “Improved CSS Loading” mode reduces the amount of CSS code that is loaded on the page by default. When activated, the CSS code will be loaded, rather inline or in a dedicated file, only when needed. Activating this experiment may cause conflicts with incompatible plugins.', 'elementor' )
243 + . ' <a href="https://go.elementor.com/wp-dash-improved-asset-loading/" target="_blank">'
244 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
245 + 'release_status' => self::RELEASE_STATUS_ALPHA,
246 + ] );
247 +
248 + $this->add_feature( [
249 + 'name' => 'a11y_improvements',
250 + 'title' => esc_html__( 'Accessibility Improvements', 'elementor' ),
251 + 'description' => esc_html__( 'An array of accessibility enhancements in Elementor pages.', 'elementor' )
252 + . '<br><strong>' . esc_html__( 'Please note!', 'elementor' ) . '</strong> ' . esc_html__( 'These enhancements may include some markup changes to existing elementor widgets', 'elementor' )
253 + . ' <a href="https://go.elementor.com/wp-dash-a11y-improvements" target="_blank">'
254 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
255 + 'release_status' => self::RELEASE_STATUS_BETA,
355 256 'new_site' => [
356 257 'default_active' => true,
357 - 'minimum_installation_version' => '3.16.0',
258 + 'minimum_installation_version' => '3.1.0-beta',
358 259 ],
359 - 'messages' => [
360 - 'on_deactivate' => sprintf(
361 - '%1$s <a target="_blank" href="https://go.elementor.com/wp-dash-deactivate-container/">%2$s</a>',
362 - esc_html__( 'Container-based content will be hidden from your site and may not be recoverable in all cases.', 'elementor' ),
363 - esc_html__( 'Learn more', 'elementor' ),
364 - ),
365 - ],
366 260 ] );
367 261
368 262 $this->add_feature( [
369 - 'name' => 'e_optimized_markup',
370 - 'title' => esc_html__( 'Optimized Markup', 'elementor' ),
371 - 'tag' => esc_html__( 'Performance', 'elementor' ),
372 - 'description' => esc_html__( 'Reduce the DOM size by eliminating HTML tags in various elements and widgets. This experiment includes markup changes so it might require updating custom CSS/JS code and cause compatibility issues with third party plugins.', 'elementor' ),
373 - 'release_status' => self::RELEASE_STATUS_STABLE,
374 - 'default' => self::STATE_INACTIVE,
375 - 'new_site' => [
376 - 'default_active' => true,
377 - 'minimum_installation_version' => '3.30.0',
378 - ],
263 + 'name' => 'e_import_export',
264 + 'title' => esc_html__( 'Import Export Template Kit', 'elementor' ),
265 + 'description' => esc_html__( 'Design sites faster with a template kit that contains some or all components of a complete site, like templates, content & site settings.', 'elementor' )
266 + . '<br>'
267 + . esc_html__( 'You can import a kit and apply it to your site, or export the elements from this site to be used anywhere else.', 'elementor' ),
268 + 'release_status' => self::RELEASE_STATUS_BETA,
269 + 'default' => self::STATE_ACTIVE,
379 270 ] );
380 271
381 272 $this->add_feature( [
382 - 'name' => 'e_panel_promotions',
383 - 'title' => esc_html__( 'Panel Promotions', 'elementor' ),
384 - 'description' => esc_html__( 'Enable experimental rendering for targeted promotions within the elements panels.', 'elementor' ),
273 + 'name' => 'additional_custom_breakpoints',
274 + 'title' => esc_html__( 'Additional Custom Breakpoints', 'elementor' ),
275 + 'description' => esc_html__( 'Add Additional Custom Breakpoints (beyond just \'mobile\' and \'tablet\') Optimize your site\'s performance when using responsive controls.', 'elementor' )
276 + . '<br /><strong>' . esc_html__( 'Please note! Conditioning controls on values of responsive controls is not supported when this mode is active.', 'elementor' ) . '</strong>',
385 277 'release_status' => self::RELEASE_STATUS_DEV,
386 - 'default' => self::STATE_ACTIVE,
387 - 'type' => self::TYPE_HIDDEN,
278 + 'new_site' => [
279 + 'default_active' => true,
280 + 'minimum_installation_version' => '3.4.0-beta',
281 + ],
388 282 ] );
389 283 }
390 284
391 285 /**
@@ -412,8 +306,9 @@
412 306 $this->release_statuses = [
413 307 self::RELEASE_STATUS_DEV => esc_html__( 'Development', 'elementor' ),
414 308 self::RELEASE_STATUS_ALPHA => esc_html__( 'Alpha', 'elementor' ),
415 309 self::RELEASE_STATUS_BETA => esc_html__( 'Beta', 'elementor' ),
310 + self::RELEASE_STATUS_RC => esc_html__( 'Release Candidate', 'elementor' ),
416 311 self::RELEASE_STATUS_STABLE => esc_html__( 'Stable', 'elementor' ),
417 312 ];
418 313 }
419 314
@@ -437,8 +332,9 @@
437 332 * @param Settings $settings
438 333 *
439 334 * @since 3.1.0
440 335 * @access private
336 + *
441 337 */
442 338 private function register_settings_fields( Settings $settings ) {
443 339 $features = $this->get_features();
444 340
@@ -444,13 +340,9 @@
444 340
445 341 $fields = [];
446 342
447 343 foreach ( $features as $feature_name => $feature ) {
448 - $is_hidden = $feature[ static::TYPE_HIDDEN ];
449 - $is_mutable = $feature['mutable'];
450 - $should_hide_experiment = ! $is_mutable || ( $is_hidden && ! $this->should_show_hidden() ) || $this->has_non_existing_dependency( $feature );
451 -
452 - if ( $should_hide_experiment ) {
344 + if ( ! $feature['mutable'] ) {
453 345 unset( $features[ $feature_name ] );
454 346
455 347 continue;
456 348 }
@@ -456,65 +348,46 @@
456 348 }
457 349
458 350 $feature_key = 'experiment-' . $feature_name;
459 351
460 - $section = 'stable' === $feature['release_status'] ? 'stable' : 'ongoing';
352 + $fields[ $feature_key ]['label'] = $this->get_feature_settings_label_html( $feature );
461 353
462 - $fields[ $section ][ $feature_key ]['label'] = $this->get_feature_settings_label_html( $feature );
354 + $fields[ $feature_key ]['field_args'] = $feature;
463 355
464 - $fields[ $section ][ $feature_key ]['field_args'] = $feature;
465 -
466 - $fields[ $section ][ $feature_key ]['render'] = function( $feature ) {
356 + $fields[ $feature_key ]['render'] = function( $feature ) {
467 357 $this->render_feature_settings_field( $feature );
468 358 };
469 359 }
470 360
471 - foreach ( [ 'stable', 'ongoing' ] as $section ) {
472 - if ( ! isset( $fields[ $section ] ) ) {
473 - $fields[ $section ]['no_features'] = [
474 - 'label' => esc_html__( 'No available experiments', 'elementor' ),
475 - 'field_args' => [
476 - 'type' => 'raw_html',
477 - 'html' => esc_html__( 'The current version of Elementor doesn\'t have any experimental features . if you\'re feeling curious make sure to come back in future versions.', 'elementor' ),
478 - ],
479 - ];
480 - }
361 + if ( ! $features ) {
362 + $fields['no_features'] = [
363 + 'label' => esc_html__( 'No available experiments', 'elementor' ),
364 + 'field_args' => [
365 + 'type' => 'raw_html',
366 + 'html' => esc_html__( 'The current version of Elementor doesn\'t have any experimental features . if you\'re feeling curious make sure to come back in future versions.', 'elementor' ),
367 + ],
368 + ];
369 + }
481 370
482 - if ( ! Tracker::is_allow_track() && 'stable' === $section ) {
483 - $fields[ $section ] += $settings->get_usage_fields();
484 - }
371 + if ( ! Tracker::is_allow_track() ) {
372 + $fields += $settings->get_usage_fields();
485 373 }
486 374
487 375 $settings->add_tab(
488 376 'experiments', [
489 - 'label' => esc_html__( 'Features', 'elementor' ),
377 + 'label' => esc_html__( 'Experiments', 'elementor' ),
490 378 'sections' => [
491 - 'ongoing_experiments' => [
379 + 'experiments' => [
492 380 'callback' => function() {
493 381 $this->render_settings_intro();
494 382 },
495 - 'fields' => $fields['ongoing'],
383 + 'fields' => $fields,
496 384 ],
497 - 'stable_experiments' => [
498 - 'callback' => function() {
499 - $this->render_stable_section_title();
500 - },
501 - 'fields' => $fields['stable'],
502 - ],
503 385 ],
504 386 ]
505 387 );
506 388 }
507 389
508 - private function render_stable_section_title() {
509 - ?>
510 - <hr>
511 - <h2>
512 - <?php echo esc_html__( 'Stable Features', 'elementor' ); ?>
513 - </h2>
514 - <?php
515 - }
516 -
517 390 /**
518 391 * Render Settings Intro
519 392 *
520 393 * @since 3.1.0
@@ -521,40 +394,12 @@
521 394 * @access private
522 395 */
523 396 private function render_settings_intro() {
524 397 ?>
525 - <h2>
526 - <?php echo esc_html__( 'Experiments and Features', 'elementor' ); ?>
527 - </h2>
528 - <p class="e-experiment__description">
529 - <?php
530 - printf(
531 - /* translators: %1$s Link open tag, %2$s: Link close tag. */
532 - esc_html__( 'Personalize your Elementor experience by controlling which features and experiments are active on your site. Help make Elementor better by %1$ssharing your experience and feedback with us%2$s.', 'elementor' ),
533 - '<a href="https://go.elementor.com/wp-dash-experiments-report-an-issue/" target="_blank">',
534 - '</a>'
535 - );
536 - ?>
537 - </p>
538 - <p class="e-experiment__description">
539 - <?php
540 - printf(
541 - '%1$s <a href="https://go.elementor.com/wp-dash-experiments/" target="_blank">%2$s</a>',
542 - esc_html__( 'To use an experiment or feature on your site, simply click on the dropdown next to it and switch to Active. You can always deactivate them at any time.', 'elementor' ),
543 - esc_html__( 'Learn more', 'elementor' ),
544 - );
545 - ?>
546 - </p>
547 -
548 - <?php if ( $this->get_features() ) { ?>
549 - <button type="button" class="button e-experiment__button" value="active"><?php echo esc_html__( 'Activate All', 'elementor' ); ?></button>
550 - <button type="button" class="button e-experiment__button" value="inactive"><?php echo esc_html__( 'Deactivate All', 'elementor' ); ?></button>
551 - <button type="button" class="button e-experiment__button" value="default"><?php echo esc_html__( 'Back to default', 'elementor' ); ?></button>
552 - <?php } ?>
553 - <hr>
554 - <h2 class="e-experiment__table-title">
555 - <?php echo esc_html__( 'Ongoing Experiments', 'elementor' ); ?>
556 - </h2>
398 + <h2><?php echo esc_html__( 'Experiments', 'elementor' ); ?></h2>
399 + <p><?php echo sprintf( esc_html__( 'Access new and experimental features from Elementor before they\'re officially released. As these features are still in development, they are likely to change, evolve or even be removed altogether. <a href="%s" target="_blank">Learn More.</a>', 'elementor' ), 'https://go.elementor.com/wp-dash-experiments/' ); ?></p>
400 + <p><?php echo esc_html__( 'To use an experiment on your site, simply click on the dropdown next to it and switch to Active. You can always deactivate them at any time.', 'elementor' ); ?></p>
401 + <p><?php echo sprintf( esc_html__( 'Your feedback is important - <a href="%s" target="_blank">help us</a> improve these features by sharing your thoughts and inputs.', 'elementor' ), 'https://go.elementor.com/wp-dash-experiments-report-an-issue/' ); ?></p>
557 402 <?php
558 403 }
559 404
560 405 /**
@@ -565,78 +410,23 @@
565 410 *
566 411 * @param array $feature
567 412 */
568 413 private function render_feature_settings_field( array $feature ) {
569 - $control_id = 'e-experiment-' . $feature['name'];
570 - $control_name = $this->get_feature_option_key( $feature['name'] );
571 -
572 - $status = sprintf(
573 - /* translators: %s Release status. */
574 - esc_html__( 'Status: %s', 'elementor' ),
575 - $this->release_statuses[ $feature['release_status'] ]
576 - );
577 -
578 414 ?>
579 415 <div class="e-experiment__content">
580 - <select class="e-experiment__select"
581 - id="<?php echo esc_attr( $control_id ); ?>"
582 - name="<?php echo esc_attr( $control_name ); ?>"
583 - data-experiment-id="<?php echo esc_attr( $feature['name'] ); ?>"
584 - >
416 + <select id="e-experiment-<?php echo $feature['name']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" class="e-experiment__select" name="<?php echo $this->get_feature_option_key( $feature['name'] ); ?>">
585 417 <?php foreach ( $this->states as $state_key => $state_title ) { ?>
586 - <option value="<?php echo esc_attr( $state_key ); ?>"
587 - <?php selected( $state_key, $feature['state'] ); ?>
588 - >
589 - <?php echo esc_html( $state_title ); ?>
590 - </option>
418 + <option value="<?php echo $state_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" <?php selected( $state_key, $feature['state'] ); ?>><?php echo $state_title; ?></option>
591 419 <?php } ?>
592 420 </select>
593 -
594 - <p class="description">
595 - <?php Utils::print_unescaped_internal_string( $feature['description'] ); ?>
596 - </p>
597 -
598 - <?php $this->render_feature_dependency( $feature ); ?>
599 -
600 - <?php if ( 'stable' !== $feature['release_status'] ) { ?>
601 - <div class="e-experiment__status">
602 - <?php echo esc_html( $status ); ?>
603 - </div>
604 - <?php } ?>
421 + <p class="description"><?php echo $feature['description']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
422 + <div class="e-experiment__status"><?php echo sprintf( esc_html__( 'Status: %s', 'elementor' ), $this->release_statuses[ $feature['release_status'] ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></div>
605 423 </div>
606 424 <?php
607 425 }
608 426
609 - private function render_feature_dependency( $feature ) {
610 - $dependencies = ( new Collection( $feature['dependencies'] ?? [] ) )
611 - ->map( function ( $dependency ) {
612 - return $dependency->get_title();
613 - } )
614 - ->implode( ', ' );
615 -
616 - if ( empty( $dependencies ) ) {
617 - return;
618 - }
619 -
620 - ?>
621 - <div class="e-experiment__dependency">
622 - <strong class="e-experiment__dependency__title"><?php echo esc_html__( 'Requires', 'elementor' ); ?>:</strong>
623 - <span><?php echo esc_html( $dependencies ); ?></span>
624 - </div>
625 - <?php
626 - }
627 -
628 - private function has_non_existing_dependency( $feature ) {
629 - $non_existing_dep = ( new Collection( $feature['dependencies'] ?? [] ) )
630 - ->find( function ( $dependency ) {
631 - return $dependency instanceof Non_Existing_Dependency;
632 - } );
633 -
634 - return (bool) $non_existing_dep;
635 - }
636 -
637 427 /**
638 - * Get Feature Settings Label HTML.
428 + * Get Feature Settings Label HTML
639 429 *
640 430 * @since 3.1.0
641 431 * @access private
642 432 *
@@ -654,23 +444,17 @@
654 444 if ( $is_feature_active ) {
655 445 $indicator_classes .= ' e-experiment__title__indicator--active';
656 446 }
657 447
658 - $indicator_tooltip = $this->get_feature_state_label( $feature );
659 -
448 + if ( self::STATE_DEFAULT === $feature['state'] ) {
449 + $indicator_tooltip = $is_feature_active ? esc_html__( 'Active by default', 'elementor' ) : esc_html__( 'Inactive by default', 'elementor' );
450 + } else {
451 + $indicator_tooltip = self::STATE_ACTIVE === $feature['state'] ? esc_html__( 'Active', 'elementor' ) : esc_html__( 'Inactive', 'elementor' );
452 + }
660 453 ?>
661 454 <div class="e-experiment__title">
662 455 <div class="<?php echo $indicator_classes; ?>" data-tooltip="<?php echo $indicator_tooltip; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>"></div>
663 456 <label class="e-experiment__title__label" for="e-experiment-<?php echo $feature['name']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>"><?php echo $feature['title']; ?></label>
664 - <?php foreach ( $feature['tags'] as $tag ) { ?>
665 - <?php
666 - $tag_classes = 'e-experiment__title__tag e-experiment__title__tag__' . $tag['type'] . ' e-editor-one';
667 - ?>
668 - <span class="<?php echo esc_attr( $tag_classes ); ?>"><?php echo $tag['label']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
669 - <?php } ?>
670 - <?php if ( $feature['deprecated'] ) { ?>
671 - <span class="e-experiment__title__tag e-experiment__title__tag__deprecated"><?php echo esc_html__( 'Deprecated', 'elementor' ); ?></span>
672 - <?php } ?>
673 457 </div>
674 458 <?php
675 459
676 460 return ob_get_clean();
@@ -676,29 +460,8 @@
676 460 return ob_get_clean();
677 461 }
678 462
679 463 /**
680 - * Get Feature State Label
681 - *
682 - * @param array $feature
683 - *
684 - * @return string
685 - */
686 - public function get_feature_state_label( array $feature ) {
687 - $is_feature_active = $this->is_feature_active( $feature['name'] );
688 -
689 - if ( self::STATE_DEFAULT === $feature['state'] ) {
690 - $label = $is_feature_active ? esc_html__( 'Active by default', 'elementor' ) :
691 - esc_html__( 'Inactive by default', 'elementor' );
692 - } else {
693 - $label = self::STATE_ACTIVE === $feature['state'] ? esc_html__( 'Active', 'elementor' ) :
694 - esc_html__( 'Inactive', 'elementor' );
695 - }
696 -
697 - return $label;
698 - }
699 -
700 - /**
701 464 * Get Feature Settings Label HTML
702 465 *
703 466 * @since 3.1.0
704 467 * @access private
@@ -721,9 +484,9 @@
721 484 *
722 485 * @return string
723 486 */
724 487 private function get_feature_actual_state( array $feature ) {
725 - if ( ! empty( $feature['state'] ) && self::STATE_DEFAULT !== $feature['state'] ) {
488 + if ( self::STATE_DEFAULT !== $feature['state'] ) {
726 489 return $feature['state'];
727 490 }
728 491
729 492 return $feature['default'];
@@ -734,181 +497,31 @@
734 497 *
735 498 * @since 3.1.0
736 499 * @access private
737 500 *
738 - * @param array $old_feature_data
501 + * @param array $old_feature_data
739 502 * @param string $new_state
740 - * @param string $old_state
741 503 */
742 - private function on_feature_state_change( array $old_feature_data, $new_state, $old_state ) {
743 - $new_feature_data = $this->get_features( $old_feature_data['name'] );
744 - $this->validate_dependency( $new_feature_data, $new_state );
504 + private function on_feature_state_change( array $old_feature_data, $new_state ) {
745 505 $this->features[ $old_feature_data['name'] ]['state'] = $new_state;
746 - if ( $old_state === $new_state ) {
747 - return;
748 - }
749 506
750 - Plugin::$instance->files_manager->clear_cache();
751 - if ( $new_feature_data['on_state_change'] ) {
752 - $new_feature_data['on_state_change']( $old_state, $new_state );
753 - }
507 + $new_feature_data = $this->get_features( $old_feature_data['name'] );
754 508
755 - do_action( 'elementor/experiments/feature-state-change/' . $old_feature_data['name'], $old_state, $new_state );
756 - }
509 + $actual_old_state = $this->get_feature_actual_state( $old_feature_data );
757 510
758 - /**
759 - * @throws Exceptions\Dependency_Exception If the feature dependency is not available or not active.
760 - */
761 - private function validate_dependency( array $feature, $new_state ) {
762 - $rollback = function ( $feature_option_key, $state ) {
763 - remove_all_actions( 'add_option_' . $feature_option_key );
764 - remove_all_actions( 'update_option_' . $feature_option_key );
511 + $actual_new_state = $this->get_feature_actual_state( $new_feature_data );
765 512
766 - update_option( $feature_option_key, $state );
767 - };
768 -
769 - if ( self::STATE_DEFAULT === $new_state ) {
770 - $new_state = $this->get_feature_actual_state( $feature );
513 + if ( $actual_old_state === $actual_new_state ) {
514 + return;
771 515 }
772 516
773 - $feature_option_key = $this->get_feature_option_key( $feature['name'] );
517 + Plugin::$instance->files_manager->clear_cache();
774 518
775 - if ( self::STATE_ACTIVE === $new_state ) {
776 - if ( empty( $feature['dependencies'] ) ) {
777 - return;
778 - }
779 -
780 - // Validate if the current feature dependency is available.
781 - foreach ( $feature['dependencies'] as $dependency ) {
782 - $dependency_feature = $this->get_features( $dependency->get_name() );
783 -
784 - if ( ! $dependency_feature ) {
785 - $rollback( $feature_option_key, self::STATE_INACTIVE );
786 -
787 - throw new Exceptions\Dependency_Exception(
788 - sprintf(
789 - 'The feature `%s` has a dependency `%s` that is not available.',
790 - esc_html( $feature['name'] ),
791 - esc_html( $dependency->get_name() )
792 - )
793 - );
794 - }
795 -
796 - $dependency_state = $this->get_feature_actual_state( $dependency_feature );
797 -
798 - // If dependency is not active.
799 - if ( self::STATE_INACTIVE === $dependency_state ) {
800 - $rollback( $feature_option_key, self::STATE_INACTIVE );
801 -
802 - throw new Exceptions\Dependency_Exception(
803 - sprintf(
804 - 'To turn on `%1$s`, Experiment: `%2$s` activity is required!',
805 - esc_html( $feature['name'] ),
806 - esc_html( $dependency_feature['name'] )
807 - )
808 - );
809 - }
810 - }
811 - } elseif ( self::STATE_INACTIVE === $new_state ) {
812 - // Make sure to deactivate a dependant experiment of the current feature when it's deactivated.
813 - foreach ( $this->get_features() as $current_feature ) {
814 - if ( empty( $current_feature['dependencies'] ) ) {
815 - continue;
816 - }
817 -
818 - $current_feature_state = $this->get_feature_actual_state( $current_feature );
819 -
820 - foreach ( $current_feature['dependencies'] as $dependency ) {
821 - if ( self::STATE_ACTIVE === $current_feature_state && $feature['name'] === $dependency->get_name() ) {
822 - update_option( $this->get_feature_option_key( $current_feature['name'] ), static::STATE_INACTIVE );
823 - }
824 - }
825 - }
519 + if ( $new_feature_data['on_state_change'] ) {
520 + $new_feature_data['on_state_change']( $actual_old_state, $actual_new_state );
826 521 }
827 522 }
828 523
829 - private function should_show_hidden() {
830 - return defined( 'ELEMENTOR_SHOW_HIDDEN_EXPERIMENTS' ) && ELEMENTOR_SHOW_HIDDEN_EXPERIMENTS;
831 - }
832 -
833 - private function create_dependency_class( $dependency_name, $dependency_args ) {
834 - if ( class_exists( $dependency_name ) ) {
835 - return $dependency_name::instance();
836 - }
837 -
838 - if ( ! empty( $dependency_args ) ) {
839 - return new Wrap_Core_Dependency( $dependency_args );
840 - }
841 -
842 - return new Non_Existing_Dependency( $dependency_name );
843 - }
844 -
845 - /**
846 - * The experiments page is a WordPress options page, which means all the experiments are registered via WordPress' register_settings(),
847 - * and their states are being sent in the POST request when saving.
848 - * The options are being updated in a chronological order based on the POST data.
849 - * This behavior interferes with the experiments dependency mechanism because the data that's being sent can be in any order,
850 - * while the dependencies mechanism expects it to be in a specific order (dependencies should be activated before their dependents can).
851 - * In order to solve this issue, we sort the experiments in the POST data based on their dependencies tree.
852 - *
853 - * @param array $allowed_options
854 - */
855 - private function sort_allowed_options_by_dependencies( $allowed_options ) {
856 - if ( ! isset( $allowed_options['elementor'] ) ) {
857 - return $allowed_options;
858 - }
859 -
860 - $sorted = Collection::make();
861 - $visited = Collection::make();
862 -
863 - $sort = function ( $item ) use ( &$sort, $sorted, $visited ) {
864 - if ( $visited->contains( $item ) ) {
865 - return;
866 - }
867 -
868 - $visited->push( $item );
869 -
870 - $feature = $this->get_features( $item );
871 -
872 - if ( ! $feature ) {
873 - return;
874 - }
875 -
876 - foreach ( $feature['dependencies'] ?? [] as $dep ) {
877 - $name = is_string( $dep ) ? $dep : $dep->get_name();
878 -
879 - $sort( $name );
880 - }
881 -
882 - $sorted->push( $item );
883 - };
884 -
885 - foreach ( $allowed_options['elementor'] as $option ) {
886 - $is_experiment_option = strpos( $option, static::OPTION_PREFIX ) === 0;
887 -
888 - if ( ! $is_experiment_option ) {
889 - continue;
890 - }
891 -
892 - $sort(
893 - str_replace( static::OPTION_PREFIX, '', $option )
894 - );
895 - }
896 -
897 - $allowed_options['elementor'] = Collection::make( $allowed_options['elementor'] )
898 - ->filter( function ( $option ) {
899 - return 0 !== strpos( $option, static::OPTION_PREFIX );
900 - } )
901 - ->merge(
902 - $sorted->map( function ( $item ) {
903 - return static::OPTION_PREFIX . $item;
904 - } )
905 - )
906 - ->values();
907 -
908 - return $allowed_options;
909 - }
910 -
911 524 public function __construct() {
912 525 $this->init_states();
913 526
914 527 $this->init_release_statuses();
@@ -914,17 +527,8 @@
914 527 $this->init_release_statuses();
915 528
916 529 $this->init_features();
917 530
918 - add_action( 'admin_init', function () {
919 - System_Info::add_report(
920 - 'experiments', [
921 - 'file_name' => __DIR__ . '/experiments-reporter.php',
922 - 'class_name' => __NAMESPACE__ . '\Experiments_Reporter',
923 - ]
924 - );
925 - }, 79 /* Before log */ );
926 -
927 531 if ( is_admin() ) {
928 532 $page_id = Settings::PAGE_ID;
929 533
930 534 add_action( "elementor/admin/after_create_settings/{$page_id}", function( Settings $settings ) {
@@ -929,124 +533,7 @@
929 533
930 534 add_action( "elementor/admin/after_create_settings/{$page_id}", function( Settings $settings ) {
931 535 $this->register_settings_fields( $settings );
932 536 }, 11 );
933 -
934 - add_filter( 'allowed_options', function ( $allowed_options ) {
935 - return $this->sort_allowed_options_by_dependencies( $allowed_options );
936 - }, 11 );
937 537 }
938 -
939 - // Register CLI commands.
940 - if ( Utils::is_wp_cli() ) {
941 - \WP_CLI::add_command( 'elementor experiments', WP_CLI::class );
942 - }
943 - }
944 -
945 - /**
946 - * @param array $experimental_data
947 - * @return array
948 - *
949 - * @throws Exceptions\Dependency_Exception If the feature dependency is not initialized or depends on a hidden experiment.
950 - */
951 - private function initialize_feature_dependencies( array $experimental_data ): array {
952 - foreach ( $experimental_data['dependencies'] as $key => $dependency ) {
953 - $feature = $this->get_features( $dependency );
954 -
955 - if ( ! isset( $feature ) ) {
956 - // since we must validate the state of each dependency, we have to make sure that dependencies are initialized in the correct order, otherwise, error.
957 - throw new Exceptions\Dependency_Exception(
958 - sprintf(
959 - 'Feature %s cannot be initialized before dependency feature: %s.',
960 - esc_html( $experimental_data['name'] ),
961 - esc_html( $dependency )
962 - )
963 - );
964 - }
965 -
966 - if ( ! empty( $feature[ static::TYPE_HIDDEN ] ) ) {
967 - throw new Exceptions\Dependency_Exception( 'Depending on a hidden experiment is not allowed.' );
968 - }
969 -
970 - $experimental_data['dependencies'][ $key ] = $this->create_dependency_class( $dependency, $feature );
971 - $experimental_data = $this->set_feature_default_state_to_match_dependencies( $feature, $experimental_data );
972 - }
973 -
974 - return $experimental_data;
975 - }
976 -
977 - /**
978 - * @param array $feature
979 - * @param array $experimental_data
980 - * @return array
981 - *
982 - * we must validate the state:
983 - * * A user can set a dependant feature to inactive and in upgrade we don't change users settings.
984 - * * A developer can set the default state to be invalid (e.g. dependant feature is inactive).
985 - * if one of the dependencies is inactive, the main feature should be inactive as well.
986 - */
987 - private function set_feature_default_state_to_match_dependencies( array $feature, array $experimental_data ): array {
988 - if ( self::STATE_INACTIVE !== $this->get_feature_actual_state( $feature ) ) {
989 - return $experimental_data;
990 - }
991 -
992 - if ( self::STATE_ACTIVE === $experimental_data['state'] ) {
993 - $experimental_data['state'] = self::STATE_INACTIVE;
994 - } elseif ( self::STATE_DEFAULT === $experimental_data['state'] ) {
995 - $experimental_data['default'] = self::STATE_INACTIVE;
996 - }
997 -
998 - return $experimental_data;
999 - }
1000 -
1001 - /**
1002 - * @param array $new_site
1003 - * @param array $experimental_data
1004 - * @return array
1005 - */
1006 - private function set_new_site_default_state( $new_site, array $experimental_data ): array {
1007 - if ( ! $this->install_compare( $new_site['minimum_installation_version'] ) ) {
1008 - return $experimental_data;
1009 - }
1010 -
1011 - if ( $new_site['always_active'] ) {
1012 - $experimental_data['state'] = self::STATE_ACTIVE;
1013 - $experimental_data['mutable'] = false;
1014 - } elseif ( $new_site['default_active'] ) {
1015 - $experimental_data['default'] = self::STATE_ACTIVE;
1016 - } elseif ( $new_site['default_inactive'] ) {
1017 - $experimental_data['default'] = self::STATE_INACTIVE;
1018 - }
1019 -
1020 - return $experimental_data;
1021 - }
1022 -
1023 - /**
1024 - * @param array $options
1025 - * @return array
1026 - */
1027 - private function set_feature_initial_options( array $options ): array {
1028 - $default_experimental_data = [
1029 - 'tag' => '', // Deprecated, use 'tags' instead.
1030 - 'tags' => [],
1031 - 'description' => '',
1032 - 'release_status' => self::RELEASE_STATUS_ALPHA,
1033 - 'default' => self::STATE_INACTIVE,
1034 - 'mutable' => true,
1035 - static::TYPE_HIDDEN => false,
1036 - 'new_site' => [
1037 - 'always_active' => false,
1038 - 'default_active' => false,
1039 - 'default_inactive' => false,
1040 - 'minimum_installation_version' => null,
1041 - ],
1042 - 'on_state_change' => null,
1043 - 'generator_tag' => false,
1044 - 'deprecated' => false,
1045 - ];
1046 -
1047 - $allowed_options = [ 'name', 'title', 'tag', 'tags', 'description', 'release_status', 'default', 'mutable', static::TYPE_HIDDEN, 'new_site', 'on_state_change', 'dependencies', 'generator_tag', 'messages', 'deprecated' ];
1048 - $experimental_data = $this->merge_properties( $default_experimental_data, $options, $allowed_options );
1049 -
1050 - return $this->unify_feature_tags( $experimental_data );
1051 538 }
1052 539 }