@salifbiaye/create-boutique 0.4.1 → 0.6.0

package/templates/backend/src/admin/i18n/json/fr.json

@@ -16,7 +16,7 @@
     "saved": "Campagne enregistrée",
     "reset": "Réinitialiser aux textes du thème",
     "resetDone": "Textes du thème rétablis",
-    "emptyHint": "Laissez vide pour garder le texte du thème.",
+    "emptyHint": "Les champs affichent les textes actuels (ceux du thème par défaut) : modifiez ce que vous voulez. {discount}, {endDate} et {freeShipping} sont remplacés automatiquement par la remise, la date de fin et le seuil de livraison.",
     "sections": {
       "dates": "Dates",
       "hero": "Bannière principale",
@@ -66,6 +66,16 @@
       "save": "Enregistrer l'image",
       "saved": "Image enregistrée"
     },
-    "shareHint": "Ce qui s'affiche quand on partage le lien de la boutique (WhatsApp, Facebook, LinkedIn…). Vide = nom de la boutique, sous-titre et visuel principal."
+    "shareHint": "Ce qui s'affiche quand on partage le lien de la boutique (WhatsApp, Facebook, LinkedIn…). Vide = nom de la boutique, sous-titre et visuel principal.",
+    "online": {
+      "column": "Site",
+      "live": "En ligne",
+      "action": "Mettre en ligne",
+      "hint": "Un seul site : la boutique « En ligne » est celle que voient les clients. Les commandes et paniers en cours des autres boutiques ne sont pas perdus.",
+      "confirmTitle": "Changer la boutique en ligne ?",
+      "confirmText": "Le site va passer de {{from}} à {{to}}. Les clients qui paient en ce moment peuvent finir leur commande.",
+      "confirm": "Mettre en ligne",
+      "done": "Boutique en ligne : le site a changé."
+    }
   }
 }

package/templates/backend/src/admin/routes/boutique-campaigns/campaign-drawer.tsx

@@ -10,6 +10,7 @@ type Texts = {
   topbar?: string[]
   hero?: Partial<Record<"eyebrow" | "title" | "highlight" | "sub" | "cta" | "cta2", string>> & { bubble?: string[]; image?: string }
   promo?: Partial<Record<"eyebrow" | "title" | "text" | "cta" | "seal" | "image", string>>
+  seo?: Partial<Record<"title" | "description" | "image", string>>
 }
 
 export type Campaign = Texts & {
@@ -44,14 +45,22 @@ const clean = <T extends Record<string, unknown>>(o: T): Partial<T> | undefined
   return Object.keys(out).length ? out : undefined
 }
 
-/** Panneau d'édition de la campagne d'une boutique. */
+// Texte identique à celui du thème = non enregistré : la boutique suit le thème (et ses mises à jour).
+const same = (a: string, b?: string) => a.trim() === (b ?? "").trim()
+const ifChanged = <T extends Record<string, string>>(o: T, def: Partial<Record<keyof T, string>> = {}) =>
+  Object.fromEntries(Object.entries(o).map(([k, v]) => [k, same(v, def[k]) ? "" : v])) as T
+const listChanged = (list: string[], def: string[] = []) => (list.every((x, i) => same(x, def[i])) ? [] : list)
+
+/** Panneau d'édition de la campagne d'une boutique. Champs pré-remplis avec les textes du thème (defaults). */
 export function CampaignDrawer({
   boutique,
+  defaults,
   others,
   queryKey,
   onClose,
 }: {
   boutique: Boutique
+  defaults?: Texts | null
   others: string[]
   queryKey: string[]
   onClose: () => void
@@ -59,27 +68,28 @@ export function CampaignDrawer({
   const { t } = useTranslation()
   const queryClient = useQueryClient()
   const c = boutique.campaign
+  const def: Texts = defaults ?? {}
 
   const [startsAt, setStartsAt] = useState(toLocal(c?.startsAt))
   const [endsAt, setEndsAt] = useState(toLocal(c?.endsAt))
   const [nextCampaign, setNextCampaign] = useState(c?.nextCampaign ?? "")
   const [vars, setVars] = useState({ discount: c?.vars?.discount ?? "", freeShipping: c?.vars?.freeShipping ?? "" })
-  const [topbar, setTopbar] = useState<string[]>([0, 1, 2].map((i) => c?.topbar?.[i] ?? ""))
+  const [topbar, setTopbar] = useState<string[]>([0, 1, 2].map((i) => (c?.topbar?.length ? c.topbar[i] : def.topbar?.[i]) ?? ""))
   const [hero, setHero] = useState({
-    eyebrow: c?.hero?.eyebrow ?? "",
-    title: c?.hero?.title ?? "",
-    highlight: c?.hero?.highlight ?? "",
-    sub: c?.hero?.sub ?? "",
-    cta: c?.hero?.cta ?? "",
-    cta2: c?.hero?.cta2 ?? "",
+    eyebrow: c?.hero?.eyebrow ?? def.hero?.eyebrow ?? "",
+    title: c?.hero?.title ?? def.hero?.title ?? "",
+    highlight: c?.hero?.highlight ?? def.hero?.highlight ?? "",
+    sub: c?.hero?.sub ?? def.hero?.sub ?? "",
+    cta: c?.hero?.cta ?? def.hero?.cta ?? "",
+    cta2: c?.hero?.cta2 ?? def.hero?.cta2 ?? "",
   })
-  const [bubble, setBubble] = useState<string[]>([0, 1, 2].map((i) => c?.hero?.bubble?.[i] ?? ""))
+  const [bubble, setBubble] = useState<string[]>([0, 1, 2].map((i) => (c?.hero?.bubble?.length ? c.hero.bubble[i] : def.hero?.bubble?.[i]) ?? ""))
   const [promo, setPromo] = useState({
-    eyebrow: c?.promo?.eyebrow ?? "",
-    title: c?.promo?.title ?? "",
-    text: c?.promo?.text ?? "",
-    cta: c?.promo?.cta ?? "",
-    seal: c?.promo?.seal ?? "",
+    eyebrow: c?.promo?.eyebrow ?? def.promo?.eyebrow ?? "",
+    title: c?.promo?.title ?? def.promo?.title ?? "",
+    text: c?.promo?.text ?? def.promo?.text ?? "",
+    cta: c?.promo?.cta ?? def.promo?.cta ?? "",
+    seal: c?.promo?.seal ?? def.promo?.seal ?? "",
   })
   const [heroImage, setHeroImage] = useState(c?.hero?.image ?? "")
   const [promoImage, setPromoImage] = useState(c?.promo?.image ?? "")
@@ -124,9 +134,9 @@ export function CampaignDrawer({
       nextCampaign: nextCampaign || null,
       vars: clean(vars) ?? null,
       ...media(),
-      topbar: topbar.some((m) => m.trim()) ? topbar.filter((m) => m.trim()) : undefined,
-      hero: clean({ ...hero, bubble: bubble.some((b) => b.trim()) ? bubble : undefined }),
-      promo: clean(promo),
+      topbar: listChanged(topbar, def.topbar).some((m) => m.trim()) ? topbar.filter((m) => m.trim()) : undefined,
+      hero: clean({ ...ifChanged(hero, def.hero), bubble: listChanged(bubble, def.hero?.bubble).some((b) => b.trim()) ? bubble : undefined }),
+      promo: clean(ifChanged(promo, def.promo)),
       seo: clean({ ...seo, image: seoImage || undefined }),
     })
   }

package/templates/backend/src/admin/routes/boutique-campaigns/page.tsx

@@ -1,7 +1,7 @@
 import { defineRouteConfig } from "@medusajs/admin-sdk"
 import { PencilSquare, Sparkles, Spinner } from "@medusajs/icons"
-import { Badge, Button, Container, Heading, Table, Text } from "@medusajs/ui"
-import { useQuery } from "@tanstack/react-query"
+import { Badge, Button, Container, Heading, Table, Text, toast, usePrompt } from "@medusajs/ui"
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
 import { useState } from "react"
 import { useTranslation } from "react-i18next"
 import { sdk } from "../../lib/client"
@@ -23,11 +23,11 @@ const COLORS = { upcoming: "blue", live: "green", ended: "grey" } as const
  * Ouvre le panneau avec la campagne relue sur le serveur (jamais la copie du tableau) : sinon, rouvrir juste après
  * un enregistrement pouvait repartir d'anciennes valeurs et réenregistrer l'ancienne image.
  */
-function FreshCampaignDrawer(props: Omit<Parameters<typeof CampaignDrawer>[0], "boutique"> & { boutique: Boutique }) {
+function FreshCampaignDrawer(props: Omit<Parameters<typeof CampaignDrawer>[0], "boutique" | "defaults"> & { boutique: Boutique }) {
   const { boutique, ...rest } = props
   const { data, isFetching } = useQuery({
     queryKey: [...QUERY_KEY, "one", boutique.sales_channel_id],
-    queryFn: () => sdk.client.fetch<{ campaign: Boutique["campaign"] }>(`/admin/boutique-campaigns/${boutique.sales_channel_id}`),
+    queryFn: () => sdk.client.fetch<{ campaign: Boutique["campaign"]; defaults?: Parameters<typeof CampaignDrawer>[0]["defaults"] }>(`/admin/boutique-campaigns/${boutique.sales_channel_id}`),
     staleTime: 0,
     gcTime: 0,
   })
@@ -38,18 +38,42 @@ function FreshCampaignDrawer(props: Omit<Parameters<typeof CampaignDrawer>[0], "
       </div>
     )
   }
-  return <CampaignDrawer {...rest} boutique={{ ...boutique, campaign: data.campaign ?? null }} />
+  return <CampaignDrawer {...rest} boutique={{ ...boutique, campaign: data.campaign ?? null }} defaults={data.defaults ?? null} />
 }
 
 /** Page « Campagnes » : une ligne par boutique du projet, édition dans un panneau latéral. */
 const CampaignsPage = () => {
   const { t, i18n } = useTranslation()
   const [editing, setEditing] = useState<Boutique | null>(null)
+  const queryClient = useQueryClient()
+  const prompt = usePrompt()
 
   const { data, isLoading } = useQuery({
     queryKey: QUERY_KEY,
-    queryFn: () => sdk.client.fetch<{ boutiques: Boutique[] }>("/admin/boutique-campaigns"),
+    queryFn: () =>
+      sdk.client.fetch<{ mode?: "multi" | "single"; active?: string | null; boutiques: Boutique[] }>("/admin/boutique-campaigns"),
   })
+  const single = data?.mode === "single"
+
+  // Mode single : met une boutique en ligne (la précédente est retirée ; il y en a toujours exactement une)
+  const activate = useMutation({
+    mutationFn: (slug: string) => sdk.client.fetch("/admin/active-boutique", { method: "POST", body: { slug } }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: QUERY_KEY })
+      toast.success(t("campaigns.online.done"))
+    },
+    onError: (e: Error) => toast.error(e.message),
+  })
+  const goLive = async (slug: string) => {
+    const ok = await prompt({
+      title: t("campaigns.online.confirmTitle"),
+      description: t("campaigns.online.confirmText", { from: data?.active ?? "", to: slug }),
+      confirmText: t("campaigns.online.confirm"),
+      cancelText: t("campaigns.cancel"),
+      variant: "confirmation",
+    })
+    if (ok) activate.mutate(slug)
+  }
 
   const date = (iso: string) => new Date(iso).toLocaleDateString(i18n.language, { dateStyle: "medium" })
 
@@ -60,6 +84,11 @@ const CampaignsPage = () => {
         <Text size="small" className="text-ui-fg-subtle mt-1">
           {t("campaigns.description")}
         </Text>
+        {single && (
+          <Text size="small" className="text-ui-fg-subtle mt-1">
+            {t("campaigns.online.hint")}
+          </Text>
+        )}
       </div>
 
       {isLoading ? (
@@ -73,6 +102,7 @@ const CampaignsPage = () => {
               <Table.HeaderCell>{t("campaigns.store")}</Table.HeaderCell>
               <Table.HeaderCell>{t("campaigns.dates")}</Table.HeaderCell>
               <Table.HeaderCell>{t("campaigns.status")}</Table.HeaderCell>
+              {single && <Table.HeaderCell>{t("campaigns.online.column")}</Table.HeaderCell>}
               <Table.HeaderCell />
             </Table.Row>
           </Table.Header>
@@ -101,6 +131,19 @@ const CampaignsPage = () => {
                       </Badge>
                     )}
                   </Table.Cell>
+                  {single && (
+                    <Table.Cell>
+                      {data?.active === b.slug ? (
+                        <Badge size="2xsmall" color="green">
+                          {t("campaigns.online.live")}
+                        </Badge>
+                      ) : (
+                        <Button size="small" variant="secondary" onClick={() => goLive(b.slug)} disabled={activate.isPending}>
+                          {t("campaigns.online.action")}
+                        </Button>
+                      )}
+                    </Table.Cell>
+                  )}
                   <Table.Cell className="text-right">
                     <Button size="small" variant="secondary" onClick={() => setEditing(b)}>
                       <PencilSquare />

package/templates/backend/src/api/admin/active-boutique/route.ts

@@ -0,0 +1,25 @@
+import { AuthenticatedMedusaRequest, MedusaResponse } from "@medusajs/framework/http"
+import { z } from "@medusajs/framework/zod"
+import { MedusaError } from "@medusajs/framework/utils"
+import { getActive, setActive } from "../../../lib/active"
+import { readProject } from "../../../lib/project"
+
+export const ActiveBoutique = z.object({ slug: z.string().regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/) })
+
+/** GET /admin/active-boutique : mode du projet et boutique en ligne (mode single). */
+export async function GET(req: AuthenticatedMedusaRequest, res: MedusaResponse) {
+  const { mode } = readProject()
+  res.json({ mode, active: mode === "single" ? await getActive(req.scope) : null })
+}
+
+/** POST /admin/active-boutique { slug } : met cette boutique en ligne (la précédente est retirée). */
+export async function POST(req: AuthenticatedMedusaRequest<z.infer<typeof ActiveBoutique>>, res: MedusaResponse) {
+  const project = readProject()
+  if (project.mode !== "single") {
+    throw new MedusaError(MedusaError.Types.NOT_ALLOWED, "Mode multi : toutes les boutiques sont déjà en ligne")
+  }
+  if (!project.boutiques.some((b) => b.slug === req.validatedBody.slug)) {
+    throw new MedusaError(MedusaError.Types.NOT_FOUND, "Unknown store")
+  }
+  res.json({ mode: project.mode, active: await setActive(req.scope, req.validatedBody.slug) })
+}

package/templates/backend/src/api/admin/boutique-campaigns/[salesChannelId]/route.ts

@@ -1,6 +1,7 @@
 import { AuthenticatedMedusaRequest, MedusaResponse } from "@medusajs/framework/http"
 import { ContainerRegistrationKeys, MedusaError } from "@medusajs/framework/utils"
 import { toCampaignJson, type CampaignInput } from "../../../../modules/campaign/validators"
+import { themeTexts } from "../../../../lib/project"
 import { upsertCampaignWorkflow } from "../../../../workflows/upsert-campaign"
 
 async function channelOrThrow(req: AuthenticatedMedusaRequest<unknown>) {
@@ -17,7 +18,12 @@ async function channelOrThrow(req: AuthenticatedMedusaRequest<unknown>) {
 /** GET /admin/boutique-campaigns/:salesChannelId */
 export async function GET(req: AuthenticatedMedusaRequest, res: MedusaResponse) {
   const channel = await channelOrThrow(req)
-  res.json({ slug: channel.name, campaign: channel.boutique_campaign ? toCampaignJson(channel.boutique_campaign) : null })
+  res.json({
+    slug: channel.name,
+    campaign: channel.boutique_campaign ? toCampaignJson(channel.boutique_campaign) : null,
+    // Textes du thème : pré-remplissent les champs de l'admin
+    defaults: themeTexts(channel.name) ?? null,
+  })
 }
 
 /** POST /admin/boutique-campaigns/:salesChannelId : enregistre la campagne (corps validé par zod, cf. middlewares). */

package/templates/backend/src/api/admin/boutique-campaigns/route.ts

@@ -1,5 +1,7 @@
 import { AuthenticatedMedusaRequest, MedusaResponse } from "@medusajs/framework/http"
 import { ContainerRegistrationKeys } from "@medusajs/framework/utils"
+import { getActive } from "../../../lib/active"
+import { readProject } from "../../../lib/project"
 import { toCampaignJson } from "../../../modules/campaign/validators"
 
 /** GET /admin/boutique-campaigns : les boutiques du projet (sales channels) et leur campagne. */
@@ -11,7 +13,11 @@ export async function GET(req: AuthenticatedMedusaRequest, res: MedusaResponse)
     fields: ["id", "name", "description", "boutique_campaign.*"],
   })
 
+  const { mode } = readProject()
   res.json({
+    // Mode single : une seule boutique en ligne, choisie ici (POST /admin/active-boutique)
+    mode,
+    active: mode === "single" ? await getActive(req.scope) : null,
     boutiques: channels
       .filter((c) => c.name !== "Default Sales Channel")
       .map((c) => ({

package/templates/backend/src/api/middlewares.ts

@@ -1,6 +1,7 @@
 import { defineMiddlewares, validateAndTransformBody } from "@medusajs/framework/http"
 import { CampaignInput } from "../modules/campaign/validators"
 import { rateLimit } from "./rate-limit"
+import { ActiveBoutique } from "./admin/active-boutique/route"
 import { OrderLookup } from "./store/order-lookup/route"
 
 // Anti force brute (par IP) : connexion admin, mot de passe oublié, suivi de commande.
@@ -16,6 +17,7 @@ export default defineMiddlewares({
       method: "POST",
       middlewares: [validateAndTransformBody(CampaignInput)],
     },
+    { matcher: "/admin/active-boutique", method: "POST", middlewares: [validateAndTransformBody(ActiveBoutique)] },
     { matcher: "/auth/user/emailpass", method: "POST", middlewares: [loginLimit] },
     { matcher: "/auth/user/emailpass/reset-password", method: "POST", middlewares: [resetLimit] },
     { matcher: "/auth/customer/emailpass", method: "POST", middlewares: [loginLimit] },

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

@@ -0,0 +1,41 @@
+import fs from "node:fs"
+import path from "node:path"
+import { MedusaContainer } from "@medusajs/framework/types"
+import { Modules } from "@medusajs/framework/utils"
+import { updateStoresWorkflow } from "@medusajs/medusa/core-flows"
+import { KEYS_DIR, readProject } from "./project"
+
+/**
+ * Mode single : une seule boutique en ligne à la fois.
+ * - Source de vérité : metadata.active_boutique du store Medusa (base de données).
+ * - Copie dans KEYS_DIR/_active : le site la lit à chaque requête (volume partagé, pas d'appel réseau).
+ * Il y a toujours exactement une boutique active : activer une boutique remplace la précédente,
+ * et une valeur absente ou inconnue retombe sur la première boutique du projet.
+ */
+const ACTIVE_FILE = path.join(KEYS_DIR, "_active")
+
+export async function getActive(container: MedusaContainer): Promise<string> {
+  const project = readProject()
+  const slugs = project.boutiques.map((b) => b.slug)
+  const [store] = await container.resolve(Modules.STORE).listStores({}, { select: ["id", "metadata"] })
+  const saved = store?.metadata?.active_boutique
+  return typeof saved === "string" && slugs.includes(saved) ? saved : slugs[0]
+}
+
+export async function setActive(container: MedusaContainer, slug: string): Promise<string> {
+  const project = readProject()
+  if (!project.boutiques.some((b) => b.slug === slug)) throw new Error(`boutique inconnue : ${slug}`)
+  const [store] = await container.resolve(Modules.STORE).listStores({}, { select: ["id", "metadata"] })
+  await updateStoresWorkflow(container).run({
+    input: { selector: { id: store.id }, update: { metadata: { ...(store.metadata ?? {}), active_boutique: slug } } },
+  })
+  writeActiveFile(slug)
+  return slug
+}
+
+export function writeActiveFile(slug: string) {
+  fs.mkdirSync(KEYS_DIR, { recursive: true })
+  // Écriture atomique : le site ne lit jamais un fichier à moitié écrit
+  fs.writeFileSync(`${ACTIVE_FILE}.tmp`, slug)
+  fs.renameSync(`${ACTIVE_FILE}.tmp`, ACTIVE_FILE)
+}

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

@@ -16,6 +16,7 @@ const shipsTo = z.union([z.literal("all"), z.array(code2).min(1)])
 
 const projectSchema = z.object({
   project: z.string(),
+  mode: z.enum(["multi", "single"]).default("multi"),
   defaults: z.looseObject({
     storeName: z.string(),
     currency: code3,
@@ -29,7 +30,7 @@ const projectSchema = z.object({
       z.looseObject({
         slug: z.string().regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/),
         theme: z.string(),
-        port: z.number(),
+        port: z.number().optional(),
         storeName: z.string().optional(),
         currency: code3.optional(),
         country: code2.optional(),
@@ -50,6 +51,8 @@ export type Boutique = {
 
 export type Project = {
   project: string
+  /** single : un seul site public, qui affiche la boutique active (lib/active.ts) */
+  mode: "multi" | "single"
   defaultCurrency: string
   language: string
   merchantEmail?: string
@@ -66,6 +69,7 @@ export function readProject(): Project {
   const { defaults, boutiques } = res.data
   return {
     project: res.data.project,
+    mode: res.data.mode,
     defaultCurrency: defaults.currency,
     language: defaults.language,
     merchantEmail: defaults.merchantEmail,
@@ -144,3 +148,24 @@ export const SHIPPING_RATES: Record<string, [number, number]> = {
   xaf: [2000, 5000],
 }
 export const shippingRates = (currency: string): [number, number] => SHIPPING_RATES[currency] ?? [0, 0]
+
+export const THEMES_DIR = process.env.THEMES_DIR || "/app/themes"
+
+/**
+ * Textes par défaut du thème d'une boutique (themes/<thème>/campaign.<langue>.json, anglais à défaut),
+ * affichés pré-remplis dans l'admin → Campagnes. Variables {discount}, {endDate}, {freeShipping} laissées telles quelles.
+ */
+export function themeTexts(slug: string): Record<string, unknown> | undefined {
+  try {
+    const project = readProject()
+    const theme = project.boutiques.find((b) => b.slug === slug)?.theme
+    if (!theme) return undefined
+    for (const lang of [project.language, "en"]) {
+      const file = path.join(THEMES_DIR, theme, `campaign.${lang}.json`)
+      if (fs.existsSync(file)) return JSON.parse(fs.readFileSync(file, "utf8"))
+    }
+  } catch {
+    // Thèmes non montés (ancien projet) : l'admin affiche des champs vides, comme avant
+  }
+  return undefined
+}

package/templates/backend/src/scripts/rewrite-file-urls.ts

@@ -0,0 +1,56 @@
+/**
+ * `create-boutique urls` : réécrit l'adresse des images déjà en base quand l'adresse publique du stockage change
+ * (ex. http://localhost:9100/medusa → https://images.marque.com/medusa). Les fichiers ne bougent pas :
+ * seul le début de l'adresse enregistrée change. Variables : FILES_FROM (ancien préfixe), FILES_TO (nouveau).
+ * Concerne : photos et vignettes des produits, visuels et logo des campagnes, image de partage (Open Graph).
+ * Aucun SQL : services des modules Product et Campaign. Relançable : sans effet si plus rien ne commence par FILES_FROM.
+ */
+import { ExecArgs } from "@medusajs/framework/types"
+import { ContainerRegistrationKeys, Modules } from "@medusajs/framework/utils"
+import { CAMPAIGN_MODULE } from "../modules/campaign"
+import CampaignModuleService from "../modules/campaign/service"
+
+export default async function rewriteFileUrls({ container }: ExecArgs) {
+  const logger = container.resolve(ContainerRegistrationKeys.LOGGER)
+  const from = (process.env.FILES_FROM ?? "").replace(/\/+$/, "")
+  const to = (process.env.FILES_TO ?? "").replace(/\/+$/, "")
+  if (!/^https?:\/\//.test(from) || !/^https?:\/\//.test(to)) throw new Error("FILES_FROM et FILES_TO : adresses http(s) obligatoires")
+  if (from === to) return logger.info("[urls] rien à faire : même adresse")
+
+  // Remplace seulement le début exact (préfixe + « / ») : une autre adresse n'est jamais touchée.
+  const swap = <T extends string | null | undefined>(u: T): T => (typeof u === "string" && u.startsWith(`${from}/`) ? (`${to}${u.slice(from.length)}` as T) : u)
+
+  // ---------- Produits : vignette + photos (id conservés : les photos des variantes restent liées) ----------
+  const products = container.resolve(Modules.PRODUCT)
+  const list = await products.listProducts({}, { select: ["id", "thumbnail"], relations: ["images"], take: 100000 })
+  let productCount = 0
+  for (const p of list) {
+    const images = (p.images ?? []).filter((i) => swap(i.url) !== i.url)
+    if (swap(p.thumbnail) === p.thumbnail && !images.length) continue
+    await products.updateProducts(p.id, {
+      thumbnail: swap(p.thumbnail),
+      images: (p.images ?? []).map((i) => ({ id: i.id, url: swap(i.url) })),
+    })
+    productCount++
+  }
+
+  // ---------- Campagnes : hero, bannière promo, logo, image de partage ----------
+  const campaigns: CampaignModuleService = container.resolve(CAMPAIGN_MODULE)
+  let campaignCount = 0
+  for (const c of await campaigns.listBoutiqueCampaigns({})) {
+    const texts = (c.texts ?? {}) as Record<string, unknown> & { seo?: { image?: string } }
+    const seoImage = swap(texts.seo?.image)
+    const update = {
+      hero_image: swap(c.hero_image),
+      promo_image: swap(c.promo_image),
+      logo: swap(c.logo),
+      texts: seoImage !== texts.seo?.image ? { ...texts, seo: { ...texts.seo, image: seoImage } } : c.texts,
+    }
+    if (update.hero_image === c.hero_image && update.promo_image === c.promo_image && update.logo === c.logo && update.texts === c.texts) continue
+    await campaigns.updateBoutiqueCampaigns({ id: c.id, ...update })
+    campaignCount++
+  }
+
+  logger.info(`[urls] ${from} → ${to} : ${productCount} produit(s), ${campaignCount} campagne(s) mis à jour`)
+  process.stdout.write(`<<<URLS${JSON.stringify({ products: productCount, campaigns: campaignCount })}URLS>>>\n`)
+}

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

@@ -33,6 +33,7 @@ import {
   uploadFilesWorkflow,
 } from "@medusajs/medusa/core-flows"
 import { CONFIG_DIR, KEYS_DIR, SEED_DIR, countriesByCurrency, readProject, shippingRates } from "../lib/project"
+import { getActive, writeActiveFile } from "../lib/active"
 import { CAMPAIGN_MODULE } from "../modules/campaign"
 import CampaignModuleService from "../modules/campaign/service"
 import { CampaignFile, CampaignInput } from "../modules/campaign/validators"
@@ -245,6 +246,13 @@ export default async function seed({ container }: ExecArgs) {
     })
   }
 
+  // ---------- Mode single : boutique en ligne (la première au départ, ensuite celle choisie dans l'admin) ----------
+  if (project.mode === "single") {
+    const active = await getActive(container)
+    writeActiveFile(active)
+    logger.info(`[seed] mode single : boutique en ligne ${active}`)
+  }
+
   // ---------- Campagnes : valeur initiale depuis config/campaigns/<slug>.json ----------
   // Importée seulement si la boutique n'a pas encore de campagne : une campagne modifiée
   // dans l'admin (source de vérité = base) n'est jamais écrasée.

package/templates/storefront/locales/en.json

@@ -323,5 +323,13 @@
   "tech.deal": "Top deal",
   "tech.all": "See all",
   "tech.warranty": "2-year warranty",
-  "tech.warrantySub": "On all tech"
+  "tech.warrantySub": "On all tech",
+  "fx.surprise.halloween": "Reveal the surprise",
+  "fx.surprise.noel": "Open the surprise",
+  "fx.surprise.nouvelAn": "Start the party",
+  "grimoire.drawEyebrow": "Today's reading",
+  "grimoire.draw": "Draw a card",
+  "grimoire.drawSub": "Three cards, three bewitched deals. Hover a card to turn it over.",
+  "grimoire.reveal": "Turn over",
+  "grimoire.shelf": "The apothecary shelf"
 }

package/templates/storefront/locales/fr.json

@@ -323,5 +323,13 @@
   "tech.deal": "Offre phare",
   "tech.all": "Tout voir",
   "tech.warranty": "Garantie 2 ans",
-  "tech.warrantySub": "Sur toute la tech"
+  "tech.warrantySub": "Sur toute la tech",
+  "fx.surprise.halloween": "Découvrir la surprise",
+  "fx.surprise.noel": "Ouvrir la surprise",
+  "fx.surprise.nouvelAn": "Lancer la fête",
+  "grimoire.drawEyebrow": "Le tirage du jour",
+  "grimoire.draw": "Tirez une carte",
+  "grimoire.drawSub": "Trois cartes, trois offres ensorcelées. Survolez une carte pour la retourner.",
+  "grimoire.reveal": "Retourner",
+  "grimoire.shelf": "L'étagère de l'apothicaire"
 }

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

@@ -14,6 +14,7 @@ import { HarvestBanner, HarvestGrid, HarvestHero, HarvestServices, HarvestStrip
 import { GalaFoil, GalaHero, GalaMidnight, GalaSelection, GalaStrokes } from "@modules/ub/gala"
 import { CinemaHero, CinemaRow, CinemaScreening, CinemaTop } from "@modules/ub/cinema"
 import { TechBento, TechFinal, TechFlash, TechGrid, TechHero, TechSpecs, TechTicker } from "@modules/ub/tech"
+import { GrimoireHero, GrimoireShelf, GrimoireSpell, GrimoireTarot } from "@modules/ub/grimoire"
 import { AlbumGarland, AlbumHero, AlbumPolaroids, AlbumStory, AlbumTicket } from "@modules/ub/album"
 import { getBoutique } from "@lib/boutique/config"
 import type { Campaign } from "@lib/boutique/campaign"
@@ -153,6 +154,26 @@ async function TechPage({ campaign }: { campaign: Campaign }) {
   )
 }
 
+/** Accueil « Grimoire » (Halloween 2) : les 3 offres les plus remisées au tirage, le reste sur l'étagère. */
+async function GrimoirePage({ campaign }: { campaign: Campaign }) {
+  const {
+    response: { products },
+  } = await listProducts({ queryParams: { limit: 12, fields: "*categories,*collection" } })
+  const off = (p: (typeof products)[number]) =>
+    Math.max(0, ...(p.variants ?? []).map((v) => {
+      const c = v.calculated_price
+      return c?.original_amount && c.calculated_amount != null ? 1 - c.calculated_amount / c.original_amount : 0
+    }))
+  const sorted = [...products].sort((a, b) => off(b) - off(a))
+  return (
+    <>
+      <GrimoireTarot products={sorted} />
+      <GrimoireShelf products={products} title={campaign.sections?.products ?? t("section.products")} sub={campaign.promo?.text} />
+      <GrimoireSpell campaign={campaign} />
+    </>
+  )
+}
+
 /** Accueil « Gala » (thèmes Nouvel An). */
 async function GalaProducts({ campaign }: { campaign: Campaign }) {
   const {
@@ -179,6 +200,17 @@ export default async function Home() {
     return <CampaignEnded nextUrl={campaign.nextCampaignUrl} />
   }
 
+  if (getBoutique().theme.home === "grimoire") {
+    return (
+      <div className="ub-grimoire">
+        <GrimoireHero campaign={campaign} />
+        <Suspense fallback={<GridFallback />}>
+          <GrimoirePage campaign={campaign} />
+        </Suspense>
+      </div>
+    )
+  }
+
   if (getBoutique().theme.home === "tech") {
     return (
       <div className="ub-tech">

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

@@ -1,5 +1,6 @@
 import { Metadata } from "next"
-import { notFound } from "next/navigation"
+import { notFound, redirect } from "next/navigation"
+import { isSingleSite } from "@lib/boutique/config"
 import { listProducts } from "@lib/data/products"
 import { getRegion } from "@lib/data/regions"
 import ProductTemplate from "@modules/products/templates"
@@ -71,6 +72,8 @@ export default async function ProductPage(props: Props) {
   }).then(({ response }) => response.products[0])
 
   if (!pricedProduct) {
+    // Mode single : lien vers un produit d'une boutique qui n'est plus en ligne → la boutique actuelle
+    if (isSingleSite()) redirect("/store")
     notFound()
   }
 

package/templates/storefront/src/app/(main)/template.tsx

@@ -0,0 +1,4 @@
+/** Remonté à chaque navigation : sert de point d'accroche à la transition entre pages (styles/ub/motion.css, desktop). */
+export default function Template({ children }: { children: React.ReactNode }) {
+  return <div className="ub-page">{children}</div>
+}

package/templates/storefront/src/app/layout.tsx

@@ -3,6 +3,7 @@ import { getBoutique } from "@lib/boutique/config"
 import { themeFontClasses } from "@lib/boutique/fonts"
 import { messages } from "@lib/boutique/i18n"
 import { I18nProvider } from "@lib/boutique/i18n-client"
+import Motion from "@modules/ub/motion"
 import { Metadata } from "next"
 import "styles/globals.css"
 import "styles/ub/tokens.css"
@@ -18,6 +19,8 @@ import "styles/ub/gala.css"
 import "styles/ub/cinema.css"
 import "styles/ub/album.css"
 import "styles/ub/tech.css"
+import "styles/ub/grimoire.css"
+import "styles/ub/motion.css"
 import "styles/ub/media.css"
 import "styles/ub/responsive.css"
 import "styles/ub/fonts.css"
@@ -60,10 +63,11 @@ export default function RootLayout(props: { children: React.ReactNode }) {
   const b = getBoutique()
 
   return (
-    <html lang={b.locale} data-theme={b.theme.layout ?? b.theme.id} data-variant={b.theme.layout ? b.theme.id : undefined} data-mode="light" className={themeFontClasses(b.theme)}>
+    <html lang={b.locale} data-theme={b.theme.layout ?? b.theme.id} data-variant={b.theme.layout ? b.theme.id : undefined} data-event={b.theme.id.replace(/-2$/, "")} data-mode="light" className={themeFontClasses(b.theme)}>
       <body className="ub">
         <I18nProvider messages={messages("")} locale={b.locale}>
           <main className="relative">{props.children}</main>
+          <Motion event={b.theme.id.replace(/-2$/, "")} />
         </I18nProvider>
       </body>
     </html>