feat: Split docsearch-react package exports (#2764)

* feat: Split docsearch-react package exports

* Adds more explicit exports from @docsearch/react package

* fix: docusaurus import

---------

Co-authored-by: Dylan Tientcheu <dylan.tientcheu@algolia.com>
Co-authored-by: Dylan Tientcheu <dylantientcheu@gmail.com>

Author: 8bittitan

packages/docsearch-react/button.js

@@ -1 +1 @@
-export { DocSearchButton } from './dist/esm';
+export { DocSearchButton } from './dist/esm/DocSearchButton.js';

packages/docsearch-react/modal.js

@@ -1 +1 @@
-export { DocSearchModal } from './dist/esm';
+export { DocSearchModal } from './dist/esm/DocSearchModal.js';

packages/docsearch-react/package.json

@@ -16,10 +16,22 @@
   "sideEffects": false,
   "files": [
     "dist/",
-    "style/",
     "button.js",
-    "modal.js"
+    "modal.js",
+    "useTheme.js",
+    "useDocSearchKeyboardEvents.js",
+    "version.js",
+    "style/"
   ],
+  "exports": {
+    ".": "./dist/esm/index.js",
+    "./button": "./dist/esm/DocSearchButton.js",
+    "./modal": "./dist/esm/DocSearchModal.js",
+    "./style": "./style/index.js",
+    "./useDocSearchKeyboardEvents": "./dist/esm/useDocSearchKeyboardEvents.js",
+    "./useTheme": "./dist/esm/useTheme.js",
+    "./version": "./dist/esm/version.js"
+  },
   "source": "src/index.ts",
   "types": "dist/esm/index.d.ts",
   "module": "dist/esm/index.js",

packages/docsearch-react/rollup.config.js

@@ -8,36 +8,96 @@ import { getBundleBanner } from '../../scripts/getBundleBanner';
 
 import pkg from './package.json';
 
+const sourcePlugins = [
+  commonjs(),
+  ...plugins,
+  replace({
+    preventAssignment: true,
+    'process.env.NODE_ENV': JSON.stringify('production'),
+  }),
+];
+
+function sourceOutput(fileName) {
+  return [
+    {
+      globals: {
+        react: 'React',
+        'react-dom': 'ReactDOM',
+      },
+      file: `dist/umd/${fileName}`,
+      format: 'umd',
+      sourcemap: true,
+      name: pkg.name,
+      banner: getBundleBanner(pkg),
+    },
+    { dir: 'dist/esm', format: 'es' },
+  ];
+}
+
 export default [
   {
     input: 'src/index.ts',
     external: ['react', 'react-dom'],
-    output: [
-      {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-        },
-        file: 'dist/umd/index.js',
-        format: 'umd',
-        sourcemap: true,
-        name: pkg.name,
-        banner: getBundleBanner(pkg),
-      },
-      { dir: 'dist/esm', format: 'es' },
-    ],
-    plugins: [
-      commonjs(),
-      ...plugins,
-      replace({
-        preventAssignment: true,
-        'process.env.NODE_ENV': JSON.stringify('production'),
-      }),
-    ],
+    output: sourceOutput('index.js'),
+    plugins: sourcePlugins,
+  },
+  {
+    input: 'src/DocSearchButton.tsx',
+    external: ['react', 'react-dom'],
+    output: sourceOutput('DocsearchButton.js'),
+    plugins: sourcePlugins,
+  },
+  {
+    input: 'src/DocSearchModal.tsx',
+    external: ['react', 'react-dom'],
+    output: sourceOutput('DocSearchModal.js'),
+    plugins: sourcePlugins,
+  },
+  {
+    input: 'src/useDocSearchKeyboardEvents.ts',
+    external: ['react', 'react-dom'],
+    output: sourceOutput('useDocSearchKeyboardEvents.js'),
+    plugins: sourcePlugins,
+  },
+  {
+    input: 'src/useTheme.tsx',
+    external: ['react', 'react-dom'],
+    output: sourceOutput('useTheme.js'),
+    plugins: sourcePlugins,
+  },
+  {
+    input: 'src/version.ts',
+    output: sourceOutput('version.js'),
+    plugins: sourcePlugins,
   },
   {
     input: 'dist/esm/types/index.d.ts',
     output: [{ file: 'dist/esm/index.d.ts', format: 'es' }],
     plugins: [dts()],
   },
+  {
+    input: 'dist/esm/types/DocSearchModal.d.ts',
+    output: [{ file: 'dist/esm/DocSearchModal.d.ts', format: 'es' }],
+    plugins: [dts()],
+  },
+  {
+    input: 'dist/esm/types/DocSearchButton.d.ts',
+    output: [{ file: 'dist/esm/DocSearchButton.d.ts', format: 'es' }],
+    plugins: [dts()],
+  },
+  {
+    input: 'dist/esm/types/useDocSearchKeyboardEvents.d.ts',
+    output: [{ file: 'dist/esm/useDocSearchKeyboardEvents.d.ts', format: 'es' }],
+    plugins: [dts()],
+  },
+  {
+    input: 'dist/esm/types/useTheme.d.ts',
+    output: [{ file: 'dist/esm/useTheme.d.ts', format: 'es' }],
+    plugins: [dts()],
+  },
+  {
+    input: 'dist/esm/types/version.d.ts',
+    output: [{ file: 'dist/esm/version.d.ts', format: 'es' }],
+    plugins: [dts()],
+  },
 ];

packages/docsearch-react/tsconfig.declaration.json

@@ -1,3 +1,10 @@
 {
   "extends": "../../tsconfig.declaration",
+  "include": [
+    "./src/DocSearchButton.tsx",
+    "./src/DocSearchModal.tsx",
+    "./src/useDocSearchKeyboardEvents.ts",
+    "./src/useTheme.tsx",
+    "./src/version.ts"
+  ]
 }

packages/docsearch-react/useDocSearchKeyboardEvents.js

@@ -0,0 +1 @@
+export { useDocSearchKeyboardEvents } from './dist/esm/useDocSearchKeyboardEvents.js';

packages/docsearch-react/useTheme.js

@@ -0,0 +1 @@
+export { useTheme } from './dist/esm/useTheme.js';

packages/docsearch-react/version.js

@@ -0,0 +1 @@
+export { version } from './dist/esm/version.js';