init yarn upgrade

Author: markzegarelli

js/algolia/highlight.ts

@@ -0,0 +1,118 @@
+import {
+  parseAlgoliaHitHighlight,
+  parseAlgoliaHitReverseHighlight,
+  parseAlgoliaHitSnippet,
+  parseAlgoliaHitReverseSnippet,
+} from '@algolia/autocomplete-preset-algolia';
+import { Hit } from '@algolia/client-search';
+
+type ParsedAttribute = {
+  value: string;
+  isHighlighted: boolean;
+};
+
+function concatParts(
+  parts: ParsedAttribute[],
+  { highlightPreTag, highlightPostTag }
+) {
+  return parts.reduce<string>((acc, current) => {
+    return (
+      acc +
+      (current.isHighlighted
+        ? `${highlightPreTag}${current.value}${highlightPostTag}`
+        : current.value)
+    );
+  }, '');
+}
+
+type HighlightItemParams<TItem> = {
+  hit: TItem;
+  attribute: keyof TItem;
+  highlightPreTag?: string;
+  highlightPostTag?: string;
+  ignoreEscape?: string[];
+};
+
+/**
+ * Highlights and escapes the matching parts of an Algolia hit.
+ */
+export function highlightHit<TItem extends Hit<{}>>({
+  hit,
+  attribute,
+  highlightPreTag = '<mark>',
+  highlightPostTag = '</mark>',
+  ignoreEscape,
+}: HighlightItemParams<TItem>) {
+  return concatParts(
+    parseAlgoliaHitHighlight<TItem>({
+      hit,
+      attribute,
+      ignoreEscape,
+    }),
+    { highlightPreTag, highlightPostTag }
+  );
+}
+
+/**
+ * Highlights and escapes the non-matching parts of an Algolia hit.
+ *
+ * This is a common pattern for Query Suggestions.
+ */
+export function reverseHighlightHit<TItem extends Hit<{}>>({
+  hit,
+  attribute,
+  highlightPreTag = '<mark>',
+  highlightPostTag = '</mark>',
+  ignoreEscape,
+}: HighlightItemParams<TItem>) {
+  return concatParts(
+    parseAlgoliaHitReverseHighlight<TItem>({
+      hit,
+      attribute,
+      ignoreEscape,
+    }),
+    { highlightPreTag, highlightPostTag }
+  );
+}
+
+/**
+ * Highlights and escapes the matching parts of an Algolia hit snippet.
+ */
+export function snippetHit<TItem extends Hit<{}>>({
+  hit,
+  attribute,
+  highlightPreTag = '<mark>',
+  highlightPostTag = '</mark>',
+  ignoreEscape,
+}: HighlightItemParams<TItem>) {
+  return concatParts(
+    parseAlgoliaHitSnippet<TItem>({
+      hit,
+      attribute,
+      ignoreEscape,
+    }),
+    { highlightPreTag, highlightPostTag }
+  );
+}
+
+/**
+ * Highlights and escapes the non-matching parts of an Algolia hit snippet.
+ *
+ * This is a common pattern for Query Suggestions.
+ */
+export function reverseSnippetHit<TItem extends Hit<{}>>({
+  hit,
+  attribute,
+  highlightPreTag = '<mark>',
+  highlightPostTag = '</mark>',
+  ignoreEscape,
+}: HighlightItemParams<TItem>) {
+  return concatParts(
+    parseAlgoliaHitReverseSnippet<TItem>({
+      hit,
+      attribute,
+      ignoreEscape,
+    }),
+    { highlightPreTag, highlightPostTag }
+  );
+}

js/algolia/index.js

@@ -1,8 +1,9 @@
 import { html } from 'htm/preact';
 import algoliasearch from 'algoliasearch/lite';
-import { autocomplete, getAlgoliaHits, highlightHit } from '@algolia/autocomplete-js';
+import { autocomplete, getAlgoliaHits } from '@algolia/autocomplete-js';
 import {createAlgoliaInsightsPlugin} from '@algolia/autocomplete-plugin-algolia-insights';
 import insightsClient from 'search-insights';
+import { highlightHit } from './highlight.ts';
 
 
 const appId = 'UINQ2M4D9S';

package.json

@@ -13,8 +13,7 @@
   "scripts": {
     "develop": "bundle exec jekyll clean && webpack --mode production && JEKYLL_ENV=testing bundle exec jekyll build --trace -V",
     "develop-inc": "webpack --mode production && JEKYLL_ENV=testing bundle exec jekyll build --trace -V -I"
-
-  }, 
+  },
   "devDependencies": {
     "@babel/cli": "^7.6.0",
     "@babel/core": "^7.6.0",