@elia97/officina 0.1.0 → 0.3.0

package/README.md

@@ -18,12 +18,56 @@ pnpm add -D @elia97/officina
     "check:routes": "officina check routes",
     "check:roadmap": "officina check roadmap",
     "check:placeholders": "officina check placeholders",
-    "check:vercel-cli": "officina check vercel-cli"
+    "check:vercel-cli": "officina check vercel-cli",
+    "perf:bundle": "officina check bundle",
+    "smoke:prod": "officina check smoke",
+    "analytics:verify": "officina check analytics",
+    "lhci": "officina check lighthouse",
+    "lhci:local": "officina check lighthouse --local",
+    "gen": "officina gen",
+    "gen:section": "officina gen section",
+    "gen:page": "officina gen page",
+    "gen:component": "officina gen component",
+    "gen:collection": "officina gen collection",
+    "gen:icons": "officina gen icons",
+    "doctor": "officina doctor"
   }
 }
 ```
 
-I gate leggono dalla cartella corrente, che deve essere la radice del repository. Opzioni comuni: `--diff`, `--base <ref>`, `--head <ref>`, `--strict`, `--format text|github`.
+I gate leggono dalla cartella corrente, che deve essere la radice del repository. Opzioni comuni dei gate sui sorgenti: `--diff`, `--base <ref>`, `--head <ref>`, `--strict`, `--format text|github`.
+
+## Verifiche di build e di produzione
+
+| Comando | Cosa guarda | Da dove prende le rotte |
+|---|---|---|
+| `check bundle` | il JavaScript e il CSS di `dist/client`, gzip, contro un budget per rotta | `src/pages` |
+| `check smoke [url]` | la produzione viva: pagine, header di sicurezza, BotID, host canonico, barra finale | `src/pages`, più le rotte non HTML |
+| `check analytics [GTM-…]` | il container GTM pubblico contro gli eventi di `src/lib/analytics/link-tracking.ts` | — |
+| `check lighthouse [--local]` | Lighthouse CI sul `.lighthouserc.json` del progetto; `--local` fa build, server e Chrome da sé | `src/pages` |
+| `gen icons` | le icone del manifest, disegnate da `public/favicon.svg` | — |
+
+Il motore è uguale per tutti; ciò che cambia da un progetto all'altro sta in un file solo, `officina.config.ts` nella radice:
+
+```ts
+import { type Budget, DEFAULT_CHECKS, defineConfig, type SmokeCheck } from '@elia97/officina'
+
+import { SITE } from './src/lib/site.ts'
+
+const motion: Budget = { label: 'motion', matches: (route) => route === '/', maxGzip: 72 * 1024 }
+const checkLanguageRedirect: SmokeCheck = async ({ get, baseUrl }) => []
+
+export default defineConfig({
+  siteUrl: SITE.url,
+  icons: { background: SITE.themeColor.light },
+  bundle: { budgets: [motion], cssMaxGzip: 14 * 1024 },
+  smoke: { checks: [...DEFAULT_CHECKS, checkLanguageRedirect] },
+})
+```
+
+Ogni voce è facoltativa, tranne `siteUrl` per `check smoke` e `icons.background` per `gen icons`. I budget del progetto vengono prima del default di 20 KB, nell'ordine in cui sono scritti; `smoke.checks` sostituisce la lista del pacchetto, quindi chi non ha BotID la ricompone senza `checkBotIdChallenge`; `smoke.securityHeaders` e `smoke.nonHtmlRoutes` sostituiscono `SECURITY_HEADERS` e `NON_HTML_ROUTES`. Il file lo carica Node, che fuori da `node_modules` toglie i tipi da sé: niente `enum`, niente alias `@/`.
+
+`sharp` è una dipendenza facoltativa del progetto, non del pacchetto: serve solo a `gen icons`, che senza lo dice ed esce 1. `ICON_SPECS` si importa senza caricarlo, per il test che confronta le icone con il manifest del sito.
 
 ## Sviluppo
 
@@ -43,6 +87,16 @@ pnpm version <patch|minor|major>
 pnpm publish     # prepublishOnly lancia typecheck, test e build
 ```
 
+## Generatori
+
+`officina gen` avvolge plop con i generatori e i template del pacchetto, e scrive nel progetto da cui lo lanci: `section`, `page`, `component`, `collection`. `plop` e `ts-morph` sono dipendenze del pacchetto, non del progetto.
+
+I generatori scrivono codice che deve incastrarsi nello scaffold, quindi il progetto deve avere i punti di aggancio che si aspettano: i moduli che il codice generato importa e i file in cui iniettano. L'elenco è `src/lib/contract.ts`, e `officina doctor` dice, in qualunque repository, cosa manca. Finché manca qualcosa il pre-volo del generatore si ferma prima di scrivere un solo file.
+
+Un progetto aggiunge i propri generatori con un file `officina.generators.mjs` nella radice, con la firma di un plopfile: `export default function (plop)`.
+
+I test dei generatori girano sui punti di aggancio del progetto di prova, copiati da `vetrina`. Che un progetto vero li abbia ancora lo verifica `doctor`, non i test.
+
 ## Cosa arriverà
 
-I generatori (`officina gen …`) con i loro template, poi bundle budget, smoke di produzione, lighthouse, verifica analytics e icone.
+I preset di `ecommerce` e `monorepo`.

package/dist/bin.d.ts

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+type Main = (args?: string[]) => number | Promise<number>;
+type Loader = () => Promise<{
+    main: Main;
+}>;
+export declare const CHECKS: Record<string, Loader>;
+export declare function run(argv: string[]): Promise<number>;
+export {};

package/dist/bin.js

@@ -1,25 +1,47 @@
 #!/usr/bin/env node
 import process from 'node:process';
 // Un modulo per gate, caricato solo quando serve: `officina check routes` non paga il costo
-// degli altri cinque.
-const CHECKS = {
+// degli altri.
+export const CHECKS = {
+    analytics: () => import('./checks/analytics.js'),
+    bundle: () => import('./checks/bundle.js'),
     comments: () => import('./checks/comments.js'),
     language: () => import('./checks/language.js'),
+    lighthouse: () => import('./checks/lighthouse.js'),
     placeholders: () => import('./checks/placeholders.js'),
     roadmap: () => import('./checks/roadmap.js'),
     routes: () => import('./checks/routes.js'),
+    smoke: () => import('./checks/smoke.js'),
     'vercel-cli': () => import('./checks/vercel-cli.js'),
 };
-const USAGE = `Uso: officina check <gate> [opzioni]\n\nGate: ${Object.keys(CHECKS).join(', ')}\nOpzioni comuni: --diff, --base <ref>, --head <ref>, --strict, --format text|github\n`;
+const USAGE = `Uso:
+  officina check <gate> [opzioni]   gate: ${Object.keys(CHECKS).join(', ')}
+  officina gen [generatore]         section, page, component, collection, più quelli del progetto
+  officina gen icons                le icone del manifest da public/favicon.svg
+  officina doctor                   cosa manca al progetto perché i generatori funzionino
+
+Opzioni dei gate sui sorgenti: --diff, --base <ref>, --head <ref>, --strict, --format text|github
+bundle legge dist/client; smoke [url] e analytics [GTM-…] vanno in rete; lighthouse [--local]
+I valori del progetto (URL, budget, header, controlli propri) stanno in officina.config.ts
+`;
+// Ogni gruppo dice quale modulo carica e quali argomenti gli passa.
+const GROUPS = {
+    check: ([name = '', ...rest]) => ({ load: CHECKS[name], args: rest }),
+    gen: (args) => args[0] === 'icons'
+        ? { load: () => import('./gen/icons.js'), args: args.slice(1) }
+        : { load: () => import('./gen/run.js'), args },
+    doctor: (args) => ({ load: () => import('./checks/doctor.js'), args }),
+};
 export async function run(argv) {
-    const [group, name, ...rest] = argv;
-    const load = group === 'check' && name !== undefined ? CHECKS[name] : undefined;
+    const [group = '', ...rest] = argv;
+    const { load, args } = GROUPS[group]?.(rest) ?? { load: undefined, args: [] };
     if (!load) {
         console.error(USAGE);
         return 2;
     }
     const { main } = await load();
-    return main(rest);
+    return main(args);
 }
+/* v8 ignore next -- eseguito solo quando il file è il punto d'ingresso del processo */
 if (import.meta.main)
     process.exit(await run(process.argv.slice(2)));

package/dist/checks/analytics.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): Promise<number>;

package/dist/checks/analytics.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+// Il container GTM vivo scatta sugli eventi che questo sito emette? Legge il gtm.js pubblico
+// del container: nessuna credenziale, niente da scrivere.
+import { readFileSync } from 'node:fs';
+import process from 'node:process';
+import { coverageOf, extractLinkEvents } from '../lib/analytics-coverage.js';
+import { loadConfig } from '../lib/config.js';
+import { extractTriggers, googleTagIds, parseContainerData } from '../lib/gtm-container.js';
+const LINK_TRACKING = 'src/lib/analytics/link-tracking.ts';
+const TIMEOUT_MS = 15_000;
+function resolveGtmId(args) {
+    const gtmId = args[0] ?? process.env.PUBLIC_GTM_ID ?? '';
+    return /^GTM-[A-Z0-9]+$/.test(gtmId) ? gtmId : null;
+}
+function reportCoverage(coverage) {
+    for (const { event, prefix, covered } of coverage) {
+        console.log(`  ${covered ? '✓' : '✗'} ${event.padEnd(16)} (${prefix})`);
+    }
+    const missing = coverage.filter(({ covered }) => !covered);
+    if (missing.length > 0) {
+        console.error(`\n✗ ${missing.length} event(s) the site pushes and no trigger listens for.`);
+        return 1;
+    }
+    console.log('\n✓ Every event the site pushes has a trigger.');
+    return 0;
+}
+export async function main(args = []) {
+    const { analytics = {} } = await loadConfig(process.cwd());
+    const gtmId = resolveGtmId(args);
+    if (gtmId === null) {
+        console.log('No GTM container to check: pass one as an argument or set PUBLIC_GTM_ID.');
+        return 0;
+    }
+    const response = await fetch(`https://www.googletagmanager.com/gtm.js?id=${gtmId}`, {
+        signal: AbortSignal.timeout(TIMEOUT_MS),
+    });
+    if (!response.ok) {
+        console.error(`✗ container ${gtmId} unreadable: HTTP ${response.status}`);
+        return 1;
+    }
+    const container = parseContainerData(await response.text());
+    const source = readFileSync(analytics.linkTracking ?? LINK_TRACKING, 'utf8');
+    const coverage = coverageOf(extractLinkEvents(source), extractTriggers(container));
+    console.log(`\nGTM ${gtmId} — measurement IDs: ${googleTagIds(container).join(', ') || '—'}\n`);
+    return reportCoverage(coverage);
+}
+if (import.meta.main)
+    process.exit(await main(process.argv.slice(2)));

package/dist/checks/bundle.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(): Promise<number>;

package/dist/checks/bundle.js

@@ -0,0 +1,98 @@
+#!/usr/bin/env node
+// Gate del budget di bundle su dist/client — richiede un `astro build` completato.
+import { readdirSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+import process from 'node:process';
+import { gzipSync } from 'node:zlib';
+import { budgetFor, CSS_BUDGET_GZIP, cssBudgetFailure, deferredClosure, heaviestStylesheet, htmlEntries, parseEdges, staticClosure, } from '../lib/bundle-budget.js';
+import { loadConfig } from '../lib/config.js';
+import { expectedRoutes, filesWithExtension, missingRouteFailures, readPageFiles, routeOf, } from '../lib/routes.js';
+const DIST = 'dist/client';
+const ASSETS = join(DIST, '_astro');
+const PAGES = 'src/pages';
+const gz = (bytes) => `${(bytes / 1024).toFixed(1)} KB`;
+function readStylesheets() {
+    return readdirSync(ASSETS)
+        .filter((f) => f.endsWith('.css'))
+        .map((file) => ({ file, gzip: gzipSync(readFileSync(join(ASSETS, file))).length }));
+}
+function readChunks() {
+    const chunks = new Map();
+    for (const name of readdirSync(ASSETS).filter((f) => f.endsWith('.js'))) {
+        const raw = readFileSync(join(ASSETS, name));
+        chunks.set(name, { gzip: gzipSync(raw).length, ...parseEdges(raw.toString('utf8')) });
+    }
+    return chunks;
+}
+function measurePages(chunks, budgets) {
+    const total = (names) => [...names].reduce((sum, name) => sum + (chunks.get(name)?.gzip ?? 0), 0);
+    return filesWithExtension(DIST, '.html')
+        .map((htmlPath) => {
+        const route = routeOf(htmlPath, DIST);
+        const reached = staticClosure(htmlEntries(readFileSync(htmlPath, 'utf8')), chunks);
+        return {
+            route,
+            gzip: total(reached),
+            deferredGzip: total(deferredClosure(reached, chunks)),
+            budget: budgetFor(route, budgets),
+        };
+    })
+        .sort((a, b) => b.gzip - a.gzip);
+}
+function overBudgetFailures(pages) {
+    return pages
+        .filter((page) => page.gzip > page.budget.maxGzip)
+        .map((page) => {
+        const over = page.gzip - page.budget.maxGzip;
+        return `${page.route}: ${gz(page.gzip)} > ${gz(page.budget.maxGzip)} (+${gz(over)})`;
+    });
+}
+function printPages(pages, width) {
+    console.log('\nBundle budget — client JS per route (gzip, static closure)\n');
+    console.log(`${'ROUTE'.padEnd(width)}   ${'STATIC'.padStart(9)}   ${'BUDGET'.padStart(9)}   ${'DEFERRED'.padStart(9)}`);
+    for (const page of pages) {
+        const deferred = page.deferredGzip > 0 ? gz(page.deferredGzip) : '—';
+        const line = `${page.route.padEnd(width)}   ${gz(page.gzip).padStart(9)}   ${gz(page.budget.maxGzip).padStart(9)}   ${deferred.padStart(9)}`;
+        console.log(page.gzip > page.budget.maxGzip ? `${line}  ✗` : line);
+    }
+    console.log('\nDEFERRED = reachable only through `await import()` (loaded after paint, behind a runtime guard).');
+}
+function printStylesheets(stylesheets, cssMaxGzip, failed, width) {
+    const worst = heaviestStylesheet(stylesheets);
+    console.log(`\nCSS (render-blocking, heaviest sheet a route links)`);
+    for (const sheet of [...stylesheets].sort((a, b) => b.gzip - a.gzip)) {
+        const mark = sheet === worst && failed ? '  ✗' : '';
+        console.log(`  ${sheet.file.padEnd(width - 2)}   ${gz(sheet.gzip).padStart(9)}   ${gz(cssMaxGzip).padStart(9)}${mark}`);
+    }
+}
+function printSsrNote(expected) {
+    if (expected.ssr.length === 0)
+        return;
+    console.log(`\nNOTE  ${expected.ssr.length} page(s) opted out with \`export const prerender = false\` and are outside this budget:`);
+    for (const file of expected.ssr)
+        console.log(`      - ${file}`);
+}
+export async function main() {
+    const { bundle = {} } = await loadConfig(process.cwd());
+    const cssMaxGzip = bundle.cssMaxGzip ?? CSS_BUDGET_GZIP;
+    const pages = measurePages(readChunks(), bundle.budgets ?? []);
+    const expected = expectedRoutes(readPageFiles(PAGES), PAGES);
+    const failures = missingRouteFailures(expected, pages.map((page) => page.route), DIST);
+    failures.push(...overBudgetFailures(pages));
+    const width = Math.max('ROUTE'.length, ...pages.map((p) => p.route.length));
+    printPages(pages, width);
+    const stylesheets = readStylesheets();
+    const cssFailure = cssBudgetFailure(stylesheets, cssMaxGzip);
+    if (cssFailure)
+        failures.push(cssFailure);
+    printStylesheets(stylesheets, cssMaxGzip, cssFailure !== null, width);
+    printSsrNote(expected);
+    if (failures.length > 0) {
+        console.error(`\n✗ Bundle budget:\n${failures.map((f) => `  - ${f}`).join('\n')}\n`);
+        return 1;
+    }
+    console.log('\n✓ Bundle budget respected on every expected route.\n');
+    return 0;
+}
+if (import.meta.main)
+    process.exit(await main());

package/dist/checks/comments.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): number;

package/dist/checks/doctor.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(): number;

package/dist/checks/doctor.js

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+import process from 'node:process';
+import { cliOptions, exitCode, printFindings } from '../lib/cli.js';
+import { CONTRACT, contractGaps } from '../lib/contract.js';
+export function main() {
+    const findings = contractGaps(process.cwd()).map((gap) => ({ ...gap, severity: 'error' }));
+    console.log(`\nofficina doctor — ${CONTRACT.length} punti di aggancio dei generatori\n`);
+    printFindings(findings, cliOptions([]).format);
+    console.log(findings.length === 0
+        ? '  Il progetto ha tutto quello che i generatori si aspettano.\n'
+        : `\n  ${findings.length} su ${CONTRACT.length} da sistemare prima che \`officina gen\` scriva codice che compila.\n`);
+    return exitCode(findings, false);
+}
+if (import.meta.main)
+    process.exit(main());

package/dist/checks/language.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): number;

package/dist/checks/lighthouse.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): number;

package/dist/checks/lighthouse.js

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+import { spawnSync } from 'node:child_process';
+import { mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import process from 'node:process';
+import { fileURLToPath } from 'node:url';
+import { lighthouseConfig } from '../lib/lighthouse.js';
+import { auditRoutes, expectedRoutes, readPageFiles } from '../lib/routes.js';
+const PAGES_DIR = 'src/pages';
+const RC_FILE = '.lighthouserc.json';
+// Build equivalente alla produzione, server statico e Chrome di Linux: lo script chiama di nuovo
+// questo comando, senza `--local`, quando il server risponde.
+function runLocal() {
+    const script = fileURLToPath(new URL('../sh/lhci-local.sh', import.meta.url));
+    const env = { ...process.env, OFFICINA_BIN: process.argv[1] };
+    return spawnSync('bash', [script], { stdio: 'inherit', env }).status ?? 1;
+}
+export function main(args = []) {
+    if (args.includes('--local'))
+        return runLocal();
+    const rc = JSON.parse(readFileSync(RC_FILE, 'utf8'));
+    const routes = auditRoutes(expectedRoutes(readPageFiles(PAGES_DIR), PAGES_DIR));
+    const resolved = lighthouseConfig(rc, routes, process.env);
+    console.log(`\nLighthouse CI — ${routes.length} route(s) derived from ${PAGES_DIR}\n`);
+    for (const url of resolved.ci.collect.url ?? [])
+        console.log(`  ${url}`);
+    console.log();
+    const dir = mkdtempSync(join(tmpdir(), 'lhci-'));
+    const config = join(dir, 'lighthouserc.json');
+    writeFileSync(config, JSON.stringify(resolved, null, 2));
+    const { status } = spawnSync('pnpm', ['dlx', '@lhci/cli', 'autorun', `--config=${config}`], { stdio: 'inherit' });
+    rmSync(dir, { recursive: true, force: true });
+    return status ?? 1;
+}
+if (import.meta.main)
+    process.exit(main(process.argv.slice(2)));

package/dist/checks/placeholders.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): number;

package/dist/checks/roadmap.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): number;

package/dist/checks/routes.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): number;

package/dist/checks/smoke.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(args?: string[]): Promise<number>;

package/dist/checks/smoke.js

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+// L'unico controllo che vede cosa serve davvero il bordo: i test del progetto fissano solo vercel.json.
+import process from 'node:process';
+import { loadConfig } from '../lib/config.js';
+import { expectedRoutes, readPageFiles, smokeRoutes } from '../lib/routes.js';
+import { runChecks, SECURITY_HEADERS, waitForAlias, } from '../lib/smoke-production.js';
+const PAGES_DIR = 'src/pages';
+function printResults(results) {
+    for (const { check, status, detail } of results) {
+        if (status === 'pass')
+            console.log(`✓ ${check}`);
+        else if (status === 'skip')
+            console.log(`- ${check} (skipped: ${detail})`);
+        else
+            console.error(`✗ ${check} — ${detail}`);
+    }
+}
+function printFailures(failures) {
+    console.error(`\n✗ ${failures.length} check(s) failed:`);
+    console.error(`${failures.map(({ check, detail }) => `  - ${check} — ${detail}`).join('\n')}\n`);
+    console.error('Production is live and broken. Roll back from the Vercel dashboard:');
+    console.error('Deployments → the last known-good production deployment → Promote to Production.\n');
+}
+export async function main(args = []) {
+    const { siteUrl, smoke = {} } = await loadConfig(process.cwd());
+    const [url] = args;
+    if (siteUrl === undefined) {
+        console.error('\n✗ officina.config.ts declares no siteUrl — the canonical-host check has nothing to compare against.\n');
+        return 1;
+    }
+    if (url === undefined && new URL(siteUrl).host === 'example.com') {
+        console.error('\n✗ siteUrl is still the template placeholder — pass a URL: pnpm smoke:prod https://…\n');
+        return 1;
+    }
+    // L'apice, non l'URL *.vercel.app che stampa `vercel deploy`: lì la regola `has: host` di vercel.json mette noindex.
+    const baseUrl = (url ?? siteUrl).replace(/\/+$/, '');
+    const context = {
+        get: (target) => fetch(target, { redirect: 'manual' }),
+        baseUrl,
+        siteUrl,
+        securityHeaders: smoke.securityHeaders ?? SECURITY_HEADERS,
+    };
+    const pages = smokeRoutes(expectedRoutes(readPageFiles(PAGES_DIR), PAGES_DIR), smoke.nonHtmlRoutes);
+    console.log(`\nProduction smoke — ${baseUrl}\n`);
+    await waitForAlias(context, (ms) => new Promise((resolve) => setTimeout(resolve, ms)));
+    const results = await runChecks(context, pages, smoke.checks);
+    printResults(results);
+    const failures = results.filter(({ status }) => status === 'fail');
+    if (failures.length > 0) {
+        printFailures(failures);
+        return 1;
+    }
+    console.log(`\n✓ Every check passed on ${baseUrl}.\n`);
+    return 0;
+}
+if (import.meta.main)
+    process.exit(await main(process.argv.slice(2)));

package/dist/checks/vercel-cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(): Promise<number>;

package/dist/gen/collection.d.mts

@@ -0,0 +1 @@
+export default function collectionGenerator(plop: any): void;

package/dist/gen/collection.mjs

@@ -0,0 +1,76 @@
+import { isValidIdentifier } from './identifier.mjs';
+import { assertInjectable, injectCollection } from './inject-config.mjs';
+import { postGenAction } from './post-gen.mjs';
+import { sectionedCollectionActions, sectionedCollectionPrompts } from './sectioned-collection.mjs';
+function flatCollectionActions(root, answers) {
+    const tpl = 'templates/collection';
+    return [
+        (a, _config, api) => {
+            assertInjectable({
+                root,
+                camel: api.getHelper('camelCase')(a.name),
+                kebab: api.getHelper('dashCase')(a.name),
+            });
+            return 'content.config.ts contract checks passed';
+        },
+        {
+            type: 'add',
+            path: 'src/lib/schemas/{{dashCase name}}.ts',
+            templateFile: `${tpl}/schema.ts.hbs`,
+        },
+        {
+            type: 'add',
+            path: answers.document ? 'src/content/{{dashCase name}}/example.md' : 'src/content/{{dashCase name}}/example.yml',
+            templateFile: answers.document ? `${tpl}/doc.md.hbs` : `${tpl}/data.yml.hbs`,
+        },
+        (a, _config, api) => {
+            injectCollection({
+                root,
+                camel: api.getHelper('camelCase')(a.name),
+                kebab: api.getHelper('dashCase')(a.name),
+                document: a.document,
+            });
+            return `injected collection in content.config.ts: ${a.name}`;
+        },
+        postGenAction(root),
+    ];
+}
+export default function collectionGenerator(plop) {
+    const root = process.cwd();
+    plop.setGenerator('collection', {
+        description: 'New content collection (YAML data, MD documents, or a page built from sections)',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Collection name (e.g. services, blog):',
+                validate: (value) => {
+                    const camel = plop.getHelper('camelCase')(String(value));
+                    if (!camel)
+                        return 'Collection name is required';
+                    if (!isValidIdentifier(camel)) {
+                        return `"${value}" would generate an invalid identifier (const ${camel}) — use ASCII letters/digits, starting with a letter, not a JS reserved word`;
+                    }
+                    return true;
+                },
+            },
+            {
+                type: 'confirm',
+                name: 'sections',
+                message: 'A page built from sections, like the homepage?',
+                default: false,
+            },
+            {
+                type: 'confirm',
+                name: 'document',
+                message: 'MD documents with a renderable body? (No = YAML data)',
+                default: false,
+                when: (answers) => answers.sections !== true,
+            },
+            ...sectionedCollectionPrompts(plop),
+        ],
+        actions: (answers) => answers.sections === true
+            ? sectionedCollectionActions(plop, answers, root)
+            : flatCollectionActions(root, answers),
+    });
+}

package/dist/gen/component.d.mts

@@ -0,0 +1 @@
+export default function componentGenerator(plop: any): void;

package/dist/gen/component.mjs

@@ -0,0 +1,41 @@
+import { postGenAction } from './post-gen.mjs';
+const IDENTIFIER = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
+export default function componentGenerator(plop) {
+    const root = process.cwd();
+    const tpl = 'templates/component';
+    plop.setGenerator('component', {
+        description: 'New native Astro component (cva + cn recipe)',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Component name (e.g. PriceCard):',
+                validate: (value) => {
+                    const camel = plop.getHelper('camelCase')(String(value));
+                    if (!camel)
+                        return 'Component name is required';
+                    if (!IDENTIFIER.test(camel)) {
+                        return `"${value}" would generate an invalid identifier (${camel}Variants) — use ASCII letters/digits, starting with a letter`;
+                    }
+                    return true;
+                },
+            },
+            {
+                type: 'input',
+                name: 'area',
+                message: 'Folder under src/components/ (e.g. ui, marketing):',
+                default: 'ui',
+                validate: (value) => plop.getHelper('dashCase')(String(value)) !== '' ||
+                    'Area folder must contain at least one letter or digit (e.g. ui)',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: 'src/components/{{dashCase area}}/{{dashCase name}}.astro',
+                templateFile: `${tpl}/component.astro.hbs`,
+            },
+            postGenAction(root),
+        ],
+    });
+}

package/dist/gen/icons.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function main(): Promise<number>;

package/dist/gen/icons.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+import process from 'node:process';
+import { loadConfig } from '../lib/config.js';
+const isMissingSharp = (error) => error instanceof Error && 'code' in error && error.code === 'ERR_MODULE_NOT_FOUND' && error.message.includes('sharp');
+export async function main() {
+    const { icons } = await loadConfig(process.cwd());
+    if (icons === undefined) {
+        console.error('\n✗ officina.config.ts non dichiara icons.background: è il colore di fondo delle icone.\n');
+        return 1;
+    }
+    try {
+        // Caricato qui e non in testa: sharp è del progetto, e chi non genera icone non lo deve avere.
+        const { writeIcons } = await import('../lib/icons.js');
+        for (const { path, bytes } of await writeIcons(process.cwd(), icons.background)) {
+            console.log(`${path}  ${(bytes / 1024).toFixed(1)} KB`);
+        }
+        return 0;
+    }
+    catch (error) {
+        if (!isMissingSharp(error))
+            throw error;
+        console.error('\n✗ sharp non è fra le dipendenze del progetto: `officina gen icons` lo usa per disegnare i PNG.\n');
+        return 1;
+    }
+}
+if (import.meta.main)
+    process.exit(await main());

package/dist/gen/identifier.d.mts

@@ -0,0 +1 @@
+export declare function isValidIdentifier(camel: any): boolean;