feat(answers): add EXPERIMENTAL_Answers widget (#2996)

* feat(answers): add widget [WIP]

* make queryLanguages required

* add extraParameters

* Update packages/react-instantsearch-dom/src/widgets/Answers.js

Co-authored-by: Haroen Viaene <hello@haroen.me>

* set user agent in answers query

* fix the parameters

* bundle up effects as useAnswers

* update the default component

* expose useAnswers

* spread extraParameters

* add prefix to the useAnswers hook

* do not show list on loading

* debounce search calls

* throw error when react version doesn't support hooks

* error handling

* Update packages/react-instantsearch-dom/src/widgets/Answers.js

Co-authored-by: Clément Vannicatte <20689156+shortcuts@users.noreply.github.com>

* add test cases

* use fake client

* Update packages/react-instantsearch-dom/src/widgets/__tests__/Answers.js

Co-authored-by: Clément Vannicatte <20689156+shortcuts@users.noreply.github.com>

* update types of debounce and debounceAsync

* Update packages/react-instantsearch-dom/src/hooks/useAnswers.js

Co-authored-by: Clément Vannicatte <20689156+shortcuts@users.noreply.github.com>

* remove Boolean() function

* fix type error

* clean debounce functions

* expose debounce time options

* update test not to use waitFor

* update bundlesize

* throw error early if findAnswers doesn't exist

* clean up the code

* remove unnecessary catch

* fix(types): fix type errors regarding SpeechRecognition (#3005)

* fix(types): fix type errors regarding SpeechRecognition

* Apply suggestions from code review

Co-authored-by: Haroen Viaene <hello@haroen.me>

Co-authored-by: Haroen Viaene <hello@haroen.me>

* extract runAllMicroTasks to test/utils

* change wait time

* provide initial values in useAnswers

* remove unnecessary parameter

* remove the user agent workaround

Co-authored-by: Haroen Viaene <hello@haroen.me>
Co-authored-by: Clément Vannicatte <20689156+shortcuts@users.noreply.github.com>

Author: 3 people

.codesandbox/ci.json

@@ -1,5 +1,6 @@
 {
   "packages": ["packages/*"],
+  "buildCommand": "lerna run build --scope react-* --ignore *-maps --ignore *-native",
   "sandboxes": [
     "github/algolia/create-instantsearch-app/tree/templates/react-instantsearch",
     "github/algolia/doc-code-samples/tree/master/React InstantSearch/routing-basic"

package.json

@@ -32,7 +32,7 @@
     "website:build": "yarn build && yarn webpack --config website/webpack.config.js"
   },
   "devDependencies": {
-    "@algolia/client-search": "4.0.0-beta.15",
+    "@algolia/client-search": "4.8.2",
     "@babel/cli": "7.4.4",
     "@babel/core": "7.4.5",
     "@babel/plugin-proposal-class-properties": "7.4.4",
@@ -48,7 +48,7 @@
     "@storybook/addons": "5.0.11",
     "@storybook/react": "5.0.11",
     "@storybook/theming": "5.0.11",
-    "@testing-library/react": "9.1.0",
+    "@testing-library/react": "11.2.3",
     "@types/classnames": "^2.2.7",
     "@types/enzyme": "^3.1.15",
     "@types/enzyme-adapter-react-16": "^1.0.3",
@@ -72,7 +72,7 @@
     "@wdio/selenium-standalone-service": "5.16.10",
     "@wdio/spec-reporter": "5.16.11",
     "@wdio/static-server-service": "5.16.10",
-    "algoliasearch": "4.0.0-beta.15",
+    "algoliasearch": "4.8.2",
     "argos-cli": "0.1.3",
     "babel-eslint": "10.0.2",
     "babel-jest": "24.9.0",
@@ -127,7 +127,7 @@
     "rollup-plugin-replace": "2.2.0",
     "rollup-plugin-uglify": "6.0.3",
     "style-loader": "1.0.0",
-    "typescript": "3.5.3",
+    "typescript": "3.8.3",
     "webpack": "4.40.2",
     "webpack-cli": "3.3.7"
   },
@@ -150,7 +150,7 @@
     },
     {
       "path": "packages/react-instantsearch-dom/dist/umd/ReactInstantSearchDOM.min.js",
-      "maxSize": "37.05 kB"
+      "maxSize": "38.00 kB"
     },
     {
       "path": "packages/react-instantsearch-dom-maps/dist/umd/ReactInstantSearchDOMMaps.min.js",

packages/react-instantsearch-core/src/core/__tests__/createInstantSearchManager.derived.js

@@ -1,6 +1,5 @@
 import createInstantSearchManager from '../createInstantSearchManager';
-
-const runAllMicroTasks = () => new Promise(setImmediate);
+import { runAllMicroTasks } from '../../../../../test/utils';
 
 const createSearchClient = () => ({
   search: jest.fn(requests =>

packages/react-instantsearch-core/src/core/__tests__/createInstantSearchManager.error.js

@@ -1,6 +1,5 @@
 import createInstantSearchManager from '../createInstantSearchManager';
-
-const runAllMicroTasks = () => new Promise(setImmediate);
+import { runAllMicroTasks } from '../../../../../test/utils';
 
 const createSearchClient = () => ({
   search: jest.fn(),

packages/react-instantsearch-core/src/core/__tests__/createInstantSearchManager.js

@@ -4,6 +4,7 @@ import Enzyme, { mount } from 'enzyme';
 import algoliasearch from 'algoliasearch/lite';
 import { SearchResults } from 'algoliasearch-helper';
 import createInstantSearchManager from '../createInstantSearchManager';
+import { runAllMicroTasks } from '../../../../../test/utils';
 import {
   InstantSearch,
   Index,
@@ -15,7 +16,6 @@ Enzyme.configure({ adapter: new Adapter() });
 
 jest.useFakeTimers();
 
-const runAllMicroTasks = () => new Promise(setImmediate);
 const runOnlyNextMicroTask = () => Promise.resolve();
 
 const createSearchClient = () => ({

packages/react-instantsearch-core/src/core/__tests__/createInstantSearchManager.result.js

@@ -1,6 +1,5 @@
 import createInstantSearchManager from '../createInstantSearchManager';
-
-const runAllMicroTasks = () => new Promise(setImmediate);
+import { runAllMicroTasks } from '../../../../../test/utils';
 
 const createSearchClient = () => ({
   search: jest.fn(() =>

packages/react-instantsearch-core/src/core/context.ts

@@ -13,10 +13,7 @@ export type InstantSearchContext = {
   mainTargetedIndex: string;
 };
 
-export const {
-  Consumer: InstantSearchConsumer,
-  Provider: InstantSearchProvider,
-} = createContext<InstantSearchContext>({
+export const instantSearchContext = createContext<InstantSearchContext>({
   onInternalStateUpdate: () => undefined,
   createHrefForState: () => '#',
   onSearchForFacetValues: () => undefined,
@@ -27,6 +24,11 @@ export const {
   mainTargetedIndex: '',
 });
 
+export const {
+  Consumer: InstantSearchConsumer,
+  Provider: InstantSearchProvider,
+} = instantSearchContext;
+
 export type IndexContext =
   | {
       targetedIndex: string;

packages/react-instantsearch-core/src/index.ts

@@ -1,5 +1,10 @@
 // Core
 export { default as createConnector } from './core/createConnector';
+export {
+  instantSearchContext,
+  InstantSearchConsumer,
+  InstantSearchProvider,
+} from './core/context';
 
 // Utils
 export { HIGHLIGHT_TAGS } from './core/highlight';

packages/react-instantsearch-dom-maps/src/__tests__/GoogleMapsLoader.jsdom.js

@@ -3,6 +3,7 @@ import Enzyme, { shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import injectScript from 'scriptjs';
 import GoogleMapsLoader from '../GoogleMapsLoader';
+import { runAllMicroTasks } from '../../../../test/utils';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -13,8 +14,6 @@ describe('GoogleMapsLoader', () => {
     apiKey: 'API_KEY',
   };
 
-  const runAllMicroTasks = () => new Promise(resolve => setImmediate(resolve));
-
   it('expect to call Google Maps API', () => {
     const children = jest.fn(x => x);
 

packages/react-instantsearch-dom/src/components/VoiceSearch.tsx

@@ -5,6 +5,7 @@ import createVoiceSearchHelper, {
   VoiceSearchHelper,
   VoiceListeningState,
   Status,
+  SpeechRecognitionErrorCode,
 } from '../lib/voiceSearchHelper';
 const cx = createClassNames('VoiceSearch');