# @ifaxity/koa-render

> Minimal dependencies & code is cut down to not take so much space. Because node_modules hell is something i want to avoid. This module was for private purposes but making it public wont do any harm.

Latest version **1.0.3** (published 2019-01-18) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @ifaxity/koa-render
pnpm add @ifaxity/koa-render
yarn add @ifaxity/koa-render
bun add @ifaxity/koa-render
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-01-18 |
| First published | 2018-11-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=6 |
| Dependencies | 2 |
| Unpacked size | 5.4 KB |
| Known vulnerabilities | 0 (+2 in 1 direct dependencies) |
| Install scripts | no |
| Author | Christian Norrman |
| Maintainers | ifaxity |

## Links

- npm: https://www.npmjs.com/package/@ifaxity/koa-render
- npm.io page: https://npm.io/package/@ifaxity/koa-render

## Dependencies (2)

- [pug](https://npm.io/package/pug.md) ^2.0.3
- [koa-send](https://npm.io/package/koa-send.md) ^5.0.0

## Recent versions

- 1.0.3 (latest) — 2019-01-18
- 1.0.2 — 2019-01-17
- 1.0.1 — 2019-01-16
- 1.0.0 — 2018-11-26

## README

@ifaxity/koa-render
===================

## A minimal koa@2 pug/html render engine

Minimal dependencies & code is cut down to not take so much space.
Because node_modules hell is something i want to avoid.
This module was for private purposes but making it public wont do any harm.

Code heavily based on the [koa-views package](https://www.npmjs.com/package/koa-views)

------------------
## Installation:

`npm install @ifaxity/koa-render --save`

or if you use yarn

`yarn add @ifaxity/koa-render`

--------
## Usage

To use the module just require it like this

`const jwt = require('@ifaxity/jwt');`

And then you need to add it to your koa server like this:

```js
const render = require('@ifaxity/koa-render');

// or whatever folder you use for your views
app.use(render(__dirname + '/views'), {
  ext: 'pug',
  globals: {
    title: 'Default title',
  }
});


// Example route
app.use(async ctx => {
  // Render state object
  ctx.state = {
    title: 'Index page title',
  };

  await ctx.render('index', {
    foo: 'bar',
  });
});

// You can also switch between .pug and .html files like this
// As the option 'ext' only specifies the default extension
app.use(async ctx => {
  await ctx.render('index.html');
});
```


-----------------
## About the variables

So the precedence of those local variables are like this.

locals <-- ctx.state <-- globals

The globals are the variables supplied first when constructing the module.

While locals are the ones supplied as second parameter in ctx.render.

Consider this example:
```js
const render = require('@ifaxity/koa-render');

// or whatever folder you use for your views
app.use(render(__dirname + '/views'), {
  globals: {
    title: 'Default title',
    secret: 'shh secret',
  }
});


// Example route
app.use(async ctx => {
  // Render state object
  ctx.state = {
    title: 'Index page title',
    hello: 'Hello world!',
  };

  await ctx.render('index', {
    hello: 'Hello universe!',
    production: false,
  });
});
```

So then when the ctx.render function runs the variables will finally be:

```js
{
  title: 'Index page title',
  secret: 'shh secret',
  hello: 'Hello universe!',
  production: false,
}
```

-----------------
## API

To use the module just require it like this

`const render = require('@ifaxity/koa-render');`

Then you need to add it as a middleware before your routes in your koa app.

### `render(root [, opts])`

* `root {String}` - The path to the view files root directory
* `opts {Object}` - Optional options
  * `opts.ext {String}` - Extension to use. html, pug & jade is supported. Defaults to pug
  * `opts.globals {Object}` - Global variables for the render function

  When using .html files the variables get ignored because it just render the html file directly, great when you have static html files and dynamic content with pug.
  So options are not needed when you render a html file.

---
_Source: https://npm.io/package/@ifaxity/koa-render · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._