create-packkit 1.4.1 → 2.0.0

package/README.md

@@ -33,7 +33,7 @@ No install needed: **[danmat.github.io/create-packkit](https://danmat.github.io/
 | Area | Options |
 |---|---|
 | **Language** | TypeScript (strict) · JavaScript (ESM) |
-| **Module format** | ESM · CJS · dual (proper `exports` map) |
+| **Module format** | **ESM-only (default)** · dual (ESM + CJS) · CJS — proper `exports` map |
 | **Target** | Library · CLI tool · **HTTP service (Hono)** · **App (Vite SPA)** · any combination |
 | **Framework** | None · **React** · **Vue** · **Svelte** (component libraries or apps) |
 | **Storybook** | optional, for React / Vue / Svelte component libraries |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packkit",
-  "version": "1.4.1",
+  "version": "2.0.0",
   "description": "Highly configurable scaffolder for modern npm packages and CLIs — pick your stack (TS/JS, bundler, tests, linter, CI, releases) from a CLI or a web configurator.",
   "type": "module",
   "bin": {

package/src/core/features/bundler.js

@@ -48,20 +48,21 @@ export default {
       pkg.devDependencies = { [tool]: tool === 'tsup' ? '^8.0.0' : '^0.6.0' };
       // tsup/tsdown resolve `typescript` even for plain-JS builds; TS projects
       // already get it from the typescript feature.
-      if (!cfg.isTs) pkg.devDependencies.typescript = '^5.5.0';
+      if (!cfg.isTs) pkg.devDependencies.typescript = '^5.9.3';
     } else if (cfg.bundler === 'unbuild') {
       files['build.config.ts'] = unbuildConfig(cfg);
       pkg.scripts.build = 'unbuild';
       pkg.scripts.dev = 'unbuild --stub';
-      pkg.devDependencies = { unbuild: '^2.0.0' };
+      pkg.devDependencies = { unbuild: '^3.0.0' };
     } else if (cfg.bundler === 'rollup') {
-      files[`rollup.config.${cfg.ext === 'ts' ? 'ts' : 'js'}`] = rollupConfig(cfg, formats);
+      // Always a .js config — rollup can't load a .ts config without a loader.
+      files['rollup.config.js'] = rollupConfig(cfg, formats);
       pkg.scripts.build = 'rollup -c';
       pkg.scripts.dev = 'rollup -c -w';
       pkg.devDependencies = {
         rollup: '^4.0.0',
-        ...(cfg.isTs ? { '@rollup/plugin-typescript': '^11.0.0', tslib: '^2.6.0' } : {}),
-        ...(cfg.minify ? { '@rollup/plugin-terser': '^0.4.0' } : {}),
+        ...(cfg.isTs ? { '@rollup/plugin-typescript': '^12.0.0', tslib: '^2.6.0' } : {}),
+        ...(cfg.minify ? { '@rollup/plugin-terser': '^1.0.0' } : {}),
       };
     } else if (cfg.bundler === 'none' && cfg.isTs) {
       // tsc-only build for TypeScript.
@@ -102,6 +103,7 @@ function unbuildConfig(cfg) {
     `\tentries: ['src/index'],`,
     `\tdeclaration: ${cfg.isTs},`,
     `\tclean: true,`,
+    `\tfailOnWarn: false,`,
     `\trollup: { emitCJS: ${cfg.hasCjs}${cfg.minify ? ', esbuild: { minify: true }' : ''} },`,
     `});`,
     ``,
@@ -116,7 +118,8 @@ function rollupConfig(cfg, formats) {
     cfg.isTs ? `import typescript from '@rollup/plugin-typescript';` : null,
     cfg.minify ? `import terser from '@rollup/plugin-terser';` : null,
   ].filter(Boolean);
-  const plugins = [cfg.isTs ? 'typescript()' : null, cfg.minify ? 'terser()' : null].filter(Boolean);
+  // plugin-typescript needs a declarationDir when the tsconfig enables declarations.
+  const plugins = [cfg.isTs ? `typescript({ declarationDir: 'dist', rootDir: 'src', exclude: ['**/*.test.ts'] })` : null, cfg.minify ? 'terser()' : null].filter(Boolean);
   const pluginLine = plugins.length ? `\n\tplugins: [${plugins.join(', ')}],` : '';
   return [
     (imports.length ? imports.join('\n') + '\n' : '') + `export default {`,

package/src/core/features/frameworks.js

@@ -101,7 +101,7 @@ function svelte(cfg, files, pkg, forApp) {
   const script = cfg.isTs ? `<script lang="ts">` : `<script>`;
   // Shared by the Vite app build and the Vitest (test) config; enables TS in SFCs.
   files['svelte.config.js'] = `import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\nexport default { preprocess: vitePreprocess() };\n`;
-  pkg.devDependencies['@sveltejs/vite-plugin-svelte'] = '^4.0.0';
+  pkg.devDependencies['@sveltejs/vite-plugin-svelte'] = '^7.0.0';
   if (cfg.isTs) pkg.devDependencies['svelte-check'] = '^4.0.0';
   if (forApp) {
     files['index.html'] = htmlShell(cfg, `/src/main.${cfg.ext}`);

package/src/core/features/githooks.js

@@ -29,12 +29,12 @@ export default {
     } else if (cfg.gitHooks === 'lefthook') {
       files['lefthook.yml'] = lefthookYml(cfg, staged);
       pkg.scripts.prepare = 'lefthook install';
-      pkg.devDependencies.lefthook = '^1.7.0';
+      pkg.devDependencies.lefthook = '^2.0.0';
     }
 
     if (needsLintStaged) {
       pkg['lint-staged'] = staged;
-      pkg.devDependencies['lint-staged'] = '^15.2.0';
+      pkg.devDependencies['lint-staged'] = '^17.0.0';
     }
 
     return { files, pkg };

package/src/core/features/lint.js

@@ -26,23 +26,23 @@ export default {
       files['eslint.config.js'] = eslintFlatConfig(cfg);
       pkg.scripts.lint = 'eslint .';
       pkg.scripts['lint:fix'] = 'eslint . --fix';
-      pkg.devDependencies.eslint = '^9.0.0';
-      pkg.devDependencies['@eslint/js'] = '^9.0.0';
+      pkg.devDependencies.eslint = '^10.0.0';
+      pkg.devDependencies['@eslint/js'] = '^10.0.0';
       if (cfg.isTs) pkg.devDependencies['typescript-eslint'] = '^8.0.0';
     } else if (cfg.lint === 'oxlint') {
       pkg.scripts.lint = 'oxlint';
-      pkg.devDependencies.oxlint = '^0.9.0';
+      pkg.devDependencies.oxlint = '^1.0.0';
     } else if (cfg.lint === 'biome') {
       files['biome.json'] = toJson({
-        $schema: 'https://biomejs.dev/schemas/1.8.0/schema.json',
+        $schema: 'https://biomejs.dev/schemas/2.1.2/schema.json',
         formatter: { enabled: true, indentStyle: 'tab', lineWidth: 100 },
-        linter: { enabled: true, rules: { recommended: true } },
+        linter: { enabled: true },
         javascript: { formatter: { quoteStyle: 'single', trailingCommas: 'all' } },
       });
-      pkg.scripts.lint = 'biome check .';
-      pkg.scripts['lint:fix'] = 'biome check --write .';
+      pkg.scripts.lint = 'biome lint .';
+      pkg.scripts['lint:fix'] = 'biome lint --write .';
       pkg.scripts.format = 'biome format --write .';
-      pkg.devDependencies['@biomejs/biome'] = '^1.8.0';
+      pkg.devDependencies['@biomejs/biome'] = '^2.0.0';
     }
 
     return { files, pkg };

package/src/core/features/release.js

@@ -29,10 +29,10 @@ export default {
         npm: { publish: true },
       });
       pkg.scripts.release = 'release-it';
-      pkg.devDependencies['release-it'] = '^17.0.0';
+      pkg.devDependencies['release-it'] = '^20.0.0';
     } else if (cfg.release === 'np') {
       pkg.scripts.release = 'np';
-      pkg.devDependencies.np = '^10.0.0';
+      pkg.devDependencies.np = '^11.0.0';
     }
 
     return { files, pkg };

package/src/core/features/service.js

@@ -20,7 +20,7 @@ export default {
           start: 'node dist/index.js',
           dev: cfg.isTs ? 'tsx watch src/index.ts' : 'node --watch src/index.js',
         },
-        dependencies: { hono: '^4.5.0', '@hono/node-server': '^1.12.0' },
+        dependencies: { hono: '^4.5.0', '@hono/node-server': '^2.0.0' },
         ...(cfg.isTs ? { devDependencies: { tsx: '^4.0.0' } } : {}),
       },
     };

package/src/core/features/storybook.js

@@ -18,7 +18,7 @@ export default {
       ``,
       `const config: StorybookConfig = {`,
       `\tstories: ['../src/**/*.stories.@(ts|tsx|svelte)'],`,
-      `\taddons: ['@storybook/addon-essentials'],`,
+      `\taddons: [],`,
       `\tframework: '${fw.builder}',`,
       `};`,
       `export default config;`,
@@ -37,11 +37,10 @@ export default {
           'build-storybook': 'storybook build',
         },
         devDependencies: {
-          storybook: '^8.2.0',
-          [fw.builder]: '^8.2.0',
-          [fw.renderer]: '^8.2.0',
-          '@storybook/addon-essentials': '^8.2.0',
-          vite: '^5.4.0',
+          storybook: '^10.0.0',
+          [fw.builder]: '^10.0.0',
+          [fw.renderer]: '^10.0.0',
+          vite: '^8.0.0',
         },
       },
     };

package/src/core/features/test.js

@@ -35,9 +35,9 @@ export default {
       ].filter((l) => l !== null).join('\n');
       pkg.scripts.test = 'vitest run';
       pkg.scripts['test:watch'] = 'vitest';
-      pkg.devDependencies.vitest = '^2.0.0';
+      pkg.devDependencies.vitest = '^4.0.0';
       if (cfg.hasFramework) {
-        pkg.devDependencies.jsdom = '^25.0.0';
+        pkg.devDependencies.jsdom = '^29.0.0';
         pkg.devDependencies['@testing-library/dom'] = '^10.0.0';
         if (cfg.isReact) pkg.devDependencies['@testing-library/react'] = '^16.0.0';
         if (cfg.isVue) pkg.devDependencies['@testing-library/vue'] = '^8.1.0';
@@ -45,17 +45,17 @@ export default {
       }
       if (cfg.coverage) {
         pkg.scripts.coverage = 'vitest run --coverage';
-        pkg.devDependencies['@vitest/coverage-v8'] = '^2.0.0';
+        pkg.devDependencies['@vitest/coverage-v8'] = '^4.0.0';
       }
       files[`src/index.test.${testExt}`] = exampleTest('vitest', cfg);
     } else if (cfg.test === 'jest') {
       files['jest.config.js'] = jestConfig(cfg);
       pkg.scripts.test = 'jest';
       pkg.scripts['test:watch'] = 'jest --watch';
-      pkg.devDependencies.jest = '^29.0.0';
+      pkg.devDependencies.jest = '^30.0.0';
       if (cfg.isTs) {
         pkg.devDependencies['ts-jest'] = '^29.0.0';
-        pkg.devDependencies['@types/jest'] = '^29.0.0';
+        pkg.devDependencies['@types/jest'] = '^30.0.0';
       }
       if (cfg.coverage) pkg.scripts.coverage = 'jest --coverage';
       files[`src/index.test.${testExt}`] = exampleTest('jest', cfg);
@@ -156,6 +156,11 @@ function jestConfig(cfg) {
       `\tpreset: 'ts-jest/presets/default-esm',`,
       `\ttestEnvironment: 'node',`,
       `\textensionsToTreatAsEsm: ['.ts'],`,
+      `\ttransform: {`,
+      `\t\t'^.+\\\\.ts$': ['ts-jest', { useESM: true, tsconfig: { verbatimModuleSyntax: false } }],`,
+      `\t},`,
+      `\t// let \`./x.js\` imports resolve to the .ts source under ESM`,
+      `\tmoduleNameMapper: { '^(\\\\.{1,2}/.*)\\\\.js$': '$1' },`,
       `};`,
       ``,
     ].join('\n');

package/src/core/features/typescript.js

@@ -41,7 +41,7 @@ export default {
       },
       pkg: {
         devDependencies: {
-          typescript: '^5.5.0',
+          typescript: '^5.9.3',
           '@types/node': `^${cfg.nodeVersion}.0.0`,
         },
       },

package/src/core/features/vite.js

@@ -4,9 +4,9 @@
 // from frameworks.js. Svelte libraries ship source and don't come through here.
 
 const PLUGIN = {
-  react: { import: `import react from '@vitejs/plugin-react';`, call: 'react()', dep: { '@vitejs/plugin-react': '^4.3.0' } },
-  vue: { import: `import vue from '@vitejs/plugin-vue';`, call: 'vue()', dep: { '@vitejs/plugin-vue': '^5.1.0' } },
-  svelte: { import: `import { svelte } from '@sveltejs/vite-plugin-svelte';`, call: 'svelte()', dep: { '@sveltejs/vite-plugin-svelte': '^4.0.0' } },
+  react: { import: `import react from '@vitejs/plugin-react';`, call: 'react()', dep: { '@vitejs/plugin-react': '^6.0.0' } },
+  vue: { import: `import vue from '@vitejs/plugin-vue';`, call: 'vue()', dep: { '@vitejs/plugin-vue': '^6.0.0' } },
+  svelte: { import: `import { svelte } from '@sveltejs/vite-plugin-svelte';`, call: 'svelte()', dep: { '@sveltejs/vite-plugin-svelte': '^7.0.0' } },
 };
 
 export default {
@@ -14,10 +14,10 @@ export default {
   active: (cfg) => cfg.viteBuild,
   apply(cfg) {
     const files = {};
-    const pkg = { scripts: {}, devDependencies: { vite: '^5.4.0' } };
+    const pkg = { scripts: {}, devDependencies: { vite: '^8.0.0' } };
     const p = PLUGIN[cfg.framework];
     Object.assign(pkg.devDependencies, p.dep);
-    if (cfg.isVue && cfg.isTs) pkg.devDependencies['vue-tsc'] = '^2.0.0';
+    if (cfg.isVue && cfg.isTs) pkg.devDependencies['vue-tsc'] = '^3.0.0';
 
     if (cfg.hasApp) {
       // Front-end SPA — not a published package.
@@ -48,8 +48,8 @@ export default {
       ].join('\n');
       pkg.scripts.build = 'vite build';
       pkg.scripts.dev = 'vite build --watch';
-      pkg.devDependencies['vite-plugin-dts'] = '^4.0.0';
-      if (cfg.isVue) pkg.devDependencies['vue-tsc'] = '^2.0.0';
+      pkg.devDependencies['vite-plugin-dts'] = '^5.0.0';
+      if (cfg.isVue) pkg.devDependencies['vue-tsc'] = '^3.0.0';
       // entry points
       pkg.files = ['dist'];
       pkg.type = 'module';

package/src/core/monorepo.js

@@ -40,11 +40,11 @@ export function buildMonorepo(cfg) {
     },
     devDependencies: {
       turbo: '^2.0.0',
-      typescript: '^5.5.0',
+      typescript: '^5.9.3',
       tsup: '^8.0.0',
-      vitest: '^2.0.0',
-      eslint: '^9.0.0',
-      '@eslint/js': '^9.0.0',
+      vitest: '^4.0.0',
+      eslint: '^10.0.0',
+      '@eslint/js': '^10.0.0',
       'typescript-eslint': '^8.0.0',
       prettier: '^3.3.0',
       '@changesets/cli': '^2.27.0',

package/src/core/options.js

@@ -21,11 +21,11 @@ export const OPTIONS = {
     ],
   },
   moduleFormat: {
-    group: 'core', type: 'select', label: 'Module format', default: 'dual',
+    group: 'core', type: 'select', label: 'Module format', default: 'esm',
     choices: [
-      { value: 'esm', label: 'ESM only' },
-      { value: 'cjs', label: 'CommonJS only' },
+      { value: 'esm', label: 'ESM only (recommended)' },
       { value: 'dual', label: 'Dual (ESM + CJS)' },
+      { value: 'cjs', label: 'CommonJS only' },
     ],
   },
   target: {

package/src/core/presets.js

@@ -2,12 +2,12 @@
 // the wizard: `npx packkit ts-lib my-project`.
 
 export const PRESETS = {
-  'ts-lib': { language: 'ts', target: ['library'], moduleFormat: 'dual' },
-  'js-lib': { language: 'js', target: ['library'], moduleFormat: 'dual', bundler: 'tsup' },
+  'ts-lib': { language: 'ts', target: ['library'], moduleFormat: 'esm' },
+  'js-lib': { language: 'js', target: ['library'], moduleFormat: 'esm', bundler: 'tsup' },
   'ts-cli': { language: 'ts', target: ['cli', 'library'], moduleFormat: 'esm' },
   cli: { language: 'ts', target: ['cli', 'library'], moduleFormat: 'esm' },
-  'react-lib': { language: 'ts', framework: 'react', target: ['library'], moduleFormat: 'dual', test: 'vitest' },
-  'react-lib-js': { language: 'js', framework: 'react', target: ['library'], moduleFormat: 'dual', bundler: 'tsup', test: 'vitest' },
+  'react-lib': { language: 'ts', framework: 'react', target: ['library'], moduleFormat: 'esm', test: 'vitest' },
+  'react-lib-js': { language: 'js', framework: 'react', target: ['library'], moduleFormat: 'esm', bundler: 'tsup', test: 'vitest' },
   'react-app': { language: 'ts', framework: 'react', target: ['app'], test: 'vitest', release: 'none', workflows: ['ci'] },
   'vue-lib': { language: 'ts', framework: 'vue', target: ['library'], test: 'vitest' },
   'vue-app': { language: 'ts', framework: 'vue', target: ['app'], test: 'vitest', release: 'none', workflows: ['ci'] },
@@ -20,19 +20,19 @@ export const PRESETS = {
   },
   monorepo: { monorepo: true, language: 'ts', packageManager: 'pnpm' },
   oss: {
-    language: 'ts', target: ['library'], moduleFormat: 'dual', bundler: 'tsup',
+    language: 'ts', target: ['library'], moduleFormat: 'esm', bundler: 'tsup',
     test: 'vitest', coverage: true, lint: 'eslint-prettier', gitHooks: 'simple-git-hooks',
     release: 'changesets', workflows: ['ci', 'npm-publish', 'codeql', 'codecov'],
     deps: 'renovate', community: true, agents: true, vscode: true,
     pkgChecks: true, knip: true,
   },
   minimal: {
-    language: 'ts', target: ['library'], moduleFormat: 'dual', bundler: 'tsup',
+    language: 'ts', target: ['library'], moduleFormat: 'esm', bundler: 'tsup',
     test: 'none', lint: 'none', gitHooks: 'none', release: 'none',
     workflows: ['ci'], deps: 'none', community: false, agents: false, vscode: false,
   },
   full: {
-    language: 'ts', target: ['library', 'cli'], moduleFormat: 'dual', bundler: 'tsup',
+    language: 'ts', target: ['library', 'cli'], moduleFormat: 'esm', bundler: 'tsup',
     test: 'vitest', coverage: true, lint: 'eslint-prettier', gitHooks: 'simple-git-hooks',
     release: 'changesets',
     workflows: ['ci', 'npm-publish', 'pages', 'codeql', 'codecov', 'stale'],
@@ -65,14 +65,14 @@ export function resolvePreset(name) {
 
 // Short gists for the CLI help and the web configurator (tooltips + description).
 export const PRESET_INFO = {
-  'ts-lib': 'TypeScript library — dual ESM/CJS, tsup, Vitest, ESLint.',
+  'ts-lib': 'TypeScript library — ESM-only, tsup, Vitest, ESLint.',
   'js-lib': 'JavaScript (ESM) library — tsup, Vitest, ESLint.',
   'ts-cli': 'TypeScript CLI + library — ESM, ships a bin.',
   cli: 'TypeScript CLI tool — ESM, ships a bin.',
   'react-lib': 'React component library (TS) — JSX, peer deps, jsdom tests.',
   'react-lib-js': 'React component library (JS) — JSX, peer deps, jsdom tests.',
   'react-app': 'React SPA — Vite dev server, build, Testing Library.',
-  'vue-lib': 'Vue component library — Vite lib build (SFCs), dual + types.',
+  'vue-lib': 'Vue component library — Vite lib build (SFCs), ESM + types.',
   'vue-app': 'Vue SPA — Vite dev server, build, Testing Library.',
   'svelte-lib': 'Svelte component library — ships source, peer svelte, jsdom tests.',
   'svelte-app': 'Svelte SPA — Vite dev server, build, Testing Library.',