2026-05-05

.gitignore

@@ -7,7 +7,7 @@ web/app/upgrade
 web/app/cache/*
 web/app/languages/
 web/app/object-cache.php
-web/app/themes/haiku-atelier-2024/assets/css/*
+web/app/themes/haiku-atelier-2024/assets/css/**/*
 web/app/themes/haiku-atelier-2024/assets/js/*
 
 # WordPress

.zed/settings.json

@@ -16,6 +16,14 @@
     "!vtsls",
     "..."
   ],
+  "languages": {
+    "PHP": {
+      "language_servers": [
+        "phpactor",
+        "phpantom_lsp"
+      ]
+    }
+  },
   "lsp": {
     "css-variables": {
       "settings": {

config/environments/development.php

@@ -8,7 +8,6 @@ declare(strict_types=1);
 
 use Roots\WPConfig\Config;
 
-use function base64_encode;
 use function Env\env;
 
 Config::define('SAVEQUERIES', true);

config/environments/production.php

@@ -8,7 +8,6 @@ declare(strict_types=1);
 
 use Roots\WPConfig\Config;
 
-use function base64_encode;
 use function Env\env;
 
 Config::define('WP_DEBUG', true);

config/environments/staging.php

@@ -8,7 +8,6 @@ declare(strict_types=1);
 
 use Roots\WPConfig\Config;
 
-use function base64_encode;
 use function Env\env;
 
 Config::define('DISALLOW_INDEXING', true);

docs/QUERIES.md

@@ -0,0 +1,9 @@
+# Requête
+
+## Nettoyer les photos fantômes
+
+Cette commande nettoie les photos « fantômes » : les attachements toujours présents dans la base de données alors que l'image a été supprimée. Des carrés gris remplacement alors les photos dans l'administration du Produit.
+
+```shell
+wp db --allow-root query "DELETE FROM haikuwp_postmeta WHERE meta_value NOT IN (SELECT ID FROM haikuwp_posts) AND meta_key LIKE '%photos_colonne%'"
+```

mise.lock

@@ -1,5 +1,37 @@
 # @generated - this file is auto-generated by `mise lock` https://mise.en.dev/dev-tools/mise-lock.html
 
+[[tools."aqua:blopker/codebook"]]
+version = "0.3.39"
+backend = "aqua:blopker/codebook"
+
+[tools."aqua:blopker/codebook"."platforms.linux-arm64"]
+checksum = "sha256:38302c6e719ce67083e9229c373943ebe45aa359a7a2cfb06e48221c33b59516"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-aarch64-unknown-linux-musl.tar.gz"
+
+[tools."aqua:blopker/codebook"."platforms.linux-arm64-musl"]
+checksum = "sha256:38302c6e719ce67083e9229c373943ebe45aa359a7a2cfb06e48221c33b59516"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-aarch64-unknown-linux-musl.tar.gz"
+
+[tools."aqua:blopker/codebook"."platforms.linux-x64"]
+checksum = "sha256:fdb419ed332aacba5757a3b34ec2a8cba3a94b50134ab34a8dc1af8106101dc5"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-x86_64-unknown-linux-musl.tar.gz"
+
+[tools."aqua:blopker/codebook"."platforms.linux-x64-musl"]
+checksum = "sha256:fdb419ed332aacba5757a3b34ec2a8cba3a94b50134ab34a8dc1af8106101dc5"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-x86_64-unknown-linux-musl.tar.gz"
+
+[tools."aqua:blopker/codebook"."platforms.macos-arm64"]
+checksum = "sha256:c3f8f36a4747542ece10c65cd8dd724aa0dbd31c08a1fd03fb53813eff87b8ce"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-aarch64-apple-darwin.tar.gz"
+
+[tools."aqua:blopker/codebook"."platforms.macos-x64"]
+checksum = "sha256:b3392e8eb080f3e6e083ada59bafcc6e50681d99b0cbd4f420ab4c7123d08baa"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-x86_64-apple-darwin.tar.gz"
+
+[tools."aqua:blopker/codebook"."platforms.windows-x64"]
+checksum = "sha256:dc6c89bdd9e20c00de10d8eb68ffc0e581831eae5a62c9e4efd25905eba78413"
+url = "https://github.com/blopker/codebook/releases/download/v0.3.39/codebook-lsp-x86_64-pc-windows-msvc.zip"
+
 [[tools."aqua:numtide/treefmt"]]
 version = "2.5.0"
 backend = "aqua:numtide/treefmt"

mise.toml

@@ -6,19 +6,24 @@
   watchexec                    = "latest"
   "aqua:numtide/treefmt"       = "latest"
   "github:AJenbo/phpantom_lsp" = "latest"
+  "aqua:blopker/codebook"      = "latest"
 
 [tasks.format]
   alias                        = "f"
   description                  = "Formate le code avec treefmt en utilisant la configuration globale"
   run                          = "treefmt --config-file ~/.config/treefmt/treefmt.toml ."
   tools."aqua:numtide/treefmt" = "latest"
-  sources                      = ["*.{json,md,toml}", "cfg/*.ts", "src/**/*.ts"]
+  sources                      = [
+    "*.{json,md,toml}",
+    "cfg/*.ts",
+    "web/app/themes/haiku-atelier-2024/src/**/*.ts"
+  ]
 
 [tasks.watch-format]
   alias       = "wf"
   description = "Formate le code avec treefmt en utilisant la configuration globale"
-  run         = "watchexec -w src/ mise run format"
+  run         = "watchexec -w web/app/themes/haiku-atelier-2024/src/ mise run format"
-  sources     = ["*.{json,md,toml}", "cfg/*.ts", "src/**/*.ts"]
+  sources     = ["*.{json,md,toml}", "cfg/*.ts", "web/app/themes/haiku-atelier-2024/src/**/*.ts"]
 
 [tasks.build-css]
   description = "Compile le CSS depuis les fichiers SCSS"
@@ -34,3 +39,7 @@
     "aube x lightningcss --browserslist --bundle --minify --output-file web/app/themes/haiku-atelier-2024/assets/css/pages/page-succes-commande.min.css -- web/app/themes/haiku-atelier-2024/assets/css/pages/page-succes-commande.css",
   ]
   sources     = ["web/app/themes/haiku-atelier-2024/src/sass/**/*.scss"]
+
+[tasks.test-shop]
+  description = "Lance les tests d'intégration pour la page Boutique"
+  run         = "aube x playwright test --config cfg/playwright.config.ts tests/playwright/shop.spec.ts"

tests/playwright/shop.spec.ts

@@ -1,50 +1,40 @@
 /** @effect-diagnostics asyncFunction:skip-file */
 import type { APIRequestContext, Locator, Page, Response } from "@playwright/test";
 import { expect, test } from "@playwright/test";
+import { ManagedRuntime } from "effect";
+import { APIClient } from "../../web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/api.ts";
 import type { WCV3Products } from "../../web/app/themes/haiku-atelier-2024/src/scripts/lib/types/api/v3/products";
 import type { BackendHeaders } from "./utils.ts";
 import { getBackendHeadersFromHtml } from "./utils.ts";
 
 test.describe.configure({ mode: "parallel", timeout: 60_000 });
 
+/** _Runtime_ pour effectuer les appels API. */
+const TestRuntime = ManagedRuntime.make(APIClient.Live);
+
+test("is on the first page of the Shop", async ({ page }): Promise<void> => {
+  const FIRST_PAGE_NUMBER = "1";
+  await page.goto("https://haikuatelier.gcch.local/shop/");
+
+  const productsGrid: Locator = page.locator(".grille-produits");
+  await expect(productsGrid, "La grille des Produits est visible.").toBeVisible();
+
+  expect(await productsGrid.getAttribute("data-page"), "Le numéro de page initial est correct.").toBe(
+    FIRST_PAGE_NUMBER,
+  );
+});
+
 test("can scroll to the end of the grid", async ({ page }): Promise<void> => {
-  await scrollToGridsEnd(page);
+  await page.goto("https://haikuatelier.gcch.local/shop/");
-});
-
-test("can access all Products' pages", async ({ page, request }): Promise<void> => {
-  await page["goto"]("https://haikuatelier.gcch.local/shop/");
-  const links = await getAllProductsLinks(page, request);
-
-  for (const link of links) {
-    // Vérifie que le lien de la page retourne OK.
-    const req = await request.get(link);
-    await expect(req, "The Product's page is accessible").toBeOK();
-  }
-});
-
-const getAllProductsLinks = async (page: Page, request: APIRequestContext): Promise<Array<string>> => {
-  const backendHeaders: BackendHeaders = await getBackendHeadersFromHtml(page);
-  const response = await request.get("/wp-json/wc/v3/products?page=1&per_page=100&status=publish", {
-    headers: { Authorization: `Basic ${backendHeaders.authString}`, Nonce: backendHeaders.nonce },
-  });
-  const json = (await response.json()) as WCV3Products;
-  return json.map(p => p.permalink);
-};
-
-const scrollToGridsEnd = async (page: Page): Promise<void> => {
-  await page["goto"]("https://haikuatelier.gcch.local/shop/");
 
   let hasMoreProducts = true;
   let currentPageNumber = "1";
 
   const productsGrid: Locator = page.locator(".grille-produits");
-  await expect(productsGrid, "The Product's grid is visible").toBeVisible();
+  await expect(productsGrid, "La grille des Produits est visible.").toBeVisible();
-  expect(await productsGrid.getAttribute("data-page"), "The initial page number attribute is correct").toBe(
-    currentPageNumber,
-  );
 
   const showMoreButton: Locator = page.getByRole("button", { name: "Show more" });
-  await expect(showMoreButton, "The 'Show more' button is visible").toBeVisible();
+  await expect(showMoreButton, "Le bouton « Show more » est visible.").toBeVisible();
 
   while (hasMoreProducts) {
     const newProductsResponse: Promise<Response> = page.waitForResponse(new RegExp(".*wp-json/wc/v3/products.*"));
@@ -57,7 +47,7 @@ const scrollToGridsEnd = async (page: Page): Promise<void> => {
     await gridWithNewPageNumber.waitFor();
 
     // Redondance pour expliciter la raison de l'assertion.
-    expect(await productsGrid.getAttribute("data-page"), "The page number attribute is incremented").toBe(
+    expect(await productsGrid.getAttribute("data-page"), "Le numéro de page a été incrémenté.").toBe(
       newPageNumber,
     );
     currentPageNumber = newPageNumber;
@@ -67,4 +57,44 @@ const scrollToGridsEnd = async (page: Page): Promise<void> => {
       hasMoreProducts = false;
     }
   }
+});
+
+test("can access all Products' pages", async ({ page, request }): Promise<void> => {
+  await page.goto("https://haikuatelier.gcch.local/shop/");
+  const links = await getAllProductsLinks(page, request);
+
+  for (const link of links) {
+    // Vérifie que le lien de la page retourne OK.
+    const req = await request.get(link);
+    await expect(req, "La page du Produit est accessible.").toBeOK();
+  }
+});
+
+test("has no Product with broken images", async ({ page }): Promise<void> => {
+  await page.goto("https://haikuatelier.gcch.local/shop/");
+
+  await loadMoreProducts(page);
+
+  const brokenImages = await page.locator("a:has(img[src=''])").all();
+  const links = await Promise.all(brokenImages.map(locator => locator.getAttribute("href")));
+
+  console.info("Liens des Produits avec images cassées :", links);
+
+  expect(links.length, "Il n'y pas d'images cassées.").toEqual(0);
+});
+
+const getAllProductsLinks = async (page: Page, request: APIRequestContext): Promise<Array<string>> => {
+  const backendHeaders: BackendHeaders = await getBackendHeadersFromHtml(page);
+  const response = await request.get("/wp-json/wc/v3/products?page=1&per_page=100&status=publish", {
+    headers: { Authorization: `Basic ${backendHeaders.authString}`, Nonce: backendHeaders.nonce },
+  });
+  const json = (await response.json()) as WCV3Products;
+  return json.map(p => p.permalink);
+};
+
+const loadMoreProducts = async (page: Page): Promise<void> => {
+  const showMoreButton: Locator = page.getByRole("button", { name: "Show more" });
+  const newProductsResponse: Promise<Response> = page.waitForResponse(new RegExp(".*wp-json/wc/v3/products.*"));
+  await showMoreButton.click();
+  await newProductsResponse;
 };

tsconfig.json

@@ -39,7 +39,7 @@
       {
         "diagnosticSeverity": {
           "anyUnknownInErrorContext": "error",
-          "asyncFunction": "warning",
+          "asyncFunction": "off",
           "catchAllToMapError": "error",
           "catchUnfailableEffect": "error",
           "classSelfMismatch": "error",

web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css

@@ -1,115 +0,0 @@
-@charset "UTF-8";
-#page-a-propos {
-  --hauteur-conteneur: var(--contenu-page-hauteur-minimale-sans-categories);
-  --page-marges-bloc-debut: var(--en-tete-hauteur);
-  --conteneur-marges-internes-ligne: var(--espace-xl);
-  overflow: hidden;
-  display: flex;
-  flex-flow: column nowrap;
-  min-block-size: var(--hauteur-conteneur);
-  max-block-size: var(--hauteur-conteneur);
-  margin-top: var(--page-marges-bloc-debut);
-}
-#page-a-propos .storytelling {
-  overflow-y: scroll;
-  overscroll-behavior: none;
-  min-block-size: inherit;
-  max-block-size: inherit;
-}
-#page-a-propos .storytelling__conteneur {
-  overscroll-behavior: inherit;
-  display: flex;
-  flex-flow: column nowrap;
-  place-items: center;
-  min-block-size: calc(var(--hauteur-conteneur) * 13);
-  padding: 0 var(--conteneur-marges-internes-ligne);
-}
-#page-a-propos .storytelling__animation {
-  --hauteur-animation: 90px;
-  --taille-police: calc(var(--espace-xl) * 2.5);
-  pointer-events: none;
-  position: absolute;
-  z-index: 3;
-  top: 0;
-  right: 0;
-  left: 0;
-  overflow: hidden;
-  display: grid;
-  place-content: center;
-  place-items: center;
-  block-size: 100%;
-  margin: auto;
-  visibility: visible;
-  opacity: 100%;
-  mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
-  transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
-}
-#page-a-propos .storytelling__animation[hidden] {
-  display: grid !important;
-  visibility: hidden;
-  opacity: 0%;
-  transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
-}
-#page-a-propos .storytelling__animation.no-js {
-  visibility: hidden;
-  opacity: 0%;
-  transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
-}
-#page-a-propos .storytelling__animation .animation-conteneur {
-  overflow: visible;
-  width: 120vw;
-  block-size: var(--hauteur-animation);
-}
-#page-a-propos .storytelling__animation .animation-texte {
-  overflow: visible;
-  font-size: var(--taille-police);
-  font-weight: 600;
-  text-shadow: 4px 4px 0 var(--couleur-blanc);
-  text-transform: uppercase;
-  letter-spacing: var(--espacement-inter-lettres-rapproche-s);
-}
-#page-a-propos .storytelling__image {
-  position: sticky;
-  top: 0;
-  align-content: center;
-  inline-size: max-content;
-  max-inline-size: 100%;
-  min-block-size: var(--hauteur-conteneur);
-  max-block-size: var(--hauteur-conteneur);
-}
-#page-a-propos .storytelling__image[data-caché] {
-  display: none !important;
-}
-#page-a-propos .storytelling__image picture {
-  max-block-size: inherit;
-}
-#page-a-propos .storytelling__image img {
-  scale: 0.95;
-  max-block-size: inherit;
-  margin: auto;
-  object-fit: contain;
-  background: transparent;
-}
-@media (scripting: none) {
-  #page-a-propos .storytelling__animation {
-    visibility: hidden;
-  }
-}
-@media (width <= 700px) {
-  #page-a-propos {
-    --conteneur-marges-internes-ligne: var(--espace-l);
-  }
-}
-@media (width <= 500px) {
-  #page-a-propos {
-    --conteneur-marges-internes-ligne: var(--espace-m);
-  }
-}
-
-@supports (-moz-appearance: none) {
-  #page-a-propos .storytelling__animation {
-    --taille-police: calc(var(--espace-xl) * 2.2);
-  }
-}
-
-/*# sourceMappingURL=page-a-propos.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-a-propos.scss"],"names":[],"mappings":";AAEA;EAEE;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAOA;;AAEA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EAIA;EACA;;AAGF;EACE;EAGA;EACA;EAGA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMN;EACE;IACE;;;AAIJ;EAjIF;IAkII;;;AAGF;EArIF;IAsII;;;;AAKJ;EACE;IACE","file":"page-a-propos.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.min.css

@@ -1 +0,0 @@
-#page-a-propos{--hauteur-conteneur:var(--contenu-page-hauteur-minimale-sans-categories);--page-marges-bloc-debut:var(--en-tete-hauteur);--conteneur-marges-internes-ligne:var(--espace-xl);min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-a-propos .storytelling{overscroll-behavior:none;min-block-size:inherit;max-block-size:inherit;overflow-y:scroll}#page-a-propos .storytelling__conteneur{overscroll-behavior:inherit;min-block-size:calc(var(--hauteur-conteneur) * 13);padding:0 var(--conteneur-marges-internes-ligne);flex-flow:column;place-items:center;display:flex}#page-a-propos .storytelling__animation{--hauteur-animation:90px;--taille-police:calc(var(--espace-xl) * 2.5);pointer-events:none;z-index:3;visibility:visible;opacity:1;block-size:100%;-webkit-mask-image:linear-gradient(var(--mask-direction,to right), #0000, #000 20%, #000 80%, #0000);mask-image:linear-gradient(var(--mask-direction,to right), #0000, #000 20%, #000 80%, #0000);place-content:center;place-items:center;margin:auto;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}#page-a-propos .storytelling__animation[hidden]{visibility:hidden;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:grid!important}#page-a-propos .storytelling__animation.no-js{visibility:hidden;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}#page-a-propos .storytelling__animation .animation-conteneur{width:120vw;block-size:var(--hauteur-animation);overflow:visible}#page-a-propos .storytelling__animation .animation-texte{font-size:var(--taille-police);text-shadow:4px 4px 0 var(--couleur-blanc);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:600;overflow:visible}#page-a-propos .storytelling__image{inline-size:max-content;max-inline-size:100%;min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);align-content:center;position:sticky;top:0}#page-a-propos .storytelling__image[data-caché]{display:none!important}#page-a-propos .storytelling__image picture{max-block-size:inherit}#page-a-propos .storytelling__image img{max-block-size:inherit;object-fit:contain;background:0 0;margin:auto;scale:.95}@media (scripting:none){#page-a-propos .storytelling__animation{visibility:hidden}}@media (width<=700px){#page-a-propos{--conteneur-marges-internes-ligne:var(--espace-l)}}@media (width<=500px){#page-a-propos{--conteneur-marges-internes-ligne:var(--espace-m)}}@supports ((-moz-appearance:none)){#page-a-propos .storytelling__animation{--taille-police:calc(var(--espace-xl) * 2.2)}}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css

@@ -1,10 +0,0 @@
-#page-accueil {
-  --hauteur-conteneur: calc(100svh - var(--pied-de-page-hauteur));
-  overflow: hidden;
-  display: flex;
-  flex-flow: column nowrap;
-  min-block-size: var(--hauteur-conteneur);
-  max-block-size: var(--hauteur-conteneur);
-}
-
-/*# sourceMappingURL=page-accueil.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-accueil.scss"],"names":[],"mappings":"AAEA;EAEE;EAEA;EACA;EACA;EACA;EACA","file":"page-accueil.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.min.css

@@ -1 +0,0 @@
-#page-accueil{--hauteur-conteneur:calc(100svh - var(--pied-de-page-hauteur));min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);flex-flow:column;display:flex;overflow:hidden}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css

@@ -1,10 +0,0 @@
-#page-boutique .actions {
-  align-content: center;
-  width: 100%;
-  text-align: center;
-}
-#page-boutique .actions button {
-  padding: var(--espace-xl) 0;
-}
-
-/*# sourceMappingURL=page-boutique.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-boutique.scss"],"names":[],"mappings":"AAGE;EACE;EACA;EACA;;AAEA;EACE","file":"page-boutique.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.min.css

@@ -1 +0,0 @@
-#page-boutique .actions{text-align:center;align-content:center;width:100%}#page-boutique .actions button{padding:var(--espace-xl) 0}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-modele-simple.css

@@ -1,97 +0,0 @@
-.page-modele-simple {
-  --page-hauteur-minimale: calc(
-    100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px
-  );
-  --page-marges-bloc-debut: var(--en-tete-hauteur);
-  display: flex;
-  flex-flow: column nowrap;
-  margin-top: var(--page-marges-bloc-debut);
-  margin-bottom: var(--espace-xl);
-  border-bottom: 1px solid var(--couleur-noir);
-}
-.page-modele-simple .contenu {
-  display: flex;
-  flex-flow: column nowrap;
-  place-items: center;
-  width: min(50rem, 100%);
-  min-height: var(--page-hauteur-minimale);
-  margin: auto;
-  border: 1px solid var(--couleur-noir);
-  border-bottom: initial;
-  font-weight: 400;
-  font-style: italic;
-}
-.page-modele-simple .contenu__en-tete {
-  width: 100%;
-  padding: var(--espace-m) var(--espace-xl);
-  color: var(--couleur-blanc);
-  background: var(--couleur-noir);
-}
-.page-modele-simple .contenu__en-tete h2 {
-  width: fit-content;
-  margin: auto;
-  text-transform: uppercase;
-  letter-spacing: var(--espacement-inter-lettres-etendu-l);
-}
-.page-modele-simple .contenu__textuel {
-  display: flex;
-  flex: 1;
-  flex-flow: column nowrap;
-  place-content: center;
-  max-width: 34rem;
-  height: 100%;
-  padding: 0 var(--espace-xl);
-  text-wrap: pretty;
-}
-.page-modele-simple .contenu__textuel p + p {
-  margin-top: var(--espace-m);
-}
-.page-modele-simple#page-cgv .contenu {
-  font-style: normal;
-}
-.page-modele-simple#page-cgv .contenu header {
-  font-style: italic;
-}
-.page-modele-simple#page-cgv .contenu__textuel {
-  max-width: initial;
-  padding: 0;
-}
-.page-modele-simple#page-cgv .contenu__textuel__section {
-  width: 100%;
-}
-.page-modele-simple#page-cgv .contenu__textuel__section:first-of-type header {
-  border-top: initial;
-}
-.page-modele-simple#page-cgv .contenu__textuel__section header {
-  width: 100%;
-  margin-bottom: var(--espace-l);
-  padding: var(--espace-m) var(--espace-xl);
-  border-top: 1px solid var(--couleur-noir);
-  border-bottom: 1px solid var(--couleur-noir);
-}
-.page-modele-simple#page-cgv .contenu__textuel__section header h3 {
-  width: fit-content;
-  margin: auto;
-  text-transform: uppercase;
-  letter-spacing: var(--espacement-inter-lettres-etendu-l);
-}
-.page-modele-simple#page-cgv .contenu__textuel__section ul {
-  margin-bottom: 1lh;
-  padding: 0 var(--espace-xl);
-  list-style: square;
-  list-style-position: inside;
-}
-.page-modele-simple#page-cgv .contenu__textuel__section p {
-  padding: 0 var(--espace-xl);
-}
-.page-modele-simple#page-cgv .contenu__textuel__section p:last-of-type {
-  margin-bottom: var(--espace-xl);
-}
-@media (width <= 50rem) {
-  .page-modele-simple .contenu {
-    border-right: initial;
-    border-left: initial;
-  }
-}
-
-/*# sourceMappingURL=page-modele-simple.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-modele-simple.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-modele-simple.scss"],"names":[],"mappings":"AAEA;EAEE;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAKF;EACE;;AAEA;EACE;;AAQZ;EACE;IACE;IACA","file":"page-modele-simple.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-modele-simple.min.css

@@ -1 +0,0 @@
-.page-modele-simple{--page-hauteur-minimale:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px);--page-marges-bloc-debut:var(--en-tete-hauteur);margin-top:var(--page-marges-bloc-debut);margin-bottom:var(--espace-xl);border-bottom:1px solid var(--couleur-noir);flex-flow:column;display:flex}.page-modele-simple .contenu{width:min(50rem,100%);min-height:var(--page-hauteur-minimale);border:1px solid var(--couleur-noir);border-bottom:initial;flex-flow:column;place-items:center;margin:auto;font-style:italic;font-weight:400;display:flex}.page-modele-simple .contenu__en-tete{width:100%;padding:var(--espace-m) var(--espace-xl);color:var(--couleur-blanc);background:var(--couleur-noir)}.page-modele-simple .contenu__en-tete h2{text-transform:uppercase;width:fit-content;letter-spacing:var(--espacement-inter-lettres-etendu-l);margin:auto}.page-modele-simple .contenu__textuel{max-width:34rem;height:100%;padding:0 var(--espace-xl);text-wrap:pretty;flex-flow:column;flex:1;place-content:center;display:flex}.page-modele-simple .contenu__textuel p+p{margin-top:var(--espace-m)}.page-modele-simple#page-cgv .contenu{font-style:normal}.page-modele-simple#page-cgv .contenu header{font-style:italic}.page-modele-simple#page-cgv .contenu__textuel{max-width:initial;padding:0}.page-modele-simple#page-cgv .contenu__textuel__section{width:100%}.page-modele-simple#page-cgv .contenu__textuel__section:first-of-type header{border-top:initial}.page-modele-simple#page-cgv .contenu__textuel__section header{width:100%;margin-bottom:var(--espace-l);padding:var(--espace-m) var(--espace-xl);border-top:1px solid var(--couleur-noir);border-bottom:1px solid var(--couleur-noir)}.page-modele-simple#page-cgv .contenu__textuel__section header h3{text-transform:uppercase;width:fit-content;letter-spacing:var(--espacement-inter-lettres-etendu-l);margin:auto}.page-modele-simple#page-cgv .contenu__textuel__section ul{padding:0 var(--espace-xl);margin-bottom:1lh;list-style:inside square}.page-modele-simple#page-cgv .contenu__textuel__section p{padding:0 var(--espace-xl)}.page-modele-simple#page-cgv .contenu__textuel__section p:last-of-type{margin-bottom:var(--espace-xl)}@media (width<=50rem){.page-modele-simple .contenu{border-right:initial;border-left:initial}}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css

@@ -1,445 +0,0 @@
-@charset "UTF-8";
-#panneau-panier {
-  border-right: 1px solid var(--couleur-noir);
-}
-#panneau-panier > div {
-  place-content: center;
-}
-#panneau-panier .panneau__grille-produits {
-  display: flex;
-  flex-flow: column nowrap;
-}
-#panneau-panier .panneau__grille-produits__produit {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: 1fr;
-  border-bottom: 1px solid var(--couleur-noir);
-}
-#panneau-panier .panneau__grille-produits__produit__illustratif {
-  border-right: 1px solid var(--couleur-noir);
-}
-#panneau-panier .panneau__grille-produits__produit__illustratif picture {
-  overflow: hidden;
-  height: 100%;
-}
-#panneau-panier .panneau__grille-produits__produit__illustratif img {
-  aspect-ratio: 1;
-  height: auto;
-}
-#panneau-panier .panneau__grille-produits .detail-produit {
-  display: flex;
-  flex-flow: column nowrap;
-  place-content: center;
-  width: fit-content;
-  margin: auto;
-  padding: 0 var(--espace-xl);
-  font-style: italic;
-}
-#panneau-panier .panneau__grille-produits .detail-produit__nom-prix {
-  display: flex;
-  flex-flow: row nowrap;
-  column-gap: var(--espace-l);
-  justify-content: space-between;
-  font-size: var(--espace-l);
-  line-height: var(--hauteur-ligne-moitie);
-}
-#panneau-panier .panneau__grille-produits .detail-produit__nom-prix span {
-  min-width: 4rem;
-  font-weight: 600;
-  font-style: initial;
-  text-align: right;
-}
-#panneau-panier .panneau__grille-produits .detail-produit__description {
-  margin-bottom: var(--espace-l);
-  text-transform: lowercase;
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions {
-  display: grid;
-  grid-template-columns: 0.25fr auto 0.25fr;
-  grid-template-rows: 1fr 1fr;
-  font-weight: 500;
-  font-style: initial;
-  /* Bouton d'addition de quantité */
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions button:first-of-type {
-  grid-column: 1;
-  min-width: 3rem;
-  max-width: 3rem;
-  border: 1px solid var(--couleur-noir);
-  border-bottom: initial;
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions {
-  /*
-   * 1. Cache les flèches d'augmentation/diminution sur Firefox.
-   * 2. Cache les flèches d'augmentation/diminution sur Chrome/Edge/Safari.
-   */
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number] {
-  grid-column: 2;
-  width: 100%;
-  border: initial;
-  border-top: 1px solid var(--couleur-noir);
-  text-align: center;
-  appearance: textfield; /* 1 */
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button, #panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button {
-  margin: 0; /* 2 */
-  appearance: none; /* 2 */
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions {
-  /* Bouton de suppression de quantité */
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions button:nth-of-type(2) {
-  grid-column: 3;
-  min-width: 3rem;
-  max-width: 3rem;
-  border: 1px solid var(--couleur-noir);
-  border-bottom: initial;
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions {
-  /* Bouton de suppression du Produit du Panier */
-}
-#panneau-panier .panneau__grille-produits .detail-produit__actions button:last-of-type {
-  grid-column: span 3;
-  grid-row: 2;
-  padding: var(--espace-xs);
-  border: 1px solid var(--couleur-noir);
-  text-transform: lowercase;
-}
-#panneau-panier .panneau__instructions-code-promo {
-  width: 100%;
-  padding: var(--espace-l) var(--espace-xl);
-  border-bottom: 1px solid var(--couleur-noir);
-  text-align: center;
-  /*
-   * 1. Nécessaire pour ne pas qu'un espace vertical non souhaité apparaisse.
-   * 2. Applique une marge entre les instructions et le code promo de notre choix.
-   */
-}
-#panneau-panier .panneau__instructions-code-promo__instructions {
-  resize: vertical;
-  display: block; /* 1 */
-  width: 100%;
-  margin: auto; /* 1 */
-  margin-bottom: var(--espace-s); /* 2 */
-  padding: var(--espace-s);
-  border: 1px solid transparent;
-  font-size: 0.8rem;
-  font-weight: 450;
-  background: initial;
-}
-#panneau-panier .panneau__instructions-code-promo__code-promo {
-  display: flex;
-  flex-flow: row wrap;
-  place-content: center;
-  width: fit-content;
-  margin: auto;
-  /*
-   * 1. Longueur minimale pour le Bouton n'ait pas à changer de taille quel que soit son texte
-   */
-}
-#panneau-panier .panneau__instructions-code-promo__code-promo button {
-  min-width: 9rem; /* 1 */
-  padding: var(--espace-xs) var(--espace-xl);
-  border: 1px solid var(--couleur-noir);
-  border-left: initial;
-  text-transform: lowercase;
-}
-#panneau-panier .panneau__instructions-code-promo__code-promo__message {
-  flex-basis: 100%;
-  margin-top: var(--espace-m);
-}
-#panneau-panier .panneau__sous-totaux {
-  width: min(40rem, 100%);
-  margin: auto;
-  padding: var(--espace-l) var(--espace-xl);
-  text-align: center;
-}
-#panneau-panier .panneau__sous-totaux__ligne {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: space-between;
-  font-style: italic;
-}
-#panneau-panier .panneau__sous-totaux__ligne strong {
-  text-align: right;
-  text-transform: lowercase;
-}
-#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type {
-  text-align: right;
-}
-#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type span {
-  color: var(--couleur-gris-fonce);
-}
-#panneau-panier .panneau__sous-totaux__choix-methode-livraison {
-  flex-flow: row wrap;
-  gap: var(--espace-xs) var(--espace-m);
-  justify-content: center;
-  font-size: 0.9rem;
-  letter-spacing: inherit;
-}
-#panneau-panier .panneau__sous-totaux__choix-methode-livraison > label:first-of-type {
-  cursor: revert;
-  flex-basis: 100%;
-  margin-bottom: var(--espace-xs);
-  color: var(--couleur-gris-fonce);
-  text-align: center;
-  text-transform: lowercase;
-}
-#panneau-panier .panneau__sous-totaux__choix-methode-livraison div {
-  display: flex;
-  flex-flow: row nowrap;
-  column-gap: 1ch;
-  place-items: center;
-}
-#panneau-panier .panneau__sous-totaux__conditions-livraison {
-  margin-top: var(--espace-l);
-  font-size: 0.8rem;
-  font-weight: 450;
-  color: var(--couleur-gris-fonce);
-  letter-spacing: var(--espacement-inter-lettres-etendu-s);
-}
-#panneau-panier .panneau__pied-de-page {
-  align-content: center;
-  padding: var(--espace-l) 0;
-  font-size: 1.25rem;
-  font-style: italic;
-  color: var(--couleur-blanc);
-  text-align: center;
-  text-transform: uppercase;
-  letter-spacing: 2px;
-  background: var(--couleur-noir);
-}
-#panneau-panier .panneau__pied-de-page span {
-  margin-left: var(--espace-l);
-  font-style: initial;
-}
-@media (width <= 500px) {
-  #panneau-panier .panneau__grille-produits__produit__illustratif img {
-    height: 100%;
-  }
-  #panneau-panier .panneau__grille-produits .detail-produit {
-    padding: var(--espace-l);
-  }
-  #panneau-panier .panneau__grille-produits .detail-produit .detail-produit__nom-prix {
-    column-gap: var(--espace-l);
-  }
-  #panneau-panier .panneau__instructions-code-promo {
-    padding: var(--espace-xl) var(--espace-l);
-  }
-  #panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input, #panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button {
-    flex: 1;
-  }
-  #panneau-panier .panneau__sous-totaux {
-    padding: var(--espace-xl) var(--espace-l);
-  }
-}
-
-#panneau-informations-client {
-  position: sticky;
-  top: var(--en-tete-hauteur);
-  right: 0;
-  height: fit-content;
-}
-#panneau-informations-client > * {
-  align-content: center;
-  text-align: center;
-}
-#panneau-informations-client .panneau__paypal-express {
-  --hauteur-images-bouton: 18px;
-  --hauteur-bouton: calc(var(--hauteur-images-bouton) * 2);
-  --longueur-bouton: 250px;
-  --espacement-inter-images: var(--espace-xs);
-  padding: var(--espace-xl);
-  border-bottom: 1px solid var(--couleur-noir);
-}
-#panneau-informations-client .panneau__paypal-express p {
-  margin-bottom: var(--espace-s);
-  font-style: italic;
-}
-#panneau-informations-client .panneau__paypal-express button {
-  display: flex;
-  column-gap: var(--espacement-inter-images);
-  place-content: center;
-  place-items: center;
-  width: var(--longueur-bouton);
-  height: var(--hauteur-bouton);
-  margin: auto;
-  background: var(--couleur-noir);
-}
-#panneau-informations-client .panneau__paypal-express button img {
-  height: var(--hauteur-images-bouton);
-  background: inherit;
-}
-#panneau-informations-client .panneau__paypal-express button img:first-of-type {
-  margin-top: -1px;
-}
-#panneau-informations-client .panneau__formulaires {
-  padding: var(--espace-xl) 0;
-}
-#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses {
-  position: relative;
-  display: flex;
-  flex-flow: row nowrap;
-  column-gap: 1ch;
-  place-items: center;
-  width: fit-content;
-  margin: auto;
-  margin-bottom: var(--espace-m);
-  font-size: 0.8rem;
-  font-style: italic;
-}
-#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label {
-  text-transform: lowercase;
-}
-#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires {
-  align-content: center;
-  width: 100%;
-  padding: 0;
-  font-size: 0.8rem;
-  font-weight: 450;
-  color: var(--couleur-gris-fonce);
-  text-align: center;
-}
-#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p + p {
-  margin-top: 1lh;
-}
-#panneau-informations-client .panneau__formulaires .panneau__formulaires__message {
-  margin: var(--espace-xl) 0;
-  font-weight: 500;
-  font-style: italic;
-}
-#panneau-informations-client .formulaire {
-  margin: auto;
-  padding: 0 var(--espace-xl);
-}
-#panneau-informations-client .formulaire + .formulaire {
-  margin-top: var(--espace-xl);
-}
-#panneau-informations-client .formulaire .formulaire__titre {
-  margin-bottom: var(--espace-m);
-  font-size: 1.25rem;
-  font-weight: 600;
-  font-style: italic;
-  letter-spacing: 1px;
-}
-#panneau-informations-client .formulaire .formulaire__champs {
-  width: fit-content;
-  margin: auto;
-  text-align: left;
-}
-#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ {
-  display: flex;
-  flex-flow: row nowrap;
-  column-gap: var(--espace-xl);
-  place-items: center;
-  justify-content: space-between;
-}
-#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ + .formulaire__champs__champ {
-  margin-top: var(--espace-l);
-}
-#panneau-informations-client .formulaire label {
-  width: min(7rem, 100%);
-  font-weight: 400;
-  text-transform: lowercase;
-}
-#panneau-informations-client .formulaire label:has(+ :is(input:required, select:required)) {
-  font-weight: 600;
-}
-#panneau-informations-client .formulaire input, #panneau-informations-client .formulaire select {
-  width: min(15rem, 100%);
-}
-#panneau-informations-client .panneau__pied-de-page {
-  align-content: center;
-  font-size: 1.25rem;
-  font-style: italic;
-  color: var(--couleur-blanc);
-  text-align: center;
-  text-transform: uppercase;
-  letter-spacing: 2px;
-  border-block: 1px solid var(--couleur-noir);
-  border-block-end: 0;
-  background: var(--arriere-plan-points);
-}
-#panneau-informations-client .panneau__pied-de-page:has(button[disabled]) {
-  background: var(--couleur-gris-fond);
-}
-#panneau-informations-client .panneau__pied-de-page button {
-  padding: var(--espace-l) 0;
-}
-@media (hover: hover) {
-  #panneau-informations-client .panneau__pied-de-page button:not([disabled]):hover {
-    font-weight: 600;
-    color: var(--couleur-blanc);
-    background: var(--couleur-gris-fonce-fond);
-  }
-}
-@media (width <= 500px) {
-  #panneau-informations-client .panneau__formulaires {
-    padding: var(--espace-xl) 0;
-  }
-}
-
-/*
- * 1. Applique une marge supérieure égale à la hauteur de l'en-tête pour qu'elle puisse s'afficher
- *    correctement.
- */
-#page-panier {
-  /* Dimensions */
-  --menu-section-hauteur: var(--menu-categories-produits-hauteur);
-  /* Marges */
-  --menu-section-marges-bloc-debut: var(--en-tete-hauteur); /* 1 */
-  position: relative;
-  display: flex;
-  flex-flow: row wrap;
-  min-height: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));
-  margin-top: var(--menu-section-marges-bloc-debut);
-}
-#page-panier .panneau {
-  flex: 1 1 30rem;
-  border-top: 1px solid var(--couleur-noir);
-  border-bottom: 1px solid var(--couleur-noir);
-}
-#page-panier .panneau__en-tete {
-  position: sticky;
-  z-index: 2;
-  top: var(--menu-section-marges-bloc-debut);
-  display: block;
-  align-content: center;
-  min-height: var(--menu-categories-produits-hauteur);
-  max-height: var(--menu-categories-produits-hauteur);
-  color: var(--couleur-gris);
-  text-align: center;
-  background: var(--couleur-noir);
-}
-#page-panier .panneau__en-tete h2 {
-  font-weight: 450;
-  font-style: italic;
-  color: var(--couleur-gris);
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  background: var(--couleur-noir);
-}
-#page-panier .panier-vide {
-  display: none;
-  flex-basis: 100%;
-  align-content: center;
-  min-height: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));
-  text-align: center;
-}
-#page-panier .panier-vide p {
-  font-size: 1.25rem;
-}
-#page-panier .panier-vide a {
-  display: inline-block;
-  margin-top: var(--espace-m);
-  font-size: initial;
-}
-#page-panier[data-contient-articles=false] .panneau {
-  display: none;
-}
-#page-panier[data-contient-articles=false] .panier-vide {
-  display: block;
-}
-
-/*# sourceMappingURL=page-panier.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/layouts/_panneau-panier.scss","../../../src/sass/layouts/_panneau-informations-client.scss","../../../src/sass/pages/page-panier.scss"],"names":[],"mappings":";AAEA;EACE;;AAEA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAbJ;AAgBE;AAAA;AAAA;AAAA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AA9BN;AAkCE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAxCJ;AA2CE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAOR;EACE;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKA;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAGE;IACE;;EAKN;IACE;;;;ACpRN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIF;EAEE;EACA;EACA;EAGA;EAEA;EACA;;AAEA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAMN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAMR;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;AAGE;EACE;IACE;IACA;IACA;;;AAOV;EACE;IACE;;;;AClLN;AAAA;AAAA;AAAA;AAIA;AACE;EACA;AAEA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAGF;EACE","file":"page-panier.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-succes-commande.css

@@ -1,108 +0,0 @@
-#page-succes-commande {
-  --page-hauteur-minimale: calc(
-    100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px
-  );
-  --page-marges-bloc-debut: var(--en-tete-hauteur);
-  display: flex;
-  flex-flow: column nowrap;
-  margin-top: var(--page-marges-bloc-debut);
-  margin-bottom: var(--espace-xl);
-  border-bottom: 1px solid var(--couleur-noir);
-}
-#page-succes-commande .contenu {
-  display: flex;
-  flex-flow: column nowrap;
-  place-items: center;
-  width: min(50rem, 100%);
-  min-height: var(--page-hauteur-minimale);
-  margin: auto;
-  border: 1px solid var(--couleur-noir);
-  border-bottom: initial;
-  font-weight: 500;
-  font-style: italic;
-}
-#page-succes-commande .contenu__en-tete {
-  width: 100%;
-  padding: var(--espace-m) var(--espace-xl);
-  color: var(--couleur-blanc);
-  background: var(--couleur-noir);
-}
-#page-succes-commande .contenu__en-tete h2 {
-  width: fit-content;
-  margin: auto;
-  text-transform: uppercase;
-  letter-spacing: var(--espacement-inter-lettres-etendu-l);
-}
-#page-succes-commande .contenu__textuel {
-  display: flex;
-  flex: 1;
-  flex-flow: column nowrap;
-  place-content: center;
-  max-width: 34rem;
-  height: 100%;
-  padding: var(--espace-xl);
-  font-style: normal;
-}
-#page-succes-commande .contenu__textuel p + p {
-  margin-top: var(--espace-m);
-}
-#page-succes-commande .contenu__rappel-commande {
-  display: flex;
-  flex-flow: column nowrap;
-  border-top: 1px solid var(--couleur-noir);
-}
-#page-succes-commande .contenu__rappel-commande__produit {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: 1fr;
-  border-bottom: 1px solid var(--couleur-noir);
-}
-#page-succes-commande .contenu__rappel-commande__produit:only-child, #page-succes-commande .contenu__rappel-commande__produit:last-of-type {
-  border-bottom: initial;
-}
-#page-succes-commande .contenu__rappel-commande__produit__illustratif {
-  border-right: 1px solid var(--couleur-noir);
-}
-#page-succes-commande .contenu__rappel-commande__produit__illustratif picture {
-  overflow: hidden;
-}
-#page-succes-commande .contenu__rappel-commande__produit__illustratif img {
-  aspect-ratio: 1;
-  height: auto;
-}
-#page-succes-commande .contenu__rappel-commande .detail-produit {
-  display: flex;
-  flex-flow: column nowrap;
-  place-content: center;
-  width: 100%;
-  padding: 0 var(--espace-xl);
-  font-style: italic;
-}
-#page-succes-commande .contenu__rappel-commande .detail-produit__nom-prix {
-  display: flex;
-  flex-flow: row nowrap;
-  column-gap: var(--espace-xl);
-  justify-content: space-between;
-  margin-bottom: var(--espace-xs);
-  font-size: var(--espace-l);
-  line-height: var(--hauteur-ligne-moitie);
-}
-#page-succes-commande .contenu__rappel-commande .detail-produit__nom-prix span {
-  min-width: 4rem;
-  font-weight: 600;
-  font-style: initial;
-  text-align: right;
-}
-#page-succes-commande .contenu__rappel-commande .detail-produit__description {
-  margin-bottom: var(--espace-l);
-  line-height: var(--hauteur-ligne-moitie);
-  text-transform: lowercase;
-}
-@media (width <= 50rem) {
-  #page-succes-commande .contenu {
-    border-right: initial;
-    border-left: initial;
-  }
-}
-
-/*# sourceMappingURL=page-succes-commande.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-succes-commande.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-succes-commande.scss"],"names":[],"mappings":"AAEA;EAEE;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAMR;EACE;IACE;IACA","file":"page-succes-commande.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-succes-commande.min.css

@@ -1 +0,0 @@
-#page-succes-commande{--page-hauteur-minimale:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px);--page-marges-bloc-debut:var(--en-tete-hauteur);margin-top:var(--page-marges-bloc-debut);margin-bottom:var(--espace-xl);border-bottom:1px solid var(--couleur-noir);flex-flow:column;display:flex}#page-succes-commande .contenu{width:min(50rem,100%);min-height:var(--page-hauteur-minimale);border:1px solid var(--couleur-noir);border-bottom:initial;flex-flow:column;place-items:center;margin:auto;font-style:italic;font-weight:500;display:flex}#page-succes-commande .contenu__en-tete{width:100%;padding:var(--espace-m) var(--espace-xl);color:var(--couleur-blanc);background:var(--couleur-noir)}#page-succes-commande .contenu__en-tete h2{text-transform:uppercase;width:fit-content;letter-spacing:var(--espacement-inter-lettres-etendu-l);margin:auto}#page-succes-commande .contenu__textuel{max-width:34rem;height:100%;padding:var(--espace-xl);flex-flow:column;flex:1;place-content:center;font-style:normal;display:flex}#page-succes-commande .contenu__textuel p+p{margin-top:var(--espace-m)}#page-succes-commande .contenu__rappel-commande{border-top:1px solid var(--couleur-noir);flex-flow:column;display:flex}#page-succes-commande .contenu__rappel-commande__produit{border-bottom:1px solid var(--couleur-noir);grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid}#page-succes-commande .contenu__rappel-commande__produit:only-child,#page-succes-commande .contenu__rappel-commande__produit:last-of-type{border-bottom:initial}#page-succes-commande .contenu__rappel-commande__produit__illustratif{border-right:1px solid var(--couleur-noir)}#page-succes-commande .contenu__rappel-commande__produit__illustratif picture{overflow:hidden}#page-succes-commande .contenu__rappel-commande__produit__illustratif img{aspect-ratio:1;height:auto}#page-succes-commande .contenu__rappel-commande .detail-produit{width:100%;padding:0 var(--espace-xl);flex-flow:column;place-content:center;font-style:italic;display:flex}#page-succes-commande .contenu__rappel-commande .detail-produit__nom-prix{column-gap:var(--espace-xl);margin-bottom:var(--espace-xs);font-size:var(--espace-l);line-height:var(--hauteur-ligne-moitie);flex-flow:row;justify-content:space-between;display:flex}#page-succes-commande .contenu__rappel-commande .detail-produit__nom-prix span{min-width:4rem;font-weight:600;font-style:initial;text-align:right}#page-succes-commande .contenu__rappel-commande .detail-produit__description{margin-bottom:var(--espace-l);line-height:var(--hauteur-ligne-moitie);text-transform:lowercase}@media (width<=50rem){#page-succes-commande .contenu{border-right:initial;border-left:initial}}

web/app/themes/haiku-atelier-2024/single-product.php

@@ -17,6 +17,7 @@ use Psl\Option\Option;
 use stdClass;
 use Timber\Timber;
 use WC_Product;
+use WP_Term;
 
 use function add_action;
 use function assert;
@@ -40,6 +41,11 @@ if ($raw_product === null || $raw_product === false) {
 // Assemble les données d'intérêt pour la page au sein d'une Classe.
 $product = Product::from_wc_product($raw_product);
 
+// echo("<pre>");
+// print_r($raw_product->get_data());
+// echo("</pre>");
+// exit;
+
 /** @var int $maximum_price Le prix de la Variation la plus chère */
 $maximum_price = collect($product->variations)->max('price');
 
@@ -64,8 +70,8 @@ $product_tags                        = $raw_product->get_tag_ids()
     id      : $id,
     taxonomy: 'product_tag',
   )))
-  |> (static fn(/** @var list<Option<WC_Term>> */ $tags) => Arr::reject($tags, static fn($tag) => $tag->isNone()))
+  |> (static fn(/** @var list<Option<WP_Term>> */ $tags) => Arr::reject($tags, static fn($tag) => $tag->isNone()))
-  |> (static fn(/** @var list<Option<WC_Term>> */ $tags) => Arr::map($tags, static fn($tag) => $tag->unwrap()));
+  |> (static fn(/** @var list<Option<WP_Term>> */ $tags) => Arr::map($tags, static fn($tag) => $tag->unwrap()));
 $tags = get_terms(['taxonomy' => 'product_tag', 'hide_empty' => true]);
 
 // Injecte les états initiaux des données du Produit sous forme de JSON dans le contexte.

web/app/themes/haiku-atelier-2024/src/scripts/page-produit/runtime.ts

@@ -9,7 +9,7 @@ const ProductPageRuntime = ManagedRuntime.make(
   pipe(
     ProductPageDOM.Live,
     Layer.provideMerge(ProductPageMessages.Live),
-    Layer.provide(ProductPageElements.Live),
+    Layer.provideMerge(ProductPageElements.Live),
     Layer.provide(APIClient.Live),
     Layer.tapError(error => Console.error("ProductPageRuntime", "Impossible de créer le Layer :", error)),
   ),

web/app/themes/haiku-atelier-2024/src/scripts/page-produit/service-elements.ts

@@ -5,13 +5,7 @@ import { Array as FxArray, Context, Effect, HashMap, Layer, Option, pipe } from
 import type { DetailEnsemble } from "./types.d.ts";
 
 import { getAllSelectorFromDocument, getFirstSelectorFromDocument } from "../../scripts-effect/lib/dom.ts";
-import {
+import { ATTRIBUT_ARIA_CONTROLS, DOM_BOUTON_AJOUT_PANIER, DOM_BOUTONS_ACCORDEON, DOM_CONTENUS_ACCORDEON, DOM_PRIX_PRODUIT } from "../constantes/dom.ts";
-  ATTRIBUT_ARIA_CONTROLS,
-  DOM_BOUTON_AJOUT_PANIER,
-  DOM_BOUTONS_ACCORDEON,
-  DOM_CONTENUS_ACCORDEON,
-  DOM_PRIX_PRODUIT,
-} from "../constantes/dom.ts";
 import { IncoherentDOMError } from "./errors.ts";
 
 class ProductPageElements
@@ -25,6 +19,8 @@ class ProductPageElements
 
       const PageStatesRawJson = yield* getFirstSelectorFromDocument<HTMLScriptElement>("#page-states");
 
+      const ContextRawJson = yield* getFirstSelectorFromDocument<HTMLScriptElement>("#product-json");
+
       const ProductPrice = yield* getFirstSelectorFromDocument<HTMLParagraphElement>(DOM_PRIX_PRODUIT);
 
       const VariationChoiceForm = yield* getFirstSelectorFromDocument<HTMLFormElement>("#variation-choice");
@@ -51,6 +47,7 @@ class ProductPageElements
 
       return {
         AddToCartButton,
+        ContextRawJson,
         Details,
         DetailsButtons,
         DetailsContents,

web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-produit.ts

@@ -1,6 +1,6 @@
 // Scripts pour la Page Produit
 
-import { Cause, Console, Effect } from "effect";
+import { Cause, Console, Effect, pipe } from "effect";
 import ProductPageRuntime from "./page-produit/runtime.ts";
 import ProductPageDOM from "./page-produit/service-dom.ts";
 import ProductPageMessages from "./page-produit/service-messages.ts";
@@ -10,26 +10,22 @@ document.addEventListener("DOMContentLoaded", (): void => {
     const DOM = yield* ProductPageDOM;
     const Messages = yield* ProductPageMessages;
 
-    const effects = Effect.all(
+    // yield* Effect.forkChild(Effect.gen(function*() {
-      [
+    //   yield* Effect.log(JSON.parse(Elements.ContextRawJson.textContent));
+    // }));
+
+    yield* pipe(
+      Effect.all([
         DOM.initAddToCartButtonInitialState(),
         DOM.initAddToCartButtonUpdates(),
         DOM.initAddToCartButtonClicks(),
         DOM.initDetailInteractions(),
         DOM.initPriceUpdatesOnVariationChange(),
         Messages.initAddToCartButtonUpdates(),
-      ],
+      ], { concurrency: "unbounded" }),
-      {
+      Effect.tapCause(cause => Console.error(Cause.pretty(cause))),
-        concurrency: "unbounded",
-      },
     );
-
-    yield* effects.pipe(Effect.tapCause(cause => Console.error(Cause.pretty(cause))));
   }).pipe(ProductPageRuntime.runFork);
-
-  document.querySelector("#cart-error button").addEventListener("click", (): void => {
-    document.querySelector("#cart-error").close();
-  });
 });
 
 // const ajouteProduitAuPanier = (event: MouseEvent): void => {