Discussion :

[julian75]

Bonjour à tous,

J'ai besoin de modifier la liste des JS et des CSS inclus dans la partie head de mon layout.
Donc, j'ai tenté de créer un plugin symfony, avec une classe qui étend la classe "sfPluginConfiguration", avec un simple test d'ajout d'un attribut data-test sur chaque javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
class resourcesModifierPluginConfiguration extends sfPluginConfiguration {
	public function configure() {
		//$this->dispatcher->connect('view.configure_format', array($this, 'listenToConfigureFormat'));
		$this->dispatcher->connect('response.filter_content', array(nuFileConcatenatorPluginConfiguration, 'test'));
	}
 
	public static function test(sfEvent $event) {
		$javascripts = sfContext::getInstance()->getResponse()->getJavascripts();
		// remove all js
		foreach ($javascripts as $name => $arr) sfContext::getInstance()->getResponse()->removeJavascript($name);
		// Add Javascripts
		foreach ($javascripts as $name => $arr) {
			sfContext::getInstance()->getResponse()->addJavascript($name, 'last', array('data-test' => 'test value'));
		}
		return sfContext::getInstance()->getResponse()->getContent();
	}
}

Le code est bien appelé mais la réponse n'est pas modifié, alors que le même code appelé depuis le layout fonctionne très bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
               <?php resourcesModifierPluginConfiguration::test(new sfEvent('test.test', 'test.test')); ?>
               <?php include_stylesheets() ?>
               <?php include_javascripts() ?>

Ma question : Est-ce possible de modifier les JS et CSS avant le rendu de la page, sans faire de modification intrusive (comme par exemple modifier le layout)

Merci beaucoup pour votre aide !!

Julian

[kenny.kev]

C'est pour faire quoi exactement ?
Car symfony te permet déjà de les modifier comme on le souhaite en fonction des modules et des actions.

[julian75]

Bonjour kenny.kev !

Le premier code, avec la connexion de l'évenement, fait bien la modification attendue dans le tableau des javascripts, mais le souci c'est qu'il ne le rend pas dans le HTML (je ne vois pas pourquoi car l'événement est bien appelé avant le rendu du HTML à priori).
Et c'est seulement en appelant ma méthode test() depuis la page layout que ça fonctionne, sauf que c'est intrusif et l'idée du plugin est justement de ne pas l'être.

En fait je veux pouvoir manipuler mes JS et CSS depuis le plugin (modifier l'ordre, en ajouter, en supprimer, ajouter des attributs) dans le but de faire un plugin d'optimisation réutilisable, d'où le coté non intrusif.

N'hésitez pas si je ne suis pas clair

Julian

[kenny.kev]

Pour info il y a déjà des plugin's qui font ça et qui en plus peuvent aussi te compresser les JS et CSS.

J'ai pas encore vraiment compris ce que tu souhaites vraiment optimiser ?
C'est faire de la compression ?

[julian75]

Oui j'ai regardé ces plugins mais ça ne colle pas à ce dont j'ai besoin. C'est un module de concaténation de JS / CSS mais avec un niveau de paramétrage spécifique, et en plus dans les cas que j'ai vu, ils passent souvent par une modification du layout principal.

Après ce que je ne comprend pas c'est pourquoi les modifications apportées à mon tableau de JS et de CSS ne sont pas répliquées dans le HTML rendu. Si ça n'est pas possible j'aimerais simplement comprendre pourquoi car je ne vois pas de raisons pour qu'il y ait une telle limite.

[kenny.kev]

C'est le yml qui spécifie l'ordre donc si tu souhaites que ça fonctionne il faut que tu te place au niveau d'un filtre juste avant l'envoie de données au client.