react-instantsearch-nextjs 0.4.4 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -39,7 +39,7 @@ To render the component in the browser and allow users to interact with it, incl
39
39
 
40
40
  ```diff
41
41
  +'use client';
42
- import algoliasearch from 'algoliasearch/lite';
42
+ import { liteClient as algoliasearch } from 'algoliasearch/lite';
43
43
  import {
44
44
  InstantSearch,
45
45
  SearchBox,
@@ -62,7 +62,7 @@ Import the `<InstantSearchNext>` component from the `react-instantsearch-nextjs`
62
62
 
63
63
  ```diff
64
64
  'use client';
65
- import algoliasearch from 'algoliasearch/lite';
65
+ import { liteClient as algoliasearch } from 'algoliasearch/lite';
66
66
  import {
67
67
  - InstantSearch,
68
68
  SearchBox,
@@ -7,36 +7,17 @@ exports.InitializePromise = InitializePromise;
7
7
  var _server = require("instantsearch.js/cjs/lib/server");
8
8
  var _utils = require("instantsearch.js/cjs/lib/utils");
9
9
  var _navigation = require("next/navigation");
10
- var _react = _interopRequireWildcard(require("react"));
10
+ var _react = require("react");
11
11
  var _reactInstantsearchCore = require("react-instantsearch-core");
12
- var _htmlEscape = require("./htmlEscape");
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ var _createInsertHTML = require("./createInsertHTML");
15
13
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
16
14
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
15
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
16
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
17
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
20
18
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
21
- var createInsertHTML = function createInsertHTML(_ref) {
22
- var options = _ref.options,
23
- results = _ref.results,
24
- nonce = _ref.nonce;
25
- return function () {
26
- if (options.inserted) {
27
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
28
- }
29
- options.inserted = true;
30
- return /*#__PURE__*/_react.default.createElement("script", {
31
- nonce: nonce,
32
- dangerouslySetInnerHTML: {
33
- __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat((0, _htmlEscape.htmlEscapeJsonString)(JSON.stringify(results)))
34
- }
35
- });
36
- };
37
- };
38
- function InitializePromise(_ref2) {
39
- var nonce = _ref2.nonce;
19
+ function InitializePromise(_ref) {
20
+ var nonce = _ref.nonce;
40
21
  var _search = (0, _reactInstantsearchCore.useInstantSearchContext)();
41
22
  var waitForResultsRef = (0, _reactInstantsearchCore.useRSCContext)();
42
23
  var insertHTML = (0, _react.useContext)(_navigation.ServerInsertedHTMLContext) || function () {
@@ -56,8 +37,8 @@ function InitializePromise(_ref2) {
56
37
  } else {
57
38
  _search.mainHelper.setClient(_objectSpread(_objectSpread({}, _search.mainHelper.getClient()), {}, {
58
39
  search: function search(queries) {
59
- requestParamsList = queries.map(function (_ref3) {
60
- var params = _ref3.params;
40
+ requestParamsList = queries.map(function (_ref2) {
41
+ var params = _ref2.params;
61
42
  return params;
62
43
  });
63
44
  return _search.client.search(queries);
@@ -88,7 +69,7 @@ function InitializePromise(_ref2) {
88
69
  inserted: false
89
70
  };
90
71
  var results = (0, _server.getInitialResults)(_search.mainIndex, requestParamsList);
91
- insertHTML(createInsertHTML({
72
+ insertHTML((0, _createInsertHTML.createInsertHTML)({
92
73
  options: options,
93
74
  results: results,
94
75
  nonce: nonce
@@ -20,7 +20,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
20
20
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
21
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
22
22
  var InstantSearchInitialResults = Symbol.for('InstantSearchInitialResults');
23
- var _ref2 = /*#__PURE__*/_react.default.createElement(_TriggerSearch.TriggerSearch, null);
24
23
  function InstantSearchNext(_ref) {
25
24
  var children = _ref.children,
26
25
  passedRouting = _ref.routing,
@@ -50,11 +49,13 @@ function InstantSearchNext(_ref) {
50
49
  routing: routing
51
50
  }), isServer && /*#__PURE__*/_react.default.createElement(_InitializePromise.InitializePromise, {
52
51
  nonce: nonce
53
- }), children, isServer && _ref2));
52
+ }), children, isServer && /*#__PURE__*/_react.default.createElement(_TriggerSearch.TriggerSearch, {
53
+ nonce: nonce
54
+ })));
54
55
  }
55
- function ServerOrHydrationProvider(_ref3) {
56
- var isServer = _ref3.isServer,
57
- children = _ref3.children;
56
+ function ServerOrHydrationProvider(_ref2) {
57
+ var isServer = _ref2.isServer,
58
+ children = _ref2.children;
58
59
  var promiseRef = (0, _react.useRef)(null);
59
60
  var initialResults = (0, _utils.safelyRunOnBrowser)(function () {
60
61
  return window[InstantSearchInitialResults];
@@ -4,11 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.TriggerSearch = TriggerSearch;
7
+ var _navigation = require("next/navigation");
8
+ var _react = require("react");
7
9
  var _reactInstantsearchCore = require("react-instantsearch-core");
8
- function TriggerSearch() {
10
+ var _createInsertHTML = require("./createInsertHTML");
11
+ function TriggerSearch(_ref) {
9
12
  var _waitForResultsRef$cu;
13
+ var nonce = _ref.nonce;
10
14
  var instantsearch = (0, _reactInstantsearchCore.useInstantSearchContext)();
11
15
  var waitForResultsRef = (0, _reactInstantsearchCore.useRSCContext)();
16
+ var insertHTML = (0, _react.useContext)(_navigation.ServerInsertedHTMLContext) || function () {
17
+ throw new Error('Missing ServerInsertedHTMLContext');
18
+ };
12
19
  if ((waitForResultsRef === null || waitForResultsRef === void 0 ? void 0 : (_waitForResultsRef$cu = waitForResultsRef.current) === null || _waitForResultsRef$cu === void 0 ? void 0 : _waitForResultsRef$cu.status) === 'pending') {
13
20
  var _instantsearch$mainHe3;
14
21
  if (instantsearch._hasSearchWidget) {
@@ -21,6 +28,18 @@ function TriggerSearch() {
21
28
  }
22
29
  }
23
30
  instantsearch._hasRecommendWidget && ((_instantsearch$mainHe3 = instantsearch.mainHelper) === null || _instantsearch$mainHe3 === void 0 ? void 0 : _instantsearch$mainHe3.recommend());
31
+
32
+ // If there are no widgets, we inject empty initial results instantly
33
+ if (!instantsearch._hasSearchWidget && !instantsearch._hasRecommendWidget) {
34
+ var options = {
35
+ inserted: false
36
+ };
37
+ insertHTML((0, _createInsertHTML.createInsertHTML)({
38
+ options: options,
39
+ results: {},
40
+ nonce: nonce
41
+ }));
42
+ }
24
43
  }
25
44
  return null;
26
45
  }
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.createInsertHTML = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _htmlEscape = require("./htmlEscape");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ var createInsertHTML = exports.createInsertHTML = function createInsertHTML(_ref) {
11
+ var options = _ref.options,
12
+ results = _ref.results,
13
+ nonce = _ref.nonce;
14
+ return function () {
15
+ if (options.inserted) {
16
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
17
+ }
18
+ options.inserted = true;
19
+ return /*#__PURE__*/_react.default.createElement("script", {
20
+ nonce: nonce,
21
+ dangerouslySetInnerHTML: {
22
+ __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat((0, _htmlEscape.htmlEscapeJsonString)(JSON.stringify(results)))
23
+ }
24
+ });
25
+ };
26
+ };
@@ -7,28 +7,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
7
7
  import { getInitialResults } from "instantsearch.js/es/lib/server.js";
8
8
  import { resetWidgetId, walkIndex } from "instantsearch.js/es/lib/utils/index.js";
9
9
  import { ServerInsertedHTMLContext } from "next/navigation.js";
10
- import React, { useContext } from 'react';
10
+ import { useContext } from 'react';
11
11
  import { useInstantSearchContext, useRSCContext, wrapPromiseWithState } from 'react-instantsearch-core';
12
- import { htmlEscapeJsonString } from "./htmlEscape.js";
13
- var createInsertHTML = function createInsertHTML(_ref) {
14
- var options = _ref.options,
15
- results = _ref.results,
16
- nonce = _ref.nonce;
17
- return function () {
18
- if (options.inserted) {
19
- return /*#__PURE__*/React.createElement(React.Fragment, null);
20
- }
21
- options.inserted = true;
22
- return /*#__PURE__*/React.createElement("script", {
23
- nonce: nonce,
24
- dangerouslySetInnerHTML: {
25
- __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat(htmlEscapeJsonString(JSON.stringify(results)))
26
- }
27
- });
28
- };
29
- };
30
- export function InitializePromise(_ref2) {
31
- var nonce = _ref2.nonce;
12
+ import { createInsertHTML } from "./createInsertHTML.js";
13
+ export function InitializePromise(_ref) {
14
+ var nonce = _ref.nonce;
32
15
  var _search = useInstantSearchContext();
33
16
  var waitForResultsRef = useRSCContext();
34
17
  var insertHTML = useContext(ServerInsertedHTMLContext) || function () {
@@ -48,8 +31,8 @@ export function InitializePromise(_ref2) {
48
31
  } else {
49
32
  _search.mainHelper.setClient(_objectSpread(_objectSpread({}, _search.mainHelper.getClient()), {}, {
50
33
  search: function search(queries) {
51
- requestParamsList = queries.map(function (_ref3) {
52
- var params = _ref3.params;
34
+ requestParamsList = queries.map(function (_ref2) {
35
+ var params = _ref2.params;
53
36
  return params;
54
37
  });
55
38
  return _search.client.search(queries);
@@ -11,7 +11,6 @@ import { useInstantSearchRouting } from "./useInstantSearchRouting.js";
11
11
  import { useNextHeaders } from "./useNextHeaders.js";
12
12
  import { warn } from "./warn.js";
13
13
  var InstantSearchInitialResults = Symbol.for('InstantSearchInitialResults');
14
- var _ref2 = /*#__PURE__*/React.createElement(TriggerSearch, null);
15
14
  export function InstantSearchNext(_ref) {
16
15
  var children = _ref.children,
17
16
  passedRouting = _ref.routing,
@@ -41,11 +40,13 @@ export function InstantSearchNext(_ref) {
41
40
  routing: routing
42
41
  }), isServer && /*#__PURE__*/React.createElement(InitializePromise, {
43
42
  nonce: nonce
44
- }), children, isServer && _ref2));
43
+ }), children, isServer && /*#__PURE__*/React.createElement(TriggerSearch, {
44
+ nonce: nonce
45
+ })));
45
46
  }
46
- function ServerOrHydrationProvider(_ref3) {
47
- var isServer = _ref3.isServer,
48
- children = _ref3.children;
47
+ function ServerOrHydrationProvider(_ref2) {
48
+ var isServer = _ref2.isServer,
49
+ children = _ref2.children;
49
50
  var promiseRef = useRef(null);
50
51
  var initialResults = safelyRunOnBrowser(function () {
51
52
  return window[InstantSearchInitialResults];
@@ -1 +1,3 @@
1
- export declare function TriggerSearch(): null;
1
+ export declare function TriggerSearch({ nonce }: {
2
+ nonce?: string;
3
+ }): null;
@@ -1,8 +1,15 @@
1
+ import { ServerInsertedHTMLContext } from "next/navigation.js";
2
+ import { useContext } from 'react';
1
3
  import { useInstantSearchContext, useRSCContext } from 'react-instantsearch-core';
2
- export function TriggerSearch() {
4
+ import { createInsertHTML } from "./createInsertHTML.js";
5
+ export function TriggerSearch(_ref) {
3
6
  var _waitForResultsRef$cu;
7
+ var nonce = _ref.nonce;
4
8
  var instantsearch = useInstantSearchContext();
5
9
  var waitForResultsRef = useRSCContext();
10
+ var insertHTML = useContext(ServerInsertedHTMLContext) || function () {
11
+ throw new Error('Missing ServerInsertedHTMLContext');
12
+ };
6
13
  if ((waitForResultsRef === null || waitForResultsRef === void 0 ? void 0 : (_waitForResultsRef$cu = waitForResultsRef.current) === null || _waitForResultsRef$cu === void 0 ? void 0 : _waitForResultsRef$cu.status) === 'pending') {
7
14
  var _instantsearch$mainHe3;
8
15
  if (instantsearch._hasSearchWidget) {
@@ -15,6 +22,18 @@ export function TriggerSearch() {
15
22
  }
16
23
  }
17
24
  instantsearch._hasRecommendWidget && ((_instantsearch$mainHe3 = instantsearch.mainHelper) === null || _instantsearch$mainHe3 === void 0 ? void 0 : _instantsearch$mainHe3.recommend());
25
+
26
+ // If there are no widgets, we inject empty initial results instantly
27
+ if (!instantsearch._hasSearchWidget && !instantsearch._hasRecommendWidget) {
28
+ var options = {
29
+ inserted: false
30
+ };
31
+ insertHTML(createInsertHTML({
32
+ options: options,
33
+ results: {},
34
+ nonce: nonce
35
+ }));
36
+ }
18
37
  }
19
38
  return null;
20
39
  }
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import type { InitialResults } from 'instantsearch.js';
3
+ export declare const createInsertHTML: ({ options, results, nonce, }: {
4
+ options: {
5
+ inserted: boolean;
6
+ };
7
+ results: InitialResults;
8
+ nonce?: string;
9
+ }) => () => React.JSX.Element;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { htmlEscapeJsonString } from "./htmlEscape.js";
3
+ export var createInsertHTML = function createInsertHTML(_ref) {
4
+ var options = _ref.options,
5
+ results = _ref.results,
6
+ nonce = _ref.nonce;
7
+ return function () {
8
+ if (options.inserted) {
9
+ return /*#__PURE__*/React.createElement(React.Fragment, null);
10
+ }
11
+ options.inserted = true;
12
+ return /*#__PURE__*/React.createElement("script", {
13
+ nonce: nonce,
14
+ dangerouslySetInnerHTML: {
15
+ __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat(htmlEscapeJsonString(JSON.stringify(results)))
16
+ }
17
+ });
18
+ };
19
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-instantsearch-nextjs",
3
- "version": "0.4.4",
3
+ "version": "0.4.6",
4
4
  "description": "React InstantSearch SSR utilities for Next.js",
5
5
  "types": "dist/es/index.d.ts",
6
6
  "main": "dist/cjs/index.js",
@@ -49,13 +49,13 @@
49
49
  "watch:es": "yarn --silent build:es:base --watch"
50
50
  },
51
51
  "devDependencies": {
52
- "instantsearch.js": "4.77.3",
52
+ "instantsearch.js": "4.78.1",
53
53
  "next": "15.1.4",
54
- "react-instantsearch-core": "7.15.3"
54
+ "react-instantsearch-core": "7.15.5"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "next": ">= 13.4 < 16",
58
58
  "react-instantsearch": ">= 7.1.0 < 8"
59
59
  },
60
- "gitHead": "7bba206a039bd2f86ce2936cd48e8b2cac2f2928"
60
+ "gitHead": "f34d5f231fedb011b8cdd9d70ee9644b5e56fbe3"
61
61
  }