create-packkit 0.5.0 → 0.6.0

package/README.md

@@ -49,7 +49,7 @@ No install needed: **[danmat.github.io/create-packkit](https://danmat.github.io/
 
 ## Presets
 
-`ts-lib` · `js-lib` · `ts-cli` / `cli` · `react-lib` · `react-lib-js` · `react-app` · `vue-lib` · `svelte-lib` · `node-service` · `oss` · `minimal` · `full` — named bundles of the options above. See the [roadmap](ROADMAP.md) for what's next.
+`ts-lib` · `js-lib` · `ts-cli` / `cli` · `react-lib` · `react-lib-js` · `react-app` · `vue-lib` · `vue-app` · `svelte-lib` · `svelte-app` · `node-service` · `oss` · `minimal` · `full` — named bundles of the options above. See the [roadmap](ROADMAP.md) for what's next.
 
 ## How it works
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packkit",
-  "version": "0.5.0",
+  "version": "0.6.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/cli/index.js

@@ -110,8 +110,37 @@ export async function run(argv = process.argv.slice(2)) {
     console.log(done);
     if (next.length) console.log('\nNext steps:\n  ' + next.join('\n  '));
   }
+
+  const latest = await checkForUpdate(pkgVersion());
+  if (latest) console.log(`\n↑ A newer create-packkit is available: ${latest} (you have ${pkgVersion()}). Use @latest to update.`);
 }
 
 function runWord(config) {
   return config.packageManager === 'npm' ? 'npm run' : config.packageManager;
 }
+
+// Best-effort update check — TTY only, short timeout, never throws or blocks.
+async function checkForUpdate(current) {
+  try {
+    if (process.env.CI || process.env.NO_UPDATE_NOTIFIER || !process.stdout.isTTY) return null;
+    const ctrl = new AbortController();
+    const timer = setTimeout(() => ctrl.abort(), 1500);
+    const res = await fetch('https://registry.npmjs.org/create-packkit/latest', { signal: ctrl.signal });
+    clearTimeout(timer);
+    if (!res.ok) return null;
+    const { version } = await res.json();
+    return version && isNewer(version, current) ? version : null;
+  } catch {
+    return null;
+  }
+}
+
+function isNewer(latest, current) {
+  const a = latest.split('.').map(Number);
+  const b = current.split('.').map(Number);
+  for (let i = 0; i < 3; i++) {
+    if ((a[i] || 0) > (b[i] || 0)) return true;
+    if ((a[i] || 0) < (b[i] || 0)) return false;
+  }
+  return false;
+}

package/src/core/features/workflows.js

@@ -140,8 +140,12 @@ function releaseWorkflow(cfg) {
 }
 
 function pagesWorkflow(cfg) {
+  // Storybook projects deploy the built catalog; everything else serves ./docs.
+  const build = cfg.storybook
+    ? [setupSteps(cfg), `      - run: ${pmRun(cfg, 'build-storybook')}`, '      - uses: actions/configure-pages@v5', '      - uses: actions/upload-pages-artifact@v3', '        with:', '          path: ./storybook-static']
+    : ['      - uses: actions/checkout@v4', '      - uses: actions/configure-pages@v5', '      - uses: actions/upload-pages-artifact@v3', '        with:', '          path: ./docs'];
   return [
-    'name: Deploy Pages',
+    `name: Deploy ${cfg.storybook ? 'Storybook' : 'Pages'}`,
     'on:',
     '  push:',
     '    branches: [main]',
@@ -159,11 +163,7 @@ function pagesWorkflow(cfg) {
     '      url: ${{ steps.deployment.outputs.page_url }}',
     '    runs-on: ubuntu-latest',
     '    steps:',
-    '      - uses: actions/checkout@v4',
-    '      - uses: actions/configure-pages@v5',
-    '      - uses: actions/upload-pages-artifact@v3',
-    '        with:',
-    '          path: ./docs',
+    build.join('\n'),
     '      - id: deployment',
     '        uses: actions/deploy-pages@v4',
     '',

package/src/core/presets.js

@@ -10,7 +10,9 @@ export const PRESETS = {
   'react-lib-js': { language: 'js', framework: 'react', target: ['library'], moduleFormat: 'dual', 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'] },
   'svelte-lib': { language: 'ts', framework: 'svelte', target: ['library'], test: 'vitest' },
+  'svelte-app': { language: 'ts', framework: 'svelte', target: ['app'], test: 'vitest', release: 'none', workflows: ['ci'] },
   'node-service': {
     language: 'ts', target: ['service'], moduleFormat: 'esm', bundler: 'tsup',
     test: 'vitest', lint: 'eslint-prettier', gitHooks: 'simple-git-hooks',
@@ -48,7 +50,9 @@ export const PRESET_INFO = {
   '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-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.',
   'node-service': 'Node HTTP service (Hono) — tsx dev, tsup build, Dockerfile.',
   oss: 'Full open-source library — coverage, CodeQL, Codecov, Renovate, Changesets.',
   minimal: 'Bare TS library — tsup only, no tests/lint/CI.',