feat: create clean exports

francoischalifour · Apr 24, 2020 · d0f8ff3 · d0f8ff3
1 parent b86cbcd
commit d0f8ff3
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 6 deletions.
diff --git a/packages/docsearch-react/button.js b/packages/docsearch-react/button.js
@@ -0,0 +1 @@
+export { DocSearchButton } from './dist/esm/DocSearchButton.js';
diff --git a/packages/docsearch-react/modal.js b/packages/docsearch-react/modal.js
@@ -0,0 +1 @@
+export { DocSearchModal } from './dist/esm/DocSearchModal.js';
diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
@@ -17,7 +17,7 @@ function isAppleDevice() {
   return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
 }
 
-export function SearchButton(props: SearchButtonProps) {
+export function DocSearchButton(props: SearchButtonProps) {
   const [key, setKey] = useState(() =>
     isAppleDevice() ? ACTION_KEY_APPLE : ACTION_KEY_DEFAULT
   );

diff --git a/packages/docsearch-react/style.js b/packages/docsearch-react/style.js
@@ -0,0 +1 @@
+import './dist/esm/style.css';
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -11,8 +11,8 @@
   "dependencies": {
     "@docusaurus/core": "2.0.0-alpha.49",
     "@docusaurus/preset-classic": "2.0.0-alpha.49",
+    "@francoischalifour/docsearch-react": "1.0.0-alpha.10",
     "classnames": "2.2.6",
-    "docsearch-react": "1.0.0-alpha.10",
     "react": "16.13.0",
     "react-dom": "16.13.0"
   },

diff --git a/packages/website/src/theme/SearchBar/index.js b/packages/website/src/theme/SearchBar/index.js
@@ -6,7 +6,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { useHistory } from '@docusaurus/router';
 import Link from '@docusaurus/Link';
 import Head from '@docusaurus/Head';
-import { SearchButton } from 'docsearch-react';
+import { DocSearchButton } from '@francoischalifour/docsearch-react/button';
 
 let DocSearch = null;
 
@@ -31,8 +31,8 @@ function SearchBar() {
       }
 
       return Promise.all([
-        import('docsearch-react'),
-        import('docsearch-react/dist/esm/style.css'),
+        import('@francoischalifour/docsearch-react/modal'),
+        import('@francoischalifour/docsearch-react/style'),
       ]).then(([{ DocSearchModal }]) => {
         DocSearch = DocSearchModal;
         setIsLoaded(true);
@@ -94,7 +94,7 @@ function SearchBar() {
         />
       </Head>
 
-      <SearchButton onClick={onOpen} />
+      <DocSearchButton onClick={onOpen} />
 
       {isLoaded &&
         isShowing &&