test option

Author: Genaker

ReactInjectPlugin.php

@@ -69,6 +69,11 @@ protected function renderAssetHtml(\Magento\Framework\View\Asset\PropertyGroup $
         $removeAdobeJSJunk = boolval($this->config->getValue('react_vue_config/junk/remove'));
         $removeCSSjunk = boolval($this->config->getValue('react_vue_config/css/remove'));
 
+        if (isset($_GET['css-test'])){
+            // Css test mode 
+            $removeCSSjunk = false;
+        }
+
         $area = $this->state->getAreaCode();
         $pageFilter = ['checkout', 'customer'];
 
@@ -96,7 +101,7 @@ protected function renderAssetHtml(\Magento\Framework\View\Asset\PropertyGroup $
             /** @var $asset \Magento\Framework\View\Asset\AssetInterface */
             // Changes Start
             $baseURL = $this->store->getStore()->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_STATIC);
-            if ($type === 'css') {
+            if ($removeCSSjunk && $type === 'css') {
                 foreach ($assets as $key => $asset) {
                     if (in_array($actionName, $this->actionFilter) && strpos($asset->getUrl(), 'styles-m')) {
                         // http://**/static/version1642788857/frontend/Magento/luma/en_US/css/styles-m.css
@@ -231,27 +236,30 @@ protected function renderAssetHtml(\Magento\Framework\View\Asset\PropertyGroup $
             $this->logger->critical($e);
             $result .= sprintf($template, $this->urlBuilder->getUrl('', ['_direct' => 'core/index/notFound']));
         }
-        // mobile CSS
-        if ($assetOptimized && !($isProduct || $isCategory)) {
-            $result = '<link  rel="stylesheet" type="text/css"  media="all" href="' . $assetOptimized . '" />' . "\n" . $result;
-        }
-        if ($assetOptimizedLarge) {
-            $result = '<link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="' . $assetOptimizedLarge . '" />' . "\n" . $result;
-        }
-        if ($assetProductOptimized && $isProduct) {
-            if (file_exists($optimisedProductCSSFileCriticalPath)) {
-                $result = '<link rel="stylesheet" type="text/css" media="all" href="' . $optimisedProductCSSFileCriticalUrl . '" />' . "\n" . $result;
-                $result = '<link rel="stylesheet" media="print" onload="this.onload=null;this.media=\'all\';"  href="' . $assetProductOptimized . '" />' . "\n" . $result;
-            } else {
-                $result = '<link  rel="stylesheet" type="text/css" media="all" href="' . $assetProductOptimized . '" />' . "\n" . $result;
+
+        if ($removeCSSjunk) {
+            // mobile CSS
+            if ($assetOptimized && !($isProduct || $isCategory)) {
+                $result = '<link  rel="stylesheet" type="text/css"  media="all" href="' . $assetOptimized . '" />' . "\n" . $result;
             }
-        }
-        if ($assetCategoryOptimized && $isCategory) {
-            if (file_exists($optimisedCategoryCSSFileCriticalPath)) {
-                $result = '<link rel="stylesheet" type="text/css" media="all" href="' . $optimisedCategoryCSSFileCriticalUrl . '" />' . "\n" . $result;
-                $result = '<link rel="stylesheet" media="print" onload="this.onload=null;this.media=\'all\';"  href="' . $assetCategoryOptimized . '" />' . "\n" . $result;
-            } else {
-                $result = '<link  rel="stylesheet" type="text/css" media="all" href="' . $assetCategoryOptimized . '" />' . "\n" . $result;
+            if ($assetOptimizedLarge) {
+                $result = '<link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="' . $assetOptimizedLarge . '" />' . "\n" . $result;
+            }
+            if ($assetProductOptimized && $isProduct) {
+                if (file_exists($optimisedProductCSSFileCriticalPath)) {
+                    $result = '<link rel="stylesheet" type="text/css" media="all" href="' . $optimisedProductCSSFileCriticalUrl . '" />' . "\n" . $result;
+                    $result = '<link rel="stylesheet" media="print" onload="this.onload=null;this.media=\'all\';"  href="' . $assetProductOptimized . '" />' . "\n" . $result;
+                } else {
+                    $result = '<link  rel="stylesheet" type="text/css" media="all" href="' . $assetProductOptimized . '" />' . "\n" . $result;
+                }
+            }
+            if ($assetCategoryOptimized && $isCategory) {
+                if (file_exists($optimisedCategoryCSSFileCriticalPath)) {
+                    $result = '<link rel="stylesheet" type="text/css" media="all" href="' . $optimisedCategoryCSSFileCriticalUrl . '" />' . "\n" . $result;
+                    $result = '<link rel="stylesheet" media="print" onload="this.onload=null;this.media=\'all\';"  href="' . $assetCategoryOptimized . '" />' . "\n" . $result;
+                } else {
+                    $result = '<link  rel="stylesheet" type="text/css" media="all" href="' . $assetCategoryOptimized . '" />' . "\n" . $result;
+                }
             }
         }
 

etc/adminhtml/system.xml

@@ -2,7 +2,7 @@
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
 	<system>
 		<tab id="react_vue" translate="label" sortOrder="999">
-			<label>ReactJS and VueJS integration</label>
+			<label>React-Luma integration</label>
 		</tab>
 		<section id="react_vue_config" sortOrder="10" showInWebsite="1" showInStore="1" showInDefault="1" translate="label">
 			<label>Configuration</label>