Change text generation

Ref #6

README.md

@@ -46,6 +46,11 @@ Cela permet d'une part de **mieux connaître ces actionnaires majoritaires** via
    ```
 
 
+## Sources
+
+* Source 1
+
+
 ## License
 
 MIT © Design & Human/Geoffrey Dorne & Léo Colombaro

source/content.js

@@ -31,7 +31,7 @@ async function init () {
 
   const text = document.createElement('p')
   text.className = 'qui-possede-les-medias-text'
-  text.innerHTML = `Ce média appartient à ${renderData(boxData)}.`
+  text.innerHTML = `Ce média ${renderData(boxData)}.`
   box.appendChild(text)
 
   select('body').append(box)

source/libs/utils.js

@@ -1,6 +1,28 @@
 export const isEmpty = variable => (!variable || variable.length === 0 || Object.getOwnPropertyNames(variable).length === 0)
 
-export const renderData = (data) => data
-  .filter(entity => entity.type === 'holder')
-  .map(entity => entity.link ? `<a href="${entity.link}" rel="noopener noreferrer" target="_blank">${entity.name}</a>` : entity.name)
-  .join(', ')
+export const renderData = (data) => [
+  renderPlural(data.filter(entity => entity.type === 'group'), 'du groupe', 'des groupes'),
+  renderPlural(data.filter(entity => entity.type === 'holder'), 'appartient à', 'appartient à'),
+].join(' ')
+
+export const renderPlural = (data, preSingular, prePlural) => {
+  if (data.length < 1) {
+    return null
+  }
+  data = data.map(entity => entity.link
+    ? `<a href="${entity.link}" rel="noopener noreferrer" target="_blank">${entity.name}</a>`
+    : entity.name
+  )
+  if (data.length === 1) {
+    return `${preSingular} ${data.pop()}`
+  }
+  if (typeof Intl !== 'undefined' && Intl.ListFormat) {
+    const lf = new Intl.ListFormat('fr')
+    return `${prePlural} ${lf.format(data)}`
+  }
+  const last = data.pop()
+  return prePlural + ' ' + [
+    data.join(', '),
+    last
+  ].join(' et ')
+}

source/popup.js

@@ -20,7 +20,7 @@ async function init () {
 
   const text = document.createElement('p')
   text.className = 'qui-possede-les-medias-text'
-  text.innerHTML = `Ce média appartient à ${renderData(boxData)}.`
+  text.innerHTML = `Ce média ${renderData(boxData)}.`
   box.appendChild(text)
 
   document.querySelector('body').append(box)

test/utils.js

@@ -29,5 +29,5 @@ test('renderData', t => {
       link: null
     },
   ]
-  t.is(utils.renderData(data), '<a href="link" rel="noopener noreferrer" target="_blank">name</a>, no link')
+  t.is(utils.renderData(data), ' appartient à <a href="link" rel="noopener noreferrer" target="_blank">name</a> et no link')
 })