@salifbiaye/create-boutique 0.3.2 → 0.3.4

package/cli/dist/create.js

@@ -90,6 +90,18 @@ async function ask(a, dirName, yes) {
     }
     const stripePk = a.stripePk ?? (cancelled(await p.text({ message: "Clé Stripe publique (vide = paiement manuel)", placeholder: "pk_test_…", defaultValue: "" })) || undefined);
     const stripeSk = stripePk ? (a.stripeSk ?? (cancelled(await p.password({ message: "Clé Stripe secrète" })) || undefined)) : a.stripeSk;
+    // E-mails clients (confirmation, expédition, mot de passe oublié…) via Resend ; vide = aucun e-mail envoyé.
+    const resendKey = a.resendKey ??
+        (cancelled(await p.password({ message: "Clé API Resend (vide = aucun e-mail envoyé)", validate: (v) => (!v || v.startsWith("re_") ? undefined : "une clé Resend commence par re_") })) ||
+            undefined);
+    const emailFrom = resendKey
+        ? (a.emailFrom ??
+            cancelled(await p.text({
+                message: "Adresse d'expédition des e-mails (domaine vérifié chez Resend ; test : onboarding@resend.dev)",
+                placeholder: "commandes@votredomaine.com",
+                validate: (v) => (z.email().safeParse(v).success ? undefined : "adresse e-mail invalide"),
+            })))
+        : a.emailFrom;
     const exists = (kind) => (v) => {
         if (!v?.trim())
             return undefined;
@@ -100,7 +112,7 @@ async function ask(a, dirName, yes) {
     };
     const products = a.products ?? (cancelled(await p.text({ message: "Fichier produits (CSV, optionnel)", defaultValue: "", validate: exists("file") })).trim() || undefined);
     const images = a.images ?? (cancelled(await p.text({ message: "Dossier images (optionnel)", defaultValue: "", validate: exists("dir") })).trim() || undefined);
-    return { ...a, name, email, currency, country, language, themes: chosen, boutiques: extra, stripePk, stripeSk, products, images };
+    return { ...a, name, email, currency, country, language, themes: chosen, boutiques: extra, stripePk, stripeSk, resendKey, emailFrom, products, images };
 }
 export async function create(dir, input, opts) {
     const target = path.resolve(dir);
@@ -163,6 +175,7 @@ export async function create(dir, input, opts) {
         `${"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é)"}`,
+        `E-mails : ${a.resendKey ? `Resend, depuis ${a.emailFrom ?? "(adresse manquante)"}` : "désactivés (pas de clé Resend)"}`,
         `Catalogue : ${a.products ?? "aucun (à ajouter dans l'admin)"}`,
     ];
     if (opts.yes)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salifbiaye/create-boutique",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "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/storefront/src/modules/checkout/components/country-select/index.tsx

@@ -1,17 +1,24 @@
 import { forwardRef, useImperativeHandle, useMemo, useRef } from "react"
 
+import { useLocale, useT } from "@lib/boutique/i18n-client"
 import NativeSelect, {
   NativeSelectProps,
 } from "@modules/common/components/native-select"
 import { HttpTypes } from "@medusajs/types"
 
+/**
+ * Liste des pays de la région : noms dans la langue du site (« Sénégal », « Côte d'Ivoire »), triés par ordre
+ * alphabétique, pays de la boutique en tête. (Le starter affichait les noms anglais de Medusa, non triés.)
+ */
 const CountrySelect = forwardRef<
   HTMLSelectElement,
   NativeSelectProps & {
     region?: HttpTypes.StoreRegion
   }
->(({ placeholder = "Country", region, defaultValue, ...props }, ref) => {
+>(({ placeholder = "form.country", region, defaultValue, ...props }, ref) => {
   const innerRef = useRef<HTMLSelectElement>(null)
+  const t = useT()
+  const locale = useLocale()
 
   useImperativeHandle<HTMLSelectElement | null, HTMLSelectElement | null>(
     ref,
@@ -19,25 +26,36 @@ const CountrySelect = forwardRef<
   )
 
   const countryOptions = useMemo(() => {
-    if (!region) {
+    if (!region?.countries) {
       return []
     }
-
-    return region.countries?.map((country) => ({
-      value: country.iso_2,
-      label: country.display_name,
-    }))
-  }, [region])
+    let names: Intl.DisplayNames | undefined
+    try {
+      names = new Intl.DisplayNames([locale], { type: "region" })
+    } catch {
+      names = undefined
+    }
+    const home = (locale.split("-")[1] ?? "").toLowerCase()
+    const options = region.countries
+      .filter((c) => c.iso_2)
+      .map((c) => ({
+        value: c.iso_2!,
+        label: names?.of(c.iso_2!.toUpperCase()) ?? c.display_name ?? c.iso_2!,
+      }))
+      .sort((a, b) => a.label.localeCompare(b.label, locale, { sensitivity: "base" }))
+    const first = options.find((o) => o.value === home)
+    return first ? [first, ...options.filter((o) => o !== first)] : options
+  }, [region, locale])
 
   return (
     <NativeSelect
       ref={innerRef}
-      placeholder={placeholder}
+      placeholder={t(placeholder)}
       defaultValue={defaultValue}
       {...props}
     >
-      {countryOptions?.map(({ value, label }, index) => (
-        <option key={index} value={value}>
+      {countryOptions.map(({ value, label }) => (
+        <option key={value} value={value}>
           {label}
         </option>
       ))}