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