PluginProbe
Elementor Website Builder – more than just a page builder / 3.6.0-beta1
Elementor Website Builder – more than just a page builder v3.6.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 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 All 457 releases
← All changes | core/experiments/manager.php +174 -615 4.3.3 → 3.6.0-beta1 View file →
@@ -1,11 +1,9 @@
1 1 <?php
2 2 namespace Elementor\Core\Experiments;
3 3
4 4 use Elementor\Core\Base\Base_Object;
5 -use Elementor\Core\Experiments\Exceptions\Dependency_Exception;
6 5 use Elementor\Core\Upgrade\Manager as Upgrade_Manager;
7 -use Elementor\Core\Utils\Collection;
8 6 use Elementor\Modules\System_Info\Module as System_Info;
9 7 use Elementor\Plugin;
10 8 use Elementor\Settings;
11 9 use Elementor\Tracker;
@@ -11,9 +9,9 @@
11 9 use Elementor\Tracker;
12 10 use Elementor\Utils;
13 11
14 12 if ( ! defined( 'ABSPATH' ) ) {
15 - exit; // Exit if accessed directly.
13 + exit; // Exit if accessed directly
16 14 }
17 15
18 16 class Manager extends Base_Object {
19 17
@@ -22,8 +20,10 @@
22 20 const RELEASE_STATUS_ALPHA = 'alpha';
23 21
24 22 const RELEASE_STATUS_BETA = 'beta';
25 23
24 + const RELEASE_STATUS_RC = 'rc';
25 +
26 26 const RELEASE_STATUS_STABLE = 'stable';
27 27
28 28 const STATE_DEFAULT = 'default';
29 29
@@ -30,12 +30,8 @@
30 30 const STATE_ACTIVE = 'active';
31 31
32 32 const STATE_INACTIVE = 'inactive';
33 33
34 - const TYPE_HIDDEN = 'hidden';
35 -
36 - const OPTION_PREFIX = 'elementor_experiment-';
37 -
38 34 private $states;
39 35
40 36 private $release_statuses;
41 37
@@ -43,26 +39,21 @@
43 39
44 40 /**
45 41 * Add Feature
46 42 *
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 43 * @since 3.1.0
59 44 * @access public
60 45 *
61 - * @param array $options Feature options.
46 + * @param array $options {
47 + * @type string $name
48 + * @type string $title
49 + * @type string $description
50 + * @type string $release_status
51 + * @type string $default
52 + * @type callable $on_state_change
53 + * }
54 + *
62 55 * @return array|null
63 - *
64 - * @throws Dependency_Exception If can't change feature state.
65 56 */
66 57 public function add_feature( array $options ) {
67 58 if ( isset( $this->features[ $options['name'] ] ) ) {
68 59 return null;
@@ -67,14 +58,39 @@
67 58 if ( isset( $this->features[ $options['name'] ] ) ) {
68 59 return null;
69 60 }
70 61
71 - $experimental_data = $this->set_feature_initial_options( $options );
62 + $default_experimental_data = [
63 + 'description' => '',
64 + 'release_status' => self::RELEASE_STATUS_ALPHA,
65 + 'default' => self::STATE_INACTIVE,
66 + 'mutable' => true,
67 + 'new_site' => [
68 + 'default_active' => false,
69 + 'always_active' => false,
70 + 'minimum_installation_version' => null,
71 + ],
72 + 'on_state_change' => null,
73 + ];
72 74
75 + $allowed_options = [ 'name', 'title', 'description', 'release_status', 'default', 'mutable', 'new_site', 'on_state_change' ];
76 +
77 + $experimental_data = $this->merge_properties( $default_experimental_data, $options, $allowed_options );
78 +
73 79 $new_site = $experimental_data['new_site'];
74 80
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 );
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 + $experimental_data['mutable'] = false;
89 + } elseif ( $new_site['default_active'] ) {
90 + $experimental_data['default'] = self::STATE_ACTIVE;
91 + }
92 + }
77 93 }
78 94
79 95 if ( $experimental_data['mutable'] ) {
80 96 $experimental_data['state'] = $this->get_saved_feature_state( $options['name'] );
@@ -83,30 +99,15 @@
83 99 if ( empty( $experimental_data['state'] ) ) {
84 100 $experimental_data['state'] = self::STATE_DEFAULT;
85 101 }
86 102
87 - if ( ! empty( $experimental_data['dependencies'] ) ) {
88 - $experimental_data = $this->initialize_feature_dependencies( $experimental_data );
89 - }
90 -
91 103 $this->features[ $options['name'] ] = $experimental_data;
92 104
93 105 if ( $experimental_data['mutable'] && is_admin() ) {
94 106 $feature_option_key = $this->get_feature_option_key( $options['name'] );
95 107
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 - }
108 + $on_state_change_callback = function( $old_state, $new_state ) use ( $experimental_data ) {
109 + $this->on_feature_state_change( $experimental_data, $new_state );
109 110 };
110 111
111 112 add_action( 'add_option_' . $feature_option_key, $on_state_change_callback, 10, 2 );
112 113 add_action( 'update_option_' . $feature_option_key, $on_state_change_callback, 10, 2 );
@@ -116,98 +117,9 @@
116 117
117 118 return $experimental_data;
118 119 }
119 120
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 121 /**
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 122 * Remove Feature
211 123 *
212 124 * @since 3.1.0
213 125 * @access public
@@ -223,9 +135,9 @@
223 135 *
224 136 * @since 3.1.0
225 137 * @access public
226 138 *
227 - * @param string $feature_name Optional. Default is null.
139 + * @param string $feature_name Optional. Default is null
228 140 *
229 141 * @return array|null
230 142 */
231 143 public function get_features( $feature_name = null ) {
@@ -249,42 +161,20 @@
249 161 *
250 162 * @since 3.1.0
251 163 * @access public
252 164 *
253 - * @param string $feature_name Experiment feature name.
254 - * @param bool $check_dependencies When true, also require dependency experiments to be active.
255 - * Missing or hidden dependencies are treated as active for compatibility.
165 + * @param string $feature_name
256 166 *
257 167 * @return bool
258 168 */
259 - public function is_feature_active( $feature_name, $check_dependencies = false ) {
169 + public function is_feature_active( $feature_name ) {
260 170 $feature = $this->get_features( $feature_name );
261 171
262 - if ( ! $feature || self::STATE_ACTIVE !== $this->get_feature_actual_state( $feature ) ) {
172 + if ( ! $feature ) {
263 173 return false;
264 174 }
265 175
266 - if ( $check_dependencies && isset( $feature['dependencies'] ) && is_array( $feature['dependencies'] ) ) {
267 - foreach ( $feature['dependencies'] as $dependency ) {
268 - if ( $dependency instanceof Non_Existing_Dependency ) {
269 - continue;
270 - }
271 -
272 - $dependent_feature = $this->get_features( $dependency->get_name() );
273 -
274 - if ( $this->is_removed_or_hidden_dependency( $dependent_feature ) ) {
275 - continue;
276 - }
277 -
278 - $feature_state = self::STATE_ACTIVE === $this->get_feature_actual_state( $dependent_feature );
279 -
280 - if ( ! $feature_state ) {
281 - return false;
282 - }
283 - }
284 - }
285 -
286 - return true;
176 + return self::STATE_ACTIVE === $this->get_feature_actual_state( $feature );
287 177 }
288 178
289 179 /**
290 180 * Set Feature Default State
@@ -292,9 +182,9 @@
292 182 * @since 3.1.0
293 183 * @access public
294 184 *
295 185 * @param string $feature_name
296 - * @param string $default_state
186 + * @param int $default_state
297 187 */
298 188 public function set_feature_default_state( $feature_name, $default_state ) {
299 189 $feature = $this->get_features( $feature_name );
300 190
@@ -315,89 +205,126 @@
315 205 *
316 206 * @return string
317 207 */
318 208 public function get_feature_option_key( $feature_name ) {
319 - return static::OPTION_PREFIX . $feature_name;
209 + return 'elementor_experiment-' . $feature_name;
320 210 }
321 211
322 212 private function add_default_features() {
323 213 $this->add_feature( [
214 + 'name' => 'e_dom_optimization',
215 + 'title' => esc_html__( 'Optimized DOM Output', 'elementor' ),
216 + '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' )
217 + . ' <a href="https://go.elementor.com/wp-dash-legacy-optimized-dom" target="_blank">'
218 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
219 + 'release_status' => self::RELEASE_STATUS_STABLE,
220 + 'new_site' => [
221 + 'default_active' => true,
222 + 'minimum_installation_version' => '3.1.0-beta',
223 + ],
224 + ] );
225 +
226 + $this->add_feature( [
227 + 'name' => 'e_optimized_assets_loading',
228 + 'title' => esc_html__( 'Improved Asset Loading', 'elementor' ),
229 + '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' )
230 + . ' <a href="https://go.elementor.com/wp-dash-improved-asset-loading/" target="_blank">'
231 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
232 + 'release_status' => self::RELEASE_STATUS_BETA,
233 + 'new_site' => [
234 + 'default_active' => true,
235 + 'minimum_installation_version' => '3.2.0-beta',
236 + ],
237 + ] );
238 +
239 + $this->add_feature( [
240 + 'name' => 'e_optimized_css_loading',
241 + 'title' => esc_html__( 'Improved CSS Loading', 'elementor' ),
242 + 'description' => esc_html__( '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-css-loading/" target="_blank">'
244 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
245 + 'release_status' => self::RELEASE_STATUS_BETA,
246 + 'new_site' => [
247 + 'default_active' => true,
248 + 'minimum_installation_version' => '3.3.0-beta',
249 + ],
250 + ] );
251 +
252 + $this->add_feature( [
324 253 'name' => 'e_font_icon_svg',
325 254 'title' => esc_html__( 'Inline Font Icons', 'elementor' ),
326 - 'tag' => esc_html__( 'Performance', 'elementor' ),
327 - 'description' => sprintf(
328 - '%1$s <a href="https://go.elementor.com/wp-dash-inline-font-awesome/" target="_blank">%2$s</a>',
329 - 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' ),
330 - esc_html__( 'Learn more', 'elementor' )
331 - ),
255 + 'description' => esc_html__( 'The “Inline Font Icons” will render the icons as inline SVG without loading the Font-Awsome and the eicons libraries and its related CSS files and fonts. Learn More.', 'elementor' )
256 + . ' <a href="https://go.elementor.com/wp-dash-inline-font-awesome/" target="_blank">'
257 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
258 + 'release_status' => self::RELEASE_STATUS_ALPHA,
259 + ] );
260 +
261 + $this->add_feature( [
262 + 'name' => 'a11y_improvements',
263 + 'title' => esc_html__( 'Accessibility Improvements', 'elementor' ),
264 + 'description' => esc_html__( 'An array of accessibility enhancements in Elementor pages.', 'elementor' )
265 + . '<br><strong>' . esc_html__( 'Please note!', 'elementor' ) . '</strong> ' . esc_html__( 'These enhancements may include some markup changes to existing elementor widgets', 'elementor' )
266 + . ' <a href="https://go.elementor.com/wp-dash-a11y-improvements" target="_blank">'
267 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
332 268 'release_status' => self::RELEASE_STATUS_STABLE,
333 269 'new_site' => [
334 270 'default_active' => true,
335 - 'minimum_installation_version' => '3.17.0',
271 + 'minimum_installation_version' => '3.1.0-beta',
336 272 ],
337 - 'generator_tag' => true,
338 273 ] );
339 274
340 275 $this->add_feature( [
341 - 'name' => 'additional_custom_breakpoints',
342 - 'title' => esc_html__( 'Additional Custom Breakpoints', 'elementor' ),
343 - 'description' => sprintf(
344 - '%1$s <a href="https://go.elementor.com/wp-dash-additional-custom-breakpoints/" target="_blank">%2$s</a>',
345 - 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' ),
346 - esc_html__( 'Learn more', 'elementor' )
347 - ),
276 + 'name' => 'e_import_export',
277 + 'title' => esc_html__( 'Import Export Template Kit', 'elementor' ),
278 + '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' )
279 + . '<br>'
280 + . 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' ),
348 281 'release_status' => self::RELEASE_STATUS_STABLE,
349 282 'default' => self::STATE_ACTIVE,
350 - 'generator_tag' => true,
283 + 'new_site' => [
284 + 'default_active' => true,
285 + 'minimum_installation_version' => '3.2.0-beta',
286 + ],
351 287 ] );
352 288
353 289 $this->add_feature( [
354 - 'name' => 'container',
355 - 'title' => esc_html__( 'Container', 'elementor' ),
356 - 'description' => sprintf(
357 - /* translators: 1: Link opening tag, 2: Link closing tag, 3: Link opening tag, 4: Link closing tag */
358 - esc_html__( 'Create advanced layouts and responsive designs with %1$sFlexbox%2$s and %3$sGrid%4$s container elements.', 'elementor' ),
359 - '<a target="_blank" href="https://go.elementor.com/wp-dash-flex-container/">',
360 - '</a>',
361 - '<a target="_blank" href="https://go.elementor.com/wp-dash-grid-container/">',
362 - '</a>'
363 - ),
364 - 'release_status' => self::RELEASE_STATUS_STABLE,
365 - 'default' => self::STATE_INACTIVE,
290 + 'name' => 'additional_custom_breakpoints',
291 + 'title' => esc_html__( 'Additional Custom Breakpoints', 'elementor' ),
292 + 'description' => 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' )
293 + . '<br /><strong>' . esc_html__( 'Please note! Conditioning controls on values of responsive controls is not supported when this mode is active.', 'elementor' ) . '</strong>'
294 + . ' <a href="https://go.elementor.com/wp-dash-additional-custom-breakpoints/" target="_blank">'
295 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
296 + 'release_status' => self::RELEASE_STATUS_BETA,
366 297 'new_site' => [
367 298 'default_active' => true,
368 - 'minimum_installation_version' => '3.16.0',
299 + 'minimum_installation_version' => '3.4.0-beta',
369 300 ],
370 - 'messages' => [
371 - 'on_deactivate' => sprintf(
372 - '%1$s <a target="_blank" href="https://go.elementor.com/wp-dash-deactivate-container/">%2$s</a>',
373 - esc_html__( 'Container-based content will be hidden from your site and may not be recoverable in all cases.', 'elementor' ),
374 - esc_html__( 'Learn more', 'elementor' ),
375 - ),
376 - ],
377 301 ] );
378 302
379 303 $this->add_feature( [
380 - 'name' => 'e_optimized_markup',
381 - 'title' => esc_html__( 'Optimized Markup', 'elementor' ),
382 - 'tag' => esc_html__( 'Performance', 'elementor' ),
383 - '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' ),
304 + 'name' => 'e_hidden_wordpress_widgets',
305 + 'title' => esc_html__( 'Hide native WordPress widgets from search results', 'elementor' ),
306 + 'description' => esc_html__( 'WordPress widgets will not be shown when searching in the editor panel. Instead, these widgets can be found in the “WordPress” dropdown at the bottom of the panel.', 'elementor' ),
384 307 'release_status' => self::RELEASE_STATUS_STABLE,
385 - 'default' => self::STATE_INACTIVE,
386 - 'new_site' => [
387 - 'default_active' => true,
388 - 'minimum_installation_version' => '3.30.0',
389 - ],
308 + 'default' => self::STATE_ACTIVE,
390 309 ] );
391 310
392 311 $this->add_feature( [
393 - 'name' => 'e_optimized_css_files',
394 - 'title' => esc_html__( 'Optimized CSS Files', 'elementor' ),
395 - 'tag' => esc_html__( 'Performance', 'elementor' ),
396 - 'description' => esc_html__( 'Keeps external CSS files available and consistent for sites behind page caching or a CDN.', 'elementor' ),
312 + 'name' => 'admin_menu_rearrangement',
313 + 'mutable' => false,
314 + ] );
315 +
316 + $this->add_feature( [
317 + 'name' => 'container',
318 + 'title' => esc_html__( 'Flex Container', 'elementor' ),
319 + 'description' => esc_html__(
320 + 'Create advanced layouts and responsive designs using the new Container element.
321 + When this experiment is active, Containers will be the default building block.
322 + Existing Sections, Inner Sections and Columns will not be affected.',
323 + 'elementor'
324 + ),
397 325 'release_status' => self::RELEASE_STATUS_ALPHA,
398 326 'default' => self::STATE_INACTIVE,
399 - 'generator_tag' => true,
400 327 ] );
401 328 }
402 329
403 330 /**
@@ -424,8 +351,9 @@
424 351 $this->release_statuses = [
425 352 self::RELEASE_STATUS_DEV => esc_html__( 'Development', 'elementor' ),
426 353 self::RELEASE_STATUS_ALPHA => esc_html__( 'Alpha', 'elementor' ),
427 354 self::RELEASE_STATUS_BETA => esc_html__( 'Beta', 'elementor' ),
355 + self::RELEASE_STATUS_RC => esc_html__( 'Release Candidate', 'elementor' ),
428 356 self::RELEASE_STATUS_STABLE => esc_html__( 'Stable', 'elementor' ),
429 357 ];
430 358 }
431 359
@@ -449,8 +377,9 @@
449 377 * @param Settings $settings
450 378 *
451 379 * @since 3.1.0
452 380 * @access private
381 + *
453 382 */
454 383 private function register_settings_fields( Settings $settings ) {
455 384 $features = $this->get_features();
456 385
@@ -456,13 +385,9 @@
456 385
457 386 $fields = [];
458 387
459 388 foreach ( $features as $feature_name => $feature ) {
460 - $is_hidden = $feature[ static::TYPE_HIDDEN ];
461 - $is_mutable = $feature['mutable'];
462 - $should_hide_experiment = ! $is_mutable || ( $is_hidden && ! $this->should_show_hidden() ) || $this->has_non_existing_dependency( $feature );
463 -
464 - if ( $should_hide_experiment ) {
389 + if ( ! $feature['mutable'] ) {
465 390 unset( $features[ $feature_name ] );
466 391
467 392 continue;
468 393 }
@@ -497,9 +422,9 @@
497 422 }
498 423
499 424 $settings->add_tab(
500 425 'experiments', [
501 - 'label' => esc_html__( 'Features', 'elementor' ),
426 + 'label' => esc_html__( 'Experiments', 'elementor' ),
502 427 'sections' => [
503 428 'ongoing_experiments' => [
504 429 'callback' => function() {
505 430 $this->render_settings_intro();
@@ -534,34 +459,36 @@
534 459 */
535 460 private function render_settings_intro() {
536 461 ?>
537 462 <h2>
538 - <?php echo esc_html__( 'Experiments and Features', 'elementor' ); ?>
463 + <?php echo esc_html__( 'Elementor Experiments', 'elementor' ); ?>
539 464 </h2>
540 465 <p class="e-experiment__description">
541 466 <?php
542 - printf(
543 - /* translators: %1$s Link open tag, %2$s: Link close tag. */
544 - 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' ),
545 - '<a href="https://go.elementor.com/wp-dash-experiments-report-an-issue/" target="_blank">',
546 - '</a>'
547 - );
467 + printf(
468 + /* translators: %1$s Link open tag, %2$s: Link close tag. */
469 + 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. %1$sLearn More.%2$s', 'elementor' ),
470 + '<a href="https://go.elementor.com/wp-dash-experiments/" target="_blank">',
471 + '</a>'
472 + );
548 473 ?>
549 474 </p>
550 475 <p class="e-experiment__description">
476 + <?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' ); ?>
477 + </p>
478 + <p class="e-experiment__description">
551 479 <?php
552 - printf(
553 - '%1$s <a href="https://go.elementor.com/wp-dash-experiments/" target="_blank">%2$s</a>',
554 - 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' ),
555 - esc_html__( 'Learn more', 'elementor' ),
556 - );
480 + printf(
481 + /* translators: %1$s Link open tag, %2$s: Link close tag. */
482 + esc_html__( 'Your feedback is important - %1$shelp us%2$s improve these features by sharing your thoughts and inputs.', 'elementor' ),
483 + '<a href="https://go.elementor.com/wp-dash-experiments-report-an-issue/" target="_blank">',
484 + '</a>'
485 + );
557 486 ?>
558 487 </p>
559 -
560 488 <?php if ( $this->get_features() ) { ?>
561 - <button type="button" class="button e-experiment__button" value="active"><?php echo esc_html__( 'Activate All', 'elementor' ); ?></button>
562 - <button type="button" class="button e-experiment__button" value="inactive"><?php echo esc_html__( 'Deactivate All', 'elementor' ); ?></button>
563 - <button type="button" class="button e-experiment__button" value="default"><?php echo esc_html__( 'Back to default', 'elementor' ); ?></button>
489 + <button type="button" class="button e-experiment__button" value="active">Activate All Experiments</button>
490 + <button type="button" class="button e-experiment__button" value="inactive">Deactivate All Experiments</button>
564 491 <?php } ?>
565 492 <hr>
566 493 <h2 class="e-experiment__table-title">
567 494 <?php echo esc_html__( 'Ongoing Experiments', 'elementor' ); ?>
@@ -577,78 +504,25 @@
577 504 *
578 505 * @param array $feature
579 506 */
580 507 private function render_feature_settings_field( array $feature ) {
581 - $control_id = 'e-experiment-' . $feature['name'];
582 - $control_name = $this->get_feature_option_key( $feature['name'] );
583 -
584 - $status = sprintf(
585 - /* translators: %s Release status. */
586 - esc_html__( 'Status: %s', 'elementor' ),
587 - $this->release_statuses[ $feature['release_status'] ]
588 - );
589 -
590 508 ?>
591 509 <div class="e-experiment__content">
592 - <select class="e-experiment__select"
593 - id="<?php echo esc_attr( $control_id ); ?>"
594 - name="<?php echo esc_attr( $control_name ); ?>"
595 - data-experiment-id="<?php echo esc_attr( $feature['name'] ); ?>"
596 - >
510 + <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'] ); ?>">
597 511 <?php foreach ( $this->states as $state_key => $state_title ) { ?>
598 - <option value="<?php echo esc_attr( $state_key ); ?>"
599 - <?php selected( $state_key, $feature['state'] ); ?>
600 - >
601 - <?php echo esc_html( $state_title ); ?>
602 - </option>
512 + <option value="<?php echo $state_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" <?php selected( $state_key, $feature['state'] ); ?>><?php echo $state_title; ?></option>
603 513 <?php } ?>
604 514 </select>
605 -
606 - <p class="description">
607 - <?php Utils::print_unescaped_internal_string( $feature['description'] ); ?>
608 - </p>
609 -
610 - <?php $this->render_feature_dependency( $feature ); ?>
611 -
515 + <p class="description"><?php echo $feature['description']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
612 516 <?php if ( 'stable' !== $feature['release_status'] ) { ?>
613 - <div class="e-experiment__status">
614 - <?php echo esc_html( $status ); ?>
615 - </div>
517 + <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>
616 518 <?php } ?>
617 519 </div>
618 520 <?php
619 521 }
620 522
621 - private function render_feature_dependency( $feature ) {
622 - $dependencies = ( new Collection( $feature['dependencies'] ?? [] ) )
623 - ->map( function ( $dependency ) {
624 - return $dependency->get_title();
625 - } )
626 - ->implode( ', ' );
627 -
628 - if ( empty( $dependencies ) ) {
629 - return;
630 - }
631 -
632 - ?>
633 - <div class="e-experiment__dependency">
634 - <strong class="e-experiment__dependency__title"><?php echo esc_html__( 'Requires', 'elementor' ); ?>:</strong>
635 - <span><?php echo esc_html( $dependencies ); ?></span>
636 - </div>
637 - <?php
638 - }
639 -
640 - private function has_non_existing_dependency( $feature ) {
641 - $non_existing_dep = ( new Collection( $feature['dependencies'] ?? [] ) )
642 - ->find( function ( $dependency ) {
643 - return $dependency instanceof Non_Existing_Dependency;
644 - } );
645 -
646 - return (bool) $non_existing_dep;
647 - }
648 -
649 523 /**
650 - * Get Feature Settings Label HTML.
524 + * Get Feature Settings Label HTML
651 525 *
652 526 * @since 3.1.0
653 527 * @access private
654 528 *
@@ -672,17 +546,8 @@
672 546 ?>
673 547 <div class="e-experiment__title">
674 548 <div class="<?php echo $indicator_classes; ?>" data-tooltip="<?php echo $indicator_tooltip; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>"></div>
675 549 <label class="e-experiment__title__label" for="e-experiment-<?php echo $feature['name']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>"><?php echo $feature['title']; ?></label>
676 - <?php foreach ( $feature['tags'] as $tag ) { ?>
677 - <?php
678 - $tag_classes = 'e-experiment__title__tag e-experiment__title__tag__' . $tag['type'] . ' e-editor-one';
679 - ?>
680 - <span class="<?php echo esc_attr( $tag_classes ); ?>"><?php echo $tag['label']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
681 - <?php } ?>
682 - <?php if ( $feature['deprecated'] ) { ?>
683 - <span class="e-experiment__title__tag e-experiment__title__tag__deprecated"><?php echo esc_html__( 'Deprecated', 'elementor' ); ?></span>
684 - <?php } ?>
685 550 </div>
686 551 <?php
687 552
688 553 return ob_get_clean();
@@ -733,9 +598,9 @@
733 598 *
734 599 * @return string
735 600 */
736 601 private function get_feature_actual_state( array $feature ) {
737 - if ( ! empty( $feature['state'] ) && self::STATE_DEFAULT !== $feature['state'] ) {
602 + if ( self::STATE_DEFAULT !== $feature['state'] ) {
738 603 return $feature['state'];
739 604 }
740 605
741 606 return $feature['default'];
@@ -746,202 +611,31 @@
746 611 *
747 612 * @since 3.1.0
748 613 * @access private
749 614 *
750 - * @param array $old_feature_data
615 + * @param array $old_feature_data
751 616 * @param string $new_state
752 - * @param string $old_state
753 617 */
754 - private function on_feature_state_change( array $old_feature_data, $new_state, $old_state ) {
755 - $new_feature_data = $this->get_features( $old_feature_data['name'] );
756 - $this->validate_dependency( $new_feature_data, $new_state );
618 + private function on_feature_state_change( array $old_feature_data, $new_state ) {
757 619 $this->features[ $old_feature_data['name'] ]['state'] = $new_state;
758 - if ( $old_state === $new_state ) {
759 - return;
760 - }
761 620
762 - Plugin::$instance->files_manager->clear_cache();
763 - if ( $new_feature_data['on_state_change'] ) {
764 - $new_feature_data['on_state_change']( $old_state, $new_state );
765 - }
621 + $new_feature_data = $this->get_features( $old_feature_data['name'] );
766 622
767 - do_action( 'elementor/experiments/feature-state-change/' . $old_feature_data['name'], $old_state, $new_state );
768 - }
623 + $actual_old_state = $this->get_feature_actual_state( $old_feature_data );
769 624
770 - /**
771 - * @throws Exceptions\Dependency_Exception If the feature dependency is not available or not active.
772 - */
773 - private function validate_dependency( array $feature, $new_state ) {
774 - $rollback = function ( $feature_option_key, $state ) {
775 - remove_all_actions( 'add_option_' . $feature_option_key );
776 - remove_all_actions( 'update_option_' . $feature_option_key );
625 + $actual_new_state = $this->get_feature_actual_state( $new_feature_data );
777 626
778 - update_option( $feature_option_key, $state );
779 - };
780 -
781 - if ( self::STATE_DEFAULT === $new_state ) {
782 - $new_state = $this->get_feature_actual_state( $feature );
627 + if ( $actual_old_state === $actual_new_state ) {
628 + return;
783 629 }
784 630
785 - $feature_option_key = $this->get_feature_option_key( $feature['name'] );
631 + Plugin::$instance->files_manager->clear_cache();
786 632
787 - if ( self::STATE_ACTIVE === $new_state ) {
788 - if ( empty( $feature['dependencies'] ) ) {
789 - return;
790 - }
791 -
792 - // Validate if the current feature dependency is available.
793 - foreach ( $feature['dependencies'] as $dependency ) {
794 - if ( $dependency instanceof Non_Existing_Dependency ) {
795 - $this->warn_removed_or_hidden_dependency(
796 - sprintf(
797 - 'The feature `%s` has a dependency `%s` that is not available in Core.',
798 - esc_html( $feature['name'] ),
799 - esc_html( $dependency->get_name() )
800 - )
801 - );
802 - continue;
803 - }
804 -
805 - $dependency_feature = $this->get_features( $dependency->get_name() );
806 -
807 - if ( ! $dependency_feature ) {
808 - $this->warn_removed_or_hidden_dependency(
809 - sprintf(
810 - 'The feature `%s` has a dependency `%s` that is not available in Core.',
811 - esc_html( $feature['name'] ),
812 - esc_html( $dependency->get_name() )
813 - )
814 - );
815 - continue;
816 - }
817 -
818 - if ( $this->is_removed_or_hidden_dependency( $dependency_feature ) ) {
819 - $this->warn_removed_or_hidden_dependency(
820 - sprintf(
821 - 'The feature `%1$s` depends on hidden experiment `%2$s`.',
822 - esc_html( $feature['name'] ),
823 - esc_html( $dependency_feature['name'] )
824 - )
825 - );
826 - continue;
827 - }
828 -
829 - $dependency_state = $this->get_feature_actual_state( $dependency_feature );
830 -
831 - // If dependency is not active.
832 - if ( self::STATE_INACTIVE === $dependency_state ) {
833 - $rollback( $feature_option_key, self::STATE_INACTIVE );
834 -
835 - throw new Exceptions\Dependency_Exception(
836 - sprintf(
837 - 'To turn on `%1$s`, Experiment: `%2$s` activity is required!',
838 - esc_html( $feature['name'] ),
839 - esc_html( $dependency_feature['name'] )
840 - )
841 - );
842 - }
843 - }
844 - } elseif ( self::STATE_INACTIVE === $new_state ) {
845 - // Make sure to deactivate a dependant experiment of the current feature when it's deactivated.
846 - foreach ( $this->get_features() as $current_feature ) {
847 - if ( empty( $current_feature['dependencies'] ) ) {
848 - continue;
849 - }
850 -
851 - $current_feature_state = $this->get_feature_actual_state( $current_feature );
852 -
853 - foreach ( $current_feature['dependencies'] as $dependency ) {
854 - if ( self::STATE_ACTIVE === $current_feature_state && $feature['name'] === $dependency->get_name() ) {
855 - update_option( $this->get_feature_option_key( $current_feature['name'] ), static::STATE_INACTIVE );
856 - }
857 - }
858 - }
633 + if ( $new_feature_data['on_state_change'] ) {
634 + $new_feature_data['on_state_change']( $actual_old_state, $actual_new_state );
859 635 }
860 636 }
861 637
862 - private function should_show_hidden() {
863 - return defined( 'ELEMENTOR_SHOW_HIDDEN_EXPERIMENTS' ) && ELEMENTOR_SHOW_HIDDEN_EXPERIMENTS;
864 - }
865 -
866 - private function create_dependency_class( $dependency_name, $dependency_args ) {
867 - if ( class_exists( $dependency_name ) ) {
868 - return $dependency_name::instance();
869 - }
870 -
871 - if ( ! empty( $dependency_args ) ) {
872 - return new Wrap_Core_Dependency( $dependency_args );
873 - }
874 -
875 - return new Non_Existing_Dependency( $dependency_name );
876 - }
877 -
878 - /**
879 - * The experiments page is a WordPress options page, which means all the experiments are registered via WordPress' register_settings(),
880 - * and their states are being sent in the POST request when saving.
881 - * The options are being updated in a chronological order based on the POST data.
882 - * This behavior interferes with the experiments dependency mechanism because the data that's being sent can be in any order,
883 - * while the dependencies mechanism expects it to be in a specific order (dependencies should be activated before their dependents can).
884 - * In order to solve this issue, we sort the experiments in the POST data based on their dependencies tree.
885 - *
886 - * @param array $allowed_options
887 - */
888 - private function sort_allowed_options_by_dependencies( $allowed_options ) {
889 - if ( ! isset( $allowed_options['elementor'] ) ) {
890 - return $allowed_options;
891 - }
892 -
893 - $sorted = Collection::make();
894 - $visited = Collection::make();
895 -
896 - $sort = function ( $item ) use ( &$sort, $sorted, $visited ) {
897 - if ( $visited->contains( $item ) ) {
898 - return;
899 - }
900 -
901 - $visited->push( $item );
902 -
903 - $feature = $this->get_features( $item );
904 -
905 - if ( ! $feature ) {
906 - return;
907 - }
908 -
909 - foreach ( $feature['dependencies'] ?? [] as $dep ) {
910 - $name = is_string( $dep ) ? $dep : $dep->get_name();
911 -
912 - $sort( $name );
913 - }
914 -
915 - $sorted->push( $item );
916 - };
917 -
918 - foreach ( $allowed_options['elementor'] as $option ) {
919 - $is_experiment_option = strpos( $option, static::OPTION_PREFIX ) === 0;
920 -
921 - if ( ! $is_experiment_option ) {
922 - continue;
923 - }
924 -
925 - $sort(
926 - str_replace( static::OPTION_PREFIX, '', $option )
927 - );
928 - }
929 -
930 - $allowed_options['elementor'] = Collection::make( $allowed_options['elementor'] )
931 - ->filter( function ( $option ) {
932 - return 0 !== strpos( $option, static::OPTION_PREFIX );
933 - } )
934 - ->merge(
935 - $sorted->map( function ( $item ) {
936 - return static::OPTION_PREFIX . $item;
937 - } )
938 - )
939 - ->values();
940 -
941 - return $allowed_options;
942 - }
943 -
944 638 public function __construct() {
945 639 $this->init_states();
946 640
947 641 $this->init_release_statuses();
@@ -962,12 +656,8 @@
962 656
963 657 add_action( "elementor/admin/after_create_settings/{$page_id}", function( Settings $settings ) {
964 658 $this->register_settings_fields( $settings );
965 659 }, 11 );
966 -
967 - add_filter( 'allowed_options', function ( $allowed_options ) {
968 - return $this->sort_allowed_options_by_dependencies( $allowed_options );
969 - }, 11 );
970 660 }
971 661
972 662 // Register CLI commands.
973 663 if ( Utils::is_wp_cli() ) {
@@ -972,137 +662,6 @@
972 662 // Register CLI commands.
973 663 if ( Utils::is_wp_cli() ) {
974 664 \WP_CLI::add_command( 'elementor experiments', WP_CLI::class );
975 665 }
976 - }
977 -
978 - /**
979 - * @param array $experimental_data
980 - * @return array
981 - */
982 - private function initialize_feature_dependencies( array $experimental_data ): array {
983 - foreach ( $experimental_data['dependencies'] as $key => $dependency ) {
984 - $feature = $this->get_features( $dependency );
985 -
986 - if ( ! isset( $feature ) ) {
987 - $this->warn_removed_or_hidden_dependency(
988 - sprintf(
989 - 'Feature %1$s depends on experiment %2$s that is not registered in Core.',
990 - esc_html( $experimental_data['name'] ),
991 - esc_html( $dependency )
992 - )
993 - );
994 -
995 - $experimental_data['dependencies'][ $key ] = $this->create_dependency_class( $dependency, null );
996 - continue;
997 - }
998 -
999 - if ( ! empty( $feature[ static::TYPE_HIDDEN ] ) ) {
1000 - $this->warn_removed_or_hidden_dependency(
1001 - sprintf(
1002 - 'Feature %1$s depends on hidden experiment %2$s.',
1003 - esc_html( $experimental_data['name'] ),
1004 - esc_html( $dependency )
1005 - )
1006 - );
1007 - }
1008 -
1009 - $experimental_data['dependencies'][ $key ] = $this->create_dependency_class( $dependency, $feature );
1010 - $experimental_data = $this->set_feature_default_state_to_match_dependencies( $feature, $experimental_data );
1011 - }
1012 -
1013 - return $experimental_data;
1014 - }
1015 -
1016 - private function is_removed_or_hidden_dependency( $dependency_feature ): bool {
1017 - if ( ! $dependency_feature ) {
1018 - return true;
1019 - }
1020 -
1021 - return ! empty( $dependency_feature[ static::TYPE_HIDDEN ] );
1022 - }
1023 -
1024 - private function warn_removed_or_hidden_dependency( string $message ): void {
1025 - if ( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) {
1026 - return;
1027 - }
1028 -
1029 - // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Developer notice; message is escaped.
1030 - _doing_it_wrong( __METHOD__, esc_html( $message ), ELEMENTOR_VERSION );
1031 - }
1032 -
1033 - /**
1034 - * @param array $feature
1035 - * @param array $experimental_data
1036 - * @return array
1037 - *
1038 - * we must validate the state:
1039 - * * A user can set a dependant feature to inactive and in upgrade we don't change users settings.
1040 - * * A developer can set the default state to be invalid (e.g. dependant feature is inactive).
1041 - * if one of the dependencies is inactive, the main feature should be inactive as well.
1042 - */
1043 - private function set_feature_default_state_to_match_dependencies( array $feature, array $experimental_data ): array {
1044 - if ( self::STATE_INACTIVE !== $this->get_feature_actual_state( $feature ) ) {
1045 - return $experimental_data;
1046 - }
1047 -
1048 - if ( self::STATE_ACTIVE === $experimental_data['state'] ) {
1049 - $experimental_data['state'] = self::STATE_INACTIVE;
1050 - } elseif ( self::STATE_DEFAULT === $experimental_data['state'] ) {
1051 - $experimental_data['default'] = self::STATE_INACTIVE;
1052 - }
1053 -
1054 - return $experimental_data;
1055 - }
1056 -
1057 - /**
1058 - * @param array $new_site
1059 - * @param array $experimental_data
1060 - * @return array
1061 - */
1062 - private function set_new_site_default_state( $new_site, array $experimental_data ): array {
1063 - if ( ! $this->install_compare( $new_site['minimum_installation_version'] ) ) {
1064 - return $experimental_data;
1065 - }
1066 -
1067 - if ( $new_site['always_active'] ) {
1068 - $experimental_data['state'] = self::STATE_ACTIVE;
1069 - $experimental_data['mutable'] = false;
1070 - } elseif ( $new_site['default_active'] ) {
1071 - $experimental_data['default'] = self::STATE_ACTIVE;
1072 - } elseif ( $new_site['default_inactive'] ) {
1073 - $experimental_data['default'] = self::STATE_INACTIVE;
1074 - }
1075 -
1076 - return $experimental_data;
1077 - }
1078 -
1079 - /**
1080 - * @param array $options
1081 - * @return array
1082 - */
1083 - private function set_feature_initial_options( array $options ): array {
1084 - $default_experimental_data = [
1085 - 'tag' => '', // Deprecated, use 'tags' instead.
1086 - 'tags' => [],
1087 - 'description' => '',
1088 - 'release_status' => self::RELEASE_STATUS_ALPHA,
1089 - 'default' => self::STATE_INACTIVE,
1090 - 'mutable' => true,
1091 - static::TYPE_HIDDEN => false,
1092 - 'new_site' => [
1093 - 'always_active' => false,
1094 - 'default_active' => false,
1095 - 'default_inactive' => false,
1096 - 'minimum_installation_version' => null,
1097 - ],
1098 - 'on_state_change' => null,
1099 - 'generator_tag' => false,
1100 - 'deprecated' => false,
1101 - ];
1102 -
1103 - $allowed_options = [ 'name', 'title', 'tag', 'tags', 'description', 'release_status', 'default', 'mutable', static::TYPE_HIDDEN, 'new_site', 'on_state_change', 'dependencies', 'generator_tag', 'messages', 'deprecated' ];
1104 - $experimental_data = $this->merge_properties( $default_experimental_data, $options, $allowed_options );
1105 -
1106 - return $this->unify_feature_tags( $experimental_data );
1107 666 }
1108 667 }