react-instantsearch-nextjs 0.0.1 → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present Algolia, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,147 @@
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+
+
+- [react-instantsearch-nextjs](#react-instantsearch-nextjs)
+  - [Installation](#installation)
+  - [Usage](#usage)
+  - [API](#api)
+    - [`<InstantSearchNext>`](#instantsearchnext)
+    - [`routing` prop](#routing-prop)
+  - [Troubleshooting](#troubleshooting)
+  - [Contributing](#contributing)
+  - [License](#license)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
+# react-instantsearch-nextjs
+
+This package provides server-side rendering for [React InstantSearch](https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/react/) that is compatible with [Next.js 13 App Router](https://nextjs.org/docs/app).
+
+> [!WARNING]
+> **This package is experimental.**
+
+## Installation
+
+```sh
+yarn add react-instantsearch-nextjs
+# or with npm
+npm install react-instantsearch-nextjs
+```
+
+## Usage
+
+> [!NOTE]
+> You can check this documentation on [Algolia's Documentation website](https://www.algolia.com/doc/guides/building-search-ui/going-further/server-side-rendering/react/#app-router-experimental).
+
+Your search component must be in its own file, and it shouldn't be named `page.js` or `page.tsx`.
+
+To render the component in the browser and allow users to interact with it, include the "use client" directive at the top of your code.
+
+```diff
++'use client';
+import algoliasearch from 'algoliasearch/lite';
+import {
+  InstantSearch,
+  SearchBox,
+} from 'react-instantsearch';
+
+const searchClient = algoliasearch('YourApplicationID', 'YourSearchOnlyAPIKey');
+
+export function Search() {
+  return (
+    <InstantSearch indexName="YourIndexName" searchClient={searchClient}>
+      <SearchBox />
+      {/* other widgets */}
+    </InstantSearch>
+  );
+}
+```
+
+Import the `<InstantSearchNext>` component from the `react-instantsearch-nextjs` package, and replace the <%= widget_link('instantsearch', 'react') %> component with it, without changing the props.
+
+
+```diff
+'use client';
+import algoliasearch from 'algoliasearch/lite';
+import {
+- InstantSearch,
+  SearchBox,
+} from 'react-instantsearch';
++import { InstantSearchNext } from 'react-instantsearch-nextjs';
+
+const searchClient = algoliasearch('YourApplicationID', 'YourSearchOnlyAPIKey');
+
+export function Search() {
+  return (
+-   <InstantSearch indexName="YourIndexName" searchClient={searchClient}>
++   <InstantSearchSSRNext indexName="YourIndexName" searchClient={searchClient}>
+      <SearchBox />
+      {/* other widgets */}
+    </InstantSearch>
+  );
+}
+```
+
+To serve your search page at `/search`, create an `app/search` directory. Inside it, create a `page.js` file (or `page.tsx` if you're using TypeScript).
+
+Make sure to [configure your route segment to be dynamic](https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config#dynamic) so that Next.js generates a new page for each request.
+
+```jsx
+// app/search/page.js or app/search/page.tsx
+import { Search } from './Search'; // change this with the path to your <Search> component
+
+export const dynamic = 'force-dynamic';
+
+export default function Page() {
+  return <Search />;
+}
+```
+
+You can now visit `/search` to see your server-side rendered search page.
+
+## API
+
+### `<InstantSearchNext>`
+
+The `<InstantSearchNext>` component is a drop-in replacement for the `<InstantSearch>` component. It accepts the same props, and it renders the same UI.
+
+You can check the [InstantSearch API reference](https://www.algolia.com/doc/api-reference/widgets/instantsearch/react/) for more information.
+
+### `routing` prop
+
+As with the `<InstantSearch>` component, you can pass a `routing` prop to the `<InstantSearchNext>` component to customize the routing behavior. The difference here is that `routing.router` takes [the same options as the `historyRouter`](https://www.algolia.com/doc/api-reference/widgets/history-router/react/).
+
+## Troubleshooting
+
+If you're experiencing issues, please refer to the [**Need help?**](https://algolia.com/doc/guides/building-search-ui/what-is-instantsearch/react/#need-help) section of the docs, or [open a new issue](https://github.com/algolia/instantsearch.js/issues/new?assignees=&labels=triage&template=BUG_REPORT.yml).
+
+## Contributing
+
+We welcome all contributors, from casual to regular 💙
+
+- **Bug report**. Is something not working as expected? [Send a bug report][contributing-bugreport].
+- **Feature request**. Would you like to add something to the library? [Send a feature request][contributing-featurerequest].
+- **Documentation**. Did you find a typo in the doc? [Open an issue][contributing-newissue] and we'll take care of it.
+- **Development**. If you don't know where to start, you can check the open issues that are [tagged easy][contributing-label-easy], the [bugs][contributing-label-bug] or [chores][contributing-label-chore].
+
+To start contributing to code, you need to:
+
+1.  [Fork the project](https://help.github.com/articles/fork-a-repo/)
+1.  [Clone the repository](https://help.github.com/articles/cloning-a-repository/)
+1.  Install the dependencies: `yarn`
+
+Please read [our contribution process](https://github.com/algolia/instantsearch/blob/master/CONTRIBUTING.md) to learn more.
+
+## License
+
+React InstantSearch is [MIT licensed](../../LICENSE).
+
+<!-- Links -->
+
+[contributing-bugreport]: https://github.com/algolia/instantsearch/issues/new?template=BUG_REPORT.yml&labels=triage,Library%3A%20React+InstantSearch
+[contributing-featurerequest]: https://github.com/algolia/instantsearch/discussions/new?category=ideas&labels=triage,Library%3A%20React+InstantSearch&title=Feature%20request%3A%20
+[contributing-newissue]: https://github.com/algolia/instantsearch/issues/new?labels=triage,Library%3A%20React+InstantSearch
+[contributing-label-easy]: https://github.com/algolia/instantsearch/issues?q=is%3Aopen+is%3Aissue+label%3A%22Difficulty%3A+Easy%22+label%3A%22Library%3A%20React+InstantSearch%22
+[contributing-label-bug]: https://github.com/algolia/instantsearch/issues?q=is%3Aissue+is%3Aopen+label%3A%22Type%3A+Bug%22+label%3A%22Library%3A%20React+InstantSearch%22
+[contributing-label-chore]: https://github.com/algolia/instantsearch/issues?q=is%3Aissue+is%3Aopen+label%3A%22Type%3A+Chore%22+label%3A%22Library%3A%20React+InstantSearch%22

package/dist/cjs/InitializePromise.js

@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitializePromise = InitializePromise;
+var _server = require("instantsearch.js/cjs/lib/server");
+var _utils = require("instantsearch.js/cjs/lib/utils");
+var _navigation = require("next/navigation");
+var _react = _interopRequireWildcard(require("react"));
+var _reactInstantsearchCore = require("react-instantsearch-core");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _ref = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+function InitializePromise() {
+  var search = (0, _reactInstantsearchCore.useInstantSearchContext)();
+  var waitForResultsRef = (0, _reactInstantsearchCore.useRSCContext)();
+  var insertHTML = (0, _react.useContext)(_navigation.ServerInsertedHTMLContext) || function () {
+    throw new Error('Missing ServerInsertedHTMLContext');
+  };
+  var waitForResults = function waitForResults() {
+    return new Promise(function (resolve) {
+      search.mainHelper.derivedHelpers[0].on('result', function () {
+        resolve();
+      });
+    });
+  };
+  var injectInitialResults = function injectInitialResults() {
+    var inserted = false;
+    var results = (0, _server.getInitialResults)(search.mainIndex);
+    insertHTML(function () {
+      if (inserted) {
+        return _ref;
+      }
+      inserted = true;
+      return /*#__PURE__*/_react.default.createElement("script", {
+        dangerouslySetInnerHTML: {
+          __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat(JSON.stringify(results))
+        }
+      });
+    });
+  };
+  if ((waitForResultsRef === null || waitForResultsRef === void 0 ? void 0 : waitForResultsRef.current) === null) {
+    waitForResultsRef.current = (0, _reactInstantsearchCore.wrapPromiseWithState)(waitForResults().then(function () {
+      var shouldRefetch = false;
+      (0, _utils.walkIndex)(search.mainIndex, function (index) {
+        shouldRefetch = index.getWidgets().some(function (widget) {
+          return widget.$$type === 'ais.dynamicWidgets';
+        });
+      });
+      if (shouldRefetch) {
+        waitForResultsRef.current = (0, _reactInstantsearchCore.wrapPromiseWithState)(waitForResults().then(injectInitialResults));
+      }
+      return shouldRefetch;
+    }).then(function (shouldRefetch) {
+      if (shouldRefetch) {
+        return;
+      }
+      injectInitialResults();
+    }));
+  }
+  return null;
+}

package/dist/cjs/InstantSearchNext.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InstantSearchNext = InstantSearchNext;
+var _history = _interopRequireDefault(require("instantsearch.js/cjs/lib/routers/history"));
+var _utils = require("instantsearch.js/cjs/lib/utils");
+var _headers = require("next/headers");
+var _navigation = require("next/navigation");
+var _react = _interopRequireWildcard(require("react"));
+var _reactInstantsearchCore = require("react-instantsearch-core");
+var _InitializePromise = require("./InitializePromise");
+var _TriggerSearch = require("./TriggerSearch");
+var _warn = require("./warn");
+var _excluded = ["children", "routing"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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);
+function InstantSearchNext(_ref) {
+  var children = _ref.children,
+    passedRouting = _ref.routing,
+    instantSearchProps = _objectWithoutProperties(_ref, _excluded);
+  var pathname = (0, _navigation.usePathname)();
+  var searchParams = (0, _navigation.useSearchParams)();
+  var router = (0, _navigation.useRouter)();
+  var isMounting = (0, _react.useRef)(true);
+  (0, _react.useEffect)(function () {
+    isMounting.current = false;
+  }, []);
+  var promiseRef = (0, _react.useRef)(null);
+  var initialResults = (0, _utils.safelyRunOnBrowser)(function () {
+    return window[InstantSearchInitialResults];
+  });
+  var routing = passedRouting && {};
+  if (routing) {
+    var browserHistoryOptions = {};
+    browserHistoryOptions.getLocation = function () {
+      if (typeof window === 'undefined') {
+        var url = "".concat((0, _headers.headers)().get('x-forwarded-proto') || 'http', "://").concat((0, _headers.headers)().get('host')).concat(pathname, "?").concat(searchParams);
+        return new URL(url);
+      }
+      if (isMounting.current) {
+        return new URL("".concat(window.location.protocol, "//").concat(window.location.host).concat(pathname, "?").concat(searchParams));
+      }
+      return window.location;
+    };
+    browserHistoryOptions.push = function push(url) {
+      // This is to skip the push with empty routeState on dispose as it would clear params set on a <Link>
+      if (this.isDisposed) {
+        return;
+      }
+      router.push(url);
+    };
+    if (_typeof(passedRouting) === 'object') {
+      browserHistoryOptions = _objectSpread(_objectSpread({}, browserHistoryOptions), passedRouting.router);
+      routing.stateMapping = passedRouting.stateMapping;
+    }
+    routing.router = (0, _history.default)(browserHistoryOptions);
+  }
+  process.env.NODE_ENV === 'development' ? (0, _warn.warn)(false, "InstantSearchNext relies on experimental APIs and may break in the future.\nThis message will only be displayed in development mode.") : void 0;
+  return /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.InstantSearchRSCContext.Provider, {
+    value: promiseRef
+  }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.InstantSearchSSRProvider, {
+    initialResults: initialResults
+  }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.InstantSearch, _extends({}, instantSearchProps, {
+    routing: routing
+  }), !initialResults && _ref2, children, !initialResults && _ref3)));
+}

package/dist/cjs/TriggerSearch.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TriggerSearch = TriggerSearch;
+var _reactInstantsearchCore = require("react-instantsearch-core");
+function TriggerSearch() {
+  var _waitForResultsRef$cu;
+  var instantsearch = (0, _reactInstantsearchCore.useInstantSearchContext)();
+  var waitForResultsRef = (0, _reactInstantsearchCore.useRSCContext)();
+  if ((waitForResultsRef === null || waitForResultsRef === void 0 ? void 0 : (_waitForResultsRef$cu = waitForResultsRef.current) === null || _waitForResultsRef$cu === void 0 ? void 0 : _waitForResultsRef$cu.status) === 'pending') {
+    var _instantsearch$mainHe;
+    (_instantsearch$mainHe = instantsearch.mainHelper) === null || _instantsearch$mainHe === void 0 ? void 0 : _instantsearch$mainHe.searchOnlyWithDerivedHelpers();
+  }
+  return null;
+}

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InstantSearchNext = require("./InstantSearchNext");
+Object.keys(_InstantSearchNext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InstantSearchNext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InstantSearchNext[key];
+    }
+  });
+});

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs", "sideEffects": false }

package/dist/cjs/warn.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warn = warn;
+exports.warnCache = void 0;
+/* eslint-disable no-console, no-empty */
+
+var warnCache = {
+  current: {}
+};
+
+/**
+ * Logs a warning if the condition is not met.
+ * This is used to log issues in development environment only.
+ */
+exports.warnCache = warnCache;
+function warn(condition, message) {
+  if (!(process.env.NODE_ENV === 'development')) {
+    return;
+  }
+  if (condition) {
+    return;
+  }
+  var sanitizedMessage = message.trim();
+  var hasAlreadyPrinted = warnCache.current[sanitizedMessage];
+  if (!hasAlreadyPrinted) {
+    warnCache.current[sanitizedMessage] = true;
+    var warning = "[react-instantsearch-nextjs] ".concat(sanitizedMessage);
+    console.warn(warning);
+    try {
+      // Welcome to debugging InstantSearch.
+      //
+      // This error was thrown as a convenience so that you can find the source
+      // of the warning that appears in the console by enabling "Pause on exceptions"
+      // in your debugger.
+      throw new Error(warning);
+    } catch (error) {}
+  }
+}

package/dist/es/InitializePromise.d.ts

@@ -0,0 +1 @@
+export declare function InitializePromise(): null;

package/dist/es/InitializePromise.js

@@ -0,0 +1,55 @@
+import { getInitialResults } from "instantsearch.js/es/lib/server.js";
+import { walkIndex } from "instantsearch.js/es/lib/utils/index.js";
+import { ServerInsertedHTMLContext } from "next/navigation.js";
+import React, { useContext } from 'react';
+import { useInstantSearchContext, useRSCContext, wrapPromiseWithState } from 'react-instantsearch-core';
+var _ref = /*#__PURE__*/React.createElement(React.Fragment, null);
+export function InitializePromise() {
+  var search = useInstantSearchContext();
+  var waitForResultsRef = useRSCContext();
+  var insertHTML = useContext(ServerInsertedHTMLContext) || function () {
+    throw new Error('Missing ServerInsertedHTMLContext');
+  };
+  var waitForResults = function waitForResults() {
+    return new Promise(function (resolve) {
+      search.mainHelper.derivedHelpers[0].on('result', function () {
+        resolve();
+      });
+    });
+  };
+  var injectInitialResults = function injectInitialResults() {
+    var inserted = false;
+    var results = getInitialResults(search.mainIndex);
+    insertHTML(function () {
+      if (inserted) {
+        return _ref;
+      }
+      inserted = true;
+      return /*#__PURE__*/React.createElement("script", {
+        dangerouslySetInnerHTML: {
+          __html: "window[Symbol.for(\"InstantSearchInitialResults\")] = ".concat(JSON.stringify(results))
+        }
+      });
+    });
+  };
+  if ((waitForResultsRef === null || waitForResultsRef === void 0 ? void 0 : waitForResultsRef.current) === null) {
+    waitForResultsRef.current = wrapPromiseWithState(waitForResults().then(function () {
+      var shouldRefetch = false;
+      walkIndex(search.mainIndex, function (index) {
+        shouldRefetch = index.getWidgets().some(function (widget) {
+          return widget.$$type === 'ais.dynamicWidgets';
+        });
+      });
+      if (shouldRefetch) {
+        waitForResultsRef.current = wrapPromiseWithState(waitForResults().then(injectInitialResults));
+      }
+      return shouldRefetch;
+    }).then(function (shouldRefetch) {
+      if (shouldRefetch) {
+        return;
+      }
+      injectInitialResults();
+    }));
+  }
+  return null;
+}

package/dist/es/InstantSearchNext.d.ts

@@ -0,0 +1,18 @@
+import type { InitialResults, StateMapping, UiState } from 'instantsearch.js';
+import type { BrowserHistoryArgs } from 'instantsearch.js/es/lib/routers/history';
+import type { InstantSearchProps } from 'react-instantsearch-core';
+declare const InstantSearchInitialResults: unique symbol;
+declare global {
+    interface Window {
+        [InstantSearchInitialResults]?: InitialResults;
+    }
+}
+export type InstantSearchNextRouting<TUiState, TRouteState> = {
+    router?: Partial<BrowserHistoryArgs<TRouteState>>;
+    stateMapping?: StateMapping<TUiState, TRouteState>;
+};
+export type InstantSearchNextProps<TUiState extends UiState = UiState, TRouteState = TUiState> = Omit<InstantSearchProps<TUiState, TRouteState>, 'routing'> & {
+    routing?: InstantSearchNextRouting<TUiState, TRouteState> | boolean;
+};
+export declare function InstantSearchNext<TUiState extends UiState = UiState, TRouteState = TUiState>({ children, routing: passedRouting, ...instantSearchProps }: InstantSearchNextProps<TUiState, TRouteState>): JSX.Element;
+export {};

package/dist/es/InstantSearchNext.js

@@ -0,0 +1,72 @@
+var _excluded = ["children", "routing"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 historyRouter from "instantsearch.js/es/lib/routers/history.js";
+import { safelyRunOnBrowser } from "instantsearch.js/es/lib/utils/index.js";
+import { headers } from "next/headers.js";
+import { usePathname, useSearchParams, useRouter } from "next/navigation.js";
+import React, { useEffect, useRef } from 'react';
+import { InstantSearch, InstantSearchRSCContext, InstantSearchSSRProvider } from 'react-instantsearch-core';
+import { InitializePromise } from "./InitializePromise.js";
+import { TriggerSearch } from "./TriggerSearch.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);
+export function InstantSearchNext(_ref) {
+  var children = _ref.children,
+    passedRouting = _ref.routing,
+    instantSearchProps = _objectWithoutProperties(_ref, _excluded);
+  var pathname = usePathname();
+  var searchParams = useSearchParams();
+  var router = useRouter();
+  var isMounting = useRef(true);
+  useEffect(function () {
+    isMounting.current = false;
+  }, []);
+  var promiseRef = useRef(null);
+  var initialResults = safelyRunOnBrowser(function () {
+    return window[InstantSearchInitialResults];
+  });
+  var routing = passedRouting && {};
+  if (routing) {
+    var browserHistoryOptions = {};
+    browserHistoryOptions.getLocation = function () {
+      if (typeof window === 'undefined') {
+        var url = "".concat(headers().get('x-forwarded-proto') || 'http', "://").concat(headers().get('host')).concat(pathname, "?").concat(searchParams);
+        return new URL(url);
+      }
+      if (isMounting.current) {
+        return new URL("".concat(window.location.protocol, "//").concat(window.location.host).concat(pathname, "?").concat(searchParams));
+      }
+      return window.location;
+    };
+    browserHistoryOptions.push = function push(url) {
+      // This is to skip the push with empty routeState on dispose as it would clear params set on a <Link>
+      if (this.isDisposed) {
+        return;
+      }
+      router.push(url);
+    };
+    if (_typeof(passedRouting) === 'object') {
+      browserHistoryOptions = _objectSpread(_objectSpread({}, browserHistoryOptions), passedRouting.router);
+      routing.stateMapping = passedRouting.stateMapping;
+    }
+    routing.router = historyRouter(browserHistoryOptions);
+  }
+  process.env.NODE_ENV === 'development' ? warn(false, "InstantSearchNext relies on experimental APIs and may break in the future.\nThis message will only be displayed in development mode.") : void 0;
+  return /*#__PURE__*/React.createElement(InstantSearchRSCContext.Provider, {
+    value: promiseRef
+  }, /*#__PURE__*/React.createElement(InstantSearchSSRProvider, {
+    initialResults: initialResults
+  }, /*#__PURE__*/React.createElement(InstantSearch, _extends({}, instantSearchProps, {
+    routing: routing
+  }), !initialResults && _ref2, children, !initialResults && _ref3)));
+}

package/dist/es/TriggerSearch.d.ts

@@ -0,0 +1 @@
+export declare function TriggerSearch(): null;

package/dist/es/TriggerSearch.js

@@ -0,0 +1,11 @@
+import { useInstantSearchContext, useRSCContext } from 'react-instantsearch-core';
+export function TriggerSearch() {
+  var _waitForResultsRef$cu;
+  var instantsearch = useInstantSearchContext();
+  var waitForResultsRef = useRSCContext();
+  if ((waitForResultsRef === null || waitForResultsRef === void 0 ? void 0 : (_waitForResultsRef$cu = waitForResultsRef.current) === null || _waitForResultsRef$cu === void 0 ? void 0 : _waitForResultsRef$cu.status) === 'pending') {
+    var _instantsearch$mainHe;
+    (_instantsearch$mainHe = instantsearch.mainHelper) === null || _instantsearch$mainHe === void 0 ? void 0 : _instantsearch$mainHe.searchOnlyWithDerivedHelpers();
+  }
+  return null;
+}

package/dist/es/index.d.ts

@@ -0,0 +1 @@
+export * from './InstantSearchNext';

package/dist/es/index.js

@@ -0,0 +1 @@
+export * from "./InstantSearchNext.js";

package/dist/es/warn.d.ts

@@ -0,0 +1,10 @@
+type WarnCache = {
+    current: Record<string, boolean>;
+};
+export declare const warnCache: WarnCache;
+/**
+ * Logs a warning if the condition is not met.
+ * This is used to log issues in development environment only.
+ */
+export declare function warn(condition: boolean, message: string): void;
+export {};

package/dist/es/warn.js

@@ -0,0 +1,33 @@
+/* eslint-disable no-console, no-empty */
+
+export var warnCache = {
+  current: {}
+};
+
+/**
+ * Logs a warning if the condition is not met.
+ * This is used to log issues in development environment only.
+ */
+export function warn(condition, message) {
+  if (!(process.env.NODE_ENV === 'development')) {
+    return;
+  }
+  if (condition) {
+    return;
+  }
+  var sanitizedMessage = message.trim();
+  var hasAlreadyPrinted = warnCache.current[sanitizedMessage];
+  if (!hasAlreadyPrinted) {
+    warnCache.current[sanitizedMessage] = true;
+    var warning = "[react-instantsearch-nextjs] ".concat(sanitizedMessage);
+    console.warn(warning);
+    try {
+      // Welcome to debugging InstantSearch.
+      //
+      // This error was thrown as a convenience so that you can find the source
+      // of the warning that appears in the console by enabling "Pause on exceptions"
+      // in your debugger.
+      throw new Error(warning);
+    } catch (error) {}
+  }
+}

package/package.json

@@ -1,5 +1,60 @@
 {
   "name": "react-instantsearch-nextjs",
-  "version": "0.0.1",
-  "description": "Next.js integration for React InstantSearch"
+  "version": "0.1.0",
+  "description": "React InstantSearch SSR utilities for Next.js",
+  "source": "src/index.ts",
+  "types": "dist/es/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
+  "type": "module",
+  "exports": {
+    "types": "./dist/es/index.d.ts",
+    "require": "./dist/cjs/index.js",
+    "default": "./dist/es/index.js"
+  },
+  "sideEffects": false,
+  "license": "MIT",
+  "homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/react/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/algolia/instantsearch"
+  },
+  "author": {
+    "name": "Algolia, Inc.",
+    "url": "https://www.algolia.com"
+  },
+  "keywords": [
+    "algolia",
+    "ssr",
+    "app",
+    "app router",
+    "fast",
+    "instantsearch",
+    "react",
+    "search",
+    "next",
+    "nextjs"
+  ],
+  "files": [
+    "README.md",
+    "dist"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "yarn build:cjs && yarn build:es && yarn build:types",
+    "build:cjs": "BABEL_ENV=cjs babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/cjs --ignore '**/__tests__/**/*','**/__mocks__/**/*' --quiet && ../../scripts/prepare-cjs.sh",
+    "build:es": "BABEL_ENV=es babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/es --ignore '**/__tests__/**/*','**/__mocks__/**/*' --quiet",
+    "build:types": "tsc -p ./tsconfig.declaration.json --outDir ./dist/es",
+    "test:exports": "node ./__tests__/module/is-es-module.mjs && node ./__tests__/module/is-cjs-module.cjs"
+  },
+  "devDependencies": {
+    "instantsearch.js": "4.57.0",
+    "next": "13.5.1",
+    "react-instantsearch-core": "7.1.0"
+  },
+  "peerDependencies": {
+    "next": ">= 13.4 && < 14",
+    "react-instantsearch": ">= 7.1.0 && < 8"
+  },
+  "gitHead": "b2196f01f03c6bea37a3aa048e4e5b45a9bbf33d"
 }