@lab-anssi/lib 2.0.0 → 2.1.2

package/dist/cms/adaptateurHttp.d.ts

@@ -0,0 +1,4 @@
+export interface AdaptateurHttp {
+    ressourceExiste(url: string): Promise<boolean>;
+}
+export declare const fabriqueAdaptateurHttp: () => AdaptateurHttp;

package/dist/cms/adaptateurHttp.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fabriqueAdaptateurHttp = void 0;
+const fabriqueAdaptateurHttp = () => ({
+    ressourceExiste: async (url) => {
+        const response = await fetch(url, { method: 'HEAD' });
+        return response.ok;
+    },
+});
+exports.fabriqueAdaptateurHttp = fabriqueAdaptateurHttp;

package/dist/cms/cmsCrisp.js

@@ -4,15 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CmsCrisp = void 0;
+const erreurs_1 = require("../erreurs");
 const adaptateurCmsCrisp_1 = require("./adaptateurCmsCrisp");
+const adaptateurHttp_1 = require("./adaptateurHttp");
 const crispMarkdown_1 = __importDefault(require("./crispMarkdown"));
-const erreurs_1 = require("../erreurs");
 class CmsCrisp {
     adaptateurCmsCrisp;
     constructeurCrispMarkdown;
     constructor(idSite, cleApi) {
         this.adaptateurCmsCrisp = new adaptateurCmsCrisp_1.AdaptateurCmsCrisp(idSite, cleApi);
-        this.constructeurCrispMarkdown = (contenuMarkdown) => new crispMarkdown_1.default(contenuMarkdown);
+        this.constructeurCrispMarkdown = (contenuMarkdown) => new crispMarkdown_1.default(contenuMarkdown, (0, adaptateurHttp_1.fabriqueAdaptateurHttp)());
     }
     async recupereArticle(id) {
         const article = await this.adaptateurCmsCrisp.recupereArticle(id);
@@ -20,9 +21,9 @@ class CmsCrisp {
         let crispMarkdown = this.constructeurCrispMarkdown(contenuMarkdown);
         return {
             titre,
-            contenu: crispMarkdown.versHTML(),
+            contenu: await crispMarkdown.versHTML(),
             description,
-            tableDesMatieres: crispMarkdown.tableDesMatieres(),
+            tableDesMatieres: await crispMarkdown.tableDesMatieres(),
         };
     }
     async recupereArticleCategorie(slug, idCategorie) {

package/dist/cms/crispMarkdown.d.ts

@@ -1,3 +1,4 @@
+import { AdaptateurHttp } from './adaptateurHttp';
 import { EntreeTableDesMatieres } from './types';
 declare class CrispMarkdown {
     private contenuMarkdown;
@@ -5,9 +6,9 @@ declare class CrispMarkdown {
     private aDejaParse;
     private tdm;
     private marked;
-    constructor(contenuMarkdown: string);
-    parseLeMarkdown(): void;
-    versHTML(): string | null;
-    tableDesMatieres(): EntreeTableDesMatieres[];
+    constructor(contenuMarkdown: string, adaptateurHttp: AdaptateurHttp);
+    parseLeMarkdown(): Promise<void>;
+    versHTML(): Promise<string | null>;
+    tableDesMatieres(): Promise<EntreeTableDesMatieres[]>;
 }
 export default CrispMarkdown;

package/dist/cms/crispMarkdown.js

@@ -31,7 +31,7 @@ class CrispMarkdown {
     aDejaParse = false;
     tdm = [];
     marked;
-    constructor(contenuMarkdown) {
+    constructor(contenuMarkdown, adaptateurHttp) {
         this.contenuMarkdown = contenuMarkdown;
         const boiteAide = extensionBoite(/^\|([^|\n]+)/, 'boiteAide', 'aide');
         const boiteInfo = extensionBoite(/^\|\|([^||\n]+)/, 'boiteInfo', 'information');
@@ -57,7 +57,10 @@ class CrispMarkdown {
                 return false;
             },
             renderer(token) {
-                return `<div class='conteneur-video'><video src='${token.text}' controls></video><p class='legende'>${token.legende}</p></div>`;
+                const elementPiste = token.lienPisteSousTitres
+                    ? `<track kind='captions' src='${token.lienPisteSousTitres}' srclang='fr' label='Français' default />`
+                    : '';
+                return `<div class='conteneur-video'><video controls crossorigin='anonymous'><source src='${token.text}' type='video/mp4' />${elementPiste}</video><p class='legende'>${token.legende}</p></div>`;
             },
         };
         // Source d'inspiration pour la gestion des sections :
@@ -109,23 +112,33 @@ class CrispMarkdown {
             },
         });
         this.marked = new marked_1.Marked({
+            async: true,
             renderer: moteurDeRendu(this),
             extensions: [boiteAide, boiteInfo, boiteAlerte, video, section],
+            walkTokens: async (token) => {
+                if (token.type === 'video') {
+                    const lienPisteSousTitres = token.text.replace('.mp4', '.vtt');
+                    const pisteSousTitresExiste = await adaptateurHttp.ressourceExiste(lienPisteSousTitres);
+                    token.lienPisteSousTitres = pisteSousTitresExiste
+                        ? lienPisteSousTitres
+                        : undefined;
+                }
+            },
         });
     }
-    parseLeMarkdown() {
-        const avecCorrectionLigneHorizontale = this.contenuMarkdown.replaceAll("\n---", "\n\n---");
-        this.contenuHTML = this.marked.parse(avecCorrectionLigneHorizontale);
+    async parseLeMarkdown() {
+        const avecCorrectionLigneHorizontale = this.contenuMarkdown.replaceAll('\n---', '\n\n---');
+        this.contenuHTML = (await this.marked.parse(avecCorrectionLigneHorizontale));
         this.aDejaParse = true;
     }
-    versHTML() {
+    async versHTML() {
         if (!this.aDejaParse)
-            this.parseLeMarkdown();
+            await this.parseLeMarkdown();
         return this.contenuHTML;
     }
-    tableDesMatieres() {
+    async tableDesMatieres() {
         if (!this.aDejaParse)
-            this.parseLeMarkdown();
+            await this.parseLeMarkdown();
         return this.tdm;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lab-anssi/lib",
-  "version": "2.0.0",
+  "version": "2.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/betagouv/lab-anssi-lib.git"