react-instantsearch-nextjs 0.4.3 → 0.4.5
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/dist/cjs/InitializePromise.js +7 -26
- package/dist/cjs/InstantSearchNext.js +6 -5
- package/dist/cjs/TriggerSearch.js +20 -1
- package/dist/cjs/createInsertHTML.js +26 -0
- package/dist/es/InitializePromise.js +6 -23
- package/dist/es/InstantSearchNext.js +6 -5
- package/dist/es/TriggerSearch.d.ts +3 -1
- package/dist/es/TriggerSearch.js +20 -1
- package/dist/es/createInsertHTML.d.ts +9 -0
- package/dist/es/createInsertHTML.js +19 -0
- package/package.json +4 -4
|
@@ -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 =
|
|
10
|
+
var _react = require("react");
|
|
11
11
|
var _reactInstantsearchCore = require("react-instantsearch-core");
|
|
12
|
-
var
|
|
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
|
-
|
|
22
|
-
var
|
|
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 (
|
|
60
|
-
var 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 &&
|
|
52
|
+
}), children, isServer && /*#__PURE__*/_react.default.createElement(_TriggerSearch.TriggerSearch, {
|
|
53
|
+
nonce: nonce
|
|
54
|
+
})));
|
|
54
55
|
}
|
|
55
|
-
function ServerOrHydrationProvider(
|
|
56
|
-
var isServer =
|
|
57
|
-
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
|
-
|
|
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
|
|
10
|
+
import { useContext } from 'react';
|
|
11
11
|
import { useInstantSearchContext, useRSCContext, wrapPromiseWithState } from 'react-instantsearch-core';
|
|
12
|
-
import {
|
|
13
|
-
|
|
14
|
-
var
|
|
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 (
|
|
52
|
-
var 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 &&
|
|
43
|
+
}), children, isServer && /*#__PURE__*/React.createElement(TriggerSearch, {
|
|
44
|
+
nonce: nonce
|
|
45
|
+
})));
|
|
45
46
|
}
|
|
46
|
-
function ServerOrHydrationProvider(
|
|
47
|
-
var isServer =
|
|
48
|
-
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];
|
package/dist/es/TriggerSearch.js
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
3
|
+
"version": "0.4.5",
|
|
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.
|
|
52
|
+
"instantsearch.js": "4.78.0",
|
|
53
53
|
"next": "15.1.4",
|
|
54
|
-
"react-instantsearch-core": "7.15.
|
|
54
|
+
"react-instantsearch-core": "7.15.4"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"next": ">= 13.4 < 16",
|
|
58
58
|
"react-instantsearch": ">= 7.1.0 < 8"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "f82576aaaec5174fe28c0cf68ebe11db18c6936e"
|
|
61
61
|
}
|