page-helper
[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://github.com/ales6164/page-helper)
Last updated 7 months ago by aleskovacic .
ISC · Original npm · Tarball · package.json
$ cnpm install page-helper 
SYNC missed versions from official npm registry.

Page Helper

Build Status

A JavaScript library for building modular web apps.

New Features

  • Pre-render requests now support headers, body and POST method.

Installation

This library is available as a NPM package. Install by running the command bellow:

$ npm i page-helper --save-dev

How-To

Create your first layout and page component inside web/src directory.

web/src/index.html

<!DOCTYPE html>
<html>
<head>
<base href="/">
...
</head>
<body>
...
<!-- Page helper uses Handlebars.js to render HTML templates -->
{{> router-outlet}} <!-- Router outlet for page rendering -->
...
{{> definitions}} <!-- For necessary scripts, resources and component definitions -->
</body>
</html>

web/src/components/page-home.html

<template>
Hello World!
</template>

Create app and run local server

const helper = require('page-helper');

const app = new helper.Helper({
    workingDir: 'web/src', // source code of your web app
    defaultLocale: 'en',
    routes: [
        {
            path: '/', // use '/*' for the catch-all handler
            component: 'page-home', // component name
            outlet: 'router-outlet' // default
        }
    ]
});

gulp.task('serve',  () => {
    app.parseLayout('web/src/index.html'); // parse layout
    app.parse('web/src/components/page-home.html'); // parse component

    expressApp.use(express.static('web/src/static')); // serve static files
    
    app.setupExpress(expressApp, {liveReload: true}); // serve our app
    
    expressApp.listen(3000); // listen on port
});

Build app for production

...

gulp.task('build',  () => {
    app.parseLayout('web/src/index.html'); // parse layout
    app.parse('web/src/components/page-home.html'); // parse component
    
    app.build('web/dist') // build to directory
});

Plugins

Page helper is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

Plugin README
Handlebars https://github.com/wycats/handlebars.js
Pages https://github.com/ales6164/pages
Custom Elements https://github.com/webcomponents/custom-elements

Todos

  • Write sample app
  • Extend locale functionalities
  • Add support for dynamic routing

License

MIT

Free Software, Hell Yeah!

Current Tags

  • 1.3.38                                ...           latest (7 months ago)

60 Versions

  • 1.3.38                                ...           7 months ago
  • 1.3.37                                ...           7 months ago
  • 1.3.36                                ...           7 months ago
  • 1.3.35                                ...           7 months ago
  • 1.3.34                                ...           a year ago
  • 1.3.33                                ...           a year ago
  • 1.3.32                                ...           a year ago
  • 1.3.31                                ...           a year ago
  • 1.3.30                                ...           a year ago
  • 1.3.29                                ...           a year ago
  • 1.3.28                                ...           a year ago
  • 1.3.27                                ...           a year ago
  • 1.3.26                                ...           a year ago
  • 1.3.25                                ...           a year ago
  • 1.3.23                                ...           a year ago
  • 1.3.22                                ...           a year ago
  • 1.3.21                                ...           a year ago
  • 1.3.20                                ...           a year ago
  • 1.3.12                                ...           a year ago
  • 1.3.11                                ...           a year ago
  • 1.3.10                                ...           a year ago
  • 1.3.9                                ...           a year ago
  • 1.3.8                                ...           a year ago
  • 1.3.7                                ...           a year ago
  • 1.3.6                                ...           a year ago
  • 1.3.5                                ...           a year ago
  • 1.3.4                                ...           a year ago
  • 1.3.3                                ...           2 years ago
  • 1.3.2                                ...           2 years ago
  • 1.3.1                                ...           2 years ago
  • 1.3.0                                ...           2 years ago
  • 1.2.7                                ...           2 years ago
  • 1.2.6                                ...           2 years ago
  • 1.2.5                                ...           2 years ago
  • 1.2.4                                ...           2 years ago
  • 1.2.3                                ...           2 years ago
  • 1.2.2                                ...           2 years ago
  • 1.2.1                                ...           2 years ago
  • 1.2.0                                ...           2 years ago
  • 1.1.9                                ...           2 years ago
  • 1.1.8                                ...           2 years ago
  • 1.1.7                                ...           2 years ago
  • 1.1.6                                ...           2 years ago
  • 1.1.5                                ...           2 years ago
  • 1.1.4                                ...           2 years ago
  • 1.1.3                                ...           2 years ago
  • 1.1.2                                ...           2 years ago
  • 1.1.1                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.10                                ...           2 years ago
  • 1.0.9                                ...           2 years ago
  • 1.0.8                                ...           2 years ago
  • 1.0.7                                ...           2 years ago
  • 1.0.6                                ...           2 years ago
  • 1.0.5                                ...           2 years ago
  • 1.0.4                                ...           2 years ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 1
This Month 1
Last Day 1
Last Week 2
Last Month 2
Dependencies (16)
Dev Dependencies (4)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |