js

Schemes.js

// Donc ça c'est l'exemple du scheme linkedin
// En gros, pour chaque site il faudra écrire un truc comme ça et l'envoyer dans l'interpréteur que j'ai codé qui va automatiquement prendre ce qu'on eut sur la page et l'adapter


{
    host: 'linkedin.com',
    title: '.pv-top-card-section__name',
    elements: [
        { s: '.pv-top-card-section__headline' },
        { s: '.pv-top-card-section__location' },
        { s: '.pv-top-card-section__summary-text' },
        { s: '#experience-section', unwrap: ['a', 'ul', 'li'], rewrap: [
            { f: '.pv-entity__date-range', t: '<i></i>' }
        ] },
        { s: '#education-section', unwrap: ['a', 'ul', 'li'], }
    ],
    remove: ['.visually-hidden']
}

// host: 'linkedin.com',
// bon ben ça ça veut dire que le scheme s'active quand on est sur une url linkedin

// title: '.pv-top-card-section__name',
// ça veut dire que le titre du document il faut aller le chercher dans le div qui a la class .pv-top-card-section__name : en l'occurrence le nom de la personne

// { s: '.pv-top-card-section__headline' },
// ensuite, on prend l'élément qui possède cette class

// etc

// { s: '#experience-section', 
//   unwrap: ['a', 'ul', 'li'], 
//   rewrap: [
//     { f: '.pv-entity__date-range', t: '<i></i>' }
//   ] 
//  },
// unwrap ça veut dire que pour l'élément #experience-section, on supprime les liens et listes, ça permet de supprimer la mise en page bizarre de linkedin qu'il y a actuellement pour garder juste le contenu
// rewrap c'est parce que eux, la façon dont ils gèrent l'élément date-range, c'est en le mettent dans un titre de niveau 4, puis en le modifiant avec du css, or nous on récupère juste le html et pas le css, du coup, pour cet élément, on change l'élément titre pour le remplacer par de l'italique, ce qui rend mieux chez nous

// remove: ['.visually-hidden']
// pareil, parfois ils ont des divs .visually-hidden dans le html, pour la SEO, maisqui sont cachés en css parce qu'ils servent à rien visuellement. Par exemple, techniquement dans le html il y a écrit "Date: 2012 - 2018" même si visuellement l'user voit juste écrit "2012 - 2018" Du coup nous on supprime directement ce truc qui sert à rien