[Nuxt] Auto-import usemods functions directly from npm package

docs.mjs

@@ -1,12 +1,12 @@
+import process from 'process'
 import { resolve, extname, basename, join } from 'path'
-import { watch, readFileSync, readdirSync, writeFileSync, copyFileSync } from 'fs'
+import { watch, readFileSync, writeFileSync, copyFileSync } from 'fs'
 
 // Arguments
-const args = process.argv.slice(2);
+const args = process.argv.slice(2)
 
 // Paths
 const srcPath = resolve('src')
-const nuxtModulePath = resolve('nuxt-module')
 const nuxtWebPath = resolve('nuxt-web')
 
 // Functions
@@ -20,7 +20,6 @@ function generateMarkdown(file, name) {
 
   // Copy file to Website
   copyFileSync(file, join(nuxtWebPath, 'utils', basename(file)))
-  copyFileSync(file, join(nuxtModulePath, 'src/runtime/utils', basename(file)))
 
   let markdown = ''
 
@@ -57,23 +56,11 @@ function generateMarkdown(file, name) {
   writeFileSync(join(nuxtWebPath, 'content/2.docs', `${name}.md`), markdown)
 }
 
-// Find any files in ./src/utils and move them to ./nuxt-module/src/runtime/utils and ./nuxt-web/utils
-function copyFiles(src, dest)
-{ 
-  const files = readdirSync(src)
-  files.forEach((file) => {
-    if (file.endsWith('.ts')) {
-      copyFileSync(join(src, file), join(dest, file))
-    } 
-  })
-}
-
 // Generate Markdown for each File
 function generateAll() {
   const files = ['actions', 'formatters', 'modifiers', 'detections', 'generators', 'numbers', 'data', 'validators', 'animations', 'goodies']
   files.forEach((file, index) => generateMarkdown(join(srcPath, `${file}.ts`), `${index + 1}.${file}`))
   copyFileSync(join(srcPath, 'config.ts'), join(nuxtWebPath, 'utils', 'config.ts'))
-  copyFileSync(join(srcPath, 'config.ts'), join(nuxtModulePath, 'src/runtime/utils', 'config.ts'))
 }
 
 // Run Once
@@ -83,12 +70,12 @@ generateAll()
 if (args.includes('--watch')) {
   watch(srcPath, { recursive: true }, async (event, filename) => {
     if (filename.endsWith('.ts')) {
-      console.log(`Detected ${event} in ${filename}`);
-      generateAll();
+      console.log(`Detected ${event} in ${filename}`)
+      generateAll()
     }
-  });
+  })
 } else if (args.includes('--build')) {
-  generateAll();
+  generateAll()
 } else {
-  console.log('No valid command provided. Use --watch or --build.');
+  console.log('No valid command provided. Use --watch or --build.')
 }

nuxt-module/package.json

@@ -31,7 +31,8 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.11.2"
+    "@nuxt/kit": "^3.11.2",
+    "usemods": "^1.2.1"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.2.0",

nuxt-module/src/module.ts

@@ -1,4 +1,5 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir } from '@nuxt/kit'
+import { defineNuxtModule, addImports } from '@nuxt/kit'
+import * as utils from 'usemods'
 
 export interface ModuleOptions {
   alias: [string, string][]
@@ -13,9 +14,15 @@ export default defineNuxtModule<ModuleOptions>({
   defaults: {
     alias: []
   },
-  setup(options, nuxt) {
-    const { resolve } = createResolver(import.meta.url)
-    addImportsDir(resolve('./runtime/utils'))
-    addPlugin(resolve('./runtime/plugin'))
+  setup(options) {
+    const aliasMap = new Map<string, string>(options.alias)
+    for (const name of Object.keys(utils)) {
+      const alias = aliasMap.has(name) ? aliasMap.get(name!) : name
+      addImports({
+        name: name,
+        as: alias,
+        from: 'usemods'
+      })
+    }
   }
 })