Skip to content

String/Data transformations for use in templating libraries, static site generators and web frameworks

Notifications You must be signed in to change notification settings

roots-dev/transformers

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build Status

transformers

String/Data transformations for use in templating libraries, static site generators and web frameworks. This gathers the most useful transformations you can apply to text or data into one library with a consistent API. Transformations can be pretty much anything but most are either compilers or templating engines.

Supported transforms

To use each of these transforms you will also need to install the associated npm module for that transformer.

Template engines

Stylesheet Languages

  • less (website) - LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions.
  • stylus (website) - revolutionary CSS generator making braces optional
  • sass (website) - Sassy CSS

Minifiers

  • uglify-js - No need to install anything, just minifies/beautifies JavaScript
  • uglify-css - No need to install anything, just minifies/beautifies CSS
  • ugilify-json - No need to install anything, just minifies/beautifies JSON

Other

  • cdata - No need to install anything, just wraps input as <![CDATA[${INPUT_STRING]]> with the standard escape for ]]> (]]]]><![CDATA[>).
  • cdata-js - as cdata, but with surrounding comments suitable for inclusion into a HTML/JavaScript <script> block: //<![CDATA[\n${INPUT_STRING\n//]]>.
  • cdata-css - as cdata, but with surrounding comments suitable for inclusion into a HTML/CSS <style> block: /*<![CDATA[*/\n${INPUT_STRING\n/*]]>*/.
  • coffee-script - npm install coffee-script
  • cson - coffee-script based JSON format
  • markdown - You can use marked, supermarked, markdown-js or markdown
  • component-js (website) - npm install component-builder options: {development: false}
  • component-css (website) - npm install component-builder options: {development: false}
  • html2jade (website) - npm install html2jade - Converts HTML back into jade

Pull requests to add more transforms will always be accepted providing they are open-source, come with unit tests, and don't cause any of the tests to fail.

API

The exported object transformers is a collection of named transformers. To access an individual transformer just do:

var transformer = require('transformers')['transformer-name']

Transformer

The following options are given special meaning by transformers:

  • filename is set by transformers automatically if using the renderFile APIs. It is used if cache is enabled.
  • cache if true, the template function will be cached where possible (templates are still updated if you provide new options, so this can be used in most live applications).
  • sudoSync used internally to put some asyncronous transformers into "sudo syncronous" mode. Don't touch this.
  • minify if set to true on a transformer that isn't a minifier, it will cause the output to be minified. e.g. coffeeScript.renderSync(str, {minify: true}) will result in minified JavaScript.

Transformer.engines

Returns an array of engines that can be used to power this transformer. The first of these that's installed will be used for the transformation.

To enable a transformation just take [engine] = Transformer.engines[0] and then do npm install [engine]. If [engine] is . there is no need to install an engine from npm to use the transformer.

Transformer.render(str, options, cb)

Tranform the string str using the Transformer with the provided options and call the callback cb(err, res).

If no cb is provided, this method returns a promises/A+ promise.

Transformer.renderSync(str, options)

Synchronous version of Transformer.render

Transformer.renderFile(filename, options, cb)

Reads the file at filename into str and sets options.filename = filename then calls Transform.render(str, options, cb).

If no cb is provided, this method returns a promises/A+ promise.

Tranformer.renderFileSync(filename, options)

Synchronous version of Tranformer.renderFile

Transformer.outputFormats

An array containing, at least one of:

  • 'xml'
  • 'css'
  • 'js'
  • 'json'
  • 'text'
  • 'html'

Adding to this list will not result in a major version change, so you should handle unexpected types gracefully (I'd suggest default to assuming 'text').

Transformer.outputFormat

One of the modes from outputFormats. By default, this is outputFormats[0], but it can be changed manually.

Transformer.sync

true if the transformer can be used syncronously, false otherwise.

Libraries that don't work synchronously

The following transformations will always throw an exception if you attempt to run them synchronously:

  1. dust
  2. qejs
  3. html2jade

The following transformations sometimes throw an exception if run syncronously, typically they only throw an exception if you are doing something like including another file. If you are not doing the things that cause them to fail then they are consistently safe to use syncronously.

  • jade (only when using then-jade instead of jade)
  • less (when @import is used with a url instead of a filename)
  • jazz (When one of the functions passed as locals is asyncronous)

The following libraries look like they might sometimes throw exceptions when used syncronously (if you read the source) but they never actually do so:

  • just
  • ect
  • stylus

Special Options

###Stylus

  • inline - if set to true, stylus will inline all images. See the stylus docs.
  • use - an array of functions that will be invoked with the renderer. See .use(fn) in the stylus docs.

About

String/Data transformations for use in templating libraries, static site generators and web frameworks

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 96.2%
  • CSS 3.8%