instantsearch.js 4.37.1 → 4.38.1

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## [4.38.1](https://github.com/algolia/instantsearch.js/compare/v4.38.0...v4.38.1) (2022-02-08)
+
+
+### Bug Fixes
+
+* **routing:** fix history router based on history length ([#5004](https://github.com/algolia/instantsearch.js/issues/5004)) ([40541af](https://github.com/algolia/instantsearch.js/commit/40541af5c8face0e32a1ec3a4665a8387d89c626))
+* **metadata:** ensure safe user agent detection ([#5009](https://github.com/algolia/instantsearch.js/pull/5009) [15a6a9d](https://github.com/algolia/instantsearch.js/commit/15a6a9d10ee512fab6884696bc59bedea13bd1b3))
+
+
+# [4.38.0](https://github.com/algolia/instantsearch.js/compare/v4.37.3...v4.38.0) (2022-01-28)
+
+
+### Bug Fixes
+
+* **typescript:** remove non-existing UMD type definition ([#5001](https://github.com/algolia/instantsearch.js/issues/5001)) ([c234374](https://github.com/algolia/instantsearch.js/commit/c234374a1f5333f6625980c45fa0833a8c130257))
+
+
+### Features
+
+* **connectors:** expose search results to `transformItems` when available ([#5000](https://github.com/algolia/instantsearch.js/issues/5000)) ([58c2651](https://github.com/algolia/instantsearch.js/commit/58c26517aad916ce49b474458e3411ff7ef5497a))
+
+
+
+## [4.37.3](https://github.com/algolia/instantsearch.js/compare/v4.37.2...v4.37.3) (2022-01-25)
+
+
+### Bug Fixes
+
+* **helpers:** display warning if attribute cannot be highlighted/snippeted ([#4996](https://github.com/algolia/instantsearch.js/issues/4996)) ([e81bf59](https://github.com/algolia/instantsearch.js/commit/e81bf59f0f28eb7b9f54f7d4424c60546b9a4d8c))
+
+
+
+## [4.37.2](https://github.com/algolia/instantsearch.js/compare/v4.37.1...v4.37.2) (2022-01-10)
+
+
+### Bug Fixes
+
+* **searchbox:** make sure setting query to the initial doesn't cause a stale state ([#4990](https://github.com/algolia/instantsearch.js/issues/4990)) ([3faca01](https://github.com/algolia/instantsearch.js/commit/3faca014aad08145c3b4cc66a5e841da3a0f64b8))
+
+
+
 ## [4.37.1](https://github.com/algolia/instantsearch.js/compare/v4.37.0...v4.37.1) (2022-01-05)
 
 

package/cjs/components/Hits/Hits.js

@@ -58,11 +58,5 @@ var Hits = function Hits(_ref) {
   })));
 };
 
-Hits.defaultProps = {
-  results: {
-    hits: []
-  },
-  hits: []
-};
 var _default = Hits;
 exports.default = _default;

package/cjs/components/Pagination/Pagination.js

@@ -9,91 +9,110 @@ var _preact = require("preact");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _PaginationLink = _interopRequireDefault(require("./PaginationLink.js"));
-
 var _index = require("../../lib/utils/index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var defaultProps = {
-  currentPage: 0,
-  nbPages: 0,
-  pages: []
-};
-
 function Pagination(props) {
-  var handleClick = function handleClick(pageNumber, event) {
-    if ((0, _index.isSpecialClick)(event)) {
-      // do not alter the default browser behavior
-      // if one special key is down
-      return;
-    }
+  function createClickHandler(pageNumber) {
+    return function (event) {
+      if ((0, _index.isSpecialClick)(event)) {
+        // do not alter the default browser behavior
+        // if one special key is down
+        return;
+      }
 
-    event.preventDefault();
-    props.setCurrentPage(pageNumber);
-  };
+      event.preventDefault();
+      props.setCurrentPage(pageNumber);
+    };
+  }
 
   return (0, _preact.h)("div", {
     className: (0, _classnames.default)(props.cssClasses.root, _defineProperty({}, props.cssClasses.noRefinementRoot, props.nbPages <= 1))
   }, (0, _preact.h)("ul", {
     className: props.cssClasses.list
-  }, props.showFirst && (0, _preact.h)(_PaginationLink.default, {
-    key: "first",
-    ariaLabel: 'First',
-    additionalClassName: props.cssClasses.firstPageItem,
+  }, props.showFirst && (0, _preact.h)(PaginationLink, {
+    ariaLabel: "First",
+    className: props.cssClasses.firstPageItem,
     isDisabled: props.isFirstPage,
     label: props.templates.first,
     pageNumber: 0,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
-  }), props.showPrevious && (0, _preact.h)(_PaginationLink.default, {
-    key: "previous",
-    ariaLabel: 'Previous',
-    additionalClassName: props.cssClasses.previousPageItem,
+    createClickHandler: createClickHandler
+  }), props.showPrevious && (0, _preact.h)(PaginationLink, {
+    ariaLabel: "Previous",
+    className: props.cssClasses.previousPageItem,
     isDisabled: props.isFirstPage,
     label: props.templates.previous,
     pageNumber: props.currentPage - 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
+    createClickHandler: createClickHandler
   }), props.pages.map(function (pageNumber) {
-    return (0, _preact.h)(_PaginationLink.default, {
+    return (0, _preact.h)(PaginationLink, {
       key: pageNumber,
       ariaLabel: "".concat(pageNumber + 1),
-      additionalClassName: props.cssClasses.pageItem,
+      className: props.cssClasses.pageItem,
       isSelected: pageNumber === props.currentPage,
       label: "".concat(pageNumber + 1),
       pageNumber: pageNumber,
       createURL: props.createURL,
       cssClasses: props.cssClasses,
-      handleClick: handleClick
+      createClickHandler: createClickHandler
     });
-  }), props.showNext && (0, _preact.h)(_PaginationLink.default, {
-    key: "next",
-    ariaLabel: 'Next',
-    additionalClassName: props.cssClasses.nextPageItem,
+  }), props.showNext && (0, _preact.h)(PaginationLink, {
+    ariaLabel: "Next",
+    className: props.cssClasses.nextPageItem,
     isDisabled: props.isLastPage,
     label: props.templates.next,
     pageNumber: props.currentPage + 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
-  }), props.showLast && (0, _preact.h)(_PaginationLink.default, {
-    key: "last",
-    ariaLabel: 'Last',
-    additionalClassName: props.cssClasses.lastPageItem,
+    createClickHandler: createClickHandler
+  }), props.showLast && (0, _preact.h)(PaginationLink, {
+    ariaLabel: "Last",
+    className: props.cssClasses.lastPageItem,
     isDisabled: props.isLastPage,
     label: props.templates.last,
     pageNumber: props.nbPages - 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
+    createClickHandler: createClickHandler
   })));
 }
 
-Pagination.defaultProps = defaultProps;
+function PaginationLink(_ref) {
+  var label = _ref.label,
+      ariaLabel = _ref.ariaLabel,
+      pageNumber = _ref.pageNumber,
+      className = _ref.className,
+      _ref$isDisabled = _ref.isDisabled,
+      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      cssClasses = _ref.cssClasses,
+      createURL = _ref.createURL,
+      createClickHandler = _ref.createClickHandler;
+  return (0, _preact.h)("li", {
+    className: (0, _classnames.default)(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
+  }, isDisabled ? (0, _preact.h)("span", {
+    className: cssClasses.link,
+    dangerouslySetInnerHTML: {
+      __html: label
+    }
+  }) : (0, _preact.h)("a", {
+    className: cssClasses.link,
+    "aria-label": ariaLabel,
+    href: createURL(pageNumber),
+    onClick: createClickHandler(pageNumber),
+    dangerouslySetInnerHTML: {
+      __html: label
+    }
+  }));
+}
+
 var _default = Pagination;
 exports.default = _default;

package/cjs/connectors/breadcrumb/connectBreadcrumb.js

@@ -94,6 +94,9 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
             state = _ref2.state;
 
         function getItems() {
+          // The hierarchicalFacets condition is required for flavors
+          // that render immediately with empty results, without relying
+          // on init() (like React InstantSearch Hooks).
           if (!results || state.hierarchicalFacets.length === 0) {
             return [];
           }
@@ -103,7 +106,9 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
 
           var facetValues = results.getFacetValues(facetName, {});
           var data = Array.isArray(facetValues.data) ? facetValues.data : [];
-          var items = transformItems(shiftItemsValues(prepareItems(data)));
+          var items = transformItems(shiftItemsValues(prepareItems(data)), {
+            results: results
+          });
           return items;
         }
 

package/cjs/connectors/clear-refinements/connectClearRefinements.js

@@ -88,13 +88,15 @@ var connectClearRefinements = function connectClearRefinements(renderFn) {
       },
       getWidgetRenderState: function getWidgetRenderState(_ref2) {
         var createURL = _ref2.createURL,
-            scopedResults = _ref2.scopedResults;
-        connectorState.attributesToClear = scopedResults.reduce(function (results, scopedResult) {
-          return results.concat(getAttributesToClear({
+            scopedResults = _ref2.scopedResults,
+            results = _ref2.results;
+        connectorState.attributesToClear = scopedResults.reduce(function (attributesToClear, scopedResult) {
+          return attributesToClear.concat(getAttributesToClear({
             scopedResult: scopedResult,
             includedAttributes: includedAttributes,
             excludedAttributes: excludedAttributes,
-            transformItems: transformItems
+            transformItems: transformItems,
+            results: results
           }));
         }, []);
 
@@ -139,7 +141,8 @@ function getAttributesToClear(_ref5) {
   var scopedResult = _ref5.scopedResult,
       includedAttributes = _ref5.includedAttributes,
       excludedAttributes = _ref5.excludedAttributes,
-      transformItems = _ref5.transformItems;
+      transformItems = _ref5.transformItems,
+      results = _ref5.results;
   var includesQuery = includedAttributes.indexOf('query') !== -1 || excludedAttributes.indexOf('query') === -1;
   return {
     helper: scopedResult.helper,
@@ -155,7 +158,9 @@ function getAttributesToClear(_ref5) {
         attribute === 'query' && includesQuery || // Otherwise, ignore the excluded attributes
         excludedAttributes.indexOf(attribute) === -1
       );
-    })))
+    })), {
+      results: results
+    })
   };
 }
 

package/cjs/connectors/current-refinements/connectCurrentRefinements.js

@@ -82,7 +82,9 @@ var connectCurrentRefinements = function connectCurrentRefinements(renderFn) {
               helper: helper,
               includedAttributes: includedAttributes,
               excludedAttributes: excludedAttributes
-            }));
+            }), {
+              results: results
+            });
           }
 
           return scopedResults.reduce(function (accResults, scopedResult) {
@@ -91,7 +93,9 @@ var connectCurrentRefinements = function connectCurrentRefinements(renderFn) {
               helper: scopedResult.helper,
               includedAttributes: includedAttributes,
               excludedAttributes: excludedAttributes
-            })));
+            }), {
+              results: results
+            }));
           }, []);
         }
 

package/cjs/connectors/geo-search/connectGeoSearch.js

@@ -169,7 +169,9 @@ var connectGeoSearch = function connectGeoSearch(renderFn) {
         var state = helper.state;
         var items = results ? transformItems(results.hits.filter(function (hit) {
           return hit._geoloc;
-        })) : [];
+        }), {
+          results: results
+        }) : [];
 
         if (!sendEvent) {
           sendEvent = (0, _index.createSendEventForHits)({

package/cjs/connectors/hierarchical-menu/connectHierarchicalMenu.js

@@ -200,7 +200,9 @@ var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
 
           var hasExhaustiveItems = (state.maxValuesPerFacet || 0) > getLimit() ? facetItems.length <= getLimit() : facetItems.length < getLimit();
           canToggleShowMore = showMore && (isShowingMore || !hasExhaustiveItems);
-          items = transformItems(_prepareFacetValues(facetItems));
+          items = transformItems(_prepareFacetValues(facetItems), {
+            results: results
+          });
         }
 
         return {

package/cjs/connectors/hits/connectHits.js

@@ -87,7 +87,9 @@ var connectHits = function connectHits(renderFn) {
 
         var hitsWithAbsolutePosition = (0, _index.addAbsolutePosition)(results.hits, results.page, results.hitsPerPage);
         var hitsWithAbsolutePositionAndQueryID = (0, _index.addQueryID)(hitsWithAbsolutePosition, results.queryID);
-        var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID);
+        var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
+          results: results
+        });
         return {
           hits: transformedHits,
           results: results,

package/cjs/connectors/hits-per-page/connectHitsPerPage.js

@@ -128,7 +128,9 @@ var connectHitsPerPage = function connectHitsPerPage(renderFn) {
             createURL = _ref5.createURL,
             helper = _ref5.helper;
         return {
-          items: transformItems(normalizeItems(state)),
+          items: transformItems(normalizeItems(state), {
+            results: results
+          }),
           refine: connectorState.getRefine(helper),
           createURL: connectorState.createURLFactory({
             state: state,

package/cjs/connectors/infinite-hits/connectInfiniteHits.js

@@ -184,7 +184,9 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
 
           var hitsWithAbsolutePosition = (0, _index.addAbsolutePosition)(results.hits, results.page, results.hitsPerPage);
           var hitsWithAbsolutePositionAndQueryID = (0, _index.addQueryID)(hitsWithAbsolutePosition, results.queryID);
-          var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID);
+          var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
+            results: results
+          });
 
           if (cachedHits[_page] === undefined) {
             cachedHits[_page] = transformedHits;

package/cjs/connectors/menu/connectMenu.js

@@ -176,7 +176,9 @@ var connectMenu = function connectMenu(renderFn) {
               label: label,
               value: value
             });
-          }));
+          }), {
+            results: results
+          });
         }
 
         return {

package/cjs/connectors/numeric-menu/connectNumericMenu.js

@@ -86,8 +86,8 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
         _ref2$items = _ref2.items,
         items = _ref2$items === void 0 ? [] : _ref2$items,
         _ref2$transformItems = _ref2.transformItems,
-        transformItems = _ref2$transformItems === void 0 ? function (x) {
-      return x;
+        transformItems = _ref2$transformItems === void 0 ? function (item) {
+      return item;
     } : _ref2$transformItems;
 
     if (attribute === '') {
@@ -224,7 +224,9 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
 
         return {
           createURL: connectorState.createURL(state),
-          items: transformItems(prepareItems(state)),
+          items: transformItems(prepareItems(state), {
+            results: results
+          }),
           hasNoResults: results ? results.nbHits === 0 : true,
           refine: connectorState.refine,
           sendEvent: connectorState.sendEvent,

package/cjs/connectors/query-rules/connectQueryRules.js

@@ -160,7 +160,9 @@ var connectQueryRules = function connectQueryRules(_render) {
             _ref4$userData = _ref4.userData,
             userData = _ref4$userData === void 0 ? [] : _ref4$userData;
 
-        var items = transformItems(userData);
+        var items = transformItems(userData, {
+          results: results
+        });
         return {
           items: items,
           widgetParams: widgetParams

package/cjs/connectors/refinement-list/connectRefinementList.js

@@ -113,7 +113,8 @@ var connectRefinementList = function connectRefinementList(renderFn) {
     var createSearchForFacetValues = function createSearchForFacetValues(helper, widget) {
       return function (renderOptions) {
         return function (query) {
-          var instantSearchInstance = renderOptions.instantSearchInstance;
+          var instantSearchInstance = renderOptions.instantSearchInstance,
+              searchResults = renderOptions.results;
 
           if (query === '' && lastItemsFromMainSearch) {
             // render with previous data from the helper.
@@ -140,7 +141,9 @@ var connectRefinementList = function connectRefinementList(renderFn) {
                   value: value,
                   label: value
                 });
-              }));
+              }), {
+                results: searchResults
+              });
               renderFn(_objectSpread(_objectSpread({}, widget.getWidgetRenderState(_objectSpread(_objectSpread({}, renderOptions), {}, {
                 results: lastResultsFromMainSearch
               }))), {}, {
@@ -204,7 +207,9 @@ var connectRefinementList = function connectRefinementList(renderFn) {
             facetOrdering: sortBy === DEFAULT_SORT
           });
           facetValues = values && Array.isArray(values) ? values : [];
-          items = transformItems(facetValues.slice(0, getLimit()).map(formatItems));
+          items = transformItems(facetValues.slice(0, getLimit()).map(formatItems), {
+            results: results
+          });
           var maxValuesPerFacetConfig = state.maxValuesPerFacet;
           var currentLimit = getLimit(); // If the limit is the max number of facet retrieved it is impossible to know
           // if the facets are exhaustive. The only moment we are sure it is exhaustive

package/cjs/connectors/search-box/connectSearchBox.js

@@ -18,32 +18,28 @@ var withUsage = (0, _index.createDocumentationMessageGenerator)({
   connector: true
 });
 
+var defaultQueryHook = function defaultQueryHook(query, hook) {
+  return hook(query);
+};
 /**
  * **SearchBox** connector provides the logic to build a widget that will let the user search for a query.
  *
  * The connector provides to the rendering: `refine()` to set the query. The behaviour of this function
  * may be impacted by the `queryHook` widget parameter.
  */
+
+
 var connectSearchBox = function connectSearchBox(renderFn) {
   var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _index.noop;
   (0, _index.checkRendering)(renderFn, withUsage());
   return function (widgetParams) {
     var _ref = widgetParams || {},
-        queryHook = _ref.queryHook;
-
-    function clear(helper) {
-      return function () {
-        helper.setQuery('').search();
-      };
-    }
+        _ref$queryHook = _ref.queryHook,
+        queryHook = _ref$queryHook === void 0 ? defaultQueryHook : _ref$queryHook;
 
     var _refine;
 
-    var _clear = function _clear() {};
-
-    function _cachedClear() {
-      _clear();
-    }
+    var _clear;
 
     return {
       $$type: 'ais.searchBox',
@@ -75,27 +71,21 @@ var connectSearchBox = function connectSearchBox(renderFn) {
             state = _ref3.state;
 
         if (!_refine) {
-          var setQueryAndSearch = function setQueryAndSearch(query) {
-            if (query !== state.query) {
-              helper.setQuery(query).search();
-            }
-          };
-
           _refine = function _refine(query) {
-            if (queryHook) {
-              queryHook(query, setQueryAndSearch);
-              return;
-            }
+            queryHook(query, function (q) {
+              return helper.setQuery(q).search();
+            });
+          };
 
-            setQueryAndSearch(query);
+          _clear = function _clear() {
+            helper.setQuery('').search();
           };
         }
 
-        _clear = clear(helper);
         return {
           query: state.query || '',
           refine: _refine,
-          clear: _cachedClear,
+          clear: _clear,
           widgetParams: widgetParams,
           isSearchStalled: searchMetadata.isSearchStalled
         };

package/cjs/connectors/sort-by/connectSortBy.js

@@ -87,7 +87,9 @@ var connectSortBy = function connectSortBy(renderFn) {
 
         return {
           currentRefinement: state.index,
-          options: transformItems(items),
+          options: transformItems(items, {
+            results: results
+          }),
           refine: connectorState.setIndex,
           hasNoResults: results ? results.nbHits === 0 : true,
           widgetParams: widgetParams

package/cjs/helpers/highlight.js

@@ -18,8 +18,11 @@ function highlight(_ref) {
       hit = _ref.hit,
       _ref$cssClasses = _ref.cssClasses,
       cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  var highlightAttributeResult = (0, _index.getPropertyByPath)(hit._highlightResult, attribute); // @MAJOR fallback to attribute value if highlight is not found
 
-  var _ref2 = (0, _index.getPropertyByPath)(hit._highlightResult, attribute) || {},
+  process.env.NODE_ENV === 'development' ? (0, _index.warning)(highlightAttributeResult, "Could not enable highlight for \"".concat(attribute, "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
+
+  var _ref2 = highlightAttributeResult || {},
       _ref2$value = _ref2.value,
       attributeValue = _ref2$value === void 0 ? '' : _ref2$value; // cx is not used, since it would be bundled as a dependency for Vue & Angular
 

package/cjs/helpers/reverseHighlight.js

@@ -18,8 +18,11 @@ function reverseHighlight(_ref) {
       hit = _ref.hit,
       _ref$cssClasses = _ref.cssClasses,
       cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  var highlightAttributeResult = (0, _index.getPropertyByPath)(hit._highlightResult, attribute); // @MAJOR fallback to attribute value if highlight is not found
 
-  var _ref2 = (0, _index.getPropertyByPath)(hit._highlightResult, attribute) || {},
+  process.env.NODE_ENV === 'development' ? (0, _index.warning)(highlightAttributeResult, "Could not enable reverse highlight for \"".concat(attribute, "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
+
+  var _ref2 = highlightAttributeResult || {},
       _ref2$value = _ref2.value,
       attributeValue = _ref2$value === void 0 ? '' : _ref2$value; // cx is not used, since it would be bundled as a dependency for Vue & Angular
 

package/cjs/helpers/reverseSnippet.js

@@ -18,8 +18,11 @@ function reverseSnippet(_ref) {
       hit = _ref.hit,
       _ref$cssClasses = _ref.cssClasses,
       cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  var snippetAttributeResult = (0, _index.getPropertyByPath)(hit._snippetResult, attribute); // @MAJOR fallback to attribute value if snippet is not found
 
-  var _ref2 = (0, _index.getPropertyByPath)(hit._snippetResult, attribute) || {},
+  process.env.NODE_ENV === 'development' ? (0, _index.warning)(snippetAttributeResult, "Could not enable reverse snippet for \"".concat(attribute, "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
+
+  var _ref2 = snippetAttributeResult || {},
       _ref2$value = _ref2.value,
       attributeValue = _ref2$value === void 0 ? '' : _ref2$value; // cx is not used, since it would be bundled as a dependency for Vue & Angular
 

package/cjs/helpers/snippet.js

@@ -18,8 +18,11 @@ function snippet(_ref) {
       hit = _ref.hit,
       _ref$cssClasses = _ref.cssClasses,
       cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  var snippetAttributeResult = (0, _index.getPropertyByPath)(hit._snippetResult, attribute); // @MAJOR fallback to attribute value if snippet is not found
 
-  var _ref2 = (0, _index.getPropertyByPath)(hit._snippetResult, attribute) || {},
+  process.env.NODE_ENV === 'development' ? (0, _index.warning)(snippetAttributeResult, "Could not enable snippet for \"".concat(attribute, "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
+
+  var _ref2 = snippetAttributeResult || {},
       _ref2$value = _ref2.value,
       attributeValue = _ref2$value === void 0 ? '' : _ref2$value; // cx is not used, since it would be bundled as a dependency for Vue & Angular