create-packkit 1.4.0 → 1.5.0

package/README.md

@@ -80,6 +80,13 @@ Packkit is a pure `config → { files }` **core** that runs in both Node and the
 
 Both drive from one options schema ([`src/core/options.js`](src/core/options.js)), so the CLI and the web page always stay in sync.
 
+## Staying fresh
+
+Two GitHub Actions keep the templates honest:
+
+- **Dependency freshness** — a weekly check flags any version Packkit writes into generated projects that's fallen a major behind (versions Dependabot can't see), and opens an issue.
+- **Integration** — on any change to generation logic or a template dependency, it generates every preset, installs it, and runs its real checks (build/test/lint, and actually starts services) — so an update can't silently break the projects you'd get.
+
 ## License
 
 [MIT](LICENSE) © DanMat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packkit",
-  "version": "1.4.0",
+  "version": "1.5.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": {
@@ -25,6 +25,7 @@
     "start": "node bin/cli.js",
     "test": "node --test",
     "check:deps": "node scripts/check-template-deps.mjs",
+    "integration": "node scripts/integration.mjs",
     "build:web": "esbuild src/core/index.js --bundle --format=esm --outfile=docs/packkit-core.js"
   },
   "repository": {

package/src/core/features/bundler.js

@@ -46,19 +46,23 @@ export default {
       pkg.scripts.build = tool;
       pkg.scripts.dev = `${tool} --watch`;
       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.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.
@@ -99,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 }' : ''} },`,
     `});`,
     ``,
@@ -113,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',