Merge pull request circleci#3767 from tfe/i18n-search

Enable multi-language search

Author: digitalmaster

jekyll/_config.yml

@@ -16,6 +16,7 @@ plugins:
 
 algolia:
   application_id: U0RXNGRK45
+  api_key: dd49f5b81d238d474b49645a4daed322 # search-only API Key; safe for front-end code
   index_name: documentation
   settings:
     highlightPreTag: '<strong>'

jekyll/_includes/js-config.html

@@ -0,0 +1,12 @@
+<script type="text/javascript">
+  window.circleJsConfig = {
+    algolia: {
+      appId:     {{ site.algolia.application_id | jsonify }},
+      apiKey:    {{ site.algolia.api_key | jsonify }},
+      indexName: {{ site.algolia.index_name | jsonify }}
+    },
+    page: {
+      lang: {{ page.lang | jsonify }}
+    }
+  }
+</script>

jekyll/_layouts/classic-docs.html

@@ -37,6 +37,7 @@ <h2>Search Results for "<span id="search-term-display"></span>"</h2>
 		</div><!-- .article-container -->
 	</div><!-- .main-body -->
 	{% include global-footer.html %}
+	{% include js-config.html %}
 	{% asset vendor.min.js %}
   <script>
    var _rollbarConfig = {

src-js/instantsearch.js

@@ -1,6 +1,18 @@
 import * as debounce from 'lodash.debounce';
 import * as get from 'lodash.get';
 
+const ALGOLIA_APP_ID     = window.circleJsConfig.algolia.appId;
+const ALGOLIA_API_KEY    = window.circleJsConfig.algolia.apiKey;
+const ALGOLIA_INDEX_NAME = window.circleJsConfig.algolia.indexName;
+const ALGOLIA_COLLECTION = ((lang) => {
+  // Page language is default language or missing, use default collection
+  if (typeof lang !== 'string' || lang === 'en') {
+    return 'cci2';
+  } else {
+    return `cci2_${lang}`;
+  }
+})(get(window.circleJsConfig, 'page.lang'));
+
 const formatResultSnippet = (snippet) => {
   const title = get(snippet, ['title', 'value'], '(untitled)');
   const content = get(snippet, ['content', 'value'], '');
@@ -14,17 +26,17 @@ const formatResultSnippet = (snippet) => {
 // Instant search initialization
 export function init () {
   var search = instantsearch({
-    appId: 'U0RXNGRK45',
-    apiKey: 'dd49f5b81d238d474b49645a4daed322', // search-only API Key; safe for front-end code
-    indexName: 'documentation',
+    appId:     ALGOLIA_APP_ID,
+    apiKey:    ALGOLIA_API_KEY,
+    indexName: ALGOLIA_INDEX_NAME,
     routing: true,
     searchParameters: { hitsPerPage: 25 }
   });
 
   // adding conditions to filter search
   search.addWidget(
     instantsearch.widgets.configure({
-      filters: "collection: cci2"
+      filters: `collection: ${ALGOLIA_COLLECTION}`
     })
   );