[demo:ecologie:minor] Release demo 20241118-1 #586

Release demo 20241118-1
opendatateam · Nov 18, 2024 · 448c6f8 · 448c6f8
2 parents cd866ad + 81b85e0
commit 448c6f8
Show file tree

Hide file tree

Showing 41 changed files with 4,138 additions and 878 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,2 @@
+**/*.d.ts
+eslintrc-auto-import.mjs
diff --git a/README.md b/README.md
@@ -2,15 +2,13 @@
 
 Verticales thématiques adossées à [data.gouv.fr](https://www.data.gouv.fr/).
 
-
 ## Configuration
 
 Chaque verticale est configurée dans un fichier `config.yaml` stocké sous [`configs/$verticale`](configs).
 
 La variable d'environnement `VITE_SITE_ID` permet de définir la configuration utilisée au lancement de l'application.
 Cette variable peut être définie dans le fichier [`.env`](.env) ou ses dérivés.
 
-
 ## Développement
 
 ### Environnement recommandé
@@ -66,9 +64,33 @@ npm run hint
 npm run format
 ```
 
+## Librairies et plugins utilisés
+
+### Librairies
+
+- `@datagouv/components` // composants provenant de data.gouv.fr
+- `@gouvminint/vue-dsfr` // intégration `vue` de composants issus du DSFR
+- `@gouvfr/dsfr` // nécessaire pour les deux précédentes
+- `@vueuse/core` // collection d'utilitaires `vue` (`useTitle`)
+  - `@vueuse/integrations` // intégration supplémentaires de vueuse (`focustrap`)
+- `unplugin-auto-import` - `vite.config.mts` // auto-import d'API `vue` (`ref`, `computed`…) et `vue-dsfr` ([d'après ce tutoriel](https://vue-ds.fr/guide/pour-commencer#avoir-un-bundle-optimise-et-une-dx-optimale))
+- `unplugin-vue-components` - `vite.config.mts` // auto-import des composants custom et `vue-dsfr` ([idem](https://vue-ds.fr/guide/pour-commencer#avoir-un-bundle-optimise-et-une-dx-optimale))
+- `vee-validate` // validation de formulaire
+  - `@vee-validate/rules` // collection de règles de validation
+- `@unhead/vue` // SEO (en gros)
+
+### Formatage et validation du code
+
+- `eslint` - `eslint.config.mjs`
+  - `typescript-eslint`
+  - `eslint-plugin-json`
+  - `eslint-plugin-vue`
+- `prettier` - `.prettierrc.mjs`
+  - `prettier-plugin-organize-imports` // organise et/ou supprime les imports des fichiers
+
+À chaque `git commit`, `husky` lance `lint-staged` qui formate les fichiers "staged" avec `prettier`.
 
 ## Auteurs
 
 - data.gouv.fr, Direction interministérielle du numérique.
 - Ecolab, Commissariat général au développement durable, Ministère de la transition écologique.
-
diff --git a/configs/defis/config.yaml b/configs/defis/config.yaml
@@ -223,7 +223,7 @@ website:
       href: 'https://www.data.gouv.fr/fr/suivi/'
     - label: 'Accessibilité : non conforme'
       to: '/accessibility'
-  logo_operator: ''
+  logo_operator:
   notice:
     display: false
     content: Notice avec un [lien beta](/beta) et du _style_

diff --git a/configs/ecospheres/config.yaml b/configs/ecospheres/config.yaml
@@ -28,8 +28,13 @@ website:
     style: 'blue-cumulus'
   # leave empty if not pertinent
   logo_operator:
+    src: '/logos/ecospheres-logo.svg'
+    show_in_header: false
+    footer:
+      width: '40px'
+      height: '219px'
   homepage:
-    title: 'La plateforme des données de la transition écologique'
+    title:
     subtitle:
     sections:
       - title:
@@ -47,25 +52,28 @@ website:
     display: true
     placeholder: Rechercher...
     dropdown:
-      - text: Rechercher {} dans les <strong>bouquets</strong>
-        route: bouquets
       - text: Rechercher {} dans les <strong>jeux de données</strong>
         route: datasets
+      - text: Rechercher {} dans les <strong>bouquets</strong>
+        route: bouquets
   search_bar:
     display: true
     placeholder: Rechercher une donnée environnementale
   secondary_search:
     display: false
     name:
     link:
-  footer_phrase: "Ce site est une déclinaison thématique de data.gouv.fr sur les données relatives à l'écologie."
+  footer_phrase: 'Ce site est une déclinaison thématique de data.gouv.fr sur les données relatives à la transition écologique et énergétique, réalisé par le Ministère de la Transition écologique, de l’Énergie, du Climat et de la Prévention des risques.'
   footer_external_links:
-    - label: 'ecologie.gouv.fr'
-      href: 'https://ecologie.gouv.fr'
-      title: 'ecologie.gouv.fr - nouvelle fenêtre'
     - label: 'data.gouv.fr'
       href: 'https://www.data.gouv.fr'
       title: 'data.gouv.fr - nouvelle fenêtre'
+    - label: 'legifrance.gouv.fr'
+      href: 'https://www.legifrance.gouv.fr/'
+      title: 'legifrance - nouvelle fenêtre'
+    - label: 'ecologie.gouv.fr'
+      href: 'https://ecologie.gouv.fr'
+      title: 'ecologie.gouv.fr - nouvelle fenêtre'
     - label: 'gouvernement.fr'
       href: 'https://www.gouvernement.fr'
       title: 'gouvernement.fr - nouvelle fenêtre'
@@ -76,7 +84,7 @@ website:
       to: '/terms'
     - label: 'Politique de confidentialité'
       href: 'https://www.data.gouv.fr/fr/suivi/'
-    - label: 'Accessibilité : non conforme'
+    - label: 'Accessibilité : partiellement conforme'
       to: '/accessibility'
   notice:
     display: true
@@ -89,6 +97,8 @@ website:
       to: /datasets
     - text: Bouquets
       to: /bouquets
+    - text: Organisations
+      to: /organizations
     - text: A propos
       to: /about
   router:
@@ -265,6 +275,18 @@ organizations:
   - ddt-vaucluse
   - ddt-vienne
   - ddt-yvelines
+  - ddtm-alpes-maritimes
+  - ddtm-aude
+  - ddtm-corse-du-sud
+  - ddtm-cotes-darmor
+  - ddtm-finistere
+  - ddtm-gard
+  - ddtm-gironde
+  - ddtm-haute-corse
+  - ddtm-morbihan
+  - ddtm-pas-de-calais
+  - ddtm-pyrenees-orientales
+  - ddtm-vendee
   - deal-guadeloupe
   - direction-departementale-des-territoire-du-puy-de-dome
   - direction-departementale-des-territoires-de-charente
@@ -309,16 +331,11 @@ organizations:
   - direction-departementale-des-territoires-et-de-la-mer-du-calvados
   - direction-departementale-des-territoires-et-de-la-mer-du-var
   - direction-departementale-et-des-territoires-du-cantal
-  - direction-regionale-de-lenvironnement-de-lamenagement-et-du-logement-de-lauvergne
   - direction-regionale-de-lenvironnement-de-lamenagement-et-du-logement-de-normandie
   - direction-regionale-de-lenvironnement-de-lamenagement-et-du-logement-du-centre-val-de-loire
-  - direction-regionale-de-lenvironnement-de-lamenagement-et-du-logement-du-languedoc-roussillon
-  - direction-regionale-de-lenvironnement-de-lamenagement-et-du-logement-poitou-charentes
   - direction-regionale-de-lenvironnement-et-du-logement-bourgogne-franche-comte
   - do-terr-geo-centre
-  - dreal-auvergne-rhone-alpes-1
   - dreal-grand-est
-  - dreal-limousin-1
   - dreal-nouvelle-aquitaine
   - dreal-provence-alpes-cote-dazur
   - electricite-reseau-distribution-france
@@ -331,7 +348,6 @@ organizations:
   - institut-national-de-l-information-geographique-et-forestiere
   - irstea
   - jvmalin
-  - la-direction-regionale-de-lenvironnement-de-lamenagement-et-du-logement-provence-alpes-cote-dazur
   - ligair
   - meteo-france
   - ministere-de-l-egalite-des-territoires-et-du-logement

diff --git a/configs/logistique/config.yaml b/configs/logistique/config.yaml
@@ -38,29 +38,33 @@ website:
         sub_section_cards:
           title:
           cards:
+            - name: 'Immobilier logistique'
+              description: "Données sur l'immobilier dédié aux activités de logistique (bâti, entrepôts, stockage, etc.)."
+              url: 'bouquets?theme=Immobilier+logistique'
+              image_url: '/logistique/assets/immobilier.jpg'
+            - name: 'Infrastructure'
+              description: "Données sur l'infrastructure des activités de logistique (réseaux, voirie, zones livraison, etc.)."
+              url: 'bouquets?theme=Infrastructure'
+              image_url: '/logistique/assets/infra.jpg'
             - name: 'Trafic'
-              description: 'Statistiques et informations sur le trafic routier, fluvial, maritime, ferroviaire et aérien.'
+              description: 'Données sur le flux des activités de logistique (trafic routier, fluvial, maritime, ferroviaire et aérien).'
               url: 'bouquets?theme=Trafic'
-              image_url: '/logistique/assets/intermodal.jpg'
+              image_url: '/logistique/assets/trafic.jpg'
             - name: 'Environnement'
               description: "Données offrant une base pour réaliser des études approfondies sur l'impact environnemental de la logistique."
-              url: 'bouquets?theme=Environnementale'
+              url: 'bouquets?theme=Environnement'
               image_url: '/logistique/assets/environnement.jpg'
-            - name: 'Immobilier logistique'
-              description: "Données sur l'immobilier dédié aux activités de logistique, incluant les différentes infrastructures associées."
-              url: 'bouquets?theme=Immobilier+logistique'
-              image_url: '/logistique/assets/immobilier.jpg'
-            - name: 'Socio économie'
+            - name: 'Socio-économique'
               description: 'Bases essentielles pour étudier les interactions entre les dimensions sociales et économiques de la logistique.'
               url: 'bouquets?theme=Socio-économique'
               image_url: '/logistique/assets/socio.jpg'
             - name: 'Territoires'
               description: "Données permettant l'étude des interactions entre la logistique et l'aménagement des territoires."
-              url: 'bouquets?theme=Territoriale'
+              url: 'bouquets?theme=Territoires'
               image_url: '/logistique/assets/territorial.jpg'
-            - name: 'Filières économiques'
+            - name: 'Filières'
               description: 'Données sur les différentes filières relatives aux activités de logistique (agricole, industielle, énergétique...).'
-              url: 'bouquets?theme=Filière'
+              url: 'bouquets?theme=Filières'
               image_url: '/logistique/assets/risques.jpg'
         sub_section_tiles:
         sub_section_buttons:
@@ -163,6 +167,14 @@ website:
       authorized_users:
         - 57d0546ec751df5cda97bae5
 themes:
+  - name: Immobilier logistique
+    color: '#043574'
+    textColor: '#FFFFFF'
+    subthemes:
+      - name: Données
+  - name: Infrastructure
+    color: '#043574'
+    textColor: '#FFFFFF'
   - name: Trafic
     color: '#043574'
     textColor: '#FFFFFF'
@@ -172,7 +184,7 @@ themes:
       - name: Transport ferroviaire
       - name: Transport fluvial
       - name: Transport maritime
-  - name: Filière
+  - name: Filières
     color: '#043574'
     textColor: '#FFFFFF'
     subthemes:
@@ -183,12 +195,7 @@ themes:
       - name: Filière commerce
       - name: Filière matériaux de construction
       - name: Filière matière premières
-  - name: Immobilier logistique
-    color: '#043574'
-    textColor: '#FFFFFF'
-    subthemes:
-      - name: Données
-  - name: Environnementale
+  - name: Environnement
     color: '#043574'
     textColor: '#FFFFFF'
     subthemes:
@@ -198,7 +205,7 @@ themes:
     textColor: '#FFFFFF'
     subthemes:
       - name: Données
-  - name: Territoriale
+  - name: Territoires
     color: '#043574'
     textColor: '#FFFFFF'
     subthemes:

diff --git a/configs/meteo-france/config.yaml b/configs/meteo-france/config.yaml
@@ -132,7 +132,14 @@ website:
       href: 'https://www.data.gouv.fr/fr/suivi/'
     - label: 'Accessibilité : non conforme'
       to: '/accessibility'
-  logo_operator: 'https://static.data.gouv.fr/avatars/81/6374003e904fad9ddac7436315fd15-100.png'
+  logo_operator:
+    src: 'https://static.data.gouv.fr/avatars/81/6374003e904fad9ddac7436315fd15-100.png'
+    header:
+      width: '60px'
+      height: '60px'
+    footer:
+      width: '92px'
+      height: '92px'
   notice:
     display: false
     content: Notice avec un [lien beta](/beta) et du _style_

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -17,7 +17,14 @@ export default [
   },
   {
     name: 'files-to-ignore',
-    ignores: ['.gitignore', '**/dist/**', '**/dist-ssr/**', '**/coverage/**']
+    ignores: [
+      '.gitignore',
+      '**/dist/**',
+      '**/dist-ssr/**',
+      '**/coverage/**',
+      '**/*.d.ts',
+      'eslintrc-auto-import.mjs'
+    ]
   },
   eslintConfigPrettier,
 

diff --git a/eslintrc-auto-import.mjs b/eslintrc-auto-import.mjs
@@ -0,0 +1,94 @@
+export default {
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "afterAll": true,
+    "afterEach": true,
+    "assert": true,
+    "beforeAll": true,
+    "beforeEach": true,
+    "chai": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "describe": true,
+    "effectScope": true,
+    "expect": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "it": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeRouteLeave": true,
+    "onBeforeRouteUpdate": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "suite": true,
+    "test": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useLink": true,
+    "useModel": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useScheme": true,
+    "useSlots": true,
+    "useTabs": true,
+    "useTemplateRef": true,
+    "vi": true,
+    "vitest": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}