feat(preset): add ahooks (unplugin#156)

Co-authored-by: Anthony Fu <[email protected]>

Author: Jungzl

examples/vite-react/package.json

@@ -7,6 +7,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
+    "ahooks": "^3.3.8",
     "i18next": "^21.6.16",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",

examples/vite-react/src/App.tsx

@@ -6,6 +6,7 @@ import PageB from './views/PageB'
 import './i18n'
 
 function App() {
+  useTitle('Page Title')
   const [count, setCount] = useState(0)
   const { t } = useTranslation()
 

examples/vite-react/vite.config.ts

@@ -13,7 +13,7 @@ export default defineConfig({
       jsx: 'react',
     }),
     AutoImport({
-      imports: ['react', 'react-router-dom', 'react-i18next'],
+      imports: ['react', 'react-router-dom', 'react-i18next', 'ahooks'],
       dts: './src/auto-imports.d.ts',
       resolvers: [
         IconsResolver({

pnpm-lock.yaml

@@ -0,0 +1,29 @@
+import { readFileSync } from 'fs'
+import { resolveModule } from 'local-pkg'
+import type { PackageIndexes } from '@vueuse/metadata'
+import type { ImportsMap } from '../types'
+
+let _cache: ImportsMap | undefined
+
+export default (): ImportsMap => {
+  if (!_cache) {
+    let indexesJson: PackageIndexes | undefined
+    try {
+      const path = resolveModule('ahooks/metadata.json')
+      indexesJson = JSON.parse(readFileSync(path!, 'utf-8'))
+    }
+    catch (error) {
+      console.error(error)
+      throw new Error('[auto-import] failed to load ahooks, have you installed it?')
+    }
+    if (indexesJson) {
+      _cache = {
+        ahooks: indexesJson
+          .functions
+          .flatMap(i => [i.name, ...i.alias || []]),
+      }
+    }
+  }
+
+  return _cache || {}
+}

src/presets/ahooks.ts

@@ -1,4 +1,5 @@
 /* eslint-disable object-shorthand */
+import ahooks from './ahooks'
 import mobx from './mobx'
 import mobxReactLite from './mobx-react-lite'
 import nuxtCompositionApi from './nuxt-composition-api'
@@ -35,6 +36,7 @@ import solidAppRouter from './solid-app-router'
 import { jotai, jotaiUtils } from './jotai'
 
 export const presets = {
+  'ahooks': ahooks,
   '@nuxtjs/composition-api': nuxtCompositionApi,
   '@vue/composition-api': vueCompositionApi,
   '@vueuse/core': vueuseCore,