@salifbiaye/create-boutique 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salifbiaye/create-boutique",
-  "version": "0.1.2",
+  "version": "0.1.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/backend/medusa-config.ts

@@ -108,6 +108,9 @@ module.exports = defineConfig({
       jwtSecret: process.env.JWT_SECRET!,
       cookieSecret: process.env.COOKIE_SECRET!,
     },
+    // En production Medusa pose un cookie de session `Secure`, jamais envoyé sur http : la connexion à
+    // l'admin échouerait sur http://localhost. Secure seulement si l'admin est servi en https.
+    cookieOptions: { secure: (process.env.ADMIN_CORS ?? "").startsWith("https://") },
   },
   modules,
 })

package/templates/storefront/src/lib/boutique/fonts/LICENSE.txt

@@ -0,0 +1,3 @@
+Polices auto-hébergées (sous-ensemble latin), sous licence SIL Open Font License 1.1 :
+Inter, Plus Jakarta Sans, Oswald, Outfit, Sora, Space Grotesk (versions variables), Poppins.
+Source : paquets Fontsource (@fontsource-variable/*, @fontsource/poppins). https://openfontlicense.org

package/templates/storefront/src/lib/boutique/fonts.ts

@@ -1,16 +1,25 @@
-import { Inter, Oswald, Outfit, Plus_Jakarta_Sans, Poppins, Sora, Space_Grotesk } from "next/font/google"
+import localFont from "next/font/local"
 import type { FontId, Theme } from "./schema"
 
-// Polices des presets (design/bundle.css). Servies par next/font (auto-hébergées) :
-// seules les 2 polices du thème de l'instance sont appliquées.
+// Polices des presets (design/bundle.css), fichiers woff2 dans ./fonts (licence OFL, voir fonts/LICENSE.txt) :
+// aucun accès à Google Fonts au build ni à l'exécution. Seules les 2 polices du thème de l'instance sont appliquées.
 // Chaque police expose --nf-<id>, repris par --font-<id> dans styles/ub/fonts.css.
-const inter = Inter({ subsets: ["latin"], weight: ["400", "500", "600", "700"], variable: "--nf-inter", preload: false })
-const jakarta = Plus_Jakarta_Sans({ subsets: ["latin"], weight: ["500", "700", "800"], variable: "--nf-jakarta", preload: false })
-const oswald = Oswald({ subsets: ["latin"], weight: ["500", "700"], variable: "--nf-oswald", preload: false })
-const outfit = Outfit({ subsets: ["latin"], weight: ["400", "500", "600", "700"], variable: "--nf-outfit", preload: false })
-const poppins = Poppins({ subsets: ["latin"], weight: ["400", "500", "600", "700"], variable: "--nf-poppins", preload: false })
-const sora = Sora({ subsets: ["latin"], weight: ["400", "600", "700"], variable: "--nf-sora", preload: false })
-const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], weight: ["500", "700"], variable: "--nf-space-grotesk", preload: false })
+const inter = localFont({ src: "./fonts/inter.woff2", weight: "100 900", variable: "--nf-inter", preload: false })
+const jakarta = localFont({ src: "./fonts/plus-jakarta-sans.woff2", weight: "200 800", variable: "--nf-jakarta", preload: false })
+const oswald = localFont({ src: "./fonts/oswald.woff2", weight: "200 700", variable: "--nf-oswald", preload: false })
+const outfit = localFont({ src: "./fonts/outfit.woff2", weight: "100 900", variable: "--nf-outfit", preload: false })
+const poppins = localFont({
+  src: [
+    { path: "./fonts/poppins-400.woff2", weight: "400" },
+    { path: "./fonts/poppins-500.woff2", weight: "500" },
+    { path: "./fonts/poppins-600.woff2", weight: "600" },
+    { path: "./fonts/poppins-700.woff2", weight: "700" },
+  ],
+  variable: "--nf-poppins",
+  preload: false,
+})
+const sora = localFont({ src: "./fonts/sora.woff2", weight: "100 800", variable: "--nf-sora", preload: false })
+const spaceGrotesk = localFont({ src: "./fonts/space-grotesk.woff2", weight: "300 700", variable: "--nf-space-grotesk", preload: false })
 
 const fonts: Partial<Record<FontId, { variable: string }>> = {
   inter,

package/templates/storefront/src/styles/ub/medusa-ui.css

@@ -88,3 +88,28 @@ html[data-theme] {
   -webkit-text-fill-color: var(--ink);
   -webkit-box-shadow: 0 0 0 1000px var(--bg) inset;
 }
+
+/* Couleurs Tailwind écrites en dur dans le starter (compte, panier, checkout, squelettes de chargement) :
+   ramenées aux tokens du thème, sinon un thème sombre affiche des blocs blancs au texte illisible. */
+.ub :is(.bg-white, .bg-gray-50, .bg-neutral-50) {
+  background-color: var(--surface);
+}
+.ub :is(.bg-gray-100, .bg-neutral-100) {
+  background-color: var(--tint-1);
+}
+.ub :is(.bg-gray-200, .bg-neutral-300) {
+  background-color: var(--tint-2);
+}
+.ub :is(.border-gray-200, .border-gray-300),
+.ub .divide-gray-200 > * + * {
+  border-color: var(--border);
+}
+.ub :is(.border-gray-700, .border-gray-900) {
+  border-color: var(--ink);
+}
+.ub :is(.text-black, .text-neutral-950) {
+  color: var(--ink);
+}
+.ub :is(.text-neutral-400, .text-neutral-500, .text-neutral-600, .text-grey-700) {
+  color: var(--ink-muted);
+}

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

@@ -10,3 +10,8 @@
 .ub-promo__cd {
   display: contents;
 }
+
+/* Accès au compte client : toujours visible (certains presets du design le masquent). */
+.ub .ub-nav__icons .ub-icon--user {
+  display: inline-flex;
+}