@zebrains/velund-jinja
v1.0.1
Published
Jinja-рендерер для системы UI-компонентов Velund
Readme
@zebrains/velund-jinja
Jinja-рендерер для системы UI-компонентов Velund.
Этот пакет добавляет поддержку шаблонов Jinja в экосистему Velund — как в процессе сборки через vite/velund (для генераторов), так и для runtime-рендеринга в сгенерированных библиотеках.
Установка
pnpm add @zebrains/velund-jinjaПодключение в vite.config.ts
Важно: при конфигурации velund указывайте поле renderer: 'jinja', чтобы Velund знал, какой рендер использовать по умолчанию.
// vite.config.ts
import { defineConfig } from 'vite';
import velund from 'velund';
import pythonGenerator from '@zebrains/velund-python';
import jinjaRenderer from '@zebrains/velund-jinja';
export default defineConfig({
plugins: [
velund({
generator: 'python',
renderer: 'jinja', // <--- указываем renderer
renderers: [jinjaRenderer()],
generators: [pythonGenerator()],
}),
],
});Поддерживаемые форматы файлов
По умолчанию вы можете импортировать и использовать шаблоны с расширениями:
.jinja.jinja2.j2.html.jinja.html.jinja2.html.j2
Примеры импорта в исходниках Velund-компонента / утилиты:
import template from './templates/MyComponent.jinja';(в процессе сборки Velund/рендерер обрабатывает такой импорт и включит шаблон в сгенерированную библиотеку).
Пример использования шаблона в компоненте (концепт)
// src/components/MyComponent.ts
import template from './MyComponent.jinja';
export default {
name: 'MyComponent',
template, // шаблон подключается как строка/компиляция
};