Migrate from Laravel Mix to Vite

app/Console/Commands/TranslationGenerateCommand.php

@@ -26,7 +26,6 @@
 namespace App\Console\Commands;
 
 use App\Console\LnmsCommand;
-use Symfony\Component\Process\Process;
 
 class TranslationGenerateCommand extends LnmsCommand
 {
@@ -37,28 +36,31 @@
      *
      * @return mixed
      */
-    public function handle()
+    public function handle(): int
     {
         \Artisan::call('vue-i18n:generate', ['--multi-locales' => 'true', '--format' => 'umd']);
 
-        $npm = new Process(['npm', 'run', 'production']);
-        $npm->run();
-
-        if ($npm->getExitCode() !== 0) {
-            // npm failed, update hashes manually
-            $this->updateManifest();
-        }
+        // update hashes manually
+        $this->updateManifest();
 
         return 0;
     }
 
-    private function updateManifest()
+    private function updateManifest(): void
     {
-        $manifest_file = public_path('mix-manifest.json');
-        $manifest = json_decode(file_get_contents($manifest_file), true);
+        $manifest_file = public_path('js/lang/manifest.json');
+
+        if (file_exists($manifest_file)) {
+            $manifest = json_decode(file_get_contents($manifest_file), true);
+        } else {
+            $manifest = [];
+        }
+
+
         foreach (glob(public_path('js/lang/*.js')) as $file) {
             $file_name = str_replace(public_path(), '', $file);
-            $manifest[$file_name] = $file_name . '?id=' . substr(md5(file_get_contents($file)), 0, 20);
+            $locale = basename(str_replace(('/js/lang/'), '', $file_name), '.js');
+            $manifest[$locale] = $file_name . '?id=' . substr(md5(file_get_contents($file)), 0, 20);
         }
 
         file_put_contents($manifest_file, json_encode($manifest, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) . PHP_EOL);

app/Providers/AppServiceProvider.php

@@ -92,6 +92,15 @@ private function bootCustomBladeDirectives(): void
         Blade::directive('graphImage', function ($vars, $flags = 0) {
             return "<?php echo \LibreNMS\Util\Graph::getImageData($vars, $flags); ?>";
         });
+
+        Blade::directive('vuei18n', function () {
+            $manifest_file = public_path('js/lang/manifest.json');
+            $manifest = is_readable($manifest_file) ? json_decode(file_get_contents($manifest_file), true) : [];
+            $locales = array_unique(['en', app()->getLocale()]);
+            $output = array_map(fn($locale) => '<script src="' . asset($manifest[$locale] ?? "/js/lang/$locale.js") . '"></script>', $locales);
+
+            return implode(PHP_EOL, $output);
+        });
     }
 
     private function configureMorphAliases()

html/build/manifest.json

@@ -0,0 +1,16 @@
+{
+  "resources/css/app.css": {
+    "file": "assets/app-Bijdu_je.css",
+    "src": "resources/css/app.css",
+    "isEntry": true
+  },
+  "resources/js/app.js": {
+    "file": "assets/app-A4obArBr.js",
+    "name": "app",
+    "src": "resources/js/app.js",
+    "isEntry": true,
+    "css": [
+      "assets/app-CrmpfpAb.css"
+    ]
+  }
+}

html/js/boot.js

@@ -22,11 +22,6 @@
  * @author     Tony Murray <[email protected]>
  */
 
-// set CSRF for jquery ajax request
-$.ajaxSetup({
-    headers:
-        { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }
-});
 
 // toastr style to match php toasts
 toastr.options = {