feat: add Markdown rendering mechanism for AI crawlers

.github/workflows/lighthouse.yml

@@ -29,6 +29,9 @@ jobs:
     steps:
       - name: Checkout source code
         uses: actions/checkout@v4
+
+      - name: Remove package.json
+        run: rm -f package*.json
 
       - name: Install Node.js 20.x
         uses: actions/setup-node@v4

.github/workflows/publish-packages.yml

@@ -133,7 +133,7 @@ jobs:
 
       - name: Build Packages
         working-directory: packages
-        run: npm run build
+        run: npm run build:ci
 
       - name: Publish Packages
         working-directory: packages

.grunt-config/sass.js

@@ -36,13 +36,20 @@ const sass = {
 				dest: 'assets/css/modules/container-converter',
 				ext: '.css',
 			},
-			{
-				expand: true,
-				cwd: 'modules/notes/assets/scss',
-				src: 'editor.scss',
-				dest: 'assets/css/modules/notes',
-				ext: '.css',
-			},
+		{
+			expand: true,
+			cwd: 'modules/design-system-sync/assets/scss',
+			src: 'design-system-sync.scss',
+			dest: 'assets/css/modules/design-system-sync',
+			ext: '.css',
+		},
+		{
+			expand: true,
+			cwd: 'modules/notes/assets/scss',
+			src: 'editor.scss',
+			dest: 'assets/css/modules/notes',
+			ext: '.css',
+		},
 			{
 				expand: true,
 				cwd: 'assets/dev/scss/frontend',

app/modules/e-onboarding/module.php

@@ -97,10 +97,7 @@ private function set_onboarding_settings(): void {
 			'version' => self::VERSION,
 			'restUrl' => rest_url( 'elementor/v1/e-onboarding/' ),
 			'nonce' => wp_create_nonce( 'wp_rest' ),
-			'progress' => array_merge( $progress->to_array(), [
-				'current_step_id' => $progress->get_current_step_id() ?? $steps[0]['id'] ?? 'building_for',
-				'current_step_index' => $progress->get_current_step_index() ?? 0,
-			] ),
+			'progress' => $this->validate_progress_for_steps( $progress, $steps ),
 			'choices' => $choices->to_array(),
 			'hadUnexpectedExit' => $progress->had_unexpected_exit(),
 			'isConnected' => $is_connected,
@@ -112,10 +109,32 @@ private function set_onboarding_settings(): void {
 				'dashboard' => admin_url(),
 				'editor' => admin_url( 'edit.php?post_type=elementor_library' ),
 				'connect' => $this->get_connect_url(),
+				'comparePlans' => 'https://elementor.com/pricing/?utm_source=onboarding&utm_medium=wp-dash',
+				'exploreFeatures' => 'https://elementor.com/features/?utm_source=onboarding&utm_medium=wp-dash',
+				'createNewPage' => Plugin::$instance->documents->get_create_new_post_url(),
 			],
 		] );
 	}
 
+	private function validate_progress_for_steps( User_Progress $progress, array $steps ): array {
+		$progress_data = $progress->to_array();
+		$step_count = count( $steps );
+		$current_step_index = $progress->get_current_step_index() ?? 0;
+		$current_step_id = $progress->get_current_step_id() ?? $steps[0]['id'] ?? 'building_for';
+
+		$is_invalid_step_index = $current_step_index < 0 || $current_step_index >= $step_count;
+
+		if ( $is_invalid_step_index ) {
+			$current_step_id = $steps[0]['id'];
+			$current_step_index = 0;
+		}
+
+		$progress_data['current_step_id'] = $current_step_id;
+		$progress_data['current_step_index'] = $current_step_index;
+
+		return $progress_data;
+	}
+
 	private function is_user_connected(): bool {
 		$library = $this->get_library_app();
 
@@ -250,13 +269,20 @@ private function get_steps_config(): array {
 				'label' => __( 'Start with a theme that fits your needs', 'elementor' ),
 				'type' => 'single',
 			],
-			[
+		];
+
+		if ( ! $this->is_elementor_pro_active() ) {
+			$steps[] = [
 				'id' => 'site_features',
 				'label' => __( 'What do you want to include in your site?', 'elementor' ),
 				'type' => 'multiple',
-			],
-		];
+			];
+		}
 
 		return apply_filters( 'elementor/e-onboarding/steps', $steps );
 	}
+
+	private function is_elementor_pro_active(): bool {
+		return (bool) apply_filters( 'elementor/e-onboarding/is_elementor_pro_active', Utils::has_pro() );
+	}
 }

app/modules/import-export-customization/module.php

@@ -9,6 +9,7 @@
 use Elementor\Modules\CloudKitLibrary\Module as CloudKitLibrary;
 use Elementor\Modules\GlobalClasses\Global_Classes_REST_API;
 use Elementor\Modules\System_Info\Reporters\Server;
+use Elementor\Modules\Variables\Storage\Constants;
 use Elementor\Modules\Variables\Storage\Variables_Collection;
 use Elementor\Plugin;
 use Elementor\Tools;
@@ -659,8 +660,8 @@ private function get_limits() {
 			? Global_Classes_REST_API::MAX_ITEMS
 			: 100;
 
-		$variables_limit = class_exists( Variables_Collection::class )
-			? Variables_Collection::TOTAL_VARIABLES_COUNT
+		$variables_limit = class_exists( Constants::class )
+			? Constants::TOTAL_VARIABLES_COUNT
 			: 100;
 
 		return [

app/modules/onboarding/assets/js/utils/modules/event-dispatcher.js

@@ -1,4 +1,3 @@
-import mixpanel from 'mixpanel-browser';
 
 export const ONBOARDING_EVENTS_MAP = {
 	UPGRADE_NOW_S3: 'core_onboarding_s3_upgrade_now',
@@ -46,31 +45,23 @@ export function isEventsManagerAvailable() {
 		'function' === typeof elementorCommon.eventsManager.dispatchEvent;
 }
 
-function isMixpanelInitialized() {
-	if ( 'undefined' === typeof mixpanel || ! mixpanel ) {
-		return false;
-	}
-
-	try {
-		const distinctId = mixpanel.get_distinct_id();
-		return distinctId !== undefined && distinctId !== null;
-	} catch ( error ) {
-		return false;
-	}
-}
-
 export function initializeAndEnableTracking() {
 	if ( ! isEventsManagerAvailable() ) {
 		return;
 	}
 
-	if ( ! isMixpanelInitialized() ) {
-		elementorCommon.eventsManager.initializeMixpanel();
+	if ( elementorCommon.eventsManager.trackingEnabled ) {
+		return;
 	}
 
-	if ( ! elementorCommon.eventsManager.trackingEnabled ) {
+	if ( elementorCommon.eventsManager.isMixpanelReady() ) {
 		elementorCommon.eventsManager.enableTracking();
+		return;
 	}
+
+	elementorCommon.eventsManager.initializeMixpanel(
+		() => elementorCommon.eventsManager.enableTracking(),
+	);
 }
 
 export function dispatch( eventName, payload = {} ) {

assets/dev/js/editor/components/template-library/component.js

@@ -2,6 +2,7 @@ import ComponentModalBase from 'elementor-api/modules/component-modal-base';
 import * as commands from './commands/';
 import * as commandsData from './commands-data/';
 import { SAVE_CONTEXTS } from './constants';
+import { EditorOneEventManager } from 'elementor-editor-utils/editor-one-events';
 
 const TemplateLibraryLayoutView = require( 'elementor-templates/views/library-layout' );
 
@@ -110,11 +111,17 @@ export default class Component extends ComponentModalBase {
 		const currentTab = this.tabs[ tab ];
 		const filter = currentTab.getFilter ? currentTab.getFilter() : currentTab.filter;
 
+		this.trackLibraryNavigation( tab, currentTab.title );
+
 		this.currentTab = tab;
 
 		this.manager.setScreen( filter );
 	}
 
+	trackLibraryNavigation( tab, tabTitle ) {
+		EditorOneEventManager.sendELibraryNav( tabTitle || tab );
+	}
+
 	activateTab( tab ) {
 		$e.routes.saveState( 'library' );
 
@@ -178,13 +185,28 @@ export default class Component extends ComponentModalBase {
 	// TODO: Move function to 'insert-template' command.
 	insertTemplate( args ) {
 		this.downloadTemplate( args, ( data, callbackParams ) => {
+			const model = callbackParams.model;
+			const source = model.get( 'source' ) ?? 'local';
+			const templateType = model.get( 'type' );
+			const templateTitle = model.get( 'title' );
+			const templateId = model.get( 'template_id' );
+			const baseTier = elementor.config.library_connect?.base_access_tier;
+			const templateTier = model.get( 'accessTier' );
+
 			$e.run( 'document/elements/import', {
-				model: callbackParams.model,
+				model,
 				data,
 				options: callbackParams.importOptions,
 				onAfter: () => {
 					this.manager.eventManager.sendTemplateInsertedEvent( {
-						library_type: callbackParams.model.get( 'source' ) ?? 'local',
+						library_type: source,
+					} );
+
+					EditorOneEventManager.sendELibraryInsert( {
+						assetId: templateId,
+						assetName: templateTitle,
+						libraryType: templateType || source,
+						proRequired: baseTier !== templateTier,
 					} );
 				},
 			} );

assets/dev/js/editor/components/template-library/views/template/remote.js

@@ -1,3 +1,5 @@
+import { EditorOneEventManager } from 'elementor-editor-utils/editor-one-events';
+
 var TemplateLibraryTemplateView = require( 'elementor-templates/views/template/base' ),
 	TemplateLibraryTemplateRemoteView;
 
@@ -36,6 +38,17 @@ TemplateLibraryTemplateRemoteView = TemplateLibraryTemplateView.extend( {
 
 		elementor.templates.markAsFavorite( this.model, isFavorite );
 
+		const baseTier = elementor.config.library_connect?.base_access_tier;
+		const templateTier = this.model.get( 'accessTier' );
+
+		EditorOneEventManager.sendELibraryFavorite( {
+			assetId: this.model.get( 'template_id' ),
+			assetName: this.model.get( 'title' ),
+			libraryType: this.model.get( 'type' ) || this.model.get( 'source' ),
+			isFavorite,
+			proRequired: baseTier !== templateTier,
+		} );
+
 		if ( ! isFavorite && elementor.templates.getFilter( 'favorite' ) ) {
 			elementor.channels.templates.trigger( 'filter:change' );
 		}

assets/dev/js/editor/controls/color.js

@@ -237,7 +237,7 @@ export default class extends ControlBaseDataView {
 
 		if ( v4Colors.length ) {
 			$globalPreviewItemsContainer.append(
-				this.createHeaderItemMarkup( __( 'Version 4 Variables', 'elementor' ) ),
+				this.createHeaderItemMarkup( __( 'Atomic Variables', 'elementor' ) ),
 			);
 
 			v4Colors.forEach( ( color ) => {

assets/dev/js/editor/elements/views/container/empty-component.js

@@ -1,9 +1,18 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
+import { EditorOneEventManager } from 'elementor-editor-utils/editor-one-events';
+
 export default function EmptyComponent() {
+	const handleClick = () => {
+		EditorOneEventManager.sendCanvasEmptyBoxAction( {
+			targetName: 'add_container',
+		} );
+		$e.route( 'panel/elements/categories' );
+	};
+
 	return (
 		<div className="elementor-first-add">
-			<div className="elementor-icon eicon-plus" onClick={ () => $e.route( 'panel/elements/categories' ) } />
+			<div className="elementor-icon eicon-plus" onClick={ handleClick } />
 		</div>
 	);
 }