Replace middleman-search with lunr with Typesense DocSearch

Signed-off-by: Takuya Noguchi <[email protected]>

Author: tnir

Gemfile

@@ -6,7 +6,6 @@ gem 'middleman', '~> 4.4'
 gem 'middleman-syntax'
 gem 'middleman-blog'
 gem 'puma', '~> 5.6'
-gem 'middleman-search', github: 'deivid-rodriguez/middleman-search', branch: 'workarea-commerce-master'
 gem 'rake'
 gem 'ronn'
 gem 'kramdown'

Gemfile.lock

@@ -1,13 +1,3 @@
-GIT
-  remote: https://github.com/deivid-rodriguez/middleman-search.git
-  revision: 50465e1c1580e282a45247b77036da3c2719870d
-  branch: workarea-commerce-master
-  specs:
-    middleman-search (0.10.0)
-      middleman-core (>= 3.2)
-      mini_racer (~> 0.5)
-      nokogiri (~> 1.6)
-
 GEM
   remote: https://rubygems.org/
   specs:
@@ -52,9 +42,6 @@ GEM
     json (2.6.2)
     kramdown (2.4.0)
       rexml
-    libv8-node (16.10.0.0)
-    libv8-node (16.10.0.0-arm64-darwin)
-    libv8-node (16.10.0.0-x86_64-linux)
     listen (3.0.8)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
@@ -101,8 +88,6 @@ GEM
       middleman-core (>= 3.2)
       rouge (~> 3.2)
     mini_portile2 (2.8.0)
-    mini_racer (0.5.0)
-      libv8-node (~> 16.10.0.0)
     minitest (5.14.4)
     mustache (1.0.5)
     nio4r (2.5.8)
@@ -193,7 +178,6 @@ DEPENDENCIES
   kramdown
   middleman (~> 4.4)
   middleman-blog
-  middleman-search!
   middleman-syntax
   nokogiri (~> 1.13)
   octokit (~> 5.1)

assets/javascripts/application.js

@@ -1,7 +1,7 @@
-import './search'
-import './search_arrows'
 import AnchorJS from 'anchor-js';
 
+import "./docsearch";
+
 const anchors = new AnchorJS();
 
 anchors.options = {

assets/javascripts/docsearch.js

@@ -0,0 +1,11 @@
+docsearch({
+  container: "#docsearch",
+  typesenseCollectionName: "bundler",
+  typesenseServerConfig: {
+    nodes: [{
+      host: "k0cw8zgj4i592lsqp-1.a1.typesense.net",
+      protocol: "https",
+    }],
+    apiKey: "kWCn88g6vUwWdBVgEPPYUP9WSIGoqljS",
+  },
+});

assets/javascripts/search.js

@@ -0,0 +1,17 @@
+.DocSearch-Hits mark {
+  padding: 0;
+}
+
+.DocSearch-Logo {
+  visibility: hidden;
+
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+:root {
+  --docsearch-logo-color: var(--bs-gray-300);
+  --docsearch-primary-color: var(--bs-primary);
+  --docsearch-searchbox-background: #DBEAF3; // .bg-light-blue and .sidebar-nav .active
+}