fleetvue 0.1.2

A Vue.js-like templating engine using Jinja2 for Python

FleetVue

A powerful Vue.js-like templating engine for Python using Jinja2. FleetVue brings the familiar Vue.js syntax to Python while leveraging the robust features of Jinja2.

Features

• Vue.js-like template syntax with p- directives
• Full Jinja2 template engine capabilities
• Support for async rendering
• Sandboxed environment for security
• BeautifulSoup4 for HTML parsing
• Template caching for better performance
• Custom filters support

Installation

pip install fleetvue

Quick Start

from fleetvue import render_template

template = """
<div p-if="show">
    <p p-text="message"></p>
</div>
<ul>
    <li p-for="item in items" p-key="item.id">{{ item.name }}</li>
</ul>
"""

data = {
    'show': True,
    'message': 'Hello, World!',
    'items': [{'id': 1, 'name': 'Item 1'}, {'id': 2, 'name': 'Item 2'}]
}

output = render_template(template, data)
print(output)

Available Directives

• p-if: Conditional rendering
• p-else-if: Alternative condition
• p-else: Fallback content
• p-for: List rendering
• p-key: Unique key for list items
• p-bind: Dynamic attribute binding
• p-text: Text content binding
• p-html: HTML content binding
• p-show: Conditional display
• p-on: Event handling
• p-model: Two-way data binding
• p-pre: Skip compilation
• p-once: Render once
• p-cloak: Hide until compiled

Advanced Usage

Custom Engine Configuration

from fleetvue import VueJinjaEngine

# Create a custom engine instance
engine = VueJinjaEngine(
    sandboxed=True,  # Use sandboxed environment for security
    enable_async=True  # Enable async support
)

# Add custom filters
engine.env.filters['uppercase'] = lambda x: str(x).upper()

# Use the engine
template = '<h1 p-text="title | uppercase"></h1>'
data = {'title': 'Hello World'}
output = engine.render_template(template, data)

Async Rendering

import asyncio
from fleetvue import VueJinjaEngine

async def main():
    engine = VueJinjaEngine(enable_async=True)
    template = '<div p-text="message"></div>'
    data = {'message': 'Hello World'}
    output = await engine.render_template_async(template, data)
    print(output)

asyncio.run(main())

Sandboxed Environment

from fleetvue import VueJinjaEngine

engine = VueJinjaEngine(sandboxed=True)
output = engine.render_template(template, data)

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Vishnu Prasad - GitHub

Acknowledgments

• Jinja2 for the powerful templating engine
• BeautifulSoup4 for HTML parsing
• Vue.js for the inspiration and syntax