Modifications DGNum

ajout des NDD usuels ENS et DGNum pour autoriser les changements d'adresse mail

correction des svg des logos DGNum et DN

remplacement Marianne - pour l'instant à l'arrache uniquement, logo sera repris et affiné plus tard

modifs Mariannes

commenter quelques bouts de code inutiles dans l'usage DGNum de DS

Update logo-ds.svg and delete commented lines

correction logo DN pour pages d'erreur

normalianisation de DN, texte

modifs sur le fichier en anglais

modifs diverses vers version DN

Use our logo in the header

Add the logo-wide under a new name

feat: Update footer

feat: Remove mentions of faq.demarches-simplifiees.fr

feat: Replace documentation link

feat: Add analytics

feat: Remove France Services logo on procedure footer

.eslintrc.js

@@ -1,52 +0,0 @@
-module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  globals: {
-    process: true,
-    gon: true
-  },
-  plugins: ['prettier', 'react-hooks'],
-  extends: [
-    'eslint:recommended',
-    'prettier',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended'
-  ],
-  env: {
-    es6: true,
-    browser: true
-  },
-  rules: {
-    'prettier/prettier': 'error',
-    'react-hooks/rules-of-hooks': 'error',
-    'react-hooks/exhaustive-deps': 'error',
-    'react/prop-types': 'off',
-    'react/no-deprecated': 'off'
-  },
-  settings: {
-    react: { version: 'detect' }
-  },
-  overrides: [
-    {
-      files: ['.eslintrc.js', 'vite.config.ts', 'postcss.config.js'],
-      env: { node: true }
-    },
-    {
-      files: ['**/*.ts', '**/*.tsx'],
-      plugins: ['@typescript-eslint'],
-      extends: [
-        'eslint:recommended',
-        'plugin:@typescript-eslint/recommended',
-        'plugin:react-hooks/recommended',
-        'prettier'
-      ],
-      rules: {
-        'prettier/prettier': 'error',
-        'react-hooks/rules-of-hooks': 'error',
-        'react-hooks/exhaustive-deps': 'error',
-        '@typescript-eslint/no-explicit-any': 'error',
-        '@typescript-eslint/no-unused-vars': 'error'
-      }
-    }
-  ]
-};

.gitattributes

@@ -0,0 +1 @@
+*.lockb binary diff=lockb

.github/workflows/ci.yml

@@ -10,7 +10,7 @@ on:
 jobs:
   linters:
     name: Linters
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     services:
       postgres:
         image: postgis/postgis:14-3.3
@@ -33,7 +33,7 @@ jobs:
 
   js_tests:
     name: JavaScript tests
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
 
     steps:
       - uses: actions/checkout@v4
@@ -51,9 +51,15 @@ jobs:
         run: |
           bun run test
 
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v4
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+
   unit_tests:
     name: Unit tests
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
+    timeout-minutes: 20
     env:
       RUBY_YJIT_ENABLE: "1"
     services:
@@ -75,7 +81,8 @@ jobs:
       - name: Install build dependancies
         # - fonts pickable by ImageMagick
         # - rust for YJIT support
-        run: sudo apt-get update && sudo apt-get install -y gsfonts rustc redis-server
+        # - poppler-utils for pdf previews
+        run: sudo apt-get update && sudo apt-get install -y gsfonts rustc redis-server poppler-utils
 
       - name: Setup the app runtime and dependencies
         uses: ./.github/actions/ci-setup-rails
@@ -100,9 +107,15 @@ jobs:
           name: rspec-results-${{ github.job }}-${{ strategy.job-index }}
           path: tmp/rspec_${{ github.job }}_${{ strategy.job-index }}.junit.xml
 
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v4
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+
   system_tests:
     name: System tests
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
+    timeout-minutes: 20
     env:
       RUBY_YJIT_ENABLE: "1"
     services:
@@ -124,6 +137,9 @@ jobs:
       - name: Setup the app runtime and dependencies
         uses: ./.github/actions/ci-setup-rails
 
+      - name: Setup playwright
+        run: bunx playwright install chromium
+
       - name: Pre-compile assets
         uses: ./.github/actions/ci-setup-assets
 
@@ -144,10 +160,15 @@ jobs:
           name: rspec-results-${{ github.job }}-${{ strategy.job-index }}
           path: tmp/rspec_${{ github.job }}_${{ strategy.job-index }}.junit.xml
 
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v4
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+
   save_test_reports:
     name: Save test reports
     needs: [unit_tests, system_tests]
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
 
     steps:
       - uses: actions/checkout@v4

.gitignore

@@ -18,7 +18,11 @@ public/downloads
 doc/*.svg
 uploads/*
 .byebug_history
+.DS_Store
+*.swp
+.envrc
 .env
+.tool-versions
 storage/
 /node_modules
 /yarn-error.log
@@ -29,6 +33,7 @@ yarn-debug.log*
 /public/assets
 /spec/support/spec_config.local.rb
 /config/initializers/config.local.rb
+/coverage
 
 # Local Netlify folder
 .netlify

.prettierrc.js

@@ -1,4 +0,0 @@
-module.exports = {
-  singleQuote: true,
-  trailingComma: 'none'
-};

.rubocop.yml

@@ -11,7 +11,7 @@ inherit_mode:
     - Include
 
 AllCops:
-  TargetRubyVersion: 3.2
+  TargetRubyVersion: 3.3
   DisabledByDefault: true
   SuggestExtensions: false
   NewCops: enable
@@ -23,6 +23,8 @@ AllCops:
     - "bin/*"
     - "node_modules/**/*"
     - "vendor/**/*"
+    - "storage/**/*"
+    - "tmp/**/*"
 
 DS/AddConcurrentIndex:
   Enabled: true
@@ -1175,7 +1177,7 @@ Style/FormatStringToken:
   EnforcedStyle: template
 
 Style/FrozenStringLiteralComment:
-  Enabled: false
+  Enabled: true
 
 Style/GlobalVars:
   Enabled: true

.ruby-version

@@ -1 +1 @@
-3.3.0
+3.3.1

.scss-lint.yml

@@ -1,264 +0,0 @@
-exclude:
-  - 'app/assets/stylesheets/reset.scss'
-  - 'app/assets/stylesheets/direct_uploads.scss'
-  - 'app/assets/stylesheets/dsfr_override.scss'
-  - 'app/assets/stylesheets/manager.scss'
-
-linters:
-  BangFormat:
-    enabled: true
-    space_before_bang: true
-    space_after_bang: false
-
-  BemDepth:
-    enabled: false
-    max_elements: 1
-
-  BorderZero:
-    enabled: true
-    convention: none
-
-  # To enable later
-  ChainedClasses:
-    enabled: false
-
-  ColorKeyword:
-    enabled: true
-
-  # To enable later
-  ColorVariable:
-    enabled: false
-
-  Comment:
-    enabled: true
-    style: silent
-
-  DebugStatement:
-    enabled: true
-
-  DeclarationOrder:
-    enabled: true
-
-  DisableLinterReason:
-    enabled: false
-
-  DuplicateProperty:
-    enabled: true
-
-  ElsePlacement:
-    enabled: true
-    style: same_line
-
-  EmptyLineBetweenBlocks:
-    enabled: true
-    ignore_single_line_blocks: false
-
-  EmptyRule:
-    enabled: true
-
-  ExtendDirective:
-    enabled: false
-
-  FinalNewline:
-    enabled: true
-    present: true
-
-  HexLength:
-    enabled: true
-    style: long
-
-  HexNotation:
-    enabled: true
-    style: uppercase
-
-  HexValidation:
-    enabled: true
-
-  # To enable later
-  IdSelector:
-    enabled: false
-
-  # To enable later
-  ImportantRule:
-    enabled: false
-
-  ImportPath:
-    enabled: false
-    leading_underscore: false
-    filename_extension: false
-
-  Indentation:
-    enabled: true
-    allow_non_nested_indentation: false
-    character: space
-    width: 2
-
-  LeadingZero:
-    enabled: true
-    style: include_zero
-
-  MergeableSelector:
-    enabled: false
-    force_nesting: true
-
-  NameFormat:
-    enabled: true
-    allow_leading_underscore: false
-    convention: hyphenated_lowercase
-
-  # To enable later
-  NestingDepth:
-    enabled: false
-    max_depth: 3
-    ignore_parent_selectors: false
-
-  # To enable later
-  PlaceholderInExtend:
-    enabled: false
-
-  PrivateNamingConvention:
-    enabled: false
-    prefix: _
-
-  PropertyCount:
-    enabled: false
-    include_nested: false
-    max_properties: 10
-
-  PropertySortOrder:
-    enabled: false
-    ignore_unspecified: false
-    min_properties: 2
-    separate_groups: false
-
-  PropertySpelling:
-    enabled: true
-    extra_properties:
-      - scroll-padding
-    disabled_properties: []
-
-  # To enable later
-  PropertyUnits:
-    enabled: false
-    global: [
-      'ch', 'em', 'ex', 'rem',                 # Font-relative lengths
-      'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
-      'vh', 'vw', 'vmin', 'vmax',              # Viewport-percentage lengths
-      'deg', 'grad', 'rad', 'turn',            # Angle
-      'ms', 's',                               # Duration
-      'Hz', 'kHz',                             # Frequency
-      'dpi', 'dpcm', 'dppx',                   # Resolution
-      '%']                                     # Other
-    properties: {}
-
-  PseudoElement:
-    enabled: false # otherwise rules on ::marker fails
-
-  # To enable later
-  QualifyingElement:
-    enabled: false
-    allow_element_with_attribute: false
-    allow_element_with_class: false
-    allow_element_with_id: false
-
-  # To enable later
-  SelectorDepth:
-    enabled: false
-    max_depth: 3
-
-  SelectorFormat:
-    enabled: true
-    # hyphenated_lowercase + any dsfr selector which are not hyphenated
-    convention: ^(?:fr-[^A-Z]+|[^_A-Z]+)$
-
-  Shorthand:
-    enabled: false
-    allowed_shorthands: [1, 2, 3, 4]
-
-  SingleLinePerProperty:
-    enabled: true
-    allow_single_line_rule_sets: false
-
-  SingleLinePerSelector:
-    enabled: true
-
-  SpaceAfterComma:
-    enabled: true
-    style: one_space
-
-  SpaceAfterComment:
-    enabled: true
-    style: one_space
-    allow_empty_comments: true
-
-  SpaceAfterPropertyColon:
-    enabled: true
-    style: one_space
-
-  SpaceAfterPropertyName:
-    enabled: true
-
-  SpaceAfterVariableColon:
-    enabled: true
-    style: one_space
-
-  SpaceAfterVariableName:
-    enabled: true
-
-  SpaceAroundOperator:
-    enabled: true
-    style: one_space
-
-  SpaceBeforeBrace:
-    enabled: true
-    style: space
-    allow_single_line_padding: false
-
-  SpaceBetweenParens:
-    enabled: true
-    spaces: 0
-
-  StringQuotes:
-    enabled: true
-    style: double_quotes
-
-  TrailingSemicolon:
-    enabled: true
-
-  TrailingWhitespace:
-    enabled: true
-
-  TrailingZero:
-    enabled: true
-
-  # To enable later
-  TransitionAll:
-    enabled: false
-
-  UnnecessaryMantissa:
-    enabled: true
-
-  UnnecessaryParentReference:
-    enabled: true
-
-  UrlFormat:
-    enabled: true
-
-  UrlQuotes:
-    enabled: true
-
-  VariableForProperty:
-    enabled: false
-    properties: []
-
-  VendorPrefix:
-    enabled: true
-    identifier_list: base
-    additional_identifiers: []
-    excluded_identifiers: []
-
-  ZeroUnit:
-    enabled: false
-
-  Compass::*:
-    enabled: false

.simplecov

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+SimpleCov.start "rails" do
+  enable_coverage :branch
+
+  command_name "RSpec process #{Process.pid}"
+
+  if ENV["CI"] # codecov compatibility
+    require 'simplecov-cobertura'
+    formatter SimpleCov::Formatter::CoberturaFormatter
+  else
+    formatter SimpleCov::Formatter::MultiFormatter.new([
+      SimpleCov::Formatter::SimpleFormatter,
+      SimpleCov::Formatter::HTMLFormatter
+    ])
+  end
+
+  add_filter "/channels/" # not used
+  groups.delete("Channels")
+
+  add_filter "/lib/tasks/deployment/"
+
+  add_group "Components", "app/components"
+  add_group "API", ["app/graphql", "app/serializers"]
+  add_group "Manager", ["app/dashboards", "app/fields", "app/controllers/manager"]
+  add_group "Models", ["app/models", "app/validators"]
+  add_group "Policies", "app/policies"
+  add_group "Services", "app/services"
+  add_group "Tasks", ["app/tasks", "lib/tasks"]
+end

Gemfile

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 source 'https://rubygems.org'
 
 gem 'rails', '~> 7.0.8' # allows update to security fixes at any time
@@ -17,6 +19,7 @@ gem 'anchored'
 gem 'bcrypt'
 gem 'bootsnap', '>= 1.4.4', require: false # Reduces boot times through caching; required in config/boot.rb
 gem 'browser'
+gem 'capybara-playwright-driver'
 gem 'charlock_holmes'
 gem 'chartkick'
 gem 'chunky_png'
@@ -26,7 +29,7 @@ gem 'deep_cloneable' # Enable deep clone of active record models
 gem 'delayed_cron_job', require: false # Cron jobs
 gem 'delayed_job_active_record'
 gem 'delayed_job_web'
-gem 'devise', git: 'https://github.com/heartcombo/devise.git', ref: "edffc79bf05d7f1c58ba50ffeda645e2e4ae0cb1" # Gestion des comptes utilisateurs, drop ref on next release: 4.9.4
+gem 'devise'
 gem 'devise-i18n'
 gem 'devise-two-factor'
 gem 'discard'
@@ -37,6 +40,7 @@ gem 'flipper'
 gem 'flipper-active_record'
 gem 'flipper-active_support_cache_store'
 gem 'flipper-ui'
+gem 'front_matter_parser'
 gem 'fugit'
 gem 'geocoder'
 gem 'geo_coord', require: "geo/coord"
@@ -94,6 +98,7 @@ gem 'sidekiq'
 gem 'sidekiq-cron'
 gem 'skylight'
 gem 'spreadsheet_architect'
+gem 'string-similarity'
 gem 'strong_migrations' # lint database migrations
 gem 'sys-proctable'
 gem 'turbo-rails'
@@ -106,7 +111,7 @@ gem 'webrick', require: false
 gem 'yabeda-prometheus'
 gem 'yabeda-sidekiq'
 gem 'zipline'
-gem 'zxcvbn-ruby', require: 'zxcvbn'
+gem 'zxcvbn'
 
 group :test do
   gem 'axe-core-rspec' # accessibility rspec matchers
@@ -122,6 +127,9 @@ group :test do
   gem 'selenium-devtools'
   gem 'selenium-webdriver'
   gem 'shoulda-matchers', require: false
+  gem 'simplecov', require: false
+  gem 'simplecov-cobertura', require: false
+  gem "test-prof"
   gem 'timecop'
   gem 'vcr'
   gem 'webmock'
@@ -139,7 +147,6 @@ group :development do
   gem 'rubocop-performance', require: false
   gem 'rubocop-rails', require: false
   gem 'rubocop-rspec', require: false
-  gem 'scss_lint', require: false
   gem 'stackprof'
   gem 'web-console'
 end

Gemfile.lock

@@ -6,65 +6,53 @@ GIT
       json (>= 2.5)
       sidekiq (~> 7.0)
 
-GIT
-  remote: https://github.com/heartcombo/devise.git
-  revision: edffc79bf05d7f1c58ba50ffeda645e2e4ae0cb1
-  ref: edffc79bf05d7f1c58ba50ffeda645e2e4ae0cb1
-  specs:
-    devise (4.9.3)
-      bcrypt (~> 3.0)
-      orm_adapter (~> 0.1)
-      railties (>= 4.1.0)
-      responders
-      warden (~> 1.2.3)
-
 GEM
   remote: https://rubygems.org/
   specs:
     aasm (5.5.0)
       concurrent-ruby (~> 1.0)
     acsv (0.0.1)
-    actioncable (7.0.8.1)
-      actionpack (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    actioncable (7.0.8.5)
+      actionpack (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       nio4r (~> 2.0)
       websocket-driver (>= 0.6.1)
-    actionmailbox (7.0.8.1)
-      actionpack (= 7.0.8.1)
-      activejob (= 7.0.8.1)
-      activerecord (= 7.0.8.1)
-      activestorage (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    actionmailbox (7.0.8.5)
+      actionpack (= 7.0.8.5)
+      activejob (= 7.0.8.5)
+      activerecord (= 7.0.8.5)
+      activestorage (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       mail (>= 2.7.1)
       net-imap
       net-pop
       net-smtp
-    actionmailer (7.0.8.1)
-      actionpack (= 7.0.8.1)
-      actionview (= 7.0.8.1)
-      activejob (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    actionmailer (7.0.8.5)
+      actionpack (= 7.0.8.5)
+      actionview (= 7.0.8.5)
+      activejob (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       mail (~> 2.5, >= 2.5.4)
       net-imap
       net-pop
       net-smtp
       rails-dom-testing (~> 2.0)
-    actionpack (7.0.8.1)
-      actionview (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    actionpack (7.0.8.5)
+      actionview (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       rack (~> 2.0, >= 2.2.4)
       rack-test (>= 0.6.3)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.2.0)
-    actiontext (7.0.8.1)
-      actionpack (= 7.0.8.1)
-      activerecord (= 7.0.8.1)
-      activestorage (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    actiontext (7.0.8.5)
+      actionpack (= 7.0.8.5)
+      activerecord (= 7.0.8.5)
+      activestorage (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       globalid (>= 0.6.0)
       nokogiri (>= 1.8.5)
-    actionview (7.0.8.1)
-      activesupport (= 7.0.8.1)
+    actionview (7.0.8.5)
+      activesupport (= 7.0.8.5)
       builder (~> 3.1)
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
@@ -79,26 +67,26 @@ GEM
       activemodel (>= 5.2.0)
       activestorage (>= 5.2.0)
       activesupport (>= 5.2.0)
-    activejob (7.0.8.1)
-      activesupport (= 7.0.8.1)
+    activejob (7.0.8.5)
+      activesupport (= 7.0.8.5)
       globalid (>= 0.3.6)
-    activemodel (7.0.8.1)
-      activesupport (= 7.0.8.1)
-    activerecord (7.0.8.1)
-      activemodel (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
-    activestorage (7.0.8.1)
-      actionpack (= 7.0.8.1)
-      activejob (= 7.0.8.1)
-      activerecord (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    activemodel (7.0.8.5)
+      activesupport (= 7.0.8.5)
+    activerecord (7.0.8.5)
+      activemodel (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
+    activestorage (7.0.8.5)
+      actionpack (= 7.0.8.5)
+      activejob (= 7.0.8.5)
+      activerecord (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       marcel (~> 1.0)
       mini_mime (>= 1.1.0)
     activestorage-openstack (1.6.0)
       fog-openstack (>= 1.0.9)
       marcel
       rails (>= 5.2.2)
-    activesupport (7.0.8.1)
+    activesupport (7.0.8.5)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
@@ -148,7 +136,7 @@ GEM
       erubi (~> 1.4)
       parser (>= 2.4)
       smart_properties
-    bigdecimal (3.1.6)
+    bigdecimal (3.1.7)
     bindata (2.5.0)
     bindex (0.8.1)
     bootsnap (1.18.3)
@@ -156,7 +144,7 @@ GEM
     brakeman (6.1.2)
       racc
     browser (5.3.1)
-    builder (3.2.4)
+    builder (3.3.0)
     capybara (3.40.0)
       addressable
       matrix
@@ -169,6 +157,10 @@ GEM
     capybara-email (3.0.2)
       capybara (>= 2.4, < 4.0)
       mail
+    capybara-playwright-driver (0.5.2)
+      addressable
+      capybara
+      playwright-ruby-client (>= 1.16.0)
     capybara-screenshot (1.0.26)
       capybara (>= 1.0, < 4)
       launchy
@@ -179,14 +171,14 @@ GEM
       marcel (~> 1.0)
       nokogiri (~> 1.10, >= 1.10.4)
       rubyzip (>= 1.3.0, < 3)
-    charlock_holmes (0.7.7)
-    chartkick (5.0.5)
+    charlock_holmes (0.7.9)
+    chartkick (5.0.6)
     choice (0.2.0)
     chunky_png (1.4.0)
     clamav-client (3.2.0)
     coercible (1.0.0)
       descendants_tracker (~> 0.0.1)
-    concurrent-ruby (1.2.3)
+    concurrent-ruby (1.3.4)
     connection_pool (2.4.1)
     content_disposition (1.0.0)
     crack (1.0.0)
@@ -213,9 +205,15 @@ GEM
       sinatra (>= 1.4.4)
     descendants_tracker (0.0.4)
       thread_safe (~> 0.3, >= 0.3.1)
+    devise (4.9.4)
+      bcrypt (~> 3.0)
+      orm_adapter (~> 0.1)
+      railties (>= 4.1.0)
+      responders
+      warden (~> 1.2.3)
     devise-i18n (1.12.0)
       devise (>= 4.9.0)
-    devise-two-factor (5.0.0)
+    devise-two-factor (6.0.0)
       activesupport (~> 7.0)
       devise (~> 4.0)
       railties (~> 7.0)
@@ -223,6 +221,7 @@ GEM
     diff-lcs (1.5.1)
     discard (1.3.0)
       activerecord (>= 4.2, < 8)
+    docile (1.4.0)
     dotenv (2.8.1)
     dotenv-rails (2.8.1)
       dotenv (= 2.8.1)
@@ -239,8 +238,8 @@ GEM
     dumb_delegator (1.0.0)
     email_validator (2.2.4)
       activemodel
-    erubi (1.12.0)
-    et-orbi (1.2.7)
+    erubi (1.13.0)
+    et-orbi (1.2.11)
       tzinfo
     ethon (0.16.0)
       ffi (>= 1.15.0)
@@ -257,19 +256,20 @@ GEM
     faraday-net_http (3.1.0)
       net-http
     ffi (1.16.3)
-    flipper (1.2.2)
+    flipper (1.3.0)
       concurrent-ruby (< 2)
-    flipper-active_record (1.2.2)
+    flipper-active_record (1.3.0)
       activerecord (>= 4.2, < 8)
-      flipper (~> 1.2.2)
-    flipper-active_support_cache_store (1.2.2)
+      flipper (~> 1.3.0)
+    flipper-active_support_cache_store (1.3.0)
       activesupport (>= 4.2, < 8)
-      flipper (~> 1.2.2)
-    flipper-ui (1.2.2)
+      flipper (~> 1.3.0)
+    flipper-ui (1.3.0)
       erubi (>= 1.0.0, < 2.0.0)
-      flipper (~> 1.2.2)
+      flipper (~> 1.3.0)
       rack (>= 1.4, < 4)
-      rack-protection (>= 1.5.3, <= 4.0.0)
+      rack-protection (>= 1.5.3, < 5.0.0)
+      rack-session (>= 1.0.2, < 3.0.0)
       sanitize (< 7)
     fog-core (2.4.0)
       builder
@@ -283,8 +283,9 @@ GEM
       fog-core (~> 2.1)
       fog-json (>= 1.0)
     formatador (1.1.0)
-    fugit (1.9.0)
-      et-orbi (~> 1, >= 1.2.7)
+    front_matter_parser (1.0.1)
+    fugit (1.11.1)
+      et-orbi (~> 1, >= 1.2.11)
       raabro (~> 1.4)
     geo_coord (0.2.0)
     geocoder (1.8.2)
@@ -333,7 +334,7 @@ GEM
     highline (3.0.1)
     htmlentities (4.3.4)
     http_accept_language (2.1.1)
-    i18n (1.14.4)
+    i18n (1.14.6)
       concurrent-ruby (~> 1.0)
     i18n-tasks (1.0.13)
       activesupport (>= 4.0.2)
@@ -355,7 +356,7 @@ GEM
     invisible_captcha (2.2.0)
       rails (>= 5.2)
     io-console (0.7.2)
-    irb (1.11.2)
+    irb (1.12.0)
       rdoc
       reline (>= 0.4.2)
     job-iteration (1.4.1)
@@ -364,7 +365,7 @@ GEM
       rails-dom-testing (>= 1, < 3)
       railties (>= 4.2.0)
       thor (>= 0.14, < 2.0)
-    json (2.7.1)
+    json (2.7.2)
     json-jwt (1.16.6)
       activesupport (>= 4.2)
       aes_key_wrap
@@ -372,12 +373,15 @@ GEM
       bindata
       faraday (~> 2.0)
       faraday-follow_redirects
-    json_schemer (2.1.1)
+    json_schemer (2.2.1)
+      base64
+      bigdecimal
       hana (~> 1.3)
       regexp_parser (~> 2.0)
       simpleidn (~> 0.2)
     jsonapi-renderer (0.2.2)
-    jwt (2.7.1)
+    jwt (2.8.1)
+      base64
     kaminari (1.2.2)
       activesupport (>= 4.1.0)
       kaminari-actionview (= 1.2.2)
@@ -404,9 +408,10 @@ GEM
       letter_opener (~> 1.7)
       railties (>= 5.2)
       rexml
-    listen (3.8.0)
+    listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.6.0)
     lograge (0.14.0)
       actionpack (>= 4)
       activesupport (>= 4)
@@ -421,17 +426,17 @@ GEM
       net-imap
       net-pop
       net-smtp
-    maintenance_tasks (2.6.0)
+    maintenance_tasks (2.7.0)
       actionpack (>= 6.0)
       activejob (>= 6.0)
       activerecord (>= 6.0)
       job-iteration (>= 1.3.6)
       railties (>= 6.0)
       zeitwerk (>= 2.6.2)
-    marcel (1.0.2)
+    marcel (1.0.4)
     matrix (0.4.2)
     memory_profiler (1.0.1)
-    method_source (1.0.0)
+    method_source (1.1.0)
     mime-types (3.5.2)
       mime-types-data (~> 3.2015)
     mime-types-data (3.2024.0206)
@@ -439,25 +444,25 @@ GEM
       rake
     mini_magick (4.12.0)
     mini_mime (1.1.5)
-    mini_portile2 (2.8.5)
-    minitest (5.22.2)
+    mini_portile2 (2.8.7)
+    minitest (5.25.1)
     msgpack (1.7.2)
     multi_json (1.15.0)
     mustermann (3.0.0)
       ruby2_keywords (~> 0.0.1)
     net-http (0.4.1)
       uri
-    net-imap (0.4.10)
+    net-imap (0.4.17)
       date
       net-protocol
     net-pop (0.1.2)
       net-protocol
     net-protocol (0.2.2)
       timeout
-    net-smtp (0.4.0.1)
+    net-smtp (0.5.0)
       net-protocol
-    nio4r (2.7.0)
-    nokogiri (1.16.2)
+    nio4r (2.7.3)
+    nokogiri (1.16.7)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
     openid_connect (2.3.0)
@@ -480,8 +485,11 @@ GEM
       ast (~> 2.4.1)
       racc
     pdf-core (0.9.0)
-    pg (1.5.4)
-    phonelib (0.8.7)
+    pg (1.5.6)
+    phonelib (0.8.8)
+    playwright-ruby-client (1.46.0)
+      concurrent-ruby (>= 1.1.6)
+      mime-types (>= 3.0)
     prawn (2.4.0)
       pdf-core (~> 0.9.0)
       ttfunk (~> 1.7)
@@ -503,14 +511,14 @@ GEM
     promise.rb (0.7.4)
     psych (5.1.2)
       stringio
-    public_suffix (5.0.4)
-    puma (6.4.2)
+    public_suffix (5.0.5)
+    puma (6.4.3)
       nio4r (~> 2.0)
     pundit (2.3.1)
       activesupport (>= 3.0.0)
     raabro (1.4.0)
-    racc (1.7.3)
-    rack (2.2.8.1)
+    racc (1.8.1)
+    rack (2.2.10)
     rack-attack (6.7.0)
       rack (>= 1.0, < 4)
     rack-mini-profiler (3.3.1)
@@ -527,25 +535,27 @@ GEM
       rack (~> 2.2, >= 2.2.4)
     rack-proxy (0.7.7)
       rack
+    rack-session (1.0.2)
+      rack (< 3)
     rack-test (2.1.0)
       rack (>= 1.3)
     rack_session_access (0.2.0)
       builder (>= 2.0.0)
       rack (>= 1.0.0)
-    rails (7.0.8.1)
-      actioncable (= 7.0.8.1)
-      actionmailbox (= 7.0.8.1)
-      actionmailer (= 7.0.8.1)
-      actionpack (= 7.0.8.1)
-      actiontext (= 7.0.8.1)
-      actionview (= 7.0.8.1)
-      activejob (= 7.0.8.1)
-      activemodel (= 7.0.8.1)
-      activerecord (= 7.0.8.1)
-      activestorage (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    rails (7.0.8.5)
+      actioncable (= 7.0.8.5)
+      actionmailbox (= 7.0.8.5)
+      actionmailer (= 7.0.8.5)
+      actionpack (= 7.0.8.5)
+      actiontext (= 7.0.8.5)
+      actionview (= 7.0.8.5)
+      activejob (= 7.0.8.5)
+      activemodel (= 7.0.8.5)
+      activerecord (= 7.0.8.5)
+      activestorage (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       bundler (>= 1.15.0)
-      railties (= 7.0.8.1)
+      railties (= 7.0.8.5)
     rails-controller-testing (1.0.5)
       actionpack (>= 5.0.1.rc1)
       actionview (>= 5.0.1.rc1)
@@ -562,21 +572,21 @@ GEM
     rails-html-sanitizer (1.6.0)
       loofah (~> 2.21)
       nokogiri (~> 1.14)
-    rails-i18n (7.0.8)
+    rails-i18n (7.0.9)
       i18n (>= 0.7, < 2)
       railties (>= 6.0.0, < 8)
     rails-pg-extras (5.3.1)
       rails
       ruby-pg-extras (= 5.3.1)
-    railties (7.0.8.1)
-      actionpack (= 7.0.8.1)
-      activesupport (= 7.0.8.1)
+    railties (7.0.8.5)
+      actionpack (= 7.0.8.5)
+      activesupport (= 7.0.8.5)
       method_source
       rake (>= 12.2)
       thor (~> 1.0)
       zeitwerk (~> 2.5)
     rainbow (3.1.1)
-    rake (13.1.0)
+    rake (13.2.1)
     rake-progressbar (0.0.5)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
@@ -584,19 +594,20 @@ GEM
     rdoc (6.6.3.1)
       psych (>= 4.0.0)
     redcarpet (3.6.0)
-    redis (5.1.0)
-      redis-client (>= 0.17.0)
-    redis-client (0.20.0)
+    redis (5.2.0)
+      redis-client (>= 0.22.0)
+    redis-client (0.22.1)
       connection_pool
     regexp_parser (2.9.0)
-    reline (0.4.2)
+    reline (0.5.3)
       io-console (~> 0.5)
     request_store (1.5.1)
       rack (>= 1.4)
     responders (3.1.1)
       actionpack (>= 5.2)
       railties (>= 5.2)
-    rexml (3.2.6)
+    rexml (3.3.6)
+      strscan
     rodf (1.2.0)
       builder (>= 3.0)
       rubyzip (>= 1.0)
@@ -614,20 +625,20 @@ GEM
     rspec-mocks (3.13.0)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.13.0)
-    rspec-rails (6.1.1)
+    rspec-rails (6.1.2)
       actionpack (>= 6.1)
       activesupport (>= 6.1)
       railties (>= 6.1)
-      rspec-core (~> 3.12)
-      rspec-expectations (~> 3.12)
-      rspec-mocks (~> 3.12)
-      rspec-support (~> 3.12)
+      rspec-core (~> 3.13)
+      rspec-expectations (~> 3.13)
+      rspec-mocks (~> 3.13)
+      rspec-support (~> 3.13)
     rspec-retry (0.6.2)
       rspec-core (> 3.3)
-    rspec-support (3.13.0)
+    rspec-support (3.13.1)
     rspec_junit_formatter (0.6.0)
       rspec-core (>= 2, < 4, != 2.12.0)
-    rubocop (1.60.2)
+    rubocop (1.63.3)
       json (~> 2.3)
       language_server-protocol (>= 3.17.0)
       parallel (~> 1.10)
@@ -635,27 +646,30 @@ GEM
       rainbow (>= 2.2.2, < 4.0)
       regexp_parser (>= 1.8, < 3.0)
       rexml (>= 3.2.5, < 4.0)
-      rubocop-ast (>= 1.30.0, < 2.0)
+      rubocop-ast (>= 1.31.1, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 2.4.0, < 3.0)
-    rubocop-ast (1.30.0)
-      parser (>= 3.2.1.0)
+    rubocop-ast (1.31.2)
+      parser (>= 3.3.0.4)
     rubocop-capybara (2.20.0)
       rubocop (~> 1.41)
     rubocop-factory_bot (2.25.1)
       rubocop (~> 1.41)
-    rubocop-performance (1.20.2)
+    rubocop-performance (1.21.0)
       rubocop (>= 1.48.1, < 2.0)
-      rubocop-ast (>= 1.30.0, < 2.0)
-    rubocop-rails (2.23.1)
+      rubocop-ast (>= 1.31.1, < 2.0)
+    rubocop-rails (2.24.1)
       activesupport (>= 4.2.0)
       rack (>= 1.1)
       rubocop (>= 1.33.0, < 2.0)
-      rubocop-ast (>= 1.30.0, < 2.0)
-    rubocop-rspec (2.26.1)
+      rubocop-ast (>= 1.31.1, < 2.0)
+    rubocop-rspec (2.29.1)
       rubocop (~> 1.40)
       rubocop-capybara (~> 2.17)
       rubocop-factory_bot (~> 2.22)
+      rubocop-rspec_rails (~> 2.28)
+    rubocop-rspec_rails (2.28.3)
+      rubocop (~> 1.40)
     ruby-graphviz (1.2.5)
       rexml
     ruby-next-core (1.0.2)
@@ -673,14 +687,9 @@ GEM
       nokogiri (>= 1.6.2)
       rexml
       xmlenc (>= 0.7.1)
-    sanitize (6.1.0)
+    sanitize (6.1.2)
       crass (~> 1.0.2)
       nokogiri (>= 1.12.0)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
     sassc (2.4.0)
       ffi (~> 1.9)
     sassc-rails (2.1.2)
@@ -689,34 +698,34 @@ GEM
       sprockets (> 3.0)
       sprockets-rails
       tilt
-    scss_lint (0.60.0)
-      sass (~> 3.5, >= 3.5.5)
     selectize-rails (0.12.6)
-    selenium-devtools (0.121.0)
+    selenium-devtools (0.126.0)
       selenium-webdriver (~> 4.2)
-    selenium-webdriver (4.17.0)
+    selenium-webdriver (4.22.0)
       base64 (~> 0.2)
+      logger (~> 1.4)
       rexml (~> 3.2, >= 3.2.5)
       rubyzip (>= 1.2.2, < 3.0)
       websocket (~> 1.0)
-    sentry-delayed_job (5.16.1)
+    sentry-delayed_job (5.17.3)
       delayed_job (>= 4.0)
-      sentry-ruby (~> 5.16.1)
-    sentry-rails (5.16.1)
+      sentry-ruby (~> 5.17.3)
+    sentry-rails (5.17.3)
       railties (>= 5.0)
-      sentry-ruby (~> 5.16.1)
-    sentry-ruby (5.16.1)
+      sentry-ruby (~> 5.17.3)
+    sentry-ruby (5.17.3)
+      bigdecimal
       concurrent-ruby (~> 1.0, >= 1.0.2)
-    sentry-sidekiq (5.16.1)
-      sentry-ruby (~> 5.16.1)
+    sentry-sidekiq (5.17.3)
+      sentry-ruby (~> 5.17.3)
       sidekiq (>= 3.0)
-    shoulda-matchers (6.1.0)
+    shoulda-matchers (6.2.0)
       activesupport (>= 5.2.0)
     sib-api-v3-sdk (9.1.0)
       addressable (~> 2.3, >= 2.3.0)
       json (~> 2.1, >= 2.1.0)
       typhoeus (~> 1.0, >= 1.0.1)
-    sidekiq (7.2.1)
+    sidekiq (7.2.4)
       concurrent-ruby (< 2)
       connection_pool (>= 2.3.0)
       rack (>= 2.2.4)
@@ -728,6 +737,15 @@ GEM
     simple_xlsx_reader (1.0.4)
       nokogiri
       rubyzip
+    simplecov (0.22.0)
+      docile (~> 1.1)
+      simplecov-html (~> 0.11)
+      simplecov_json_formatter (~> 0.1)
+    simplecov-cobertura (2.1.0)
+      rexml
+      simplecov (~> 0.19)
+    simplecov-html (0.12.3)
+    simplecov_json_formatter (0.1.4)
     simpleidn (0.2.1)
       unf (~> 0.1.4)
     sinatra (3.2.0)
@@ -735,13 +753,13 @@ GEM
       rack (~> 2.2, >= 2.2.4)
       rack-protection (= 3.2.0)
       tilt (~> 2.0)
-    skylight (6.0.3)
+    skylight (6.0.4)
       activesupport (>= 5.2.0)
     smart_properties (1.17.0)
     spreadsheet_architect (5.0.0)
       caxlsx (>= 3.3.0, < 4)
       rodf (>= 1.0.0, < 2)
-    spring (4.1.3)
+    spring (4.2.1)
     spring-commands-rspec (1.0.4)
       spring (>= 0.9.1)
     sprockets (4.2.1)
@@ -752,9 +770,11 @@ GEM
       activesupport (>= 5.2)
       sprockets (>= 3.0.0)
     stackprof (0.2.26)
+    string-similarity (2.1.0)
     stringio (3.1.0)
-    strong_migrations (1.7.0)
+    strong_migrations (1.8.0)
       activerecord (>= 5.2)
+    strscan (3.1.0)
     swd (2.0.3)
       activesupport (>= 3)
       attr_required (>= 0.0.5)
@@ -766,13 +786,14 @@ GEM
     temple (0.8.2)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
-    thor (1.3.0)
+    test-prof (1.3.3)
+    thor (1.3.2)
     thread_safe (0.3.6)
     tilt (2.3.0)
     timecop (0.9.8)
     timeout (0.4.1)
     ttfunk (1.7.0)
-    turbo-rails (2.0.2)
+    turbo-rails (2.0.5)
       actionpack (>= 6.0.0)
       activejob (>= 6.0.0)
       railties (>= 6.0.0)
@@ -790,7 +811,7 @@ GEM
       activemodel (>= 3.0.0)
       public_suffix
     vcr (6.2.0)
-    view_component (3.10.0)
+    view_component (3.12.1)
       activesupport (>= 5.2.0, < 8.0)
       concurrent-ruby (~> 1.0)
       method_source (~> 1.0)
@@ -816,11 +837,11 @@ GEM
       activesupport
       faraday (~> 2.0)
       faraday-follow_redirects
-    webmock (3.20.0)
+    webmock (3.23.0)
       addressable (>= 2.8.0)
       crack (>= 0.3.2)
       hashdiff (>= 0.4.0, < 2.0.0)
-    webrick (1.8.1)
+    webrick (1.8.2)
     websocket (1.2.10)
     websocket-driver (0.7.6)
       websocket-extensions (>= 0.1.0)
@@ -846,13 +867,13 @@ GEM
       anyway_config (>= 1.3, < 3)
       sidekiq
       yabeda (~> 0.6)
-    zeitwerk (2.6.13)
+    zeitwerk (2.7.0)
     zip_tricks (5.6.0)
     zipline (1.5.0)
       actionpack (>= 6.0, < 8.0)
       content_disposition (~> 1.0)
       zip_tricks (>= 4.2.1, < 6.0)
-    zxcvbn-ruby (1.2.0)
+    zxcvbn (0.1.11)
 
 PLATFORMS
   ruby
@@ -878,6 +899,7 @@ DEPENDENCIES
   browser
   capybara
   capybara-email
+  capybara-playwright-driver
   capybara-screenshot
   charlock_holmes
   chartkick
@@ -888,7 +910,7 @@ DEPENDENCIES
   delayed_cron_job
   delayed_job_active_record
   delayed_job_web
-  devise!
+  devise
   devise-i18n
   devise-two-factor
   discard
@@ -900,6 +922,7 @@ DEPENDENCIES
   flipper-active_record
   flipper-active_support_cache_store
   flipper-ui
+  front_matter_parser
   fugit
   geo_coord
   geocoder
@@ -967,7 +990,6 @@ DEPENDENCIES
   rubocop-rspec
   saml_idp
   sassc-rails
-  scss_lint
   selenium-devtools
   selenium-webdriver
   sentry-delayed_job
@@ -979,13 +1001,17 @@ DEPENDENCIES
   sidekiq
   sidekiq-cron
   simple_xlsx_reader
+  simplecov
+  simplecov-cobertura
   skylight
   spreadsheet_architect
   spring
   spring-commands-rspec
   stackprof
+  string-similarity
   strong_migrations
   sys-proctable
+  test-prof
   timecop
   turbo-rails
   typhoeus
@@ -1000,7 +1026,7 @@ DEPENDENCIES
   yabeda-prometheus
   yabeda-sidekiq
   zipline
-  zxcvbn-ruby
+  zxcvbn
 
 BUNDLED WITH
-   2.5.4
+   2.5.9

Guardfile

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 # A sample Guardfile
 # More info at https://github.com/guard/guard#readme
 

Procfile.dev

@@ -1,3 +1,3 @@
-web: RAILS_QUEUE_ADAPTER=delayed_job bin/rails server -p 3000
+web: bin/rails server -p 3000
 jobs: bin/rake jobs:work
 vite: bin/vite dev

README.md

@@ -38,6 +38,8 @@ Pour faire tourner sidekiq, vous aurez besoin de :
 
 - redis
 
+- lightgallery : une license a été souscrite pour soutenir le projet, mais elle n'est pas obligatoire si la librairie est utilisée dans le cadre d'une application open source.
+
 #### Développement
 
 - rbenv : voir https://github.com/rbenv/rbenv-installer#rbenv-installer--doctor-scripts
@@ -62,7 +64,7 @@ Selenium::WebDriver::Chrome.path = "/Applications/Brave Browser.app/Contents/Mac
 Webdrivers::Chromedriver.required_version = "103.0.5060.53"
 ```
 
-Il est également possible de faire une installation et mise à jour automatique lors de l'exécution de `bin/update` en définissant la variable d'environnement `UPDATE_WEBDRIVER`. Les binaires seront installés dans le repertoire `~/.local/bin/` qui doit être rajouté manuellement dans le path. 
+Il est également possible de faire une installation et mise à jour automatique lors de l'exécution de `bin/update` en définissant la variable d'environnement `UPDATE_WEBDRIVER`. Les binaires seront installés dans le repertoire `~/.local/bin/` qui doit être rajouté manuellement dans le path.
 
 ### Création des rôles de la base de données
 
@@ -142,7 +144,7 @@ Pour exécuter les tests de l'application, plusieurs possibilités :
 
 - Afficher les logs js en error issus de la console du navigateur `console.error('coucou')`
 
-        JS_LOG=error bin/rspec spec/system
+        JS_LOG=debug,log,error bin/rspec spec/system
 
 - Augmenter la latence lors de tests end2end pour déceler des bugs récalcitrants
 
@@ -192,3 +194,5 @@ La compatibilité est testée par Browserstack.<br>[<img src="app/assets/images/
 [![View performance data on Skylight](https://badges.skylight.io/status/zAvWTaqO0mu1.svg)](https://oss.skylight.io/app/applications/zAvWTaqO0mu1)
 
 Nous utilisons Skylight pour suivre les performances de notre application.
+
+Par ailleurs, nous utilisons [Yabeda](https://github.com/yabeda-rb/yabeda) pour exporter des métriques au format prometheus pour Sidekiq. L'activation se fait via la variable d'environnement `PROMETHEUS_EXPORTER_ENABLED` voir config/env.example.optional .

Rakefile

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 # Add your own tasks in files placed in lib/tasks ending in .rake,
 # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
 

app/assets/stylesheets/01_common.scss

@@ -1,4 +1,4 @@
-@import "placeholders";
+@import 'placeholders';
 
 html,
 body {
@@ -6,11 +6,21 @@ body {
   scroll-behavior: smooth;
 }
 
+// Forces line breaks to prevent buttons from overflowing their container
+input[type='submit'] {
+  white-space: normal;
+}
+
 .page-wrapper {
   position: relative;
   min-height: 100%;
 }
 
+// Wrap text in pre tag
+pre {
+  white-space: pre-wrap;
+}
+
 // Mobile Safari doesn't bubble mouse events by default, unless:
 //
 // - the target element of the event is a link or a form field.
@@ -28,3 +38,7 @@ body {
 .container {
   @extend %container;
 }
+
+react-fragment {
+  display: block;
+}

app/assets/stylesheets/02_utils.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 // floats
 .pull-left {
@@ -37,7 +37,7 @@
 }
 
 .text-right {
-  text-align: right;
+  text-align: right !important;
 }
 
 .text-sm {
@@ -142,7 +142,6 @@
   }
 }
 
-
 // who known
 .highlighted {
   background-color: var(
@@ -194,13 +193,29 @@
 // using $direction.key as css modifier, $direction.values to set css properties
 // scale it using $steps
 $directions: (
-  "t": ("margin-top"),
-  "r": ("margin-right"),
-  "b": ("margin-bottom"),
-  "l": ("margin-left"),
-  "x": ("margin-left", "margin-right"),
-  "y": ("margin-top", "margin-bottom"),
-  "":  ("margin")
+  't': (
+    'margin-top'
+  ),
+  'r': (
+    'margin-right'
+  ),
+  'b': (
+    'margin-bottom'
+  ),
+  'l': (
+    'margin-left'
+  ),
+  'x': (
+    'margin-left',
+    'margin-right'
+  ),
+  'y': (
+    'margin-top',
+    'margin-bottom'
+  ),
+  '': (
+    'margin'
+  )
 );
 $steps: (0, 1, 2, 3, 4, 5, 6, 7, 8);
 
@@ -215,13 +230,29 @@ $steps: (0, 1, 2, 3, 4, 5, 6, 7, 8);
 }
 
 $directions: (
-  "t": ("padding-top"),
-  "r": ("padding-right"),
-  "b": ("padding-bottom"),
-  "l": ("padding-left"),
-  "x": ("padding-left", "padding-right"),
-  "y": ("padding-top", "padding-bottom"),
-  "":  ("padding")
+  't': (
+    'padding-top'
+  ),
+  'r': (
+    'padding-right'
+  ),
+  'b': (
+    'padding-bottom'
+  ),
+  'l': (
+    'padding-left'
+  ),
+  'x': (
+    'padding-left',
+    'padding-right'
+  ),
+  'y': (
+    'padding-top',
+    'padding-bottom'
+  ),
+  '': (
+    'padding'
+  )
 );
 $steps: (0, 1, 2, 3, 4, 5, 6, 7, 8);
 

app/assets/stylesheets/_colors.scss

@@ -1,26 +1,26 @@
-$light-blue: #1C7EC9;
-$lighter-blue: #C3D9FF;
+$light-blue: #1c7ec9;
+$lighter-blue: #c3d9ff;
 $black: #333333;
-$white: #FFFFFF;
+$white: #ffffff;
 $grey: #888888;
-$light-grey: #F8F8F8;
+$light-grey: #f8f8f8;
 $dark-grey: #666666;
-$border-grey: #CCCCCC;
-$dark-red: #A10005;
+$border-grey: #cccccc;
+$dark-red: #a10005;
 $medium-red: rgba(161, 0, 5, 0.9);
-$light-red: #ED1C24;
-$lighter-red: #F52A2A;
-$background-red: #FFDFDF;
+$light-red: #ed1c24;
+$lighter-red: #f52a2a;
+$background-red: #ffdfdf;
 $green: darken(#169862, 5%);
-$old-green: #15AD70;
+$old-green: #15ad70;
 $lighter-green: lighten($old-green, 30%);
 $light-green: lighten($old-green, 25%);
 $dark-green: darken($old-green, 20%);
-$orange: #F28900;
+$orange: #f28900;
 $orange-bg: lighten($orange, 35%);
-$yellow: #FEF3B8;
-$light-yellow: #FFFFDE;
-$blue-france-700: #00006D;
+$yellow: #fef3b8;
+$light-yellow: #ffffde;
+$blue-france-700: #00006d;
 $blue-france-500: #000091;
-$blue-france-400: #7F7FC8;
+$blue-france-400: #7f7fc8;
 $g700: #383838;

app/assets/stylesheets/_mixins.scss

@@ -1,4 +1,4 @@
-@import "constants";
+@import 'constants';
 
 @mixin horizontal-padding($value) {
   padding-left: $value;
@@ -22,4 +22,3 @@
     background-image: image-url($image-url);
   }
 }
-

app/assets/stylesheets/_placeholders.scss

@@ -1,6 +1,6 @@
-@import "colors";
-@import "mixins";
-@import "constants";
+@import 'colors';
+@import 'mixins';
+@import 'constants';
 
 %horizontal-list {
   list-style-type: none;
@@ -27,7 +27,8 @@
   }
 }
 
-%container { // TODO: switch to new design with preview in two view not in two column https://github.com/betagouv/demarches-simplifiees.fr/issues/7882
+%container {
+  // TODO: switch to new design with preview in two view not in two column https://github.com/betagouv/demarches-simplifiees.fr/issues/7882
   @include horizontal-padding($default-padding);
   max-width: $page-width + 2 * $default-padding;
   margin-left: auto;

app/assets/stylesheets/actiontext.scss

@@ -11,9 +11,9 @@
 
 trix-editor {
   min-height: 10em;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
 }
 
-[data-fr-theme="dark"] .trix-button-group button {
+[data-fr-theme='dark'] .trix-button-group button {
   background: var(--background-action-high-blue-france) !important;
 }

app/assets/stylesheets/add_instructeur.scss

@@ -1,5 +1,5 @@
-@import "constants";
-@import "colors";
+@import 'constants';
+@import 'colors';
 
 .instructeur-wrapper {
   .select-instructeurs {

app/assets/stylesheets/agentconnect.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 #agentconnect {
   .agent {
@@ -10,7 +10,7 @@
   }
 
   .box {
-    background-color: #F2F2F9;
+    background-color: #f2f2f9;
     padding: $default-padding;
 
     ul {

app/assets/stylesheets/animations.scss

@@ -1,4 +1,4 @@
-@import "placeholders";
+@import 'placeholders';
 
 @keyframes fade-in-down {
   0% {

app/assets/stylesheets/archive.scss

@@ -1,4 +1,4 @@
-@import "constants";
+@import 'constants';
 
 table.archive-table {
   .text-right {

app/assets/stylesheets/attachment.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 .attachment-error,
 .attachment-upload-error {
@@ -8,7 +8,7 @@
   &::before {
     box-shadow: inset 2px 0 0 0 var(--border-plain-error);
     height: 100%;
-    content: "";
+    content: '';
     left: -0.75rem;
     position: absolute;
     width: 2px;
@@ -26,7 +26,7 @@
 }
 
 .attachment-multiple:not(.fr-downloads-group),
-.attachment-multiple.fr-downloads-group[data-controller=replace-attachment] {
+.attachment-multiple.fr-downloads-group[data-controller='replace-attachment'] {
   ul {
     list-style-type: none;
     padding-inline-start: 0;
@@ -49,9 +49,8 @@
   }
 }
 
-.attachment-multiple.fr-downloads-group.destroyable {
-  ul {
-    list-style-type: none;
-    padding-inline-start: 0;
-  }
+.attachment-multiple.fr-downloads-group.destroyable ul,
+ul[data-file-input-reset-target='fileList'] {
+  list-style-type: none;
+  padding-inline-start: 0;
 }

app/assets/stylesheets/attestation.scss

@@ -1,20 +1,20 @@
 @font-face {
-  font-family: "Marianne";
-  src: url("marianne-regular.ttf");
+  font-family: 'Marianne';
+  src: url('marianne-regular.ttf');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "Marianne";
-  src: url("marianne-bold.ttf");
+  font-family: 'Marianne';
+  src: url('marianne-bold.ttf');
   font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "Marianne";
-  src: url("marianne-thin.ttf");
+  font-family: 'Marianne';
+  src: url('marianne-thin.ttf');
   font-weight: 100; // weasy print n"accepte pas lighter
   font-style: normal;
 }
@@ -25,8 +25,9 @@
 
   @bottom-center {
     font-size: 8pt;
-    content: counter(page) " / " counter(pages);
+    content: counter(page) ' / ' counter(pages);
     margin-top: 17mm;
+    white-space: nowrap;
   }
 
   @bottom-left {
@@ -41,11 +42,12 @@
       flex-direction: column;
       justify-content: space-between; // This will push the footer down
       max-width: 21cm;
-      height: 29.7cm;
+      min-height: 29.7cm;
       padding: 17mm;
       margin: 0 auto;
-      background: #FFFFFF;
+      background: #ffffff;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); // Optional: for better visualization
+      position: relative;
     }
   }
 
@@ -140,13 +142,11 @@
 
   h2 {
     margin: 0;
-    line-height: 8pt;
   }
 
   h3 {
     font-size: 10pt; // same as text
     font-weight: bold;
-    line-height: 4pt;
   }
 
   li p {
@@ -167,9 +167,31 @@
     }
   }
 
-  .footer {
+  footer {
     position: running(footer);
     font-size: 7pt;
     font-weight: 100;
+    white-space: nowrap;
+
+    @media screen {
+      position: absolute;
+      bottom: 0;
+    }
+  }
+
+  .tdc-repetition li {
+    margin-bottom: 5mm;
+    padding-left: 3mm;
+
+    dl {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: 1mm 10mm;
+    }
+
+    .invisible {
+      visibility: hidden;
+      height: 0;
+    }
   }
 }

app/assets/stylesheets/attestation_template_2_edit.scss

@@ -1,4 +1,4 @@
-@import "constants";
+@import 'constants';
 
 #attestation-edit {
   .attestation-preview {
@@ -20,7 +20,7 @@
     min-height: 400px;
   }
 
-  .editor {
+  .tiptap-editor {
     // Visual zones
     .header .flex-1,
     h1 {
@@ -63,17 +63,6 @@
     li p {
       margin-bottom: 0;
     }
-
-    // Tags
-    .fr-menu__list {
-      max-height: 500px;
-    }
-
-    .fr-tag:not(.fr-menu .fr-tag) {
-      // style span rendered by tiptap like a button/link tag
-      color: var(--text-action-high-blue-france);
-      background-color: var(--background-action-low-blue-france);
-    }
   }
 
   // scss-lint:disable SelectorFormat

app/assets/stylesheets/attestation_template_edit.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 #attestation-template-edit {
   .text-active {

app/assets/stylesheets/auth.scss

@@ -1,7 +1,7 @@
-@import "colors";
-@import "constants";
-@import "placeholders";
-@import "mixins";
+@import 'colors';
+@import 'constants';
+@import 'placeholders';
+@import 'mixins';
 
 #auth,
 #agentconnect {
@@ -48,15 +48,15 @@
 }
 
 .sign-in-form .form {
-  input[type="email"] {
+  input[type='email'] {
     margin-bottom: $default-spacer;
   }
 
-  input[type="password"] {
+  input[type='password'] {
     margin-bottom: $default-spacer;
   }
 
-  input[type="checkbox"] {
+  input[type='checkbox'] {
     margin-bottom: 0;
   }
 }

app/assets/stylesheets/autosave.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 .autosave {
   position: relative;

app/assets/stylesheets/badges.scss

@@ -1,34 +0,0 @@
-@import "colors";
-@import "constants";
-
-.badge {
-  padding: 0 5px;
-  font-size: 14px;
-  font-weight: bold;
-  text-align: center;
-  white-space: nowrap;
-  border-radius: 100px;
-  background-color: rgba(0, 0, 0, 0.08);
-  vertical-align: top;
-
-  &.baseline {
-    vertical-align: baseline;
-  }
-
-  &.warning {
-    background-color: $orange;
-    color: #FFFFFF;
-  }
-}
-
-.badge-group {
-  display: flex;
-
-  .fr-badge {
-    margin-right: $default-spacer;
-  }
-
-  .fr-badge:last-child {
-    margin-right: 0;
-  }
-}

app/assets/stylesheets/beta.scss

@@ -6,8 +6,8 @@
   right: -35px;
   transform: rotate(45deg);
   width: 150px;
-  background-color: #008CBA;
-  color: #FFFFFF;
+  background-color: #008cba;
+  color: #ffffff;
   padding: 5px;
   font-size: 15px;
   font-weight: 700;

app/assets/stylesheets/buttons.scss

@@ -1,6 +1,6 @@
-@import "colors";
-@import "constants";
-@import "placeholders";
+@import 'colors';
+@import 'constants';
+@import 'placeholders';
 
 .button {
   @extend %outline;
@@ -11,7 +11,7 @@
   border: 1px solid $border-grey;
   font-size: 14px;
   line-height: 20px;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   color: $black;
   text-align: center;
   -webkit-appearance: none;
@@ -29,7 +29,7 @@
   }
 
   &.primary {
-    color: #FFFFFF;
+    color: #ffffff;
     border-color: $blue-france-700;
     background-color: $blue-france-700;
 
@@ -41,10 +41,10 @@
   &.secondary {
     color: $blue-france-700;
     border-color: $blue-france-700;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
 
     &:hover:not(:disabled) {
-      color: #FFFFFF;
+      color: #ffffff;
       background: $blue-france-700;
     }
   }
@@ -52,10 +52,10 @@
   &.danger {
     color: $black;
     border-color: $border-grey;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
 
     &:hover:not(:disabled) {
-      color: #FFFFFF;
+      color: #ffffff;
       border-color: $medium-red;
       background-color: $medium-red;
 
@@ -66,35 +66,35 @@
   }
 
   &.accepted {
-    color: #FFFFFF;
+    color: #ffffff;
     border-color: $green;
     background-color: $green;
 
     &:hover:not(:disabled) {
       color: $green;
-      background-color: #FFFFFF;
+      background-color: #ffffff;
     }
   }
 
   &.without-continuation {
-    color: #FFFFFF;
+    color: #ffffff;
     border-color: $black;
     background-color: $black;
 
     &:hover:not(:disabled) {
       color: $black;
-      background-color: #FFFFFF;
+      background-color: #ffffff;
     }
   }
 
   &.refused {
-    color: #FFFFFF;
+    color: #ffffff;
     border-color: $dark-red;
     background-color: $dark-red;
 
     &:hover:not(:disabled) {
       color: $dark-red;
-      background-color: #FFFFFF;
+      background-color: #ffffff;
     }
   }
 
@@ -151,10 +151,8 @@
   .dropdown-button {
     white-space: nowrap;
 
-    &::after {
-      content: "▾";
-      margin-left: $default-spacer;
-      font-weight: bold;
+    [aria-hidden='true'].fr-ml-2v::after {
+      content: '▾';
     }
 
     &.icon-only {
@@ -174,13 +172,12 @@
   }
 }
 
-
-[data-fr-theme="dark"] .dropdown-content {
+[data-fr-theme='dark'] .dropdown-content {
   border: none;
   background: var(--background-action-low-blue-france);
 }
 
-[data-fr-theme="dark"] .dropdown-items {
+[data-fr-theme='dark'] .dropdown-items {
   li {
     &:not(.inactive) {
       &:hover,
@@ -197,7 +194,7 @@
 
 .dropdown-content {
   border: 1px solid $border-grey;
-  background: #FFFFFF;
+  background: #ffffff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   position: absolute;
   right: 0;
@@ -243,6 +240,57 @@ ul.dropdown-items {
   margin-bottom: 0;
 }
 
+// Apply custom styles to DSFR fr-translate component
+.fr-translate__btn.fr-btn.help-btn::before {
+  content: none;
+}
+
+.help-content.fr-menu ul.fr-menu__list {
+  --text-decoration: underline;
+  text-align: left;
+  font-size: 1rem;
+
+  @media (min-width: 62em) {
+    font-size: 0.875rem;
+    padding: 0;
+    width: 360px;
+  }
+}
+
+.help-content.fr-menu ul.fr-menu__list li {
+  padding: 0.75rem 1rem;
+
+  @media (min-width: 62em) {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+.help-content.fr-menu ul.fr-menu__list li:not(:last-child) {
+  @media (min-width: 62em) {
+    border-bottom: 1px solid $border-grey;
+  }
+}
+
+.help-content.fr-menu ul.fr-menu__list {
+  h1,
+  p {
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  dd {
+    word-break: break-word;
+  }
+}
+
+.help-content a[href]:hover,
+.help-content a[href]:active {
+  @media (hover: hover) and (pointer: fine) {
+    --text-decoration: none;
+  }
+}
+
 .dropdown-items {
   li {
     display: flex;
@@ -294,7 +342,7 @@ ul.dropdown-items {
 
     // Make child links fill the whole clickable area
     > a,
-      .dropdown-items-link {
+    .dropdown-items-link {
       display: flex;
       flex-grow: 1;
       margin: -$default-padding;
@@ -317,7 +365,7 @@ ul.dropdown-items {
   }
 
   p + h4,
-  p + p, {
+  p + p {
     margin-top: $default-spacer;
   }
 }

app/assets/stylesheets/card.scss

@@ -1,8 +1,7 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
-
-[data-fr-theme="dark"] .card {
+[data-fr-theme='dark'] .card {
   background: none;
   border: 1px solid var(--background-action-low-blue-france);
 }
@@ -11,7 +10,7 @@
   padding: ($default-spacer * 3) ($default-spacer * 2);
   border: 1px solid $border-grey;
   margin-bottom: $default-spacer * 4;
-  background: #FFFFFF;
+  background: #ffffff;
 
   .card-title {
     font-weight: bold;
@@ -51,6 +50,7 @@
   &.no-list {
     ul {
       list-style: none !important;
+      padding-left: 0;
     }
   }
 

app/assets/stylesheets/card_admin.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 .fr-tile-subtitle {
   min-height: 7rem;

app/assets/stylesheets/carte.scss

@@ -1,6 +1,4 @@
-@import "colors";
-@import "constants";
-
+@import 'colors';
 
 .areas {
   margin-bottom: 10px;
@@ -10,60 +8,49 @@
   }
 }
 
-.form [data-react-component-value='MapEditor'] [data-reach-combobox-input] {
-  margin-bottom: 0;
-}
+.ds-ctrl button {
+  color: $dark-grey;
 
-.map-style-control {
-  position: absolute;
-  bottom: 4px;
-  left: 10px;
-
-  img {
-    width: 100%;
-  }
-
-  button {
-    padding: 0;
-    border: none;
-    cursor: pointer;
-
-    > div {
-      position: absolute;
-      bottom: 5px;
-      left: 5px;
-    }
-  }
-
-  .map-style-panel {
-    z-index: 1;
-    padding: $default-spacer;
-    margin-bottom: $default-spacer;
-
-    ul {
-      list-style: none;
-      padding: $default-spacer;
-      padding-bottom: 0;
-      margin-bottom: -$default-spacer;
-
-      label {
-        font-size: 12px;
-        font-weight: normal;
-      }
-    }
+  &.on,
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.05);
   }
 }
 
-.cadastres-selection-control {
-  z-index: 1;
-  position: absolute;
-  top: 135px;
-  left: 10px;
+.react-aria-popover {
+  &[data-placement='top'] {
+    --origin: translateY(8px);
+  }
 
-  button {
-    &.on,
-    &:hover {
-      background-color: rgba(0, 0, 0, 0.05);
-    }
+  &[data-placement='bottom'] {
+    --origin: translateY(-8px);
+  }
+
+  &[data-placement='right'] {
+    --origin: translateX(-8px);
+  }
+
+  &[data-placement='left'] {
+    --origin: translateX(8px);
+  }
+
+  &[data-entering] {
+    animation: popover-slide 200ms;
+  }
+
+  &[data-exiting] {
+    animation: popover-slide 200ms reverse ease-in;
+  }
+}
+
+@keyframes popover-slide {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateY(0);
+    opacity: 1;
   }
 }

app/assets/stylesheets/cnaf.scss

@@ -1,5 +1,5 @@
-@import "constants";
-@import "colors";
+@import 'constants';
+@import 'colors';
 
 table.cnaf {
   margin: 2 * $default-padding 0 $default-padding $default-padding;
@@ -7,7 +7,7 @@ table.cnaf {
 
   caption {
     font-weight: bold;
-    margin-left: - $default-padding;
+    margin-left: -$default-padding;
     margin-bottom: $default-spacer;
     text-align: left;
   }

app/assets/stylesheets/code_blocks.scss

@@ -1,4 +1,4 @@
-@import "colors";
+@import 'colors';
 
 .code-block {
   background-color: $black;

app/assets/stylesheets/code_example.scss

@@ -1,5 +1,5 @@
-@import "constants";
-@import "colors";
+@import 'constants';
+@import 'colors';
 
 .code-example {
   background-color: var(--background-contrast-grey);
@@ -13,7 +13,6 @@
       margin-right: auto;
       padding: $default-padding;
     }
-
   }
 
   pre {

app/assets/stylesheets/commencer.scss

@@ -1,4 +1,4 @@
-@import "constants";
+@import 'constants';
 
 .commencer {
   @media (max-width: 62em) {

app/assets/stylesheets/conditions_component.scss

@@ -1,5 +1,5 @@
-@import "colors";
-@import "constants";
+@import 'colors';
+@import 'constants';
 
 form.form > .conditionnel {
   .condition-table {
@@ -37,7 +37,6 @@ form.form > .conditionnel {
   th {
     text-align: left;
     padding: $default-spacer;
-
   }
 
   td {
@@ -48,7 +47,7 @@ form.form > .conditionnel {
       margin-bottom: 0;
     }
 
-    input[type=text] {
+    input[type='text'] {
       display: inline-block;
       margin-bottom: 0;
     }
@@ -57,5 +56,14 @@ form.form > .conditionnel {
     select.alert {
       border-color: $dark-red;
     }
+
+    &:first-child {
+      padding-left: 0;
+    }
+
+    &:last-child {
+      text-align: right;
+      padding-right: 0;
+    }
   }
 }