Dashboard v3/onboard fixing

.github/rapidload.code-workspace

@@ -0,0 +1,17 @@
+{
+	"folders": [
+		{
+			"name": "royal-elementor-kit",
+			"path": "../../../themes/royal-elementor-kit"
+		},
+		{
+			"name": "autoptimize-unusedcss",
+			"path": ".."
+		},
+		{
+			"name": "rapidload-api",
+			"path": "../../../../../../../../Projects/rapidload/rapidload-api"
+		}
+	],
+	"settings": {}
+}

assets/css/uucss_global.css

@@ -1032,4 +1032,25 @@ a.toplevel_page_rapidload img{
 
 #wp-admin-bar-rapidload .rl-icon img{
     width: 16px;
+}
+
+body.rl-page-optimizer-loaded #wpbody-content>.notice{
+    display:none!important;
+}
+
+#wpadminbar .rl-input-wrapper-test-mode {
+    margin-left: 3px;
+    background-color: #ffaa34;
+    width: 69px;
+    border-radius: 5px;
+    margin-top: 4px;
+    max-height: 17px;
+    display: flex;
+    justify-content: center;
+    padding: 3px;
+}
+
+#wpadminbar .rl-input-test-mode{
+    line-height: 18px;
+    font-size: 13px;
 }

assets/js/rapidload-diagnose-script.js

@@ -0,0 +1,265 @@
+(function (){
+
+    window.diagnose_data = {
+        cache: {
+            status: false,
+            key: 'uucss_enable_cache',
+        },
+        cpcss: {
+            status: false,
+            key: 'uucss_enable_cpcss',
+        },
+        uucss: {
+            non_optimized_css: [],
+            key: 'uucss_enable_uucss',
+        },
+        css_minify: {
+            non_minified_css: []    ,
+            key: 'uucss_minify',
+        },
+        js_minify: {
+            non_minified_js: [],
+            key: 'minify_js',
+        },
+        js_defer: {
+            non_deferred_js: [],
+            key: 'uucss_load_js_method',
+        },
+        js_delay: {
+            non_delayed_js: [],
+            key: 'delay_javascript',
+        },
+        cdn: {
+            status: false,
+            key: 'uucss_enable_cdn',
+        },
+        images: {
+            optimized_images: [],
+            redirected_images: [],
+            non_handled_images: [],
+            key: 'uucss_image_optimization',
+        },
+    };
+
+    function is_rapidload_preview() {
+        const urlParams = new URLSearchParams(window.location.search);
+        const params = [];
+        urlParams.forEach((value, key) => {
+            params.push(key)
+        });
+        return params.includes("rapidload_preview");
+    }
+
+    document.addEventListener('DOMContentLoaded', function (){
+        if (is_rapidload_preview()) {
+
+            // check cache served
+            const rapidload_cache_status_div_content = document.querySelector('#rapidload-cache-status');
+
+            if (rapidload_cache_status_div_content) {
+                window.diagnose_data.cache.status = true;
+            }else{
+                window.diagnose_data.cache.status = false;
+            }
+
+            // check cpcss
+
+            const rapidload_cpcss_style_content = document.querySelector('#rapidload-critical-css');
+
+            if(rapidload_cpcss_style_content){
+                window.diagnose_data.cpcss.status = true;
+            }else{
+                window.diagnose_data.cpcss.status = false;
+            }
+
+            // check uucss
+
+            const allStylesheets = document.querySelectorAll('link[type="text/css"]');
+            const nonOptimizedStylesheets = Array.from(allStylesheets).filter(sheet => !sheet.hasAttribute('data-rpd-uucss'));
+
+            if(nonOptimizedStylesheets.length > 0) {
+                window.diagnose_data.uucss.non_optimized_css = nonOptimizedStylesheets.map(sheet => sheet.href);
+            }else{
+                window.diagnose_data.uucss.non_optimized_css = [];
+            }
+
+            // check minify
+
+            const nonMinifiedStylesheets = Array.from(allStylesheets).filter(sheet => {
+                const href = sheet.href || '';
+                return !sheet.hasAttribute('data-rpd-minify') && !href.toString().includes('.min.css');
+            });
+
+            if(nonMinifiedStylesheets.length > 0) {
+                window.diagnose_data.css_minify.non_minified_css = nonMinifiedStylesheets.map(sheet => sheet.href);
+            }else{
+                window.diagnose_data.css_minify.non_minified_css = [];
+            }
+
+            // check js minify
+
+            const allScripts = document.querySelectorAll('script[src]');
+            const nonMinifiedScripts = Array.from(allScripts).filter(script => {
+                const src = script.src || '';
+                return !script.hasAttribute('data-rpd-minify-js') && !src.toString().includes('.min.js');
+            });
+
+            if(nonMinifiedScripts.length > 0) {
+                window.diagnose_data.js_minify.non_minified_js = nonMinifiedScripts.map(script => script.src);
+            }else{
+                window.diagnose_data.js_minify.non_minified_js = [];
+            }
+
+            // check non-deferred scripts
+
+            const nonDeferredScripts = Array.from(allScripts).filter(script => {
+                return !script.hasAttribute('data-rpd-strategy') && !script.hasAttribute('defer');
+            });
+
+            if(nonDeferredScripts.length > 0) {
+                window.diagnose_data.js_defer.non_deferred_js = nonDeferredScripts.map(script => script.src);
+            }else{
+                window.diagnose_data.js_defer.non_deferred_js = [];
+            }
+
+            // check non-delayed scripts
+            const nonDelayedScripts = Array.from(allScripts).filter(script => {
+                return !script.hasAttribute('data-rpd-strategy') || script.getAttribute('data-rpd-strategy') !== 'delay';
+            });
+
+            if(nonDelayedScripts.length > 0) {
+                window.diagnose_data.js_delay.non_delayed_js = nonDelayedScripts.map(script => script.src);
+            }else{
+                window.diagnose_data.js_delay.non_delayed_js = [];
+            }
+
+            // check cdn
+
+            const preconnectLink = document.querySelector('link[rel="preconnect"][crossorigin][href*=".rapidload-cdn.io"]');
+            if(preconnectLink) {
+                window.diagnose_data.cdn.status = true;
+            }else{
+                window.diagnose_data.cdn.status = false;
+            }
+
+            // check image optimization
+
+            // Create observer to track image loads
+            const imageObserver = new PerformanceObserver((list) => {
+                list.getEntries().forEach((entry) => {
+                    if (entry.initiatorType === 'img') {
+                        processImage(entry.name.toString());
+                    } else if (entry.initiatorType === 'css' && entry.name.match(/\.(jpg|jpeg|png|gif|webp)$/i)) {
+                        processImage(entry.name.toString());
+                    }
+                });
+            });
+
+            imageObserver.observe({
+                entryTypes: ['resource']
+            });
+
+            // Process existing images
+            /*document.querySelectorAll('img').forEach(img => {
+                processImage(img);
+            });*/
+
+            function processImage(img) {
+                const imageUrl = img;
+
+                if (window.diagnose_data.images.non_handled_images.includes(imageUrl) || 
+                    window.diagnose_data.images.optimized_images.includes(imageUrl)) {
+                    return;
+                }
+
+                if (!imageUrl.includes('images.rapidload-cdn.io')) {
+                    if (!window.diagnose_data.images.non_handled_images.includes(imageUrl)) {
+                        window.diagnose_data.images.non_handled_images.push(imageUrl);
+                    }
+                } else {
+                    if (!window.diagnose_data.images.optimized_images.includes(imageUrl)) {
+                        window.diagnose_data.images.optimized_images.push(imageUrl);
+                    }
+                }
+            }
+        }
+
+        setTimeout(() => {
+
+            // Send AJAX request to check image optimization status
+            if (window.diagnose_data.images.optimized_images.length > 0) {
+                fetch(rapidload_diagnose_tool.ajaxurl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/x-www-form-urlencoded',
+                    },
+                    body: new URLSearchParams({
+                        action: 'rapidload_image_optimization_status',
+                        image_urls: JSON.stringify(window.diagnose_data.images.optimized_images),
+                        _ajax_nonce: rapidload_diagnose_tool.nonce
+                    })
+                })
+                .then(response => response.json())
+                .then(response => {
+                    if (response.success && response.data) {
+                        response.data.forEach(image => {
+                            if (image.redirected && image.status === 307) {
+                                const index = window.diagnose_data.images.optimized_images.indexOf(image.url);
+                                if (index > -1) {
+                                    window.diagnose_data.images.optimized_images.splice(index, 1);
+                                    window.diagnose_data.images.redirected_images.push(image.url);
+                                }
+                            }
+                        });
+                    }
+                });
+            }
+
+            if (window.diagnose_data.images.optimized_images.length > 0) {
+                fetch(rapidload_diagnose_tool.ajaxurl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/x-www-form-urlencoded',
+                    },
+                    body: new URLSearchParams({
+                        action: 'rapidload_image_optimization_status',
+                        image_urls: JSON.stringify(window.diagnose_data.images.optimized_images),
+                        _ajax_nonce: rapidload_diagnose_tool.nonce
+                    })
+                })
+                .then(response => response.json())
+                .then(response => {
+                    if (response.success && response.data) {
+                        response.data.forEach(image => {
+                            if (image.redirected && image.status === 307) {
+                                const index = window.diagnose_data.images.optimized_images.indexOf(image.url);
+                                if (index > -1) {
+                                    window.diagnose_data.images.optimized_images.splice(index, 1);
+                                    window.diagnose_data.images.redirected_images.push(image.url);
+                                }
+                            }
+                        });
+                    }
+                })
+                .finally(() => {
+                    window.parent.postMessage(
+                        {
+                            type: "RAPIDLOAD_CHECK_RESULTS",
+                            data: diagnose_data,
+                        },
+                        "*"
+                    );
+                });
+            } else {
+                window.parent.postMessage(
+                    {
+                        type: "RAPIDLOAD_CHECK_RESULTS",
+                        data: diagnose_data,
+                    },
+                    "*"
+                );
+            }
+        }, 5000);
+    })
+
+})()

assets/js/rapidload.frontend.js

@@ -21,7 +21,7 @@
                 })
 
                 if (!original) {
-                    return;
+                    continue;
                 }
 
                 let link = file.cloneNode()