Giter Site home page Giter Site logo

assemble / assemble-middleware-page-variable Goto Github PK

View Code? Open in Web Editor NEW
3.0 7.0 2.0 8 KB

Assemble middleware for adding a `page` variable to the context, with details about the current item being rendered.

License: MIT License

JavaScript 100.00%
middleware assemble page variable

assemble-middleware-page-variable's Introduction

assemble-middleware-page-variable NPM version NPM monthly downloads NPM total downloads Linux Build Status

Assemble middleware for adding a page variable to the context, with details about the current item being rendered.

Install

Install with npm:

$ npm install --save assemble-middleware-page-variable

Usage

This middleware will work with assemble, verb, generate, update or any other node.js application based on the templates library.

var pageData = require('assemble-middleware-page-variable');
var assemble = require('assemble');
var app = assemble();

app.onLoad(/\.md$/, pageData(app));
var page = app.page('home.md', {
  contents: new Buffer('---\ntitle: Home\n---\n\nThis is {{page.title}}')
});

app.render(page, function(err, view) {
  if (err) return console.log(err);
  console.log(view.contents.toString());
  //=> 'This is Home'
});

Then, inside templates you can use the variable like this:

---
title: Home
---

This is the {{page.title}} page.

Which would render to:

This is the Home page.

Custom variable

Optionally specify a custom property name to use instead of page.

// you don't need to create a custom collection too, this is just an example
app.create('posts');
app.onLoad(/\.md$/, pageData(app, 'post'));

var post = app.post('home.md', {
  contents: new Buffer('---\ntitle: Home\n---\n\nThis is {{post.title}}')
});

app.render(post, function(err, view) {
  if (err) return console.log(err);
  console.log(view.contents.toString());
  //=> 'This is Home'
});

About

Related projects

  • assemble: Get the rocks out of your socks! Assemble makes you fast at creating web projects… more | homepage
  • generate: Command line tool and developer framework for scaffolding out new GitHub projects. Generate offers the… more | homepage
  • templates: System for creating and managing template collections, and rendering templates with any node.js template engine… more | homepage
  • update: Be scalable! Update is a new, open source developer framework and CLI for automating updates… more | homepage
  • verb: Documentation generator for GitHub projects. Verb is extremely powerful, easy to use, and is used… more | homepage

Contributing

Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.

Please read the contributing guide for avice on opening issues, pull requests, and coding standards.

Building docs

(This document was generated by verb-generate-readme (a verb generator), please don't edit the readme directly. Any changes to the readme must be made in .verb.md.)

To generate the readme and API documentation with verb:

$ npm install -g verb verb-generate-readme && verb

Running tests

Install dev dependencies:

$ npm install -d && npm test

Author

Jon Schlinkert

License

Copyright © 2017, Jon Schlinkert. Released under the MIT license.


This file was generated by verb-generate-readme, v0.2.3, on January 05, 2017.

assemble-middleware-page-variable's People

Contributors

jonschlinkert avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.