[addon webloader] Extras/webloader

Ahojte,
s nette len zacinam, vedeli by ste mi poradit co robim zle?
BasePresenter

	/**
	* CSS component
	*/
	protected function createComponentCss()
	{
// připravíme seznam souborů
// FileCollection v konstruktoru může dostat výchozí adresář, pak není potřeba psát absolutní cesty
$files = new \WebLoader\FileCollection(WWW_DIR . '/css');

$files->addFile('css/a/site.css');

// kompilátoru seznam předáme a určíme adresář, kam má kompilovat
$compiler = \WebLoader\Compiler::createCssCompiler($files, WWW_DIR . '/temp');
		$compiler->setJoinFiles(false);

// nette komponenta pro výpis <link>ů přijímá kompilátor a cestu k adresáři na webu
return new \WebLoader\Nette\CssLoader($compiler, $this->template->basePath . '/temp');
	}

TestPresenter

$this->presenter['css']->addFile('css/a/site.css');

a vratilo mi to:

Call to undefined method WebLoader\Nette\CssLoader::addFile()

Ide mi vlastne o to aby som si vedel v presenteru pridat dodatocne css.
Co mam zle?

Dakujem,
no mne ide vlastne o to:

mam dajme tomu:

AdminModule
 –templates
 –Test module
 –templates

a pri template bude/nebude aj css pre presenter
a system by si sam nacital css pokial bude existovat,

Neviem ci je tato realizacia vhodna

Jedině asi jako filtr.

//cca
$compiler->addFilter(function ($code) {
	return $code . "body {background: red}";
});

Kouknul bych se na vygenerovaný JS, jestli nemůže problémy způsobovat špatné pořadí vložených souborů. Občas bývá třeba problém s tím, že na konci nějakého souboru chybí středník a další na to nějak špatně navazuje. Ale nevím.

Problem s novou verzi

Disclaimer: Zkousel jsem to diskutovat na jabberu, ale podle reakci se zda ze tu novou verzi nikdo nepouziva :D

Tovarna:

public function createComponentCss()
{
	$directory = $this->parameters['assetCacheDir'];
	$basePath = $this->parameters['assetCacheUrl'];
	$convention = new DefaultOutputNamingConvention();
	$convention->setPrefix('');
	$convention->setSuffix('.css');
	$files = new FileCollection();
	$compiler = new Compiler($files, $convention, $directory);
	$compiler->setJoinFiles($this->parameters['productionMode']);
	$filter = new CssUrlsFilter($directory, $basePath);
	$compiler->addFilter($filter);
	$loader = new CssLoader($compiler, $basePath);

        return $loader;
}

Situace:

1. v adresari %wwwDir%/cache mam adresar s jQuery (pouzivam vlastni „asset manager“, kterej tam ty soubory naleje – muzeme probrat zvlast – pokud by byl zajem)
2. do webloaderu pridam %wwwDir%/cache/jquery/css/ui-lightness/jquery-ui-1.8.17.custom.css
3. webloader z toho udela neco jako %wwwDir%/cache/a214003c7f83-jquery-ui-1.8.17.custom.css

Problem:

• problem je s (ne)upravenim cest v url("...") vyrazech
• driv to fungovalo jaksi samo – stacilo spravne nastavit parametry $tempUri, $tempPath, $sourceUri a $sourcePath, ale ted at s tim filtrem nebo bez nej (zkousel jsem si hrat i s tema cestama) v tom cssku jsou porad url("img/..."), tj. absolutne beze zmeny
• webloader proste vykopiruje to cssko do pryc a… nic

Muzu se zeptat, k cemu je „Použití pro deployment script“
https://componette.org/search/?…

Nic moc mi to nerika. :o)

Dekuju za info

Filtr jsem nakonec vyhodil, jelikož některé skripty (myslím) znefunkčnil. Ne-li celou stránku :)
Doporučuju napsat nový filtr, případně využít jsMin.

Díky za odpovědi. O nějakých zaručeně funkčních a vyzkoušených js/css minimalizátorech víte?

Pokouším se zatím zprovoznit ten cssmin a pořád mi to vyhazuje chybu serveru. Webloader mám zcela funkční a přidal jsem akorát podle návodu řádek:

<?php
		$compiler->addFilter(function ($code) {
			return cssmin::minify($code, "remove-last-semicolon");
		});
?>

a do složky libs nejnovější verzi toho pluginu. Co dělám špatně?

Nový cssmin má prý jako druhý (nepovinný) parametr pole.

CssMin::minify(string $source [, array $filters = array()][, array $plugins = array()]);

Takže bych zkusil to remove semicolons odmazat.

$compiler->addFilter(function ($code) {
    return cssmin::minify($code);
});

V bootstrap.php nastavit Nette\Utils\Html::$xhtml = FALSE;. Jde to i nějak přes config.neon, ale tam si nejsem jistej přesnou syntaxí.

Díky, přes ten bootstrap mi to jde. Přes config bohužel ne, asi je to buglý.

Editoval Siam (24. 10. 2012 12:43)

@**kedrigern**: Tohle řeší tvůj problém

$compiler->addFileFilter(new \Webloader\Filter\CssUrlsFilter($this->context->parameters["wwwDir"]));

Editoval martinit (30. 11. 2012 18:09)

@**kedrigern**: Tohle je filter na úpravu cest k obrázkům v css (viz. zdroják) a né nastavení root složky pro css. Automaticky veme cestu k css souboru, zněj zjistí cestu k obrázkům a apk jí upraví tak, aby stále fungovala, ikdyž css bude v /webtemp.
Sám to používám a funguje to jak má! Žádné stěhování obrázků se tedy nekoná!

Editoval martinit (30. 11. 2012 18:11)

@**kedrigern**: V tom případě, se ten filter nepoužije. Mimo jiné, já to mám vše řešeno v php a soubory předávám v latte. Možná je problém právě v použití neon.

Klidně to používej, asi to @deprecated zase sundám.

V tom případě to není úplně veselá situace. Mělo by fungovat vyrobení symlinku v document_rootu a použití větve jm-normalize-path. V ní jsem dal pryč veškeré použití funkce realpath, která symlinky resolvuje, což je většinou kontraproduktivní.

Mam trosku problem s webloaderem – generuje mi rozdilne css na lokalu a na produkci, zaclo me to zlobit az po pridani tw bootstrapu, pri odebrani bootstrap css tento problem zmizne.

Moje tovarnicka na webloader:

public function createComponentCss()
	{
		$files = new \WebLoader\FileCollection(WWW_DIR . '/css');
		$files->addFiles(\Nette\Utils\Finder::findFiles('*.css', '*.less')->exclude("*print*")->from( WWW_DIR . '/css'));
		$compiler = \WebLoader\Compiler::createCssCompiler($files, WWW_DIR . '/webtemp');
		$compiler->addFileFilter(new \Webloader\Filter\LessFilter());
		$compiler->addFilter(function ($code) { return CssMin::minify($code); });
		return new \WebLoader\Nette\CssLoader($compiler, $this->template->basePath . '/webtemp');
	}

V kodu komponenty jsem nemenil nic. Tento kod pouzivam uz pekne dlouho a az nyni s bootstrapem zacal zlobit. Vypada to, ze po nacteni bootstrap.css ignoruje jakekoliv dalsi soubory a uz je ignoruje – priklad, mel jsem pouze screen.css a bootstrap.css, nacetl bootstrap.css ale screen.css ne. Kdyz jsem zkopiroval zdrojak bootstrapu primo do screen.css, tento soubor se nacetl. Pokud jsem tam ale k tomu pak jeste pridal fancybox.css, tak se nacetl opet pouze screen.css ve kterem byl nyni zdrojak bootstrapu. Nejake napady/rady?

Edit: toto chovani co popisuji se deje pouze na produkci, na lokalu jede vse tak jak ma… local w8, produkce linux.

Editoval Lexi (28. 12. 2012 11:11)

Když používám Webloader v config.neon, tak mám něco takovéhoto:

webloader:
    css:
        default:
            files:
                - style.css
                - {files: ["*.css", "*.less"], from: %appDir%/presenters} # Nette\Utils\Finder support
            filters:
                - @wlCssFilter
    js:
        default:
            remoteFiles:
                - http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js
                - http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js
            files:
                - %appDir%/../libs/nette/nette/client-side/forms/netteForms.js
                - web.js

Nechápu kdy mohu využít 3. úroveň odsazení – default. Co to označuje? Kdy se mi to vyplatí změnit? K čemu to je?

Děkuji za odpověď a informace.

Ahoj,

mám takový zajímavý problém s tímto doplnkem (Apache/2.2.22 (Win32) mod_ssl/2.2.22 OpenSSL/0.9.8t PHP/5.4.11)
Jde o to, že pro administraci je to pár desítek js souborů. V případě, že je vepíše všechny do jedné komponenty, tak prohlížeč zobrazí chybu: Spojení přerušeno – Spojení se serverem bylo v průběhu načítání stránky ukončeno.
Příklad použití:
http://pastebin.com/9HnX6jgC

Abych obešel tuto chybu, tak musim použít více komponent. Příklad použití:
http://pastebin.com/PP28K6mx

Osobně si spíš myslim, že mám něco špatně nastaveno, ale třeba se pletu. Nemáte někdo nápad na řešení?

martinit: V Latte šablonách nemůžeš použít takhle makro uvnitř makra. Zkus tam dát

{control js $basePath . '/js/jquery.js', $basePath . '/js/jinejSoubor.js'}

V tom případě tam asi budeš mít problémů víc. „Makra v makru“ na 100% nefungují.

Já k tomu jen tolik, že jakmile počet souborů překročí 16 (ať už v css nebo js), tzn. dostane se na 17+, apache se se mnou docela nevybíravě rozloučí.

Pokud soubory předám polem, jak jsem psal výše, vše je ok. Klidně se tomu budu věnovat dál, ale nevím jak.

[Sat Jan 19 23:05:29.237008 2013] [mpm_winnt:notice] [pid 1524:tid 316] AH00428: Parent: child process exited with status 3221225725 -- Restarting.
[Sat Jan 19 23:05:30.860292 2013] [mpm_winnt:crit] [pid 1524:tid 316] AH00419: master_main: create child process failed. Exiting.

@**Honza Marek**: Ano vim, že nefungují. Např foreach, if … tam to nefunguje, ale zde při předávaní do komponenty to není problém, resp. funguje to.

@**Michalek**: Je to přesně jak píšeš. Pokud předám 17+ souborů, tak to spadne (ukončí spojení) a v logu mám toto:
http://pastebin.com/BWeMzfmm

Editoval martinit (20. 1. 2013 11:03)

@Honza Marek: To mě ještě taky ne. Bohužel jsem ani nenalezl řešení. :/

Jinak když se toto stane, tak apache errorlog zaspamovává tato chyba:

Parent: child process exited with status 255 -- Restarting.

V event viewer (eventvwr.msc → Protokol systému windows → Aplikace) je tento error:

Název chybující aplikace: httpd.exe, verze: 2.4.3.0, časové razítko: 0x502f70a3
Název chybujícího modulu: php5ts.dll, verze: 5.4.11.0, časové razítko: 0x50f71257
Kód výjimky: 0xc00000fd
Posun chyby: 0x0003b312
ID chybujícího procesu: 0x17d0
Čas spuštění chybující aplikace: 0x01cdfcb7c61db15f
Cesta k chybující aplikaci: C:\Wamp\Bin\Apache\bin\httpd.exe
Cesta k chybujícímu modulu: C:\Wamp\Bin\php\php5ts.dll
ID zprávy: 04ef0581-68ab-11e2-8151-083e8ea7eb86

Zkusil jsem vše přinstalovat, ale je to stále stejné. :/

Editoval martinit (27. 1. 2013 19:08)