[addon webloader] Extras/webloader

s tímto jsem se taky setkal – u větších knihoven (jQuery, bs3 apod) se při minifikaci vyskytují nejspíš potlačené chyby, proto mám v aplikaci více komponent z webloaderu – na vlastní skripty, které minifikuji, a na už minifikované velké knihovny mám prostě druhou komponentu, která je jen slučuje.

Mimochodem doporučuju použití Compiler Extension, které je součástí webloaderu. Příklad jednoho takového konfiguráku:

extensions:
  webloader: WebLoader\Nette\Extension

services:
  wlCssFilter: WebLoader\Filter\CssUrlsFilter(%wwwDir%)
  lessFilter: WebLoader\Filter\LessFilter
  cssMin: Joseki\Webloader\CssMinFilter
  jsMin: Joseki\Webloader\JsMinFilter

webloader:
  css:
    default:
      files:
        - octicons.css
        - design.css
        - tables.css
        - forms.css
      filters:
        - @wlCssFilter
        - @cssMin
    libs:
      files:
        - bootstrap.css
  js:
    default:
      files:
        - %libsDir%/composer/nette/forms/src/assets/netteForms.js
        - datepicker-init.js
        - form-formats.js
        - form-selections.js
        - form-navigation.js
        - main.js
      filters:
        - @jsMin
    libs:
      files:
        - jquery/jquery.js
        - jquery/jquery.ui.js
        - jquery/jquery.ui.lang.js
        - bootstrap/bootstrap.js

BasePresenter.php

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


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



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



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



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

@Tirus91 přesně tak, jsou to totiž už samé minimalizované knihovny, tak k tomu ani není důvod

jak jiný práva? to by chtělo upřesnit i OS.

umask?

@CZechBoY: já mám v bootstrap.php na začátku:

umask(0);

a práva nových souborů (včetně temp/cache) mě netrápí.

@CZechBoY http://php.net/…on.umask.php

umask vrací starou masku, jinak ale také nastaví práva pro nově vytvořené soubory na danou masku & 0777 takže umask(0) nastaví 0777.

Dnes jsem na to po debugování kódu webloaderu přišel,
WebLoader\Filter\CssUrlsFilter('web/theme', '/web/theme')

Problém byl v tom, že jsem jako první parametr dával třeba wwwdir, což je ale a nefungovalo.
Snad to ostatním pomůže :)

Caute snazim sa nahodit weloader na Nette 2.3.0-beta2, webloader mam: „janmarek/webLoader“: „~2.3.0“,
ale Hadze mi to:
notice: Undefined index: webloader\nette\loaderfactory
v : vendor\janmarek\webloader\WebLoader\Nette\Extension.php:159

$meta->value['types']['webloader\\loaderfactory'] = $meta->value['types']['webloader\\nette\\loaderfactory'];

v types sa „WebLoader\Nette\LoaderFactory“ nachadza, nebude nejaky problem s Case sensitivity?

Neviete poradit kde je hacik?

Pri tomto zapisu:

webloader:
	css:
		frontend:
			files:
				- {files: ["*.css", "*.less"], exclude: ["*print*"], in: [%appDir%/../www/css, %appDir%/../www/css/frontend]}

Po aktualizaci na nejnovejsi verzi se objevil error is_dir() expects parameter 1 to be a valid path, array given (ve drivejsi verzi vse jelo).

Uprava na tento zapis chybu vyresil:

webloader:
	css:
		frontend:
			files:
				- {files: ["*.css", "*.less"], exclude: ["*print*"], in: %appDir%/../www/css}
				- {files: ["*.css", "*.less"], exclude: ["*print*"], in: %appDir%/../www/css/frontend}

Planuje se vraceni vyuziti predchozi syntax (vyuziti pole v in/from)?

Nasel jsem, ze tento commit, funkcionalitu „rozbil“.

Editoval Lexi (18. 2. 2015 14:33)

Ahoj vsem,

potreboval bych poradit, jak docilit toho, aby se mi v nette 2.3.2 soubory na „DEVELOPMENT“ neminifikovali do jednoho ale vypsali jako jednotlive radky. neco jako:

	<link rel="stylesheet" media="screen,projection,tv" href="/assets/plugins/grido/grido.css">
	<link rel="stylesheet" media="screen,projection,tv" href="/assets/plugins/isotope/isotope.css">

Diky za jakekoliv rady a postrehy!

@flexroad

Editoval flexroad (13. 6. 2015 10:05)

@Jeriiii hezké, prozatím to obcházím že v hlavním less souboru mám číslo verze a při změně includovaného souboru inkrementuji verzi.

Ideálně kdyby tohle chování taky šlo vypnout.

@Myiyk Myslím, že není potřeba to vypínat, protože se to spouští opravu jen na less soubory. Kdyby jsi ale přesto chtěl, můžeš to udělat jednoduše přes globální proměnnou Compileru a jeden if, třeba takto (neodzkoušeno):

/* zapne kontrolu, zda byly modifikovány importované less soubory */
public $checkImportLessFiles = TRUE;

/* původní metoda na zjištění poslední modifikace */
public function getLastModified(array $files = null) {
	if ($files === null) {
		$files = $this->collection->getFiles();
	}

	$modified = 0;

	foreach ($files as $file) {
		$modified = max($modified, filemtime($file));
		if($this->checkImportLessFiles) { //zapnutí / vypnutí kontroly
			$modified = max($modified, $this->isImportModified($file)); //kontrola všech importů
		}
	}

	return $modified;
}

Takhle si to pak zapneš/vypneš u každé instance jak chceš. :-)

@MatúšMatula Díky, hodím to tam.

Zdravím,
chystá se někdy rozšíření pro generování source map?

Měl bych na vás menší dotaz.
Od té chvíle, kdy jsem tuto fičuru začal používat, mi přestalo fungovat komplet nette js

V konfigu mám toto. Vzal jsem vše co jsem měl v @layout.latte a přesunul jen sem (pořadí jsem zachoval). Netuší někdo, co by s tím mohlo být? V konzoli browseru dostávám error, že $.nette není definováno

webloader:
    css:
        default:
            files:
                - %appDir%/../webLibs/stylesheets/pixel-admin.css
                - %appDir%/../webLibs/stylesheets/widgets.css
                - %appDir%/../webLibs/stylesheets/pages.css
                - %appDir%/../webLibs/stylesheets/themes.css
                - %appDir%/../webLibs/stylesheets/main.css
                - %appDir%/../webLibs/stylesheets/grido.css
            remoteFiles:
                - "http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin"
                - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
                - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css
                - https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css
            filters:
                - @cssMin
    js:
        default:
            files:
                - %appDir%/../webLibs/javascripts/pixel-admin.js
                - %appDir%/../webLibs/javascripts/nprogress.js
                - %appDir%/../webLibs/javascripts/bootstrap.datetimepicker.js
                - %appDir%/../webLibs/javascripts/nette.ajax.js
                - %appDir%/../webLibs/javascripts/grido.js
                - %appDir%/../webLibs/javascripts/plugins/grido.nette.ajax.js
                - %appDir%/../webLibs/javascripts/plugins/grido.datepicker.js
                - %appDir%/../webLibs/javascripts/plugins/grido.bootstrap.select.js
                - %appDir%/../webLibs/javascripts/plugins/grido.bootstrap.paginator.js
                - %appDir%/../webLibs/javascripts/plugins/grido.daterangepicker.js
                - %appDir%/../webLibs/javascripts/nette.nprogress.js
            remoteFiles:
                - https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
                - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
                - https://cdn.rawgit.com/dangrossman/bootstrap-daterangepicker/v1.3.19/daterangepicker.js
                - https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js
                - https://nette.github.io/resources/js/netteForms.min.js
            filters:
               - @jsMin

Minifikaci dela minifikacni filter, tak si ho vypni…
Jinak mne by se libila source mapa – mapovani souboru z ty nudle cssloader.css, jsloader.js(soubor .map) na zdrojaky.

Editoval CZechBoY (12. 10. 2016 8:39)

Zdravím,
k čemu je vlastně dobré mít v konfikuraci watchFiles?

watchFiles:
	- {files: ["*.css", "*.less"], from: css}
	- {files: ["*.css", "*.less"], in: css}

Editoval Trsak (30. 9. 2017 20:29)

Kvuli font awesome jsem si napsal vlastni webloader, ve kterem si namapujes slozku, z ktere ti vykopiruje soubory do www dir.. (v dobe kdy jsem neco takoveho potreboval, jsem u tohodle webloadru nezjistil jak dosahnout potrebneho efektu).

Po upgrade zo staršej verzie WebLoaderu bojujem s nahradzovaním URL.

Obkreslil som konfiguráciu config.neon z GitHub-u a mierne upravil na moje podmienky:

extensions:
	webloader: WebLoader\Nette\Extension

services:
        router: RouterFactory::createRouter
        wlCssFilter: WebLoader\Filter\CssUrlsFilter(%wwwDir%)
        lessFilter: WebLoader\Filter\LessFilter

webloader:
	css:
		default:
			files:
				- {files: ["*.css", "*.less"], from: %wwwDir%/css} # Nette\Utils\Finder support
			filters:
			fileFilters:
				- @lessFilter
				- @wlCssFilter
			watchFiles:		# only watch modify file
				- {files: ["*.css", "*.less"], from: css}
				- {files: ["*.css", "*.less"], in: css}

	js:
		default:
			remoteFiles:
			files:

Prestali sa mi však nahrádzať odkazy k obrázkom v CSS. Napr.:

.tip {
	background-image:url("tip1.gif");
}

Môže za to tento kus kódu:

		// inside document root
		if (strncmp($cssFile, $this->docRoot, strlen($this->docRoot)) === 0) {
			$path = $this->basePath . substr(dirname($cssFile), strlen($this->docRoot)) . DIRECTORY_SEPARATOR . $url;
		} else {
			// outside document root we don't know
			return $url;
		}

Premenná %wwwDir% a teda $this->docRoot smeruje správne na absolútnu cestu k web rootu, teda napr. ‚C:\xampp\htdocs\project\www‘. $cssFile je nastavené napr. ‚css/style.css‘, teda podmienka sa vyhodnotí ako false. Krízovo som to vyriešil tým, že som upravil else vetvu:

		// inside document root
		if (strncmp($cssFile, $this->docRoot, strlen($this->docRoot)) === 0) {
			$path = $this->basePath . substr(dirname($cssFile), strlen($this->docRoot)) . DIRECTORY_SEPARATOR . $url;
		} else {
			// outside document root we don't know
			$path = $this->basePath . dirname($cssFile). DIRECTORY_SEPARATOR . $url;
		}

Nejaký nápad čo by som mal ešte skontrolovať, prípadne ako to elegantne vyriešiť? Ostatným to ide bez problémov? Popravde moc mi tá podmienka nedáva zmysel. Ako máte $cssFile nastavený vy? Ako je to myslené?