To install latest version of juniwalk/tessa use Composer.
composer require juniwalk/tessaCheck 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.jsInclude 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>