Merge branch 'development' of https://github.com/Codeinwp/optimole-wp into fix/e2e

Author: abaicus

.github/workflows/test-e2e.yml

@@ -38,12 +38,10 @@ jobs:
           SSH_PATH: ${{ secrets.SSH_PATH }}
         run: ./bin/run-e2e-tests.sh
       - name: Run E2E tests
-        run: npm run e2e:run
-      # Add test report artifacts
-      - name: Upload test results
-        if: always()
-        uses: actions/upload-artifact@v3
-        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 30
+        id: run_tests
+        run: |
+          npm run e2e:run
+        continue-on-error: false
+      - name: Check test results
+        if: steps.run_tests.outcome != 'success'
+        run: exit 1

CHANGELOG.md

@@ -1,3 +1,23 @@
+#### [Version 3.14.0](https://github.com/Codeinwp/optimole-wp/compare/v3.13.9...v3.14.0) (2025-02-20)
+
+#### New Features
+
+- You can now create **sub-API keys** in the Optimole dashboard to connect sites while restricting access to specific folders. Ideal for agencies and multi-site users, this feature allows **folder-level access control**.  
+- **Bulk delete assets in the Cloud Library**, including entire folders with their contents.  
+
+#### Enhancements
+
+- Added **basic previews for video and audio files** in the Optimole dashboard, now with an **asset player** in the file details modal.  
+- **Increased the maximum file upload size** in the Cloud Library to **100MB** for better support of larger media files.  
+- The **Cloud Library now remembers your last used display mode**, keeping your preferred **folder view or image gallery view** for a smoother experience.  
+- **Improved folder listing**, allowing more than **50 folders** to load dynamically for better navigation.  
+- **Optimized upload process** by uploading files faster to our cloud.
+
+#### Bug Fixes
+
+- **Fixed folder movement behavior**, preventing folders from being moved into their own subfolders.  
+- **Fixed folder creation modal layout**, ensuring button text is displayed correctly.
+
 ##### [Version 3.13.9](https://github.com/Codeinwp/optimole-wp/compare/v3.13.8...v3.13.9) (2024-11-26)
 
 - Fixes dashboard banner appearing in wrong conditions

README.md

@@ -12,7 +12,7 @@ export default function Modal({	icon, labels = {}, onRequestClose = () => {}, on
 		'bg-stale-yellow': 'warning' === variant,
 		'bg-light-blue': 'default' === variant
 	},
-	'p-3 rounded-full'
+	'p-2 rounded-full flex items-center justify-center'
 	);
 
 	const actionButtonClasses = classnames(
@@ -37,11 +37,12 @@ export default function Modal({	icon, labels = {}, onRequestClose = () => {}, on
 			/>
 
 			<div className="flex flex-col items-center">
-				<Icon
-					icon={ icon }
-					size={ 24 }
-					className={iconClasses}
-				/>
+				<span className={iconClasses}>
+					<Icon
+						icon={ icon }
+						size={ 24 }
+					/>
+				</span>
 
 				<h2
 					className="mb-0"

assets/src/dashboard/parts/components/Modal.js

@@ -6,7 +6,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { Icon } from '@wordpress/icons';
 
 import { warning, rollback as rollbackIcon, offload, warningAlt, sync } from '../../../utils/icons';
-import { callSync, checkOffloadConflicts, saveSettings } from '../../../utils/api';
+import { callSync, clearOffloadErrors, checkOffloadConflicts, saveSettings } from '../../../utils/api';
 import Notice from '../../components/Notice';
 import RadioBoxes from '../../components/RadioBoxes';
 import ProgressTile from '../../components/ProgressTile';
@@ -113,7 +113,9 @@ const OffloadMedia = ({ settings, canSave, setSettings, setCanSave }) => {
 	}, []);
 
 
-	const onOffloadMedia = ( imageIds = []) => {
+	const onOffloadMedia = async( imageIds = []) => {
+		await clearOffloadErrors();
+
 		const nextSettings = { ...settings };
 		nextSettings['show_offload_finish_notice'] = '';
 		nextSettings['offloading_status'] = 'enabled';

assets/src/dashboard/parts/connected/settings/OffloadMedia.js

@@ -592,6 +592,17 @@ export const callSync = ( data ) => {
 		});
 };
 
+export const clearOffloadErrors = async() => {
+	try {
+		return await apiFetch({
+			path: optimoleDashboardApp.routes['clear_offload_errors'],
+			method: 'GET'
+		});
+	} catch ( error ) {
+		console.log( error );
+	}
+};
+
 export const addNotice = ( text )  => {
 	createNotice(
 		'info',

assets/src/dashboard/utils/api.js

@@ -2754,4 +2754,18 @@ private function get_offloaded_attachment_url( $attachment_id, $url ) {
 
 		return $url;
 	}
+
+	/**
+	 * Cleanup the offload errors meta.
+	 */
+	public static function clear_offload_errors_meta() {
+		global $wpdb;
+
+		return $wpdb->query(
+			$wpdb->prepare(
+				"DELETE FROM {$wpdb->postmeta} WHERE meta_key = %s",
+				self::META_KEYS['offload_error']
+			)
+		);
+	}
 }

inc/media_offload.php

@@ -78,6 +78,7 @@ class Optml_Rest {
 		],
 		'media_cloud_routes' => [
 			'number_of_images_and_pages' => 'POST',
+			'clear_offload_errors' => 'GET',
 			'get_offload_conflicts' => 'GET',
 		],
 		'watermark_routes' => [
@@ -867,6 +868,19 @@ public function number_of_images_and_pages( WP_REST_Request $request ) {
 		return $this->response( Optml_Media_Offload::get_image_count( $action, $refresh, $images ) );
 	}
 
+	/**
+	 * Clear the offload errors from previous offload attempts.
+	 *
+	 * @param WP_REST_Request $request Rest request object.
+	 *
+	 * @return WP_REST_Response
+	 */
+	public function clear_offload_errors( WP_REST_Request $request ) {
+		$delete_count = Optml_Media_Offload::clear_offload_errors_meta();
+
+		return $this->response( [ 'success' => $delete_count ] );
+	}
+
 	/**
 	 * Get conflicts list.
 	 *

inc/rest.php

@@ -2,7 +2,7 @@
 /**
  * Plugin Name:       Image optimization service by Optimole
  * Description:       Complete handling of your website images.
- * Version:           3.13.9
+ * Version:           3.14.0
  * Author:            Optimole
  * Author URI:        https://optimole.com
  * License:           GPL-2.0+
@@ -89,7 +89,7 @@ function optml() {
 	}
 	define( 'OPTML_URL', plugin_dir_url( __FILE__ ) );
 	define( 'OPTML_PATH', plugin_dir_path( __FILE__ ) );
-	define( 'OPTML_VERSION', '3.13.9' );
+	define( 'OPTML_VERSION', '3.14.0' );
 	define( 'OPTML_NAMESPACE', 'optml' );
 	define( 'OPTML_BASEFILE', __FILE__ );
 	// Fallback for old PHP versions when this constant is not defined.