refactor(react): replace instantsearch.js with instantsearch-core (#6439)

BREAKING CHANGE: if you are using any internal instantsearch.js functions, ensure to update to instantsearch-core to avoid duplication

Author: Haroenv

examples/react/default-theme/package.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "algoliasearch": "5.1.1",
     "instantsearch.css": "8.5.1",
-    "instantsearch.js": "4.75.5",
+    "instantsearch-core": "0.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-instantsearch": "7.13.8"

examples/react/default-theme/src/App.tsx

@@ -1,5 +1,5 @@
 import { liteClient as algoliasearch } from 'algoliasearch/lite';
-import { Hit as AlgoliaHit } from 'instantsearch.js';
+import { Hit as AlgoliaHit } from 'instantsearch-core';
 import React from 'react';
 import {
   InstantSearch,

examples/react/e-commerce/package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "algoliasearch": "5.1.1",
     "instantsearch.css": "8.5.1",
-    "instantsearch.js": "4.75.5",
+    "instantsearch-core": "0.1.0",
     "react": "18.2.0",
     "react-compound-slider": "3.4.0",
     "react-dom": "18.2.0",

examples/react/getting-started/package.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "algoliasearch": "5.1.1",
     "instantsearch.css": "8.5.1",
-    "instantsearch.js": "4.75.5",
+    "instantsearch-core": "0.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-instantsearch": "7.13.8"

examples/react/getting-started/src/App.tsx

@@ -1,5 +1,5 @@
 import { liteClient as algoliasearch } from 'algoliasearch/lite';
-import { Hit } from 'instantsearch.js';
+import { Hit } from 'instantsearch-core';
 import React from 'react';
 import {
   Configure,

examples/react/getting-started/src/Product.tsx

@@ -1,5 +1,4 @@
 import { liteClient as algoliasearch } from 'algoliasearch/lite';
-import { type Hit } from 'instantsearch.js';
 import React from 'react';
 import {
   Configure,
@@ -9,6 +8,8 @@ import {
   Carousel,
 } from 'react-instantsearch';
 
+import type { Hit } from 'instantsearch-core';
+
 import './App.css';
 import 'instantsearch.css/themes/satellite.css';
 

examples/react/react-native/package.json

@@ -14,7 +14,7 @@
     "algoliasearch": "5.1.1",
     "expo": "~44.0.0",
     "expo-status-bar": "~1.2.0",
-    "instantsearch.js": "4.75.5",
+    "instantsearch-core": "0.1.0",
     "react": "17.0.1",
     "react-instantsearch-core": "7.13.8",
     "react-native": "0.64.3",

examples/react/react-native/src/Highlight.tsx

@@ -1,10 +1,8 @@
 import React, { Fragment } from 'react';
 import { StyleSheet, Text } from 'react-native';
-import { Hit as AlgoliaHit } from 'instantsearch.js';
-import {
-  getHighlightedParts,
-  getPropertyByPath,
-} from 'instantsearch.js/es/lib/utils';
+import { getHighlightedParts, getPropertyByPath } from 'instantsearch-core';
+
+import type { Hit as AlgoliaHit } from 'instantsearch-core';
 
 type HighlightPartProps = {
   children: React.ReactNode;

examples/react/react-native/src/InfiniteHits.tsx

@@ -1,11 +1,12 @@
 import React, { forwardRef } from 'react';
 import { StyleSheet, View, FlatList } from 'react-native';
-import { Hit as AlgoliaHit } from 'instantsearch.js';
 import {
   useInfiniteHits,
   UseInfiniteHitsProps,
 } from 'react-instantsearch-core';
 
+import type { Hit as AlgoliaHit } from 'instantsearch-core';
+
 type InfiniteHitsProps<THit> = UseInfiniteHitsProps & {
   hitComponent: (props: { hit: THit }) => JSX.Element;
 };

examples/react/ssr/src/App.js

@@ -1,5 +1,7 @@
-import { history } from 'instantsearch.js/cjs/lib/routers';
-import { simple } from 'instantsearch.js/cjs/lib/stateMappings';
+import {
+  historyRouter as history,
+  simpleStateMapping as simple,
+} from 'instantsearch-core';
 import React from 'react';
 import {
   Configure,
@@ -12,11 +14,6 @@ import {
   RefinementList,
   SearchBox,
 } from 'react-instantsearch';
-// because this is ran on node without type: "module" set in the package.json
-// we need to use commonjs instead of esm.
-// If you use ESM in Node, you can rely on these import statements instead:
-// import { simple } from 'instantsearch.js/es/lib/stateMappings';
-// import { history } from 'instantsearch.js/es/lib/routers';
 
 import { searchClient } from './searchClient';