@salifbiaye/create-boutique 0.1.4 → 0.2.0

package/cli/dist/commands.js

@@ -3,7 +3,7 @@ import fs from "node:fs";
 import path from "node:path";
 import pc from "picocolors";
 import { compose, composeOutput, isRunning } from "./docker.js";
-import { composeYaml, readEnv, refreshEnv, writeCampaignFiles, writeReadme } from "./generate.js";
+import { readEnv, refreshEnv, writeCampaignFiles, writeCompose, writeReadme } from "./generate.js";
 import { copyTemplate, templateVersion } from "./paths.js";
 import { nextFreePort, reservedByOthers, reservePorts } from "./ports.js";
 import { currencies, effective, readProject, validateProject, writeJsonSchema, writeProject, ProjectError, SLUG } from "./project.js";
@@ -64,7 +64,7 @@ export async function apply(dir, opts = { up: true }) {
         throw new ProjectError(`port(s) déjà réservé(s) par un autre projet : ${clash.join(", ")}`);
     writeCampaignFiles(target, p, p.defaults.language);
     writeJsonSchema(target);
-    fs.writeFileSync(path.join(target, "docker-compose.yml"), composeYaml(p));
+    writeCompose(target, p);
     refreshEnv(target, p);
     writeReadme(target, p);
     reservePorts(target, [p.apiPort, p.storagePort, ...p.boutiques.map((b) => b.port)]);
@@ -155,7 +155,7 @@ export async function set(dir, o, opts) {
 // ─────────────────────────── themes ───────────────────────────
 export function themes() {
     for (const t of listThemes())
-        console.log(`${t.id.padEnd(16)} ${t.name.padEnd(16)} langues : ${t.languages.join(", ")}`);
+        console.log(`${t.id.padEnd(16)} ${t.name.padEnd(26)} langues : ${t.languages.join(", ")}`);
 }
 // ─────────────────────────── update ───────────────────────────
 /** Remplace storefront/ et backend/ par la version actuelle du template (config, seed, .env et données conservés). */

package/cli/dist/create.js

@@ -3,7 +3,7 @@ import path from "node:path";
 import * as p from "@clack/prompts";
 import pc from "picocolors";
 import { z } from "zod";
-import { composeYaml, writeCampaignFiles, writeEnv, writeReadme } from "./generate.js";
+import { writeCampaignFiles, writeCompose, writeEnv, writeReadme } from "./generate.js";
 import { writeGuides } from "./guide.js";
 import { copyDir, copyTemplate, templateVersion } from "./paths.js";
 import { nextFreePort, reservedByOthers, reservePorts } from "./ports.js";
@@ -159,8 +159,8 @@ export async function create(dir, input, opts) {
     // Récapitulatif
     const width = Math.max(...proj.boutiques.map((b) => b.slug.length)) + 2;
     const lines = [
-        ...proj.boutiques.map((b) => `${b.slug.padEnd(width)}${b.theme.padEnd(14)}→ http://localhost:${b.port}`),
-        `${"Backend / admin".padEnd(width + 14)}→ http://localhost:${proj.apiPort}/app`,
+        ...proj.boutiques.map((b) => `${b.slug.padEnd(width)}${b.theme.padEnd(16)}→ http://localhost:${b.port}`),
+        `${"Backend / admin".padEnd(width + 16)}→ http://localhost:${proj.apiPort}/app`,
         `Devise ${a.currency.toUpperCase()} · pays ${a.country.toUpperCase()} · langue ${a.language}`,
         `Paiement : ${a.stripeSk ? "Stripe + manuel" : "manuel (Stripe : non configuré)"}`,
         `Catalogue : ${a.products ?? "aucun (à ajouter dans l'admin)"}`,
@@ -179,12 +179,12 @@ export async function create(dir, input, opts) {
     copyTemplate("backend", target);
     writeProject(target, proj);
     writeJsonSchema(target);
-    writeCampaignFiles(target, proj, a.language);
     fs.mkdirSync(path.join(target, "seed", "images"), { recursive: true });
     if (a.products)
         fs.copyFileSync(path.resolve(a.products), path.join(target, "seed", "products.csv"));
     if (a.images)
         copyDir(path.resolve(a.images), path.join(target, "seed", "images"));
+    writeCampaignFiles(target, proj, a.language); // après les images : hero.* devient le visuel du hero
     writeEnv(target, proj, {
         adminEmail: a.email,
         stripePk: a.stripePk,
@@ -193,7 +193,7 @@ export async function create(dir, input, opts) {
         resendKey: a.resendKey,
         emailFrom: a.emailFrom,
     });
-    fs.writeFileSync(path.join(target, "docker-compose.yml"), composeYaml(proj));
+    writeCompose(target, proj);
     writeReadme(target, proj);
     fs.writeFileSync(path.join(target, ".gitignore"), ".env\nbackups/\nnode_modules/\n");
     reservePorts(target, [proj.apiPort, proj.storagePort, ...proj.boutiques.map((b) => b.port)]);

package/cli/dist/generate.js

@@ -4,11 +4,14 @@ import path from "node:path";
 import { currencies, effective } from "./project.js";
 const secret = () => crypto.randomBytes(32).toString("base64url");
 // ─────────────────────────── docker-compose.yml ───────────────────────────
+/** Production (urls présent) : ports des containers seulement sur 127.0.0.1, Caddy seul exposé (80/443). */
+const bind = (p, port) => (p.urls ? `127.0.0.1:${port}` : String(port));
+const host = (url) => new URL(url).host;
 export function composeYaml(p) {
     const services = p.boutiques
         .map((b) => `  storefront-${b.slug}:
     <<: *storefront
-    ports: ["${b.port}:8000"]
+    ports: ["${bind(p, b.port)}:8000"]
     environment: { <<: *storefront-env, BOUTIQUE: ${b.slug} }
 `)
         .join("\n");
@@ -44,7 +47,7 @@ ${services}
       DATABASE_URL: postgres://medusa:\${POSTGRES_PASSWORD}@postgres:5432/medusa?sslmode=disable
       REDIS_URL: redis://redis:6379
       S3_ENDPOINT: http://storage:9000
-    ports: ["${p.apiPort}:9000"]           # API + admin (/app)
+    ports: ["${bind(p, p.apiPort)}:9000"]           # API + admin (/app)
     volumes:
       - ./config:/app/config:ro    # boutiques, devises, pays → régions, sales channels, clés
       - ./seed:/app/seed:ro        # products.csv + images à importer
@@ -85,30 +88,68 @@ ${services}
       RUSTFS_SECRET_KEY: \${S3_SECRET_ACCESS_KEY}
     # Seule exception au « pas de port public » : les navigateurs chargent les images ici.
     # Le backend rend le bucket lisible (lecture seule) ; l'écriture exige les identifiants.
-    ports: ["${p.storagePort}:9000"]
+    ports: ["${bind(p, p.storagePort)}:9000"]
     volumes: [storage_data:/data]
     healthcheck:
       test: ["CMD-SHELL", "curl -fsS http://127.0.0.1:9000/health >/dev/null || exit 1"]
       interval: 5s
       retries: 20
-
+${p.urls ? caddyService : ""}
 volumes:
   pg_data:
   redis_data:
   storage_data:
-  keys:
+  keys:${p.urls ? "\n  caddy_data:\n  caddy_config:" : ""}
+`;
+}
+const caddyService = `
+  # ───────── Production : https automatique (Let's Encrypt), un domaine par boutique ─────────
+  caddy:
+    image: caddy:2-alpine
+    restart: unless-stopped
+    ports: ["80:80", "443:443"]
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile:ro
+      - caddy_data:/data
+      - caddy_config:/config
+    depends_on:
+      backend: { condition: service_healthy }
 `;
+/** Caddyfile (production) : chaque domaine vers son container ; certificats https obtenus et renouvelés par Caddy. */
+export function caddyfile(p) {
+    const site = (url, upstream) => `${host(url)} {
+	encode zstd gzip
+	reverse_proxy ${upstream}
+}
+`;
+    return [
+        "# GÉNÉRÉ par create-boutique à partir de config/project.json — ne pas modifier à la main.",
+        ...p.boutiques.filter((b) => b.url).map((b) => site(b.url, `storefront-${b.slug}:8000`)),
+        site(p.urls.api, "backend:9000"),
+        site(p.urls.files, "storage:9000"),
+    ].join("\n");
+}
+/** Écrit docker-compose.yml (+ Caddyfile en production, supprimé sinon). */
+export function writeCompose(dir, p) {
+    fs.writeFileSync(path.join(dir, "docker-compose.yml"), composeYaml(p));
+    const file = path.join(dir, "Caddyfile");
+    if (p.urls)
+        fs.writeFileSync(file, caddyfile(p));
+    else if (fs.existsSync(file))
+        fs.rmSync(file);
 }
 /** Variables qui dépendent de project.json (réécrites à chaque apply). Les secrets ne sont jamais régénérés. */
 function derivedEnv(p) {
     const origins = p.boutiques.map((b) => b.url ?? `http://localhost:${b.port}`);
-    const admin = `http://localhost:${p.apiPort}`;
+    const trim = (u) => u.replace(/\/+$/, "");
+    const admin = trim(p.urls?.api ?? `http://localhost:${p.apiPort}`);
+    const files = trim(p.urls?.files ?? `http://localhost:${p.storagePort}`);
     return {
         PROJECT: p.project,
         STORE_CORS: origins.join(","),
         ADMIN_CORS: admin,
         AUTH_CORS: admin,
-        S3_FILE_URL: `http://localhost:${p.storagePort}/medusa`,
+        S3_FILE_URL: `${files}/medusa`,
     };
 }
 export function writeEnv(dir, p, s) {
@@ -188,11 +229,23 @@ const day = (d, add = 0, end = false) => {
     x.setUTCHours(end ? 23 : 0, end ? 59 : 0, end ? 59 : 0, 0);
     return x;
 };
+/** Événement d'un thème : « black-friday-2 » → « black-friday ». */
+const baseTheme = (theme) => theme.replace(/-\d+$/, "");
+/** Visuel du hero dans seed/images : hero-<slug>.*, sinon hero-<thème>.*, sinon hero.* (importé par le seed). */
+function heroImage(images, slug, theme) {
+    for (const name of [`hero-${slug}`, `hero-${theme}`, "hero"]) {
+        const found = images.find((f) => /\.(png|jpe?g|webp)$/i.test(f) && f.replace(/\.[^.]+$/, "").toLowerCase() === name);
+        if (found)
+            return found;
+    }
+    return undefined;
+}
 /** Dates de la prochaine occurrence de la campagne (si la saison est passée, l'année suivante). */
 export function campaignDates(theme, now = new Date()) {
     const build = (y) => {
         const tg = thanksgiving(y);
-        switch (theme) {
+        // Variantes (black-friday-2…) : mêmes dates que leur événement
+        switch (baseTheme(theme)) {
             case "halloween":
                 return [new Date(Date.UTC(y, 9, 20)), day(new Date(Date.UTC(y, 9, 31)), 0, true)];
             case "thanksgiving":
@@ -222,7 +275,9 @@ export function writeCampaignFiles(dir, p, language) {
     fs.mkdirSync(campaignsDir, { recursive: true });
     const locale = `${language}-${p.defaults.country.toUpperCase()}`;
     // Campagne suivante : prochaine boutique dans l'ordre des saisons.
-    const ordered = [...p.boutiques].sort((a, b) => THEME_ORDER.indexOf(a.theme) - THEME_ORDER.indexOf(b.theme));
+    const ordered = [...p.boutiques].sort((a, b) => THEME_ORDER.indexOf(baseTheme(a.theme)) - THEME_ORDER.indexOf(baseTheme(b.theme)));
+    const imagesDir = path.join(dir, "seed", "images");
+    const images = fs.existsSync(imagesDir) ? fs.readdirSync(imagesDir) : [];
     for (const b of p.boutiques) {
         const file = path.join(campaignsDir, `${b.slug}.json`);
         if (fs.existsSync(file))
@@ -235,8 +290,11 @@ export function writeCampaignFiles(dir, p, language) {
         const campaign = {
             ...campaignDates(b.theme),
             ...(next ? { nextCampaign: next } : {}),
-            vars: { discount: DISCOUNT[b.theme] ?? "20%", freeShipping },
+            vars: { discount: DISCOUNT[b.theme] ?? DISCOUNT[baseTheme(b.theme)] ?? "20%", freeShipping },
         };
+        const hero = heroImage(images, b.slug, b.theme);
+        if (hero)
+            Object.assign(campaign, { hero: { image: hero } });
         fs.writeFileSync(file, JSON.stringify(campaign, null, 2) + "\n");
     }
 }

package/cli/dist/project.js

@@ -16,6 +16,8 @@ export const projectSchema = z.object({
     templateVersion: z.string().optional(),
     apiPort: z.number().int().min(1).max(65535).default(9000),
     storagePort: z.number().int().min(1).max(65535).default(9100),
+    /** Production : adresses publiques (https) du backend/admin et des images. Présent = Caddy + https dans le compose. */
+    urls: z.strictObject({ api: z.url(), files: z.url() }).optional(),
     defaults: z.looseObject({
         storeName: z.string().min(1).max(60),
         currency: code3,

package/cli/dist/themes.js

@@ -3,7 +3,11 @@ import path from "node:path";
 import { THEMES_DIR } from "./paths.js";
 // Ordre des saisons ; un thème ajouté plus tard se range après, par ordre alphabétique.
 const SEASONS = ["halloween", "thanksgiving", "black-friday", "cyber-monday", "noel", "nouvel-an"];
-const rank = (id) => (SEASONS.includes(id) ? SEASONS.indexOf(id) : SEASONS.length);
+// Variantes (halloween-2…) : rangées juste après leur événement.
+const rank = (id) => {
+    const base = id.replace(/-\d+$/, "");
+    return SEASONS.includes(base) ? SEASONS.indexOf(base) : SEASONS.length;
+};
 /** Registre des thèmes : un dossier templates/storefront/themes/<id>/ avec theme.json. */
 export function listThemes() {
     if (!fs.existsSync(THEMES_DIR))

package/docs/guide-complet.en.html

@@ -168,6 +168,7 @@ create-boutique check .                  # a test order in each store: OK / KO</
 <li><b>Sale price (strikethrough)</b>: <span class="menu">Price Lists → Create</span>, type <b>Sale</b>, start and end dates, add the products and the sale price per currency. The site shows the old price struck through and the percentage.</li>
 <li><b>Prices for a group</b> (e.g. VIP customers, resellers): price list of type <b>Override</b> limited to a customer group (B11).</li>
 </ul>
+<div class="box warn">A price list is not limited to one store: the sale price applies in <b>every store</b> that sells the product (in the same currency). To discount a single store whose products are also sold elsewhere, use a promotion with a <b>Sales channel</b> condition (B10).</div>
 
 <h2>B6. Categories and collections</h2>
 <ul>
@@ -204,6 +205,7 @@ create-boutique check .                  # a test order in each store: OK / KO</
 </table>
 <p>An empty field uses the theme text. <b>Reset to theme texts</b> clears your texts (images, logo and dates are kept). Plain text only; images jpg, png or webp, 5 MB max.</p>
 <div class="box info">Not to be confused with Medusa's <span class="menu">Promotions → Campaigns</span>, which groups discount codes with a budget (B10).</div>
+<div class="box warn">Campaign texts and dates only <b>display</b> the offer ("up to −35%", countdown). They apply <b>no discount</b>: create the discount itself in <span class="menu">Promotions</span> (B10) or <span class="menu">Price Lists</span> (B5), with the same dates, and check that the text matches.</div>
 
 <h2>B10. Discount codes and promotions</h2>
 <p><span class="menu">Promotions → Create</span>:</p>
@@ -220,6 +222,15 @@ create-boutique check .                  # a test order in each store: OK / KO</
 <li><b>Limits and dates</b>: attach the promotion to a <b>promotion campaign</b> (start/end dates, budget in number of uses or amount).</li>
 <li>Disable: set the promotion to <b>Draft</b>.</li>
 </ul>
+<h3>Discount on a whole store (e.g. −35% on the New Year store)</h3>
+<ol>
+<li><span class="menu">Promotions → Create</span>, type <b>Automatic</b> (no code) or <b>Code</b>.</li>
+<li>Template <b>Percentage off order</b>, value <b>35</b>.</li>
+<li>Conditions ("who can use it"): <b>Sales channel</b> = the store identifier (first page).</li>
+<li>Attach it to a promotion campaign with a <b>start and end date</b> (the same as the store campaign, B9).</li>
+<li>Check: a product in this store's cart shows the −35% line; in another store, no discount.</li>
+</ol>
+<p>The discount covers every item in the cart (not shipping) and shows <b>in the cart</b>. To show a <b>strikethrough price</b> on product pages, use a "Sale" price list instead (B5). To exclude products: template <b>Percentage off products</b> targeting a category or collection (e.g. "Sale").</p>
 <div class="box warn">An amount discount (e.g. −10) applies in the chosen currency: create one promotion per currency if needed. Test each code in the right store before announcing it.</div>
 
 <h2>B11. Customers and groups</h2>

package/docs/guide-complet.fr.html

@@ -168,6 +168,7 @@ create-boutique check .                  # une commande test dans chaque boutiqu
 <li><b>Prix barré (soldes)</b> : <span class="menu">Listes de prix → Créer</span>, type <b>Soldes (Sale)</b>, dates de début et de fin, ajouter les produits et le prix soldé par devise. Le site affiche l'ancien prix barré et le pourcentage.</li>
 <li><b>Prix réservés à un groupe</b> (ex. clients VIP, revendeurs) : liste de prix de type <b>Remplacement (Override)</b> limitée à un groupe de clients (B11).</li>
 </ul>
+<div class="box warn">Une liste de prix ne se limite pas à une boutique : le prix soldé s'applique dans <b>toutes les boutiques</b> qui vendent le produit (dans la même devise). Pour solder une seule boutique alors que ses produits sont aussi vendus ailleurs, utilisez une promotion avec la condition <b>Canal de vente</b> (B10).</div>
 
 <h2>B6. Catégories et collections</h2>
 <ul>
@@ -204,6 +205,7 @@ create-boutique check .                  # une commande test dans chaque boutiqu
 </table>
 <p>Un champ laissé vide reprend le texte du thème. <b>Réinitialiser aux textes du thème</b> efface vos textes (images, logo et dates sont gardés). Texte simple uniquement ; images jpg, png ou webp, 5 Mo max.</p>
 <div class="box info">Ne pas confondre avec <span class="menu">Promotions → Campagnes</span> de Medusa, qui regroupe des codes promo avec un budget (B10).</div>
+<div class="box warn">Les textes et les dates de campagne ne font qu'<b>afficher</b> l'offre (« jusqu'à −35 % », compte à rebours). Ils n'appliquent <b>aucune remise</b> : créez la remise elle-même dans <span class="menu">Promotions</span> (B10) ou <span class="menu">Listes de prix</span> (B5), avec les mêmes dates, et vérifiez que le texte correspond.</div>
 
 <h2>B10. Codes promo et promotions</h2>
 <p><span class="menu">Promotions → Créer</span> :</p>
@@ -220,6 +222,15 @@ create-boutique check .                  # une commande test dans chaque boutiqu
 <li><b>Limites et dates</b> : rattacher la promotion à une <b>campagne de promotion</b> (dates de début/fin, budget en nombre d'utilisations ou en montant).</li>
 <li>Désactiver : passer la promotion en <b>Brouillon</b>.</li>
 </ul>
+<h3>Remise sur toute une boutique (ex. −35 % sur la boutique Nouvel An)</h3>
+<ol>
+<li><span class="menu">Promotions → Créer</span>, type <b>Automatique</b> (sans code) ou <b>Code</b>.</li>
+<li>Modèle <b>Pourcentage sur la commande</b>, valeur <b>35</b>.</li>
+<li>Conditions (« qui peut l'utiliser ») : <b>Canal de vente</b> = l'identifiant de la boutique (première page).</li>
+<li>Rattacher à une campagne de promotion avec <b>date de début et de fin</b> (les mêmes que la campagne de la boutique, B9).</li>
+<li>Vérifier : un produit au panier de cette boutique affiche la ligne −35 % ; dans une autre boutique, aucune remise.</li>
+</ol>
+<p>La remise porte sur tous les articles du panier (pas sur la livraison) et apparaît <b>dans le panier</b>. Pour afficher un <b>prix barré</b> sur les fiches produits, utilisez plutôt une liste de prix « Soldes » (B5). Pour exclure des produits : modèle <b>Pourcentage sur des produits</b> ciblant une catégorie ou une collection (ex. « Soldes »).</p>
 <div class="box warn">Une remise en montant (ex. −10) s'applique dans la devise choisie : créez une promotion par devise si besoin. Testez chaque code dans la bonne boutique avant de l'annoncer.</div>
 
 <h2>B11. Clients et groupes</h2>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salifbiaye/create-boutique",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Usine à Boutiques : génère un projet complet (backend Medusa + une boutique Next.js par campagne) prêt pour docker compose",
   "type": "module",
   "repository": { "type": "git", "url": "git+https://github.com/salifbiaye/create-boutique.git" },

package/templates/backend/src/lib/emails.ts

@@ -24,10 +24,17 @@ const DICTS: Record<string, typeof en> = { en, fr }
 const THEMES: Record<string, { primary: string; onPrimary: string }> = {
   halloween: { primary: "#ff7a1a", onPrimary: "#0e0c14" },
   thanksgiving: { primary: "#c2410c", onPrimary: "#ffffff" },
-  "black-friday": { primary: "#f97316", onPrimary: "#09090b" },
+  "black-friday": { primary: "#ffd400", onPrimary: "#0a0a0a" },
   "cyber-monday": { primary: "#4a2bd6", onPrimary: "#ffffff" },
   noel: { primary: "#b91c1c", onPrimary: "#ffffff" },
   "nouvel-an": { primary: "#d9b54a", onPrimary: "#111018" },
+  // Variantes (2e site par événement)
+  "halloween-2": { primary: "#a3e635", onPrimary: "#0b0a10" },
+  "thanksgiving-2": { primary: "#2f5d3a", onPrimary: "#ffffff" },
+  "black-friday-2": { primary: "#ff6a00", onPrimary: "#0a0a0a" },
+  "cyber-monday-2": { primary: "#22d3ee", onPrimary: "#04111a" },
+  "noel-2": { primary: "#d4af37", onPrimary: "#0f1d17" },
+  "nouvel-an-2": { primary: "#f5b5c8", onPrimary: "#0c0f24" },
 }
 
 export const escapeHtml = (s: unknown) =>

package/templates/backend/src/scripts/campaign-import.ts

@@ -6,6 +6,7 @@ import { ExecArgs } from "@medusajs/framework/types"
 import { ContainerRegistrationKeys, Modules } from "@medusajs/framework/utils"
 import { CampaignFile, CampaignInput } from "../modules/campaign/validators"
 import { upsertCampaignWorkflow } from "../workflows/upsert-campaign"
+import { uploadSeedImage } from "./seed"
 
 export default async function campaignImport({ container }: ExecArgs) {
   const logger = container.resolve(ContainerRegistrationKeys.LOGGER)
@@ -14,6 +15,7 @@ export default async function campaignImport({ container }: ExecArgs) {
   const data: Record<string, unknown> = JSON.parse(Buffer.from(raw, "base64").toString("utf8"))
 
   const salesChannels = container.resolve(Modules.SALES_CHANNEL)
+  const image = async (v?: string) => (v ? uploadSeedImage(container, v) : undefined)
   let count = 0
   for (const [slug, value] of Object.entries(data)) {
     const [channel] = await salesChannels.listSalesChannels({ name: slug })
@@ -25,10 +27,10 @@ export default async function campaignImport({ container }: ExecArgs) {
       ...file,
       hero: file.hero ? hero : undefined,
       promo: file.promo ? promo : undefined,
-      // Seules les URL sont reprises (un nom de fichier n'est pas une image stockée).
-      heroImage: heroImage && /^https?:\/\//.test(heroImage) ? heroImage : undefined,
-      promoImage: promoImage && /^https?:\/\//.test(promoImage) ? promoImage : undefined,
-      logo: file.logo && /^https?:\/\//.test(file.logo) ? file.logo : undefined,
+      // URL gardées telles quelles ; un nom de fichier de seed/images est envoyé au stockage.
+      heroImage: await image(heroImage),
+      promoImage: await image(promoImage),
+      logo: await image(file.logo),
     })
     await upsertCampaignWorkflow(container).run({ input: { sales_channel_id: channel.id, campaign } })
     count++

package/templates/backend/src/scripts/seed.ts

@@ -271,13 +271,14 @@ export default async function seed({ container }: ExecArgs) {
   }
 
   // ---------- Produits : seed/products.csv ----------
-  await importProducts({ container, logger, currencies, channelIds, locationId: location.id, profileId: profile.id, productService })
+  const themeOf = Object.fromEntries(project.boutiques.map((b) => [b.slug, b.theme]))
+  await importProducts({ container, logger, currencies, channelIds, themeOf, locationId: location.id, profileId: profile.id, productService })
 
   logger.info("[seed] terminé")
 }
 
 /** Envoie seed/images/<nom> au stockage et renvoie son URL (URL http(s) renvoyée telle quelle). */
-async function uploadSeedImage(container: ExecArgs["container"], name: string): Promise<string | undefined> {
+export async function uploadSeedImage(container: ExecArgs["container"], name: string): Promise<string | undefined> {
   if (/^https?:\/\//.test(name)) return name
   const file = path.join(SEED_DIR, "images", path.basename(name))
   if (!fs.existsSync(file)) return undefined
@@ -304,6 +305,7 @@ async function importProducts({
   logger,
   currencies,
   channelIds,
+  themeOf,
   locationId,
   profileId,
   productService,
@@ -312,6 +314,8 @@ async function importProducts({
   logger: { info: (m: string) => void; warn: (m: string) => void }
   currencies: string[]
   channelIds: Record<string, string>
+  /** slug → thème, pour la colonne « themes » du CSV */
+  themeOf: Record<string, string>
   locationId: string
   profileId: string
   productService: { listProducts: (f: { handle: string[] }, c: { select: string[] }) => Promise<{ handle: string }[]> }
@@ -345,7 +349,15 @@ async function importProducts({
     const images = (await Promise.all((r.images || "").split("|").filter(Boolean).map(imageUrl))).filter((u): u is string => !!u)
     const optionTitle = r.variant_option || "Default option"
     const values = r.variant_values ? r.variant_values.split("|").map((v) => v.trim()) : ["Default option value"]
-    const boutiques = r.boutiques ? r.boutiques.split("|").map((s) => s.trim()) : Object.keys(channelIds)
+    // Boutiques du produit : colonne « boutiques » (slugs), ou « themes » (toutes les boutiques de ces thèmes,
+    // réutilisable d'un projet à l'autre), sinon toutes les boutiques.
+    const list = (v: string) => v.split("|").map((x) => x.trim()).filter(Boolean)
+    const boutiques = r.boutiques
+      ? list(r.boutiques)
+      : r.themes
+        ? Object.keys(channelIds).filter((slug) => list(r.themes).includes(themeOf[slug]))
+        : Object.keys(channelIds)
+    if (!boutiques.length) logger.warn(`[seed] ${r.handle} : aucune boutique ne correspond (colonnes boutiques/themes)`)
 
     const prices = Object.keys(r)
       .filter((k) => /^price_[a-z]{3}$/.test(k) && r[k])

package/templates/storefront/locales/en.json

@@ -155,10 +155,15 @@
   "checkout.paymentMethod": "Payment method",
   "checkout.paymentDetails": "Payment details",
   "checkout.giftCard": "Gift card",
+  "checkout.cardAndWallets": "Card, Apple Pay, Google Pay",
+  "checkout.manualPayment": "Manual payment",
   "checkout.continueReview": "Continue to review",
-  "checkout.enterCard": "Enter card details",
+  "checkout.enterCard": "Enter payment details",
   "checkout.anotherStep": "Another step will appear",
-  "checkout.cardDetails": "Enter your card details:",
+  "checkout.cardDetails": "Choose how to pay:",
+  "checkout.card": "Card",
+  "checkout.paymentPending": "Payment is still being processed. Refresh this page in a moment.",
+  "checkout.paymentFailed": "The payment was not completed. Please try again or choose another method.",
   "checkout.selectPayment": "Select a payment method",
   "checkout.placeOrder": "Place order",
   "checkout.review": "Review",
@@ -265,5 +270,37 @@
   "track.error.notFound": "No order matches this number and email.",
   "track.error.tooMany": "Too many attempts. Please try again in a few minutes.",
   "track.error.invalid": "Please enter a valid order number and email.",
-  "track.account": "You have an account?"
+  "track.account": "You have an account?",
+  "shop.all": "All",
+  "shop.count": "{count} products",
+  "contact.eyebrow": "Customer care",
+  "contact.title": "Got a question? We're here.",
+  "contact.badge.value": "24h",
+  "contact.badge.label": "average reply time",
+  "contact.email.title": "Email us",
+  "contact.email.text": "Questions about a product, an order or a refund: we reply within 24 business hours.",
+  "contact.track.title": "Track my order",
+  "contact.track.text": "Your order number and email are all you need to see where your parcel is.",
+  "contact.track.cta": "Track my parcel",
+  "contact.shipping.title": "Shipping",
+  "contact.shipping.text": "Delivery times, destinations and shipping costs, shown before you pay.",
+  "contact.returns.title": "Returns and refunds",
+  "contact.returns.text": "30 days to change your mind, refunded to your original payment method.",
+  "contact.more": "Learn more",
+  "contact.faq.q1": "When will I receive my order?",
+  "contact.faq.a1": "Delivery times depend on the shipping method you choose and are shown at checkout. You get an email with tracking as soon as it ships.",
+  "contact.faq.q2": "How do I return an item?",
+  "contact.faq.a2": "Email us within 30 days with your order number and we'll send return instructions. Refunds are issued as soon as we receive it.",
+  "contact.faq.q3": "Is payment secure?",
+  "contact.faq.a3": "Yes. Payments are processed by Stripe (card, Apple Pay, Google Pay): {storeName} never sees or stores your card details.",
+  "contact.faq.q4": "Can I change or cancel my order?",
+  "contact.faq.a4": "Yes, as long as it hasn't shipped: contact us as soon as possible with your order number.",
+  "section.fold": "Top deals right now",
+  "section.spotlight": "The deals that go first",
+  "card.viewShort": "View",
+  "form.country": "Country",
+  "account.keepShopping": "Shop the deals",
+  "account.profileDone": "Profile completed",
+  "account.completeProfile": "Complete your profile (phone, billing address) to check out faster.",
+  "nav.menu": "Menu"
 }

package/templates/storefront/locales/fr.json

@@ -155,10 +155,15 @@
   "checkout.paymentMethod": "Moyen de paiement",
   "checkout.paymentDetails": "Détails du paiement",
   "checkout.giftCard": "Carte cadeau",
+  "checkout.cardAndWallets": "Carte, Apple Pay, Google Pay",
+  "checkout.manualPayment": "Paiement manuel",
   "checkout.continueReview": "Vérifier la commande",
-  "checkout.enterCard": "Saisir les données de carte",
+  "checkout.enterCard": "Saisir le paiement",
   "checkout.anotherStep": "Une étape supplémentaire va s'afficher",
-  "checkout.cardDetails": "Saisissez vos données de carte :",
+  "checkout.cardDetails": "Choisissez votre moyen de paiement :",
+  "checkout.card": "Carte",
+  "checkout.paymentPending": "Le paiement est encore en cours de traitement. Actualisez la page dans un instant.",
+  "checkout.paymentFailed": "Le paiement n’a pas abouti. Réessayez ou choisissez un autre moyen de paiement.",
   "checkout.selectPayment": "Choisissez un moyen de paiement",
   "checkout.placeOrder": "Valider la commande",
   "checkout.review": "Vérification",
@@ -265,5 +270,37 @@
   "track.error.notFound": "Aucune commande ne correspond à ce numéro et à cet e-mail.",
   "track.error.tooMany": "Trop de tentatives. Réessayez dans quelques minutes.",
   "track.error.invalid": "Saisissez un numéro de commande et un e-mail valides.",
-  "track.account": "Vous avez un compte ?"
+  "track.account": "Vous avez un compte ?",
+  "shop.all": "Tout",
+  "shop.count": "{count} produits",
+  "contact.eyebrow": "Service client",
+  "contact.title": "Une question ? On est là.",
+  "contact.badge.value": "24 h",
+  "contact.badge.label": "délai de réponse moyen",
+  "contact.email.title": "Écrivez-nous",
+  "contact.email.text": "Une question sur un produit, une commande ou un remboursement : réponse sous 24 h ouvrées.",
+  "contact.track.title": "Suivre ma commande",
+  "contact.track.text": "Numéro de commande et e-mail suffisent pour voir où en est votre colis.",
+  "contact.track.cta": "Suivre mon colis",
+  "contact.shipping.title": "Livraison",
+  "contact.shipping.text": "Délais, zones desservies et frais de port, affichés avant le paiement.",
+  "contact.returns.title": "Retours et remboursements",
+  "contact.returns.text": "30 jours pour changer d'avis, remboursement sur le moyen de paiement utilisé.",
+  "contact.more": "En savoir plus",
+  "contact.faq.q1": "Quand vais-je recevoir ma commande ?",
+  "contact.faq.a1": "Les délais dépendent du mode de livraison choisi et sont affichés au moment de la commande. Vous recevez un e-mail avec le numéro de suivi dès l'expédition.",
+  "contact.faq.q2": "Comment retourner un article ?",
+  "contact.faq.a2": "Écrivez-nous dans les 30 jours avec votre numéro de commande : nous vous envoyons les instructions de retour. Le remboursement est fait dès réception.",
+  "contact.faq.q3": "Le paiement est-il sécurisé ?",
+  "contact.faq.a3": "Oui. Les paiements sont traités par Stripe (carte, Apple Pay, Google Pay) : {storeName} ne voit ni ne stocke jamais vos données de carte.",
+  "contact.faq.q4": "Puis-je modifier ou annuler ma commande ?",
+  "contact.faq.a4": "Tant qu'elle n'est pas expédiée, oui : contactez-nous au plus vite avec votre numéro de commande.",
+  "section.fold": "Les offres phares",
+  "section.spotlight": "Les offres qui partent en premier",
+  "card.viewShort": "Voir",
+  "form.country": "Pays",
+  "account.keepShopping": "Voir les offres",
+  "account.profileDone": "Profil complété",
+  "account.completeProfile": "Complétez votre profil (téléphone, adresse de facturation) pour commander plus vite.",
+  "nav.menu": "Menu"
 }

package/templates/storefront/package-lock.json

@@ -15,6 +15,7 @@
         "@radix-ui/react-accordion": "1.2.20",
         "@stripe/react-stripe-js": "5.6.1",
         "@stripe/stripe-js": "8.11.0",
+        "libphonenumber-js": "1.13.14",
         "lodash": "4.18.1",
         "next": "16.3.6",
         "qs": "6.16.0",
@@ -7408,6 +7409,12 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "license": "MIT"
     },
+    "node_modules/libphonenumber-js": {
+      "version": "1.13.14",
+      "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.13.14.tgz",
+      "integrity": "sha512-llihgCcx0BFLksecLP+x1J+6JDE1GsXS1RN/LoPF6qcwpeQcnjj0lcvZxY8AzbEpYwyZWPZW/nDuqkqzm3amiw==",
+      "license": "MIT"
+    },
     "node_modules/lilconfig": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",

package/templates/storefront/package.json

@@ -21,6 +21,7 @@
     "@radix-ui/react-accordion": "1.2.20",
     "@stripe/react-stripe-js": "5.6.1",
     "@stripe/stripe-js": "8.11.0",
+    "libphonenumber-js": "1.13.14",
     "lodash": "4.18.1",
     "next": "16.3.6",
     "qs": "6.16.0",

package/templates/storefront/src/app/(main)/legal/[page]/page.tsx

@@ -2,6 +2,7 @@ import { Metadata } from "next"
 import { notFound } from "next/navigation"
 import { getBoutique } from "@lib/boutique/config"
 import { t } from "@lib/boutique/i18n"
+import ContactPage from "@modules/ub/contact-page"
 
 const PAGES = ["shipping", "returns", "privacy", "terms", "contact"] as const
 type Page = (typeof PAGES)[number]
@@ -18,8 +19,9 @@ export async function generateMetadata(props: Props): Promise<Metadata> {
 export default async function LegalPage(props: Props) {
   const { page } = await props.params
   if (!isPage(page)) notFound()
+  if (page === "contact") return <ContactPage />
 
-  const { storeName, merchantEmail } = getBoutique()
+  const { storeName } = getBoutique()
 
   return (
     <section className="ub-section">
@@ -28,14 +30,6 @@ export default async function LegalPage(props: Props) {
           {t(`legal.${page}`)}
         </h1>
         <p>{t(`legal.${page}.body`, { storeName })}</p>
-        {page === "contact" && merchantEmail && (
-          <p style={{ marginTop: 16 }}>
-            {t("legal.contact.email", { email: "" })}
-            <a href={`mailto:${merchantEmail}`} style={{ textDecoration: "underline" }}>
-              {merchantEmail}
-            </a>
-          </p>
-        )}
       </div>
     </section>
   )