@salifbiaye/create-boutique 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salifbiaye/create-boutique",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "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": {

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

@@ -27,6 +27,7 @@ import {
   linkSalesChannelsToApiKeyWorkflow,
   linkSalesChannelsToStockLocationWorkflow,
   updateRegionsWorkflow,
+  updateProductsWorkflow,
   updateShippingOptionsWorkflow,
   updateStoresWorkflow,
   uploadFilesWorkflow,
@@ -210,9 +211,14 @@ export default async function seed({ container }: ExecArgs) {
       })
       channel = result[0]
       await linkSalesChannelsToStockLocationWorkflow(container).run({ input: { id: location.id, add: [channel.id] } })
-      // Boutique ajoutée à un projet existant : elle reçoit tout le catalogue déjà en base
-      // (le marchand retire ensuite dans l'admin ce qu'il ne veut pas y vendre).
-      const existingProducts = await productService.listProducts({}, { select: ["id"], take: 10000 })
+      // Boutique ajoutée à un projet existant : elle reçoit le catalogue déjà en base, sauf les produits
+      // du CSV réservés à d'autres boutiques (colonnes boutiques/themes). Le marchand ajuste ensuite dans l'admin.
+      const rows = readCsv()
+      const csvRow = new Map(rows.map((r) => [r.handle, r]))
+      const existingProducts = (await productService.listProducts({}, { select: ["id", "handle"], take: 10000 })).filter((pr) => {
+        const r = csvRow.get(pr.handle)
+        return !r || rowFor(r, b.slug, b.theme)
+      })
       if (existingProducts.length) {
         await linkProductsToSalesChannelWorkflow(container).run({
           input: { id: channel.id, add: existingProducts.map((pr) => pr.id) },
@@ -308,6 +314,20 @@ export async function uploadSeedImage(container: ExecArgs["container"], name: st
 
 type Row = Record<string, string>
 
+function readCsv(): Row[] {
+  const csvFile = path.join(SEED_DIR, "products.csv")
+  if (!fs.existsSync(csvFile)) return []
+  return parse(fs.readFileSync(csvFile, "utf8"), { columns: true, skip_empty_lines: true, trim: true, bom: true })
+}
+
+/** Le produit de cette ligne est-il vendu dans la boutique ? Colonne « boutiques » (slugs), sinon « themes », sinon partout. */
+function rowFor(r: Row, slug: string, theme: string) {
+  const list = (v: string) => v.split("|").map((x) => x.trim()).filter(Boolean)
+  if (r.boutiques) return list(r.boutiques).includes(slug)
+  if (r.themes) return list(r.themes).includes(theme)
+  return true
+}
+
 async function importProducts({
   container,
   logger,
@@ -329,35 +349,50 @@ async function importProducts({
   endsOf: Record<string, string | undefined>
   locationId: string
   profileId: string
-  productService: { listProducts: (f: { handle: string[] }, c: { select: string[] }) => Promise<{ handle: string }[]> }
+  productService: { listProducts: (f: { handle: string[] }, c: { select: string[] }) => Promise<{ id: string; handle: string; thumbnail?: string | null }[]> }
 }) {
-  const csvFile = path.join(SEED_DIR, "products.csv")
-  if (!fs.existsSync(csvFile)) {
+  const rows = readCsv()
+  if (!rows.length) {
     logger.info("[seed] pas de seed/products.csv : aucun produit importé")
     return
   }
-  const rows: Row[] = parse(fs.readFileSync(csvFile, "utf8"), { columns: true, skip_empty_lines: true, trim: true, bom: true })
-  const existing = new Set((await productService.listProducts({ handle: rows.map((r) => r.handle) }, { select: ["handle"] })).map((p) => p.handle))
+  const inDb = await productService.listProducts({ handle: rows.map((r) => r.handle) }, { select: ["id", "handle", "thumbnail"] })
+  const existing = new Set(inDb.map((p) => p.handle))
   const toCreate = rows.filter((r) => r.handle && !existing.has(r.handle))
-  if (!toCreate.length) return
 
   // Images : fichiers de seed/images envoyés au stockage ; URL http(s) gardées telles quelles.
   const uploaded = new Map<string, string>()
-  const imageUrl = async (name: string): Promise<string | undefined> => {
+  const imageUrl = async (name: string, warn = true): Promise<string | undefined> => {
     if (uploaded.has(name)) return uploaded.get(name)
     const url = await uploadSeedImage(container, name)
     if (url) uploaded.set(name, url)
-    else logger.warn(`[seed] image introuvable : ${path.join(SEED_DIR, "images", path.basename(name))}`)
+    else if (warn) logger.warn(`[seed] image introuvable : ${path.join(SEED_DIR, "images", path.basename(name))}`)
     return url
   }
 
+  // Produits déjà en base sans photo : photos ajoutées plus tard dans seed/images → on les complète
+  // (un produit qui a déjà une photo, par exemple choisie dans l'admin, n'est jamais modifié).
+  const csvRow = new Map(rows.map((r) => [r.handle, r]))
+  let filled = 0
+  for (const p of inDb.filter((p) => !p.thumbnail)) {
+    const names = (csvRow.get(p.handle)?.images || "").split("|").filter(Boolean)
+    const images = (await Promise.all(names.map((n) => imageUrl(n, false)))).filter((u): u is string => !!u)
+    if (!images.length) continue
+    await updateProductsWorkflow(container).run({
+      input: { selector: { id: p.id }, update: { thumbnail: images[0], images: images.map((url) => ({ url })) } },
+    })
+    filled++
+  }
+  if (filled) logger.info(`[seed] photos ajoutées à ${filled} produit(s) existant(s)`)
+  if (!toCreate.length) return
+
   const salePrices: { variantKey: string; currency_code: string; amount: number; endsAt?: string }[] = []
   const products: CreateProductWorkflowInputDTO[] = []
   for (const r of toCreate) {
     const missing = currencies.filter((c) => !r[`price_${c}`])
     if (missing.length) logger.warn(`[seed] ${r.handle} : pas de prix en ${missing.join(", ")} (colonne price_<devise>) — invisible dans ces boutiques`)
 
-    const images = (await Promise.all((r.images || "").split("|").filter(Boolean).map(imageUrl))).filter((u): u is string => !!u)
+    const images = (await Promise.all((r.images || "").split("|").filter(Boolean).map((n) => imageUrl(n)))).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"]
     // Boutiques du produit : colonne « boutiques » (slugs), ou « themes » (toutes les boutiques de ces thèmes,

package/templates/storefront/src/styles/ub/tech.css

@@ -90,7 +90,23 @@
   transform: rotate(-24deg);
   pointer-events: none;
 }
-.ub-tc-hero__cover { display: none; }
+/* Cyber Monday 1 : le visuel fait partie du fond (comme Black Friday) : posé à droite sur toute la hauteur,
+   fondu dans le noir à gauche, en haut et en bas. Pas de cadre, pas d'ombre. */
+.ub-tc-hero[data-has-image] .ub-tc-hero__beam { display: none; }
+.ub-tc-hero__cover { position: absolute; inset: 0 0 0 34%; z-index: -1; }
+.ub-tc-hero__cover img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; animation: ub-tc-fadein 1.2s ease both; }
+.ub-tc-hero__cover::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(90deg, var(--hero-bg) 0%, rgb(5 3 11 / 0.55) 20%, transparent 45%),
+    linear-gradient(0deg, var(--hero-bg) 0%, transparent 18%),
+    linear-gradient(180deg, var(--hero-bg) 0%, transparent 12%);
+}
+.ub-tc-hero[data-has-image] .ub-tc-hero__side > img { display: none; }
+.ub-tc-hero[data-has-image] .ub-tc-hero__side { aspect-ratio: auto; align-self: end; }
+.ub-tc-hero[data-has-image] .ub-tc-badge { position: relative; left: auto; bottom: auto; justify-self: start; width: max-content; }
 .ub-tc-hero__in {
   display: grid;
   grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
@@ -397,6 +413,10 @@
 @media (max-width: 900px) {
   .ub-tc-hero__in { grid-template-columns: 1fr; gap: var(--space-8); min-height: 0; padding-top: var(--space-8); }
   .ub-tc-hero__side { justify-self: center; width: min(100%, 440px); margin-right: 0; }
+  .ub-tc-hero__cover { inset: 38% 0 0 0; }
+  .ub-tc-hero__cover img { object-position: 60% 60%; }
+  .ub-tc-hero__cover::after { background: linear-gradient(180deg, var(--hero-bg) 0%, rgb(5 3 11 / 0.4) 35%, transparent 60%), linear-gradient(0deg, var(--hero-bg) 0%, transparent 20%); }
+  .ub-tc-hero[data-has-image] .ub-tc-hero__side { min-height: 300px; justify-self: stretch; width: 100%; }
   .ub-tc-badge { left: 12px; bottom: 16px; padding: 10px 16px; }
   .ub-tc-badge b { font-size: 32px; }
   /* Cyber Monday 2 mobile : visuel en haut, texte dessous sur fond blanc */