Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
# pug-attrs
Generate code for Pug attributes
[](https://travis-ci.org/pugjs/pug-attrs)
[](https://david-dm.org/pugjs/pug?path=packages/pug-attrs)
[](https://www.npmjs.org/package/pug-attrs)
## Installation
npm install pug-attrs
## Usage
```js
var compileAttrs = require('pug-attrs');
```
### `compileAttrs(attrs, options)`
Compile `attrs` to a JavaScript string that evaluates to the attributes in the desired format.
`options` MUST include the following properties:
- `terse`: whether or not to use HTML5-style terse boolean attributes
- `runtime`: callback that takes a runtime function name and returns the source code that will evaluate to that function at runtime
- `format`: output format; must be `html` or `object`
`attrs` is an array of attributes, with each attribute having the form of `{ name, val, mustEscape }`. `val` represents a JavaScript string that evaluates to the value of the attribute, either statically or dynamically.
```js
var compileAttrs = require('pug-attrs');
var pugRuntime = require('pug-runtime');
function getBaz () { return 'baz<>'; }
var attrs = [
{name: 'foo', val: '"bar"', mustEscape: true },
{name: 'baz', val: 'getBaz()', mustEscape: true },
{name: 'quux', val: true, mustEscape: false}
];
var result, finalResult;
// HTML MODE
result = compileAttrs(attrs, {
terse: true,
format: 'html',
runtime: function (name) { return 'pugRuntime.' + name; }
});
//=> '" foo=\\"bar\\"" + pugRuntime.attr("baz", getBaz(), true, true) + " quux"'
finalResult = Function('pugRuntime, getBaz',
'return (' + result + ');'
);
finalResult(pugRuntime, getBaz);
// => ' foo="bar" baz="baz<>" quux'
// OBJECT MODE
result = compileAttrs(attrs, {
terse: true,
format: 'object',
runtime: function (name) { return 'pugRuntime.' + name; }
});
//=> '{"foo": "bar","baz": pugRuntime.escape(getBaz()),"quux": true}'
finalResult = Function('pugRuntime, getBaz',
'return (' + result + ');'
);
finalResult(pugRuntime, getBaz);
//=> { foo: 'bar', baz: 'baz<>', quux: true }
```
## License
MIT