Add Algolia search

[ronaldtse]

For @strogonoff

• Copy the following CSS/JS snippets and add them to your page

<!-- at the end of the HEAD --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" /> 

<!-- at the end of the BODY --> 
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({ 
apiKey: '31ca4bad475130bdaee582a0b9f40806', 
indexName: 'metanorma', 
inputSelector: '### REPLACE ME ####', 
debug: false // Set debug to true if you want to inspect the dropdown 
}); 
</script> 

• Add a search input in your page if you don't have any yet. Then update the inputSelector value in JS snippet to a CSS selector that targets your search input field.
• Optionally customize the look and feel by following the DocSearch documentation (https://community.algolia.com/docsearch/documentation/)
• You can also check your configuration in our github repo (https://github.com/algolia/docsearch-configs/blob/master/configs/metanorma.json).

[strogonoff]

@ronaldtse Do you have Algolia API key and index name for Ribose Open hub site? Your sample code above appears to be for Metanorma project site (which is good and works, but I’d like to test the search feature on a hub site too before releasing it as part of OP framework).

[ronaldtse]

The API key is: 40a5c3929d2f6d51c9a062d2bdf00c20

The index however hasn't been created yet.

[ronaldtse]

@strogonoff could we get this done soon? Thanks!

[strogonoff]

Thanks for the heads-up. I’ll enable this but we’ll see how it works. Not sure whether we can make Algolia index content on project sites that are part of hub site but hosted on separate domains.

…

On 8 Jan 2019, at 11:07 AM, Ronald Tse ***@***.***> wrote: @strogonoff could we get this done soon? Thanks! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[strogonoff]

@ronaldtse this is blocked because we need API key and a dedicated index name for each site. (Currently I don’t have Algolia index name for open.ribose.com 🤷‍♂️)

[ronaldtse]

Index name: prod_riboseopen

[strogonoff]

OK that was quick!

[strogonoff]

I get “Invalid Application-ID or API key” when I try searching while running the Jekyll site locally; pushing an update to see how it works in production. Should be live in a few min. Config used:

algolia_search:
  api_key: '40a5c3929d2f6d51c9a062d2bdf00c20'
  index_name: 'prod_riboseopen'

[strogonoff]

Yep, Algolia error on production site, either index name or API key is incorrect 🤷‍♂️ @ronaldtse could you check?

api_key: '40a5c3929d2f6d51c9a062d2bdf00c20'
index_name: 'prod_riboseopen'

[ronaldtse]

Just pinged you 👍