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 "./typesenseDocsearch";
+
 const anchors = new AnchorJS();
 
 anchors.options = {

assets/javascripts/search.js

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

assets/javascripts/search_arrows.js

@@ -31,45 +31,3 @@
 .input-search:focus {
   outline: 0;
 }
-
-.search-list-ul {
-  list-style-type: none;
-  padding-left: 0;
-  
-  hr {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  li:last-child hr {
-    height: 0;
-    border-top-color: #ffffff;
-  }
-
-  h4 {
-    padding-top: 10px;
-    margin-bottom: 0;
-  }
-
-  .active {
-    border: 2px solid #64C9EF !important;
-
-    transition-property: border-color;
-    transition-duration: 0.3s;
-    -webkit-transition-property: border-color;
-    -webkit-transition-duration: 0.3s;
-    -o-transition-property: border-color;
-    -o-transition-duration: 0.3s;
-    -moz-transition-property: border-color;
-    -moz-transition-duration: 0.3s;
-  }
-
-  .search-list-li {
-    border: 2px solid transparent;
-    padding: 2px;
-  }
-}
-
-.popover{
-  max-width: 100%; /* Max Width of the popover (depending on the container!) */
-}

assets/javascripts/typesenseDocsearch.js

@@ -48,7 +48,6 @@ $icon-font-path: '~bootstrap/assets/fonts/bootstrap/';
 @import "~bootstrap/scss/nav";
 @import "~bootstrap/scss/navbar";
 @import "~bootstrap/scss/card";
-@import "~bootstrap/scss/popover";
 
 // Helpers
 @import "~bootstrap/scss/helpers";

assets/stylesheets/_search.scss

@@ -5,18 +5,6 @@
 
 activate :syntax
 activate :i18n
-activate :search do |search|
-  search.resources = ['index.html', 'guides/', "#{config[:current_version]}/", 'compatibility.html', 'conduct.html', 'contributors.html']
-
-  search.index_path = 'search/lunr-index.json'
-
-  search.fields = {
-    title: {boost: 100, store: true, required: true},
-    content: {boost: 50},
-    url: {index: false, store: true},
-    description: {index: false, store: true},
-  }
-end
 
 set :markdown_engine, :kramdown