refactor: Reduce lib size by removing indexes

webgodo · Sep 22, 2022 · abf633c · abf633c
1 parent 2b5421b
commit abf633c
Show file tree

Hide file tree

Showing 43 changed files with 80 additions and 119 deletions.
diff --git a/README.md b/README.md
@@ -129,7 +129,6 @@ npm run test
 ```bash
 📂 ./src
 ├── 📂 useHookName
-│  ├── 📄 index.ts # used for exports
 │  ├── 📄 useHookName.demo.tsx # working demo
 │  ├── 📝 useHookName.mdx # the documentation content
 │  ├── 🧪 useHookName.test.ts # unit tests

diff --git a/plopfile.js b/plopfile.js
@@ -11,13 +11,6 @@ module.exports = function (plop) {
       },
     ],
     actions: [
-      // Create the hook index file (for quick export)
-      {
-        type: 'add',
-        path: 'src/{{camelCase name}}/index.ts',
-        templateFile: 'templates/plop/hooks/hook/index.ts.hbs',
-      },
-
       // Create the hook file itself
       {
         type: 'add',

diff --git a/scripts/copyHooks.ts b/scripts/copyHooks.ts
@@ -101,10 +101,14 @@ function copyFile({ source, dest, useSandbox, toMarkdown }: CopyFileProps) {
 
     if (toMarkdown) {
       // rename import from "from '..'" to "from 'usehooks-ts'"
-      const re = new RegExp("^import { (use[A-Z][a-zA-Z]*..)+ } from '..'$")
+      const regex = new RegExp("from '..'$")
+
       const transform = (line: string) => {
-        return line.replace(re, match => match.replace('..', 'usehooks-ts'))
+        return regex.test(line)
+          ? line.replace("from '..'", "from 'usehooks-ts'")
+          : line
       }
+
       data = data.split('\n').map(transform).join('\n')
 
       // wrap code into markdown code tags

diff --git a/src/index.ts b/src/index.ts
@@ -1,35 +1,70 @@
-export * from './useBoolean'
-export * from './useClickAnyWhere'
-export * from './useCopyToClipboard'
-export * from './useCountdown'
-export * from './useCounter'
-export * from './useDarkMode'
-export * from './useDebounce'
-export * from './useEffectOnce'
-export * from './useElementSize'
-export * from './useEventCallback'
-export * from './useEventListener'
-export * from './useFetch'
-export * from './useHover'
-export * from './useImageOnLoad'
-export * from './useIntersectionObserver'
-export * from './useInterval'
-export * from './useIsClient'
-export * from './useIsFirstRender'
-export * from './useIsMounted'
-export * from './useIsomorphicLayoutEffect'
-export * from './useLocalStorage'
-export * from './useLockedBody'
-export * from './useMap'
-export * from './useMediaQuery'
-export * from './useOnClickOutside'
-export * from './useReadLocalStorage'
-export * from './useScreen'
-export * from './useScript'
-export * from './useSessionStorage'
-export * from './useSsr'
-export * from './useStep'
-export * from './useTernaryDarkMode'
-export * from './useTimeout'
-export * from './useUpdateEffect'
-export * from './useWindowSize'
+export { default as useBoolean } from './useBoolean/useBoolean'
+export * from './useBoolean/useBoolean'
+export { default as useClickAnyWhere } from './useClickAnyWhere/useClickAnyWhere'
+export * from './useClickAnyWhere/useClickAnyWhere'
+export { default as useCopyToClipboard } from './useCopyToClipboard/useCopyToClipboard'
+export * from './useCopyToClipboard/useCopyToClipboard'
+export { default as useCountdown } from './useCountdown/useCountdown'
+export * from './useCountdown/useCountdown'
+export { default as useCounter } from './useCounter/useCounter'
+export * from './useCounter/useCounter'
+export { default as useDarkMode } from './useDarkMode/useDarkMode'
+export * from './useDarkMode/useDarkMode'
+export { default as useDebounce } from './useDebounce/useDebounce'
+export * from './useDebounce/useDebounce'
+export { default as useEffectOnce } from './useEffectOnce/useEffectOnce'
+export * from './useEffectOnce/useEffectOnce'
+export { default as useElementSize } from './useElementSize/useElementSize'
+export * from './useElementSize/useElementSize'
+export { default as useEventCallback } from './useEventCallback/useEventCallback'
+export * from './useEventCallback/useEventCallback'
+export { default as useEventListener } from './useEventListener/useEventListener'
+export * from './useEventListener/useEventListener'
+export { default as useFetch } from './useFetch/useFetch'
+export * from './useFetch/useFetch'
+export { default as useHover } from './useHover/useHover'
+export * from './useHover/useHover'
+export { default as useImageOnLoad } from './useImageOnLoad/useImageOnLoad'
+export * from './useImageOnLoad/useImageOnLoad'
+export { default as useIntersectionObserver } from './useIntersectionObserver/useIntersectionObserver'
+export * from './useIntersectionObserver/useIntersectionObserver'
+export { default as useInterval } from './useInterval/useInterval'
+export * from './useInterval/useInterval'
+export { default as useIsClient } from './useIsClient/useIsClient'
+export * from './useIsClient/useIsClient'
+export { default as useIsFirstRender } from './useIsFirstRender/useIsFirstRender'
+export * from './useIsFirstRender/useIsFirstRender'
+export { default as useIsMounted } from './useIsMounted/useIsMounted'
+export * from './useIsMounted/useIsMounted'
+export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect'
+export * from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect'
+export { default as useLocalStorage } from './useLocalStorage/useLocalStorage'
+export * from './useLocalStorage/useLocalStorage'
+export { default as useLockedBody } from './useLockedBody/useLockedBody'
+export * from './useLockedBody/useLockedBody'
+export { default as useMap } from './useMap/useMap'
+export * from './useMap/useMap'
+export { default as useMediaQuery } from './useMediaQuery/useMediaQuery'
+export * from './useMediaQuery/useMediaQuery'
+export { default as useOnClickOutside } from './useOnClickOutside/useOnClickOutside'
+export * from './useOnClickOutside/useOnClickOutside'
+export { default as useReadLocalStorage } from './useReadLocalStorage/useReadLocalStorage'
+export * from './useReadLocalStorage/useReadLocalStorage'
+export { default as useScreen } from './useScreen/useScreen'
+export * from './useScreen/useScreen'
+export { default as useScript } from './useScript/useScript'
+export * from './useScript/useScript'
+export { default as useSessionStorage } from './useSessionStorage/useSessionStorage'
+export * from './useSessionStorage/useSessionStorage'
+export { default as useSsr } from './useSsr/useSsr'
+export * from './useSsr/useSsr'
+export { default as useStep } from './useStep/useStep'
+export * from './useStep/useStep'
+export { default as useTernaryDarkMode } from './useTernaryDarkMode/useTernaryDarkMode'
+export * from './useTernaryDarkMode/useTernaryDarkMode'
+export { default as useTimeout } from './useTimeout/useTimeout'
+export * from './useTimeout/useTimeout'
+export { default as useUpdateEffect } from './useUpdateEffect/useUpdateEffect'
+export * from './useUpdateEffect/useUpdateEffect'
+export { default as useWindowSize } from './useWindowSize/useWindowSize'
+export * from './useWindowSize/useWindowSize'
diff --git a/src/useBoolean/index.ts b/src/useBoolean/index.ts
diff --git a/src/useClickAnyWhere/index.ts b/src/useClickAnyWhere/index.ts
diff --git a/src/useCopyToClipboard/index.ts b/src/useCopyToClipboard/index.ts
diff --git a/src/useCountdown/index.ts b/src/useCountdown/index.ts
diff --git a/src/useCounter/index.ts b/src/useCounter/index.ts
diff --git a/src/useDarkMode/index.ts b/src/useDarkMode/index.ts
diff --git a/src/useDebounce/index.ts b/src/useDebounce/index.ts
diff --git a/src/useEffectOnce/index.ts b/src/useEffectOnce/index.ts
diff --git a/src/useElementSize/index.ts b/src/useElementSize/index.ts
diff --git a/src/useElementSize/useElementSize.test.ts b/src/useElementSize/useElementSize.test.ts
@@ -1,6 +1,6 @@
 import { act, renderHook } from '@testing-library/react-hooks'
 
-import { useElementSize } from '.'
+import { useElementSize } from '..'
 
 const setupHook = () => renderHook(() => useElementSize())
 

diff --git a/src/useEventCallback/index.ts b/src/useEventCallback/index.ts
diff --git a/src/useEventListener/index.ts b/src/useEventListener/index.ts
diff --git a/src/useFetch/index.ts b/src/useFetch/index.ts
diff --git a/src/useHover/index.ts b/src/useHover/index.ts
diff --git a/src/useImageOnLoad/index.ts b/src/useImageOnLoad/index.ts
diff --git a/src/useIntersectionObserver/index.ts b/src/useIntersectionObserver/index.ts
diff --git a/src/useInterval/index.ts b/src/useInterval/index.ts
diff --git a/src/useIsClient/index.ts b/src/useIsClient/index.ts
diff --git a/src/useIsFirstRender/index.ts b/src/useIsFirstRender/index.ts
diff --git a/src/useIsMounted/index.ts b/src/useIsMounted/index.ts
diff --git a/src/useIsomorphicLayoutEffect/index.ts b/src/useIsomorphicLayoutEffect/index.ts
diff --git a/src/useLocalStorage/index.ts b/src/useLocalStorage/index.ts
diff --git a/src/useLockedBody/index.ts b/src/useLockedBody/index.ts
diff --git a/src/useMap/index.ts b/src/useMap/index.ts
diff --git a/src/useMediaQuery/index.ts b/src/useMediaQuery/index.ts
diff --git a/src/useOnClickOutside/index.ts b/src/useOnClickOutside/index.ts
diff --git a/src/useReadLocalStorage/index.ts b/src/useReadLocalStorage/index.ts
diff --git a/src/useScreen/index.ts b/src/useScreen/index.ts
diff --git a/src/useScript/index.ts b/src/useScript/index.ts
diff --git a/src/useSessionStorage/index.ts b/src/useSessionStorage/index.ts
diff --git a/src/useSsr/index.ts b/src/useSsr/index.ts
diff --git a/src/useStep/index.ts b/src/useStep/index.ts
diff --git a/src/useTernaryDarkMode/index.ts b/src/useTernaryDarkMode/index.ts
diff --git a/src/useTimeout/index.ts b/src/useTimeout/index.ts
diff --git a/src/useUpdateEffect/index.ts b/src/useUpdateEffect/index.ts
diff --git a/src/useWindowSize/index.ts b/src/useWindowSize/index.ts
diff --git a/templates/plop/hooks/hook/demo.tsx.hbs b/templates/plop/hooks/hook/demo.tsx.hbs
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { {{camelCase name}} } from './index'
+import { {{camelCase name}} } from '..'
 
 export default function Component() {
 const [two] = {{camelCase name}}()

diff --git a/templates/plop/hooks/hook/index.ts.hbs b/templates/plop/hooks/hook/index.ts.hbs
diff --git a/templates/plop/hooks/index.ts.hbs b/templates/plop/hooks/index.ts.hbs
@@ -1 +1,2 @@
-export * from './{{camelCase name}}'
+export { default as {{camelCase name}} } from './{{camelCase name}}/{{camelCase name}}'
+export * from './{{camelCase name}}/{{camelCase name}}'