Merge pull request #84 from InhiblabCore/dev

chore: auto-import resolver

Author: inhiblab

package.json

@@ -52,10 +52,12 @@
 		"gh-pages": "^4.0.0",
 		"happy-dom": "^7.5.10",
 		"less": "^4.1.3",
+    "kolorist": "^1.6.0",
 		"prettier": "^1.19.1",
 		"rimraf": "^3.0.2",
 		"ts-morph": "^13.0.2",
 		"ts-node": "^10.7.0",
+    "tsx": "^3.11.0",
 		"typeit": "^8.7.0",
 		"typescript": "^4.9.3",
 		"vite": "3.0.2",

packages/hooks/meta-data.json

@@ -0,0 +1,52 @@
+{
+  "function": [
+    "useAsyncOrder",
+    "useBoolean",
+    "useCookieState",
+    "useCounter",
+    "useDarkMode",
+    "useDebounce",
+    "useDebounceFn",
+    "useDrag",
+    "useDrop",
+    "useEventEmitter",
+    "useEventListener",
+    "useExternal",
+    "useFavicon",
+    "useFetchs",
+    "useFocusWithin",
+    "useFormatResult",
+    "useFullscreen",
+    "useHover",
+    "useInViewport",
+    "useInfiniteScroll",
+    "useInterval",
+    "useKeyPress",
+    "useLocalStorageState",
+    "useLockFn",
+    "useMap",
+    "useMedia",
+    "useMouse",
+    "useNetwork",
+    "usePreview",
+    "usePrevious",
+    "useRequest",
+    "useScroll",
+    "useSessionStorageState",
+    "useSet",
+    "useSetState",
+    "useSize",
+    "useThrottle",
+    "useThrottleFn",
+    "useTimeout",
+    "useTitle",
+    "useToggle",
+    "useTrackedEffect",
+    "useUpdate",
+    "useUrlState",
+    "useVirtualList",
+    "useWebSocket",
+    "useWhyDidYouUpdate",
+    "useWinResize"
+  ]
+}

packages/hooks/package.json

@@ -1,12 +1,13 @@
 {
 	"name": "vue-hooks-plus",
-	"version": "1.5.1",
+	"version": "1.5.2",
 	"description": "Vue hooks library",
 	"files": [
 		"dist",
 		"lib",
 		"es",
 		"LICENSE",
+    "meta-data.json",
 		"package.json",
 		"README.md"
 	],
@@ -20,6 +21,7 @@
 		"typeScript"
 	],
 	"scripts": {
+    "bootstrap": "tsx scripts/bootstrap.ts",
 		"initial": "initial-scan .docs",
 		"docs:dev": "vhp-vitepress dev .docs --host",
 		"docs:build": "vhp-vitepress build .docs",

packages/hooks/scripts/bootstrap.ts

@@ -0,0 +1,28 @@
+import { writeFile } from 'fs-extra'
+import { resolve } from 'node:path'
+import prettier from 'prettier'
+import { hooks, logger, prettierConfig, rootDir } from './utils'
+
+async function main() {
+  const ignores = ['createUseStorageState', 'utils']
+  const exportHooks = hooks.filter(c => !ignores.includes(c))
+  const metaData = `
+    {
+      function: [
+         ${exportHooks.map(name => `"${name}"`).join(',\n')},
+      ],
+    }
+  `
+
+  const metaDataPath = resolve(rootDir, 'meta-data.json')
+  await writeFile(
+    metaDataPath,
+    prettier.format(metaData, { ...prettierConfig, parser: 'json' }),
+    'utf-8',
+  )
+}
+
+main().catch(error => {
+  logger.error(error)
+  process.exit(1)
+})

packages/hooks/scripts/utils.ts

@@ -1,15 +1,93 @@
-import fs from 'fs-extra'
+import fs, { existsSync, readdirSync, statSync } from 'fs-extra'
+import { resolve } from 'node:path'
+import { bgYellow, bgCyan, bgGreen, bgRed, yellow, cyan, green, red } from 'kolorist'
 import { Logger } from 'vite'
+import { Config } from 'prettier'
 
 const logPrefix = '[vite-plugin-move]'
 
+export const prettierConfig: Config = {
+  printWidth: 100,
+  arrowParens: 'avoid',
+  bracketSpacing: true,
+  endOfLine: 'lf',
+  bracketSameLine: false,
+  quoteProps: 'as-needed',
+  semi: false,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'none',
+  useTabs: false,
+  vueIndentScriptAndStyle: false,
+  overrides: [
+    {
+      files: '*.md',
+      options: {
+        embeddedLanguageFormatting: 'off',
+      },
+    },
+  ],
+}
+
 export function move(originalUrl: string, targetUrl: string, log: Logger) {
   fs.move(originalUrl, targetUrl, err => {
     if (err) return log.error(JSON.stringify(err))
     log.info(`\n${cyan(logPrefix)} File successfully moved!!`)
   })
 }
 
-export function cyan(msg: string) {
-  return `\x1B[36m${msg}\x1B[0m`
+export const rootDir = resolve(__dirname, '..')
+
+export const hooksDir = resolve(rootDir, 'src')
+
+export const hooks = readdirSync(hooksDir).filter(f => {
+  const path = resolve(hooksDir, f)
+  if (!statSync(path).isDirectory()) {
+    return false
+  }
+
+  return existsSync(`${path}/index.ts`)
+})
+
+type LogFn = () => void
+
+export const logger = {
+  ln: () => console.log(),
+  withStartLn: (log: LogFn) => {
+    logger.ln()
+    log()
+  },
+  withEndLn: (log: LogFn) => {
+    log()
+    logger.ln()
+  },
+  withBothLn: (log: LogFn) => {
+    logger.ln()
+    log()
+    logger.ln()
+  },
+  warning: (msg: string) => {
+    console.warn(`${bgYellow(' WARNING ')} ${yellow(msg)}`)
+  },
+  info: (msg: string) => {
+    console.log(`${bgCyan(' INFO ')} ${cyan(msg)}`)
+  },
+  success: (msg: string) => {
+    console.log(`${bgGreen(' SUCCESS ')} ${green(msg)}`)
+  },
+  error: (msg: string) => {
+    console.error(`${bgRed(' ERROR ')} ${red(msg)}`)
+  },
+  warningText: (msg: string) => {
+    console.warn(`${yellow(msg)}`)
+  },
+  infoText: (msg: string) => {
+    console.log(`${cyan(msg)}`)
+  },
+  successText: (msg: string) => {
+    console.log(`${green(msg)}`)
+  },
+  errorText: (msg: string) => {
+    console.error(`${red(msg)}`)
+  },
 }

packages/resolvers/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@vue-hooks-plus/resolvers",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsx scripts/build.ts"
+  },
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    }
+  },
+  "engines": {
+    "node": ">=14"
+  },
+  "files": [
+    "dist"
+  ],
+ "keywords": [],
+ "repository": "https://github.com/InhiblabCore/vue-hooks-plus",
+	"homepage": "https://github.com/InhiblabCore/vue-hooks-plus",
+	"author": "NelsonYong",
+	"license": "MIT",
+  "devDependencies": {
+    "unplugin-auto-import": "^0.12.1",
+    "@types/node": "^18.7.23",
+    "execa": "^6.1.0",
+    "kolorist": "^1.6.0",
+    "tsup": "^6.2.3"
+  },
+  "dependencies": {
+    "local-pkg": "^0.4.2"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "vue"
+      ]
+    }
+  }
+}

packages/resolvers/scripts/build.ts

@@ -0,0 +1,26 @@
+import { resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { execa } from 'execa'
+import { red } from 'kolorist'
+
+const rootDir = resolve(fileURLToPath(import.meta.url), '../..')
+
+const bin = (name: string) => resolve(rootDir, 'node_modules/.bin/' + name)
+
+async function main() {
+  await execa(
+    bin('tsup-node'),
+    [
+      'src/index.ts',
+      '--dts',
+      '--format',
+      'cjs,esm'
+    ],
+    { stdio: 'inherit' }
+  )
+}
+
+main().catch(error => {
+  console.error(red(error))
+  process.exit(1)
+})

packages/resolvers/scripts/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "allowJs": false,
+    "strict": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "useUnknownInCatchVariables": false,
+    "types": ["node"]
+  },
+  "include": ["*.ts"]
+}

packages/resolvers/src/index.ts

@@ -0,0 +1 @@
+export * from './vite'

packages/resolvers/src/vite/index.ts

@@ -0,0 +1,51 @@
+import { Resolver } from 'unplugin-auto-import/types'
+import { resolveModule } from 'local-pkg'
+import { readFileSync } from 'node:fs'
+
+let hooks: string[] | undefined
+
+export type VueHooksPlusResolverOptions = Record<string, any>
+
+function queryMetaData() {
+  try {
+    const root = resolveModule('vue-hooks-plus') || process.cwd()
+    const path =
+      resolveModule('vue-hooks-plus/meta-data.json') ||
+      resolveModule('vue-hooks-plus/meta-data.json', { paths: [root] })
+    const metaData = JSON.parse(readFileSync(path!, 'utf-8'))
+
+    hooks = metaData.function
+  } catch (e) {
+    console.error(e)
+    throw new Error(
+      '[vue-hooks-plus:plugins] failed to load vue-hooks-plus, have you installed it?',
+    )
+  }
+}
+
+function resolveHooks(name: string, _options: VueHooksPlusResolverOptions) {
+  if (!hooks) return
+
+  if (!hooks.includes(name)) return
+
+  console.log({
+    name,
+    from: 'vue-hooks-plus',
+  })
+
+  return {
+    name,
+    from: 'vue-hooks-plus',
+  }
+}
+
+export function VueHooksPlusResolver(options: VueHooksPlusResolverOptions = {}): Resolver {
+  return name => {
+    if (!hooks) {
+      queryMetaData()
+    }
+    return resolveHooks(name, options)
+  }
+}
+
+export default VueHooksPlusResolver

packages/resolvers/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist", //输出文件
+    "lib": ["esnext", "dom"],
+    "baseUrl": "./",
+    "rootDir": "./"
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

packages/resolvers/vite.config.ts

@@ -0,0 +1,24 @@
+import path from 'path'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+  plugins: [
+    dts({
+      include: ['src/**/*.ts'],
+      outputDir: path.resolve(__dirname, 'dist/types'),
+    }),
+  ],
+  build: {
+    minify: true,
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'VueHooks_Plus_Resolver',
+      formats: ['es', 'cjs'],
+      fileName: format => {
+        return `index.${format}.js`
+      },
+    },
+    chunkSizeWarningLimit: 1000,
+  },
+})