Improve JS loading (#335)

* Remove unused JS * Only load JS when needed * Compile Assets * Inline theme event listener --------- Co-authored-by: timacdonald <[email protected]>
laravel · Jul 10, 2024 · 22f6319 · 22f6319
1 parent 830500f
commit 22f6319
Show file tree

Hide file tree

Showing 24 changed files with 99 additions and 9,671 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,12 +11,10 @@
         "@docsearch/js": "^3.3.3",
         "alpinejs": "^3.7.1",
         "autoprefixer": "^10.4.14",
-        "babel-plugin-prismjs": "^2.0.1",
         "clipboard": "^2.0.10",
         "laravel-vite-plugin": "^0.7.6",
         "postcss": "^8.4.21",
         "postcss-import": "^14.0.0",
-        "prismjs": "^1.22.0",
         "tailwindcss": "^3.3.0",
         "vite": "^4.3.9"
     }

diff --git a/public/build/assets/accessibility-1f45336a.js b/public/build/assets/accessibility-1f45336a.js
diff --git a/public/build/assets/app-2c9b9d45.js b/public/build/assets/app-2c9b9d45.js
diff --git a/public/build/assets/app-409e9bd3.css b/public/build/assets/app-409e9bd3.css
diff --git a/public/build/assets/app-416e1687.css b/public/build/assets/app-416e1687.css
diff --git a/public/build/assets/app-f72b41bb.js b/public/build/assets/app-f72b41bb.js
diff --git a/public/build/assets/docs-59af3d22.js b/public/build/assets/docs-59af3d22.js
diff --git a/public/build/assets/docs-80215298.js b/public/build/assets/docs-80215298.js
diff --git a/public/build/manifest.json b/public/build/manifest.json
@@ -1,6 +1,6 @@
 {
   "resources/css/app.css": {
-    "file": "assets/app-409e9bd3.css",
+    "file": "assets/app-416e1687.css",
     "isEntry": true,
     "src": "resources/css/app.css"
   },
@@ -37,25 +37,13 @@
     "src": "resources/images/vacation.svg"
   },
   "resources/js/app.js": {
-    "dynamicImports": [
-      "resources/js/docs.js",
-      "resources/js/components/accessibility.js"
-    ],
-    "file": "assets/app-2c9b9d45.js",
+    "file": "assets/app-f72b41bb.js",
     "isEntry": true,
     "src": "resources/js/app.js"
   },
-  "resources/js/components/accessibility.js": {
-    "file": "assets/accessibility-1f45336a.js",
-    "isDynamicEntry": true,
-    "src": "resources/js/components/accessibility.js"
-  },
   "resources/js/docs.js": {
-    "file": "assets/docs-80215298.js",
-    "imports": [
-      "resources/js/app.js"
-    ],
-    "isDynamicEntry": true,
+    "file": "assets/docs-59af3d22.js",
+    "isEntry": true,
     "src": "resources/js/docs.js"
   }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -1,8 +1,6 @@
 import Alpine from 'alpinejs';
 import Focus from '@alpinejs/focus';
-
-import './clipboard';
-import './components/search';
+import docsearch from '@docsearch/js';
 
 import.meta.glob([
   '../images/**',
@@ -13,10 +11,12 @@ window.Alpine = Alpine;
 Alpine.plugin(Focus);
 Alpine.start();
 
-document.addEventListener('DOMContentLoaded', () => {
-    if (document.querySelector('#docsScreen')) {
-        import('./docs.js');
-    }
-
-    import('./components/accessibility');
+docsearch({
+    container: '#docsearch',
+    appId: algolia_app_id,
+    apiKey: algolia_search_key,
+    indexName: 'laravel',
+    searchParameters: {
+        facetFilters: ['version:' + window.version],
+    },
 });