js/formateur.js

   1 // coding: utf-8
   2 // Copyright 2008 Grégory Burri
   3 //
   4 // This file is part of Euphorik.
   5 //
   6 // Euphorik is free software: you can redistribute it and/or modify
   7 // it under the terms of the GNU General Public License as published by
   8 // the Free Software Foundation, either version 3 of the License, or
   9 // (at your option) any later version.
  10 //
  11 // Euphorik is distributed in the hope that it will be useful,
  12 // but WITHOUT ANY WARRANTY; without even the implied warranty of
  13 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14 // GNU General Public License for more details.
  15 //
  16 // You should have received a copy of the GNU General Public License
  17 // along with Euphorik.  If not, see <http://www.gnu.org/licenses/>.
  18
  19 /*jslint laxbreak:true */
  20
  21
  22 /**
  23   * Classe permettant de formater du texte par exemple pour la substitution des liens dans les
  24   * message par "[url]".
  25   * TODO : améliorer l'efficacité des méthods notamment lié au smiles.
  26   */
  27 euphorik.Formateur = function() {
  28    this.smiles = euphorik.conf.smiles;
  29    this.protocoles = "http|https|ed2k";
  30
  31    this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi");
  32    this.regexImg = new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i");
  33    this.regexDomaine = new RegExp("^(?:(?:" + this.protocoles + ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i");
  34    this.regexTestProtocoleExiste = new RegExp("^(?:" + this.protocoles + ")://.*$", "i");
  35    this.regexNomProtocole = new RegExp("^(.*?)://");
  36 };
  37
  38 /**
  39   * Formate un pseudo saise par l'utilisateur.
  40   * @param pseudo le pseudo brut
  41   * @return le pseudo filtré
  42   */
  43 euphorik.Formateur.prototype.filtrerInputPseudo = function(pseudo) {
  44    return pseudo.replace(/\{|\}/g, "").trim();
  45 };
  46
  47 euphorik.Formateur.prototype.getSmilesHTML = function() {
  48    var XHTML = "";
  49    objectEach(this.smiles, function(nom) {
  50       XHTML += "<img class=\"" + nom + "\" src=\"img/smileys/" + nom + ".gif\" alt =\"" + nom + "\" />";
  51    });
  52    return XHTML;
  53 };
  54
  55 /**
  56   * Formatage complet d'un texte.
  57   * @m le message
  58   * @pseudo facultatif, permet de contruire le label des images sous la forme : "<Pseudo> : <Message>"
  59   */
  60 euphorik.Formateur.prototype.traitementComplet = function(m, pseudo) {
  61    return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.traiterWikiSyntaxe(this.remplacerBalisesHTML(m)), pseudo)));
  62 };
  63
  64 /**
  65   * Transforme les liens en entités clickables.
  66   * Un lien vers une conversation permet d'ouvrire celle ci, elle se marque comme ceci dans un message :
  67   * "{5F}" ou 5F est la racine de la conversation.
  68   * Ce lien sera transformer en <span class="lienConv">{5F}</span> pouvant être clické pour créer la conv 5F.
  69   */
  70 euphorik.Formateur.prototype.traiterLiensConv = function(m) {
  71    return m.replace(
  72       /\{\w+\}/g,
  73       function(lien) {
  74          return "<span class=\"lienConv\">" + lien + "</span>";
  75       }
  76    );
  77 };
  78
  79 /**
  80   * FIXME : Cette méthode est attrocement lourde ! A optimiser.
  81   * moyenne sur échantillon : 234ms
  82   */
  83 euphorik.Formateur.prototype.traiterSmiles = function(m) {
  84    objectEach(this.smiles, function(nom, smiles) {
  85       for (var i = 0; i < smiles.length; i++) {
  86          m = m.replace(smiles[i], "<img src=\"img/smileys/" + nom + ".gif\" alt =\"" + nom + "\"  />");
  87       }
  88    });
  89    return m;
  90 };
  91
  92 euphorik.Formateur.prototype.remplacerBalisesHTML = function(m) {
  93    return m.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
  94 };
  95
  96 euphorik.Formateur.prototype.traiterURL = function(m, pseudo) {
  97    var thisFormateur = this;
  98    var traitementUrl = function(url) {
  99       // si ya pas de protocole on rajoute "http://"
 100       if (!thisFormateur.regexTestProtocoleExiste.test(url)) {
 101          url = "http://" + url;
 102       }
 103       var extension = thisFormateur.getShort(url);
 104       return "<a " + (extension[1] ? "title=\"" + (pseudo ? thisFormateur.traiterPourFenetreLightBox(pseudo, url) + ": " : "") +  thisFormateur.traiterPourFenetreLightBox(m, url) + "\"" + " rel=\"lightbox\"" : "") + " href=\"" + url + "\" >[" + extension[0] + "]</a>";
 105    };
 106    return m.replace(this.regexUrl, traitementUrl);
 107 };
 108
 109 /**
 110   * Formatage en utilisant un sous-ensemble des règles de Textile : http://en.wikipedia.org/wiki/Textile_(markup_language).
 111   * par exemple _italic_ devient <i>italic</i>.
 112   */
 113 euphorik.Formateur.prototype.traiterWikiSyntaxe = function(m) {
 114    return m.replace(
 115       /_(.*?)_/g,
 116       function(texte, capture) {
 117          return '<em class="leger">' + capture + '</em>';
 118       }
 119    ).replace(
 120       /\*(.*?)\*/g,
 121       function(texte, capture) {
 122          return '<em class="fort">' + capture + '</em>';
 123       }
 124    );
 125 };
 126
 127 /**
 128   * Renvoie une version courte de l'url.
 129   * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org
 130   */
 131 euphorik.Formateur.prototype.getShort = function(url) {
 132    var estUneImage = false;
 133    var versionShort = null;
 134    var rechercheImg = this.regexImg.exec(url);
 135
 136    if (rechercheImg) {
 137       versionShort = rechercheImg[1].toLowerCase();
 138       if (versionShort === "jpeg") {
 139          versionShort = "jpg"; // jpeg -> jpg
 140       }
 141       estUneImage = true;
 142    } else {
 143       var rechercheDomaine = this.regexDomaine.exec(url);
 144       if (rechercheDomaine && rechercheDomaine.length >= 2) {
 145          versionShort = rechercheDomaine[1];
 146       } else {
 147          var nomProtocole = this.regexNomProtocole.exec(url);
 148          if (nomProtocole && nomProtocole.length >= 2) {
 149             versionShort = nomProtocole[1];
 150          }
 151       }
 152    }
 153
 154    return [versionShort ? versionShort : "url", estUneImage];
 155  };
 156
 157 /**
 158   * Traite les pseudo et messages à être affiché dans le titre d'une image visualisé avec lightbox.
 159   */
 160 euphorik.Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante) {
 161    var thisFormateur = this;
 162    var traitementUrl = function(url) {
 163       return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]";
 164    };
 165
 166    return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl);
 167 };