Changeset 48764 in spip-zone

Timestamp:

Jun 13, 2011, 1:25:33 PM (10 years ago)

Author:

cedric@…

Message:

La version 0.3.0 du plugin revoit complètement le mode de fonctionnement :
par défaut, toutes les feuilles less référencées dans le squelette qui contient #INSERT_HEAD sont compilées à la volée. Elles sont reconnues par leur extension .less ou .less.css

Pour une feuille en particulier (extension non conforme) ou un squelette calculé, il est possible d'utiliser à la main le filtre |less_css (ou #FILTRE{less_css} dans une feuille calculée).

On standardise le logo de LESS comme le nom et le prefixe (inutile de rapperler que c'est pour SPIP puisqu'on est dans un plugin SPIP)
Bon pour le stress test avant de passer en état stable.

Location:

_plugins_/less-css/trunk

Files:

• img/lesscss-32.png (added)
• img/lesscss.png (added)
• img/lesspip.jpg (deleted)
• img/lesspip.png (deleted)
• img/lesspip.xcf (deleted)
• lesscss_fonctions.php (moved) (moved from _plugins_/less-css/trunk/lessphp/gen_styles.php) (1 diff)
• plugin.xml (modified) (2 diffs)

_plugins_/less-css/trunk/lesscss_fonctions.php

@@ -1 +1 @@
 <?php
 
-require 'lessc.inc.php';
+/**
+ * Compiler des styles inline LESS en CSS
+ * @param string $style
+ * @return string
+ */
+function less_compile($style){
+        require 'lessphp/lessc.inc.php';
 
-// créé un tableau $styles à partir de la recherche
-// de tous les fichiers *.less dans le "path" spip
-foreach (find_all_in_path("", ".[.]less$") as $styles) 
-  {
-    // chaque fichier less produit un fichier css de la forme :
-    // "cheminVersFichierLess/less_nomFichierLess.css"
-    $styles_css = dirname($styles).'/'.basename($styles).'.css';
+        // le compilateur lessc compile le contenu
+        $less = new lessc();
+        try {
+                $out = $less->parse($style);
+                return $out;
+        }
+        // en cas d'erreur, on retourne du vide...
+        catch (exception $ex) {
+                spip_log('lessc fatal error:'.$ex->getMessage(),'less'._LOG_ERREUR);
+                return '';
+        }
+}
 
-    // le compilateur lessc compile chaque fichiers less et produit
-    // la feuille de style correspondante dans le même répertoire.
-    try {
-      lessc::ccompile($styles, $styles_css);
-    } catch (exception $ex) {
-      exit('lessc fatal error:<br />'.$ex->getMessage());
-    }
-  }
+/**
+ * Transformer du LESS en CSS
+ * Peut prendre en entree
+ * - un fichier .css ou .less :
+ *   [(#CHEMIN{messtyles.less.css}|less_css)]
+ *   la sortie est un chemin vers un fichier CSS
+ * - des styles inline,
+ *   pour appliquer dans une feulle less calculee :
+ *   #FILTRE{less_css}
+ *   la sortie est du style inline
+ *
+ * @param string $source
+ * @return string
+ */
+function less_css($source){
+        // Si on n'importe pas, est-ce un fichier ?
+        if (!preg_match(',[\s{}],', $source)
+          AND preg_match(',\.(less|css)$,i', $source, $r)
+          AND file_exists($source)) {
 
+                $f = basename($source,$r[0]);
+                $f = sous_repertoire (_DIR_VAR, 'cache-less')
+                . preg_replace(",(.*?)(_rtl|_ltr)?$,","\\1-cssify-"
+                . substr(md5("$source-lesscss"), 0,4) . "\\2", $f, 1)
+                . '.css';
+
+                # si la feuille compilee est plus recente que la feuille source
+                # l'utiliser sans rien faire, sauf si recalcul explicite
+                if ((@filemtime($f) > @filemtime($source))
+                  AND (!defined('_VAR_MODE') OR _VAR_MODE != 'recalcul'))
+                        return $f;
+
+                if (!lire_fichier($source, $contenu))
+                        return $source;
+
+                # compiler le LESS
+                $contenu = less_compile($contenu);
+                // si erreur de compilation on renvoit la source, et il y a deja eu un log
+                if (!$contenu)
+                        return $source;
+                # passer la css en url absolue (on ne peut pas le faire avant, car c'est du LESS, pas des CSS)
+                $contenu = urls_absolues_css($contenu, $source);
+
+                // ecrire le fichier destination, en cas d'echec renvoyer la source
+                if (ecrire_fichier($f, $contenu, true))
+                        return $f;
+                else
+                        return $source;
+        }
+        $source = less_compile($source);
+        if (!$source)
+                return "/* Erreur compilation LESS : cf less.log */";
+        else
+                return $source;
+}
+
+
+/**
+ * injecter l'appel au compresseur sous la forme de filtre
+ * pour intervenir sur l'ensemble du head
+ * du squelette public
+ *
+ * @param string $flux
+ * @return string
+ */
+function lesscss_insert_head($flux){
+        $flux .= '<'
+                .'?php header("X-Spip-Filtre: '
+                .'cssify_head'
+                .'"); ?'.'>';
+        return $flux;
+}
+
+
+/**
+ * Attraper automatiquement toutes les .less ou .less.css du head
+ * les compiler, et les remplacer par leur css compilee
+ *
+ * @param string $head
+ * @return void
+ */
+function cssify_head($head){
+        $url_base = url_de_base();
+        $balises = extraire_balises($head,'link');
+        $files = array();
+        foreach ($balises as $s){
+                if (extraire_attribut($s, 'rel') === 'stylesheet'
+                        AND (!($type = extraire_attribut($s, 'type')) OR $type == 'text/css')
+                        AND $src = extraire_attribut($s, 'href')
+                        // format .less.css ou .less avec un eventuel timestamp ?123456
+                        AND preg_match(",\.(less\.css|less)(\?\d+)?$,",$src)
+                        AND $src = preg_replace(",\?\d+$,","",$src)
+                        AND $src = preg_replace(",^$url_base,",_DIR_RACINE,$src)
+                        AND file_exists($src))
+                        $files[$s] = $src;
+        }
+
+        if (!count($files))
+                return $head;
+
+        foreach($files as $s=>$lessfile){
+                $cssfile = less_css($lessfile);
+                $m = @filemtime($cssfile);
+                $s2 = inserer_attribut($s,"href","$cssfile?$m");
+                $head = str_replace($s, $s2, $head);
+        }
+        
+        return $head;
+}
 ?>

_plugins_/less-css/trunk/plugin.xml

@@ -1 +1 @@
 <plugin>
-        <nom>LESSpip</nom>
+        <nom>LESS CSS</nom>
         <auteur>Jean-Baptiste Bourgoin</auteur>
         <licence>MIT</licence>
-        <version>0.2</version>
+        <version>0.3.0</version>
+        <etat>test</etat>
+        <icon>img/lesscss-32.png</icon>
         <description>
 Int&eacute;gration de l'impl&eacute;mentation php de LESS dans SPIP.
@@ -11 +13 @@
 l'&eacute;criture de feuilles de style complexes.
 
-Ce plugin cr&eacute;&eacute; les fichiers css correspondant &agrave; vos fichiers less dans le r&eacute;pertoire o&ugrave; ces derniers ont &eacute;t&eacute; cr&eacute;&eacute;s.
-  
+Ce plugin compile &agrave; la vol&eacute;e tous les fichiers .less.css ou .less du squelette qui contient #INSERT_HEAD.
+Vous pouvez aussi forcer la compilation d'un fichier ou d'une feuille de style calcul&eacute;e &agrave; l'aide
+du filtre less_css
         </description>
-        <etat>dev</etat>
-        <prefix>lesspip</prefix>
-        <icon>img/lesspip.png</icon>
+        <prefix>lesscss</prefix>
         <lien>http://leafo.net/lessphp/</lien>
         <categorie>outil</categorie>
-        <fonctions>lessphp/gen_styles.php</fonctions>
+        <fonctions>lesscss_fonctions.php</fonctions>
+        <pipeline>
+                <nom>insert_head</nom>
+        </pipeline>
 </plugin>