wip + convertis images

composer.json

@@ -37,46 +37,46 @@
   ],
   "require": {
     "php": ">=8.5",
-    "azjezz/psl": "^4.2",
+    "php-standard-library/php-standard-library": "^4.3",
     "composer/installers": "^2.3",
     "crell/fp": "^1.0",
-    "htmlburger/carbon-fields": "^3.6",
-    "illuminate/support": "^12.43",
-    "laravel/helpers": "^1.7.1",
+    "htmlburger/carbon-fields": "^3.6.9",
+    "illuminate/support": "^12.56",
+    "laravel/helpers": "^1.8.3",
     "log1x/wp-smtp": "^1.0.2",
-    "lstrojny/functional-php": "^1.17",
+    "lstrojny/functional-php": "^1.18",
     "mnsami/composer-custom-directory-installer": "^2.0",
-    "nesbot/carbon": "^3.8.2",
+    "nesbot/carbon": "^3.11.3",
     "oscarotero/env": "^2.1.1",
-    "roots/bedrock-autoloader": "^1.0.4",
-    "roots/bedrock-disallow-indexing": "^2.0",
-    "roots/wordpress": "^6.8.1",
+    "roots/bedrock-autoloader": "^1.1.0",
+    "roots/bedrock-disallow-indexing": "^2.1",
+    "roots/wordpress": "^6.9.4",
     "roots/wp-config": "^1.0",
-    "stripe/stripe-php": "^19",
-    "symfony/uid": "^8",
-    "timber/timber": "^2.3",
-    "vlucas/phpdotenv": "^5.6.1",
-    "wpackagist-plugin/falcon": "^2.8.4",
-    "wpackagist-plugin/force-regenerate-thumbnails": "^2.2.1",
-    "wpackagist-plugin/query-monitor": "^3.17.0",
-    "wpackagist-plugin/redis-cache": "^2.5.4",
-    "wpackagist-plugin/wc-multishipping": "^3.0",
-    "wpackagist-plugin/woo-preview-emails": "^2.2.13",
-    "wpackagist-plugin/woocommerce": "^10",
-    "wpackagist-plugin/wp-mail-logging": "^1.13.1",
-    "wpackagist-plugin/wp-mail-smtp": "^4.2",
-    "wpackagist-plugin/wp-openapi": "^1.0.16",
-    "wpackagist-theme/twentytwentyfour": "^1.3"
+    "stripe/stripe-php": "^19.4.1",
+    "symfony/uid": "^8.0.4",
+    "timber/timber": "^2.3.3",
+    "vlucas/phpdotenv": "^5.6.3",
+    "wpackagist-plugin/falcon": "^2.9.3",
+    "wpackagist-plugin/force-regenerate-thumbnails": "^2.3.0",
+    "wpackagist-plugin/query-monitor": "^3.20.4",
+    "wpackagist-plugin/redis-cache": "^2.7.0",
+    "wpackagist-plugin/wc-multishipping": "^3.0.2",
+    "wpackagist-plugin/woo-preview-emails": "^2.2.14",
+    "wpackagist-plugin/woocommerce": "^10.6.1",
+    "wpackagist-plugin/wp-mail-logging": "^1.16.0",
+    "wpackagist-plugin/wp-mail-smtp": "^4.7.1",
+    "wpackagist-plugin/wp-openapi": "^1.0.27",
+    "wpackagist-theme/twentytwentyfour": "^1.4"
   },
   "require-dev": {
-    "friendsofphp/php-cs-fixer": "^3.89",
-    "php-standard-library/phpstan-extension": "^2.0",
+    "friendsofphp/php-cs-fixer": "^3.94.2",
+    "php-standard-library/phpstan-extension": "^2.1",
     "phpstan/extension-installer": "^1.4.3",
-    "phpstan/phpstan": "^2.0.3",
-    "rector/rector": "^2.2",
+    "phpstan/phpstan": "^2.1.45",
+    "rector/rector": "^2.3.9",
     "roave/security-advisories": "dev-latest",
     "szepeviktor/phpstan-wordpress": "2.x-dev",
-    "vincentlanglet/twig-cs-fixer": "^3.10"
+    "vincentlanglet/twig-cs-fixer": "^3.14"
   },
   "support": {
     "forum": "https://discourse.roots.io/category/bedrock",

package.json

@@ -11,13 +11,13 @@
     "knip": "knip"
   },
   "dependencies": {
-    "@effect/language-service": "^0.75.1",
+    "@effect/language-service": "^0.84.2",
     "@logtape/logtape": "^1.3.7",
     "@mobily/ts-belt": "v4.0.0-rc.5",
-    "@sentry/browser": "^10.40.0",
+    "@sentry/browser": "^10.46.0",
     "a11y-dialog": "^8.1.5",
     "chalk": "^5.6.2",
-    "effect": "^3.19.19",
+    "effect": "^4.0.0-beta.43",
     "lit-html": "^3.3.2",
     "loglevel": "^1.9.2",
     "loglevel-plugin-prefix": "^0.8.4",
@@ -27,45 +27,45 @@
     "valibot": "1.1.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.4",
+    "@biomejs/biome": "^2.4.10",
     "@cspell/dict-fr-fr": "^2.3.2",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.58.2",
     "@prettier/plugin-xml": "^3.4.2",
-    "@sentry/core": "^10.40.0",
-    "@swc/cli": "0.7.8",
+    "@sentry/core": "^10.46.0",
+    "@swc/cli": "0.8.0",
     "@types/eslint__js": "^9.14.0",
-    "@types/node": "^25.3.1",
-    "@vitejs/plugin-legacy": "^7.2.1",
+    "@types/node": "^25.5.0",
+    "@vitejs/plugin-legacy": "^8.0.1",
     "better-typescript-lib": "^2.12.0",
     "browserslist": "^4.28.1",
-    "caniuse-lite": "^1.0.30001774",
-    "eslint": "^10.0.2",
-    "eslint-plugin-oxlint": "^1.50.0",
-    "eslint-plugin-perfectionist": "^5.6.0",
+    "caniuse-lite": "^1.0.30001782",
+    "eslint": "^10.1.0",
+    "eslint-plugin-oxlint": "^1.57.0",
+    "eslint-plugin-perfectionist": "^5.7.0",
     "fdir": "^6.5.0",
-    "globals": "^17.3.0",
-    "knip": "^5.85.0",
-    "lightningcss-cli": "^1.31.1",
-    "oxlint": "^1.50.0",
-    "picomatch": "^4.0.3",
+    "globals": "^17.4.0",
+    "knip": "^6.1.0",
+    "lightningcss-cli": "^1.32.0",
+    "oxlint": "^1.57.0",
+    "picomatch": "^4.0.4",
     "playwright": "^1.58.2",
-    "prettier": "^4.0.0-alpha.13",
-    "prettier-plugin-pkg": "^0.21.2",
+    "prettier": "^3.8.1",
+    "prettier-plugin-pkg": "^0.22.1",
     "prettier-plugin-sh": "^0.18.0",
-    "sass-embedded": "^1.97.3",
-    "stylelint": "^17.4.0",
+    "sass-embedded": "^1.98.0",
+    "stylelint": "^17.6.0",
     "stylelint-config-clean-order": "^8.0.1",
     "stylelint-config-sass-guidelines": "^13.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
     "stylelint-declaration-block-no-ignored-properties": "^3.0.0",
-    "stylelint-plugin-logical-css": "^2.0.2",
-    "typescript": "5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vite": "^8.0.0-beta.0",
-    "vite-plugin-valibot-env": "^1.0.1",
+    "stylelint-plugin-logical-css": "^2.1.0",
+    "typescript": "6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.3",
+    "vite-plugin-valibot-env": "^1.0.2",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.0.18",
+    "vitest": "^4.1.2",
     "wp-types": "^4.69.0"
   },
   "browserslist": [

scripts/SUBSET.fish

@@ -8,7 +8,6 @@ pyftsubset \
     --unicodes="U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD" \
     --with-zopfli
 
-
 pyftsubset \
     lato-variable-italic.ttf \
     --desubroutinize \

scripts/convertis-images.fish

@@ -0,0 +1,68 @@
+#!/usr/bin/fish
+
+for jpg in **/*.{jpg,jpeg}
+    echo $jpg
+
+    set -f avif (path change-extension 'avif' "$jpg")
+    set -f jxl (path change-extension 'jxl' "$jpg")
+    set -f png (path change-extension 'png' "$jpg")
+
+    set -f dimensions (magick identify -format "%w-%h" $jpg)
+    set -f dimensions (string split "-" $dimensions)
+
+    if test $dimensions[1] -eq 1920 || test $dimensions[2] -eq 1920
+        set -f a_bonnes_dimensions true
+    else
+        set -f a_bonnes_dimensions false
+    end
+
+    if test -e $avif && test -e $jxl
+        echo -e "\tAll there."
+        continue
+    end
+
+    magick "$jpg" -resize 1920x1920\> "$png" >/dev/null
+
+    if ! test -e $jxl
+        if test $a_bonnes_dimensions = false
+            cjxl \
+                --allow_jpeg_reconstruction=1 \
+                --brotli_effort=11 \
+                --container=1 \
+                --effort=9 \
+                --lossless_jpeg=1 \
+                --num_threads=-1 \
+                --progressive \
+                $png $jxl &>/dev/null
+
+            djxl \
+                --num_threads=-1 \
+                $jxl $jpg &>/dev/null
+        end
+
+        cjxl \
+            --allow_jpeg_reconstruction=0 \
+            --brotli_effort=11 \
+            --container=1 \
+            --effort=10 \
+            --quality=70 \
+            --lossless_jpeg=0 \
+            --num_threads=-1 \
+            --progressive \
+            $png $jxl &>/dev/null
+        echo -e "\t$jxl"
+
+        set -f avif (path change-extension 'avif' "$jpg")
+        if ! test -e $avif
+            avifenc \
+                -q 70 \
+                -s 0 \
+                -c aom \
+                -y 420 \
+                "$png" "$avif" &>/dev/null
+            echo -e "\t$avif"
+        end
+
+        rm $png
+    end
+end

web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/dom.ts

@@ -0,0 +1,42 @@
+import { Option, pipe } from "effect";
+import { Array as EffectArray } from "effect";
+import { NonEmptyReadonlyArray } from "effect/Array";
+import { getOptionOrThrowWithError } from "./utils";
+
+/** Type union des parents possibles pour un `querySelector`. */
+export type ParentElement = Document | Element;
+
+export const getFirstSelectorFromParent =
+  (parent: ParentElement) => <E extends Element = Element>(selector: string): Option.Option<NonNullable<E>> =>
+    Option.fromNullishOr(parent.querySelector<E>(selector));
+
+export const getFirstSelectorFromDocument = <E extends Element = Element>(
+  selector: string,
+): Option.Option<NonNullable<E>> => getFirstSelectorFromParent(document)<E>(selector);
+
+export const getFirstSelectorFromDocumentOrThrow = <E extends Element = Element>(selector: string): NonNullable<E> =>
+  pipe(
+    getFirstSelectorFromDocument<E>(selector),
+    getOptionOrThrowWithError(`Il n'y a pas d'Élément dans le Document avec le sélecteur suivant : ${selector}.`),
+  );
+
+export const getAllSelectorFromParent =
+  (parent: ParentElement) => <E extends Element = Element>(selector: string): Option.Option<NonEmptyReadonlyArray<E>> =>
+    pipe(
+      parent.querySelectorAll<E>(selector),
+      // Convertis NodeListOf en Array.
+      Array.from<E>,
+      (xs: Array<E>) => Option.liftPredicate(EffectArray.isReadonlyArrayNonEmpty)(xs),
+    );
+
+export const getAllSelectorFromDocument = <E extends Element = Element>(
+  selector: string,
+): Option.Option<NonEmptyReadonlyArray<E>> => getAllSelectorFromParent(document)<E>(selector);
+
+export const getAllSelectorFromDocumentOrThrow = <E extends Element = Element>(
+  selector: string,
+): NonEmptyReadonlyArray<E> =>
+  pipe(
+    getAllSelectorFromDocument<E>(selector),
+    getOptionOrThrowWithError(`Il n'y a pas d'Éléments dans le Document avec le sélecteur suivant : ${selector}.`),
+  );

web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/utils.ts

@@ -0,0 +1,7 @@
+import { pipe, Option } from "effect";
+
+export const getOptionOrThrowWithError = (message: string) => <T>(option: Option.Option<T>): T =>
+  pipe(
+    option,
+    Option.getOrThrowWith(() => new Error(message)),
+  );

web/app/themes/haiku-atelier-2024/src/scripts/constantes/dom.ts

@@ -26,7 +26,7 @@ export const ATTRIBUT_TABINDEX = "tabindex";
 // En-tête
 export const DOM_BOUTON_MENU_MOBILE = "#bouton-menu-mobile";
 export const DOM_BOUTON_PANIER = ".compte-panier a[rel='cart']";
-export const DOM_ENTREE_MENU_CATEGORIES_PRODUITS = "#menu-categories-produits ul li a";
+export const DOM_ENTREES_MENU_CATEGORIES_PRODUITS = "#menu-categories-produits ul li a";
 export const DOM_MENU_CATEGORIES_PRODUITS = "#menu-categories-produits";
 export const DOM_MENU_MOBILE = "#menu-mobile";
 

web/app/themes/haiku-atelier-2024/src/scripts/lib/reseau.ts

@@ -1,25 +1,10 @@
-import { pipe } from "@mobily/ts-belt";
 import { EitherAsync } from "purify-ts";
-import { match, P } from "ts-pattern";
-import { type GenericSchema, parse } from "valibot";
+import { match } from "ts-pattern";
 
 import type { HttpCodeErrors, SimplifiedResponse } from "./types/reseau";
 
 import { ENTETE_WC_NONCE } from "../constantes/api.ts";
-import {
-  BadRequestError,
-  ErreurInconnue,
-  ForbiddenError,
-  leveBadRequestError,
-  leveErreur,
-  leveNotFoundError,
-  leveUnauthorizedError,
-  NotFoundError,
-  ServerError,
-  UnauthorizedError,
-  type UnknownError,
-} from "./erreurs.ts";
-import { estWCError } from "./schemas/api/erreurs.ts";
+import { BadRequestError, ForbiddenError, NotFoundError, ServerError, UnauthorizedError } from "./erreurs.ts";
 
 // Types
 
@@ -149,22 +134,6 @@ export const prefilledPostBackend =
 export const safeFetch = (f: Promise<Response>): EitherAsync<DOMException | TypeError, Response> =>
   EitherAsync<DOMException | TypeError, Response>(async () => await f);
 
-// TODO: Ne traite pas du tout les Erreurs
-// TODO: Utiliser un Either
-export const traiteReponseBackendWCSelonCodesHTTP = <R, S extends GenericSchema<R>>(
-  corpsReponse: unknown,
-  schemaReponse: S,
-): R =>
-  match(corpsReponse)
-    // Réponses problématiques
-    .with({ body: P.select(), status: 400 }, estWCError, leveBadRequestError)
-    .with({ body: P.select(), status: 401 }, estWCError, leveUnauthorizedError)
-    .with({ body: P.select(), status: 404 }, estWCError, leveNotFoundError)
-    // Réponse OK (201)
-    .with(P._, corpsOkInconnu => parse<S>(schemaReponse, corpsOkInconnu))
-    // Réponses inconnues
-    .otherwise(e => pipe(e, ErreurInconnue, leveErreur<UnknownError>));
-
 // Réponses Simplifiées
 export const newPartialResponse = async (reponse: Response): Promise<SimplifiedResponse> => {
   return {

web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts

@@ -1,35 +1,39 @@
 /** Scripts pour le Menu des Catégories de Produits */
 
-import { A } from "@mobily/ts-belt";
-import { match } from "ts-pattern";
+import { Array as EffectArray, Match, Predicate } from "effect";
 
-import { DOM_ENTREE_MENU_CATEGORIES_PRODUITS, DOM_MENU_CATEGORIES_PRODUITS } from "./constantes/dom.ts";
-import { mustGetEleInDocument, mustGetElesInDocument } from "./lib/dom.ts";
+import { DOM_ENTREES_MENU_CATEGORIES_PRODUITS, DOM_MENU_CATEGORIES_PRODUITS } from "./constantes/dom.ts";
+import { getAllSelectorFromDocumentOrThrow, getFirstSelectorFromDocumentOrThrow } from "../scripts-effect/lib/dom.ts";
 
+// Initialise les attributs HTML pour l'affichage initiale des flèches de défilement du menu de catégories de Produits.
 document.addEventListener("DOMContentLoaded", (): void => {
-  const MENU_CATEGORIES_PRODUITS: HTMLElement = mustGetEleInDocument(DOM_MENU_CATEGORIES_PRODUITS);
-  const ENTREES_MENU_CATEGORIES_PRODUITS: Array<HTMLAnchorElement> = mustGetElesInDocument(
-    DOM_ENTREE_MENU_CATEGORIES_PRODUITS,
+  const productsCategoriesMenu: HTMLElement = getFirstSelectorFromDocumentOrThrow<HTMLElement>(
+    DOM_MENU_CATEGORIES_PRODUITS,
+  );
+  const menuEntries: ReadonlyArray<HTMLAnchorElement> = getAllSelectorFromDocumentOrThrow(
+    DOM_ENTREES_MENU_CATEGORIES_PRODUITS,
   );
 
-  A.forEachWithIndex(
-    [ENTREES_MENU_CATEGORIES_PRODUITS.at(0), ENTREES_MENU_CATEGORIES_PRODUITS.at(-1)],
-    (index, entreeMenu): void => {
-      if (!entreeMenu) return;
+  const firstAndLastEntries: Array<(HTMLAnchorElement | undefined)> = [menuEntries.at(0), menuEntries.at(-1)];
+
+  // Créé un nouvel Observer pour la première et dernière entrée.
+  EffectArray.forEach(firstAndLastEntries, (menuEntry, _index) => {
+    if (Predicate.isUndefined(menuEntry)) return;
 
     new IntersectionObserver(
-        A.forEach(entree => {
+      EffectArray.forEach(intersectionEntry => {
         // Ne déclenche rien si le scroll n'est pas horizontal
-          if (entree.boundingClientRect.top <= 0) return;
-          match([entree.isIntersecting, index])
-            .with([true, 0], () => MENU_CATEGORIES_PRODUITS.removeAttribute("data-entrees-presentes-debut"))
-            .with([true, 1], () => MENU_CATEGORIES_PRODUITS.removeAttribute("data-entrees-presentes-fin"))
-            .with([false, 0], () => MENU_CATEGORIES_PRODUITS.setAttribute("data-entrees-presentes-debut", ""))
-            .with([false, 1], () => MENU_CATEGORIES_PRODUITS.setAttribute("data-entrees-presentes-fin", ""))
-            .run();
+        if (intersectionEntry.boundingClientRect.top <= 0) return;
+
+        Match.value([intersectionEntry.isIntersecting]).pipe(
+          Match.when([true, 0], () => productsCategoriesMenu.removeAttribute("data-entrees-presentes-debut")),
+          Match.when([true, 1], () => productsCategoriesMenu.removeAttribute("data-entrees-presentes-fin")),
+          Match.when([false, 0], () => productsCategoriesMenu.setAttribute("data-entrees-presentes-debut", "")),
+          Match.when([false, 1], () => productsCategoriesMenu.setAttribute("data-entrees-presentes-fin", "")),
+          Match.orElse(() => {}),
+        );
       }),
       { root: null, threshold: 0.9 },
-      ).observe(entreeMenu);
-    },
-  );
+    ).observe(menuEntry);
+  });
 });