vue-instantsearch 3.8.1 → 3.9.0

package/es/package.json.js

@@ -1,2 +1,2 @@
-var r="3.8.1";export{r as version};
+var r="3.9.0";export{r as version};
 //# sourceMappingURL=package.json.js.map

package/es/src/mixins/widget.js

@@ -1,2 +1,2 @@
-import{warn as t}from"../util/warn.js";var e=function(e){void 0===e&&(e={});var n=e.connector;return{inject:{instantSearchInstance:{from:"$_ais_instantSearchInstance",default:function(){var t=this.$options._componentTag;throw new TypeError('It looks like you forgot to wrap your Algolia search component "<'+t+'>" inside of an "<ais-instant-search>" component.')}},getParentIndex:{from:"$_ais_getParentIndex",default:function(){var t=this;return function(){return t.instantSearchInstance.mainIndex}}}},data:function(){return{state:null}},created:function(){if("function"==typeof n){if(this.factory=n(this.updateState,function(){}),this.widget=this.factory(this.widgetParams),this.getParentIndex().addWidgets([this.widget]),this.instantSearchInstance.__initialSearchResults&&!this.instantSearchInstance.started){if("function"!=typeof this.instantSearchInstance.__forceRender)throw new Error("You are using server side rendering with <ais-instant-search> instead of <ais-instant-search-ssr>.");this.instantSearchInstance.__forceRender(this.widget,this.getParentIndex())}}else!0!==n&&t("You are using the InstantSearch widget mixin, but didn't provide a connector.\nWhile this is technically possible, and will give you access to the Helper,\nit's not the recommended way of making custom components.\n\nIf you want to disable this message, pass { connector: true } to the mixin.\n\nRead more on using connectors: https://alg.li/vue-custom")},beforeDestroy:function(){this.widget&&this.getParentIndex().removeWidgets([this.widget])},watch:{widgetParams:{handler:function(t){this.state=null,this.getParentIndex().removeWidgets([this.widget]),this.widget=this.factory(t),this.getParentIndex().addWidgets([this.widget])},deep:!0}},methods:{updateState:function(t,e){void 0===t&&(t={}),e||(this.state=t)}}}};export{e as createWidgetMixin};
+import{warn as t}from"../util/warn.js";var e=function(e){void 0===e&&(e={});var n=e.connector;return{inject:{instantSearchInstance:{from:"$_ais_instantSearchInstance",default:function(){var t=this.$options._componentTag;throw new TypeError('It looks like you forgot to wrap your Algolia search component "<'+t+'>" inside of an "<ais-instant-search>" component.')}},getParentIndex:{from:"$_ais_getParentIndex",default:function(){var t=this;return function(){return t.instantSearchInstance.mainIndex}}}},data:function(){return{state:null}},created:function(){if("function"==typeof n){if(this.factory=n(this.updateState,function(){}),this.widget=this.factory(this.widgetParams),this.getParentIndex().addWidgets([this.widget]),this.instantSearchInstance._initialResults&&!this.instantSearchInstance.started){if("function"!=typeof this.instantSearchInstance.__forceRender)throw new Error("You are using server side rendering with <ais-instant-search> instead of <ais-instant-search-ssr>.");this.instantSearchInstance.__forceRender(this.widget,this.getParentIndex())}}else!0!==n&&t("You are using the InstantSearch widget mixin, but didn't provide a connector.\nWhile this is technically possible, and will give you access to the Helper,\nit's not the recommended way of making custom components.\n\nIf you want to disable this message, pass { connector: true } to the mixin.\n\nRead more on using connectors: https://alg.li/vue-custom")},beforeDestroy:function(){this.widget&&this.getParentIndex().removeWidgets([this.widget])},watch:{widgetParams:{handler:function(t){this.state=null,this.getParentIndex().removeWidgets([this.widget]),this.widget=this.factory(t),this.getParentIndex().addWidgets([this.widget])},deep:!0}},methods:{updateState:function(t,e){void 0===t&&(t={}),e||(this.state=t)}}}};export{e as createWidgetMixin};
 //# sourceMappingURL=widget.js.map

package/es/src/mixins/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sources":["../../../src/mixins/widget.js"],"sourcesContent":["import { warn } from '../util/warn';\n\nexport const createWidgetMixin = ({ connector } = {}) => ({\n  inject: {\n    instantSearchInstance: {\n      from: '$_ais_instantSearchInstance',\n      default() {\n        const tag = this.$options._componentTag;\n        throw new TypeError(\n          `It looks like you forgot to wrap your Algolia search component \"<${tag}>\" inside of an \"<ais-instant-search>\" component.`\n        );\n      },\n    },\n    getParentIndex: {\n      from: '$_ais_getParentIndex',\n      default() {\n        return () => this.instantSearchInstance.mainIndex;\n      },\n    },\n  },\n  data() {\n    return {\n      state: null,\n    };\n  },\n  created() {\n    if (typeof connector === 'function') {\n      this.factory = connector(this.updateState, () => {});\n      this.widget = this.factory(this.widgetParams);\n      this.getParentIndex().addWidgets([this.widget]);\n\n      if (\n        this.instantSearchInstance.__initialSearchResults &&\n        !this.instantSearchInstance.started\n      ) {\n        if (typeof this.instantSearchInstance.__forceRender !== 'function') {\n          throw new Error(\n            'You are using server side rendering with <ais-instant-search> instead of <ais-instant-search-ssr>.'\n          );\n        }\n        this.instantSearchInstance.__forceRender(\n          this.widget,\n          this.getParentIndex()\n        );\n      }\n    } else if (connector !== true) {\n      warn(\n        `You are using the InstantSearch widget mixin, but didn't provide a connector.\nWhile this is technically possible, and will give you access to the Helper,\nit's not the recommended way of making custom components.\n\nIf you want to disable this message, pass { connector: true } to the mixin.\n\nRead more on using connectors: https://alg.li/vue-custom`\n      );\n    }\n  },\n  beforeDestroy() {\n    if (this.widget) {\n      this.getParentIndex().removeWidgets([this.widget]);\n    }\n  },\n  watch: {\n    widgetParams: {\n      handler(nextWidgetParams) {\n        this.state = null;\n        this.getParentIndex().removeWidgets([this.widget]);\n        this.widget = this.factory(nextWidgetParams);\n        this.getParentIndex().addWidgets([this.widget]);\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    updateState(state = {}, isFirstRender) {\n      if (!isFirstRender) {\n        // Avoid updating the state on first render\n        // otherwise there will be a flash of placeholder data\n        this.state = state;\n      }\n    },\n  },\n});\n"],"names":["createWidgetMixin","ref","inject","instantSearchInstance","from","default","const","tag","this","$options","_componentTag","TypeError","getParentIndex","mainIndex","data","state","created","connector","factory","updateState","widget","widgetParams","addWidgets","__initialSearchResults","started","__forceRender","Error","warn","beforeDestroy","removeWidgets","watch","handler","nextWidgetParams","deep","methods","isFirstRender"],"mappings":"uCAEY,IAACA,WAAqBC,kBAAgB,6BAChDC,OAAQ,CACNC,sBAAuB,CACrBC,KAAM,8BACNC,mBACEC,IAAMC,EAAMC,KAAKC,SAASC,cAC1B,MAAM,IAAIC,8EAC4DJ,yDAI1EK,eAAgB,CACdR,KAAM,uBACNC,8BACE,yBAAaG,EAAKL,sBAAsBU,cAI9CC,gBACE,MAAO,CACLC,MAAO,OAGXC,mBACE,GAAyB,mBAAdC,GAKT,GAJAT,KAAKU,QAAUD,EAAUT,KAAKW,0BAC9BX,KAAKY,OAASZ,KAAKU,QAAQV,KAAKa,cAChCb,KAAKI,iBAAiBU,WAAW,CAACd,KAAKY,SAGrCZ,KAAKL,sBAAsBoB,yBAC1Bf,KAAKL,sBAAsBqB,QAC5B,CACA,GAAwD,mBAA7ChB,KAAKL,sBAAsBsB,cACpC,MAAM,IAAIC,MACR,sGAGJlB,KAAKL,sBAAsBsB,cACzBjB,KAAKY,OACLZ,KAAKI,wBAGc,IAAdK,GACTU,EACE,qWAUNC,yBACMpB,KAAKY,QACPZ,KAAKI,iBAAiBiB,cAAc,CAACrB,KAAKY,UAG9CU,MAAO,CACLT,aAAc,CACZU,iBAAQC,GACNxB,KAAKO,MAAQ,KACbP,KAAKI,iBAAiBiB,cAAc,CAACrB,KAAKY,SAC1CZ,KAAKY,OAASZ,KAAKU,QAAQc,GAC3BxB,KAAKI,iBAAiBU,WAAW,CAACd,KAAKY,UAEzCa,MAAM,IAGVC,QAAS,CACPf,qBAAYJ,EAAYoB,kBAAJ,IACbA,IAGH3B,KAAKO,MAAQA"}
+{"version":3,"file":"widget.js","sources":["../../../src/mixins/widget.js"],"sourcesContent":["import { warn } from '../util/warn';\n\nexport const createWidgetMixin = ({ connector } = {}) => ({\n  inject: {\n    instantSearchInstance: {\n      from: '$_ais_instantSearchInstance',\n      default() {\n        const tag = this.$options._componentTag;\n        throw new TypeError(\n          `It looks like you forgot to wrap your Algolia search component \"<${tag}>\" inside of an \"<ais-instant-search>\" component.`\n        );\n      },\n    },\n    getParentIndex: {\n      from: '$_ais_getParentIndex',\n      default() {\n        return () => this.instantSearchInstance.mainIndex;\n      },\n    },\n  },\n  data() {\n    return {\n      state: null,\n    };\n  },\n  created() {\n    if (typeof connector === 'function') {\n      this.factory = connector(this.updateState, () => {});\n      this.widget = this.factory(this.widgetParams);\n      this.getParentIndex().addWidgets([this.widget]);\n\n      if (\n        this.instantSearchInstance._initialResults &&\n        !this.instantSearchInstance.started\n      ) {\n        if (typeof this.instantSearchInstance.__forceRender !== 'function') {\n          throw new Error(\n            'You are using server side rendering with <ais-instant-search> instead of <ais-instant-search-ssr>.'\n          );\n        }\n        this.instantSearchInstance.__forceRender(\n          this.widget,\n          this.getParentIndex()\n        );\n      }\n    } else if (connector !== true) {\n      warn(\n        `You are using the InstantSearch widget mixin, but didn't provide a connector.\nWhile this is technically possible, and will give you access to the Helper,\nit's not the recommended way of making custom components.\n\nIf you want to disable this message, pass { connector: true } to the mixin.\n\nRead more on using connectors: https://alg.li/vue-custom`\n      );\n    }\n  },\n  beforeDestroy() {\n    if (this.widget) {\n      this.getParentIndex().removeWidgets([this.widget]);\n    }\n  },\n  watch: {\n    widgetParams: {\n      handler(nextWidgetParams) {\n        this.state = null;\n        this.getParentIndex().removeWidgets([this.widget]);\n        this.widget = this.factory(nextWidgetParams);\n        this.getParentIndex().addWidgets([this.widget]);\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    updateState(state = {}, isFirstRender) {\n      if (!isFirstRender) {\n        // Avoid updating the state on first render\n        // otherwise there will be a flash of placeholder data\n        this.state = state;\n      }\n    },\n  },\n});\n"],"names":["createWidgetMixin","ref","inject","instantSearchInstance","from","default","const","tag","this","$options","_componentTag","TypeError","getParentIndex","mainIndex","data","state","created","connector","factory","updateState","widget","widgetParams","addWidgets","_initialResults","started","__forceRender","Error","warn","beforeDestroy","removeWidgets","watch","handler","nextWidgetParams","deep","methods","isFirstRender"],"mappings":"uCAEY,IAACA,WAAqBC,kBAAgB,6BAChDC,OAAQ,CACNC,sBAAuB,CACrBC,KAAM,8BACNC,mBACEC,IAAMC,EAAMC,KAAKC,SAASC,cAC1B,MAAM,IAAIC,8EAC4DJ,yDAI1EK,eAAgB,CACdR,KAAM,uBACNC,8BACE,yBAAaG,EAAKL,sBAAsBU,cAI9CC,gBACE,MAAO,CACLC,MAAO,OAGXC,mBACE,GAAyB,mBAAdC,GAKT,GAJAT,KAAKU,QAAUD,EAAUT,KAAKW,0BAC9BX,KAAKY,OAASZ,KAAKU,QAAQV,KAAKa,cAChCb,KAAKI,iBAAiBU,WAAW,CAACd,KAAKY,SAGrCZ,KAAKL,sBAAsBoB,kBAC1Bf,KAAKL,sBAAsBqB,QAC5B,CACA,GAAwD,mBAA7ChB,KAAKL,sBAAsBsB,cACpC,MAAM,IAAIC,MACR,sGAGJlB,KAAKL,sBAAsBsB,cACzBjB,KAAKY,OACLZ,KAAKI,wBAGc,IAAdK,GACTU,EACE,qWAUNC,yBACMpB,KAAKY,QACPZ,KAAKI,iBAAiBiB,cAAc,CAACrB,KAAKY,UAG9CU,MAAO,CACLT,aAAc,CACZU,iBAAQC,GACNxB,KAAKO,MAAQ,KACbP,KAAKI,iBAAiBiB,cAAc,CAACrB,KAAKY,SAC1CZ,KAAKY,OAASZ,KAAKU,QAAQc,GAC3BxB,KAAKI,iBAAiBU,WAAW,CAACd,KAAKY,UAEzCa,MAAM,IAGVC,QAAS,CACPf,qBAAYJ,EAAYoB,kBAAJ,IACbA,IAGH3B,KAAKO,MAAQA"}

package/es/src/util/createServerRootMixin.js

@@ -1,2 +1,2 @@
-import{warn as e}from"./warn.js";import t from"vue";import n from"instantsearch.js/es";import r from"algoliasearch-helper";var i=r.SearchResults,s=r.SearchParameters;function a(e){var n={serverPrefetch:void 0,fetch:void 0,_base:void 0,name:"ais-ssr-root-component",router:e.$router,store:e.$store},r=new(e.$vnode?e.$vnode.componentOptions.Ctor.extend(n):t.component(Object.assign({},e.$options,n)))({propsData:e.$options.propsData});return r.$slots=e.$slots,r.$root=e.$root,r.$options.serverPrefetch=[],r}function o(t,a,o,c){var u,f=r(a,o),d=n(t);return d.findResultsState=function(e){var t,n;try{t=require("vue-server-renderer/basic")}catch(e){}if(!t)throw new Error("you need to install vue-server-renderer");return Promise.resolve().then(function(){(n=c(e)).instantsearch.helper=f,n.instantsearch.mainHelper=f,n.instantsearch.mainIndex.init({instantSearchInstance:n.instantsearch,parent:null,uiState:n.instantsearch._initialUiState})}).then(function(){return function(e,t){return new Promise(function(n,r){return t(e,function(e,t){e&&r(e),n(t)})})}(n,t)}).then(function(){return function(e){return new Promise(function(t,n){e.searchOnlyWithDerivedHelpers(),e.derivedHelpers[0].on("result",function(){t()}),e.derivedHelpers.forEach(function(e){return e.on("error",function(e){n(e)})})})}(f)}).then(function(){var e={};return function e(t,n){return n(t),t.getWidgets().forEach(function(t){"ais.index"===t.$$type&&(n(t),e(t,n))})}(n.instantsearch.mainIndex,function(t){e[t.getIndexId()]=t.getResults()}),d.hydrate(e),u=Object.keys(e).map(function(t){var n=e[t],r=n._state,i=n._rawResults;return[t,{_state:Object.keys(r).reduce(function(e,t){return e[t]=r[t],e},{}),_rawResults:i}]}).reduce(function(e,t){var n=t[0],r=t[1];return e[n]=r,e},{__identifier:"stringified"}),d.getState()})},d.getState=function(){if(!u)throw new Error("You need to wait for findResultsState to finish");return u},d.__forceRender=function(e,t){var n=t.getHelper(),r=d.__initialSearchResults[t.getIndexId()];if(r){var i=r._state;n.state=i,e.render({helper:n,results:r,scopedResults:t.getScopedResults().map(function(e){return Object.assign(e,{results:d.__initialSearchResults[e.indexId]})}),state:i,templatesConfig:{},createURL:t.createURL,instantSearchInstance:d,searchMetadata:{isSearchStalled:!1}})}},d.hydrate=function(t){if(t){var n="stringified"===t.__identifier?Object.keys(t).reduce(function(e,n){return"__identifier"===n?e:(e[n]=new i(new s(t[n]._state),t[n]._rawResults),e)},{}):t;d.__initialSearchResults=n,d.helper=f,d.mainHelper=f,d.mainIndex.init({instantSearchInstance:d,parent:null,uiState:d._initialUiState})}else e("The result of `findResultsState()` needs to be passed to `hydrate()`.")},d}function c(e){void 0===e&&(e={});var t=e.searchClient,n=e.indexName,r=e.$cloneComponent;if(void 0===r&&(r=a),!t||!n)throw new Error("createServerRootMixin requires `searchClient` and `indexName` in the first argument");var i=o(e,t,n,r);return{provide:function(){return{$_ais_ssrInstantSearchInstance:this.instantsearch}},data:function(){return{instantsearch:i}}}}export{c as createServerRootMixin};
+import{warn as e}from"./warn.js";import t from"vue";import r from"instantsearch.js/es";function n(e){var r={serverPrefetch:void 0,fetch:void 0,_base:void 0,name:"ais-ssr-root-component",router:e.$router,store:e.$store},n=new(e.$vnode?e.$vnode.componentOptions.Ctor.extend(r):t.component(r.name,Object.assign({},e.$options,r)))({propsData:e.$options.propsData});return n.$slots=e.$slots,n.$root=e.$root,n.$options.serverPrefetch=[],n}function o(t,n){var o,s=r(t);return s.findResultsState=function(e){var t,r,a;try{t=require("vue-server-renderer/basic")}catch(e){}if(!t)throw new Error("you need to install vue-server-renderer");return Promise.resolve().then(function(){r=n(e),(a=r.instantsearch).start(),a.started=!1}).then(function(){return function(e,t){return new Promise(function(r,n){return t(e,function(e,t){e&&n(e),r(t)})})}(r,t)}).then(function(){return e=a.mainHelper,new Promise(function(t,r){e.searchOnlyWithDerivedHelpers(),e.derivedHelpers[0].on("result",function(){t()}),e.derivedHelpers.forEach(function(e){return e.on("error",function(e){r(e)})})});var e}).then(function(){return o={},function e(t,r){return r(t),t.getWidgets().forEach(function(t){"ais.index"===t.$$type&&(r(t),e(t,r))})}(a.mainIndex,function(e){var t=e.getResults(),r=t._state,n=t._rawResults;o[e.getIndexId()]={state:Object.keys(r).reduce(function(e,t){return e[t]=r[t],e},{}),results:n}}),s.hydrate(o),s.getState()})},s.getState=function(){if(!o)throw new Error("You need to wait for findResultsState to finish");return o},s.__forceRender=function(e,t){var r=t.getResults();if(null!==r){var n=r._state,o=t.getHelper();o.state=n,e.render({helper:o,results:r,scopedResults:t.getScopedResults(),parent:t,state:n,templatesConfig:{},createURL:t.createURL,instantSearchInstance:s,searchMetadata:{isSearchStalled:!1}})}},s.hydrate=function(t){t?(s._initialResults=t,s.start(),s.started=!1):e("The result of `findResultsState()` needs to be passed to `hydrate()`.")},s}function s(e){void 0===e&&(e={});var t=e.$cloneComponent;void 0===t&&(t=n);var r=o(e,t);return{provide:function(){return{$_ais_ssrInstantSearchInstance:this.instantsearch}},data:function(){return{instantsearch:r}}}}export{s as createServerRootMixin};
 //# sourceMappingURL=createServerRootMixin.js.map

package/es/src/util/createServerRootMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"createServerRootMixin.js","sources":["../../../src/util/createServerRootMixin.js"],"sourcesContent":["import Vue from 'vue';\nimport instantsearch from 'instantsearch.js/es';\nimport algoliaHelper from 'algoliasearch-helper';\nconst { SearchResults, SearchParameters } = algoliaHelper;\nimport { warn } from './warn';\n\nfunction walkIndex(indexWidget, visit) {\n  visit(indexWidget);\n\n  return indexWidget.getWidgets().forEach(widget => {\n    if (widget.$$type !== 'ais.index') return;\n    visit(widget);\n    walkIndex(widget, visit);\n  });\n}\n\nfunction renderToString(app, _renderToString) {\n  return new Promise((resolve, reject) =>\n    _renderToString(app, (err, res) => {\n      if (err) reject(err);\n      resolve(res);\n    })\n  );\n}\n\nfunction searchOnlyWithDerivedHelpers(helper) {\n  return new Promise((resolve, reject) => {\n    helper.searchOnlyWithDerivedHelpers();\n\n    // we assume all derived helpers resolve at least in the same tick\n    helper.derivedHelpers[0].on('result', () => {\n      resolve();\n    });\n\n    helper.derivedHelpers.forEach(derivedHelper =>\n      derivedHelper.on('error', e => {\n        reject(e);\n      })\n    );\n  });\n}\n\nfunction defaultCloneComponent(componentInstance) {\n  const options = {\n    serverPrefetch: undefined,\n    fetch: undefined,\n    _base: undefined,\n    name: 'ais-ssr-root-component',\n    // copy over global Vue APIs\n    router: componentInstance.$router,\n    store: componentInstance.$store,\n  };\n\n  const Extended = componentInstance.$vnode\n    ? componentInstance.$vnode.componentOptions.Ctor.extend(options)\n    : Vue.component(Object.assign({}, componentInstance.$options, options));\n\n  const app = new Extended({\n    propsData: componentInstance.$options.propsData,\n  });\n\n  // https://stackoverflow.com/a/48195006/3185307\n  app.$slots = componentInstance.$slots;\n  app.$root = componentInstance.$root;\n  app.$options.serverPrefetch = [];\n\n  return app;\n}\n\nfunction augmentInstantSearch(\n  instantSearchOptions,\n  searchClient,\n  indexName,\n  cloneComponent\n) {\n  /* eslint-disable no-param-reassign */\n\n  const helper = algoliaHelper(searchClient, indexName);\n  const search = instantsearch(instantSearchOptions);\n\n  let resultsState;\n\n  /**\n   * main API for SSR, called in serverPrefetch of a root component which contains instantsearch\n   * @param {object} componentInstance the calling component's `this`\n   * @returns {Promise} result of the search, to save for .hydrate\n   */\n  search.findResultsState = function(componentInstance) {\n    let _renderToString;\n    try {\n      _renderToString = require('vue-server-renderer/basic');\n    } catch (e) {\n      // error is handled by regular if, in case it's `undefined`\n    }\n    if (!_renderToString) {\n      throw new Error('you need to install vue-server-renderer');\n    }\n\n    let app;\n\n    return Promise.resolve()\n      .then(() => {\n        app = cloneComponent(componentInstance);\n\n        app.instantsearch.helper = helper;\n        app.instantsearch.mainHelper = helper;\n\n        app.instantsearch.mainIndex.init({\n          instantSearchInstance: app.instantsearch,\n          parent: null,\n          uiState: app.instantsearch._initialUiState,\n        });\n      })\n      .then(() => renderToString(app, _renderToString))\n      .then(() => searchOnlyWithDerivedHelpers(helper))\n      .then(() => {\n        const results = {};\n        walkIndex(app.instantsearch.mainIndex, widget => {\n          results[widget.getIndexId()] = widget.getResults();\n        });\n\n        search.hydrate(results);\n\n        resultsState = Object.keys(results)\n          .map(indexId => {\n            const { _state, _rawResults } = results[indexId];\n            return [\n              indexId,\n              {\n                // copy just the values of SearchParameters, not the functions\n                _state: Object.keys(_state).reduce((acc, key) => {\n                  acc[key] = _state[key];\n                  return acc;\n                }, {}),\n                _rawResults,\n              },\n            ];\n          })\n          .reduce(\n            (acc, [key, val]) => {\n              acc[key] = val;\n              return acc;\n            },\n            {\n              __identifier: 'stringified',\n            }\n          );\n        return search.getState();\n      });\n  };\n\n  /**\n   * @returns {Promise} result state to serialize and enter into .hydrate\n   */\n  search.getState = function() {\n    if (!resultsState) {\n      throw new Error('You need to wait for findResultsState to finish');\n    }\n    return resultsState;\n  };\n\n  /**\n   * make sure correct data is available in each widget's state.\n   * called in widget mixin with (this.widget, this)\n   *\n   * @param {object} widget The widget instance\n   * @param {object} parent The local parent index\n   * @returns {void}\n   */\n  search.__forceRender = function(widget, parent) {\n    const localHelper = parent.getHelper();\n\n    const results = search.__initialSearchResults[parent.getIndexId()];\n\n    // this happens when a different InstantSearch gets rendered initially,\n    // after the hydrate finished. There's thus no initial results available.\n    if (!results) {\n      return;\n    }\n\n    const state = results._state;\n\n    // helper gets created in init, but that means it doesn't get the injected\n    // parameters, because those are from the lastResults\n    localHelper.state = state;\n\n    widget.render({\n      helper: localHelper,\n      results,\n      scopedResults: parent.getScopedResults().map(result =>\n        Object.assign(result, {\n          results: search.__initialSearchResults[result.indexId],\n        })\n      ),\n      state,\n      templatesConfig: {},\n      createURL: parent.createURL,\n      instantSearchInstance: search,\n      searchMetadata: {\n        isSearchStalled: false,\n      },\n    });\n  };\n\n  /**\n   * Called both in server\n   * @param {object} results a map of indexId: SearchResults\n   * @returns {void}\n   */\n  search.hydrate = function(results) {\n    if (!results) {\n      warn(\n        'The result of `findResultsState()` needs to be passed to `hydrate()`.'\n      );\n      return;\n    }\n\n    const initialResults =\n      results.__identifier === 'stringified'\n        ? Object.keys(results).reduce((acc, indexId) => {\n            if (indexId === '__identifier') {\n              return acc;\n            }\n            acc[indexId] = new SearchResults(\n              new SearchParameters(results[indexId]._state),\n              results[indexId]._rawResults\n            );\n            return acc;\n          }, {})\n        : results;\n\n    search.__initialSearchResults = initialResults;\n\n    search.helper = helper;\n    search.mainHelper = helper;\n\n    search.mainIndex.init({\n      instantSearchInstance: search,\n      parent: null,\n      uiState: search._initialUiState,\n    });\n  };\n\n  /* eslint-enable no-param-reassign */\n  return search;\n}\n\nexport function createServerRootMixin(instantSearchOptions = {}) {\n  const {\n    searchClient,\n    indexName,\n    $cloneComponent = defaultCloneComponent,\n  } = instantSearchOptions;\n\n  if (!searchClient || !indexName) {\n    throw new Error(\n      'createServerRootMixin requires `searchClient` and `indexName` in the first argument'\n    );\n  }\n\n  const search = augmentInstantSearch(\n    instantSearchOptions,\n    searchClient,\n    indexName,\n    $cloneComponent\n  );\n\n  // put this in the user's root Vue instance\n  // we can then reuse that InstantSearch instance seamlessly from `ais-instant-search-ssr`\n  const rootMixin = {\n    provide() {\n      return {\n        $_ais_ssrInstantSearchInstance: this.instantsearch,\n      };\n    },\n    data() {\n      return {\n        // this is in data, so that the real & duplicated render do not share\n        // the same instantsearch instance.\n        instantsearch: search,\n      };\n    },\n  };\n\n  return rootMixin;\n}\n"],"names":["defaultCloneComponent","componentInstance","const","options","serverPrefetch","undefined","fetch","_base","name","router","$router","store","$store","app","$vnode","componentOptions","Ctor","extend","Vue","component","Object","assign","$options","propsData","$slots","$root","augmentInstantSearch","instantSearchOptions","searchClient","indexName","cloneComponent","resultsState","helper","algoliaHelper","search","instantsearch","findResultsState","let","_renderToString","require","e","Error","Promise","resolve","then","mainHelper","mainIndex","init","instantSearchInstance","parent","uiState","_initialUiState","reject","err","res","renderToString","searchOnlyWithDerivedHelpers","derivedHelpers","on","forEach","derivedHelper","results","walkIndex","indexWidget","visit","getWidgets","widget","$$type","getIndexId","getResults","hydrate","keys","map","indexId","_state","reduce","acc","key","_rawResults","ref","val","__identifier","getState","__forceRender","localHelper","getHelper","__initialSearchResults","state","render","scopedResults","getScopedResults","result","templatesConfig","createURL","searchMetadata","isSearchStalled","initialResults","SearchResults","SearchParameters","warn","createServerRootMixin","$cloneComponent","provide","$_ais_ssrInstantSearchInstance","this","data"],"mappings":"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"}
+{"version":3,"file":"createServerRootMixin.js","sources":["../../../src/util/createServerRootMixin.js"],"sourcesContent":["import Vue from 'vue';\nimport instantsearch from 'instantsearch.js/es';\nimport { warn } from './warn';\n\nfunction walkIndex(indexWidget, visit) {\n  visit(indexWidget);\n\n  return indexWidget.getWidgets().forEach(widget => {\n    if (widget.$$type !== 'ais.index') return;\n    visit(widget);\n    walkIndex(widget, visit);\n  });\n}\n\nfunction renderToString(app, _renderToString) {\n  return new Promise((resolve, reject) =>\n    _renderToString(app, (err, res) => {\n      if (err) reject(err);\n      resolve(res);\n    })\n  );\n}\n\nfunction searchOnlyWithDerivedHelpers(helper) {\n  return new Promise((resolve, reject) => {\n    helper.searchOnlyWithDerivedHelpers();\n\n    // we assume all derived helpers resolve at least in the same tick\n    helper.derivedHelpers[0].on('result', () => {\n      resolve();\n    });\n\n    helper.derivedHelpers.forEach(derivedHelper =>\n      derivedHelper.on('error', e => {\n        reject(e);\n      })\n    );\n  });\n}\n\nfunction defaultCloneComponent(componentInstance) {\n  const options = {\n    serverPrefetch: undefined,\n    fetch: undefined,\n    _base: undefined,\n    name: 'ais-ssr-root-component',\n    // copy over global Vue APIs\n    router: componentInstance.$router,\n    store: componentInstance.$store,\n  };\n\n  const Extended = componentInstance.$vnode\n    ? componentInstance.$vnode.componentOptions.Ctor.extend(options)\n    : Vue.component(\n        options.name,\n        Object.assign({}, componentInstance.$options, options)\n      );\n\n  const app = new Extended({\n    propsData: componentInstance.$options.propsData,\n  });\n\n  // https://stackoverflow.com/a/48195006/3185307\n  app.$slots = componentInstance.$slots;\n  app.$root = componentInstance.$root;\n  app.$options.serverPrefetch = [];\n\n  return app;\n}\n\nfunction augmentInstantSearch(instantSearchOptions, cloneComponent) {\n  const search = instantsearch(instantSearchOptions);\n\n  let initialResults;\n\n  /**\n   * main API for SSR, called in serverPrefetch of a root component which contains instantsearch\n   * @param {object} componentInstance the calling component's `this`\n   * @returns {Promise} result of the search, to save for .hydrate\n   */\n  search.findResultsState = function(componentInstance) {\n    let _renderToString;\n    try {\n      _renderToString = require('vue-server-renderer/basic');\n    } catch (e) {\n      // error is handled by regular if, in case it's `undefined`\n    }\n    if (!_renderToString) {\n      throw new Error('you need to install vue-server-renderer');\n    }\n\n    let app;\n    let instance;\n\n    return Promise.resolve()\n      .then(() => {\n        app = cloneComponent(componentInstance);\n\n        instance = app.instantsearch;\n\n        instance.start();\n        // although we use start for initializing the main index,\n        // we don't want to send search requests yet\n        instance.started = false;\n      })\n      .then(() => renderToString(app, _renderToString))\n      .then(() => searchOnlyWithDerivedHelpers(instance.mainHelper))\n      .then(() => {\n        initialResults = {};\n        walkIndex(instance.mainIndex, widget => {\n          const { _state, _rawResults } = widget.getResults();\n\n          initialResults[widget.getIndexId()] = {\n            // copy just the values of SearchParameters, not the functions\n            state: Object.keys(_state).reduce((acc, key) => {\n              // eslint-disable-next-line no-param-reassign\n              acc[key] = _state[key];\n              return acc;\n            }, {}),\n            results: _rawResults,\n          };\n        });\n\n        search.hydrate(initialResults);\n        return search.getState();\n      });\n  };\n\n  /**\n   * @returns {Promise} result state to serialize and enter into .hydrate\n   */\n  search.getState = function() {\n    if (!initialResults) {\n      throw new Error('You need to wait for findResultsState to finish');\n    }\n    return initialResults;\n  };\n\n  /**\n   * make sure correct data is available in each widget's state.\n   * called in widget mixin with (this.widget, this)\n   *\n   * @param {object} widget The widget instance\n   * @param {object} parent The local parent index\n   * @returns {void}\n   */\n  search.__forceRender = function(widget, parent) {\n    const results = parent.getResults();\n\n    // this happens when a different InstantSearch gets rendered initially,\n    // after the hydrate finished. There's thus no initial results available.\n    if (results === null) {\n      return;\n    }\n\n    const state = results._state;\n\n    const localHelper = parent.getHelper();\n    // helper gets created in init, but that means it doesn't get the injected\n    // parameters, because those are from the lastResults\n    localHelper.state = state;\n\n    widget.render({\n      helper: localHelper,\n      results,\n      scopedResults: parent.getScopedResults(),\n      parent,\n      state,\n      templatesConfig: {},\n      createURL: parent.createURL,\n      instantSearchInstance: search,\n      searchMetadata: {\n        isSearchStalled: false,\n      },\n    });\n  };\n\n  /**\n   * Called both in server\n   * @param {object} results a map of indexId: SearchResults\n   * @returns {void}\n   */\n  search.hydrate = function(results) {\n    if (!results) {\n      warn(\n        'The result of `findResultsState()` needs to be passed to `hydrate()`.'\n      );\n      return;\n    }\n\n    search._initialResults = results;\n\n    search.start();\n    search.started = false;\n  };\n  return search;\n}\n\nexport function createServerRootMixin(instantSearchOptions = {}) {\n  const { $cloneComponent = defaultCloneComponent } = instantSearchOptions;\n\n  const search = augmentInstantSearch(instantSearchOptions, $cloneComponent);\n\n  // put this in the user's root Vue instance\n  // we can then reuse that InstantSearch instance seamlessly from `ais-instant-search-ssr`\n  const rootMixin = {\n    provide() {\n      return {\n        $_ais_ssrInstantSearchInstance: this.instantsearch,\n      };\n    },\n    data() {\n      return {\n        // this is in data, so that the real & cloned render do not share\n        // the same instantsearch instance.\n        instantsearch: search,\n      };\n    },\n  };\n\n  return rootMixin;\n}\n"],"names":["defaultCloneComponent","componentInstance","const","options","serverPrefetch","undefined","fetch","_base","name","router","$router","store","$store","app","$vnode","componentOptions","Ctor","extend","Vue","component","Object","assign","$options","propsData","$slots","$root","augmentInstantSearch","instantSearchOptions","cloneComponent","initialResults","search","instantsearch","findResultsState","let","_renderToString","instance","require","e","Error","Promise","resolve","then","start","started","reject","err","res","renderToString","helper","mainHelper","searchOnlyWithDerivedHelpers","derivedHelpers","on","forEach","derivedHelper","walkIndex","indexWidget","visit","getWidgets","widget","$$type","mainIndex","getResults","getIndexId","state","keys","_state","reduce","acc","key","results","_rawResults","hydrate","getState","__forceRender","parent","localHelper","getHelper","render","scopedResults","getScopedResults","templatesConfig","createURL","instantSearchInstance","searchMetadata","isSearchStalled","_initialResults","warn","createServerRootMixin","$cloneComponent","provide","$_ais_ssrInstantSearchInstance","this","data"],"mappings":"uFAwCA,SAASA,EAAsBC,GAC7BC,IAAMC,EAAU,CACdC,oBAAgBC,EAChBC,WAAOD,EACPE,WAAOF,EACPG,KAAM,yBAENC,OAAQR,EAAkBS,QAC1BC,MAAOV,EAAkBW,QAUrBC,EAAM,IAPKZ,EAAkBa,OAC/Bb,EAAkBa,OAAOC,iBAAiBC,KAAKC,OAAOd,GACtDe,EAAIC,UACFhB,EAAQK,KACRY,OAAOC,OAAO,GAAIpB,EAAkBqB,SAAUnB,KAG3B,CACvBoB,UAAWtB,EAAkBqB,SAASC,YAQxC,OAJAV,EAAIW,OAASvB,EAAkBuB,OAC/BX,EAAIY,MAAQxB,EAAkBwB,MAC9BZ,EAAIS,SAASlB,eAAiB,GAEvBS,EAGT,SAASa,EAAqBC,EAAsBC,GAClD1B,IAEI2B,EAFEC,EAASC,EAAcJ,GA4H7B,OAnHAG,EAAOE,iBAAmB,SAAS/B,GACjCgC,IAAIC,EAUArB,EACAsB,EAVJ,IACED,EAAkBE,QAAQ,6BAC1B,MAAOC,IAGT,IAAKH,EACH,MAAM,IAAII,MAAM,2CAMlB,OAAOC,QAAQC,UACZC,gBACC5B,EAAMe,EAAe3B,IAErBkC,EAAWtB,EAAIkB,eAENW,QAGTP,EAASQ,SAAU,IAEpBF,uBA3FP,SAAwB5B,EAAKqB,GAC3B,OAAO,IAAIK,iBAASC,EAASI,UAC3BV,EAAgBrB,WAAMgC,EAAKC,GACrBD,GAAKD,EAAOC,GAChBL,EAAQM,OAuFIC,CAAelC,EAAKqB,KAC/BO,uBAnF+BO,EAmFSb,EAASc,WAlF/C,IAAIV,iBAASC,EAASI,GAC3BI,EAAOE,+BAGPF,EAAOG,eAAe,GAAGC,GAAG,oBAC1BZ,MAGFQ,EAAOG,eAAeE,iBAAQC,UAC5BA,EAAcF,GAAG,iBAASf,GACxBO,EAAOP,SAXf,IAAsCW,IAoF/BP,gBAiBC,OAhBAZ,EAAiB,GAxGzB,SAAS0B,EAAUC,EAAaC,GAG9B,OAFAA,EAAMD,GAECA,EAAYE,aAAaL,iBAAQM,GAChB,cAAlBA,EAAOC,SACXH,EAAME,GACNJ,EAAUI,EAAQF,MAmGdF,CAAUpB,EAAS0B,mBAAWF,GAC5B,MAAgCA,EAAOG,wCAEvCjC,EAAe8B,EAAOI,cAAgB,CAEpCC,MAAO5C,OAAO6C,KAAKC,GAAQC,gBAAQC,EAAKC,GAGtC,OADAD,EAAIC,GAAOH,EAAOG,GACXD,GACN,IACHE,QAASC,KAIbzC,EAAO0C,QAAQ3C,GACRC,EAAO2C,cAOpB3C,EAAO2C,SAAW,WAChB,IAAK5C,EACH,MAAM,IAAIS,MAAM,mDAElB,OAAOT,GAWTC,EAAO4C,cAAgB,SAASf,EAAQgB,GACtCzE,IAAMoE,EAAUK,EAAOb,aAIvB,GAAgB,OAAZQ,EAAJ,CAIApE,IAAM8D,EAAQM,EAAQJ,OAEhBU,EAAcD,EAAOE,YAG3BD,EAAYZ,MAAQA,EAEpBL,EAAOmB,OAAO,CACZ9B,OAAQ4B,UACRN,EACAS,cAAeJ,EAAOK,0BACtBL,QACAX,EACAiB,gBAAiB,GACjBC,UAAWP,EAAOO,UAClBC,sBAAuBrD,EACvBsD,eAAgB,CACdC,iBAAiB,OAUvBvD,EAAO0C,QAAU,SAASF,GACnBA,GAOLxC,EAAOwD,gBAAkBhB,EAEzBxC,EAAOY,QACPZ,EAAOa,SAAU,GATf4C,EACE,0EAUCzD,EAGF,SAAS0D,EAAsB7D,kBAAuB,IAC3D,uCAA0B3B,GAE1BE,IAAM4B,EAASJ,EAAqBC,EAAsB8D,GAmB1D,MAfkB,CAChBC,mBACE,MAAO,CACLC,+BAAgCC,KAAK7D,gBAGzC8D,gBACE,MAAO,CAGL9D,cAAeD"}

package/package.json

@@ -16,7 +16,7 @@
     "autocomplete"
   ],
   "license": "MIT",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "files": [
     "dist",
     "src",
@@ -45,8 +45,7 @@
     "release": "shipjs prepare"
   },
   "dependencies": {
-    "algoliasearch-helper": "^3.1.0",
-    "instantsearch.js": "^4.25.0"
+    "instantsearch.js": "^4.34.0"
   },
   "peerDependencies": {
     "algoliasearch": ">= 3.32.0 < 5",
@@ -67,6 +66,7 @@
     "@wdio/spec-reporter": "^5.11.7",
     "@wdio/static-server-service": "^5.11.0",
     "algoliasearch": "4.0.1",
+    "algoliasearch-helper": "3.6.2",
     "babel-eslint": "10.0.1",
     "babel-jest": "23.6.0",
     "babel-preset-es2015": "6.24.1",
@@ -114,7 +114,7 @@
   "bundlesize": [
     {
       "path": "./dist/vue-instantsearch.js",
-      "maxSize": "54 kB"
+      "maxSize": "56.50 kB"
     },
     {
       "path": "./dist/vue-instantsearch.common.js",

package/src/mixins/widget.js

@@ -30,7 +30,7 @@ export const createWidgetMixin = ({ connector } = {}) => ({
       this.getParentIndex().addWidgets([this.widget]);
 
       if (
-        this.instantSearchInstance.__initialSearchResults &&
+        this.instantSearchInstance._initialResults &&
         !this.instantSearchInstance.started
       ) {
         if (typeof this.instantSearchInstance.__forceRender !== 'function') {

package/src/util/__tests__/createServerRootMixin.test.js

@@ -10,11 +10,7 @@ import SearchBox from '../../components/SearchBox.vue';
 import { createWidgetMixin } from '../../mixins/widget';
 import { createFakeClient } from '../testutils/client';
 import { createSerializedState } from '../testutils/helper';
-import {
-  SearchResults,
-  SearchParameters,
-  AlgoliaSearchHelper,
-} from 'algoliasearch-helper';
+import { SearchParameters, SearchResults } from 'algoliasearch-helper';
 
 jest.unmock('instantsearch.js/es');
 
@@ -54,9 +50,11 @@ describe('createServerRootMixin', () => {
               }),
             ],
           })
-      ).toThrowErrorMatchingInlineSnapshot(
-        `"createServerRootMixin requires \`searchClient\` and \`indexName\` in the first argument"`
-      );
+      ).toThrowErrorMatchingInlineSnapshot(`
+"The \`searchClient\` option is required.
+
+See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsearch/js/"
+`);
     });
 
     it('requires indexName', () => {
@@ -70,9 +68,11 @@ describe('createServerRootMixin', () => {
               }),
             ],
           })
-      ).toThrowErrorMatchingInlineSnapshot(
-        `"createServerRootMixin requires \`searchClient\` and \`indexName\` in the first argument"`
-      );
+      ).toThrowErrorMatchingInlineSnapshot(`
+"The \`indexName\` option is required.
+
+See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsearch/js/"
+`);
     });
 
     it('creates an instantsearch instance on "data"', () => {
@@ -246,6 +246,7 @@ Array [
             h(SearchBox),
           ]);
         },
+
         serverPrefetch() {
           return this.instantsearch.findResultsState(this);
         },
@@ -388,7 +389,7 @@ Array [
                   this.instantsearch.mainIndex.getWidgets().map(w => w.$$type)
                 ).toEqual(['ais.configure']);
 
-                expect(res.hello._state.hitsPerPage).toBe(100);
+                expect(res.hello.state.hitsPerPage).toBe(100);
               })
               // jest throws an error we need to catch, since stuck in the flow
               .catch(e => {
@@ -423,7 +424,7 @@ Array [
 
       expect.assertions(2);
 
-      const App = Vue.component('App', {
+      const App = {
         mixins: [
           forceIsServerMixin,
           createServerRootMixin({
@@ -431,11 +432,8 @@ Array [
             indexName: 'hello',
           }),
         ],
-        render(h) {
-          return h(InstantSearchSsr, {}, [
-            this.$scopedSlots.default({ test: true }),
-          ]);
-        },
+        render: h =>
+          h(InstantSearchSsr, {}, [this.$scopedSlots.default({ test: true })]),
         serverPrefetch() {
           return (
             this.instantsearch
@@ -453,26 +451,23 @@ Array [
               })
           );
         },
-      });
+      };
 
       const wrapper = new Vue({
         mixins: [forceIsServerMixin],
-        render(h) {
-          return h(App, {
+        render: h =>
+          h(App, {
             scopedSlots: {
               default({ test }) {
                 if (test) {
                   return h(Configure, {
-                    attrs: {
-                      hitsPerPage: 100,
-                    },
+                    hitsPerPage: 100,
                   });
                 }
                 return null;
               },
             },
-          });
-        },
+          }),
       });
 
       await renderToString(wrapper);
@@ -519,63 +514,76 @@ Array [
 
       await renderToString(wrapper);
     });
-  });
-
-  describe('hydrate', () => {
-    it('sets __initialSearchResults', () => {
-      const serialized = createSerializedState();
 
+    it('searches only once', async () => {
+      const searchClient = createFakeClient();
       const app = {
         mixins: [
+          forceIsServerMixin,
           createServerRootMixin({
-            searchClient: createFakeClient(),
+            searchClient,
             indexName: 'hello',
           }),
         ],
-        render(h) {
-          return h(InstantSearchSsr, {}, [
+        render: h =>
+          /**
+           * This code triggers this warning in Vue 3:
+           * > Non-function value encountered for default slot. Prefer function slots for better performance.
+           *
+           * To fix it, replace the third argument
+           * > [h(...), h(...)]
+           * with
+           * > { default: () => [h(...), h(...)] }
+           *
+           * but it's not important (and not compatible in vue2), we're leaving it as-is.
+           */
+          h(InstantSearchSsr, {}, [
             h(Configure, {
               attrs: {
                 hitsPerPage: 100,
               },
             }),
             h(SearchBox),
-          ]);
-        },
-        // in test, beforeCreated doesn't have $data yet, but IRL it does
-        created() {
-          this.instantsearch.hydrate({
-            __identifier: 'stringified',
-            hello: serialized,
-          });
+          ]),
+        serverPrefetch() {
+          return this.instantsearch.findResultsState(this);
         },
       };
 
-      const {
-        vm: { instantsearch },
-      } = mount(app);
+      const wrapper = new Vue({
+        mixins: [forceIsServerMixin],
+        render: h => h(app),
+      });
 
-      expect(instantsearch.__initialSearchResults).toEqual(
-        expect.objectContaining({ hello: expect.any(SearchResults) })
-      );
+      await renderToString(wrapper);
 
-      expect(instantsearch.__initialSearchResults.hello).toEqual(
-        expect.objectContaining(serialized)
-      );
+      expect(searchClient.search).toHaveBeenCalledTimes(1);
+      expect(searchClient.search.mock.calls[0][0]).toMatchInlineSnapshot(`
+Array [
+  Object {
+    "indexName": "hello",
+    "params": Object {
+      "facets": Array [],
+      "hitsPerPage": 100,
+      "query": "",
+      "tagFilters": "",
+    },
+  },
+]
+`);
     });
+  });
 
-    it('accepts non-stringified results', () => {
+  describe('hydrate', () => {
+    it('sets _initialResults', () => {
       const serialized = createSerializedState();
-      const nonSerialized = new SearchResults(
-        new SearchParameters(serialized._state),
-        serialized._rawResults
-      );
 
-      const app = {
+      let instantsearch;
+      const app = new Vue({
         mixins: [
           createServerRootMixin({
             searchClient: createFakeClient(),
-            indexName: 'movies',
+            indexName: 'hello',
           }),
         ],
         render(h) {
@@ -590,27 +598,35 @@ Array [
         },
         // in test, beforeCreated doesn't have $data yet, but IRL it does
         created() {
+          instantsearch = this.instantsearch;
           this.instantsearch.hydrate({
-            movies: nonSerialized,
+            hello: serialized,
           });
         },
-      };
+      });
 
-      const {
-        vm: { instantsearch },
-      } = mount(app);
+      mount(app);
 
-      expect(instantsearch.__initialSearchResults).toEqual(
-        expect.objectContaining({ movies: expect.any(SearchResults) })
+      expect(instantsearch._initialResults).toEqual(
+        expect.objectContaining({
+          hello: {
+            state: expect.any(Object),
+            results: expect.any(Object),
+          },
+        })
       );
 
-      expect(instantsearch.__initialSearchResults.movies).toBe(nonSerialized);
+      expect(instantsearch._initialResults.hello).toEqual(
+        expect.objectContaining(serialized)
+      );
     });
 
     it('inits the main index', () => {
       const serialized = createSerializedState();
 
-      const app = {
+      let instantsearch;
+
+      const app = new Vue({
         mixins: [
           createServerRootMixin({
             searchClient: createFakeClient(),
@@ -627,28 +643,30 @@ Array [
             h(SearchBox),
           ]);
         },
-      };
+        created() {
+          instantsearch = this.instantsearch;
+        },
+      });
 
-      const {
-        vm: { instantsearch },
-      } = mount(app);
+      mount(app);
 
       expect(instantsearch.mainIndex.getHelper()).toBe(null);
 
       instantsearch.hydrate({
-        __identifier: 'stringified',
         hello: serialized,
       });
 
-      // TODO: assert that this is expect.any(AlgoliaSearchHelper), but test fails
-      // even though it's an object with all the right properties (including constructor)
-      expect(instantsearch.mainIndex.getHelper()).not.toBeNull();
+      expect(instantsearch.mainIndex.getHelper().constructor.name).toBe(
+        'AlgoliaSearchHelper'
+      );
     });
 
     it('sets helper & mainHelper', () => {
       const serialized = createSerializedState();
 
-      const app = {
+      let instantsearch;
+
+      const app = new Vue({
         mixins: [
           createServerRootMixin({
             searchClient: createFakeClient(),
@@ -665,22 +683,96 @@ Array [
             h(SearchBox),
           ]);
         },
-      };
+        created() {
+          instantsearch = this.instantsearch;
+        },
+      });
 
-      const {
-        vm: { instantsearch },
-      } = mount(app);
+      mount(app);
 
       expect(instantsearch.helper).toBe(null);
       expect(instantsearch.mainHelper).toBe(null);
 
       instantsearch.hydrate({
-        __identifier: 'stringified',
         hello: serialized,
       });
 
-      expect(instantsearch.helper).toEqual(expect.any(AlgoliaSearchHelper));
-      expect(instantsearch.mainHelper).toEqual(expect.any(AlgoliaSearchHelper));
+      expect(instantsearch.helper.constructor.name).toBe('AlgoliaSearchHelper');
+      expect(instantsearch.mainHelper.constructor.name).toBe(
+        'AlgoliaSearchHelper'
+      );
+    });
+
+    it('works when component is at root (and therefore has no $vnode)', async () => {
+      const searchClient = createFakeClient();
+      let mainIndex;
+
+      const app = {
+        render: h =>
+          /**
+           * This code triggers this warning in Vue 3:
+           * > Non-function value encountered for default slot. Prefer function slots for better performance.
+           *
+           * To fix it, replace the third argument
+           * > [h(...), h(...)]
+           * with
+           * > { default: () => [h(...), h(...)] }
+           *
+           * but it's not important (and not compatible in vue2), we're leaving it as-is.
+           */
+          h(InstantSearchSsr, {}, [
+            h(Configure, {
+              attrs: {
+                hitsPerPage: 100,
+              },
+            }),
+            h(SearchBox),
+          ]),
+      };
+
+      const wrapper = new Vue({
+        mixins: [
+          forceIsServerMixin,
+          createServerRootMixin({
+            searchClient,
+            indexName: 'hello',
+          }),
+        ],
+        serverPrefetch() {
+          return this.instantsearch.findResultsState(this);
+        },
+        created() {
+          mainIndex = this.instantsearch.mainIndex;
+        },
+        render: h => h(app),
+      });
+
+      await renderToString(wrapper);
+
+      expect(mainIndex.getWidgetState()).toMatchInlineSnapshot(`
+Object {
+  "hello": Object {
+    "configure": Object {
+      "hitsPerPage": 100,
+    },
+  },
+}
+`);
+
+      expect(searchClient.search).toHaveBeenCalledTimes(1);
+      expect(searchClient.search.mock.calls[0][0]).toMatchInlineSnapshot(`
+Array [
+  Object {
+    "indexName": "hello",
+    "params": Object {
+      "facets": Array [],
+      "hitsPerPage": 100,
+      "query": "",
+      "tagFilters": "",
+    },
+  },
+]
+`);
     });
   });
 
@@ -727,6 +819,7 @@ Array [
               results: expect.anything(),
             }),
           ]),
+          parent: expect.anything(),
           state: expect.anything(),
           instantSearchInstance: expect.anything(),
         },
@@ -735,6 +828,7 @@ Object {
   "createURL": [Function],
   "helper": Anything,
   "instantSearchInstance": Anything,
+  "parent": Anything,
   "results": Anything,
   "scopedResults": ArrayContaining [
     ObjectContaining {
@@ -753,6 +847,58 @@ Object {
       );
     });
 
+    it('uses the results passed to hydrate for rendering', () => {
+      let instantSearchInstance;
+      mount({
+        mixins: [
+          createServerRootMixin({
+            searchClient: createFakeClient(),
+            indexName: 'lol',
+          }),
+        ],
+        created() {
+          instantSearchInstance = this.instantsearch;
+        },
+        render() {},
+      });
+
+      const widget = {
+        init: jest.fn(),
+        render: jest.fn(),
+      };
+
+      const resultsState = createSerializedState();
+      const state = new SearchParameters(resultsState.state);
+      const results = new SearchResults(state, resultsState.results);
+
+      instantSearchInstance.hydrate({
+        lol: resultsState,
+      });
+
+      instantSearchInstance.__forceRender(
+        widget,
+        instantSearchInstance.mainIndex
+      );
+
+      expect(widget.init).toHaveBeenCalledTimes(0);
+      expect(widget.render).toHaveBeenCalledTimes(1);
+
+      const renderArgs = widget.render.mock.calls[0][0];
+
+      expect(renderArgs).toEqual(
+        expect.objectContaining({
+          state,
+          results,
+          scopedResults: [
+            expect.objectContaining({
+              indexId: 'lol',
+              results,
+            }),
+          ],
+        })
+      );
+    });
+
     describe('createURL', () => {
       it('returns # if instantsearch has no routing', () => {
         const app = new Vue({