sinzmise-cetastories 2.0.0-1731064238567 → 2.0.0-1731114112124

package/js/search/hexo.js

@@ -1,2 +1,195 @@
-let SearchService=(()=>{const e={queryText:null,data:null,template:'<div id="u-search">\n  <div class="modal">\n    <header class="modal-header" class="clearfix">\n      <form id="u-search-modal-form" class="u-search-form" name="uSearchModalForm">\n        <input type="text" id="u-search-modal-input" class="u-search-input" />\n        <button type="submit" id="u-search-modal-btn-submit" class="u-search-btn-submit">\n          <span class="fa-solid fa-search"></span>\n        </button>\n      </form>\n      <a id="u-search-btn-close" class="btn-close"> <span class="fa-solid fa-times"></span> </a>\n    </header>\n    <main class="modal-body">\n      <ul class="modal-results"></ul>\n    </main>\n  </div>\n  <div id="modal-overlay" class="modal-overlay"></div>\n</div>\n',init:()=>{let t=document.createElement("div");t.innerHTML+=e.template,document.body.append(t),document.querySelectorAll(".u-search-form").forEach((t=>{t.addEventListener("submit",e.onSubmit,!1)})),document.querySelector("#u-search-modal-input").addEventListener("input",e.onSubmit),document.querySelector("#u-search-btn-close").addEventListener("click",e.close,!1),document.querySelector("#modal-overlay").addEventListener("click",e.close,!1)},onSubmit:t=>{t.preventDefault();let a=t.target.querySelector(".u-search-input");e.queryText=a?a.value:t.target.value,e.queryText&&e.search()},search:async()=>{document.querySelectorAll(".u-search-input").forEach((t=>{t.value=e.queryText})),document.querySelector("#u-search").style.display="block",e.data||(e.data=await e.fetchData());let t="";t+=e.buildResultList(e.data.pages),t+=e.buildResultList(e.data.posts),""===t&&(t=`<div id="resule-hits-empty"><i class="fa-solid fa-box-open"></i><p>${volantis.GLOBAL_CONFIG.languages.search.hits_empty.replace(/\$\{query}/,e.queryText)}</p></div>`),document.querySelector("#u-search .modal-results").innerHTML=t,window.pjax&&pjax.refresh(document.querySelector("#u-search")),document.addEventListener("keydown",(function t(a){"Escape"===a.code&&(e.close(),document.removeEventListener("keydown",t))}))},close:()=>{document.querySelector("#u-search").style.display="none"},fetchData:()=>fetch(volantis.GLOBAL_CONFIG.search.dataPath).then((e=>e.text())).then((e=>JSON.parse(e))),buildResultList:t=>{let a="";return t.forEach((t=>{t.text&&(t.text=t.text.replace(/12345\d*/g,"")),!t.title&&t.text&&(t.title=t.text.trim().slice(0,15)),e.contentSearch(t)&&(a+=e.buildResult(t.permalink,t.title,t.digest))})),a},contentSearch:t=>{let a=t.title.trim().toLowerCase(),s=t.text.trim().toLowerCase(),r=e.queryText.trim().toLowerCase().split(/[-\s]+/),n=!1,l=-1,i=-1,c=-1;return a&&s&&r.forEach(((e,u)=>{if(l=a.indexOf(e),i=s.indexOf(e),l<0&&i<0?n=!1:(n=!0,i<0&&(i=0),0===u&&(c=i)),n){s=t.text.trim();let e=0,a=0;if(c>=0){e=Math.max(c-40,0),a=0===e?Math.min(200,s.length):Math.min(c+120,s.length);let n=s.substring(e,a);r.forEach((function(e){let t=new RegExp(e,"gi");n=n.replace(t,"<b mark>"+e+"</b>")})),t.digest=n+"......"}else a=Math.min(200,s.length),t.digest=s.trim().substring(0,a)}})),n},buildResult:(t,a,s)=>{let r="";return r+="<li>",r+="<a class='result' href='"+e.getUrlRelativePath(t)+"?keyword="+e.queryText+"'>",r+="<span class='title'>"+a+"</span>",""!==s&&(r+="<span class='digest'>"+s+"</span>"),r+="</a>",r+="</li>",r},getUrlRelativePath:function(e){let t=e.split("//"),a=t[1].indexOf("/"),s=t[1].substring(a);return-1!=s.indexOf("?")&&(s=s.split("?")[0]),s}};return{init:()=>{e.init()},setQueryText:t=>{e.queryText=t},search:()=>{e.search()}}})();Object.freeze(SearchService),SearchService.init(),document.addEventListener("pjax:success",SearchService.init),document.addEventListener("pjax:send",(function(){document.querySelector("#u-search").style.display="none"}));
-//# sourceMappingURL=../../maps/js/search/hexo.js.map
+let SearchService = (() => {
+  const fn = {};
+  fn.queryText = null;
+  fn.data = null;
+  fn.template = `<div id="u-search">
+  <div class="modal">
+    <header class="modal-header" class="clearfix">
+      <form id="u-search-modal-form" class="u-search-form" name="uSearchModalForm">
+        <input type="text" id="u-search-modal-input" class="u-search-input" />
+        <button type="submit" id="u-search-modal-btn-submit" class="u-search-btn-submit">
+          <span class="fa-solid fa-search"></span>
+        </button>
+      </form>
+      <a id="u-search-btn-close" class="btn-close"> <span class="fa-solid fa-times"></span> </a>
+    </header>
+    <main class="modal-body">
+      <ul class="modal-results"></ul>
+    </main>
+  </div>
+  <div id="modal-overlay" class="modal-overlay"></div>
+</div>
+`;
+  fn.init = () => {
+    let div = document.createElement("div");
+    div.innerHTML += fn.template;
+    document.body.append(div);
+    document.querySelectorAll(".u-search-form").forEach((e) => {
+      e.addEventListener("submit", fn.onSubmit, false);
+    });
+    let uSearchModalInput = document.querySelector("#u-search-modal-input");
+    uSearchModalInput.addEventListener("input", fn.onSubmit);
+    document
+      .querySelector("#u-search-btn-close")
+      .addEventListener("click", fn.close, false);
+    document
+      .querySelector("#modal-overlay")
+      .addEventListener("click", fn.close, false);
+  };
+  fn.onSubmit = (event) => {
+    event.preventDefault();
+    let input = event.target.querySelector(".u-search-input");
+    if (input) {
+      fn.queryText = input.value;
+    } else {
+      fn.queryText = event.target.value;
+    }
+
+    if (fn.queryText) {
+      fn.search();
+    }
+  };
+  fn.search = async () => {
+    document.querySelectorAll(".u-search-input").forEach((e) => {
+      e.value = fn.queryText;
+    });
+    document.querySelector("#u-search").style.display = "block";
+    if (!fn.data) {
+      fn.data = await fn.fetchData();
+    }
+    let results = "";
+    results += fn.buildResultList(fn.data.pages);
+    results += fn.buildResultList(fn.data.posts);
+    if (results === "") {
+      results = `<div id="resule-hits-empty"><i class="fa-solid fa-box-open"></i><p>${volantis.GLOBAL_CONFIG.languages.search.hits_empty.replace(/\$\{query}/, fn.queryText)}</p></div>`
+    }
+    document.querySelector("#u-search .modal-results").innerHTML = results;
+    window.pjax && pjax.refresh(document.querySelector("#u-search"));
+    document.addEventListener("keydown", function f(event) {
+      if (event.code === "Escape") {
+        fn.close();
+        document.removeEventListener("keydown", f);
+      }
+    });
+  };
+  fn.close = () => {
+    document.querySelector("#u-search").style.display = "none";
+  };
+  fn.fetchData = () => {
+    return fetch(volantis.GLOBAL_CONFIG.search.dataPath)
+      .then((response) => response.text())
+      .then((res) => {
+        const data = JSON.parse(res);
+        // console.log(data);
+        return data;
+      });
+  };
+  fn.buildResultList = (data) => {
+    let html = "";
+    data.forEach((post) => {
+      if (post.text) {
+        post.text = post.text.replace(/12345\d*/g, "") // 简易移除代码行号
+      }
+      if (!post.title && post.text) {
+        post.title = post.text.trim().slice(0, 15)
+      }
+      if (fn.contentSearch(post)) {
+        html += fn.buildResult(post.permalink, post.title, post.digest);
+      }
+    });
+    return html;
+  };
+  fn.contentSearch = (post) => {
+    let post_title = post.title.trim().toLowerCase();
+    let post_content = post.text.trim().toLowerCase();
+    let keywords = fn.queryText
+      .trim()
+      .toLowerCase()
+      .split(/[-\s]+/);
+    let foundMatch = false;
+    let index_title = -1;
+    let index_content = -1;
+    let first_occur = -1;
+    if (post_title && post_content) {
+      keywords.forEach((word, index) => {
+        index_title = post_title.indexOf(word);
+        index_content = post_content.indexOf(word);
+        if (index_title < 0 && index_content < 0) {
+          foundMatch = false;
+        } else {
+          foundMatch = true;
+          if (index_content < 0) {
+            index_content = 0;
+          }
+          if (index === 0) {
+            first_occur = index_content;
+          }
+        }
+        if (foundMatch) {
+          post_content = post.text.trim();
+          let start = 0;
+          let end = 0;
+          if (first_occur >= 0) {
+            start = Math.max(first_occur - 40, 0);
+            end =
+              start === 0
+                ? Math.min(200, post_content.length)
+                : Math.min(first_occur + 120, post_content.length);
+            let match_content = post_content.substring(start, end);
+            keywords.forEach(function (keyword) {
+              let regS = new RegExp(keyword, "gi");
+              match_content = match_content.replace(
+                regS,
+                "<b mark>" + keyword + "</b>"
+              );
+            });
+            post.digest = match_content + "......";
+          } else {
+            end = Math.min(200, post_content.length);
+            post.digest = post_content.trim().substring(0, end);
+          }
+        }
+      });
+    }
+    return foundMatch;
+  };
+  fn.buildResult = (url, title, digest) => {
+    let result = fn.getUrlRelativePath(url);
+    let html = "";
+    html += "<li>";
+    html +=
+      "<a class='result' href='" + result + "?keyword=" + fn.queryText + "'>";
+    html += "<span class='title'>" + title + "</span>";
+    if (digest !== "") html += "<span class='digest'>" + digest + "</span>";
+    html += "</a>";
+    html += "</li>";
+    return html;
+  };
+  fn.getUrlRelativePath = function (url) {
+    let arrUrl = url.split("//");
+    let start = arrUrl[1].indexOf("/");
+    let relUrl = arrUrl[1].substring(start);
+    if (relUrl.indexOf("?") != -1) {
+      relUrl = relUrl.split("?")[0];
+    }
+    return relUrl;
+  };
+  return {
+    init: () => {
+      fn.init();
+    },
+    setQueryText: (queryText) => {
+      fn.queryText = queryText;
+    },
+    search: () => {
+      fn.search();
+    },
+  };
+})();
+Object.freeze(SearchService);
+
+SearchService.init();
+document.addEventListener("pjax:success", SearchService.init);
+document.addEventListener("pjax:send", function () {
+  document.querySelector("#u-search").style.display = "none";
+});

package/js/search/meilisearch.js

@@ -1,2 +1,220 @@
-let SearchService=(()=>{const e={};let t,a,i;return e.queryText=null,e.template='<div id="u-search">\n  <div class="modal">\n    <header class="modal-header" class="clearfix">\n      <button type="submit" id="u-search-modal-btn-submit" class="u-search-btn-submit">\n        <span class="fa-solid fa-search"></span>\n      </button>\n      <div id="meilisearch-search-input"></div>\n      <a id="u-search-btn-close" class="btn-close"> <span class="fa-solid fa-times"></span> </a>\n    </header>\n    <main class="modal-body">\n      <div id="meilisearch-search-results">\n        <div id="meilisearch-hits">\n          <div class="search-icon"><i class="fa-sharp fa-solid fa-telescope"></i></i></div>\n        </div>\n      </div>\n    </main>\n    <footer>\n      <hr>\n      <div id="meilisearch-info">\n        <div class="meilisearch-stats"></div>\n        <div class="meilisearch-poweredBy">\n          <a href="https://www.meilisearch.com" titile="meilisearch" target="_blank">\n            <svg width="97" height="20" viewBox="0 0 537 83" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M49.8729 49.6398C49.8729 41.9727 53.5489 37.4565 60.5858 37.4565C67.2026 37.4565 69.4082 42.1827 69.4082 48.2744V80.9383H84.3222V46.5939C84.3222 33.7805 77.6004 24.643 64.3668 24.643C56.4897 24.643 50.9232 27.0586 46.0919 32.4151C42.941 27.5838 37.5846 24.643 30.1275 24.643C22.2504 24.643 16.7889 27.8989 14.2682 32.6251V25.9033H0.509521V80.9383H15.4236V49.3247C15.4236 41.9727 19.2046 37.4565 26.1365 37.4565C32.7532 37.4565 34.9588 42.1827 34.9588 48.2744V80.9383H49.8729V49.6398Z" fill="black"/><path d="M145.538 57.727C145.538 57.727 145.748 55.7314 145.748 53.3158C145.748 37.0363 134.72 24.643 118.441 24.643C102.161 24.643 90.8184 37.0363 90.8184 53.3158C90.8184 70.2253 102.266 82.1986 118.546 82.1986C131.254 82.1986 141.337 74.5315 144.593 63.3985H129.574C127.788 67.3896 123.482 69.3851 118.966 69.3851C111.509 69.3851 106.678 65.289 105.627 57.727H145.538ZM118.336 36.6162C125.268 36.6162 129.784 40.8174 130.834 47.014H105.837C107.098 40.7123 111.509 36.6162 118.336 36.6162Z" fill="black"/><path d="M147.947 38.7168H154.564V80.9383H169.478V25.9033H147.947V38.7168ZM162.021 18.7614C167.272 18.7614 171.054 15.0854 171.054 9.83396C171.054 4.58254 167.272 0.801514 162.021 0.801514C156.77 0.801514 152.989 4.58254 152.989 9.83396C152.989 15.0854 156.77 18.7614 162.021 18.7614Z" fill="black"/><path d="M200.361 68.1248C199.94 68.1248 199.31 68.2298 198.365 68.2298C195.004 68.2298 194.584 66.6544 194.584 64.3438V2.16688H179.67V65.394C179.67 76.317 183.871 81.1483 195.739 81.1483C197.735 81.1483 199.625 80.9382 200.361 80.8332V68.1248Z" fill="black"/><path d="M202.057 38.7168H208.674V80.9383H223.588V25.9033H202.057V38.7168ZM216.131 18.7614C221.383 18.7614 225.164 15.0854 225.164 9.83396C225.164 4.58254 221.383 0.801514 216.131 0.801514C210.88 0.801514 207.099 4.58254 207.099 9.83396C207.099 15.0854 210.88 18.7614 216.131 18.7614Z" fill="black"/><path d="M253.531 81.5175C268.025 81.5175 274.852 73.8504 274.852 65.7632C274.852 43.2871 241.768 55.7855 241.768 40.9765C241.768 36.1452 245.864 32.0491 254.161 32.0491C262.669 32.0491 266.66 36.6703 267.29 42.4469H274.747C274.117 35.1999 269.18 25.5373 254.371 25.5373C241.663 25.5373 234.521 33.0994 234.521 41.2916C234.521 63.2425 267.605 50.6391 267.605 65.9733C267.605 71.3297 262.564 75.0057 253.531 75.0057C244.289 75.0057 239.667 70.3845 239.142 63.5576H231.58C232.21 72.9051 238.092 81.5175 253.531 81.5175Z" fill="black"/><path d="M334.078 55.6805C334.078 55.6805 334.183 54 334.183 52.8447C334.183 37.7206 324.415 25.5373 308.451 25.5373C292.382 25.5373 282.194 38.6659 282.194 53.4749C282.194 68.4939 291.647 81.5175 308.556 81.5175C321.265 81.5175 330.087 73.7454 333.238 63.5576H325.466C323.155 70.0694 316.853 74.7956 308.661 74.7956C297.423 74.7956 290.386 66.4984 289.651 55.6805H334.078ZM308.451 32.2592C318.954 32.2592 325.781 39.2961 326.726 49.5888H289.861C291.121 39.7162 298.053 32.2592 308.451 32.2592Z" fill="black"/><path d="M380.477 54.8402V59.8816C380.477 69.0191 373.86 75.3208 361.152 75.3208C353.274 75.3208 348.968 72.0649 348.968 65.028C348.968 61.457 350.649 58.7263 353.274 57.2559C356.005 55.7855 359.681 54.8402 380.477 54.8402ZM360.311 81.5175C369.554 81.5175 377.011 78.5767 380.792 72.485V80.2571H387.934V45.2827C387.934 33.4145 381.107 25.5373 365.668 25.5373C350.859 25.5373 344.347 32.9944 342.982 42.5519H350.229C351.699 34.9899 357.476 31.9441 365.353 31.9441C375.435 31.9441 380.477 36.1452 380.477 45.1776V48.6436C363.567 48.6436 356.53 48.9587 351.279 51.0592C345.187 53.4749 341.616 58.8313 341.616 65.2381C341.616 74.5856 347.603 81.5175 360.311 81.5175Z" fill="black"/><path d="M428.703 26.3776C428.703 26.3776 427.443 26.2725 426.917 26.2725C417.045 26.2725 411.793 31.4189 409.798 35.0949V26.7977H402.656V80.2571H410.113V49.9039C410.113 38.7709 416.94 33.3094 426.077 33.3094C427.443 33.3094 428.703 33.4145 428.703 33.4145V26.3776Z" fill="black"/><path d="M429.976 53.5799C429.976 68.1789 440.059 81.5175 456.338 81.5175C470.832 81.5175 479.235 71.8548 481.335 61.247H473.773C471.568 69.5442 465.476 74.7956 456.338 74.7956C445.1 74.7956 437.538 65.8682 437.538 53.5799C437.538 41.1866 445.1 32.2592 456.338 32.2592C465.476 32.2592 471.568 37.5106 473.773 45.8078H481.335C479.235 35.1999 470.832 25.5373 456.338 25.5373C440.059 25.5373 429.976 38.8759 429.976 53.5799Z" fill="black"/><path d="M498.891 1.48584H491.434V80.2571H498.891V48.6436C498.891 37.7206 505.927 32.0491 514.96 32.0491C524.517 32.0491 529.034 37.9307 529.034 47.5933V80.2571H536.491V46.1229C536.491 34.2547 529.454 25.5373 516.22 25.5373C506.243 25.5373 500.781 30.9988 498.891 34.2547V1.48584Z" fill="black"/></svg>\n          </a>\n        </div>\n      </div>\n    </footer>\n  </div>\n  <div id="modal-overlay" class="modal-overlay"></div>\n  </div>\n  ',e.init=()=>{let t=document.createElement("div");t.innerHTML+=e.template,document.body.append(t),a=volantis.GLOBAL_CONFIG.search,a.appId&&a.apiKey&&a.indexName?(e.event(),e.setAlgolia()):(document.querySelector("#u-search main.modal-body").innerHTML="Algolia setting is invalid!",document.querySelector("#u-search main.modal-body").style.textAlign="center",document.querySelector("#u-search .modal").style.maxHeight="128px")},e.event=()=>{document.querySelector("#u-search-btn-close").addEventListener("click",e.close,!1),document.querySelector("#modal-overlay").addEventListener("click",e.close,!1),document.querySelectorAll(".u-search-form").forEach((t=>{t.addEventListener("submit",e.onSubmit,!1)})),document.querySelector("#meilisearch-search-input").addEventListener("input",(t=>{let a=t.target.querySelector(".ais-SearchBox-input");e.queryText=a?a.value:t.target.value}))},e.setAlgolia=()=>{t=instantsearch({indexName:a.indexName,searchClient:instantMeiliSearch(a.appId,a.apiKey),searchFunction(e){e.state.query&&e.search()}});instantsearch.widgets.configure({hitsPerPage:a.hitsPerPage});const s=instantsearch.widgets.searchBox({container:"#meilisearch-search-input",autofocus:!0,showReset:!1,showSubmit:!1,showLoadingIndicator:!1,searchAsYouType:a.searchAsYouType,placeholder:a.placeholder,templates:{input:"meilisearch-input"},queryHook(e,t){clearTimeout(i),i=setTimeout((()=>t(e)),500)}}),n=instantsearch.widgets.hits({container:"#meilisearch-hits",templates:{item(t){const a=e.queryText?`?keyword=${e.queryText}`:"",i=t.permalink?t.permalink:`${volantis.GLOBAL_CONFIG.root}${t.path}`,s=t._highlightResult,n=e.cutContent(s.text.value);return`\n            <a href="${i}${a}" class="result">\n            <span class="title">${s.title.value||"no-title"}</span>\n            <span class="digest">${n}</span>\n            </a>`},empty:function(e){return`<div id="resule-hits-empty"><i class="fa-solid fa-box-open"></i><p>${volantis.GLOBAL_CONFIG.languages.search.hits_empty.replace(/\$\{query}/,e.query)}</p></div>`}}}),l=instantsearch.widgets.stats({container:"#meilisearch-info > .meilisearch-stats",templates:{text:function(e){return`${volantis.GLOBAL_CONFIG.languages.search.hits_stats.replace(/\$\{hits}/,e.nbHits).replace(/\$\{time}/,e.processingTimeMS)}`}}});t.addWidgets([s,n,l]),t.start(),window.pjax&&t.on("render",(()=>{window.pjax.refresh(document.getElementById("meilisearch-hits"))}))},e.setQueryText=i=>{e.queryText=i,t||e.init(),t?.setUiState({[a.indexName]:{query:i}})},e.search=()=>{document.querySelector("#u-search").style.display="block",document.addEventListener("keydown",(t=>{"Escape"===t.code&&e.close()}),{once:!0})},e.onSubmit=t=>{t.preventDefault();let a=t.target.querySelector(".u-search-input");e.setQueryText(a?.value?a.value:t.target.value),e.search()},e.cutContent=e=>{if(""===e)return"";const t=e.indexOf("<mark>");let a=t-30,i=t+120,s="",n="";return a<=0?(a=0,i=140):s="...",i>e.length?i=e.length:n="...",s+e.substring(a,i)+n},e.close=()=>{document.querySelector("#u-search").style.display="none"},{init:e.init,setQueryText:t=>{e.setQueryText(t)},search:e.search,close:e.close}})();Object.freeze(SearchService),SearchService.init(),document.addEventListener("pjax:send",SearchService.close);
-//# sourceMappingURL=../../maps/js/search/meilisearch.js.map
+let SearchService = (() => {
+  const fn = {};
+  let search, meilisearch, timerId; 
+  fn.queryText = null;
+  fn.template = `<div id="u-search">
+  <div class="modal">
+    <header class="modal-header" class="clearfix">
+      <button type="submit" id="u-search-modal-btn-submit" class="u-search-btn-submit">
+        <span class="fa-solid fa-search"></span>
+      </button>
+      <div id="meilisearch-search-input"></div>
+      <a id="u-search-btn-close" class="btn-close"> <span class="fa-solid fa-times"></span> </a>
+    </header>
+    <main class="modal-body">
+      <div id="meilisearch-search-results">
+        <div id="meilisearch-hits">
+          <div class="search-icon"><i class="fa-sharp fa-solid fa-telescope"></i></i></div>
+        </div>
+      </div>
+    </main>
+    <footer>
+      <hr>
+      <div id="meilisearch-info">
+        <div class="meilisearch-stats"></div>
+        <div class="meilisearch-poweredBy">
+          <a href="https://www.meilisearch.com" titile="meilisearch" target="_blank">
+            <svg width="97" height="20" viewBox="0 0 537 83" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M49.8729 49.6398C49.8729 41.9727 53.5489 37.4565 60.5858 37.4565C67.2026 37.4565 69.4082 42.1827 69.4082 48.2744V80.9383H84.3222V46.5939C84.3222 33.7805 77.6004 24.643 64.3668 24.643C56.4897 24.643 50.9232 27.0586 46.0919 32.4151C42.941 27.5838 37.5846 24.643 30.1275 24.643C22.2504 24.643 16.7889 27.8989 14.2682 32.6251V25.9033H0.509521V80.9383H15.4236V49.3247C15.4236 41.9727 19.2046 37.4565 26.1365 37.4565C32.7532 37.4565 34.9588 42.1827 34.9588 48.2744V80.9383H49.8729V49.6398Z" fill="black"/><path d="M145.538 57.727C145.538 57.727 145.748 55.7314 145.748 53.3158C145.748 37.0363 134.72 24.643 118.441 24.643C102.161 24.643 90.8184 37.0363 90.8184 53.3158C90.8184 70.2253 102.266 82.1986 118.546 82.1986C131.254 82.1986 141.337 74.5315 144.593 63.3985H129.574C127.788 67.3896 123.482 69.3851 118.966 69.3851C111.509 69.3851 106.678 65.289 105.627 57.727H145.538ZM118.336 36.6162C125.268 36.6162 129.784 40.8174 130.834 47.014H105.837C107.098 40.7123 111.509 36.6162 118.336 36.6162Z" fill="black"/><path d="M147.947 38.7168H154.564V80.9383H169.478V25.9033H147.947V38.7168ZM162.021 18.7614C167.272 18.7614 171.054 15.0854 171.054 9.83396C171.054 4.58254 167.272 0.801514 162.021 0.801514C156.77 0.801514 152.989 4.58254 152.989 9.83396C152.989 15.0854 156.77 18.7614 162.021 18.7614Z" fill="black"/><path d="M200.361 68.1248C199.94 68.1248 199.31 68.2298 198.365 68.2298C195.004 68.2298 194.584 66.6544 194.584 64.3438V2.16688H179.67V65.394C179.67 76.317 183.871 81.1483 195.739 81.1483C197.735 81.1483 199.625 80.9382 200.361 80.8332V68.1248Z" fill="black"/><path d="M202.057 38.7168H208.674V80.9383H223.588V25.9033H202.057V38.7168ZM216.131 18.7614C221.383 18.7614 225.164 15.0854 225.164 9.83396C225.164 4.58254 221.383 0.801514 216.131 0.801514C210.88 0.801514 207.099 4.58254 207.099 9.83396C207.099 15.0854 210.88 18.7614 216.131 18.7614Z" fill="black"/><path d="M253.531 81.5175C268.025 81.5175 274.852 73.8504 274.852 65.7632C274.852 43.2871 241.768 55.7855 241.768 40.9765C241.768 36.1452 245.864 32.0491 254.161 32.0491C262.669 32.0491 266.66 36.6703 267.29 42.4469H274.747C274.117 35.1999 269.18 25.5373 254.371 25.5373C241.663 25.5373 234.521 33.0994 234.521 41.2916C234.521 63.2425 267.605 50.6391 267.605 65.9733C267.605 71.3297 262.564 75.0057 253.531 75.0057C244.289 75.0057 239.667 70.3845 239.142 63.5576H231.58C232.21 72.9051 238.092 81.5175 253.531 81.5175Z" fill="black"/><path d="M334.078 55.6805C334.078 55.6805 334.183 54 334.183 52.8447C334.183 37.7206 324.415 25.5373 308.451 25.5373C292.382 25.5373 282.194 38.6659 282.194 53.4749C282.194 68.4939 291.647 81.5175 308.556 81.5175C321.265 81.5175 330.087 73.7454 333.238 63.5576H325.466C323.155 70.0694 316.853 74.7956 308.661 74.7956C297.423 74.7956 290.386 66.4984 289.651 55.6805H334.078ZM308.451 32.2592C318.954 32.2592 325.781 39.2961 326.726 49.5888H289.861C291.121 39.7162 298.053 32.2592 308.451 32.2592Z" fill="black"/><path d="M380.477 54.8402V59.8816C380.477 69.0191 373.86 75.3208 361.152 75.3208C353.274 75.3208 348.968 72.0649 348.968 65.028C348.968 61.457 350.649 58.7263 353.274 57.2559C356.005 55.7855 359.681 54.8402 380.477 54.8402ZM360.311 81.5175C369.554 81.5175 377.011 78.5767 380.792 72.485V80.2571H387.934V45.2827C387.934 33.4145 381.107 25.5373 365.668 25.5373C350.859 25.5373 344.347 32.9944 342.982 42.5519H350.229C351.699 34.9899 357.476 31.9441 365.353 31.9441C375.435 31.9441 380.477 36.1452 380.477 45.1776V48.6436C363.567 48.6436 356.53 48.9587 351.279 51.0592C345.187 53.4749 341.616 58.8313 341.616 65.2381C341.616 74.5856 347.603 81.5175 360.311 81.5175Z" fill="black"/><path d="M428.703 26.3776C428.703 26.3776 427.443 26.2725 426.917 26.2725C417.045 26.2725 411.793 31.4189 409.798 35.0949V26.7977H402.656V80.2571H410.113V49.9039C410.113 38.7709 416.94 33.3094 426.077 33.3094C427.443 33.3094 428.703 33.4145 428.703 33.4145V26.3776Z" fill="black"/><path d="M429.976 53.5799C429.976 68.1789 440.059 81.5175 456.338 81.5175C470.832 81.5175 479.235 71.8548 481.335 61.247H473.773C471.568 69.5442 465.476 74.7956 456.338 74.7956C445.1 74.7956 437.538 65.8682 437.538 53.5799C437.538 41.1866 445.1 32.2592 456.338 32.2592C465.476 32.2592 471.568 37.5106 473.773 45.8078H481.335C479.235 35.1999 470.832 25.5373 456.338 25.5373C440.059 25.5373 429.976 38.8759 429.976 53.5799Z" fill="black"/><path d="M498.891 1.48584H491.434V80.2571H498.891V48.6436C498.891 37.7206 505.927 32.0491 514.96 32.0491C524.517 32.0491 529.034 37.9307 529.034 47.5933V80.2571H536.491V46.1229C536.491 34.2547 529.454 25.5373 516.22 25.5373C506.243 25.5373 500.781 30.9988 498.891 34.2547V1.48584Z" fill="black"/></svg>
+          </a>
+        </div>
+      </div>
+    </footer>
+  </div>
+  <div id="modal-overlay" class="modal-overlay"></div>
+  </div>
+  `;
+
+  fn.init = () => {
+    let div = document.createElement("div");
+    div.innerHTML += fn.template;
+    document.body.append(div);
+
+    meilisearch = volantis.GLOBAL_CONFIG.search;
+    if (meilisearch.appId && meilisearch.apiKey && meilisearch.indexName) {
+      fn.event();
+      fn.setAlgolia();
+    } else {
+      document.querySelector('#u-search main.modal-body').innerHTML = 'Algolia setting is invalid!';
+      document.querySelector('#u-search main.modal-body').style.textAlign = 'center';
+      document.querySelector('#u-search .modal').style.maxHeight = '128px';
+    }
+  }
+
+  fn.event = () => {
+    document
+      .querySelector("#u-search-btn-close")
+      .addEventListener("click", fn.close, false);
+    document
+      .querySelector("#modal-overlay")
+      .addEventListener("click", fn.close, false);
+    document.querySelectorAll(".u-search-form").forEach((e) => {
+      e.addEventListener("submit", fn.onSubmit, false);
+    });
+    document.querySelector("#meilisearch-search-input").addEventListener("input", event => {
+      let input = event.target.querySelector(".ais-SearchBox-input");
+      if (input) {
+        fn.queryText = input.value;
+      } else {
+        fn.queryText = event.target.value;
+      }
+    })
+  }
+
+  fn.setAlgolia = () => {
+    search = instantsearch({
+      indexName: meilisearch.indexName,
+      searchClient: instantMeiliSearch(meilisearch.appId, meilisearch.apiKey),
+      searchFunction(helper) {
+        helper.state.query && helper.search()
+      },
+    })
+
+    const configure = instantsearch.widgets.configure({
+      hitsPerPage: meilisearch.hitsPerPage
+    })
+
+    const searchBox = instantsearch.widgets.searchBox({
+      container: '#meilisearch-search-input',
+      autofocus: true,
+      showReset: false,
+      showSubmit: false,
+      showLoadingIndicator: false,
+      searchAsYouType: meilisearch.searchAsYouType,
+      placeholder: meilisearch.placeholder,
+      templates: {
+        input: 'meilisearch-input'
+      },
+      queryHook(query, refine) {
+        clearTimeout(timerId)
+        timerId = setTimeout(() => refine(query), 500)
+      }
+    })
+
+    const hits = instantsearch.widgets.hits({
+      container: '#meilisearch-hits',
+      templates: {
+        item(data) {
+          const keyword = !!fn.queryText ? `?keyword=${fn.queryText}` : ''
+          const link = data.permalink ? data.permalink : `${volantis.GLOBAL_CONFIG.root}${data.path}`
+          const result = data._highlightResult
+          const content = fn.cutContent(result.text.value)
+          return `
+            <a href="${link}${keyword}" class="result">
+            <span class="title">${result.title.value || 'no-title'}</span>
+            <span class="digest">${content}</span>
+            </a>`
+        },
+        empty: function (data) {
+          return (
+            `<div id="resule-hits-empty"><i class="fa-solid fa-box-open"></i><p>${volantis.GLOBAL_CONFIG.languages.search.hits_empty.replace(/\$\{query}/, data.query)}</p></div>`
+          )
+        }
+      }
+    })
+
+    const stats = instantsearch.widgets.stats({
+      container: '#meilisearch-info > .meilisearch-stats',
+      templates: {
+        text: function (data) {
+          const stats = volantis.GLOBAL_CONFIG.languages.search.hits_stats
+            .replace(/\$\{hits}/, data.nbHits)
+            .replace(/\$\{time}/, data.processingTimeMS)
+          return (
+            `${stats}`
+          )
+        }
+      }
+    })
+
+    search.addWidgets([searchBox, hits, stats])
+
+    search.start()
+
+    window.pjax && search.on('render', () => {
+      window.pjax.refresh(document.getElementById('meilisearch-hits'))
+    })
+  }
+
+  fn.setQueryText = queryText => {
+    fn.queryText = queryText;
+    if (!search) {
+      fn.init()
+    }
+    search?.setUiState({
+      [meilisearch.indexName]: {
+        query: queryText
+      }
+    })
+  }
+
+  fn.search = () => {
+    document.querySelector("#u-search").style.display = "block";
+    document.addEventListener("keydown", event => {
+      if (event.code === "Escape") {
+        fn.close();
+      }
+    }, { once: true })
+  }
+
+  fn.onSubmit = (event) => {
+    event.preventDefault();
+    let input = event.target.querySelector(".u-search-input");
+    fn.setQueryText(input?.value ? input.value : event.target.value)
+    fn.search();
+  };
+
+  fn.cutContent = content => {
+    if (content === '') return ''
+
+    const firstOccur = content.indexOf('<mark>')
+
+    let start = firstOccur - 30
+    let end = firstOccur + 120
+    let pre = ''
+    let post = ''
+
+    if (start <= 0) {
+      start = 0
+      end = 140
+    } else {
+      pre = '...'
+    }
+
+    if (end > content.length) {
+      end = content.length
+    } else {
+      post = '...'
+    }
+
+    let matchContent = pre + content.substring(start, end) + post
+    return matchContent
+  }
+
+  fn.close = () => {
+    document.querySelector("#u-search").style.display = "none";
+  };
+
+  return {
+    init: fn.init,
+    setQueryText: queryText => {
+      fn.setQueryText(queryText);
+    },
+    search: fn.search,
+    close: fn.close
+  }
+})()
+
+Object.freeze(SearchService);
+
+SearchService.init();
+document.addEventListener("pjax:send", SearchService.close);