juniwalk/tessa

v2.2.3 2024-06-05 11:09 UTC

README

To install latest version of juniwalk/tessa use Composer.

composer require juniwalk/tessa

Usage

Check config.neon from tests for more details.

extensions:
	tessa: JuniWalk\Tessa\DI\TessaExtension

tessa:
	outputDir: %wwwDir%/static
	checkLastModified: true

	default:
		defer: true
		assets:
			- %moduleDir%/font-awesome/css/font-awesome.min.css
			- %moduleDir%/jquery/dist/jquery.min.js
			- %moduleDir%/bootstrap/dist/css/bootstrap.min.css
			- %moduleDir%/bootstrap/dist/js/bootstrap.min.js
			- %moduleDir%/nette-forms/src/assets/netteForms.min.js
			- %wwwDir%/assets/style.css
			- %wwwDir%/assets/index.js

	frontend:
		extend: default
		assets: []

	backend:
		extend: default
		assets:
			- %wwwDir%/assets/admin.js

	fullcalendar:
		defer: true
		assets:
			- %moduleDir%/fullcalendar/index.global.min.js

Include AssetManager trait to get access to Tessa component.

use JuniWalk\Tessa\Attributes\AssetBundle;
use JuniWalk\Tessa\Traits\AssetManager;

#[AssetBundle('frontend')]
class TessaPresenter extends Presenter
{
	use AssetManager;

	#[AssetBundle('calendar')]
	public function actionCalendar(): void {}
}

Then render styles and scripts in template from Presenter attributes.

<!DOCTYPE html>
<html>
<head>

	<title>Tessa example</title>
	{control tessa:css}
	{control tessa:js}

</head>
<body>

	<!-- your page content -->

</body>
</html>

Alternatively you can render specific part of bundle.

<!DOCTYPE html>
<html>
<head>

	<title>Render just fullcalendar scripts</title>
	{control tessa:js 'fullcalendar'}

</head>
<body>

	<!-- your page content -->

</body>
</html>