feat(DSFR): migration des pages fiches service public #6277

carolineBda · 2024-11-12T15:50:09Z

carolineBda · 2024-11-19T15:04:57Z

packages/code-du-travail-frontend/src/modules/fiche-service-public/queries.ts

+  FicheServicePublicDoc,
+} from "@socialgouv/cdtn-types";
+import { FicheSPData } from "../../fiche-service-public/type";
+


type à exporter dans cdtn-admin

carolineBda · 2024-11-19T15:05:13Z

packages/code-du-travail-frontend/src/fiche-service-public/type.ts

type à exporter dans l'cdtn-admin

maxgfr

GG car le code est vraiment pas simple.... Je pense on peut opti, après avec la nouvelle version de React, ce n'est pas forcement nécessaire

Par ailleurs, truc auquel j'y pense ça serait pas mal de voir si avec les nouvelles versions des données des fiches sp, on récupérerait pas l'html comme avec ministère du travail où on scrap. ca nous permettrait d'éviter d'utiliser ce code complexe.

A-t-on fait une étude pour creuser le point d'entrée des données ?

maxgfr · 2024-11-25T13:49:41Z

packages/code-du-travail-frontend/src/fiche-service-public/components/Accordion.tsx

+  const accordionItems = data.children
+    .filter(isItemOfAccordion)
+    .map((accordionItem: FicheSPDataChapitre | FicheSPDataCas) => {
+      const title = getTitleInChildren(accordionItem);
+      const content = (
+        <ElementBuilder
+          data={filterOutTitle(accordionItem)}
+          headingLevel={headingLevel + 1}
+        />
+      );
+      return {
+        content,
+        title,
+      };
+    });
+


je pense qu'on peut optimiser la génération via un useMemo, car là à chaque changement de composant, ça se recalcule

Il n'y a pas de changement à ce niveau là. On va faire un premier render et après il n'y a pas de nouveau render car pas de modification du dom par la suite (on ne fait que générer du HTML sans interaction utilisateur). Ce sont des pages candidates pour l'utilisation d'un cache ou une génération static du HTML.

maxgfr · 2024-11-25T14:36:44Z

packages/code-du-travail-frontend/src/fiche-service-public/components/Avertissement.tsx

+  const formatedDate =
+    (data.attributes?.date &&
+      format(parseISO(data.attributes.date), "dd MMMM yyyy", {
+        locale: frLocale,
+      })) ||
+    undefined;
+  const title = getInChildrenByName(data, "Titre");


là aussi, je pense on peut optimiser ces données d'entrées. après avec la nouvelle version de react : https://www.developerway.com/posts/react-compiler-soon et le nouveau compilateur on en aura pas besoin. mais dans les faits, c'est vrai que ça serait bien d'avoir de l'opti sur ce genrte de composant.

en sachant que la nouvelle version gère ça, on peut laisser comme ça

maxgfr · 2024-11-25T14:40:29Z

...ontend/src/fiche-service-public/components/__tests__/__snapshots__/OuSAdresser.test.tsx.snap

est-ce que ça vaut le coup d'avoir tout ces composants snapshoté ? serait-il pas mieux de faire la génération sur un seul composant pour éviter la redondance

maxgfr · 2024-11-25T14:41:28Z

packages/code-du-travail-frontend/src/fiche-service-public/type.ts

Je te cache pas que la gestion des types est compliqué et je comprends pq tu n'es pas sûr. On a difficlement de la visibilité dessus, donc je pense on peut laisser comme ça

merci pour ton retour !

Viczei · 2024-12-17T09:56:42Z

packages/code-du-travail-frontend/src/modules/fiche-service-public/builder/components/Video.tsx

+  const url = data.attributes.URL;
+  const title = getText(data.children[0]);
+  return (
+    <Link href={url} target="_blank" rel="noopener noreferrer">


juste pour ne pas oublier. il faudra utiliser notre composant Link pour cette partie

m-maillot · 2024-12-17T09:49:12Z

packages/code-du-travail-frontend/src/modules/common/__tests__/ReferenceList.test.tsx

+    const { container } = render(
+      <ReferenceList references={references as ServicePublicReference[]} />
+    );
+    expect(container).toMatchSnapshot();


J'aurais testé les fonctionnalités et les labels soient correctes selon le type de la référence.

Pas bloquant du tout :)

t'as raison 👍 j'ai mis à jour

github-actions · 2024-12-17T11:14:28Z

🎉 Deployment for commit 711f16f :

Ingresses

🚀 https://code-du-travail-numerique-carolinebda-dsfr-fiche-sp-mhm42bu2.ovh.fabrique.social.gouv.fr/

Docker images

📦 docker pull harbor.fabrique.social.gouv.fr/cdtn/code-du-travail-numerique/app:sha-711f16f143c07c12fe065d8ecfe79c888c7c03a0

Debug

carolineBda added 3 commits November 12, 2024 16:49

feat(DSFR): migration des pages fiches service public

5f973f2

Merge branch 'dev' into carolineBda/dsfr-fiche-SP

b1201b3

implement rest of it

214c28e

carolineBda had a problem deploying to review-auto November 14, 2024 15:49 — with GitHub Actions Failure

ts

8805627

carolineBda had a problem deploying to review-auto November 14, 2024 16:02 — with GitHub Actions Failure

add types

1263598

carolineBda temporarily deployed to review-auto November 19, 2024 10:53 — with GitHub Actions Inactive

more typing

7bbcd7b

carolineBda temporarily deployed to review-auto November 19, 2024 11:23 — with GitHub Actions Inactive

add tests

c6ec94e

carolineBda had a problem deploying to review-auto November 19, 2024 14:44 — with GitHub Actions Failure

update types

0c2f531

carolineBda temporarily deployed to review-auto November 19, 2024 15:03 — with GitHub Actions Inactive

carolineBda commented Nov 19, 2024

View reviewed changes

packages/code-du-travail-frontend/src/fiche-service-public/type.ts Outdated

Copy link

Contributor Author

carolineBda Nov 19, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

type à exporter dans l'cdtn-admin

fix test

3c5a189

carolineBda temporarily deployed to review-auto November 19, 2024 15:27 — with GitHub Actions Inactive

carolineBda requested review from maxgfr, m-maillot and Viczei November 19, 2024 15:28

fix spec

db6bcab

carolineBda temporarily deployed to review-auto November 19, 2024 16:33 — with GitHub Actions Inactive

maxgfr reviewed Nov 25, 2024

View reviewed changes

prise en compte des retours suite à la réu design

5d89d64

carolineBda temporarily deployed to review-auto November 25, 2024 15:18 — with GitHub Actions Inactive

ne pas afficher de sous accordéons à partir du 3eme niveau

e2048a2

carolineBda temporarily deployed to review-auto November 25, 2024 15:33 — with GitHub Actions Inactive

fix

4db2633

carolineBda had a problem deploying to review-auto November 25, 2024 16:32 — with GitHub Actions Error

fix accordion

c971bad

carolineBda temporarily deployed to review-auto December 10, 2024 13:34 — with GitHub Actions Inactive

carolineBda added 2 commits December 12, 2024 10:34

Merge branch 'dev' into carolineBda/dsfr-fiche-SP

cec076f

fix refs

b217376

carolineBda temporarily deployed to review-auto December 12, 2024 10:17 — with GitHub Actions Inactive

fix padding list

356a6cf

carolineBda temporarily deployed to review-auto December 12, 2024 14:41 — with GitHub Actions Inactive

carolineBda marked this pull request as ready for review December 12, 2024 14:46

fix test

7e14b10

carolineBda temporarily deployed to review-auto December 12, 2024 15:03 — with GitHub Actions Inactive

fix accordion in tabs

ae36367

carolineBda temporarily deployed to review-auto December 12, 2024 15:28 — with GitHub Actions Inactive

fix fix

35f1e89

carolineBda temporarily deployed to review-auto December 12, 2024 16:05 — with GitHub Actions Inactive

carolineBda added 2 commits December 16, 2024 10:50

Merge branch 'dev' into carolineBda/dsfr-fiche-SP

8bd3e8c

fix accordion with id

3db36f8

carolineBda had a problem deploying to review-auto December 16, 2024 10:08 — with GitHub Actions Failure

add more test

754c199

carolineBda had a problem deploying to review-auto December 16, 2024 10:42 — with GitHub Actions Error

update margins

d4a6390

carolineBda temporarily deployed to review-auto December 16, 2024 10:47 — with GitHub Actions Inactive

Viczei reviewed Dec 17, 2024

View reviewed changes

remove use client

48b72df

carolineBda temporarily deployed to review-auto December 17, 2024 10:22 — with GitHub Actions Inactive

m-maillot approved these changes Dec 17, 2024

View reviewed changes

update test

711f16f

carolineBda temporarily deployed to review-auto December 17, 2024 11:05 — with GitHub Actions Inactive

carolineBda merged commit 85918d7 into dev Dec 17, 2024
22 of 23 checks passed

carolineBda deleted the carolineBda/dsfr-fiche-SP branch December 17, 2024 11:26

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(DSFR): migration des pages fiches service public #6277

feat(DSFR): migration des pages fiches service public #6277

carolineBda commented Nov 12, 2024 •

edited

Loading

carolineBda Nov 19, 2024 •

edited

Loading

carolineBda Nov 19, 2024

maxgfr left a comment

maxgfr Nov 25, 2024

m-maillot Dec 5, 2024

maxgfr Nov 25, 2024

maxgfr Nov 25, 2024

maxgfr Nov 25, 2024

carolineBda Nov 25, 2024

Viczei Dec 17, 2024

m-maillot Dec 17, 2024

m-maillot Dec 17, 2024

m-maillot Dec 17, 2024

carolineBda Dec 17, 2024

github-actions bot commented Dec 17, 2024

feat(DSFR): migration des pages fiches service public #6277

feat(DSFR): migration des pages fiches service public #6277

Conversation

carolineBda commented Nov 12, 2024 • edited Loading

carolineBda Nov 19, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

maxgfr left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

github-actions bot commented Dec 17, 2024

carolineBda commented Nov 12, 2024 •

edited

Loading

carolineBda Nov 19, 2024 •

edited

Loading