PluginProbe
Elementor Website Builder – more than just a page builder / 3.5.3
Elementor Website Builder – more than just a page builder v3.5.3
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 +169 -574 4.2.0-dev23.5.3 View file →
@@ -1,19 +1,17 @@
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;
5 +use Elementor\Core\Experiments\Manager as Experiments_Manager;
6 6 use Elementor\Core\Upgrade\Manager as Upgrade_Manager;
7 -use Elementor\Core\Utils\Collection;
8 7 use Elementor\Modules\System_Info\Module as System_Info;
9 8 use Elementor\Plugin;
10 9 use Elementor\Settings;
11 10 use Elementor\Tracker;
12 -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,46 +58,61 @@
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 + 'new_site' => [
67 + 'default_active' => false,
68 + 'always_active' => false,
69 + 'minimum_installation_version' => null,
70 + ],
71 + 'on_state_change' => null,
72 + ];
72 73
74 + $allowed_options = [ 'name', 'title', 'description', 'release_status', 'default', 'new_site', 'on_state_change' ];
75 +
76 + $experimental_data = $this->merge_properties( $default_experimental_data, $options, $allowed_options );
77 +
73 78 $new_site = $experimental_data['new_site'];
74 79
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 );
80 + $feature_is_mutable = true;
81 +
82 + if ( $new_site['default_active'] || $new_site['always_active'] ) {
83 + $is_new_installation = Upgrade_Manager::install_compare( $new_site['minimum_installation_version'], '>=' );
84 +
85 + if ( $is_new_installation ) {
86 + if ( $new_site['always_active'] ) {
87 + $experimental_data['state'] = self::STATE_ACTIVE;
88 +
89 + $feature_is_mutable = false;
90 + } elseif ( $new_site['default_active'] ) {
91 + $experimental_data['default'] = self::STATE_ACTIVE;
92 + }
93 + }
77 94 }
78 95
79 - if ( $experimental_data['mutable'] ) {
80 - $experimental_data['state'] = $this->get_saved_feature_state( $options['name'] );
81 - }
96 + $experimental_data['mutable'] = $feature_is_mutable;
82 97
83 - if ( empty( $experimental_data['state'] ) ) {
84 - $experimental_data['state'] = self::STATE_DEFAULT;
85 - }
98 + if ( $feature_is_mutable ) {
99 + $state = $this->get_saved_feature_state( $options['name'] );
86 100
87 - if ( ! empty( $experimental_data['dependencies'] ) ) {
88 - $experimental_data = $this->initialize_feature_dependencies( $experimental_data );
101 + if ( ! $state ) {
102 + $state = self::STATE_DEFAULT;
103 + }
104 +
105 + $experimental_data['state'] = $state;
89 106 }
90 107
91 108 $this->features[ $options['name'] ] = $experimental_data;
92 109
93 - if ( $experimental_data['mutable'] && is_admin() ) {
110 + if ( $feature_is_mutable && is_admin() ) {
94 111 $feature_option_key = $this->get_feature_option_key( $options['name'] );
95 112
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 - }
113 + $on_state_change_callback = function( $old_state, $new_state ) use ( $experimental_data ) {
114 + $this->on_feature_state_change( $experimental_data, $new_state );
109 115 };
110 116
111 117 add_action( 'add_option_' . $feature_option_key, $on_state_change_callback, 10, 2 );
112 118 add_action( 'update_option_' . $feature_option_key, $on_state_change_callback, 10, 2 );
@@ -116,98 +122,9 @@
116 122
117 123 return $experimental_data;
118 124 }
119 125
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 126 /**
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 127 * Remove Feature
211 128 *
212 129 * @since 3.1.0
213 130 * @access public
@@ -223,9 +140,9 @@
223 140 *
224 141 * @since 3.1.0
225 142 * @access public
226 143 *
227 - * @param string $feature_name Optional. Default is null.
144 + * @param string $feature_name Optional. Default is null
228 145 *
229 146 * @return array|null
230 147 */
231 148 public function get_features( $feature_name = null ) {
@@ -253,27 +170,16 @@
253 170 * @param string $feature_name
254 171 *
255 172 * @return bool
256 173 */
257 - public function is_feature_active( $feature_name, $check_dependencies = false ) {
174 + public function is_feature_active( $feature_name ) {
258 175 $feature = $this->get_features( $feature_name );
259 176
260 - if ( ! $feature || self::STATE_ACTIVE !== $this->get_feature_actual_state( $feature ) ) {
177 + if ( ! $feature ) {
261 178 return false;
262 179 }
263 180
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;
181 + return self::STATE_ACTIVE === $this->get_feature_actual_state( $feature );
276 182 }
277 183
278 184 /**
279 185 * Set Feature Default State
@@ -281,9 +187,9 @@
281 187 * @since 3.1.0
282 188 * @access public
283 189 *
284 190 * @param string $feature_name
285 - * @param string $default_state
191 + * @param int $default_state
286 192 */
287 193 public function set_feature_default_state( $feature_name, $default_state ) {
288 194 $feature = $this->get_features( $feature_name );
289 195
@@ -297,97 +203,115 @@
297 203 /**
298 204 * Get Feature Option Key
299 205 *
300 206 * @since 3.1.0
301 - * @access public
207 + * @access private
302 208 *
303 209 * @param string $feature_name
304 210 *
305 211 * @return string
306 212 */
307 - public function get_feature_option_key( $feature_name ) {
308 - return static::OPTION_PREFIX . $feature_name;
213 + private function get_feature_option_key( $feature_name ) {
214 + return 'elementor_experiment-' . $feature_name;
309 215 }
310 216
311 217 private function add_default_features() {
312 218 $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 - ),
219 + 'name' => 'e_dom_optimization',
220 + 'title' => esc_html__( 'Optimized DOM Output', 'elementor' ),
221 + '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' )
222 + . ' <a href="https://go.elementor.com/wp-dash-legacy-optimized-dom" target="_blank">'
223 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
321 224 'release_status' => self::RELEASE_STATUS_STABLE,
322 225 'new_site' => [
323 226 'default_active' => true,
324 - 'minimum_installation_version' => '3.17.0',
227 + 'minimum_installation_version' => '3.1.0-beta',
325 228 ],
326 - 'generator_tag' => true,
327 229 ] );
328 230
329 231 $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,
232 + 'name' => 'e_optimized_assets_loading',
233 + 'title' => esc_html__( 'Improved Asset Loading', 'elementor' ),
234 + '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' )
235 + . ' <a href="https://go.elementor.com/wp-dash-improved-asset-loading/" target="_blank">'
236 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
237 + 'release_status' => self::RELEASE_STATUS_BETA,
238 + 'new_site' => [
239 + 'default_active' => true,
240 + 'minimum_installation_version' => '3.2.0-beta',
241 + ],
340 242 ] );
341 243
342 244 $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, 5: Link opening tag, 6: Link closing tag */
347 - esc_html__( 'Create advanced layouts and responsive designs with %1$sFlexbox%2$s and %3$sGrid%4$s container elements. Give it a try using the %5$sContainer playground%6$s.', '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 - '<a target="_blank" href="https://go.elementor.com/wp-dash-flex-container-playground/">',
353 - '</a>'
354 - ),
245 + 'name' => 'e_optimized_css_loading',
246 + 'title' => esc_html__( 'Improved CSS Loading', 'elementor' ),
247 + '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' )
248 + . ' <a href="https://go.elementor.com/wp-dash-improved-css-loading/" target="_blank">'
249 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
250 + 'release_status' => self::RELEASE_STATUS_BETA,
251 + 'new_site' => [
252 + 'default_active' => true,
253 + 'minimum_installation_version' => '3.3.0-beta',
254 + ],
255 + ] );
256 +
257 + $this->add_feature( [
258 + 'name' => 'e_font_icon_svg',
259 + 'title' => esc_html__( 'Inline Font Icons', 'elementor' ),
260 + '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' )
261 + . ' <a href="https://go.elementor.com/wp-dash-inline-font-awesome/" target="_blank">'
262 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
263 + 'release_status' => self::RELEASE_STATUS_ALPHA,
264 + ] );
265 +
266 + $this->add_feature( [
267 + 'name' => 'a11y_improvements',
268 + 'title' => esc_html__( 'Accessibility Improvements', 'elementor' ),
269 + 'description' => esc_html__( 'An array of accessibility enhancements in Elementor pages.', 'elementor' )
270 + . '<br><strong>' . esc_html__( 'Please note!', 'elementor' ) . '</strong> ' . esc_html__( 'These enhancements may include some markup changes to existing elementor widgets', 'elementor' )
271 + . ' <a href="https://go.elementor.com/wp-dash-a11y-improvements" target="_blank">'
272 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
355 273 'release_status' => self::RELEASE_STATUS_STABLE,
356 - 'default' => self::STATE_INACTIVE,
357 274 'new_site' => [
358 275 'default_active' => true,
359 - 'minimum_installation_version' => '3.16.0',
276 + 'minimum_installation_version' => '3.1.0-beta',
360 277 ],
361 - 'messages' => [
362 - 'on_deactivate' => sprintf(
363 - '%1$s <a target="_blank" href="https://go.elementor.com/wp-dash-deactivate-container/">%2$s</a>',
364 - esc_html__( 'Container-based content will be hidden from your site and may not be recoverable in all cases.', 'elementor' ),
365 - esc_html__( 'Learn more', 'elementor' ),
366 - ),
278 + ] );
279 +
280 + $this->add_feature( [
281 + 'name' => 'e_import_export',
282 + 'title' => esc_html__( 'Import Export Template Kit', 'elementor' ),
283 + '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' )
284 + . '<br>'
285 + . 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' ),
286 + 'release_status' => self::RELEASE_STATUS_BETA,
287 + 'default' => self::STATE_ACTIVE,
288 + 'new_site' => [
289 + 'default_active' => true,
290 + 'minimum_installation_version' => '3.2.0-beta',
367 291 ],
368 292 ] );
369 293
370 294 $this->add_feature( [
371 - 'name' => 'e_optimized_markup',
372 - 'title' => esc_html__( 'Optimized Markup', 'elementor' ),
373 - 'tag' => esc_html__( 'Performance', 'elementor' ),
374 - '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' ),
375 - 'release_status' => self::RELEASE_STATUS_STABLE,
376 - 'default' => self::STATE_INACTIVE,
295 + 'name' => 'additional_custom_breakpoints',
296 + 'title' => esc_html__( 'Additional Custom Breakpoints', 'elementor' ),
297 + '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' )
298 + . '<br /><strong>' . esc_html__( 'Please note! Conditioning controls on values of responsive controls is not supported when this mode is active.', 'elementor' ) . '</strong>'
299 + . ' <a href="https://go.elementor.com/wp-dash-additional-custom-breakpoints/" target="_blank">'
300 + . esc_html__( 'Learn More', 'elementor' ) . '</a>',
301 + 'release_status' => self::RELEASE_STATUS_BETA,
377 302 'new_site' => [
378 303 'default_active' => true,
379 - 'minimum_installation_version' => '3.30.0',
304 + 'minimum_installation_version' => '3.4.0-beta',
380 305 ],
381 306 ] );
382 307
383 308 $this->add_feature( [
384 - 'name' => 'e_panel_promotions',
385 - 'title' => esc_html__( 'Panel Promotions', 'elementor' ),
386 - 'description' => esc_html__( 'Enable experimental rendering for targeted promotions within the elements panels.', 'elementor' ),
387 - 'release_status' => self::RELEASE_STATUS_DEV,
309 + 'name' => 'e_hidden_wordpress_widgets',
310 + 'title' => esc_html__( 'Hide native WordPress widgets from search results', 'elementor' ),
311 + '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' ),
312 + 'release_status' => self::RELEASE_STATUS_BETA,
388 313 'default' => self::STATE_ACTIVE,
389 - 'type' => self::TYPE_HIDDEN,
390 314 ] );
391 315 }
392 316
393 317 /**
@@ -414,8 +338,9 @@
414 338 $this->release_statuses = [
415 339 self::RELEASE_STATUS_DEV => esc_html__( 'Development', 'elementor' ),
416 340 self::RELEASE_STATUS_ALPHA => esc_html__( 'Alpha', 'elementor' ),
417 341 self::RELEASE_STATUS_BETA => esc_html__( 'Beta', 'elementor' ),
342 + self::RELEASE_STATUS_RC => esc_html__( 'Release Candidate', 'elementor' ),
418 343 self::RELEASE_STATUS_STABLE => esc_html__( 'Stable', 'elementor' ),
419 344 ];
420 345 }
421 346
@@ -439,8 +364,9 @@
439 364 * @param Settings $settings
440 365 *
441 366 * @since 3.1.0
442 367 * @access private
368 + *
443 369 */
444 370 private function register_settings_fields( Settings $settings ) {
445 371 $features = $this->get_features();
446 372
@@ -446,13 +372,9 @@
446 372
447 373 $fields = [];
448 374
449 375 foreach ( $features as $feature_name => $feature ) {
450 - $is_hidden = $feature[ static::TYPE_HIDDEN ];
451 - $is_mutable = $feature['mutable'];
452 - $should_hide_experiment = ! $is_mutable || ( $is_hidden && ! $this->should_show_hidden() ) || $this->has_non_existing_dependency( $feature );
453 -
454 - if ( $should_hide_experiment ) {
376 + if ( ! $feature['mutable'] ) {
455 377 unset( $features[ $feature_name ] );
456 378
457 379 continue;
458 380 }
@@ -487,9 +409,9 @@
487 409 }
488 410
489 411 $settings->add_tab(
490 412 'experiments', [
491 - 'label' => esc_html__( 'Features', 'elementor' ),
413 + 'label' => esc_html__( 'Experiments', 'elementor' ),
492 414 'sections' => [
493 415 'ongoing_experiments' => [
494 416 'callback' => function() {
495 417 $this->render_settings_intro();
@@ -524,34 +446,36 @@
524 446 */
525 447 private function render_settings_intro() {
526 448 ?>
527 449 <h2>
528 - <?php echo esc_html__( 'Experiments and Features', 'elementor' ); ?>
450 + <?php echo esc_html__( 'Elementor Experiments', 'elementor' ); ?>
529 451 </h2>
530 452 <p class="e-experiment__description">
531 453 <?php
532 - printf(
533 - /* translators: %1$s Link open tag, %2$s: Link close tag. */
534 - 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' ),
535 - '<a href="https://go.elementor.com/wp-dash-experiments-report-an-issue/" target="_blank">',
536 - '</a>'
537 - );
454 + printf(
455 + /* translators: %1$s Link open tag, %2$s: Link close tag. */
456 + 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' ),
457 + '<a href="https://go.elementor.com/wp-dash-experiments/" target="_blank">',
458 + '</a>'
459 + );
538 460 ?>
539 461 </p>
540 462 <p class="e-experiment__description">
463 + <?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' ); ?>
464 + </p>
465 + <p class="e-experiment__description">
541 466 <?php
542 - printf(
543 - '%1$s <a href="https://go.elementor.com/wp-dash-experiments/" target="_blank">%2$s</a>',
544 - 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' ),
545 - esc_html__( 'Learn more', 'elementor' ),
546 - );
467 + printf(
468 + /* translators: %1$s Link open tag, %2$s: Link close tag. */
469 + esc_html__( 'Your feedback is important - %1$shelp us%2$s improve these features by sharing your thoughts and inputs.', 'elementor' ),
470 + '<a href="https://go.elementor.com/wp-dash-experiments-report-an-issue/" target="_blank">',
471 + '</a>'
472 + );
547 473 ?>
548 474 </p>
549 -
550 475 <?php if ( $this->get_features() ) { ?>
551 - <button type="button" class="button e-experiment__button" value="active"><?php echo esc_html__( 'Activate All', 'elementor' ); ?></button>
552 - <button type="button" class="button e-experiment__button" value="inactive"><?php echo esc_html__( 'Deactivate All', 'elementor' ); ?></button>
553 - <button type="button" class="button e-experiment__button" value="default"><?php echo esc_html__( 'Back to default', 'elementor' ); ?></button>
476 + <button type="button" class="button e-experiment__button" value="active">Activate All Experiments</button>
477 + <button type="button" class="button e-experiment__button" value="inactive">Deactivate All Experiments</button>
554 478 <?php } ?>
555 479 <hr>
556 480 <h2 class="e-experiment__table-title">
557 481 <?php echo esc_html__( 'Ongoing Experiments', 'elementor' ); ?>
@@ -567,78 +491,25 @@
567 491 *
568 492 * @param array $feature
569 493 */
570 494 private function render_feature_settings_field( array $feature ) {
571 - $control_id = 'e-experiment-' . $feature['name'];
572 - $control_name = $this->get_feature_option_key( $feature['name'] );
573 -
574 - $status = sprintf(
575 - /* translators: %s Release status. */
576 - esc_html__( 'Status: %s', 'elementor' ),
577 - $this->release_statuses[ $feature['release_status'] ]
578 - );
579 -
580 495 ?>
581 496 <div class="e-experiment__content">
582 - <select class="e-experiment__select"
583 - id="<?php echo esc_attr( $control_id ); ?>"
584 - name="<?php echo esc_attr( $control_name ); ?>"
585 - data-experiment-id="<?php echo esc_attr( $feature['name'] ); ?>"
586 - >
497 + <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'] ); ?>">
587 498 <?php foreach ( $this->states as $state_key => $state_title ) { ?>
588 - <option value="<?php echo esc_attr( $state_key ); ?>"
589 - <?php selected( $state_key, $feature['state'] ); ?>
590 - >
591 - <?php echo esc_html( $state_title ); ?>
592 - </option>
499 + <option value="<?php echo $state_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" <?php selected( $state_key, $feature['state'] ); ?>><?php echo $state_title; ?></option>
593 500 <?php } ?>
594 501 </select>
595 -
596 - <p class="description">
597 - <?php Utils::print_unescaped_internal_string( $feature['description'] ); ?>
598 - </p>
599 -
600 - <?php $this->render_feature_dependency( $feature ); ?>
601 -
502 + <p class="description"><?php echo $feature['description']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
602 503 <?php if ( 'stable' !== $feature['release_status'] ) { ?>
603 - <div class="e-experiment__status">
604 - <?php echo esc_html( $status ); ?>
605 - </div>
504 + <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>
606 505 <?php } ?>
607 506 </div>
608 507 <?php
609 508 }
610 509
611 - private function render_feature_dependency( $feature ) {
612 - $dependencies = ( new Collection( $feature['dependencies'] ?? [] ) )
613 - ->map( function ( $dependency ) {
614 - return $dependency->get_title();
615 - } )
616 - ->implode( ', ' );
617 -
618 - if ( empty( $dependencies ) ) {
619 - return;
620 - }
621 -
622 - ?>
623 - <div class="e-experiment__dependency">
624 - <strong class="e-experiment__dependency__title"><?php echo esc_html__( 'Requires', 'elementor' ); ?>:</strong>
625 - <span><?php echo esc_html( $dependencies ); ?></span>
626 - </div>
627 - <?php
628 - }
629 -
630 - private function has_non_existing_dependency( $feature ) {
631 - $non_existing_dep = ( new Collection( $feature['dependencies'] ?? [] ) )
632 - ->find( function ( $dependency ) {
633 - return $dependency instanceof Non_Existing_Dependency;
634 - } );
635 -
636 - return (bool) $non_existing_dep;
637 - }
638 -
639 510 /**
640 - * Get Feature Settings Label HTML.
511 + * Get Feature Settings Label HTML
641 512 *
642 513 * @since 3.1.0
643 514 * @access private
644 515 *
@@ -662,17 +533,8 @@
662 533 ?>
663 534 <div class="e-experiment__title">
664 535 <div class="<?php echo $indicator_classes; ?>" data-tooltip="<?php echo $indicator_tooltip; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>"></div>
665 536 <label class="e-experiment__title__label" for="e-experiment-<?php echo $feature['name']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>"><?php echo $feature['title']; ?></label>
666 - <?php foreach ( $feature['tags'] as $tag ) { ?>
667 - <?php
668 - $tag_classes = 'e-experiment__title__tag e-experiment__title__tag__' . $tag['type'] . ' e-editor-one';
669 - ?>
670 - <span class="<?php echo esc_attr( $tag_classes ); ?>"><?php echo $tag['label']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
671 - <?php } ?>
672 - <?php if ( $feature['deprecated'] ) { ?>
673 - <span class="e-experiment__title__tag e-experiment__title__tag__deprecated"><?php echo esc_html__( 'Deprecated', 'elementor' ); ?></span>
674 - <?php } ?>
675 537 </div>
676 538 <?php
677 539
678 540 return ob_get_clean();
@@ -723,9 +585,9 @@
723 585 *
724 586 * @return string
725 587 */
726 588 private function get_feature_actual_state( array $feature ) {
727 - if ( ! empty( $feature['state'] ) && self::STATE_DEFAULT !== $feature['state'] ) {
589 + if ( self::STATE_DEFAULT !== $feature['state'] ) {
728 590 return $feature['state'];
729 591 }
730 592
731 593 return $feature['default'];
@@ -736,181 +598,31 @@
736 598 *
737 599 * @since 3.1.0
738 600 * @access private
739 601 *
740 - * @param array $old_feature_data
602 + * @param array $old_feature_data
741 603 * @param string $new_state
742 - * @param string $old_state
743 604 */
744 - private function on_feature_state_change( array $old_feature_data, $new_state, $old_state ) {
745 - $new_feature_data = $this->get_features( $old_feature_data['name'] );
746 - $this->validate_dependency( $new_feature_data, $new_state );
605 + private function on_feature_state_change( array $old_feature_data, $new_state ) {
747 606 $this->features[ $old_feature_data['name'] ]['state'] = $new_state;
748 - if ( $old_state === $new_state ) {
749 - return;
750 - }
751 607
752 - Plugin::$instance->files_manager->clear_cache();
753 - if ( $new_feature_data['on_state_change'] ) {
754 - $new_feature_data['on_state_change']( $old_state, $new_state );
755 - }
608 + $new_feature_data = $this->get_features( $old_feature_data['name'] );
756 609
757 - do_action( 'elementor/experiments/feature-state-change/' . $old_feature_data['name'], $old_state, $new_state );
758 - }
610 + $actual_old_state = $this->get_feature_actual_state( $old_feature_data );
759 611
760 - /**
761 - * @throws Exceptions\Dependency_Exception If the feature dependency is not available or not active.
762 - */
763 - private function validate_dependency( array $feature, $new_state ) {
764 - $rollback = function ( $feature_option_key, $state ) {
765 - remove_all_actions( 'add_option_' . $feature_option_key );
766 - remove_all_actions( 'update_option_' . $feature_option_key );
612 + $actual_new_state = $this->get_feature_actual_state( $new_feature_data );
767 613
768 - update_option( $feature_option_key, $state );
769 - };
770 -
771 - if ( self::STATE_DEFAULT === $new_state ) {
772 - $new_state = $this->get_feature_actual_state( $feature );
614 + if ( $actual_old_state === $actual_new_state ) {
615 + return;
773 616 }
774 617
775 - $feature_option_key = $this->get_feature_option_key( $feature['name'] );
618 + Plugin::$instance->files_manager->clear_cache();
776 619
777 - if ( self::STATE_ACTIVE === $new_state ) {
778 - if ( empty( $feature['dependencies'] ) ) {
779 - return;
780 - }
781 -
782 - // Validate if the current feature dependency is available.
783 - foreach ( $feature['dependencies'] as $dependency ) {
784 - $dependency_feature = $this->get_features( $dependency->get_name() );
785 -
786 - if ( ! $dependency_feature ) {
787 - $rollback( $feature_option_key, self::STATE_INACTIVE );
788 -
789 - throw new Exceptions\Dependency_Exception(
790 - sprintf(
791 - 'The feature `%s` has a dependency `%s` that is not available.',
792 - esc_html( $feature['name'] ),
793 - esc_html( $dependency->get_name() )
794 - )
795 - );
796 - }
797 -
798 - $dependency_state = $this->get_feature_actual_state( $dependency_feature );
799 -
800 - // If dependency is not active.
801 - if ( self::STATE_INACTIVE === $dependency_state ) {
802 - $rollback( $feature_option_key, self::STATE_INACTIVE );
803 -
804 - throw new Exceptions\Dependency_Exception(
805 - sprintf(
806 - 'To turn on `%1$s`, Experiment: `%2$s` activity is required!',
807 - esc_html( $feature['name'] ),
808 - esc_html( $dependency_feature['name'] )
809 - )
810 - );
811 - }
812 - }
813 - } elseif ( self::STATE_INACTIVE === $new_state ) {
814 - // Make sure to deactivate a dependant experiment of the current feature when it's deactivated.
815 - foreach ( $this->get_features() as $current_feature ) {
816 - if ( empty( $current_feature['dependencies'] ) ) {
817 - continue;
818 - }
819 -
820 - $current_feature_state = $this->get_feature_actual_state( $current_feature );
821 -
822 - foreach ( $current_feature['dependencies'] as $dependency ) {
823 - if ( self::STATE_ACTIVE === $current_feature_state && $feature['name'] === $dependency->get_name() ) {
824 - update_option( $this->get_feature_option_key( $current_feature['name'] ), static::STATE_INACTIVE );
825 - }
826 - }
827 - }
620 + if ( $new_feature_data['on_state_change'] ) {
621 + $new_feature_data['on_state_change']( $actual_old_state, $actual_new_state );
828 622 }
829 623 }
830 624
831 - private function should_show_hidden() {
832 - return defined( 'ELEMENTOR_SHOW_HIDDEN_EXPERIMENTS' ) && ELEMENTOR_SHOW_HIDDEN_EXPERIMENTS;
833 - }
834 -
835 - private function create_dependency_class( $dependency_name, $dependency_args ) {
836 - if ( class_exists( $dependency_name ) ) {
837 - return $dependency_name::instance();
838 - }
839 -
840 - if ( ! empty( $dependency_args ) ) {
841 - return new Wrap_Core_Dependency( $dependency_args );
842 - }
843 -
844 - return new Non_Existing_Dependency( $dependency_name );
845 - }
846 -
847 - /**
848 - * The experiments page is a WordPress options page, which means all the experiments are registered via WordPress' register_settings(),
849 - * and their states are being sent in the POST request when saving.
850 - * The options are being updated in a chronological order based on the POST data.
851 - * This behavior interferes with the experiments dependency mechanism because the data that's being sent can be in any order,
852 - * while the dependencies mechanism expects it to be in a specific order (dependencies should be activated before their dependents can).
853 - * In order to solve this issue, we sort the experiments in the POST data based on their dependencies tree.
854 - *
855 - * @param array $allowed_options
856 - */
857 - private function sort_allowed_options_by_dependencies( $allowed_options ) {
858 - if ( ! isset( $allowed_options['elementor'] ) ) {
859 - return $allowed_options;
860 - }
861 -
862 - $sorted = Collection::make();
863 - $visited = Collection::make();
864 -
865 - $sort = function ( $item ) use ( &$sort, $sorted, $visited ) {
866 - if ( $visited->contains( $item ) ) {
867 - return;
868 - }
869 -
870 - $visited->push( $item );
871 -
872 - $feature = $this->get_features( $item );
873 -
874 - if ( ! $feature ) {
875 - return;
876 - }
877 -
878 - foreach ( $feature['dependencies'] ?? [] as $dep ) {
879 - $name = is_string( $dep ) ? $dep : $dep->get_name();
880 -
881 - $sort( $name );
882 - }
883 -
884 - $sorted->push( $item );
885 - };
886 -
887 - foreach ( $allowed_options['elementor'] as $option ) {
888 - $is_experiment_option = strpos( $option, static::OPTION_PREFIX ) === 0;
889 -
890 - if ( ! $is_experiment_option ) {
891 - continue;
892 - }
893 -
894 - $sort(
895 - str_replace( static::OPTION_PREFIX, '', $option )
896 - );
897 - }
898 -
899 - $allowed_options['elementor'] = Collection::make( $allowed_options['elementor'] )
900 - ->filter( function ( $option ) {
901 - return 0 !== strpos( $option, static::OPTION_PREFIX );
902 - } )
903 - ->merge(
904 - $sorted->map( function ( $item ) {
905 - return static::OPTION_PREFIX . $item;
906 - } )
907 - )
908 - ->values();
909 -
910 - return $allowed_options;
911 - }
912 -
913 625 public function __construct() {
914 626 $this->init_states();
915 627
916 628 $this->init_release_statuses();
@@ -931,124 +643,7 @@
931 643
932 644 add_action( "elementor/admin/after_create_settings/{$page_id}", function( Settings $settings ) {
933 645 $this->register_settings_fields( $settings );
934 646 }, 11 );
935 -
936 - add_filter( 'allowed_options', function ( $allowed_options ) {
937 - return $this->sort_allowed_options_by_dependencies( $allowed_options );
938 - }, 11 );
939 647 }
940 -
941 - // Register CLI commands.
942 - if ( Utils::is_wp_cli() ) {
943 - \WP_CLI::add_command( 'elementor experiments', WP_CLI::class );
944 - }
945 - }
946 -
947 - /**
948 - * @param array $experimental_data
949 - * @return array
950 - *
951 - * @throws Exceptions\Dependency_Exception If the feature dependency is not initialized or depends on a hidden experiment.
952 - */
953 - private function initialize_feature_dependencies( array $experimental_data ): array {
954 - foreach ( $experimental_data['dependencies'] as $key => $dependency ) {
955 - $feature = $this->get_features( $dependency );
956 -
957 - if ( ! isset( $feature ) ) {
958 - // since we must validate the state of each dependency, we have to make sure that dependencies are initialized in the correct order, otherwise, error.
959 - throw new Exceptions\Dependency_Exception(
960 - sprintf(
961 - 'Feature %s cannot be initialized before dependency feature: %s.',
962 - esc_html( $experimental_data['name'] ),
963 - esc_html( $dependency )
964 - )
965 - );
966 - }
967 -
968 - if ( ! empty( $feature[ static::TYPE_HIDDEN ] ) ) {
969 - throw new Exceptions\Dependency_Exception( 'Depending on a hidden experiment is not allowed.' );
970 - }
971 -
972 - $experimental_data['dependencies'][ $key ] = $this->create_dependency_class( $dependency, $feature );
973 - $experimental_data = $this->set_feature_default_state_to_match_dependencies( $feature, $experimental_data );
974 - }
975 -
976 - return $experimental_data;
977 - }
978 -
979 - /**
980 - * @param array $feature
981 - * @param array $experimental_data
982 - * @return array
983 - *
984 - * we must validate the state:
985 - * * A user can set a dependant feature to inactive and in upgrade we don't change users settings.
986 - * * A developer can set the default state to be invalid (e.g. dependant feature is inactive).
987 - * if one of the dependencies is inactive, the main feature should be inactive as well.
988 - */
989 - private function set_feature_default_state_to_match_dependencies( array $feature, array $experimental_data ): array {
990 - if ( self::STATE_INACTIVE !== $this->get_feature_actual_state( $feature ) ) {
991 - return $experimental_data;
992 - }
993 -
994 - if ( self::STATE_ACTIVE === $experimental_data['state'] ) {
995 - $experimental_data['state'] = self::STATE_INACTIVE;
996 - } elseif ( self::STATE_DEFAULT === $experimental_data['state'] ) {
997 - $experimental_data['default'] = self::STATE_INACTIVE;
998 - }
999 -
1000 - return $experimental_data;
1001 - }
1002 -
1003 - /**
1004 - * @param array $new_site
1005 - * @param array $experimental_data
1006 - * @return array
1007 - */
1008 - private function set_new_site_default_state( $new_site, array $experimental_data ): array {
1009 - if ( ! $this->install_compare( $new_site['minimum_installation_version'] ) ) {
1010 - return $experimental_data;
1011 - }
1012 -
1013 - if ( $new_site['always_active'] ) {
1014 - $experimental_data['state'] = self::STATE_ACTIVE;
1015 - $experimental_data['mutable'] = false;
1016 - } elseif ( $new_site['default_active'] ) {
1017 - $experimental_data['default'] = self::STATE_ACTIVE;
1018 - } elseif ( $new_site['default_inactive'] ) {
1019 - $experimental_data['default'] = self::STATE_INACTIVE;
1020 - }
1021 -
1022 - return $experimental_data;
1023 - }
1024 -
1025 - /**
1026 - * @param array $options
1027 - * @return array
1028 - */
1029 - private function set_feature_initial_options( array $options ): array {
1030 - $default_experimental_data = [
1031 - 'tag' => '', // Deprecated, use 'tags' instead.
1032 - 'tags' => [],
1033 - 'description' => '',
1034 - 'release_status' => self::RELEASE_STATUS_ALPHA,
1035 - 'default' => self::STATE_INACTIVE,
1036 - 'mutable' => true,
1037 - static::TYPE_HIDDEN => false,
1038 - 'new_site' => [
1039 - 'always_active' => false,
1040 - 'default_active' => false,
1041 - 'default_inactive' => false,
1042 - 'minimum_installation_version' => null,
1043 - ],
1044 - 'on_state_change' => null,
1045 - 'generator_tag' => false,
1046 - 'deprecated' => false,
1047 - ];
1048 -
1049 - $allowed_options = [ 'name', 'title', 'tag', 'tags', 'description', 'release_status', 'default', 'mutable', static::TYPE_HIDDEN, 'new_site', 'on_state_change', 'dependencies', 'generator_tag', 'messages', 'deprecated' ];
1050 - $experimental_data = $this->merge_properties( $default_experimental_data, $options, $allowed_options );
1051 -
1052 - return $this->unify_feature_tags( $experimental_data );
1053 648 }
1054 649 }