fix: add build for coordinateurs web component (#274)

anct-cartographie-nationale · May 19, 2023 · aefd6ee · aefd6ee
1 parent fb8c9b9
commit aefd6ee
Show file tree

Hide file tree

Showing 5 changed files with 110 additions and 28 deletions.
diff --git a/.github/workflows/release-and-publish.yml b/.github/workflows/release-and-publish.yml
@@ -310,6 +310,42 @@ jobs:
           name: build
           path: dist
 
+  build-coordinateurs-web-component:
+    name: Build Coordinateurs Web Component
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout project workspace repository
+        uses: actions/checkout@v3
+        with:
+          repository: anct-cartographie-nationale/client-base
+
+      - name: Checkout client-application repository
+        uses: actions/checkout@v3
+        with:
+          path: projects/client-application
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16.x'
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Build
+        run: yarn build coordinateurs --named-chunks --output-hashing none
+
+      - name: Merge all script files
+        run: cat dist/coordinateurs/*.js > dist/coordinateurs/script.js
+
+      - name: Upload build artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: build
+          path: dist
+
   release:
     name: Release
     runs-on: ubuntu-latest
@@ -323,7 +359,8 @@ jobs:
         build-client-application,
         build-mediation-numerique-web-component,
         build-cartographie-web-component,
-        build-orientation-web-component
+        build-orientation-web-component,
+        build-coordinateurs-web-component
       ]
 
     steps:
@@ -350,6 +387,7 @@ jobs:
           mv dist/mediation-numerique/script.js dist/whitelist/mediation-numerique.js
           mv dist/cartographie/script.js dist/whitelist/cartographie.js
           mv dist/orientation/script.js dist/whitelist/orientation.js
+          mv dist/coordinateurs/script.js dist/whitelist/coordinateurs.js
 
       - name: Upload build artifact
         uses: actions/upload-artifact@v3

diff --git a/.github/workflows/validate-feature.yml b/.github/workflows/validate-feature.yml
@@ -292,6 +292,39 @@ jobs:
           name: build
           path: dist
 
+  build-coordinateurs-web-component:
+    name: Build Coordinateurs Web Component
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout project workspace repository
+        uses: actions/checkout@v3
+        with:
+          repository: anct-cartographie-nationale/client-base
+
+      - name: Checkout client-application repository
+        uses: actions/checkout@v3
+        with:
+          path: projects/client-application
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16.x'
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Build
+        run: yarn build coordinateurs
+
+      - name: Upload build artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: build
+          path: dist
+
   create-feature-branch-workspace:
     name: Create feature branch workspace
     uses: codingones/github-actions-workflows/.github/workflows/create-terraform-cloud-workspace-for-aws-ephemeral-environment.terraform.yml@main

diff --git a/README.md b/README.md
@@ -227,7 +227,7 @@ L'éditeur en ligne de [w3schools](https://www.w3schools.com/html/tryit.asp?file
 <head>
   <title>Page Title</title>
   <base href="/" />
-  <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+  <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
 </head>
 ...
 ```
@@ -241,7 +241,7 @@ L'éditeur en ligne de [w3schools](https://www.w3schools.com/html/tryit.asp?file
   <p>My first paragraph.</p>
 
   <script
-    src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/mediation-numerique.js"
+    src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/mediation-numerique.js"
     type="module"></script>
 </body>
 ...
@@ -257,7 +257,7 @@ L'éditeur en ligne de [w3schools](https://www.w3schools.com/html/tryit.asp?file
   </fr-mediation-numerique-conteneur>
 
   <script
-    src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/mediation-numerique.js"
+    src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/mediation-numerique.js"
     type="module"></script>
 </body>
 ...
@@ -271,15 +271,15 @@ La version finale devrait ressembler à celà :
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body>
     <fr-mediation-numerique-conteneur>
       <fr-mediation-numerique></fr-mediation-numerique>
     </fr-mediation-numerique-conteneur>
 
     <script
-      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/mediation-numerique.js"
+      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/mediation-numerique.js"
       type="module"></script>
   </body>
 </html>
@@ -416,7 +416,7 @@ Il est possible de changer certaines couleurs utilisées par la cartographie, po
     </fr-mediation-numerique-conteneur>
 
     <script
-      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/mediation-numerique.js"
+      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/mediation-numerique.js"
       type="module"></script>
   </body>
 </html>
@@ -436,15 +436,15 @@ L'élément `<fr-mediation-numerique-conteneur>` gère l'affichage de la barre d
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique
       titre="Médiation numérique à Bessenay"
       logo="https://getbootstrap.com/docs/5.2/assets/brand/bootstrap-logo.svg"></fr-mediation-numerique>
 
     <script
-      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/mediation-numerique.js"
+      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/mediation-numerique.js"
       type="module"></script>
   </body>
 </html>
@@ -458,13 +458,13 @@ En l'absence de l'élément `<fr-mediation-numerique-conteneur>`, les configurat
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique></fr-mediation-numerique>
 
     <script
-      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/mediation-numerique.js"
+      src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/mediation-numerique.js"
       type="module"></script>
   </body>
 </html>
@@ -480,10 +480,10 @@ Pour n'importer que les sources strictement nécessaires à ce mode, il faut rem
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/cartographie.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/cartographie.js" type="module"></script>
   </body>
 </html>
 ```
@@ -496,11 +496,11 @@ Il est alors possible d'utiliser l'élément `<fr-mediation-numerique-cartograph
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique-cartographie></fr-mediation-numerique-cartographie>
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/cartographie.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/cartographie.js" type="module"></script>
   </body>
 </html>
 ```
@@ -513,15 +513,15 @@ Les attributs de personnalisations suivants, présentés dans la section précé
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique-cartographie
       source="https://api.conseiller-numerique.gouv.fr/permanences"
       latitude="45.77647396140311"
       longitude="4.55431157343317"
       zoom="12"></fr-mediation-numerique-cartographie>
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/cartographie.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/cartographie.js" type="module"></script>
   </body>
 </html>
 ```
@@ -534,7 +534,7 @@ S'il existe une autre page dans laquelle un outil capable d'effectuer un parcour
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique-cartographie
@@ -543,7 +543,7 @@ S'il existe une autre page dans laquelle un outil capable d'effectuer un parcour
       longitude="4.55431157343317"
       zoom="12"
       lien-orientation="https://cartographie.societenumerique.gouv.fr/orientation"></fr-mediation-numerique-cartographie>
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/cartographie.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/cartographie.js" type="module"></script>
   </body>
 </html>
 ```
@@ -562,10 +562,10 @@ Pour n'importer que les sources strictement nécessaires à ce mode, il faut rem
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/orientation.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/orientation.js" type="module"></script>
   </body>
 </html>
 ```
@@ -578,11 +578,11 @@ Il est alors possible d'utiliser l'élément `<fr-mediation-numerique-orientatio
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique-orientation></fr-mediation-numerique-orientation>
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/orientation.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/orientation.js" type="module"></script>
   </body>
 </html>
 ```
@@ -595,15 +595,15 @@ Les attributs de personnalisations suivants, présentés dans la section précé
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique-orientation
       source="https://api.conseiller-numerique.gouv.fr/permanences"
       titre="Médiation numérique à Bessenay"
       logo="https://getbootstrap.com/docs/5.2/assets/brand/bootstrap-logo.svg"
       illustration="grand-ouest"></fr-mediation-numerique-orientation>
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/orientation.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/orientation.js" type="module"></script>
   </body>
 </html>
 ```
@@ -616,15 +616,15 @@ S'il existe une autre page dans laquelle un outil capable d'effectuer un parcour
   <head>
     <title>Page Title</title>
     <base href="/" />
-    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/styles.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/styles.css" rel="stylesheet" />
   </head>
   <body class="vh-100">
     <fr-mediation-numerique-orientation
       source="https://api.conseiller-numerique.gouv.fr/permanences"
       titre="Médiation numérique à Bessenay"
       logo="https://getbootstrap.com/docs/5.2/assets/brand/bootstrap-logo.svg"
       lien-cartographie="https://cartographie.societenumerique.gouv.fr/cartographie"></fr-mediation-numerique-orientation>
-    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.0/orientation.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@gouvfr-anct/cartographie-nationale@5.8.1/orientation.js" type="module"></script>
   </body>
 </html>
 ```

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gouvfr-anct/cartographie-nationale",
-  "version": "5.8.0",
+  "version": "5.8.1",
   "description": "💻 Client pour l'affichage de la cartographie nationale de l’offre de médiation numérique dans un navigateur web.",
   "keywords": [
     "angular",

diff --git a/src/features/coordinateurs/tsconfig.coordinateurs.json b/src/features/coordinateurs/tsconfig.coordinateurs.json
@@ -0,0 +1,11 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../../../out-tsc/app",
+    "types": ["node"]
+  },
+  "files": ["coordinateurs.ts", "../../polyfills.ts"],
+  "include": ["./**/*.d.ts"],
+  "exclude": ["./**/*.spec.ts"]
+}