fixed vite deprecated warnings

config/sync/core.entity_view_display.node.evenement.calendrier.yml

@@ -15,9 +15,11 @@ dependencies:
     - field.field.node.evenement.field_portage
     - field.field.node.evenement.field_projet_s_lie_s
     - field.field.node.evenement.field_type_d_evenement
+    - image.style.large
     - node.type.evenement
   module:
     - datetime_range
+    - image_delta_formatter
     - layout_builder
     - text
     - user
@@ -49,6 +51,20 @@ content:
     third_party_settings: {  }
     weight: 0
     region: content
+  field_images:
+    type: image_delta_formatter
+    label: hidden
+    settings:
+      deltas:
+        - 0
+      deltas_reversed: false
+      image_link: content
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 5
+    region: content
   field_infos_pratiques:
     type: text_default
     label: hidden
@@ -74,7 +90,6 @@ content:
     region: content
 hidden:
   body: true
-  field_images: true
   field_invite_accompagne_curate_p: true
   field_partenaire_s: true
   field_portage: true

config/sync/core.entity_view_display.node.projet.tableau_liste.yml

@@ -15,7 +15,7 @@ dependencies:
     - field.field.node.projet.field_portage
     - field.field.node.projet.field_projet_s_lie_s
     - field.field.node.projet.field_type_de_projet
-    - image.style.960x960
+    - image.style.large
     - node.type.projet
   module:
     - datetime_range
@@ -67,7 +67,7 @@ content:
         - 0
       deltas_reversed: false
       image_link: content
-      image_style: 960x960
+      image_style: large
       image_loading:
         attribute: lazy
     third_party_settings: {  }

web/themes/custom/leshed/assets/fonts/epilogue/stylesheet.css

@@ -1,20 +0,0 @@
-
-
-@font-face {
-    font-family: 'Epilogue';
-    src: url('Epilogue-Italic-VariableFont_wght.ttf') format('truetype');
-    src: url('Epilogue-Italic-VariableFont_wght.ttf') format('truetype') tech(variations);
-    font-weight: 100 900;
-    font-style: italic;
-    font-display: block;
-}
-
-@font-face {
-    font-family: 'Epilogue';
-    src: url('Epilogue-VariableFont_wght.ttf') format('truetype');
-    src: url('Epilogue-VariableFont_wght.ttf') format('truetype') tech(variations);
-    font-weight: 100 900;
-    font-style: normal;
-    font-display: block;
-}
-

web/themes/custom/leshed/assets/fonts/epilogue/stylesheet.scss

@@ -0,0 +1,22 @@
+// Chemin vers ce dossier, relatif au fichier d'entrée Sass du projet
+// consommateur (Vite résout les url() d'un partial par rapport à l'entrée,
+// pas par rapport à ce fichier) : à fixer via `@use ... with ($font-path: ...)`.
+$font-path: '.' !default;
+
+@font-face {
+    font-family: 'Epilogue';
+    src: url('#{$font-path}/Epilogue-Italic-VariableFont_wght.ttf') format('truetype');
+    src: url('#{$font-path}/Epilogue-Italic-VariableFont_wght.ttf') format('truetype') tech(variations);
+    font-weight: 100 900;
+    font-style: italic;
+    font-display: block;
+}
+
+@font-face {
+    font-family: 'Epilogue';
+    src: url('#{$font-path}/Epilogue-VariableFont_wght.ttf') format('truetype');
+    src: url('#{$font-path}/Epilogue-VariableFont_wght.ttf') format('truetype') tech(variations);
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: block;
+}

web/themes/custom/leshed/assets/scss/main.scss

@@ -1,7 +1,7 @@
-@import "partials/variables";
+@use "partials/variables" as *;
-@import "partials/colors";
+@use "partials/colors" as *;
-@import "partials/fonts";
+@use "partials/fonts" as *;
-@import "partials/mixins";
+@use "partials/mixins" as *;
 
 a, a:visited{
   text-decoration: none;
@@ -683,9 +683,10 @@ div.views-archives-evenements {
   }
 
   article.node-type-evenement.view-mode-calendrier{
+    // @include evenementListe();
     display: flex;
     flex-direction: row;
-    // @include evenementListe();
+    gap: 1em;
     header{
       flex:0 1 auto;
       // width: 5em;
@@ -698,13 +699,31 @@ div.views-archives-evenements {
       }
     }
 
-    div.content{
+    section.content{
       flex:0 1 auto;
       h2.node-title{
         font-size: 3em;
       }
     }
 
+    section.last-cel{
+      flex:0 1 auto;
+      .field_images{
+        a{
+          display: block;
+          width: 12em;
+          height: 12em;
+          overflow: hidden;
+          img{
+            width: 100%;
+            height: 100%;
+            object-fit:contain;
+            object-position: top left;
+          }
+        }
+      }
+    }
+
   }
 }
 

web/themes/custom/leshed/assets/scss/partials/fonts.scss

@@ -1,5 +1,4 @@
-@import "/assets/fonts/epilogue/stylesheet.css";
+@use "../../fonts/epilogue/stylesheet" with ($font-path: "../fonts/epilogue");
-
 
 body{
   font-family: 'Epilogue';
@@ -8,7 +7,7 @@ body{
 }
 
 @mixin titre{
-
+  font-size: 1em;
 }
 
 // @mixin titre_h2{

web/themes/custom/leshed/assets/scss/partials/mixins.scss

@@ -1,3 +1,5 @@
+@use "colors" as *;
+
 @mixin menu-contenus{
   ul,li{
     padding: 0;

web/themes/custom/leshed/package-lock.json

@@ -18,6 +18,7 @@
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^5.0.5",
+        "concurrently": "^10.0.5",
         "sass": "^1.77.8",
         "vite": "^5.3.1"
       }
@@ -1315,6 +1316,32 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/ansi-regex": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz",
+      "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -1346,6 +1373,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -1362,6 +1402,21 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/cliui": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -1374,6 +1429,31 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/concurrently": {
+      "version": "10.0.5",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-10.0.5.tgz",
+      "integrity": "sha512-JaP/CoftUrCcAFW/g//RbgEGwlelnEae6cfBLgH6ZdO6s8jPkn6p9SB9u6pdVxYXoiSnFqseOlHfrEfF82TVOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "5.6.2",
+        "rxjs": "7.8.2",
+        "shell-quote": "1.9.0",
+        "supports-color": "10.2.2",
+        "tree-kill": "1.2.2",
+        "yargs": "18.0.0"
+      },
+      "bin": {
+        "conc": "dist/bin/index.js",
+        "concurrently": "dist/bin/index.js"
+      },
+      "engines": {
+        "node": ">=22"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -1431,6 +1511,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/entities": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
@@ -1527,6 +1614,16 @@
         "@esbuild/win32-x64": "0.21.5"
       }
     },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -1599,6 +1696,29 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.7.0.tgz",
+      "integrity": "sha512-XjH1AECxf0giL2V1aU8vKyRR2ppRUb5c0EvT7zuJTokQ74bNo52zOtghqdWIqrhUD79fo3x0WfKZdOqxF6LG1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -1962,6 +2082,16 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/sass": {
       "version": "1.101.0",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.0.tgz",
@@ -1983,6 +2113,19 @@
         "@parcel/watcher": "^2.4.1"
       }
     },
+    "node_modules/shell-quote": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.9.0.tgz",
+      "integrity": "sha512-Iov+JwFv/2HcTpcwNMKd8+IWNb8tboQJNQTkAY/LLVK7gGH9jy+LGkVqPxfekHl+yMmiqXszdGWXgkfml7hjqA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -1998,6 +2141,70 @@
       "integrity": "sha512-6Tj+4mvlSti4DUu1yl0PnkHIIoLchFYJHqz2DnwYkvEehXbjrR2epa4ds/xdto6ZdZsC+NP5IOOehi9VGjNlMQ==",
       "license": "MIT"
     },
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-10.2.2.tgz",
+      "integrity": "sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/vite": {
       "version": "5.4.21",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
@@ -2078,6 +2285,62 @@
           "optional": true
         }
       }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^9.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "string-width": "^7.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^22.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "22.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
+      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
     }
   }
 }

web/themes/custom/leshed/package.json

@@ -4,7 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "concurrently -k -n hmr,build -c cyan,magenta \"vite\" \"vite build --watch\"",
+    "dev:server": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
@@ -19,6 +20,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
+    "concurrently": "^10.0.5",
     "sass": "^1.77.8",
     "vite": "^5.3.1"
   }

web/themes/custom/leshed/templates/node--evenement--calendrier.html.twig

@@ -79,11 +79,14 @@
   {# {{ title_suffix }} #}
 
 
-  <div{{ content_attributes.addClass('content') }}>
+  <section{{ content_attributes.addClass('content') }}>
     <h2{{ title_attributes.addClass('node-title') }}>
       <a href="{{ url }}" rel="bookmark">{{ label }}</a>
     </h2>
-    {{ content|without('field_dates') }}
+    {{ content|without('field_dates')|without('field_images') }}
-  </div>
+  </section>
 
+  <section class="last-cel">
+    {{ content.field_images }}
+  </section>
 </article>

web/themes/custom/leshed/vite.config.js

@@ -5,6 +5,16 @@ import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        // Fait taire le DEPRECATION WARNING [legacy-js-api] de Vite : la
+        // "sass" installée (pure JS) supporte l'API moderne sans dépendre
+        // de sass-embedded.
+        api: 'modern',
+      },
+    },
+  },
   // Chemins relatifs dans les assets buildés (main.css -> fonts/...) : sinon
   // Vite génère des url() absolues depuis la racine du site ("/fonts/...")
   // au lieu du dossier du thème, où Drupal sert réellement assets/dist/.