[addon webloader] Extras/webloader

Celá tahle nešťastná situace vzniká kvůli tomu, že do presenteru nejde (pokud je mi známo) injectnout služba podle názvu. Pak by context potřeba nebyl.

Do WebLoaderu by asi šla přidat služba, která by si pamatovala všechny loadery vytvořené container extenžnou. Ale použití contextu mi v tomhle případě v praxi nepřineslo žádné potíže, tak se mi to nechtělo dělat.

@**Honza Marek**: Kdybys to udělal, tak by to bylo super :) Klidně se pokusim i nějak pomoc, jelikož jsem sám zkoušel tu extension upravit právě tímto směrem.

Uložil jsem si názvy services, předal do \Weoblader\Nette\Instances, toto injectnul a zavolal daný compiler. Bohužel vždy vracel jen název nikoli potomka \Webloader\Compiler ten jsem z toho nikdy nedostal :/

Editoval martinit (14. 11. 2013 16:39)

Nevím jak s CSS ale zkus použít https://github.com/brabijan/images

@**akadlec**: Protože na to rok nikdo nešáhl ;) #p93222 a #p93226

Editoval martinit (10. 1. 2014 12:22)

CSSUrlFilter obrazky z vendor/libs ale nevitiahne ?

Caute, skusam tento doplnok, chcel by som vediet ako riesite vkladanie napr: fortawesome ? Sice css mi vlozilo, ale url nesadia.

webloader:
	css:
		default:
			joinFiles: FALSE
			files:
				- %themeDir%/AdminModule/resources/css/bootstrap.min.css
				- %themeDir%/AdminModule/resources/css/font-awesome.min.css

A otazka c.2, ako riesite taketo situacie?

	<!--[if IE 7]>
	<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
	<![endif]-->

Editoval duskohu (26. 1. 2014 19:36)

@Tomáš Votruba samozrejme cez remoteFoles to ide, ale chcel som to mat lokalne, asi budem musiet pouzit ten filter, dakujem.

neměl by někdo tip jak přidávat js na základě renderování nějaké komponenty,

např. použiji komponentu na slimbox, lightbox, jcarousel, nejaky counter a cokoli dalsiho, kazda komponenta vyzaduje urcity typ javascriptu

nemate nekdo napad jak to udelat?

co je horsi tak jeste nektere komponenty vyzaduji required js, pro zjednodušení např. jquery, a to zase musi byt prvni nactene, navic nechceme nacitat duplicitne, jquery bylo jen pro zjednoduseni, ale treba takovy cookies plugin nejaky, nebo nejak url hash convertor, to potrebuji dve komponenty a jinak ne, nelze moc odhadnout dopredu co vse nacitat

neresil to někdo?

Pls, nepsal jste si nekdo fileFilter pro https://github.com/…rge/less.php ? Leafo/lessphp nefunguje s bootstrapem vyssim nez 3.0.0 (uz je verze 3.1.1 se spoustou fixu). Diky

Caute neviete mi poradit? mam less a v nom mam nieco taketo:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/lGh-uXM.woff) format('woff');
}

Predpoklad riesenia je: ze nejako identifukujem path, tento subor prekopirujem do webtempu a prepisem path na subor ktory som prekopiroval do webTempu. neviem ci toto riesenie je spravne. Ak ano, tak ma neviete niekto nakopnut ako to riesit? nemam ani sajnu, dakujem.

Takze som sa dostal tu: https://github.com/…lsFilter.php#L93
Ide mi o to aby som subor v ktorom definujem path k fontom vedel identifikovat, lenze __invoke dostane $code vo $file mam null, ako by som vedel identifikovat subor? jeho cestu? v ktorom sa moja definicia fontu nachadza? Aby som nasledne na zaklade relativnej cesty vedel urcit absolutnu cestu k fontom, a mohol ich prekopirovat do webTempu.

Ked si dumpnem \WebLoader\Compiler $loader, tak je tam : collection >> files, ale neda sa identifikovat ktory je prave ten ktory sa spracuvava.

Editoval duskohu (27. 2. 2014 18:59)

@Lexi prepac, trosku som zle precital :-), hladas toto?

@dushoku: tak bohuzel tve reseni nakonec nefunguje – spatne kompiluje @import, pokud mam napr mixins nebo cokoliv v importu a chci pouzit v parentovi tak nelze. s leafo/lessphp fungovalo bez problemu. Zkusim si s tim pohrat a uvidim jestli na neco prijdu.

Zdravím,
chci se zeptat na pár věcí:

1. Jaký je nejlehčí způsob vytvoření nějakých balíků? Mám teď aplikaci rozdělenou na front a admin, které využívají jiné JS a CSS. A i v rámci těchto modulů se vyskytují presentery, které jsou zase specifické (např. využívají Grido).
2. Webloader i minifikuje? Jakým způsobem se případně minifikace zapíná? Nebo si ji musím vyřešit sám?
3. ve složce webtemp se mi řečeno s klasikem hromadí horníci. To je požadované chování? Neměly by se ty soubory mazat, když dojde k jejich „invalidaci“?
4. Není v plánu nějaká obsáhlejší dokumentace?
5. Při snaze použít něco jako - {files: ["*.css", "*.less"], exclude: ['*awesome*'] ,from: %wwwDir%/css/front} mi Nette Tester vyhodí Nette\InvalidArgumentException: Unable to concatenate non-scalar parameter 'wwwDir' into '%wwwDir%/css/front'. Tohle je akorát otravné, jinak v aplikaci to funguje, dá se to nějak obejít? Nette 2.2.

Díky moc za odpovědi.

Editoval zimmi (9. 6. 2014 18:28)

Jen bych doplnil, že komponentu lze vytvořit snadněji:

/** @var \WebLoader\Nette\LoaderFactory @inject */
public $webLoader;

/** @return CssLoader */
protected function createComponentCss()
{
    return $this->webLoader->createCssLoader('default');
}

/** @return JavaScriptLoader */
protected function createComponentJs()
{
    return $this->webLoader->createJavaScriptLoader('default');
}

Viz git

Zdravím,
daly by se s webloaderem nějak skloubit expires headery, nebo je to už spíš věc do htaccessu/configu apache? YSlow Firebugu mi hlásí, že bych si měl k css/js souborům přidat právě tyhle hlavičky.

Jako callback:

webloader:
    css:
        default:
            filters:
                - [CssMin, minify]

Webloader těm filtrům předává content a instanci Compileru, viz Github. Můžeš buďto vytvořit vlastní wrapper nad tímto minifierem a správně předat parametry a nebo použít jiný, který toto volání z Webloaderu zvládne. Můžeš zkusit třeba tento. Callback bys potom měl na metodu minify nad instancí CssMinifier.

webloader:
    css:
        front:
            filters:
                - [@\CssMinifier, minify]

services:
    - CssMinifier

zimmi napsal(a):

5. Při snaze použít něco jako - {files: ["*.css", "*.less"], exclude: ['*awesome*'] ,from: %wwwDir%/css/front} mi Nette Tester vyhodí Nette\InvalidArgumentException: Unable to concatenate non-scalar parameter 'wwwDir' into '%wwwDir%/css/front'. Tohle je akorát otravné, jinak v aplikaci to funguje, dá se to nějak obejít? Nette 2.2.

Díky moc za odpovědi.

Také jsem při testování potřeboval %wwwDir% a dostával jsem stejnou chybu. Řešení:

Jelikož ji Configurator určuje z hodnoty $_SERVER['SCRIPT_FILENAME'], která v CLI není přítomná, je potřeba ji přidat do bootstrap.php před vytvoření $containeru.

$_SERVER['SCRIPT_FILENAME'] = ...;

Používám to bez problémů na Nette 2.2…

CZechBoY napsal(a):

Včera jsem to nasazoval na nejnovější nette a přidával jsem si css/js minifikátory a ještě less a v pohodě všechno :-)

Co používáš na JS jako minifikátor?

Zřejmě špatně chápu jak funguje require v composeru.
Nainstalovat se mi samozřejmě podařilo, ale nejde mi to do hlavy.
V GITu je tohle: „nette/nette“: "~2.0@rc"
Podle toho bych hádal že to Nette 2.2 nepustí.

Skvěle, díky za osvětlení

@flexroad zdedit a prekryt tu metodu. Pokud sis myslis, ze by tvoje zmena mohla byt uzitecna i pro ostatni, muzes vytvorit pull request do webloaderu

Tirus91 napsal(a):

1. nenasel jsem nikde tridu cssmin
2. v latte mi to vrati sice link na css (v pripade vynechani cssmin), ale ten soubor neexistuje
3. Je pro to vsechno potreba neco jeste na serveru (Grunt)?

1. To je na tobě, jakou classu na minifikaci si do projektu vložíš, mě osobně se nepodařilo rozchodit žádnou co jsem našel, aníž by mi to rozbilo nějaké styly na webu, takže jsem použil regulární výraz, který mi ta css minifikuje, aníž by mi to něco rozbilo:

$compiler->addFilter(function ($code) {
			$code = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $code);
			$code = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '   '), '', $code);
			return $code;
		});

2. Máš povolen zápis do té složky, kam ti to ty minifikované styly ukládá? Já s tím žádný problém neměl …
3. Já nic na server nepřidával a funguje to …

Tirus91 napsal(a):

@iguana007
Super, jen mám problém s JS, když ho minifikuji, tak mi to následně do konzole háže
http://i.imgur.com/50Me0AA.png

Máš určitě správně název souboru s jQuery? To vypadá, že se ti to jQuery nenačte a tím pádem ti to hlásí tyto chyby.