Skip to main content

Python 3 template parser to generate HTML from a pug/jade like syntax

Project description

Tiny template parser which will convert a pugjs like syntax to HTML with the help of popular template engines.

spenx is not a direct port of the javascript pugjs library but has been heavily influenced by it so don’t expect full pugjs features to work. That being said, if you need to add a feature, don’t hesitate to submit your pull requests or open an issue!

In spenx, statements, like conditions and loops, are not processed and outputted “as it” to be processed by the template engine you wish to use.

At the time being, only Jinja2 and Mako has been tested but adding support for anything else should be easy.

Why another parser?

I know there’s a lot of port of jade, pugjs and so on for python. But everyone seems to be unmaintained. I really like the syntax use by pug and want something simplier and easier to maintain in the future with a strict set of features.

This is why the parser is defined using Arpeggio and the cleanpeg syntax. It’s easier to read, understand and maintain.

The spenx code is really tiny, check it yourself!

Installation

$ pip install spenx

Usage

Using spenx is fairly easy:

from spenx import Parser

# Without backend
parser = Parser()

parser.parse("""
p Hello world
""")

# => <p>Hello world</p>

# Using jinja2
from spenx.ext.jinja import Spenx
from jinja import Environment

env = Environment(
  # Common jinja parameters
  extensions=[Spenx], # And the spenx extension
)

# Only preprocess files with given extensions
env.spenx_process_extensions = ['.pug', '.spenx'] # Those are the default

# And use env.get_template and render as usual

# Using mako
from spenx.ext.mako import preprocessor
from mako.template import Template

tpl = Template("p Hello world", preprocessor=preprocessor)

# And use render as usual

Syntax

If you’re already using pugjs, you should feel familiar with the syntax (see the tests/ folder for more insights).

Valid attributes values are:

  • strings, enclosed in or ` (type=’text’)

  • booleans (required=True)

  • numbers (value=42.0)

<!DOCTYPE html>
html(lang='en')
  head
    meta(charset='utf-8')
    title My first spenx webpage!
  body
    h1 spenx
    p.welcome
      | Did I said you'll feel right at home if you're using pugjs?
      | Because I guess that's right!
    .container
      p Without a tag defined, div will be assumed
        strong pretty cool huh?

And this is what’s rendered by spenx:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><title>My first spenx webpage!</title></head><body><h1>spenx</h1><p class="welcome">Did I said you'll feel right at home if you're using pugjs? Because I guess that's right!</p><div class="container"><p>Without a tag defined, div will be assumed <strong>pretty cool huh?</strong></p></div></body></html>

And after using BeautifulSoup:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <title>
  My first spenx webpage!
  </title>
</head>
<body>
  <h1>
  spenx
  </h1>
  <p class="welcome">
  Did I said you'll feel right at home if you're using pugjs? Because I guess that's right!
  </p>
  <div class="container">
  <p>
    Without a tag defined, div will be assumed
    <strong>
    pretty cool huh?
    </strong>
  </p>
  </div>
</body>
</html>

Testing

$ pip install -e .[test]
$ python -m nose --with-doctest -v --with-coverage --cover-package=spenx

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

spenx-1.1.0.tar.gz (6.6 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page