feat: create next plugin

- add next-auto-dynamic
- stackblitz-webpack-plugin support pnpm
- stackblitz-webpack-plugin throw error when file oversize
- fix dumi not support esm
- update docs
- perf tslint

Author: DavidKk

.dumirc.ts

@@ -27,15 +27,18 @@ export default defineConfig({
     ignored: [
       '**/__tests__/**',
       '**/__typetests__/**',
+      '**/__example__/**',
       '**/__readme__/**',
-      '**/build',
-      '**/dist',
+      '**/build/**',
+      '**/dist/**',
+      '**/.next/**',
       '**/src/**',
       '**/jest.*',
       '**/tsconfig.build.json',
       '**/tsconfig.build.tsbuildinfo',
       '**/tsconfig.compile.json',
       '**/*.map',
+      '**/.gitignore',
       '**/.npmignore',
       '**/.DS_Store',
       '**/LICENSE.md',

@cli/__template__/README.md

@@ -31,7 +31,7 @@ $ pnpm add @template/cli -D
 │ │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/shell-lib%22,%22version%22:%222.5.22%22,%22description%22:%22shell%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/shell-lib%22,%22dependencies%22:%5B%22@jest/types%22,%22chokidar%22,%22command-exists%22,%22lodash%22,%22tslib%22,%22ts-jest%22,%22tsd-lite%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/shell-lib">@dumlj/shell-lib</a>
 │ │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/util-lib%22,%22version%22:%222.5.22%22,%22description%22:%22util%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/util-lib%22,%22dependencies%22:%5B%22fs-extra%22,%22glob%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/util-lib">@dumlj/util-lib</a>
 │ │ └─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/mock-lib%22,%22version%22:%222.5.22%22,%22description%22:%22mock%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:true,%22location%22:%22@lib/mock-lib%22,%22dependencies%22:%5B%22memfs%22,%22tslib%22,%22webpack%22,%22@jest/types%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/mock-lib">@dumlj/mock-lib</a><sup><small><i>PRIVATE</i></small></sup>
-│ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-prepare%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%BB%A3%E7%A0%81%E6%BA%90%E6%96%87%E4%BB%B6%E9%A2%84%E5%A4%84%E7%90%86%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-prepare%22,%22dependencies%22:%5B%22fs-extra%22,%22get-tsconfig%22,%22interpret%22,%22rechoir%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22,%22ts-node%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-prepare">@dumlj/feature-prepare</a>
+│ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-prepare%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%BB%A3%E7%A0%81%E6%BA%90%E6%96%87%E4%BB%B6%E9%A2%84%E5%A4%84%E7%90%86%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-prepare%22,%22dependencies%22:%5B%22get-tsconfig%22,%22interpret%22,%22rechoir%22,%22tslib%22,%22fs-extra%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22,%22ts-node%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-prepare">@dumlj/feature-prepare</a>
 │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-pretty%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%B8%8A%E8%89%B2%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-pretty%22,%22dependencies%22:%5B%22chalk%22,%22pretty-error%22,%22tslib%22,%22@jest/types%22,%22@types/chalk%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-pretty">@dumlj/feature-pretty</a>
 │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/shell-lib%22,%22version%22:%222.5.22%22,%22description%22:%22shell%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/shell-lib%22,%22dependencies%22:%5B%22@jest/types%22,%22chokidar%22,%22command-exists%22,%22lodash%22,%22tslib%22,%22ts-jest%22,%22tsd-lite%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/shell-lib">@dumlj/shell-lib</a>
 │ └─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/util-lib%22,%22version%22:%222.5.22%22,%22description%22:%22util%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/util-lib%22,%22dependencies%22:%5B%22fs-extra%22,%22glob%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/util-lib">@dumlj/util-lib</a>

@cli/create-cli/README.md

@@ -31,12 +31,12 @@ $ pnpm add @dumlj/create-cli -D
 │ │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/shell-lib%22,%22version%22:%222.5.22%22,%22description%22:%22shell%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/shell-lib%22,%22dependencies%22:%5B%22@jest/types%22,%22chokidar%22,%22command-exists%22,%22lodash%22,%22tslib%22,%22ts-jest%22,%22tsd-lite%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/shell-lib">@dumlj/shell-lib</a>
 │ │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/util-lib%22,%22version%22:%222.5.22%22,%22description%22:%22util%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/util-lib%22,%22dependencies%22:%5B%22fs-extra%22,%22glob%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/util-lib">@dumlj/util-lib</a>
 │ │ └─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/mock-lib%22,%22version%22:%222.5.22%22,%22description%22:%22mock%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:true,%22location%22:%22@lib/mock-lib%22,%22dependencies%22:%5B%22memfs%22,%22tslib%22,%22webpack%22,%22@jest/types%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/mock-lib">@dumlj/mock-lib</a><sup><small><i>PRIVATE</i></small></sup>
-│ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-prepare%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%BB%A3%E7%A0%81%E6%BA%90%E6%96%87%E4%BB%B6%E9%A2%84%E5%A4%84%E7%90%86%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-prepare%22,%22dependencies%22:%5B%22fs-extra%22,%22get-tsconfig%22,%22interpret%22,%22rechoir%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22,%22ts-node%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-prepare">@dumlj/feature-prepare</a>
+│ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-prepare%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%BB%A3%E7%A0%81%E6%BA%90%E6%96%87%E4%BB%B6%E9%A2%84%E5%A4%84%E7%90%86%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-prepare%22,%22dependencies%22:%5B%22get-tsconfig%22,%22interpret%22,%22rechoir%22,%22tslib%22,%22fs-extra%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22,%22ts-node%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-prepare">@dumlj/feature-prepare</a>
 │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-pretty%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%B8%8A%E8%89%B2%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-pretty%22,%22dependencies%22:%5B%22chalk%22,%22pretty-error%22,%22tslib%22,%22@jest/types%22,%22@types/chalk%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-pretty">@dumlj/feature-pretty</a>
 │ ├─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/shell-lib%22,%22version%22:%222.5.22%22,%22description%22:%22shell%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/shell-lib%22,%22dependencies%22:%5B%22@jest/types%22,%22chokidar%22,%22command-exists%22,%22lodash%22,%22tslib%22,%22ts-jest%22,%22tsd-lite%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/shell-lib">@dumlj/shell-lib</a>
 │ └─── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/util-lib%22,%22version%22:%222.5.22%22,%22description%22:%22util%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/util-lib%22,%22dependencies%22:%5B%22fs-extra%22,%22glob%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/util-lib">@dumlj/util-lib</a>
 ├── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-cliui%22,%22version%22:%222.5.22%22,%22description%22:%22%7B%7Bdescription%7D%7D%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-cliui%22,%22dependencies%22:%5B%22chalk%22,%22tslib%22,%22@jest/types%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-cliui">@dumlj/feature-cliui</a>
-├── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-prepare%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%BB%A3%E7%A0%81%E6%BA%90%E6%96%87%E4%BB%B6%E9%A2%84%E5%A4%84%E7%90%86%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-prepare%22,%22dependencies%22:%5B%22fs-extra%22,%22get-tsconfig%22,%22interpret%22,%22rechoir%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22,%22ts-node%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-prepare">@dumlj/feature-prepare</a>
+├── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-prepare%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%BB%A3%E7%A0%81%E6%BA%90%E6%96%87%E4%BB%B6%E9%A2%84%E5%A4%84%E7%90%86%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-prepare%22,%22dependencies%22:%5B%22get-tsconfig%22,%22interpret%22,%22rechoir%22,%22tslib%22,%22fs-extra%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22,%22ts-node%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-prepare">@dumlj/feature-prepare</a>
 ├── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/feature-pretty%22,%22version%22:%222.5.22%22,%22description%22:%22%E4%B8%8A%E8%89%B2%E5%B7%A5%E5%85%B7%22,%22isPrivate%22:false,%22location%22:%22@feature/feature-pretty%22,%22dependencies%22:%5B%22chalk%22,%22pretty-error%22,%22tslib%22,%22@jest/types%22,%22@types/chalk%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@feature/feature-pretty">@dumlj/feature-pretty</a>
 ├── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/shell-lib%22,%22version%22:%222.5.22%22,%22description%22:%22shell%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/shell-lib%22,%22dependencies%22:%5B%22@jest/types%22,%22chokidar%22,%22command-exists%22,%22lodash%22,%22tslib%22,%22ts-jest%22,%22tsd-lite%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/shell-lib">@dumlj/shell-lib</a>
 └── <a is="dumlj-link" data-project="%7B%22name%22:%22@dumlj/util-lib%22,%22version%22:%222.5.22%22,%22description%22:%22util%20%E5%B7%A5%E5%85%B7%E5%BA%93%22,%22isPrivate%22:false,%22location%22:%22@lib/util-lib%22,%22dependencies%22:%5B%22fs-extra%22,%22glob%22,%22tslib%22,%22@jest/types%22,%22memfs%22,%22ts-jest%22%5D,%22workspaceDependencies%22:%5B%5D%7D" href="https://github.com/dumlj/dumlj-build/tree/main/@lib/util-lib">@dumlj/util-lib</a>

@cli/create-cli/package.json

@@ -33,7 +33,8 @@
     "lodash": "^4.17.21",
     "ts-morph": "^19.0.0",
     "tslib": "^2.5.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "utility-types": "^3.11.0"
   },
   "devDependencies": {
     "@jest/types": "^29.6.3",

@cli/create-cli/src/actions/create/create.ts

@@ -14,6 +14,7 @@ import { Project, IndentationText, QuoteKind } from 'ts-morph'
 import { highlight } from 'cardinal'
 import { DEFAULT_TEMPLATE_PATTERN, DEFAULT_RC_FILE } from './constants'
 import type { TemplateSchema } from './types'
+import type { Optional } from 'utility-types'
 
 export type Template = TemplateSchema & { src: string; key: string }
 
@@ -79,14 +80,14 @@ export class Create {
   /** pattern of template name in project */
   protected pattern?: string
   /** name of config file */
-  protected rc?: string
+  protected rc: string
   /** override exists project */
   protected override?: boolean
   /** say yes for all confirm  */
   protected yes?: boolean
 
-  protected rules: Record<string, Validator<FormFieldValues>>
-  private rootPath: string
+  protected rules: Record<string, Validator<Optional<FormFieldValues>>>
+  private rootPath?: string
 
   constructor(options?: CreateOptions) {
     this.name = options?.name
@@ -98,7 +99,12 @@ export class Create {
     this.yes = options?.yes || false
 
     this.rules = {
-      name: async (name: string, { template }) => {
+      name: async (name: string, formFieldValues) => {
+        const template = formFieldValues?.template
+        if (!template) {
+          return 'template is required'
+        }
+
         const { outputPathResolver } = template
         const rootPath = await this.getRootPath()
         const folder = path.join(rootPath, outputPathResolver(kebabCase(name)))
@@ -160,11 +166,11 @@ export class Create {
       return this.rootPath
     }
 
-    this.rootPath = await findWorkspaceRootPath()
+    this.rootPath = (await findWorkspaceRootPath()) || process.cwd()
     return this.rootPath
   }
 
-  public async validate(name: string, value: string, formvalues: FormFieldValues) {
+  public async validate(name: string, value: string, formvalues: Optional<FormFieldValues>) {
     const validate = this.rules[name]
     if (typeof validate !== 'function') {
       throw new Error(`rule ${name} is not exists`)
@@ -212,7 +218,7 @@ export class Create {
         validate: (input, answers) => {
           return this.validate('name', input, { ...answers, template })
         },
-        transformer(input) {
+        transformer: (input) => {
           const { nameTransform } = template
           if (typeof nameTransform === 'function') {
             const { name, same, suffix } = nameTransform(input)
@@ -250,9 +256,9 @@ export class Create {
     )
   }
 
-  public async compile(params?: CompileParams) {
+  public async compile(params: CompileParams) {
     const { name, description, output: dist, template } = params
-    const { src, pkgTransform, tsTransform } = template
+    const { src, pkgTransform, tsTransform } = template || {}
     const files = await glob('**/*', { cwd: src, nodir: true, ignore: [this.rc], dot: true })
     const ignores = await gitDetectIgnore(files)
 
@@ -305,10 +311,11 @@ export class Create {
           }
 
           const outFile = path.join(dist, file)
-          const { file: output = outFile, code } = (await tranform()) || {}
+          const { file: output = outFile, code = '' } = (await tranform()) || {}
           const operates = [...statsOperates]
+
           while (operates.length) {
-            const fn = operates.shift()
+            const fn = operates.shift()!
             await fn({ src: srcFile, out: output, code })
           }
         })
@@ -375,7 +382,7 @@ export class Create {
     ].filter(Boolean)
 
     while (debugs.length) {
-      const message = debugs.shift()
+      const message = debugs.shift()!
       await pressAnyToContinue({ message })
       /* eslint-disable-next-line no-console */
       console.log('')
@@ -415,7 +422,7 @@ export class Create {
 
         await fs.writeFile(out, code)
       } catch (error) {
-        fail(error)
+        fail(error as Error)
       }
     })
 

@cli/create-cli/src/actions/install/husky.ts

@@ -60,7 +60,8 @@ export const husky = async (options: InstallHuskyOptions = {}) => {
       })
     } else if (Array.isArray(command)) {
       const [hook, script] = command
-      commands[hook].push(script)
+      const chunks = commands[hook]
+      Array.isArray(chunks) && chunks.push(script)
     }
 
     return commands
@@ -73,7 +74,7 @@ export const husky = async (options: InstallHuskyOptions = {}) => {
     }
 
     return commands
-  }, [])
+  }, [] as string[])
 
   if (commands.length > 0) {
     const scripts = ['husky install'].concat(commands).filter(Boolean).join(' && ')
@@ -98,7 +99,7 @@ export const husky = async (options: InstallHuskyOptions = {}) => {
     }
   } catch (error) {
     fs.removeSync(huskyHooksPath)
-    fail(error)
+    fail(error as Error)
     return
   }
 

@cli/create-cli/src/commands/create.ts

@@ -13,6 +13,10 @@ const mapOptionsToCommand = registerEnhancer('addOption', () => [
 
 const debugCommand = mapOptionsToCommand(
   new Command('debug').summary('debug .templaterc.ts').action((options?: CreateOptions, command?: Command) => {
+    if (!command?.parent) {
+      return
+    }
+
     const parentOptions = command.parent.opts()
     const finalOptions = { ...parentOptions, ...options }
     return tryAction(debug)(finalOptions)