optimize vite

Author: A1Gard

app/Console/Commands/clientAssetGenerator.php

@@ -32,8 +32,8 @@ public function handle()
 
         $vars['xshop-background'] = $gfxes['background'] ?? '#000000';
         $vars['xshop-primary'] = $gfxes['primary'] ?? '#6e0000';
-        $vars['xshop-diff'] =  getGrayscaleTextColor($gfxes['primary']) ?? '#6e0000';
-        $vars['xshop-diff2'] =  getGrayscaleTextColor($gfxes['secondary']) ?? '#6e0000';
+        $vars['xshop-diff'] = getGrayscaleTextColor($gfxes['primary']) ?? '#6e0000';
+        $vars['xshop-diff2'] = getGrayscaleTextColor($gfxes['secondary']) ?? '#6e0000';
         $vars['xshop-secondary'] = $gfxes['secondary'] ?? '#ff0000';
         $vars['xshop-text'] = $gfxes['text'] ?? '#111111';
         $vars['xshop-border-radius'] = $gfxes['border-radius'] ?? '7px';
@@ -43,21 +43,23 @@ public function handle()
         // prepare client.scss and add gfx variable
         $js = "// PLEASE DO NOT EDIT THIS FILE, \n// IF YOU WANT ADD ANY CODE CREATE NEW JS INTO client-custom \n import axios from 'axios'; \n window.axios = axios; \n \n window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';" . PHP_EOL;
         $variables = "// PLEASE DO NOT EDIT THIS FILE, \n// IF YOU WANT ADD ANY CODE CREATE NEW SCSS INTO client-custom" . PHP_EOL;
+        $appVariables = '';
         foreach ($vars as $k => $var) {
-            $variables .= '$'."$k:$var;" . PHP_EOL;
+            $appVariables .= '$' . "$k:$var;" . PHP_EOL;
         }
-        $variables .= ":root{" . PHP_EOL;
+        $appVariables .= ":root{" . PHP_EOL;
         foreach ($vars as $k => $var) {
-            $variables .= "--$k:$var;" . PHP_EOL;
+            $appVariables .= "--$k:$var;" . PHP_EOL;
         }
-        $variables .= "}" . PHP_EOL . PHP_EOL;
+        $appVariables .= "}" . PHP_EOL . PHP_EOL;
 
+        file_put_contents(resource_path() . '/sass/client-custom/_app_variables.scss', $appVariables);
         // add custom scss and js
         $files = File::allFiles(resource_path() . '/sass/client-custom');
 
         foreach ($files as $file) {
             if ($file->getType() == 'file' && $file->getExtension() == 'scss') {
-                $variables .= '@import "client-custom/' .
+                $variables .= '@use "client-custom/' .
                     substr(trim($file->getBasename(), '_'), 0, -5)
                     . '";' . PHP_EOL;
             }
@@ -74,18 +76,28 @@ public function handle()
         }
         // add parts scss & js
         foreach (Part::distinct()->get() as $part) {
-            if (filesize(__DIR__.'/../../../resources/views/segments/' . $part->segment . '/' . $part->part .'/' . $part->part . '.scss' ) > 10) {
-                $variables .= '@import "../views/segments/' . $part->segment . '/'
+            if (filesize(__DIR__ . '/../../../resources/views/segments/' . $part->segment . '/' . $part->part . '/' . $part->part . '.scss') > 10) {
+                $variables .= '@use "../views/segments/' . $part->segment . '/'
                     . $part->part . '/' . $part->part . '";' . PHP_EOL;
             }
-            if (filesize(__DIR__.'/../../../resources/views/segments/' . $part->segment . '/' . $part->part .'/' . $part->part . '.js' ) > 10){
+            if (filesize(__DIR__ . '/../../../resources/views/segments/' . $part->segment . '/' . $part->part . '/' . $part->part . '.js') > 10) {
                 $js .= 'import "../views/segments/' . $part->segment . '/'
                     . $part->part . '/' . $part->part . '.js";' . PHP_EOL;
             }
         }
 
         // save scss
-        file_put_contents(resource_path() . '/sass/client.scss', $variables);
-        file_put_contents(resource_path() . '/js/client.js', $js);
+        file_put_contents(resource_path() . '/sass/client.scss', $this->removeDuplicateLines($variables));
+        file_put_contents(resource_path() . '/js/client.js', $this->removeDuplicateLines( $js ));
+    }
+
+
+    // remove duplicate lines
+    private function removeDuplicateLines($text)
+    {
+        $lines = explode("\n", $text);
+        $uniqueLines = array_unique($lines);
+        $uniqueText = implode("\n", $uniqueLines);
+        return $uniqueText;
     }
 }

package.json

@@ -14,7 +14,8 @@
         "laravel-vite-plugin": "^1.0",
         "sass": "^1.56.1",
         "vite": "^5.0",
-        "vue": "^3.2.37"
+        "vue": "^3.2.37",
+        "path": "^0.12.7"
     },
     "dependencies": {
         "bs5-lightbox": "^1.8.3",