System for creating and managing template collections, and rendering templates with any node.js template engine. Can be used as the basis for creating a static site generator or blog framework.
npm install templates> System for creating and managing template collections, and rendering templates with any node.js template engine. Can be used as the basis for creating a static site generator or blog framework.
- Install
- Features
- Usage
* Example
- API
* Common
+ .option
+ .use
* App
* Engines
* Helpers
* Built-in helpers
* View
+ View Data
* Item
+ Item Data
* Views
+ Views Data
+ Lookup methods
* Collections
* List
* Group
* Lookups
* Rendering
* Context
* Middleware
* is
- More examples
- History
- About
_(TOC generated by verb using markdown-toc)_
Install with npm:
``sh`
$ npm install --save templates
* templates are vinyl files
* rich plugin support, use any base plugin!
* render templates with any template engine, including nunjucks, handlebars, lodash and any consolidate engine!
* helpers: support for sync and async
* templates collections support
* partials and includes
* layouts
* pages
* custom template "types"
* pagination
* permalinks
* middleware can be used to tranform files at any stage in the render cycle
* pagination
* Much more!
`js`
var templates = require('templates');
var app = templates();
`jsmd
// register an engine to automatically render files
app.engine('md', require('engine-lodash'));
// create a template collection
app.create('pages');
// add a template to the collection
app.page('post.md', {content: 'This is the <%= title %> page'});
// render it
app.render('post.md', {title: 'Home'}, function(err, view) {
console.log(view.content);
//=> 'This is the Home page'
});
`
This section describes API features that are shared by all Templates classes.
#### .option
Set or get an option value.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns the instance for chaining.
Example
`js`
app.option('a', 'b');
app.option({c: 'd'});
console.log(app.options);
//=> {a: 'b', c: 'd'}
#### .use
Run a plugin on the given instance. Plugins are invoked immediately upon instantiating in the order in which they were defined.
Example
The simplest plugin looks something like the following:
`jsinst
app.use(function(inst) {
// do something to
});
Note that inst is the instance of the class you're instantiating. So if you create an instance of Collection, inst is the collection instance.
Params
* fn {Function}: Plugin function. If the plugin returns a function it will be passed to the use method of each item created on the instance.returns
* {Object}: Returns the instance for chaining.
Usage
`jsitems
collection.use(function(items) {
// is the instance, as is this
// optionally return a function to be passed to
// the .use method of each item created on theitem
// instance
return function(item) {
// do stuff to each
};
});
The Templates class is the main export of the templates library. All of the other classes are exposed as static properties on Templates:
* Item: Collection item, powered by vinyl-item.
* View: Collection item, powered by vinyl-view.
* List
* Views:
* Collection: Base collections class. Use this if you need to customize the render cycle, middleware stages, and so on.
* Group
This function is the main export of the templates module. Initialize an instance of templates to create your application.
Params
* options {Object}
Example
`js`
var templates = require('templates');
var app = templates();
Create a new list. See the list docs for more information about lists.
Params
* opts {Object}: List optionsreturns
* {Object}: Returns the list instance for chaining.
Example
`js
var list = app.list();
list.addItem('abc', {content: '...'});
// or, create list from a collection
app.create('pages');
var list = app.list(app.pages);
`
Create a new collection. Collections are decorated with special methods for getting and setting items from the collection. Note that, unlike the create method, collections created with .collection() are not cached.
See the collection docs for more
information about collections.
Params
* opts {Object}: Collection optionsreturns
* {Object}: Returns the collection instance for chaining.
Create a new view collection to be stored on the app.views object. See
the create docs for more details.
Params
* name {String}: The name of the collection to create. Plural or singular form may be used, as the inflections are automatically resolved when the collection is created.opts
* {Object}: Collection optionsreturns
* {Object}: Returns the collection instance for chaining.
Expose static setup method for providing access to an instance before any other code is run.
Params
* app {Object}: Application instancename
* {String}: Optionally pass the constructor name to use.returns
* {undefined}
Example
`js`
function App(options) {
Templates.call(this, options);
Templates.setup(this);
}
Templates.extend(App);
*
Register a view engine callback fn as ext. Calls .setEngine and .getEngine internally.
Params
* exts {String|Array}: String or array of file extensions.fn
* {Function|Object}: or settings
* {Object}: Optionally pass engine options as the last argument.
Example
`js
app.engine('hbs', require('engine-handlebars'));
// using consolidate.js
var engine = require('consolidate');
app.engine('jade', engine.jade);
app.engine('swig', engine.swig);
// get a registered engine
var swig = app.engine('swig');
`
Register engine ext with the given render fn and/or settings.
Params
* ext {String}: The engine to set.
Example
`js`
app.setEngine('hbs', require('engine-handlebars'), {
delims: ['<%', '%>']
});
Get registered engine ext.
Params
* ext {String}: The engine to get.
Example
`js`
app.engine('hbs', require('engine-handlebars'));
var engine = app.getEngine('hbs');
*
Register a template helper.
Params
* name {String}: Helper namefn
* {Function}: Helper function.
Example
`js`
app.helper('upper', function(str) {
return str.toUpperCase();
});
Register multiple template helpers.
Params
* helpers {Object|Array}: Object, array of objects, or glob patterns.
Example
`js`
app.helpers({
foo: function() {},
bar: function() {},
baz: function() {}
});
Register an async helper.
Params
* name {String}: Helper name.fn
* {Function}: Helper function
Example
`js`
app.asyncHelper('upper', function(str, next) {
next(null, str.toUpperCase());
});
Register multiple async template helpers.
Params
* helpers {Object|Array}: Object, array of objects, or glob patterns.
Example
`js`
app.asyncHelpers({
foo: function() {},
bar: function() {},
baz: function() {}
});
Get a previously registered helper.
Params
* name {String}: Helper namereturns
* {Function}: Returns the registered helper function.
Example
`js`
var fn = app.getHelper('foo');
Get a previously registered async helper.
Params
* name {String}: Helper namereturns
* {Function}: Returns the registered helper function.
Example
`js`
var fn = app.getAsyncHelper('foo');
Return true if sync helper name is registered.
Params
* name {String}: sync helper namereturns
* {Boolean}: Returns true if the sync helper is registered
Example
`js`
if (app.hasHelper('foo')) {
// do stuff
}
Return true if async helper name is registered.
Params
* name {String}: Async helper namereturns
* {Boolean}: Returns true if the async helper is registered
Example
`js`
if (app.hasAsyncHelper('foo')) {
// do stuff
}
Register a namespaced helper group.
Params
* helpers {Object|Array}: Object, array of objects, or glob patterns.
Example
`js
// markdown-utils
app.helperGroup('mdu', {
foo: function() {},
bar: function() {},
});
// Usage:
// <%= mdu.foo() %>
// <%= mdu.bar() %>
`
*
API for the View class.
Create an instance of View. Optionally pass a default object to use.
Params
* view {Object}
Example
`js`
var view = new View({
path: 'foo.html',
contents: new Buffer('...')
});
Synchronously compile a view.
Params
* locals {Object}: Optionally pass locals to the engine.returns
* {Object} View: instance, for chaining.
Example
`js`
var view = page.compile();
view.fn({title: 'A'});
view.fn({title: 'B'});
view.fn({title: 'C'});
Synchronously render templates in view.content.
Params
* locals {Object}: Optionally pass locals to the engine.returns
* {Object} View: instance, for chaining.
Example
`js`
var view = new View({content: 'This is <%= title %>'});
view.renderSync({title: 'Home'});
console.log(view.content);
Asynchronously render templates in view.content.
Params
* locals {Object}: Context to use for rendering templates.
Example
`jscontent
view.render({title: 'Home'}, function(err, res) {
//=> view object with rendered
});
Create a context object from locals and the view.data and view.locals objects. The view.data property is typically created from front-matter, and view.locals is used when a new View() is created.
This method be overridden either by defining a custom view.options.context function
to customize context for a view instance, or static View.context function to customize
context for all view instances.
Params
* locals {Object}: Optionally pass a locals object to merge onto the context.returns
* {Object}: Returns the context object.
Example
`js`
var page = new View({path: 'a/b/c.txt', locals: {a: 'b', c: 'd'}});
var ctx = page.context({a: 'z'});
console.log(ctx);
//=> {a: 'z', c: 'd'}
Returns true if the view is the given viewType. Returns false if no type is assigned. When used with vinyl-collections, types are assigned by their respective collections.
Params
* type {String}: (renderable, partial, layout)
Example
`js`
var view = new View({path: 'a/b/c.txt', viewType: 'partial'})
view.isType('partial');
Define a custom static View.context function to override default .context behavior. See the context docs for more info.
Params
* locals {Object}returns
* {Object}
Example
`jsthis
// custom context function
View.context = function(locals) {
// is the view being rendered`
return locals;
};
Set, get and load data to be passed to templates as context at render-time.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns an instance of Templates for chaining.
Example
`js`
app.data('a', 'b');
app.data({c: 'd'});
console.log(app.cache.data);
//=> {a: 'b', c: 'd'}
Build the context for the given view and locals.
Params
* view {Object}: The view being renderedlocals
* {Object}returns
* {Object}: The object to be passed to engines/views as context.
Update context in a helper so that this.helper.options is
the options for that specific helper.
Params
* context {Object}key
* {String}
Merge "partials" view types. This is necessary for template
engines have no support for partials or only support one
type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Object}: Merged partials
Merge "partials" view types. This is necessary for template engines
have no support for partials or only support one type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Function}: Function that exposes err and partials parameters
*
API for the Item class.
Create an instance of Item. Optionally pass a default object to use. See vinyl docs for API details and additional documentation.
Params
* item {Object}
Example
`js`
var item = new Item({
path: 'foo.html',
contents: new Buffer('...')
});
Normalize the content and contents properties on item. This is done to ensure compatibility with the vinyl convention of using contents as a Buffer, as well as the assemble convention of using content as a string. We will eventually deprecate the content property.
Example
`js`
var item = new Item({path: 'foo/bar.hbs', contents: new Buffer('foo')});
console.log(item.content);
//=> 'foo'
Getter/setter to resolve the name of the engine to use for rendering.
Example
`js`
var item = new Item({path: 'foo/bar.hbs'});
console.log(item.engine);
//=> '.hbs'
Set, get and load data to be passed to templates as context at render-time.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns an instance of Templates for chaining.
Example
`js`
app.data('a', 'b');
app.data({c: 'd'});
console.log(app.cache.data);
//=> {a: 'b', c: 'd'}
Build the context for the given view and locals.
Params
* view {Object}: The view being renderedlocals
* {Object}returns
* {Object}: The object to be passed to engines/views as context.
Update context in a helper so that this.helper.options is
the options for that specific helper.
Params
* context {Object}key
* {String}
Merge "partials" view types. This is necessary for template
engines have no support for partials or only support one
type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Object}: Merged partials
Merge "partials" view types. This is necessary for template engines
have no support for partials or only support one type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Function}: Function that exposes err and partials parameters
*
API for the Views class.
Create an instance of Views with the given options.
Params
* options {Object}
Example
`js`
var collection = new Views();
collection.addView('foo', {content: 'bar'});
Add a view to collection.views. This is identical to addView except setView returns the collection instance, and addView returns the item instance.
Params
* key {String|Object}: View key or objectvalue
* {Object}: If key is a string, value is the view object.next
* {Function}: Optionally pass a callback function as the last argument to load the view asynchronously. This will also ensure that .onLoad middleware is executed asynchronously.returns
* {Object}: returns the view instance.
Example
`js
collection.setView('foo', {content: 'bar'});
// or, optionally async
collection.setView('foo', {content: 'bar'}, function(err, view) {
// err errors from onLoad middlewareview
// the view object after onLoad middleware has run`
});
Set a view on the collection. This is identical to addView except setView does not emit an event for each view.
Params
* key {String|Object}: View key or objectvalue
* {Object}: If key is a string, value is the view object.returns
* {Object}: returns the view instance.
Example
`js`
collection.setView('foo', {content: 'bar'});
Get view name from collection.views.
Params
* key {String}: Key of the view to get.fn
* {Function}: Optionally pass a function to modify the key.returns
* {Object}
Example
`js`
collection.getView('a.html');
Delete a view from collection views.
Params
* key {String}returns
* {Object}: Returns the instance for chaining
Example
`js`
views.deleteView('foo.html');
Load multiple views onto the collection.
Params
* views {Object|Array}returns
* {Object}: returns the collection object
Example
`js`
collection.addViews({
'a.html': {content: '...'},
'b.html': {content: '...'},
'c.html': {content: '...'}
});
Load an array of views onto the collection.
Params
* list {Array}returns
* {Object}: returns the views instance
Example
`js`
collection.addList([
{path: 'a.html', content: '...'},
{path: 'b.html', content: '...'},
{path: 'c.html', content: '...'}
]);
Group all collection views by the given property, properties or compare functions. See group-array for the full range of available features and options.
* returns {Object}: Returns an object of grouped views.
Example
`js`
var collection = new Collection();
collection.addViews(...);
var groups = collection.groupBy('data.date', 'data.slug');
Return true if the collection belongs to the given view type.
Params
* type {String}: (renderable, partial, layout)
Example
`js`
collection.isType('partial');
Alias for viewType
Set, get and load data to be passed to templates as context at render-time.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns an instance of Templates for chaining.
Example
`js`
app.data('a', 'b');
app.data({c: 'd'});
console.log(app.cache.data);
//=> {a: 'b', c: 'd'}
Build the context for the given view and locals.
Params
* view {Object}: The view being renderedlocals
* {Object}returns
* {Object}: The object to be passed to engines/views as context.
Update context in a helper so that this.helper.options is
the options for that specific helper.
Params
* context {Object}key
* {String}
Merge "partials" view types. This is necessary for template
engines have no support for partials or only support one
type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Object}: Merged partials
Merge "partials" view types. This is necessary for template engines
have no support for partials or only support one type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Function}: Function that exposes err and partials parameters
*
Find a view by name, optionally passing a collection to limit the search. If no collection is passed all renderable collections will be searched.
Params
* name {String}: The name/key of the view to findcolleciton
* {String}: Optionally pass a collection name (e.g. pages)returns
* {Object|undefined}: Returns the view if found, or undefined if not.
Example
`js
var page = app.find('my-page.hbs');
// optionally pass a collection name as the second argument
var page = app.find('my-page.hbs', 'pages');
`
Get view key from the specified collection.
Params
* collection {String}: Collection name, e.g. pages
* {String}: Template namefn
* {Function}: Optionally pass a renameKey functionreturns
* {Object}
Example
`js
var view = app.getView('pages', 'a/b/c.hbs');
// optionally pass a renameKey function to modify the lookup`
var view = app.getView('pages', 'a/b/c.hbs', function(fp) {
return path.basename(fp);
});
Get all views from a collection using the collection's singular or plural name.
Params
* name {String}: The collection name, e.g. pages or page
* {Object}
Example
`js
var pages = app.getViews('pages');
//=> { pages: {'home.hbs': { ... }}
var posts = app.getViews('posts');
//=> { posts: {'2015-10-10.md': { ... }}
`
*
API for the Collections class.
Create an instance of Collection with the given options.
Params
* options {Object}
Example
`js`
var collection = new Collection();
collection.addItem('foo', {content: 'bar'});
Add an item to the collection.
Params
* key {String|Object}: Item name or objectval
* {Object}: Item object, when key is a string.returns
* {Object}: returns the item instance.
Events
* emits: item With the created item and collection instance as arguments.
Example
`js`
collection.addItem('foo', {content: 'bar'});
Identical to .addItem, except the collection instance is returned instead of the item, to allow chaining.
Params
* key {String|Object}: Item name or objectval
* {Object}: Item object, when key is a string.returns
* {Object}: returns the collection instance.
Events
* emits: item With the created item and collection instance as arguments.
Example
`js`
collection.setItem('foo', {content: 'bar'});
Get an item from collection.items.
Params
* key {String}: Key of the item to get.returns
* {Object}
Example
`js`
collection.getItem('a.html');
Remove an item from collection.items.
Params
* key {String}returns
* {Object}: Returns the instance for chaining
Example
`js`
items.deleteItem('abc');
Load multiple items onto the collection.
Params
* items {Object|Array}returns
* {Object}: returns the instance for chaining
Example
`js`
collection.addItems({
'a.html': {content: '...'},
'b.html': {content: '...'},
'c.html': {content: '...'}
});
Load an array of items onto the collection.
Params
* items {Array}: or an instance of List
* {Function}: Optional sync callback function that is called on each item.returns
* {Object}: returns the Collection instance for chaining
Example
`js`
collection.addList([
{path: 'a.html', content: '...'},
{path: 'b.html', content: '...'},
{path: 'c.html', content: '...'}
]);
Set, get and load data to be passed to templates as context at render-time.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns an instance of Templates for chaining.
Example
`js`
app.data('a', 'b');
app.data({c: 'd'});
console.log(app.cache.data);
//=> {a: 'b', c: 'd'}
Build the context for the given view and locals.
Params
* view {Object}: The view being renderedlocals
* {Object}returns
* {Object}: The object to be passed to engines/views as context.
Update context in a helper so that this.helper.options is
the options for that specific helper.
Params
* context {Object}key
* {String}
Merge "partials" view types. This is necessary for template
engines have no support for partials or only support one
type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Object}: Merged partials
Merge "partials" view types. This is necessary for template engines
have no support for partials or only support one type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Function}: Function that exposes err and partials parameters
*
API for the List class.
Create an instance of List with the given options. Lists differ from collections in that items are stored as an array, allowing items to be paginated, sorted, and grouped.
Params
* options {Object}
Example
`js`
var list = new List();
list.addItem('foo', {content: 'bar'});
Add an item to list.items. This is identical to setItem except addItem returns the item, add setItem returns the instance of List.
Params
* key {String|Object}: Item key or objectvalue
* {Object}: If key is a string, value is the item object.returns
* {Object}: returns the item instance.
Example
`js`
collection.addItem('foo', {content: 'bar'});
Add an item to list.items. This is identical to addItem except addItem returns the item, add setItem returns the instance of List.
Params
* key {String}value
* {Object}returns
* {Object}: Returns the instance of List to support chaining.
Example
`js`
var items = new Items(...);
items.setItem('a.html', {path: 'a.html', contents: '...'});
Load multiple items onto the collection.
Params
* items {Object|Array}returns
* {Object}: returns the instance for chaining
Example
`js`
collection.addItems({
'a.html': {content: '...'},
'b.html': {content: '...'},
'c.html': {content: '...'}
});
Load an array of items or the items from another instance of List.
Params
* items {Array}: or an instance of List
* {Function}: Optional sync callback function that is called on each item.returns
* {Object}: returns the List instance for chaining
Example
`js`
var foo = new List(...);
var bar = new List(...);
bar.addList(foo);
Return true if the list has the given item (name).
Params
* key {String}returns
* {Object}
Example
`js`
list.addItem('foo.html', {content: '...'});
list.hasItem('foo.html');
//=> true
Get a the index of a specific item from the list by key.
Params
* key {String}returns
* {Object}
Example
`js`
list.getIndex('foo.html');
//=> 1
Get a specific item from the list by key.
Params
* key {String}: The item name/key.returns
* {Object}
Example
`js`
list.getItem('foo.html');
//=> '
Proxy for getItem
Params
* key {String}: Pass the key of the item to get.returns
* {Object}
Example
`js`
list.getItem('foo.html');
//=> '
Remove an item from the list.
Params
* key {Object|String}: Pass an item instance (object) or item.key (string).
Example
`js`
list.deleteItem('a.html');
Remove one or more items from the list.
Params
* items {Object|String|Array}: List of items to remove.
Example
`js`
list.deleteItems(['a.html', 'b.html']);
Decorate each item on the list with additional methods
and properties. This provides a way of easily overriding
defaults.
Params
* item {Object}returns
* {Object}: Instance of item for chaining
Filters list items using the given fn and returns a new array.
* returns {Object}: Returns a filtered array of items.
Example
`js`
var items = list.filter(function(item) {
return item.data.title.toLowerCase() !== 'home';
});
Sort all list items using the given property, properties or compare functions. See array-sort for the full range of available features and options.
* returns {Object}: Returns a new List instance with sorted items.
Example
`js`
var list = new List();
list.addItems(...);
var result = list.sortBy('data.date');
//=> new sorted list
Group all list items using the given property, properties or compare functions. See group-array for the full range of available features and options.
* returns {Object}: Returns the grouped items.
Example
`js`
var list = new List();
list.addItems(...);
var groups = list.groupBy('data.date', 'data.slug');
Paginate all items in the list with the given options, See paginationator for the full range of available features and options.
* returns {Object}: Returns the paginated items.
Example
`js`
var list = new List(items);
var pages = list.paginate({limit: 5});
Set, get and load data to be passed to templates as context at render-time.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns an instance of Templates for chaining.
Example
`js`
app.data('a', 'b');
app.data({c: 'd'});
console.log(app.cache.data);
//=> {a: 'b', c: 'd'}
Build the context for the given view and locals.
Params
* view {Object}: The view being renderedlocals
* {Object}returns
* {Object}: The object to be passed to engines/views as context.
Update context in a helper so that this.helper.options is
the options for that specific helper.
Params
* context {Object}key
* {String}
Merge "partials" view types. This is necessary for template
engines have no support for partials or only support one
type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Object}: Merged partials
Merge "partials" view types. This is necessary for template engines
have no support for partials or only support one type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Function}: Function that exposes err and partials parameters
*
API for the Group class.
Create an instance of Group with the given options.
Params
* options {Object}
Example
`js`
var group = new Group({
'foo': { items: [1,2,3] }
});
*
Find a view by name, optionally passing a collection to limit the search. If no collection is passed all renderable collections will be searched.
Params
* name {String}: The name/key of the view to findcolleciton
* {String}: Optionally pass a collection name (e.g. pages)returns
* {Object|undefined}: Returns the view if found, or undefined if not.
Example
`js
var page = app.find('my-page.hbs');
// optionally pass a collection name as the second argument
var page = app.find('my-page.hbs', 'pages');
`
Get view key from the specified collection.
Params
* collection {String}: Collection name, e.g. pages
* {String}: Template namefn
* {Function}: Optionally pass a renameKey functionreturns
* {Object}
Example
`js
var view = app.getView('pages', 'a/b/c.hbs');
// optionally pass a renameKey function to modify the lookup`
var view = app.getView('pages', 'a/b/c.hbs', function(fp) {
return path.basename(fp);
});
Get all views from a collection using the collection's singular or plural name.
Params
* name {String}: The collection name, e.g. pages or page
* {Object}
Example
`js
var pages = app.getViews('pages');
//=> { pages: {'home.hbs': { ... }}
var posts = app.getViews('posts');
//=> { posts: {'2015-10-10.md': { ... }}
`
*
Compile content with the given locals.
Params
* view {Object|String}: View object.locals
* {Object}isAsync
* {Boolean}: Load async helpersreturns
* {Object}: View object with compiled view.fn property.
Example
`js
var indexPage = app.page('some-index-page.hbs');
var view = app.compile(indexPage);
// view.fn => [function]
// you can call the compiled function more than once
// to render the view with different data
view.fn({title: 'Foo'});
view.fn({title: 'Bar'});
view.fn({title: 'Baz'});
`
Asynchronously compile content with the given locals and callback. _(fwiw, this method name uses the unconventional "*Async" nomenclature to allow us to preserve the synchronous behavior of the view.compile method as well as the name)_.
Params
* view {Object|String}: View object.locals
* {Object}isAsync
* {Boolean}: Pass true to load helpers as async (mostly used internally)callback
* {Function}: function that exposes err and the view object with compiled view.fn property
Example
`js`
var indexPage = app.page('some-index-page.hbs');
app.compileAsync(indexPage, function(err, view) {
// view.fn => compiled function
});
Render a view with the given locals and callback.
Params
* view {Object|String}: Instance of View
* {Object}: Locals to pass to template engine.callback
* {Function}
Example
`jsview
var blogPost = app.post.getView('2015-09-01-foo-bar');
app.render(blogPost, {title: 'Foo'}, function(err, view) {
// is an object with a rendered content property`
});
*
Set, get and load data to be passed to templates as context at render-time.
Params
* key {String|Object}: Pass a key-value pair or an object to set.val
* {any}: Any value when a key-value pair is passed. This can also be options if a glob pattern is passed as the first value.returns
* {Object}: Returns an instance of Templates for chaining.
Example
`js`
app.data('a', 'b');
app.data({c: 'd'});
console.log(app.cache.data);
//=> {a: 'b', c: 'd'}
Build the context for the given view and locals.
Params
* view {Object}: The view being renderedlocals
* {Object}returns
* {Object}: The object to be passed to engines/views as context.
Update context in a helper so that this.helper.options is
the options for that specific helper.
Params
* context {Object}key
* {String}
Merge "partials" view types. This is necessary for template
engines have no support for partials or only support one
type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Object}: Merged partials
Merge "partials" view types. This is necessary for template engines
have no support for partials or only support one type of partials.
Params
* options {Object}: Optionally pass an array of viewTypes to include on options.viewTypes
* {Function}: Function that exposes err and partials parameters
*
Control the entire render cycle, with simple-to-use routes and middleware.
Example
`js`
var router = new app.Router();
var route = new app.Route();
Handle a middleware method for file.
Params
* method {String}: Name of the router method to handle. See router methodsfile
* {Object}: View objectcallback
* {Function}: Callback functionreturns
* {undefined}
Example
`js`
app.handle('customMethod', file, callback);
Run the given middleware handler only if the file has not already been handled by method.
Params
* method {Object}: The name of the handler method to call.file
* {Object}returns
* {undefined}
Example
`js`
app.handleOnce('onLoad', file, callback);
Create a new Route for the given path. Each route contains a separate middleware stack. See the [route API documentation][route-api] for details on adding handlers and middleware to routes.
Params
* path {String}returns
* {Object}: Returns the instance for chaining.
Example
`js
app.create('posts');
app.route(/blog/)
.all(function(file, next) {
// do something with file
next();
});
app.post('whatever', {path: 'blog/foo.bar', content: 'bar baz'});
`
Add callback triggers to route parameters, where name is the name of the parameter and fn is the callback function.
Params
* name {String}fn
* {Function}returns
* {Object}: Returns the instance for chaining.
Example
`js
app.param('title', function(view, next, title) {
//=> title === 'foo.js'
next();
});
app.onLoad('/blog/:title', function(view, next) {
//=> view.path === '/blog/foo.js'
next();
});
`
Special route method that works just like the router.METHOD() methods, except that it matches all verbs.
Params
* path {String}callback
* {Function}returns
* {Object} this: for chaining
Example
`js`
app.all(/\.hbs$/, function(view, next) {
// do stuff to view
next();
});
Add a router handler method to the instance. Interchangeable with the handlers method.
Params
* method {String}: Name of the handler method to define.returns
* {Object}: Returns the instance for chaining
Example
`js`
app.handler('onFoo');
// or
app.handler(['onFoo', 'onBar']);
Add one or more router handler methods to the instance.
Params
* methods {Array|String}: One or more method names to define.returns
* {Object}: Returns the instance for chaining
Example
`js`
app.handlers(['onFoo', 'onBar', 'onBaz']);
// or
app.handlers('onFoo');
*
Static method that returns true if the given value is a templates instance (App).
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var app = templates();
templates.isApp(templates);
//=> false
templates.isApp(app);
//=> true
`
Static method that returns true if the given value is a templates Collection instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var app = templates();
app.create('pages');
templates.isCollection(app.pages);
//=> true
`
Static method that returns true if the given value is a templates Views instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var app = templates();
app.create('pages');
templates.isViews(app.pages);
//=> true
`
Static method that returns true if the given value is a templates List instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var List = templates.List;
var app = templates();
var list = new List();
templates.isList(list);
//=> true
`
Static method that returns true if the given value is a templates Group instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var Group = templates.Group;
var app = templates();
var group = new Group();
templates.isGroup(group);
//=> true
`
Static method that returns true if the given value is a templates View instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var app = templates();
templates.isView('foo');
//=> false
var view = app.view('foo', {content: '...'});
templates.isView(view);
//=> true
`
Static method that returns true if the given value is a templates Item instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var templates = require('templates');
var app = templates();
templates.isItem('foo');
//=> false
var view = app.view('foo', {content: '...'});
templates.isItem(view);
//=> true
`
Static method that returns true if the given value is a vinyl File instance.
Params
* val {Object}: The value to test.returns
* {Boolean}
Example
`js
var File = require('vinyl');
var templates = require('templates');
var app = templates();
var view = app.view('foo', {content: '...'});
templates.isVinyl(view);
//=> true
var file = new File({path: 'foo', contents: new Buffer('...')});
templates.isVinyl(file);
//=> true
`
*
This is just a very basic glimpse at the templates API!
`js
var templates = require('templates');
var app = templates();
// create a collection
app.create('pages');
// add views to the collection
app.page('a.html', {content: 'this is <%= foo %>'});
app.page('b.html', {content: 'this is <%= bar %>'});
app.page('c.html', {content: 'this is <%= baz %>'});
app.pages.getView('a.html')
.render({foo: 'home'}, function (err, view) {
//=> 'this is home'
});
`
Starting with v0.25.0, changelog entries will be categorized using the following labels from keep-a-changelog_:
* added: for new featureschanged
* : for changes in existing functionalitydeprecated
* : for once-stable features removed in upcoming releasesremoved
* : for deprecated features removed in this releasefixed
* : for any bug fixes
fixed
Reverts layout changes from 1.0 to fix block-layout-nesting bug.
There is a bug causing child blocks to be promoted up to ancestors when a nested layout/block is defined. It's not a common scenario, and probably hasn't been encountered in the wild yet since blocks were just introduced and haven't been documented yet. However, it's a bad bug, and would cause major problems if it surfaced.
The good news is that I know how to fix it. Bad news is that it will be time consuming and I need to make other changes before I get to that fix. Thus, in the meantime the best course of action is removing the blocks code.
Added
* Templates now uses dry for handling layouts
* Advanced template-inheritance features, like extends and blocks! See dry documentation for details.
Fixed
* Correctly handles arguments for the built-in singular helper when used with Handlebars.
Fixed
* Ensures the template rendering engine's context is preserved.
Added
* Views can now be created asynchronously by passing a callback as the last argument to .addView (or the method created by .create, e.g. .page)
Fixed
* Ensures the view object has engineStack and localsStack properties
* Bumps base-data which removed renameKey option used when loading data. Use the namespace option instead.
* Bumps [base-engine][] to fix a bug in engine-cache.
* fixes List bug that was caused collection helpers to explode
There should be no breaking changes in this release. If you experience a regression, please create an issue.
* Externalizes a few core plugins to: base-helpers, base-routes, and [base-engine][]. The goal is to allow you to use only the plugins you need in your builds.
* Improvements to lookup functions: app.getView() and app.find()
* Bumps base to take advantages of code optimizations.
Breaking changes
* The queue property has been removed, as well as related code for loading views using events. This behavior can easily be added using plugins or existing emitters.
Non-breaking
* The View and Item class have been externalized to modules vinyl-item and vinyl-view so they can be used in other libraries.
* Context: In general, context should be merged so that the most specific context wins over less specific. This fixes one case where locals was winning over front-matter
* Helpers: Exposes .ctx() method on helper context, to simplify merging context in non-built-in helpers
* Engines: Fixes bug that was using default engine on options instead of engine that matches view file extension.
* Numerous dependency updates
* Fixes inheritance bug that only manifests in node v0.4.0
* Improved error handling in routes
* Removed debug methods and related codepartial
* Improve layout handling with respect to template types (, renderable and layout)
* Update dependencies
* Improved context handling
* Ensure collection middleware is handled after app middleware
* removes .removeItem method that was deprecated in v0.10.7 from List
* is deprecated in favor of .handleOnce and will be removed in a future version. Start using .handleOnce now.Templates.setup()
* adds a static method for initializing any setup code that should have access to the instance before any other use code is run.app.option.set
* upgrade to base-data v0.4.0, which adds , app.option.get and app.option.merge
Although 99% of users won't be effected by the changes in this release, there were some potentially breaking changes.
* The render and compile methods were streamlined, making it clear that .mergePartials should not have been renamed to mergePartialsSync. So that change was reverted.this.helper
* Helper context: Exposes a object to the context in helpers, which has the helper name and options that were set specifically for that helperthis.view
* Helper context: Exposes a object to the context in helpers, which is the current view being rendered. This was (and still is) always expose on this.context.view, but it makes sense to add this to the root of the context as a convenience. We will deprecate this.context.view in a future version..get
* Helper context: , .set and .merge methods on this.options, this.context and the this object in helpers.
* All template handling is async by default. Instead of adding .compileSync, we felt that it made more sense to add .compileAsync, since .compile is a public method and most users will expect it to be sync, and .compile methods with most engines are typically sync. In other words, .compileAsync probably won't be seen by most users, but we wanted to explain the decision to go against node.js naming conventions.
* Improved layout detection and handling
* Adds helper methods, .hasAsyncHelper, .hasHelper, .getAsyncHelper, and .getHelper
* Ensures that both collection and app routes are handled when both are defined for a view
* Default engine can now be defined on app or a collection using using app.option('engine'), views.option('engine')
* Default can now defined using app.option('layout'), views.option('layout'). No changes have been made to view.layout, it should work as before. Resolves issue/#818view
* Improves logic for finding a layout, this should make layouts easier to define and find going forward.
* The built-in helper has been refactored completely. The helper is now async and renders the view before returning its content.isApp
* Adds , isViews, isCollection, isList, isView, isGroup, and isItem static methods. All return true when the given value is an instance of the respective class.deleteItem
* Adds method to List and Collection, and deleteView method to Views._.proto
* Last, the static property which is only exposed for unit tests was renamed to _.plugin.
* Force-update base to v0.6.4 to take advantage of isRegistered feature.
* Re-introduces fs logic to getView, now that the method has been refactored to be faster.
* getView method no longer automatically reads views from the file system. This was undocumented before and, but it's a breaking change nonetheless. The removed functionality can easily be done in a plugin.
* Fixes error messages when no engine is found for a view, and the view does not have a file extension.
* Fixes a lookup bug in render and compile that was returning the first view that matched the given name from _any_ collection. So if a partial and a page shared the same name, if the partial was matched first it was returned. Now the renderable view is rendered (e.g. page)
* _breaking change_: changes parameters on app.context method. It now only accepts two arguments, view and locals, since ctx (the parameter that was removed) was technically being merged in twice.
* Exposes isType method on view. Shouldn't be any breaking changes.
* _breaking change_: renamed .error method to .formatError
* adds optionview
* collection name is now emitted with and item as the second argumentisType
* adds method for checking the viewType on a collection
* also now emits an event with the collection name when a view is created
* fixes bug where default layout was automatically applied to partials, causing an infinite loop in rare cases.
* assemble: Get the rocks out of your socks! Assemble makes you fast at creating web projects… more | homepage
* en-route: Routing for static site generators, build systems and task runners, heavily based on express.js routes… more | homepage
* engine: Template engine based on Lo-Dash template, but adds features like the ability to register helpers… more | homepage
* layouts: Wraps templates with layouts. Layouts can use other layouts and be nested to any depth… more | homepage
* verb: Documentation generator for GitHub projects. Verb is extremely powerful, easy to use, and is used… more | homepage
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.
| Commits | Contributor |
| --- | --- |
| 753 | jonschlinkert |
| 105 | doowb |
| 1 | chronzerg |
_(This project's readme.md is generated by verb, please don't edit the readme directly. Any changes to the readme must be made in the .verb.md readme template.)_
To generate the readme, run the following command:
`sh`
$ npm install -g verbose/verb#dev verb-generate-readme && verb
Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
`sh``
$ npm install && npm test
Jon Schlinkert
* github/jonschlinkert
* twitter/jonschlinkert
Copyright © 2017, Jon Schlinkert.
Released under the MIT License.
*
_This file was generated by verb-generate-readme, v0.6.0, on July 27, 2017._