feature: this adds the vite integrity plugin to support assetsAreCurr…

…ent check
laravel · Apr 13, 2024 · 3d38686 · 3d38686
1 parent 3c6661d
commit 3d38686
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
         "sass": "^1.74.1",
         "sql-formatter": "^4.0.2",
         "vite": "^5.2.8",
+        "vite-plugin-manifest-sri": "^0.2.0",
         "vue": "^2.7.16",
         "vue-json-pretty": "^1.9.5",
         "vue-router": "^3.6.5"

diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
@@ -1,8 +1,20 @@
 @php
 use Illuminate\Support\Facades\Vite;
+use Illuminate\Foundation\Vite as ViteFoundation;
+
+$viteDataSchemaLight = new ViteFoundation();
+$viteDataSchemaLight->useStyleTagAttributes([
+'data-schema' => 'light',
+]);
+
+$viteDataSchemaDark = new ViteFoundation();
+$viteDataSchemaDark->useStyleTagAttributes([
+'data-schema' => 'dark',
+]);
 @endphp
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <!-- Meta Information -->
     <meta charset="utf-8">
@@ -16,10 +28,8 @@
     <link rel="preconnect" href="https://fonts.bunny.net">
     <link href="https://fonts.bunny.net/css?family=figtree:300,400,500,600" rel="stylesheet" />
 
-    <link rel="preload" as="style" href="{{ Vite::asset('resources/sass/styles.scss', 'vendor/horizon') }}" data-scheme="light" />
-    <link rel="stylesheet" href="{{ Vite::asset('resources/sass/styles.scss', 'vendor/horizon') }}" data-scheme="light" />
-    <link rel="preload" as="style" href="{{ Vite::asset('resources/sass/styles-dark.scss', 'vendor/horizon') }}" data-scheme="dark" />
-    <link rel="stylesheet" href="{{ Vite::asset('resources/sass/styles-dark.scss', 'vendor/horizon') }}" data-scheme="dark" />
+    {{ $viteDataSchemaLight('resources/sass/styles.scss', 'vendor/horizon') }}
+    {{ $viteDataSchemaDark('resources/sass/styles-dark.scss', 'vendor/horizon') }}
 </head>
 <body>
 <div id="horizon" v-cloak>
@@ -147,6 +157,6 @@
     window.Horizon = @json($horizonScriptVariables);
 </script>
 
-    @vite('resources/js/app.js', 'vendor/horizon')
+@vite('resources/js/app.js', 'vendor/horizon')
 </body>
 </html>
diff --git a/vite.config.mjs b/vite.config.mjs
@@ -1,6 +1,7 @@
 import vue2 from "@vitejs/plugin-vue2";
 import { defineConfig } from "vite";
 import laravel from "laravel-vite-plugin";
+import manifestSRI from "vite-plugin-manifest-sri";
 
 const config = defineConfig({
     plugins: [
@@ -10,6 +11,7 @@ const config = defineConfig({
             "resources/js/app.js",
         ]),
         vue2(),
+        manifestSRI(),
     ],
     resolve: {
         alias: {