react-instantsearch-nextjs 0.3.0 → 0.3.2

package/dist/cjs/InitializePromise.js

@@ -18,8 +18,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var _ref2 = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-function InitializePromise() {
+var _ref3 = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+function InitializePromise(_ref) {
+  var nonce = _ref.nonce;
   var _search = (0, _reactInstantsearchCore.useInstantSearchContext)();
   var waitForResultsRef = (0, _reactInstantsearchCore.useRSCContext)();
   var insertHTML = (0, _react.useContext)(_navigation.ServerInsertedHTMLContext) || function () {
@@ -31,8 +32,8 @@ function InitializePromise() {
   var requestParamsList;
   _search.mainHelper.setClient(_objectSpread(_objectSpread({}, _search.mainHelper.getClient()), {}, {
     search: function search(queries) {
-      requestParamsList = queries.map(function (_ref) {
-        var params = _ref.params;
+      requestParamsList = queries.map(function (_ref2) {
+        var params = _ref2.params;
         return params;
       });
       return _search.client.search(queries);
@@ -62,10 +63,11 @@ function InitializePromise() {
     var results = (0, _server.getInitialResults)(_search.mainIndex, requestParamsList);
     insertHTML(function () {
       if (inserted) {
-        return _ref2;
+        return _ref3;
       }
       inserted = true;
       return /*#__PURE__*/_react.default.createElement("script", {
+        nonce: nonce,
         dangerouslySetInnerHTML: {
           __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat((0, _htmlEscape.htmlEscapeJsonString)(JSON.stringify(results)))
         }

package/dist/cjs/InstantSearchNext.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InstantSearchNext = InstantSearchNext;
 var _utils = require("instantsearch.js/cjs/lib/utils");
+var _headers = require("next/headers");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
 var _InitializePromise = require("./InitializePromise");
@@ -19,8 +20,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
 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; }
 var InstantSearchInitialResults = Symbol.for('InstantSearchInitialResults');
-var _ref2 = /*#__PURE__*/_react.default.createElement(_InitializePromise.InitializePromise, null);
-var _ref3 = /*#__PURE__*/_react.default.createElement(_TriggerSearch.TriggerSearch, null);
+var _ref2 = /*#__PURE__*/_react.default.createElement(_TriggerSearch.TriggerSearch, null);
 function InstantSearchNext(_ref) {
   var children = _ref.children,
     passedRouting = _ref.routing,
@@ -33,6 +33,13 @@ function InstantSearchNext(_ref) {
       delete window[InstantSearchInitialResults];
     };
   }, []);
+  var nonce = (0, _utils.safelyRunOnBrowser)(function () {
+    return undefined;
+  }, {
+    fallback: function fallback() {
+      return (0, _headers.headers)().get('x-nonce') || undefined;
+    }
+  });
   var routing = (0, _useInstantSearchRouting.useInstantSearchRouting)(passedRouting, isMounting);
   var promiseRef = (0, _react.useRef)(null);
   var initialResults = (0, _utils.safelyRunOnBrowser)(function () {
@@ -45,5 +52,7 @@ function InstantSearchNext(_ref) {
     initialResults: initialResults
   }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.InstantSearch, _extends({}, instantSearchProps, {
     routing: routing
-  }), !initialResults && _ref2, children, !initialResults && _ref3)));
+  }), !initialResults && /*#__PURE__*/_react.default.createElement(_InitializePromise.InitializePromise, {
+    nonce: nonce
+  }), children, !initialResults && _ref2)));
 }

package/dist/es/InitializePromise.d.ts

@@ -1 +1,10 @@
-export declare function InitializePromise(): null;
+type InitializePromiseProps = {
+    /**
+     * The nonce to use for the injected script tag.
+     *
+     * @see https://nextjs.org/docs/app/building-your-application/configuring/content-security-policy#nonces
+     */
+    nonce?: string;
+};
+export declare function InitializePromise({ nonce }: InitializePromiseProps): null;
+export {};

package/dist/es/InitializePromise.js

@@ -10,8 +10,9 @@ import { ServerInsertedHTMLContext } from "next/navigation.js";
 import React, { useContext } from 'react';
 import { useInstantSearchContext, useRSCContext, wrapPromiseWithState } from 'react-instantsearch-core';
 import { htmlEscapeJsonString } from "./htmlEscape.js";
-var _ref2 = /*#__PURE__*/React.createElement(React.Fragment, null);
-export function InitializePromise() {
+var _ref3 = /*#__PURE__*/React.createElement(React.Fragment, null);
+export function InitializePromise(_ref) {
+  var nonce = _ref.nonce;
   var _search = useInstantSearchContext();
   var waitForResultsRef = useRSCContext();
   var insertHTML = useContext(ServerInsertedHTMLContext) || function () {
@@ -23,8 +24,8 @@ export function InitializePromise() {
   var requestParamsList;
   _search.mainHelper.setClient(_objectSpread(_objectSpread({}, _search.mainHelper.getClient()), {}, {
     search: function search(queries) {
-      requestParamsList = queries.map(function (_ref) {
-        var params = _ref.params;
+      requestParamsList = queries.map(function (_ref2) {
+        var params = _ref2.params;
         return params;
       });
       return _search.client.search(queries);
@@ -54,10 +55,11 @@ export function InitializePromise() {
     var results = getInitialResults(_search.mainIndex, requestParamsList);
     insertHTML(function () {
       if (inserted) {
-        return _ref2;
+        return _ref3;
       }
       inserted = true;
       return /*#__PURE__*/React.createElement("script", {
+        nonce: nonce,
         dangerouslySetInnerHTML: {
           __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat(htmlEscapeJsonString(JSON.stringify(results)))
         }

package/dist/es/InstantSearchNext.js

@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
 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; }
 import { safelyRunOnBrowser } from "instantsearch.js/es/lib/utils/index.js";
+import { headers } from "next/headers.js";
 import React, { useEffect, useRef } from 'react';
 import { InstantSearch, InstantSearchRSCContext, InstantSearchSSRProvider } from 'react-instantsearch-core';
 import { InitializePromise } from "./InitializePromise.js";
@@ -10,8 +11,7 @@ import { TriggerSearch } from "./TriggerSearch.js";
 import { useInstantSearchRouting } from "./useInstantSearchRouting.js";
 import { warn } from "./warn.js";
 var InstantSearchInitialResults = Symbol.for('InstantSearchInitialResults');
-var _ref2 = /*#__PURE__*/React.createElement(InitializePromise, null);
-var _ref3 = /*#__PURE__*/React.createElement(TriggerSearch, null);
+var _ref2 = /*#__PURE__*/React.createElement(TriggerSearch, null);
 export function InstantSearchNext(_ref) {
   var children = _ref.children,
     passedRouting = _ref.routing,
@@ -24,6 +24,13 @@ export function InstantSearchNext(_ref) {
       delete window[InstantSearchInitialResults];
     };
   }, []);
+  var nonce = safelyRunOnBrowser(function () {
+    return undefined;
+  }, {
+    fallback: function fallback() {
+      return headers().get('x-nonce') || undefined;
+    }
+  });
   var routing = useInstantSearchRouting(passedRouting, isMounting);
   var promiseRef = useRef(null);
   var initialResults = safelyRunOnBrowser(function () {
@@ -36,5 +43,7 @@ export function InstantSearchNext(_ref) {
     initialResults: initialResults
   }, /*#__PURE__*/React.createElement(InstantSearch, _extends({}, instantSearchProps, {
     routing: routing
-  }), !initialResults && _ref2, children, !initialResults && _ref3)));
+  }), !initialResults && /*#__PURE__*/React.createElement(InitializePromise, {
+    nonce: nonce
+  }), children, !initialResults && _ref2)));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-instantsearch-nextjs",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "React InstantSearch SSR utilities for Next.js",
   "types": "dist/es/index.d.ts",
   "main": "dist/cjs/index.js",
@@ -49,13 +49,13 @@
     "watch:es": "yarn --silent build:es:base --watch"
   },
   "devDependencies": {
-    "instantsearch.js": "4.70.0",
+    "instantsearch.js": "4.71.1",
     "next": "13.5.1",
-    "react-instantsearch-core": "7.10.0"
+    "react-instantsearch-core": "7.11.1"
   },
   "peerDependencies": {
     "next": ">= 13.4 && < 15",
     "react-instantsearch": ">= 7.1.0 && < 8"
   },
-  "gitHead": "5bf02d0f65e6e1fc70265319dbad660696d8ba81"
+  "gitHead": "443c2f875bd5ddd5cc94285b49c1e8c05df5e0f6"
 }