fix(deps): upgrade next to v12 #4280

maxgfr · 2022-03-03T16:20:08Z

use rust compiler swc for next
use rust compiler swc for jest
remove server
use next linter
set latest version of react
merge of redirect.json between koa method and new method (finalement non)
handle robots.txt per env
fix variable NEXT_PUBLIC_IS_PRODUCTION_DEPLOYMENT by using docker build args
remove unused file

maxgfr · 2022-03-03T18:37:36Z

packages/code-du-travail-frontend/src/constants.ts

+  {
+    newPath: "information",
+    newValue: "suppression-de-lattestation-garde-denfant",
+    path: ["modeles-de-courriers"],
+    previousValues: [
+      "attestation-sur-lhonneur-arret-de-travail-pour-la-garde-denfant",
+    ],
+  },
+  {
+    newValue:
+      "ministere-du-travail-notre-dossier-sur-le-coronavirus/nouveautes-covid19",
+    path: ["dossiers"],
+    previousValues: [
+      "ministere-du-travail-notre-dossier-sur-le-coronavirus/ce-que-changent-les-ordonnances-en-droit-du-travail",
+    ],
+  },


c'est pour le redirect.json du serveur

maxgfr · 2022-03-03T18:37:50Z

packages/code-du-travail-frontend/src/lib/url.ts

+            if (newPath) {
+              res = res.replace(v, newPath);
+            }


pour switcher de path

maxgfr · 2022-03-03T18:38:27Z

packages/code-du-travail-frontend/src/outils/common/__tests__/situations.utils.test.js

+jest.mock("@cdt/data...prime-precarite/precarite.data.json", () => [
+  { criteria: { bar: "baz", foo: "1| foo" }, idcc: "10" },
+  { criteria: { bar: "bar", foo: "1| foo" }, idcc: "10" },
+  { criteria: { bar: "baz", foo: "2| baz" }, idcc: "10" },
+  { criteria: { bar: "bar", foo: "2| baz" }, idcc: "10" },
+  {
+    allowBonus: false,
+    criteria: { foo: "3| bar" },
+    endMessage: "nope",
+    hasConventionalProvision: true,
+    idcc: "20",
+  },
+  {
+    allowBonus: true,
+    criteria: { foo: "4| baz" },
+    hasConventionalProvision: true,
+    idcc: "20",
+  },
+  {
+    criteria: {},
+    hasConventionalProvision: null,
+    idcc: "30",
+  },
+]);


j'étais obligé de faire ça car ccnList n'est pas instancié, c'est bizarrrrree

Le problème est que l'on importe import data from "@cdt/data...prime-precarite/precarite.data.json"; puis derrière, on fait un jest.mock("@cdt/data...prime-precarite/precarite.data.json". Par contre, à part split le fichier en 2, je n'ai pas de solution...

maxgfr · 2022-03-03T18:39:17Z

packages/code-du-travail-frontend/src/constants.ts

@@ -46,4 +46,20 @@ export const MappingReplacement = [
    path: ["information"],
    previousValues: ["vaccination-et-pass-sanitaire-les-dates-a-retenir"],
  },
+  {
+    newPath: "information",


c'est ça la newPath

maxgfr · 2022-03-03T18:39:44Z

packages/code-du-travail-frontend/pages/_document.jsx

          />
-          <script key="polyfill" src="/static/polyfill.min.js" />
-          <script
+          <Script key="polyfill" src="/static/polyfill.min.js" />
+          <Script
            key="webcomponents"
            src="/static/webcomponents-polyfill/loader.js"
          />
-          <script key="smarttag" src="/static/smarttag.js" />
+          <Script key="smarttag" src="/static/smarttag.js" />


next n'aime pas avoir ça là, mais j'ai hacké le truc

il faudrait l'avoir sur les pages

mais pas dans le document

maxgfr · 2022-03-03T18:40:52Z

.eslintrc.yml

@@ -1,6 +0,0 @@
-root: true


ça faisait bugguer le nouveau linter de next

et j'ai pas vu de changement sur les autres repos

maxgfr · 2022-03-03T18:41:14Z

.eslintignore

@@ -1 +0,0 @@
-packages/code-du-travail-frontend/public/static


je vois pas l'utilité hmm

maxgfr · 2022-03-03T18:41:27Z

.yarnclean

-docs
-doc
-website
-images


ça faisait bugguer le nouveau compiler

maxgfr · 2022-03-07T16:26:07Z

packages/code-du-travail-frontend/package.json

    "precommit": "lint-staged",
    "prepush": "yarn test --bail --changedSince=master",
-    "start": "NODE_ENV=production node server/server.js",
+    "start": "NODE_ENV=production next start",
+    "prebuild": "node -r @swc-node/register scripts/prebuild.ts",


c'est plus rapide que ts-node

maxgfr · 2022-03-07T16:28:03Z

packages/code-du-travail-frontend/.gitignore

+.next
+
+robots.txt


en gros le prebuild, genere le robots.txt, il faudrait que je vois que si le dockerfile nous permet de generer le bon robots.txt au niveau de la prod et de la preview

maxgfr · 2022-03-07T16:28:22Z

packages/code-du-travail-frontend/next.config.js

@@ -14,6 +12,47 @@ const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
 });

+const csp = {


c'est ici les csp

quand tu test en local, tu peux regarder si t'ajoute une image depuis une url externe qu'elle est bien bloquée stp ?

maxgfr · 2022-03-07T16:29:04Z

packages/code-du-travail-frontend/next.config.js

+      {
+        destination: "/api/health",
+        permanent: true,
+        source: "/health",
+      },


pour garder le endpoint health qui renvoie un json ok

maxgfr · 2022-03-07T16:29:38Z

packages/code-du-travail-frontend/pages/404.jsx

@@ -15,7 +15,7 @@ export default function Custom404() {
  return (
    <>
      <Head>
-        <Metas title="Page non trouvée" />
+        <Metas title="Page non trouvée" description="Page 404" />


une description qui manqué au niveau de la page 404 et qui m'a été souligné, du coup j'ai mis ça mais on peut mettre une chaine de caractère vide

packages/code-du-travail-frontend/scripts/prebuild.ts

maxgfr · 2022-03-07T16:31:04Z

packages/code-du-travail-frontend/src/lib/__tests__/url.test.ts

+    ${"https://code.travail.gouv.fr/modeles-de-courriers/attestation-sur-lhonneur-arret-de-travail-pour-la-garde-denfant"}                               | ${"https://code.travail.gouv.fr/information/suppression-de-lattestation-garde-denfant"}
+    ${"https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus/ce-que-changent-les-ordonnances-en-droit-du-travail"} | ${"https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus/nouveautes-covid19"}


les deux nouveaux tu pour le merge du redirect.json du serveur et de notre approche locale

les 2 urls n'existent plus... donc y'avait pas besoin de les bouger en fait

maxgfr · 2022-03-07T17:05:32Z

packages/code-du-travail-frontend/next.config.js

+              process.env.NEXT_PUBLIC_IS_PRODUCTION_DEPLOYMENT !== "true"
+                ? "noindex, nofollow, nosnippet"
+                : "all",


pour ne pas indexer le robots.txt

j'ai essayé de l'écrire comme cela:

...(process.env.NEXT_PUBLIC_IS_PRODUCTION_DEPLOYMENT !== "true" && { key: "x-robots-tag", value: "noindex, nofollow, nosnippet", }),

mais cela n'a pas fonctionné, je l'ai mais en all pour la prod d'après la doc :

https://developers.google.com/search/docs/advanced/robots/robots_meta_tag

carolineBda

Vraiment bien joué, bravo pour cette PR !

carolineBda · 2022-03-10T10:36:49Z

packages/code-du-travail-frontend/next.config.js

+            value: ContentSecurityPolicy.replace(/\n/g, " ").trim(),
+          },
+          {
+            key: "X-Robots-Tag",


A verifier en prod

carolineBda · 2022-03-10T10:37:25Z

packages/code-du-travail-frontend/next.config.js

 const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
 });

+const ContentSecurityPolicy = `


A vérifier en prod

carolineBda · 2022-03-10T10:38:30Z

packages/code-du-travail-frontend/pages/404.jsx

@@ -15,7 +15,10 @@ export default function Custom404() {
  return (
    <>
      <Head>
-        <Metas title="Page non trouvée" />
+        <Metas


packages/code-du-travail-frontend/pages/api/simulateurs/index.ts

carolineBda · 2022-03-10T10:56:40Z

packages/code-du-travail-frontend/server/redirects.json

-[
-  {
-    "baseUrl": "/modeles-de-courriers/attestation-sur-lhonneur-arret-de-travail-pour-la-garde-denfant",
-    "code": 303,


je sais pas pourquoi ici on avant un 303. Chelou

carolineBda · 2022-03-10T10:59:24Z

packages/code-du-travail-frontend/src/lib/__tests__/url.test.ts

+    ${"https://code.travail.gouv.fr/modeles-de-courriers/attestation-sur-lhonneur-arret-de-travail-pour-la-garde-denfant"}                               | ${"https://code.travail.gouv.fr/information/suppression-de-lattestation-garde-denfant"}
+    ${"https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus/ce-que-changent-les-ordonnances-en-droit-du-travail"} | ${"https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus/nouveautes-covid19"}


les 2 urls n'existent plus... donc y'avait pas besoin de les bouger en fait

carolineBda · 2022-03-10T11:03:32Z

packages/code-du-travail-frontend/src/outils/common/__tests__/situations.utils.test.js

+jest.mock("@cdt/data...prime-precarite/precarite.data.json", () => [
+  { criteria: { bar: "baz", foo: "1| foo" }, idcc: "10" },
+  { criteria: { bar: "bar", foo: "1| foo" }, idcc: "10" },
+  { criteria: { bar: "baz", foo: "2| baz" }, idcc: "10" },
+  { criteria: { bar: "bar", foo: "2| baz" }, idcc: "10" },
+  {
+    allowBonus: false,
+    criteria: { foo: "3| bar" },
+    endMessage: "nope",
+    hasConventionalProvision: true,
+    idcc: "20",
+  },
+  {
+    allowBonus: true,
+    criteria: { foo: "4| baz" },
+    hasConventionalProvision: true,
+    idcc: "20",
+  },
+  {
+    criteria: {},
+    hasConventionalProvision: null,
+    idcc: "30",
+  },
+]);


m-maillot

👍

m-maillot · 2022-03-10T15:17:27Z

packages/code-du-travail-frontend/scripts/__tests__/prebuild.test.ts

+
+jest.mock("fs");
+
+describe("robots.txt", () => {


😍😍😍

m-maillot · 2022-03-10T15:18:55Z

packages/code-du-travail-frontend/scripts/__tests__/prebuild.test.ts

+      `Sitemap: https://${host}/sitemap.xml`,
+    ].join("\n");
+    generateRobotsTxt(true, host);
+    expect(fs.writeFileSync).toHaveBeenCalledWith(filePath, robotsProd);


ça serait bien de vérifier le filepath, pour éviter de le changer et qu'il se retrouve au mauvais endroit :)

m-maillot · 2022-03-10T15:33:37Z

packages/code-du-travail-frontend/src/outils/common/__tests__/situations.utils.test.js

+jest.mock("@cdt/data...prime-precarite/precarite.data.json", () => [
+  { criteria: { bar: "baz", foo: "1| foo" }, idcc: "10" },
+  { criteria: { bar: "bar", foo: "1| foo" }, idcc: "10" },
+  { criteria: { bar: "baz", foo: "2| baz" }, idcc: "10" },
+  { criteria: { bar: "bar", foo: "2| baz" }, idcc: "10" },
+  {
+    allowBonus: false,
+    criteria: { foo: "3| bar" },
+    endMessage: "nope",
+    hasConventionalProvision: true,
+    idcc: "20",
+  },
+  {
+    allowBonus: true,
+    criteria: { foo: "4| baz" },
+    hasConventionalProvision: true,
+    idcc: "20",
+  },
+  {
+    criteria: {},
+    hasConventionalProvision: null,
+    idcc: "30",
+  },
+]);


Le problème est que l'on importe import data from "@cdt/data...prime-precarite/precarite.data.json"; puis derrière, on fait un jest.mock("@cdt/data...prime-precarite/precarite.data.json". Par contre, à part split le fichier en 2, je n'ai pas de solution...

carolineBda · 2022-03-11T08:26:51Z

packages/code-du-travail-frontend/next.config.js

+frame-src 'self' https://mon-entreprise.urssaf.fr https://matomo.fabrique.social.gouv.fr *.dailymotion.com;
+style-src 'self' 'unsafe-inline';
+font-src 'self' data: blob:;
+prefetch-src 'self' *.fabrique.social.gouv.fr;


on avait pas ça avant si ?
https://github.com/SocialGouv/code-du-travail-numerique/blob/master/packages/code-du-travail-frontend/server/koaServer.js#L29

je l'ai rajouté le prefetch en pensant que ça reglerait, c'est un test

et effectivement c'est ce qu'il fallait rajouter

ça fix un warning qu'on voyant dans la console c'est ça ?

carolineBda · 2022-03-18T14:18:12Z

packages/code-du-travail-frontend/next.config.js

+const ContentSecurityPolicy = `
+default-src 'self' *.travail.gouv.fr *.data.gouv.fr *.fabrique.social.gouv.fr;
+img-src 'self' data: *.fabrique.social.gouv.fr https://travail-emploi.gouv.fr https://mon-entreprise.urssaf.fr ${
+  process.env.AZURE_BASE_URL


cette var est undefined :
voila le header qu'on a :
img-src 'self' data: *.fabrique.social.gouv.fr https://travail-emploi.gouv.fr https://mon-entreprise.urssaf.fr undefined;

Ahhh en effet, quand c'est non defini on met undefined, il faudrait faire

Suggested change

process.env.AZURE_BASE_URL

${process.env.AZURE_BASE_URL ?? ""}

carolineBda · 2022-03-18T16:01:18Z

packages/code-du-travail-frontend/next.config.js

+const ContentSecurityPolicy = `
+default-src 'self' *.travail.gouv.fr *.data.gouv.fr *.fabrique.social.gouv.fr;
+img-src 'self' data: *.fabrique.social.gouv.fr https://travail-emploi.gouv.fr https://mon-entreprise.urssaf.fr ${
+  process.env.AZURE_BASE_URL ?? ""


non c'est bon il faut que cette var fonctionne

carolineBda

fix process.env.AZURE_BASE_URL

github-actions · 2022-03-18T16:16:48Z

🎉 Deployment for commit 8366a6d :

Ingresses

Docker images

📦 docker pull ghcr.io/socialgouv/cdtn/code-du-travail-api:sha-8366a6d1a7dcdef88a58d345379d2c905e5c6bb4
📦 docker pull ghcr.io/socialgouv/cdtn/code-du-travail-frontend:sha-8366a6d1a7dcdef88a58d345379d2c905e5c6bb4
📦 docker pull ghcr.io/socialgouv/docker/wait-for-http:6.56.1

Debug

carolineBda

👍 👍 👍

renovate-bot and others added 3 commits March 3, 2022 11:58

fix(deps): update dependency next to v12 [security]

09dd221

fix: rewriting

adba088

fix: rewriting

f37ace8

maxgfr changed the title ~~fix(deps): upgrade next to v12 WIP~~ fix(deps): upgrade next to v12 Mar 3, 2022

maxgfr added 6 commits March 3, 2022 17:38

fix: rewriting

167925e

fix: rewriting

6416a25

fix: rewriting

5c813ce

fix: tsconfig(

7b14b91

fix: rewriting

ad46fc9

fix: speeeeeed

2a97eac

maxgfr commented Mar 3, 2022

View reviewed changes

fix: rewriting

b1e5800

maxgfr commented Mar 7, 2022

View reviewed changes

maxgfr added 3 commits March 7, 2022 17:33

fix: rewriting

09ec64d

fix: lockfile

5eb7c10

fix: rewriting

f7753c7

maxgfr commented Mar 7, 2022

View reviewed changes

maxgfr requested review from m-maillot and carolineBda March 7, 2022 17:06

maxgfr marked this pull request as ready for review March 7, 2022 17:07

maxgfr added 3 commits March 9, 2022 16:27

fix: remove for build

04e3f35

fix: optimize dockerfile

fafd085

fix: header

54fb81a

maxgfr requested a review from a team as a code owner March 9, 2022 15:52

maxgfr added 5 commits March 9, 2022 17:00

fix: build

7350bd4

fix: policy

5c39bac

fix: dockerfile

5697be6

fix: comme avant

62345d7

fix: comme avant

b043381

maxgfr added 2 commits March 10, 2022 10:40

fix: comme avant

b47b0bb

fix: NEXT_PUBLIC

42475ae

carolineBda approved these changes Mar 10, 2022

View reviewed changes

maxgfr added 6 commits March 10, 2022 12:20

fix: production

b7444a5

Merge branch 'master' into maxgfr/upgrade-next

0111a32

fix: security

794681e

fix: merge

7afde9a

fix: remove unused tu

bd4c11d

fix: remove unused tu

f499600

m-maillot approved these changes Mar 10, 2022

View reviewed changes

maxgfr added 2 commits March 10, 2022 17:48

fix: important thing

ce8f5ea

fix: policy

7032a17

carolineBda reviewed Mar 11, 2022

View reviewed changes

Merge branch 'master' into maxgfr/upgrade-next

d55471d

carolineBda reviewed Mar 18, 2022

View reviewed changes

fix: undefined

aa99ddf

carolineBda reviewed Mar 18, 2022

View reviewed changes

carolineBda requested changes Mar 18, 2022

View reviewed changes

fix: comme avant

8a44944

maxgfr requested a review from carolineBda March 21, 2022 08:57

carolineBda approved these changes Mar 21, 2022

View reviewed changes

m-maillot merged commit 10ae94f into master Mar 22, 2022

m-maillot deleted the maxgfr/upgrade-next branch March 22, 2022 10:06

		@@ -1 +0,0 @@
		packages/code-du-travail-frontend/public/static

		${"https://code.travail.gouv.fr/modeles-de-courriers/attestation-sur-lhonneur-arret-de-travail-pour-la-garde-denfant"} \| ${"https://code.travail.gouv.fr/information/suppression-de-lattestation-garde-denfant"}
		${"https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus/ce-que-changent-les-ordonnances-en-droit-du-travail"} \| ${"https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus/nouveautes-covid19"}

	process.env.AZURE_BASE_URL
	${process.env.AZURE_BASE_URL ?? ""}

		.next

		robots.txt


		jest.mock("fs");

		describe("robots.txt", () => {

fix(deps): upgrade next to v12 #4280

fix(deps): upgrade next to v12 #4280

Conversation

maxgfr commented Mar 3, 2022 • edited

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

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

maxgfr Mar 7, 2022 • edited

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

carolineBda 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

m-maillot 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

maxgfr Mar 18, 2022 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

carolineBda left a comment

Choose a reason for hiding this comment

github-actions bot commented Mar 18, 2022

carolineBda left a comment

Choose a reason for hiding this comment

maxgfr commented Mar 3, 2022 •

edited

maxgfr Mar 7, 2022 •

edited

maxgfr Mar 18, 2022 •

edited