Improve performance by disabling custom search requests when native search is enabled

Author: eddiesigner

assets/js/app.js

@@ -75,7 +75,7 @@
     {{!-- This #block helper will inject a stylesheet for a specific page --}}
     {{{block "styles"}}}
 
-    {{!-- This #block helper will pull data from the hero partial 
+    {{!-- This #block helper will pull data from the hero partial
     to inject styles of the hero image to make it responsive --}}
     {{{block "herobackground"}}}
 
@@ -96,6 +96,12 @@
       // @license-end
     </script>
 
+    {{#if @custom.enable_native_search}}
+      <script>
+        const nativeSearchEnabled = true
+      </script>
+    {{/if}}
+
     {{#if @custom.search_api_key}}
       <script>
         const ghostSearchApiKey = "{{@custom.search_api_key}}"
@@ -129,7 +135,9 @@
     {{{body}}}
 
     {{!-- Search form --}}
-    {{> search}}
+    {{^if @custom.enable_native_search}}
+      {{> search}}
+    {{/if}}
 
     {{!-- The footer --}}
     {{> footer}}

default.hbs

@@ -87,5 +87,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "2.1.1"
+  "version": "2.1.2"
 }

package.json

@@ -2,7 +2,7 @@ version: "3"
 
 services:
   ghost:
-    image: ghost:5.22.1
+    image: ghost:5.22.10
     container_name: ghost
     volumes:
       - ./..:/var/lib/ghost/content/themes/liebling:Z

src/docker-compose.yml

@@ -66,7 +66,7 @@ $(() => {
   };
 
   const trySearchFeature = () => {
-    if (typeof ghostSearchApiKey !== 'undefined') {
+    if (typeof ghostSearchApiKey !== 'undefined' && typeof nativeSearchEnabled === 'undefined') {
       getAllPosts(ghostHost, ghostSearchApiKey);
     } else {
       $openSearch.css('visibility', 'hidden');