odoro 0.3.0 → 0.3.4

package/dist/build-GIPMPYJ3.js

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+export { buildProject, reportBuild } from './chunk-CJIUP7A3.js';
+import './chunk-R6PMAMXA.js';
+import './chunk-JMEHF3KN.js';

package/dist/{chunk-2YDI5NKV.js → chunk-34ES2ICQ.js}

@@ -15,7 +15,10 @@ var MIME = {
   ".webp": "image/webp",
   ".ico": "image/x-icon",
   ".woff2": "font/woff2",
-  ".map": "application/json; charset=utf-8"
+  ".map": "application/json; charset=utf-8",
+  ".txt": "text/plain; charset=utf-8",
+  ".md": "text/markdown; charset=utf-8",
+  ".markdown": "text/markdown; charset=utf-8"
 };
 async function startPreviewServer(config, port = config.server.port + 1) {
   if (!existsSync(config.outDir)) {
@@ -25,7 +28,8 @@ async function startPreviewServer(config, port = config.server.port + 1) {
     const path = (incoming.url ?? "/").split("?")[0] ?? "/";
     const relativePath = normalize(decodeURIComponent(path)).split(/[\\/]/).filter(Boolean).join("/");
     const candidate = join(config.outDir, relativePath);
-    const file = existsSync(candidate) && statSync(candidate).isFile() ? candidate : join(config.outDir, "index.html");
+    const dansLeDossier = ["index.html", "index.md"].map((nom) => join(candidate, nom)).find((chemin) => existsSync(chemin) && statSync(chemin).isFile());
+    const file = existsSync(candidate) && statSync(candidate).isFile() ? candidate : dansLeDossier ?? join(config.outDir, "index.html");
     if (!file.startsWith(config.outDir)) {
       response.writeHead(403, { "Content-Type": "text/plain" });
       response.end("Interdit");

package/dist/{chunk-HCU53TIK.js → chunk-CJIUP7A3.js}

@@ -1,12 +1,10 @@
 #!/usr/bin/env node
-import { extractEntries, applyAlias, isBareSpecifier } from './chunk-G5QXVBYT.js';
+import { extractEntries, applyAlias, isBareSpecifier, fournisseurDe } from './chunk-R6PMAMXA.js';
 import { info, colors, size, success, duration } from './chunk-JMEHF3KN.js';
 import { existsSync } from 'fs';
 import { readFile, rm, mkdir, writeFile, cp, stat } from 'fs/promises';
-import { join, basename, resolve, relative, sep, dirname } from 'path';
+import { join, basename, resolve, relative, sep } from 'path';
 import { build } from 'esbuild';
-import { createRequire } from 'module';
-import { pathToFileURL } from 'url';
 
 // src/build/elaguer.ts
 var GROUPES = /* @__PURE__ */ new Set(["media", "supports", "layer", "container", "scope"]);
@@ -187,28 +185,6 @@ function decouperSelecteurs(selecteur) {
   parts.push(selecteur.slice(debut).trim());
   return parts.filter((p) => p.length > 0);
 }
-var PAQUET = "@odoro-cli/libs";
-var SOUS_CHEMIN = "./generateur";
-function fichierDe(entree) {
-  if (entree === void 0) return void 0;
-  if (typeof entree === "string") return entree;
-  return entree.import ?? entree.default;
-}
-async function fournisseurDe(root) {
-  try {
-    const exiger = createRequire(join(root, "package.json"));
-    const manifeste = exiger.resolve(`${PAQUET}/package.json`);
-    const dossier = dirname(manifeste);
-    const contenu = JSON.parse(await readFile(manifeste, "utf8"));
-    const relatif = fichierDe(contenu.exports?.[SOUS_CHEMIN]);
-    if (relatif === void 0) return void 0;
-    const module_ = await import(pathToFileURL(resolve(dossier, relatif)).href);
-    if (typeof module_.renderUtilitairesPour !== "function") return void 0;
-    return { renderUtilitairesPour: module_.renderUtilitairesPour };
-  } catch {
-    return void 0;
-  }
-}
 
 // src/build/build.ts
 function toPosix(path) {

package/dist/{chunk-Q35CGY2Z.js → chunk-DL3NPC4H.js}

@@ -24,7 +24,18 @@ async function importConfigFile(file, root) {
       write: false,
       // Seul le code du projet est inline ; ses dependances restent externes,
       // sans quoi il faudrait resoudre tout node_modules pour lire trois lignes.
-      packages: "external"
+      packages: "external",
+      // `packages: 'external'` ne suffit pas : un `baseUrl` dans le
+      // `tsconfig.json` fait chercher les imports nus depuis la racine du
+      // projet, ou `odoro.json` — le fichier du registre — est trouve avant le
+      // paquet. L'import cesse alors d'etre un import de paquet, la regle
+      // ci-dessus ne s'applique plus, et la compilation echoue sur un
+      // `defineConfig` introuvable dans un fichier de configuration.
+      //
+      // Le nommer explicitement le met hors d'atteinte de cette resolution. La
+      // liste vaut pour les projets deja crees : eux portent encore un
+      // `baseUrl`, et on ne peut pas reecrire leur tsconfig.
+      external: ["odoro"]
     });
     const code = result.outputFiles[0]?.text;
     if (code === void 0) {

package/dist/{chunk-G5QXVBYT.js → chunk-R6PMAMXA.js}

@@ -3,14 +3,44 @@ import { info, error, success, duration, colors, warn } from './chunk-JMEHF3KN.j
 import { existsSync, readFileSync, statSync, watch, createReadStream } from 'fs';
 import { readFile, rm, mkdir, writeFile } from 'fs/promises';
 import { createServer, request } from 'http';
-import { resolve, join, dirname, extname, relative } from 'path';
-import { createHash } from 'crypto';
+import { join, dirname, resolve, extname, relative } from 'path';
 import { createRequire } from 'module';
-import { fileURLToPath, pathToFileURL } from 'url';
+import { pathToFileURL, fileURLToPath } from 'url';
+import { createHash } from 'crypto';
 import { build } from 'esbuild';
 import { transformAsync } from '@babel/core';
 import reactRefreshPlugin from 'react-refresh/babel';
 
+var PAQUET = "@odoro-cli/libs";
+var SOUS_CHEMIN = "./generateur";
+function fichierDe(entree) {
+  if (entree === void 0) return void 0;
+  if (typeof entree === "string") return entree;
+  return entree.import ?? entree.default;
+}
+async function fournisseurDe(root) {
+  try {
+    const exiger = createRequire(join(root, "package.json"));
+    const manifeste = exiger.resolve(`${PAQUET}/package.json`);
+    const dossier = dirname(manifeste);
+    const contenu = JSON.parse(await readFile(manifeste, "utf8"));
+    const relatif = fichierDe(contenu.exports?.[SOUS_CHEMIN]);
+    if (relatif === void 0) return void 0;
+    const module_ = await import(pathToFileURL(resolve(dossier, relatif)).href);
+    if (typeof module_.renderUtilitairesPour !== "function") return void 0;
+    const generate = module_.generate;
+    return {
+      renderUtilitairesPour: module_.renderUtilitairesPour,
+      // `generate` enumere les classes du palier courant. Absent d'un paquet
+      // plus ancien : le champ reste alors indefini, et le developpement
+      // retombe sur la feuille telle qu'elle est livree.
+      ...typeof generate === "function" ? { classesConnues: () => new Set(generate("core").classNames) } : {}
+    };
+  } catch {
+    return void 0;
+  }
+}
+
 // src/dev/client.ts
 var HMR_STREAM_PATH = "/@odoro/hmr";
 var HMR_CLIENT_PATH = "/@odoro/client";
@@ -266,6 +296,7 @@ function renderInteropProxy(info2) {
 }
 var DEPS_PREFIX = "/@deps/";
 var INTERNAL_PREFIX = "/@odoro/";
+var SOURCE_EXTENSIONS = [".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"];
 var STYLE_EXTENSIONS = [".css"];
 var ASSET_EXTENSIONS = [
   ".svg",
@@ -827,6 +858,7 @@ async function bundleRefreshRuntime() {
 }
 
 // src/dev/server.ts
+var UTILITAIRES_PATH = `${INTERNAL_PREFIX}utilitaires.css`;
 var MIME = {
   ".html": "text/html; charset=utf-8",
   ".js": "text/javascript; charset=utf-8",
@@ -845,7 +877,9 @@ var MIME = {
   ".woff2": "font/woff2",
   ".mp4": "video/mp4",
   ".webm": "video/webm",
-  ".txt": "text/plain; charset=utf-8"
+  ".txt": "text/plain; charset=utf-8",
+  ".md": "text/markdown; charset=utf-8",
+  ".markdown": "text/markdown; charset=utf-8"
 };
 var SCRIPT_EXTENSIONS = [".ts", ".tsx", ".js", ".jsx", ".mjs"];
 function cleanUrl(url) {
@@ -874,8 +908,11 @@ function extractEntries(html, root) {
   }
   return entries;
 }
-function injectClient(html) {
+function injectClient(html, utilitaires = false) {
   const tags = [
+    // La feuille vient avant tout le reste : le socle et les styles de
+    // l'application, importes ensuite, doivent pouvoir la surcharger.
+    ...utilitaires ? [`<link rel="stylesheet" href="${UTILITAIRES_PATH}">`] : [],
     REFRESH_HTML_TAG,
     `<script type="module" src="${HMR_CLIENT_PATH}"></script>`
   ].join("\n    ");
@@ -894,6 +931,11 @@ async function startDevServer(config) {
     throw new Error(`[odoro] Aucun "index.html" a la racine du projet (${config.root}).`);
   }
   const refreshRuntime = await bundleRefreshRuntime();
+  const fournisseur = await fournisseurDe(config.root);
+  const utilitaires = fournisseur?.classesConnues === void 0 ? void 0 : fournisseur.renderUtilitairesPour(fournisseur.classesConnues());
+  if (utilitaires !== void 0) {
+    info(`utilitaires de developpement : ${String(Math.round(utilitaires.length / 1024))} Ko`);
+  }
   const entries = extractEntries(await readFile(indexFile, "utf8"), config.root);
   const specifiers = await scanDependencies(config, entries);
   const deps = await optimizeDeps(config, specifiers);
@@ -948,6 +990,14 @@ async function startDevServer(config) {
     node.code = hotPreamble(url2) + wrapStyle(url2, css);
     send(response, node.code, MIME[".js"]);
   };
+  const indexDeDossier = (dossier) => {
+    if (!existsSync(dossier) || !statSync(dossier).isDirectory()) return void 0;
+    for (const nom of ["index.html", "index.md"]) {
+      const candidat = join(dossier, nom);
+      if (existsSync(candidat) && statSync(candidat).isFile()) return candidat;
+    }
+    return void 0;
+  };
   const serveFile = (response, file) => {
     const type = MIME[extname(file).toLowerCase()] ?? "application/octet-stream";
     response.writeHead(200, { "Content-Type": type, "Cache-Control": "no-cache" });
@@ -955,7 +1005,7 @@ async function startDevServer(config) {
   };
   const serveHtml = async (response) => {
     const html = await readFile(indexFile, "utf8");
-    send(response, injectClient(html), MIME[".html"]);
+    send(response, injectClient(html, utilitaires !== void 0), MIME[".html"]);
   };
   const forward = (incoming, response, target) => {
     const url2 = new URL(incoming.url ?? "/", target);
@@ -994,6 +1044,14 @@ async function startDevServer(config) {
           send(response, refreshRuntime, MIME[".js"] ?? "text/javascript");
           return;
         }
+        if (path === UTILITAIRES_PATH) {
+          if (utilitaires === void 0) {
+            send(response, "Introuvable", "text/plain", 404);
+            return;
+          }
+          send(response, utilitaires, MIME[".css"] ?? "text/css");
+          return;
+        }
         if (path === HMR_CLIENT_PATH) {
           send(response, HMR_CLIENT_SOURCE, MIME[".js"] ?? "text/javascript");
           return;
@@ -1063,6 +1121,11 @@ async function startDevServer(config) {
           serveFile(response, publicFile);
           return;
         }
+        const index = indexDeDossier(publicFile);
+        if (index !== void 0) {
+          serveFile(response, index);
+          return;
+        }
         if (!extname(path)) {
           await serveHtml(response);
           return;
@@ -1098,7 +1161,12 @@ async function startDevServer(config) {
         }
         const boundaries = graph.invalidate(file);
         if (boundaries.length === 0) {
-          if (graph.get(file) !== void 0) reload = true;
+          if (graph.get(file) !== void 0) {
+            reload = true;
+          } else if (SOURCE_EXTENSIONS.some((ext) => file.endsWith(ext))) {
+            graph.clear();
+            reload = true;
+          }
           continue;
         }
         for (const boundary of boundaries) {
@@ -1136,4 +1204,4 @@ async function startDevServer(config) {
   };
 }
 
-export { ModuleGraph, applyAlias, depFileName, detectSelfAccepting, extractEntries, injectClient, isBareSpecifier, optimizeDeps, scanDependencies, startDevServer };
+export { ModuleGraph, applyAlias, depFileName, detectSelfAccepting, extractEntries, fournisseurDe, injectClient, isBareSpecifier, optimizeDeps, scanDependencies, startDevServer };

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { loadConfig } from './chunk-Q35CGY2Z.js';
+import { loadConfig } from './chunk-DL3NPC4H.js';
 import './chunk-T6RLHSCW.js';
 import { error } from './chunk-JMEHF3KN.js';
 import { realpathSync } from 'fs';
@@ -79,6 +79,7 @@ ${colors.bold("Options du registre")}
 
 ${colors.bold("Options de create")}
   --template <nom>   Template a utiliser
+  --modules <liste>  libs,router,icons,engine,registre \u2014 ou "aucun"
   --pm <nom>         Gestionnaire de paquets (pnpm, npm, yarn, bun)
   --no-git           N'initialise pas de depot git
   --no-install       N'installe pas les dependances
@@ -130,7 +131,7 @@ function rootFrom(flags, positional) {
 async function run(argv) {
   const { command, positional, flags } = parseArgs(argv);
   if (flags["version"] === true) {
-    const manifest = await import('./package-U7R7SC4H.js');
+    const manifest = await import('./package-Q2FV4K3H.js');
     console.log(manifest.default.version);
     return 0;
   }
@@ -141,11 +142,12 @@ async function run(argv) {
   switch (command) {
     case "create":
     case "new": {
-      const { createCommand } = await import('./create-XJM3TUAQ.js');
+      const { createCommand } = await import('./create-IOFAPDBO.js');
       const options = {};
       if (positional[0] !== void 0) options.name = positional[0];
       if (typeof flags["template"] === "string") options.template = flags["template"];
       if (typeof flags["pm"] === "string") options.pm = flags["pm"];
+      if (typeof flags["modules"] === "string") options.modules = flags["modules"];
       if (typeof flags["git"] === "boolean") options.git = flags["git"];
       if (typeof flags["install"] === "boolean") options.install = flags["install"];
       if (flags["yes"] === true) options.yes = true;
@@ -154,20 +156,20 @@ async function run(argv) {
       return createCommand(options);
     }
     case "dev": {
-      const { startDevServer } = await import('./server-MZ76LPAG.js');
+      const { startDevServer } = await import('./server-ATGFRVSW.js');
       const config = await loadConfig(rootFrom(flags, positional), overridesFrom(flags));
       await startDevServer(config);
       return new Promise(() => void 0);
     }
     case "build": {
-      const { buildProject, reportBuild } = await import('./build-3SPCMZXZ.js');
+      const { buildProject, reportBuild } = await import('./build-GIPMPYJ3.js');
       const config = await loadConfig(rootFrom(flags, positional), overridesFrom(flags));
       const output = await buildProject(config);
       reportBuild(output, process.cwd());
       return 0;
     }
     case "preview": {
-      const { startPreviewServer } = await import('./preview-LOAO5Y6V.js');
+      const { startPreviewServer } = await import('./preview-3K46Y23N.js');
       const config = await loadConfig(rootFrom(flags, positional), overridesFrom(flags));
       const port = numberFlag(flags, "port");
       await startPreviewServer(config, port);

package/dist/{create-XJM3TUAQ.js → create-IOFAPDBO.js}

@@ -8,6 +8,89 @@ import colors from 'picocolors';
 import { readdir, rm, mkdir, copyFile, readFile, writeFile } from 'fs/promises';
 import { fileURLToPath } from 'url';
 
+// src/scaffold/modules.ts
+var MODULES = [
+  {
+    id: "libs",
+    label: "Bibliotheques",
+    hint: "style, jetons, interface et animations",
+    defaut: true,
+    paquet: "@odoro-cli/libs"
+  },
+  {
+    id: "router",
+    label: "Routeur",
+    hint: "vient avec les bibliotheques \u2014 cable les pages",
+    defaut: true
+  },
+  {
+    id: "icons",
+    label: "Icones",
+    hint: "cinq familles, importables une a une",
+    defaut: true,
+    paquet: "@odoro-cli/icons"
+  },
+  {
+    id: "engine",
+    label: "Moteur",
+    hint: "WebGL, surfaces et politique de mouvement",
+    defaut: false,
+    paquet: "@odoro-cli/engine"
+  },
+  {
+    id: "registre",
+    label: "Registre de composants",
+    hint: "copies par `odoro add` \u2014 entraine le moteur",
+    defaut: false
+  }
+];
+var MODULE_IDS = MODULES.map((m) => m.id);
+var MODULES_PAR_DEFAUT = MODULES.filter(
+  (m) => m.defaut
+).map((m) => m.id);
+function resoudre(selection) {
+  const choisis = new Set(selection);
+  const avertissements = [];
+  if (choisis.has("router") && !choisis.has("libs")) {
+    choisis.delete("router");
+    avertissements.push(
+      "Le routeur vient des bibliotheques (@odoro-cli/libs/router) : sans elles, il est retire."
+    );
+  }
+  if (choisis.has("registre") && !choisis.has("engine")) {
+    choisis.add("engine");
+    avertissements.push(
+      "Presque toutes les entrees du registre importent @odoro-cli/engine : le moteur est ajoute."
+    );
+  }
+  return { modules: MODULE_IDS.filter((id) => choisis.has(id)), avertissements };
+}
+function paquetsDe(modules) {
+  const choisis = new Set(modules);
+  return MODULES.filter((m) => m.paquet !== void 0 && choisis.has(m.id)).map(
+    (m) => m.paquet
+  );
+}
+function varianteDe(modules) {
+  const choisis = new Set(modules);
+  if (!choisis.has("libs")) return "sans-libs";
+  if (!choisis.has("router")) return "sans-routeur";
+  return void 0;
+}
+function gardeLesRoutes(modules) {
+  return modules.includes("router");
+}
+function lireModules(valeur) {
+  const brut = valeur.split(",").map((part) => part.trim()).filter((part) => part !== "");
+  if (brut.length === 1 && brut[0] === "aucun") return { modules: [] };
+  const inconnu = brut.find((part) => !MODULE_IDS.includes(part));
+  if (inconnu !== void 0) {
+    return {
+      erreur: `Module inconnu : "${inconnu}". Disponibles : ${MODULE_IDS.join(", ")}, ou "aucun".`
+    };
+  }
+  return { modules: brut };
+}
 var PACKAGE_MANAGERS = ["pnpm", "npm", "yarn", "bun"];
 function detectPackageManager(userAgent = process.env["npm_config_user_agent"]) {
   if (userAgent === void 0) return "npm";
@@ -56,6 +139,8 @@ function availableTemplates(root = templatesRoot()) {
 }
 
 // src/scaffold/scaffold.ts
+var DOSSIER_VARIANTES = "_variantes";
+var PAQUETS_OPTIONNELS = ["@odoro-cli/libs", "@odoro-cli/icons", "@odoro-cli/engine"];
 function cliVersion() {
   try {
     const manifeste = join(dirname(templatesRoot()), "package.json");
@@ -68,6 +153,7 @@ function cliVersion() {
 async function copyDirectory(from, to, written, prefix = "") {
   await mkdir(to, { recursive: true });
   for (const entry of await readdir(from, { withFileTypes: true })) {
+    if (prefix === "" && entry.name === DOSSIER_VARIANTES) continue;
     const source = join(from, entry.name);
     const name = targetFileName(entry.name);
     const destination = join(to, name);
@@ -96,11 +182,35 @@ function alignOdoroVersions(manifest, version) {
   }
   return aligned;
 }
-async function renamePackage(target, packageName, version) {
+function ajusterModules(manifest, modules) {
+  const voulus = new Set(paquetsDe(modules));
+  const deps = { ...manifest["dependencies"] ?? {} };
+  for (const paquet of PAQUETS_OPTIONNELS) {
+    if (voulus.has(paquet)) deps[paquet] ??= "latest";
+    else delete deps[paquet];
+  }
+  return {
+    ...manifest,
+    dependencies: Object.fromEntries(
+      Object.entries(deps).sort(([a], [b]) => a.localeCompare(b))
+    )
+  };
+}
+async function poserVariante(source, target, nom) {
+  const racine = join(source, DOSSIER_VARIANTES, nom);
+  if (!existsSync(racine)) {
+    throw new Error(`[odoro] Variante de gabarit introuvable : "${nom}".`);
+  }
+  const poses = [];
+  await copyDirectory(racine, target, poses);
+  return poses;
+}
+async function renamePackage(target, packageName, version, modules) {
   const file = join(target, "package.json");
   if (!existsSync(file)) return;
   const manifest = JSON.parse(await readFile(file, "utf8"));
-  const renamed = alignOdoroVersions({ ...manifest, name: packageName }, version);
+  const ajuste = ajusterModules({ ...manifest, name: packageName }, modules);
+  const renamed = alignOdoroVersions(ajuste, version);
   await writeFile(file, `${JSON.stringify(renamed, null, 2)}
 `, "utf8");
 }
@@ -116,14 +226,29 @@ async function scaffold(options) {
       await rm(join(options.target, entry), { recursive: true, force: true });
     }
   }
+  const modules = options.modules ?? MODULES_PAR_DEFAUT;
   const files = [];
   await copyDirectory(source, options.target, files);
+  if (!gardeLesRoutes(modules)) {
+    for (const dossier of ["src/routes", "client/src/routes"]) {
+      await rm(join(options.target, dossier), { recursive: true, force: true });
+    }
+  }
+  const variante = varianteDe(modules);
+  const poses = variante === void 0 ? [] : await poserVariante(source, options.target, variante);
   await renamePackage(
     options.target,
     options.packageName,
-    options.version ?? cliVersion()
+    options.version ?? cliVersion(),
+    modules
   );
-  return { files };
+  const listes = /* @__PURE__ */ new Set([
+    ...files.filter(
+      (f) => !f.startsWith("src/routes/") && !f.startsWith("client/src/routes/")
+    ),
+    ...poses
+  ]);
+  return { files: [...listes].sort() };
 }
 
 // src/commands/create.ts
@@ -176,6 +301,30 @@ async function askDatabase() {
     note: "Forme de l URL verifiee. La connexion sera etablie au premier demarrage."
   };
 }
+async function askModules(options) {
+  if (options.modules !== void 0) {
+    const lu = lireModules(options.modules);
+    if (lu.erreur !== void 0) {
+      prompts.cancel(lu.erreur);
+      return void 0;
+    }
+    return annoncer(resoudre(lu.modules));
+  }
+  if (options.yes === true) return MODULES_PAR_DEFAUT;
+  const choisis = ensure(
+    await prompts.multiselect({
+      message: "Que met-on dans le projet ?",
+      initialValues: [...MODULES_PAR_DEFAUT],
+      required: false,
+      options: MODULES.map((m) => ({ value: m.id, label: m.label, hint: m.hint }))
+    })
+  );
+  return annoncer(resoudre(choisis));
+}
+function annoncer(resolution) {
+  for (const mot of resolution.avertissements) prompts.log.warn(mot);
+  return resolution.modules;
+}
 function ensure(value) {
   if (prompts.isCancel(value)) {
     prompts.cancel("Creation annulee.");
@@ -245,6 +394,8 @@ async function createCommand(options) {
     );
     return 1;
   }
+  const modules = await askModules(options);
+  if (modules === void 0) return 1;
   const detected = detectPackageManager();
   const manager = options.pm ?? (options.yes === true ? detected : ensure(
     await prompts.select({
@@ -277,6 +428,7 @@ async function createCommand(options) {
     root
   };
   if (overwrite !== void 0) scaffoldOptions.overwrite = overwrite;
+  scaffoldOptions.modules = modules;
   const { files } = await scaffold(scaffoldOptions);
   spinner2.stop(`${files.length} fichiers ecrits dans ${colors.cyan(basename(target))}`);
   if (withGit && !existsSync(resolve(target, ".git"))) {
@@ -294,6 +446,15 @@ async function createCommand(options) {
     if (risque !== void 0) prompts.log.warn(risque);
   }
   if (database !== void 0) prompts.log.info(database.note);
+  if (modules.includes("registre")) {
+    const { initCommand } = await import('./commands-PT3NS65O.js');
+    const code = await initCommand({ root: target, yes: true });
+    if (code !== 0) {
+      prompts.log.warn(
+        "Le registre n a pas pu etre configure. Relancez `odoro init` dans le projet."
+      );
+    }
+  }
   if (withInstall) {
     const install = prompts.spinner();
     install.start(`Installation avec ${manager}`);
@@ -307,6 +468,9 @@ async function createCommand(options) {
   const steps = [
     `cd ${basename(target)}`,
     ...withInstall ? [] : [installCommand(manager)],
+    // `odoro.json` vient d'etre ecrit : ce qui reste a montrer, c'est la
+    // commande qui s'en sert.
+    ...modules.includes("registre") ? ["odoro add text/count-up"] : [],
     runCommand(manager, "dev")
   ];
   prompts.note(steps.join("\n"), "Prochaines etapes");

package/dist/index.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
-export { defineConfig, loadConfig } from './chunk-Q35CGY2Z.js';
+export { startPreviewServer } from './chunk-34ES2ICQ.js';
+export { defineConfig, loadConfig } from './chunk-DL3NPC4H.js';
 import './chunk-T6RLHSCW.js';
-export { buildProject, reportBuild } from './chunk-HCU53TIK.js';
-export { ModuleGraph, depFileName, detectSelfAccepting, optimizeDeps, scanDependencies, startDevServer } from './chunk-G5QXVBYT.js';
-export { startPreviewServer } from './chunk-2YDI5NKV.js';
+export { buildProject, reportBuild } from './chunk-CJIUP7A3.js';
+export { ModuleGraph, depFileName, detectSelfAccepting, optimizeDeps, scanDependencies, startDevServer } from './chunk-R6PMAMXA.js';
 import './chunk-JMEHF3KN.js';

package/dist/{package-U7R7SC4H.js → package-Q2FV4K3H.js}

@@ -2,7 +2,7 @@
 // package.json
 var package_default = {
   name: "odoro",
-  version: "0.3.0",
+  version: "0.3.4",
   type: "module",
   license: "UNLICENSED",
   author: "BouBouw",

package/dist/preview-3K46Y23N.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export { startPreviewServer } from './chunk-34ES2ICQ.js';
+import './chunk-JMEHF3KN.js';

package/dist/registry/index.d.ts

@@ -94,9 +94,9 @@ declare const baseSchema: z.ZodMiniObject<{
         }>]>>;
         notes: z.ZodMiniOptional<z.ZodMiniString<string>>;
         fallback: z.ZodMiniOptional<z.ZodMiniEnum<{
-            static: "static";
             poster: "poster";
             gradient: "gradient";
+            static: "static";
             none: "none";
         }>>;
     }, z.core.$strip>;
@@ -165,9 +165,9 @@ declare const metaSchema: z.ZodMiniObject<{
         }>]>>;
         notes: z.ZodMiniOptional<z.ZodMiniString<string>>;
         fallback: z.ZodMiniOptional<z.ZodMiniEnum<{
-            static: "static";
             poster: "poster";
             gradient: "gradient";
+            static: "static";
             none: "none";
         }>>;
     }, z.core.$strip>;

package/dist/{server-MZ76LPAG.js → server-ATGFRVSW.js}

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-export { extractEntries, injectClient, startDevServer } from './chunk-G5QXVBYT.js';
+export { extractEntries, injectClient, startDevServer } from './chunk-R6PMAMXA.js';
 import './chunk-JMEHF3KN.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "odoro",
-  "version": "0.3.0",
+  "version": "0.3.4",
   "type": "module",
   "license": "UNLICENSED",
   "author": "BouBouw",

package/templates/react-ts/_variantes/sans-libs/src/App.tsx

@@ -0,0 +1,71 @@
+import { useState } from 'react'
+
+/** Trois arguments mis en avant. */
+const FEATURES = [
+  {
+    title: 'Compilation',
+    body: 'Un serveur de developpement a rechargement a chaud, et une compilation de production.',
+  },
+  {
+    title: 'TypeScript',
+    body: 'Types stricts, alias de chemins, et verification sans emission.',
+  },
+  {
+    title: 'A vous de jouer',
+    body: 'Aucun systeme de style impose : le votre prend toute la place.',
+  },
+]
+
+/**
+ * Racine de l'application.
+ *
+ * Les bibliotheques Odoro n'ont pas ete retenues a la creation : pas de
+ * classes `o-*`, pas de jetons, pas de routeur. Les styles de cette page sont
+ * dans `styles.css`, en CSS ordinaire.
+ *
+ * Pour les ajouter plus tard : `npm i @odoro-cli/libs`, puis importer
+ * `@odoro-cli/libs/styles.css` dans `main.tsx`.
+ */
+export function App() {
+  const [count, setCount] = useState(0)
+
+  return (
+    <div className="app-shell">
+      <nav className="nav">
+        <span className="marque">Odoro</span>
+      </nav>
+
+      <main className="contenu">
+        <h1>Un point de depart maitrise.</h1>
+        <p className="chapeau">
+          Ce projet a ete genere par <code>odoro create</code>. Le moteur de
+          developpement et la compilation viennent de <code>odoro</code>.
+        </p>
+
+        <div className="grille">
+          {FEATURES.map((feature) => (
+            <article key={feature.title} className="carte">
+              <h2>{feature.title}</h2>
+              <p>{feature.body}</p>
+            </article>
+          ))}
+        </div>
+
+        <div className="ligne">
+          <button
+            type="button"
+            className="bouton"
+            onClick={() => {
+              setCount((value) => value + 1)
+            }}
+          >
+            Compter
+          </button>
+          <span className="compteur">{count}</span>
+        </div>
+      </main>
+
+      <footer className="pied">Construit avec Odoro.</footer>
+    </div>
+  )
+}

package/templates/react-ts/_variantes/sans-libs/src/main.tsx

@@ -0,0 +1,17 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+
+import { App } from '@/App'
+
+import '@/styles.css'
+
+const container = document.getElementById('root')
+if (container === null) {
+  throw new Error('Element racine "#root" introuvable dans index.html.')
+}
+
+createRoot(container).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/templates/react-ts/_variantes/sans-libs/src/styles.css

@@ -0,0 +1,138 @@
+/* Styles de l'application.
+
+   Les bibliotheques Odoro n'ont pas ete retenues a la creation : il n'y a donc
+   ni jetons ni classes utilitaires, et cette feuille porte tout. C'est du CSS
+   ordinaire, a remplacer par ce que vous voulez.
+
+   Pour passer aux jetons plus tard : `npm i @odoro-cli/libs`, puis importer
+   `@odoro-cli/libs/styles.css` dans `main.tsx` avant cette feuille. */
+
+:root {
+  --fond: #ffffff;
+  --encre: #18181b;
+  --doux: #71717a;
+  --filet: #e4e4e7;
+  --accent: #4f46e5;
+  color-scheme: light dark;
+}
+
+/* La preference du systeme, faute d'un selecteur de theme : c'est ce que les
+   jetons apporteraient, et l'absence de bibliotheque ne doit pas se payer d'un
+   fond blanc au milieu de la nuit. */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --fond: #09090b;
+    --encre: #fafafa;
+    --doux: #a1a1aa;
+    --filet: #27272a;
+    --accent: #818cf8;
+  }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: var(--fond);
+  color: var(--encre);
+  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
+  line-height: 1.6;
+}
+
+.app-shell {
+  min-height: 100dvh;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+}
+
+.nav,
+.pied {
+  padding: 1rem 1.5rem;
+}
+
+.nav {
+  border-bottom: 1px solid var(--filet);
+}
+
+.pied {
+  border-top: 1px solid var(--filet);
+  color: var(--doux);
+  font-size: 0.875rem;
+}
+
+.marque {
+  font-weight: 600;
+  color: var(--accent);
+}
+
+.contenu {
+  width: 100%;
+  max-width: 48rem;
+  margin: 0 auto;
+  padding: 3rem 1.5rem;
+}
+
+h1 {
+  font-size: 2.25rem;
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.chapeau {
+  color: var(--doux);
+  font-size: 1.125rem;
+  max-width: 60ch;
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.9em;
+}
+
+.grille {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+  margin: 3rem 0;
+}
+
+.carte {
+  border: 1px solid var(--filet);
+  border-radius: 0.5rem;
+  padding: 1.25rem;
+}
+
+.carte h2 {
+  font-size: 1rem;
+  margin: 0;
+}
+
+.carte p {
+  color: var(--doux);
+  font-size: 0.875rem;
+  margin: 0.5rem 0 0;
+}
+
+.ligne {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.bouton {
+  background: var(--accent);
+  color: var(--fond);
+  border: 0;
+  border-radius: 0.5rem;
+  padding: 0.5rem 1rem;
+  font: inherit;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.compteur {
+  font-size: 1.125rem;
+  font-variant-numeric: tabular-nums;
+}

package/templates/react-ts/_variantes/sans-routeur/src/App.tsx

@@ -0,0 +1,93 @@
+import { useState } from 'react'
+
+import { Reveal, Stagger, useAnimate } from '@odoro-cli/libs/motion'
+import { Button } from '@odoro-cli/libs/ui'
+
+/** Trois arguments mis en avant. */
+const FEATURES = [
+  {
+    title: 'Animations',
+    body: "Une couche mince sur le moteur du navigateur. Les animations reduites sont respectees d'office.",
+  },
+  {
+    title: 'Styles',
+    body: 'Des tokens en source de verite, une feuille statique, aucun scan a l execution.',
+  },
+  {
+    title: 'Interface',
+    body: 'Des composants qui lisent les memes tokens que votre code : les rethemer suffit.',
+  },
+]
+
+/**
+ * Racine de l'application.
+ *
+ * Une seule page : le routeur n'a pas ete retenu a la creation. Pour en
+ * ajouter un plus tard, `@odoro-cli/libs/router` est deja installe — il vient
+ * avec les bibliotheques.
+ */
+export function App() {
+  const [ref, controls] = useAnimate<HTMLSpanElement>()
+  const [count, setCount] = useState(0)
+
+  return (
+    <div className="app-shell">
+      <nav className="o-flex o-items-center o-gap-4 o-px-6 o-py-4 o-border-b o-border-zinc-200 dark:o-border-zinc-800">
+        <span className="o-font-semibold o-text-brand-600 dark:o-text-brand-400">
+          Odoro
+        </span>
+      </nav>
+
+      <main className="o-mx-auto o-w-full o-max-w-3xl o-px-6 o-py-12 o-flex o-flex-col o-gap-12">
+        <Reveal>
+          <h1 className="o-text-4xl o-font-bold o-tracking-tight">
+            Un point de depart maitrise.
+          </h1>
+          <p className="o-mt-4 o-text-lg o-text-zinc-500 dark:o-text-zinc-400 o-max-w-prose">
+            Ce projet a ete genere par <code className="o-font-mono">odoro create</code>.
+            Le moteur d animation et le systeme de style viennent de la meme librairie.
+          </p>
+        </Reveal>
+
+        <Stagger step={80} className="o-grid o-grid-cols-1 md:o-grid-cols-3 o-gap-4">
+          {FEATURES.map((feature) => (
+            <article
+              key={feature.title}
+              className="o-rounded-lg o-border-w-1 o-border-zinc-200 dark:o-border-zinc-800 o-bg-white dark:o-bg-zinc-900 o-p-5"
+            >
+              <h2 className="o-font-semibold">{feature.title}</h2>
+              <p className="o-mt-2 o-text-sm o-text-zinc-500 dark:o-text-zinc-400">
+                {feature.body}
+              </p>
+            </article>
+          ))}
+        </Stagger>
+
+        <div className="o-flex o-items-center o-gap-4">
+          <Button
+            onClick={() => {
+              setCount((value) => value + 1)
+              void controls.play(
+                [
+                  { transform: 'translateY(0)' },
+                  { transform: 'translateY(-0.4rem)' },
+                  { transform: 'translateY(0)' },
+                ],
+                { duration: 'fast', easing: 'emphasized' },
+              )
+            }}
+          >
+            Compter
+          </Button>
+          <span ref={ref} className="o-inline-block o-text-lg o-tabular-nums">
+            {count}
+          </span>
+        </div>
+      </main>
+
+      <footer className="o-px-6 o-py-6 o-text-sm o-text-zinc-500 dark:o-text-zinc-400 o-border-t o-border-zinc-200 dark:o-border-zinc-800">
+        Construit avec Odoro.
+      </footer>
+    </div>
+  )
+}

package/templates/react-ts/tsconfig.json

@@ -18,8 +18,7 @@
     "skipLibCheck": true,
     "paths": {
       "@/*": ["./src/*"]
-    },
-    "baseUrl": "."
+    }
   },
   "include": ["src", "odoro.config.ts"]
 }

package/templates/react-ts-server/_variantes/sans-libs/client/src/App.tsx

@@ -0,0 +1,71 @@
+import { useState } from 'react'
+
+/** Trois arguments mis en avant. */
+const FEATURES = [
+  {
+    title: 'Compilation',
+    body: 'Un serveur de developpement a rechargement a chaud, et une compilation de production.',
+  },
+  {
+    title: 'TypeScript',
+    body: 'Types stricts, alias de chemins, et verification sans emission.',
+  },
+  {
+    title: 'A vous de jouer',
+    body: 'Aucun systeme de style impose : le votre prend toute la place.',
+  },
+]
+
+/**
+ * Racine de l'application.
+ *
+ * Les bibliotheques Odoro n'ont pas ete retenues a la creation : pas de
+ * classes `o-*`, pas de jetons, pas de routeur. Les styles de cette page sont
+ * dans `styles.css`, en CSS ordinaire.
+ *
+ * Pour les ajouter plus tard : `npm i @odoro-cli/libs`, puis importer
+ * `@odoro-cli/libs/styles.css` dans `main.tsx`.
+ */
+export function App() {
+  const [count, setCount] = useState(0)
+
+  return (
+    <div className="app-shell">
+      <nav className="nav">
+        <span className="marque">Odoro</span>
+      </nav>
+
+      <main className="contenu">
+        <h1>Un point de depart maitrise.</h1>
+        <p className="chapeau">
+          Ce projet a ete genere par <code>odoro create</code>. Le moteur de
+          developpement et la compilation viennent de <code>odoro</code>.
+        </p>
+
+        <div className="grille">
+          {FEATURES.map((feature) => (
+            <article key={feature.title} className="carte">
+              <h2>{feature.title}</h2>
+              <p>{feature.body}</p>
+            </article>
+          ))}
+        </div>
+
+        <div className="ligne">
+          <button
+            type="button"
+            className="bouton"
+            onClick={() => {
+              setCount((value) => value + 1)
+            }}
+          >
+            Compter
+          </button>
+          <span className="compteur">{count}</span>
+        </div>
+      </main>
+
+      <footer className="pied">Construit avec Odoro.</footer>
+    </div>
+  )
+}

package/templates/react-ts-server/_variantes/sans-libs/client/src/main.tsx

@@ -0,0 +1,17 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+
+import { App } from '@/App'
+
+import '@/styles.css'
+
+const container = document.getElementById('root')
+if (container === null) {
+  throw new Error('Element racine "#root" introuvable dans index.html.')
+}
+
+createRoot(container).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/templates/react-ts-server/_variantes/sans-libs/client/src/styles.css

@@ -0,0 +1,138 @@
+/* Styles de l'application.
+
+   Les bibliotheques Odoro n'ont pas ete retenues a la creation : il n'y a donc
+   ni jetons ni classes utilitaires, et cette feuille porte tout. C'est du CSS
+   ordinaire, a remplacer par ce que vous voulez.
+
+   Pour passer aux jetons plus tard : `npm i @odoro-cli/libs`, puis importer
+   `@odoro-cli/libs/styles.css` dans `main.tsx` avant cette feuille. */
+
+:root {
+  --fond: #ffffff;
+  --encre: #18181b;
+  --doux: #71717a;
+  --filet: #e4e4e7;
+  --accent: #4f46e5;
+  color-scheme: light dark;
+}
+
+/* La preference du systeme, faute d'un selecteur de theme : c'est ce que les
+   jetons apporteraient, et l'absence de bibliotheque ne doit pas se payer d'un
+   fond blanc au milieu de la nuit. */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --fond: #09090b;
+    --encre: #fafafa;
+    --doux: #a1a1aa;
+    --filet: #27272a;
+    --accent: #818cf8;
+  }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: var(--fond);
+  color: var(--encre);
+  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
+  line-height: 1.6;
+}
+
+.app-shell {
+  min-height: 100dvh;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+}
+
+.nav,
+.pied {
+  padding: 1rem 1.5rem;
+}
+
+.nav {
+  border-bottom: 1px solid var(--filet);
+}
+
+.pied {
+  border-top: 1px solid var(--filet);
+  color: var(--doux);
+  font-size: 0.875rem;
+}
+
+.marque {
+  font-weight: 600;
+  color: var(--accent);
+}
+
+.contenu {
+  width: 100%;
+  max-width: 48rem;
+  margin: 0 auto;
+  padding: 3rem 1.5rem;
+}
+
+h1 {
+  font-size: 2.25rem;
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.chapeau {
+  color: var(--doux);
+  font-size: 1.125rem;
+  max-width: 60ch;
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.9em;
+}
+
+.grille {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+  margin: 3rem 0;
+}
+
+.carte {
+  border: 1px solid var(--filet);
+  border-radius: 0.5rem;
+  padding: 1.25rem;
+}
+
+.carte h2 {
+  font-size: 1rem;
+  margin: 0;
+}
+
+.carte p {
+  color: var(--doux);
+  font-size: 0.875rem;
+  margin: 0.5rem 0 0;
+}
+
+.ligne {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.bouton {
+  background: var(--accent);
+  color: var(--fond);
+  border: 0;
+  border-radius: 0.5rem;
+  padding: 0.5rem 1rem;
+  font: inherit;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.compteur {
+  font-size: 1.125rem;
+  font-variant-numeric: tabular-nums;
+}

package/templates/react-ts-server/_variantes/sans-routeur/client/src/App.tsx

@@ -0,0 +1,93 @@
+import { useState } from 'react'
+
+import { Reveal, Stagger, useAnimate } from '@odoro-cli/libs/motion'
+import { Button } from '@odoro-cli/libs/ui'
+
+/** Trois arguments mis en avant. */
+const FEATURES = [
+  {
+    title: 'Animations',
+    body: "Une couche mince sur le moteur du navigateur. Les animations reduites sont respectees d'office.",
+  },
+  {
+    title: 'Styles',
+    body: 'Des tokens en source de verite, une feuille statique, aucun scan a l execution.',
+  },
+  {
+    title: 'Interface',
+    body: 'Des composants qui lisent les memes tokens que votre code : les rethemer suffit.',
+  },
+]
+
+/**
+ * Racine de l'application.
+ *
+ * Une seule page : le routeur n'a pas ete retenu a la creation. Pour en
+ * ajouter un plus tard, `@odoro-cli/libs/router` est deja installe — il vient
+ * avec les bibliotheques.
+ */
+export function App() {
+  const [ref, controls] = useAnimate<HTMLSpanElement>()
+  const [count, setCount] = useState(0)
+
+  return (
+    <div className="app-shell">
+      <nav className="o-flex o-items-center o-gap-4 o-px-6 o-py-4 o-border-b o-border-zinc-200 dark:o-border-zinc-800">
+        <span className="o-font-semibold o-text-brand-600 dark:o-text-brand-400">
+          Odoro
+        </span>
+      </nav>
+
+      <main className="o-mx-auto o-w-full o-max-w-3xl o-px-6 o-py-12 o-flex o-flex-col o-gap-12">
+        <Reveal>
+          <h1 className="o-text-4xl o-font-bold o-tracking-tight">
+            Un point de depart maitrise.
+          </h1>
+          <p className="o-mt-4 o-text-lg o-text-zinc-500 dark:o-text-zinc-400 o-max-w-prose">
+            Ce projet a ete genere par <code className="o-font-mono">odoro create</code>.
+            Le moteur d animation et le systeme de style viennent de la meme librairie.
+          </p>
+        </Reveal>
+
+        <Stagger step={80} className="o-grid o-grid-cols-1 md:o-grid-cols-3 o-gap-4">
+          {FEATURES.map((feature) => (
+            <article
+              key={feature.title}
+              className="o-rounded-lg o-border-w-1 o-border-zinc-200 dark:o-border-zinc-800 o-bg-white dark:o-bg-zinc-900 o-p-5"
+            >
+              <h2 className="o-font-semibold">{feature.title}</h2>
+              <p className="o-mt-2 o-text-sm o-text-zinc-500 dark:o-text-zinc-400">
+                {feature.body}
+              </p>
+            </article>
+          ))}
+        </Stagger>
+
+        <div className="o-flex o-items-center o-gap-4">
+          <Button
+            onClick={() => {
+              setCount((value) => value + 1)
+              void controls.play(
+                [
+                  { transform: 'translateY(0)' },
+                  { transform: 'translateY(-0.4rem)' },
+                  { transform: 'translateY(0)' },
+                ],
+                { duration: 'fast', easing: 'emphasized' },
+              )
+            }}
+          >
+            Compter
+          </Button>
+          <span ref={ref} className="o-inline-block o-text-lg o-tabular-nums">
+            {count}
+          </span>
+        </div>
+      </main>
+
+      <footer className="o-px-6 o-py-6 o-text-sm o-text-zinc-500 dark:o-text-zinc-400 o-border-t o-border-zinc-200 dark:o-border-zinc-800">
+        Construit avec Odoro.
+      </footer>
+    </div>
+  )
+}

package/templates/react-ts-server/tsconfig.json

@@ -18,7 +18,6 @@
     "noFallthroughCasesInSwitch": true,
 
     "skipLibCheck": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./client/src/*"]
     }

package/dist/build-3SPCMZXZ.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-export { buildProject, reportBuild } from './chunk-HCU53TIK.js';
-import './chunk-G5QXVBYT.js';
-import './chunk-JMEHF3KN.js';

package/dist/preview-LOAO5Y6V.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-export { startPreviewServer } from './chunk-2YDI5NKV.js';
-import './chunk-JMEHF3KN.js';