├── .gitignore
├── README.md
├── bin
    ├── build
    └── cmd.js
├── docs
    └── readme.js
├── examples
    ├── hyperapp
    │   ├── demo
    │   │   ├── index.html
    │   │   ├── view.html
    │   │   └── view.js
    │   └── todo
    │   │   ├── index.html
    │   │   ├── view.html
    │   │   └── view.js
    └── preact
    │   ├── demo
    │       ├── component.html
    │       ├── component.js
    │       ├── index.html
    │       ├── view.html
    │       └── view.js
    │   └── todo
    │       ├── index.html
    │       ├── todos.html
    │       └── todos.js
├── index.js
├── package-lock.json
├── package.json
└── test
    ├── basics.js
    ├── cli.js
    ├── components.js
    ├── conditionals.js
    ├── events.js
    ├── function.js
    ├── index.js
    ├── interpolation.js
    ├── iteration.js
    └── literal.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .vscode
3 | .DS_Store


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # hyperviews
  2 | 
  3 | `hyperviews` is a template language that transforms to hyperscript.
  4 | 
  5 | Use it as a build tool with any `h(tag, props, children)` compliant framework e.g. React, preact or hyperapp.
  6 | 
  7 | ```js
  8 | const hv = require('hyperviews')
  9 | 
 10 | hv("<div id='foo'>{state.name}</div>")
 11 | // => h('div', { id: 'foo' }, (state.name))
 12 | ```
 13 | 
 14 | ### Installation
 15 | 
 16 | `npm i hyperviews`
 17 | 
 18 | ### API
 19 | 
 20 | `hyperviews(tmpl, mode, name, argstr)`
 21 | 
 22 | - `tmpl` (required) - The template string.  
 23 | - `mode` - The output format. Can be one of [`raw`, `esm`, `cjs`, `browser`], or if any other value is passed the function is exported as a variable with that name. The default is `raw`.
 24 | - `name` - The default output function name. The default is `view`.
 25 | - `args` - The default function arguments. The default is `props state`.
 26 | 
 27 | 
 28 | ### CLI
 29 | 
 30 | Reads the template from stdin, 
 31 | 
 32 | `cat examples/test.html | hyperviews --mode esm --name foo --args bar > examples/test.js`
 33 | 
 34 | See [more CLI examples](./test/cli.js)
 35 | 
 36 | 
 37 | 
 38 | ## Template language
 39 | 
 40 | 
 41 | ### Interpolation
 42 | 
 43 | Use curly braces in attributes and text.
 44 | 
 45 | ```html
 46 | <div>
 47 |   <a class={state.class} href='http://www.google.co.uk?q={state.query}'></a>
 48 |   My name is {state.name} my age is {state.age} and I live at {state.address}
 49 | </div>
 50 | ```
 51 | 
 52 | See [more interpolation examples](./test/interpolation.js)
 53 | 
 54 | 
 55 | 
 56 | ### Conditionals
 57 | 
 58 | There are two forms of conditional.
 59 | 
 60 | Using an `if` attribute.
 61 | 
 62 | ```html
 63 | <span if='state.bar === 1'>Show Me!</span>
 64 | ```
 65 | 
 66 | Or using tags `<if>`, `<elseif>` and `<else>`
 67 | 
 68 | ```html
 69 | <div>
 70 |   <if condition='state.bar === 1'>
 71 |     <span>1</span>
 72 |   <elseif condition='state.bar === 2'>
 73 |     <span>2</span>
 74 |   <else>
 75 |     <span>bar is neither 1 or 2, it's {state.bar}!</span>
 76 |   </if>
 77 | </div>
 78 | ```
 79 | 
 80 | `if` tags can be [nested](./test/conditionals.js#L84).
 81 | 
 82 | See [more conditional examples](./test/conditionals.js)
 83 | 
 84 | 
 85 | 
 86 | ### Iteration
 87 | 
 88 | The `each` attribute can be used to repeat over items in an Array.
 89 | Three additional variables are available during each iteration: `$value`, `$index` and `$target`.
 90 | 
 91 | It supports keyed elements as shown here.
 92 | 
 93 | ```html
 94 | <ul>
 95 |   <li each='post in state.posts' key={post.id}>
 96 |     <span>{post.title} {$index}</span>
 97 |   </li>
 98 | </ul>
 99 | ```
100 | 
101 | produces
102 | 
103 | ```js
104 | h('ul', {}, (state.posts || []).map(function ($value, $index, $target) {
105 |   const post = $value
106 |   return h('li', { key: (post.id) }, h('span', {}, (post.title) + ' ' + ($index)))
107 | }, this))
108 | ```
109 | 
110 | See [more iteration examples](./test/iteration.js)
111 | 
112 | 
113 | 
114 | ### Events
115 | 
116 | ```html
117 | <a href='http://example.com' onclick=this.onClick>{state.foo}</a>
118 | ```
119 | 
120 | produces this output
121 | 
122 | 
123 | ```js
124 | h('a', { href: 'http://example.com', onclick: this.onClick, (state.foo))
125 | ```
126 | 
127 | See [more event examples](./test/events.js)
128 | 
129 | ### Style
130 | 
131 | The `style` attribute expects an object
132 | 
133 | ```html
134 | <p style="{ color: state.color, fontSize: '12px' }"></p>
135 | ```
136 | 
137 | produces this output
138 | 
139 | ```js
140 | h('p', { style: { color: state.color, fontSize: '12px' } })
141 | ```
142 | 
143 | 
144 | 
145 | ### Literal
146 | 
147 | The `script` tag literally outputs it's contents.
148 | 
149 | ```html
150 | <script>
151 |   import { h, Component } from 'preact'
152 |   import MyComponent from './component.js'
153 | </script>
154 | ```
155 | 
156 | This is also useful for recursive nodes, e.g. a tree
157 | 
158 | ```html
159 | <if condition=state.children>
160 |   <div>
161 |     <a href='#{state.path}'>{state.name}</a>
162 |     <ul>
163 |       <li each='child in state.children'>
164 |         <script>view(props, child)</script>
165 |       </li>
166 |     </ul>
167 |   </div>
168 | <else>
169 |   <a href='#{state.path}'>{state.name}</a>
170 | </if>
171 | ```
172 | 
173 | produces this output
174 | 
175 | ```js
176 | function view (props, state) {
177 |   return (function () {
178 |     if (state.children) {
179 |       return h('div', {}, [
180 |         h('a', { href: '#' + (state.path) }, (state.name)),
181 |         h('ul', {}, (state.children || []).map(function ($value, $index, $target) {
182 |           var child = $value
183 |           return h('li', {}, view(props, child))
184 |         }))
185 |       ])
186 |     } else {
187 |       return h('a', { href: '#' + (state.path) }, (state.name))
188 |     }
189 |   })()
190 | }
191 | ```
192 | 
193 | See [more literal examples](./test/literal.js)
194 | 
195 | 
196 | 
197 | ### Function
198 | 
199 | The `function` tag outputs a function, returning it's contents.
200 | Supports `name` and `args` attributes.
201 | 
202 | ```html
203 | <function name='MyComponent' args='x y z'>
204 |   <div>{x}</div>
205 | </script>
206 | ```
207 | 
208 | produces this output
209 | 
210 | ```js
211 | function MyComponent (x, y, z) {
212 |   return h('div', null, (x))
213 | }
214 | ```
215 | 
216 | 
217 | 
218 | ### Components
219 | 
220 | Components are declared with if the tag starts with a capital letter.
221 | 
222 | ```html
223 | <div>
224 |   <MyComponent foo='bar' />
225 | </div>
226 | ```
227 | 
228 | produces this output
229 | 
230 | ```js
231 | h('div', null, h(MyComponent, { foo: 'bar' }))
232 | ```
233 | 
234 | 
235 | ### Module example
236 | 
237 | How you structure your app is down to you.
238 | I like to keep js and html in separate files so a component might look like this:
239 | 
240 | - MyComponent
241 |   - view.html (The template file e.g. `<div>{state.name}</div>`)
242 |   - view.html.js (The transformed `h` output of the file above)
243 |   - index.js (Imports the transformed view and exports the component)
244 | 
245 | but if you want you could build entire modules in a html file like this:
246 | 
247 | ```html
248 | <script>
249 | 
250 |   import { h, Component } from 'preact'
251 | 
252 |   export default class MyComponent extends Component {
253 |     constructor (props) {
254 |       super(props)
255 |       this.render = view
256 | 
257 |       this.onSubmit = e => {
258 |         e.preventDefault()
259 |         // ...
260 |       }
261 |     }
262 |   }
263 | 
264 | </script>
265 | 
266 | <function>
267 |   <section>
268 |     <form onsubmit=this.onSubmit>
269 |       <input type=text name=text value={state.text} />
270 |       <input type=text name=description value={state.description} />
271 |     </form>
272 |   </section>        
273 | </function>
274 | ```
275 | 
276 | Compiles to
277 | 
278 | ```js
279 | import { h, Component } from 'preact'
280 | 
281 | export default class MyComponent extends Component {
282 |   constructor (props) {
283 |     super(props)
284 |     this.render = view
285 | 
286 |     this.onSubmit = e => {
287 |       e.preventDefault()
288 |     // ...
289 |     }
290 |   }
291 | }
292 | 
293 | function view (props, state) {
294 |   return h('section', null, h('form', { onsubmit: this.onSubmit }, [
295 |     h('input', { type: 'text', name: 'text', value: (state.text) }),
296 |     h('input', { type: 'text', name: 'description', value: (state.description) })
297 |   ]))
298 | }
299 | ```
300 | 
301 | More examples [here](https://github.com/davidjamesstone/hyperviews/tree/master/examples)
302 | 
303 | 
304 | Using `browserify`?
305 | Then install the `hyperviewify` transform so you can simply require templates.
306 | 
307 | `const view = require('./my-view.html')`
308 | 
309 | `npm i hyperviewify`
310 | 


--------------------------------------------------------------------------------
/bin/build:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | 
3 | cat examples/hyperapp/demo/view.html | bin/cmd.js --mode browser --args "state actions" > examples/hyperapp/demo/view.js
4 | cat examples/hyperapp/todo/view.html | bin/cmd.js --mode browser --args "state actions" > examples/hyperapp/todo/view.js
5 | 
6 | cat examples/preact/demo/view.html | bin/cmd.js > examples/preact/demo/view.js
7 | cat examples/preact/demo/component.html | bin/cmd.js --mode esm > examples/preact/demo/component.js
8 | cat examples/preact/todo/todos.html | bin/cmd.js > examples/preact/todo/todos.js


--------------------------------------------------------------------------------
/bin/cmd.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | const minimist = require('minimist')
 4 | const stdin = process.stdin
 5 | const stdout = process.stdout
 6 | const argv = minimist(process.argv.slice(2))
 7 | 
 8 | stdin.setEncoding('utf8')
 9 | 
10 | const hyperviews = require('../')
11 | let tmpl = ''
12 | 
13 | stdin.on('data', (text) => {
14 |   tmpl += text
15 | })
16 | 
17 | stdin.on('end', () => {
18 |   stdout.write(hyperviews(tmpl, argv.mode, argv.name, argv.args))
19 | })
20 | 
21 | stdin.resume()
22 | 


--------------------------------------------------------------------------------
/docs/readme.js:
--------------------------------------------------------------------------------
 1 | const hv = require('..')
 2 | const ex = `<div>
 3 |   <h1>{state.title} by {state.author}</h1>
 4 |   <p>Name: {state.name}</p>
 5 |   <button type=button onclick=this.onClick></button>
 6 |   <if condition=state.isLoggedIn>
 7 |     <a href='/logout'>Logout</a>
 8 |     <ul>
 9 |       <li each='post in state.posts' key={post.slug}>
10 |         <a href='/post/{post.id}' title={post.title}>{post.name}</a>
11 |       </li>
12 |     </ul>
13 |   <else>
14 |     <a href='/login'>Login</a>
15 |   </if>
16 | </div>`
17 | 
18 | console.log(hv(ex))
19 | 
20 | const ex1 = `<function name='MyComponent' args='x y z'>
21 |   <div>{x}</div>
22 | </script>`
23 | 
24 | console.log(hv(ex1))
25 | 
26 | const ex2 = `<div>
27 | <MyComponent foo='bar' />
28 | </div>`
29 | 
30 | console.log(hv(ex2))
31 | 
32 | const ex3 = `
33 | <script>
34 | 
35 |   import { h, Component } from 'preact'
36 | 
37 |   export default class MyComponent extends Component {
38 |     constructor (props) {
39 |       super(props)
40 |       this.render = view
41 | 
42 |       this.onSubmit = e => {
43 |         e.preventDefault()
44 |         // ...
45 |       }
46 |     }
47 |   }
48 | 
49 | </script>
50 | 
51 | <function>
52 |   <section>
53 |     <form onsubmit=this.onSubmit>
54 |       <input type=text name=text value={state.text} />
55 |       <input type=text name=description value={state.description} />
56 |     </form>
57 |   </section>        
58 | </function>`
59 | 
60 | console.log(hv(ex3))
61 | 


--------------------------------------------------------------------------------
/examples/hyperapp/demo/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <body>
 4 |   <script src="https://unpkg.com/hyperapp@^1"></script>
 5 |   <script src="view.js"></script>
 6 |   <script>
 7 |     const { h, app } = hyperapp
 8 | 
 9 |     const state = {
10 |       count: 0
11 |     }
12 | 
13 |     const actions = {
14 |       down: () => state => ({ count: state.count - 1 }),
15 |       up: () => state => ({ count: state.count + 1 })
16 |     }
17 |     app(state, actions, view, document.body)
18 |   </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/examples/hyperapp/demo/view.html:
--------------------------------------------------------------------------------
1 | <main>
2 |   <h1>{state.count}</h1>
3 |   <button onclick=actions.down disabled="{state.count <= 0}">-</button>
4 |   <button onclick=actions.up>+</button>
5 | </main>
6 | 


--------------------------------------------------------------------------------
/examples/hyperapp/demo/view.js:
--------------------------------------------------------------------------------
1 | window.view = function view (state, actions) {
2 |   return h('main', null, [
3 |     h('h1', null, (state.count)),
4 |     h('button', { 'onclick': actions.down, 'disabled': (state.count <= 0) }, '-'),
5 |     h('button', { 'onclick': actions.up }, '+')
6 |   ])
7 | }
8 | 


--------------------------------------------------------------------------------
/examples/hyperapp/todo/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <body>
 4 |   <script src="https://unpkg.com/hyperapp@^1"></script>
 5 |   <script src="view.js"></script>
 6 |   <script>
 7 |     const { h, app } = hyperapp
 8 | 
 9 |     const state = {
10 |       input: '',
11 |       todos: [{
12 |         id: 1,
13 |         text: 'Buy milk'
14 |       }, {
15 |         id: 2,
16 |         text: 'Buy coffee'
17 |       }, {
18 |         id: 3,
19 |         text: 'Buy sugar',
20 |         done: true
21 |       }]
22 |     }
23 | 
24 |     const actions = {
25 |       add: e => state => {
26 |         e.preventDefault()
27 |         return {
28 |           input: '',
29 |           todos: state.todos.concat({
30 |             id: Date.now(),
31 |             text: state.input
32 |           })
33 |         }
34 |       },
35 |       updateInput: e => state => ({
36 |         input: e.target.value.trim()
37 |       }),
38 |       updateText: todo => state => ({
39 |         todos: state.todos.map(item => {
40 |           if (item.id === todo.id) {
41 |             item.text = todo.text
42 |           }
43 |           return item
44 |         })
45 |       }),
46 |       toggleDone: id => state => ({
47 |         todos: state.todos.map(item => {
48 |           if (item.id === id) {
49 |             item.done = !item.done
50 |           }
51 |           return item
52 |         })
53 |       }),
54 |       clearCompleted: e => state => ({
55 |         todos: state.todos.filter(t => !t.done)
56 |       }),
57 |       toggleAll: e => state => ({
58 |         todos: state.todos.map(item => {
59 |           item.done = e.target.checked
60 |           return item
61 |         })
62 |       })
63 |     }
64 | 
65 |     app(state, actions, view, document.body)
66 |   </script>
67 | </body>
68 | </html>
69 | 


--------------------------------------------------------------------------------
/examples/hyperapp/todo/view.html:
--------------------------------------------------------------------------------
 1 | <section>
 2 |   <!-- Add new todo and toggle all -->
 3 |   <form onsubmit=actions.add>
 4 |     <input type=text name=text class=form-control
 5 |       placeholder="Enter new todo" value={state.input}
 6 |       required=required autocomplete=off
 7 |       onchange=actions.updateInput>
 8 |     <input type=checkbox onchange=actions.toggleAll>
 9 |   </form>
10 | 
11 |   <!-- Todos list -->
12 |   <ul>
13 |     <li each="todo in state.todos" key={todo.id}>
14 |       {$index + 1}.
15 |       <input type=text value={todo.text}
16 |         onchange='e => actions.updateText({id: todo.id, text: this.value})' class=form-control
17 |         style="{ borderColor: todo.text ? '': 'red', textDecoration: todo.done ? 'line-through': '' }">
18 |       <input type=checkbox checked={todo.done}
19 |         onchange='e => actions.toggleDone(todo.id)'>
20 |     </li>
21 |   </ul>
22 | 
23 |   <!-- Summary -->
24 |   <span>Total {state.todos.length}</span>
25 |   <button if="state.todos.find(t => t.done)" 
26 |     onclick=actions.clearCompleted>
27 |     Clear completed
28 |   </button>
29 | 
30 |   <!-- Debug -->
31 |   <pre><code>{JSON.stringify(state, null, 2)}</code></pre>
32 | </section>
33 | 


--------------------------------------------------------------------------------
/examples/hyperapp/todo/view.js:
--------------------------------------------------------------------------------
 1 | window.view = function view (state, actions) {
 2 |   return h('section', null, [
 3 |     h('form', { 'onsubmit': actions.add }, [
 4 |       h('input', { 'type': 'text', 'name': 'text', 'class': 'form-control', 'placeholder': 'Enter new todo', 'value': (state.input), 'required': 'required', 'autocomplete': 'off', 'onchange': actions.updateInput }),
 5 |       h('input', { 'type': 'checkbox', 'onchange': actions.toggleAll })
 6 |     ]),
 7 |     h('ul', null, (state.todos || []).map(function ($value, $index, $target) {
 8 |       var todo = $value
 9 |       return h('li', { 'key': (todo.id) }, [
10 |         ($index + 1) + '.',
11 |         h('input', { 'type': 'text', 'value': (todo.text), 'onchange': e => actions.updateText({ id: todo.id, text: this.value }), 'class': 'form-control', 'style': { borderColor: todo.text ? '' : 'red', textDecoration: todo.done ? 'line-through' : '' } }),
12 |         h('input', { 'type': 'checkbox', 'checked': (todo.done), 'onchange': e => actions.toggleDone(todo.id) })
13 |       ])
14 |     }, this)),
15 |     h('span', null, 'Total ' + (state.todos.length)),
16 |     state.todos.find(t => t.done) ? h('button', { 'onclick': actions.clearCompleted }, 'Clear completed') : undefined,
17 |     h('pre', null, h('code', null, (JSON.stringify(state, null, 2))))
18 |   ])
19 | }
20 | 


--------------------------------------------------------------------------------
/examples/preact/demo/component.html:
--------------------------------------------------------------------------------
1 | <function name='factoryMyComponent' args='h'>
2 |   <function name='MyComponent'>
3 |     <span>Hello world!<span>
4 |   </function>
5 | </function>
6 | 


--------------------------------------------------------------------------------
/examples/preact/demo/component.js:
--------------------------------------------------------------------------------
1 | export default function factoryMyComponent (h) {
2 |   return function MyComponent (props, state) {
3 |     return h('span', null, [
4 |       'Hello world!',
5 |       h('span')
6 |     ])
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/examples/preact/demo/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <body>
 4 |   <script src="https://unpkg.com/preact@^8"></script>
 5 |   <!-- <script src="view.js"></script> -->
 6 |   <!-- <script src="component.js"></script> -->
 7 |   <script type="module">
 8 |     import Counter from './view.js'
 9 | 
10 |     const { h, Component } = window.preact
11 | 
12 |     window.h = h
13 |     class UpDown extends Component {
14 |       constructor (props) {
15 |         super(props)
16 | 
17 |         this.state = {
18 |           count: 0
19 |         }
20 | 
21 |         this.render = Counter
22 | 
23 |         this.onClickUp = () => {
24 |           this.setState({ count: this.state.count + 1 })
25 |         }
26 | 
27 |         this.onClickDown = (e) => {
28 |           this.setState({ count: this.state.count - 1 })
29 |         }
30 |       }
31 |     }
32 | 
33 |     preact.render(h(Counter), null, document.body)
34 |   </script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/examples/preact/demo/view.html:
--------------------------------------------------------------------------------
 1 | <script>
 2 | 
 3 |   import MyComponent from './component.js'
 4 |   const { h, Component } = window.preact
 5 | 
 6 |   export default class MyCounter extends Component {
 7 |     constructor (props) {
 8 |       super(props)
 9 |       this.render = view
10 | 
11 |       this.state = {
12 |         count: 0
13 |       }
14 | 
15 |       this.onClickUp = () => {
16 |         this.setState({ count: this.state.count + 1 })
17 |       }
18 | 
19 |       this.onClickDown = (e) => {
20 |         this.setState({ count: this.state.count - 1 })
21 |       }
22 |     }
23 | 
24 |     componentDidMount() {
25 | 
26 |     }
27 |   }
28 | 
29 | </script>
30 | 
31 | <function>
32 |   <div>
33 |     <h1>{state.count}</h1>
34 |     <button onclick=this.onClickDown disabled="{state.count <= 0}">-</button>
35 |     <button onclick=this.onClickUp>+</button>
36 |     <MyComponent />
37 |   </div>
38 | </function>


--------------------------------------------------------------------------------
/examples/preact/demo/view.js:
--------------------------------------------------------------------------------
 1 | import MyComponent from './component.js'
 2 | const { h, Component } = window.preact
 3 | 
 4 | export default class MyCounter extends Component {
 5 |   constructor (props) {
 6 |     super(props)
 7 |     this.render = view
 8 | 
 9 |     this.state = {
10 |       count: 0
11 |     }
12 | 
13 |     this.onClickUp = () => {
14 |       this.setState({ count: this.state.count + 1 })
15 |     }
16 | 
17 |     this.onClickDown = (e) => {
18 |       this.setState({ count: this.state.count - 1 })
19 |     }
20 |   }
21 | 
22 |   componentDidMount () {
23 | 
24 |   }
25 | }
26 | 
27 | function view (props, state) {
28 |   return h('div', null, [
29 |     h('h1', null, (state.count)),
30 |     h('button', { 'onclick': this.onClickDown, 'disabled': (state.count <= 0) }, '-'),
31 |     h('button', { 'onclick': this.onClickUp }, '+'),
32 |     h(MyComponent)
33 |   ])
34 | }
35 | 


--------------------------------------------------------------------------------
/examples/preact/todo/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <body>
 4 |   <script src="https://unpkg.com/preact@^8"></script>
 5 |   <script type="module">
 6 |     import Todos from './todos.js'
 7 |     const { h, Component } = window.preact
 8 |     preact.render(h(Todos), null, document.body)
 9 |   </script>
10 | </body>
11 | </html>


--------------------------------------------------------------------------------
/examples/preact/todo/todos.html:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 
  3 |   const { h, Component } = window.preact
  4 | 
  5 |   export default class Todos extends Component {
  6 |     constructor (props) {
  7 |       super(props)
  8 |       this.render = view
  9 | 
 10 |       this.state = {
 11 |         todos: [{ id: 1, text: 'Buy milk' }]
 12 |       }
 13 | 
 14 |       this.onSubmit = e => {
 15 |         e.preventDefault()
 16 |         this.setState({
 17 |           input: '',
 18 |           todos: this.state.todos.concat({
 19 |             id: Date.now(),
 20 |             text: this.state.input
 21 |           })
 22 |         })
 23 |       }
 24 | 
 25 |       this.onChangeInput = e => {
 26 |         this.setState({
 27 |           input: e.target.value.trim()
 28 |         })
 29 |       }
 30 | 
 31 |       this.onChangeDoneAll = e => {
 32 |         const done = e.target.checked
 33 |         this.setState({
 34 |           todos: this.state.todos.map(todo => {
 35 |             todo.done = done
 36 |             return todo
 37 |           })
 38 |         })
 39 |       }
 40 | 
 41 |       this.onChangeDone = (e, todo) => {
 42 |         this.setState({
 43 |           todos: this.state.todos.map(item => {
 44 |             if (item.id === todo.id) {
 45 |               item.done = !item.done
 46 |             }
 47 |             return item
 48 |           })
 49 |         })
 50 |       }
 51 | 
 52 |       this.onChangeText = (e, todo) => {
 53 |         this.setState({
 54 |           todos: this.state.todos.map(item => {
 55 |             if (item.id === todo.id) {
 56 |               item.text = e.target.value
 57 |             }
 58 |             return item
 59 |           })
 60 |         })
 61 |       }
 62 | 
 63 |       this.onClickClear = e => {
 64 |         this.setState({
 65 |           todos: this.state.todos.filter(t => !t.done)
 66 |         })
 67 |       }
 68 |     }
 69 |   }
 70 | 
 71 | </script>
 72 |   
 73 | <function>
 74 |   <section>
 75 |     <!-- Add new todo and toggle all -->
 76 |     <form onsubmit=this.onSubmit>
 77 |       <input type=text name=text class=form-control
 78 |         placeholder='Enter new todo' value={state.input}
 79 |         required=required autocomplete=off
 80 |         onchange=this.onChangeInput>
 81 |       <input type=checkbox onchange=this.onChangeDoneAll>
 82 |     </form>
 83 |   
 84 |     <!-- Todos list -->
 85 |     <ul>
 86 |       <li each='todo in state.todos' key={todo.id}>
 87 |         {$index + 1}.
 88 |         <input type=text value={todo.text}
 89 |           onchange='e => this.onChangeText(e, todo)' class=form-control
 90 |           style="{ borderColor: todo.text ? '': 'red', textDecoration: todo.done ? 'line-through': '' }">
 91 |         <input type=checkbox checked={todo.done}
 92 |           onchange='e => this.onChangeDone(e, todo)'>
 93 |       </li>
 94 |     </ul>
 95 |   
 96 |     <!-- Summary -->
 97 |     <span>Total {state.todos.length}</span>
 98 |     <button if='state.todos.find(t => t.done)' onclick=this.onClickClear>Clear done</button>
 99 |   
100 |     <!-- Debug -->
101 |     <pre><code>{JSON.stringify(state, null, 2)}</code></pre>
102 |   </section>        
103 | </function>


--------------------------------------------------------------------------------
/examples/preact/todo/todos.js:
--------------------------------------------------------------------------------
 1 | const { h, Component } = window.preact
 2 | 
 3 | export default class Todos extends Component {
 4 |   constructor (props) {
 5 |     super(props)
 6 |     this.render = view
 7 | 
 8 |     this.state = {
 9 |       todos: [{ id: 1, text: 'Buy milk' }]
10 |     }
11 | 
12 |     this.onSubmit = e => {
13 |       e.preventDefault()
14 |       this.setState({
15 |         input: '',
16 |         todos: this.state.todos.concat({
17 |           id: Date.now(),
18 |           text: this.state.input
19 |         })
20 |       })
21 |     }
22 | 
23 |     this.onChangeInput = e => {
24 |       this.setState({
25 |         input: e.target.value.trim()
26 |       })
27 |     }
28 | 
29 |     this.onChangeDoneAll = e => {
30 |       const done = e.target.checked
31 |       this.setState({
32 |         todos: this.state.todos.map(todo => {
33 |           todo.done = done
34 |           return todo
35 |         })
36 |       })
37 |     }
38 | 
39 |     this.onChangeDone = (e, todo) => {
40 |       this.setState({
41 |         todos: this.state.todos.map(item => {
42 |           if (item.id === todo.id) {
43 |             item.done = !item.done
44 |           }
45 |           return item
46 |         })
47 |       })
48 |     }
49 | 
50 |     this.onChangeText = (e, todo) => {
51 |       this.setState({
52 |         todos: this.state.todos.map(item => {
53 |           if (item.id === todo.id) {
54 |             item.text = e.target.value
55 |           }
56 |           return item
57 |         })
58 |       })
59 |     }
60 | 
61 |     this.onClickClear = e => {
62 |       this.setState({
63 |         todos: this.state.todos.filter(t => !t.done)
64 |       })
65 |     }
66 |   }
67 | }
68 | 
69 | function view (props, state) {
70 |   return h('section', null, [
71 |     h('form', { 'onsubmit': this.onSubmit }, [
72 |       h('input', { 'type': 'text', 'name': 'text', 'class': 'form-control', 'placeholder': 'Enter new todo', 'value': (state.input), 'required': 'required', 'autocomplete': 'off', 'onchange': this.onChangeInput }),
73 |       h('input', { 'type': 'checkbox', 'onchange': this.onChangeDoneAll })
74 |     ]),
75 |     h('ul', null, (state.todos || []).map(function ($value, $index, $target) {
76 |       var todo = $value
77 |       return h('li', { 'key': (todo.id) }, [
78 |         ($index + 1) + '.',
79 |         h('input', { 'type': 'text', 'value': (todo.text), 'onchange': e => this.onChangeText(e, todo), 'class': 'form-control', 'style': { borderColor: todo.text ? '' : 'red', textDecoration: todo.done ? 'line-through' : '' } }),
80 |         h('input', { 'type': 'checkbox', 'checked': (todo.done), 'onchange': e => this.onChangeDone(e, todo) })
81 |       ])
82 |     }, this)),
83 |     h('span', null, 'Total ' + (state.todos.length)),
84 |     state.todos.find(t => t.done) ? h('button', { 'onclick': this.onClickClear }, 'Clear done') : undefined,
85 |     h('pre', null, h('code', null, (JSON.stringify(state, null, 2))))
86 |   ])
87 | }
88 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | const standard = require('standard')
  2 | const htmlparser = require('htmlparser2')
  3 | const delim = ['{', '}']
  4 | const startDelim = delim[0]
  5 | const specialEls = ['elseif', 'else']
  6 | const specialAttrs = ['if', 'each']
  7 | let root, buffer, curr, defaultFnName, defaultFnArgs
  8 | 
  9 | function strify (str) {
 10 |   str = str
 11 |     ? str.replace('\n', '\\\n')
 12 |     : ''
 13 | 
 14 |   return '"' + str + '"'
 15 | }
 16 | 
 17 | function interpolate (text) {
 18 |   const parts = text.split(/({.*?})/)
 19 | 
 20 |   text = parts.filter(p => p).map((part, index) => {
 21 |     if (part.startsWith('{')) {
 22 |       return `(${part.slice(1, -1)})`
 23 |     } else {
 24 |       return strify(part)
 25 |     }
 26 |   }).join(' + ')
 27 | 
 28 |   return text
 29 | }
 30 | 
 31 | function getIterator (target) {
 32 |   return `(${target} || [])`
 33 | }
 34 | 
 35 | function getAttrs (target) {
 36 |   const attributes = []
 37 | 
 38 |   for (const name in target.attribs) {
 39 |     if (specialAttrs.indexOf(name) === -1) {
 40 |       const value = target.attribs[name]
 41 |       let val = ''
 42 |       if (name === 'style' || name.startsWith('on')) {
 43 |         val = value
 44 |       } else if (value.indexOf(startDelim) > -1) {
 45 |         val = interpolate(value)
 46 |       } else {
 47 |         val = strify(value)
 48 |       }
 49 | 
 50 |       attributes.push({
 51 |         name: name,
 52 |         value: val
 53 |       })
 54 |     }
 55 |   }
 56 | 
 57 |   const attribs = attributes.length
 58 |     ? `{ ${attributes.map(a => `'${a.name}': ${a.value}`).join(', ')} }`
 59 |     : null
 60 | 
 61 |   return attribs
 62 | }
 63 | 
 64 | function getBranches (node, nodeOutput) {
 65 |   const branches = []
 66 | 
 67 |   if (node.name === 'if') {
 68 |     // Element based `if`
 69 |     let n = node
 70 | 
 71 |     do {
 72 |       branches.push({
 73 |         condition: n.attribs['condition'],
 74 |         rtn: n.childrenToString(true)
 75 |       })
 76 | 
 77 |       n = n.children.find(c => c.name === 'elseif' || c.name === 'else')
 78 |     } while (n)
 79 |   } else {
 80 |     // Attribute based `if`
 81 |     branches.push({
 82 |       condition: node.attribs['if'],
 83 |       rtn: nodeOutput
 84 |     })
 85 |   }
 86 | 
 87 |   return branches
 88 | }
 89 | 
 90 | class Node {
 91 |   constructor (parent, name, attribs) {
 92 |     this.parent = parent
 93 |     this.name = name
 94 |     this.attribs = attribs
 95 |     this.children = []
 96 |   }
 97 | 
 98 |   get isSpecial () {
 99 |     return specialEls.indexOf(this.name) > -1
100 |   }
101 | 
102 |   childrenToString (filterSpecial) {
103 |     const children = (filterSpecial
104 |       ? this.children.filter(c => !c.isSpecial)
105 |       : this.children).map(c => c.toString())
106 | 
107 |     let childstr = ''
108 |     if (children.length) {
109 |       childstr = children.length === 1
110 |         ? children[0]
111 |         : '[\n' + children.join(',\n') + '\n]'
112 |     }
113 | 
114 |     return childstr
115 |   }
116 | 
117 |   toString () {
118 |     // Attributes
119 |     const attribs = getAttrs(this)
120 | 
121 |     // Children
122 |     const childstr = this.childrenToString()
123 | 
124 |     let node
125 |     if (this.name === 'script') {
126 |       node = this.children.toString()
127 |     } else if (this.name === 'function') {
128 |       const name = this.attribs.name || defaultFnName
129 |       const argstr = this.attribs.args
130 |         ? buildArgs(this.attribs.args)
131 |         : defaultFnArgs
132 | 
133 |       node = `
134 |         ${wrapFn(name, argstr, this.children.toString().trimLeft())}
135 |       `
136 |     } else {
137 |       const isComponent = /^[A-Z]/.test(this.name)
138 |       const name = isComponent ? this.name : `"${this.name}"`
139 |       const args = [name]
140 | 
141 |       if (attribs || childstr) {
142 |         args.push(attribs || 'null')
143 | 
144 |         if (childstr) {
145 |           args.push(childstr)
146 |         }
147 |       }
148 | 
149 |       node = `h(${args.join(', ')})`
150 |     }
151 | 
152 |     if (this.name === 'if') {
153 |       const branches = getBranches(this, node)
154 |       let str = ''
155 |       branches.forEach((branch, index) => {
156 |         if (branch.condition) {
157 |           str += `${index === 0 ? 'if' : ' else if '} (${branch.condition}) {
158 |             return ${branch.rtn}
159 |           }`
160 |         } else {
161 |           str += ` else {
162 |             return ${branch.rtn}
163 |           }`
164 |         }
165 |       })
166 | 
167 |       return `(function () {
168 |         ${str}
169 |       }).call(this)`
170 |     } else if ('if' in this.attribs) {
171 |       return `${this.attribs['if']} ? ${node} : undefined`
172 |     } else if ('each' in this.attribs) {
173 |       const eachAttr = this.attribs['each']
174 |       const eachParts = eachAttr.split(' in ')
175 |       const key = eachParts[0]
176 |       const target = eachParts[1]
177 | 
178 |       return `${getIterator(target)}.map(function ($value, $index, $target) {\nvar ${key} = $value\nreturn ${node}\n}, this)`
179 |     } else {
180 |       return node
181 |     }
182 |   }
183 | }
184 | 
185 | class Root extends Node {
186 |   toString () {
187 |     return this.children.map(c => c.toString()).join('\n').trim()
188 |   }
189 | }
190 | 
191 | const handler = {
192 |   onopentag: function (name, attribs) {
193 |     const newCurr = new Node(curr, name, attribs)
194 |     curr.children.push(newCurr)
195 |     buffer.push(newCurr)
196 |     curr = newCurr
197 |   },
198 |   ontext: function (text) {
199 |     if (!text || !(text = text.trim())) {
200 |       return
201 |     }
202 | 
203 |     let value
204 |     if (curr.name === 'script') {
205 |       value = text
206 |     } else if (text.indexOf(startDelim) > -1) {
207 |       value = interpolate(text)
208 |     } else {
209 |       value = strify(text)
210 |     }
211 | 
212 |     curr.children.push(value)
213 |   },
214 |   onclosetag: function (name) {
215 |     buffer.pop()
216 |     curr = buffer[buffer.length - 1]
217 |   }
218 | }
219 | 
220 | function buildArgs (args) {
221 |   return args.split(' ').filter(item => {
222 |     return item.trim()
223 |   }).join(', ')
224 | }
225 | 
226 | function wrapFn (name, args, value) {
227 |   return `function ${name} (${args}) {
228 |     return ${value}
229 |   }`
230 | }
231 | 
232 | module.exports = function (tmpl, mode = 'raw', name = 'view', args = 'props state') {
233 |   root = new Root()
234 |   buffer = [root]
235 |   curr = root
236 | 
237 |   defaultFnName = name
238 |   defaultFnArgs = buildArgs(args)
239 | 
240 |   const parser = new htmlparser.Parser(handler, {
241 |     decodeEntities: false,
242 |     lowerCaseAttributeNames: false,
243 |     lowerCaseTags: false,
244 |     recognizeSelfClosing: true
245 |   })
246 | 
247 |   parser.write(tmpl)
248 |   parser.end()
249 | 
250 |   const js = root.toString()
251 | 
252 |   let result = ''
253 |   try {
254 |     if (mode === 'raw') {
255 |       result = js
256 |     } else {
257 |       let wrap = false
258 |       let useMode = false
259 | 
260 |       const children = root.children
261 |       if (children.length === 1) {
262 |         const onlyChild = children[0]
263 | 
264 |         // Only wrap the output if there's a single root
265 |         // child and that child is not a <function> tag
266 |         if (onlyChild.name !== 'function') {
267 |           wrap = true
268 |         }
269 | 
270 |         // Only mode the output if there's a single
271 |         // root child and that child is not a <script> tag
272 |         if (onlyChild.name !== 'script') {
273 |           useMode = true
274 |         }
275 |       }
276 | 
277 |       let value = js
278 | 
279 |       if (wrap) {
280 |         value = wrapFn(defaultFnName, defaultFnArgs, js)
281 |       }
282 | 
283 |       if (useMode) {
284 |         switch (mode) {
285 |           case 'esm':
286 |             result = `export default ${value}`
287 |             break
288 |           case 'cjs':
289 |             result = `module.exports = ${value}`
290 |             break
291 |           case 'browser':
292 |             result = `window.${name} = ${value}`
293 |             break
294 |           default:
295 |             result = `${mode ? `var ${mode} =` : ''} ${value}`
296 |         }
297 |       } else {
298 |         result = value
299 |       }
300 |     }
301 | 
302 |     const lintResult = standard.lintTextSync(result, { fix: true })
303 | 
304 |     return lintResult.results[0].output
305 |   } catch (err) {
306 |     throw new Error(`Error ${err.message}\n${result}\nraw:\n${js}`)
307 |   }
308 | }
309 | 


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "hyperviews",
   3 |   "version": "0.0.12",
   4 |   "lockfileVersion": 1,
   5 |   "requires": true,
   6 |   "dependencies": {
   7 |     "acorn": {
   8 |       "version": "6.0.4",
   9 |       "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.0.4.tgz",
  10 |       "integrity": "sha512-VY4i5EKSKkofY2I+6QLTbTTN/UvEQPCo6eiwzzSaSWfpaDhOmStMCMod6wmuPciNq+XS0faCglFu2lHZpdHUtg=="
  11 |     },
  12 |     "acorn-jsx": {
  13 |       "version": "5.0.1",
  14 |       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.0.1.tgz",
  15 |       "integrity": "sha512-HJ7CfNHrfJLlNTzIEUTj43LNWGkqpRLxm3YjAlcD0ACydk9XynzYsCBHxut+iqt+1aBXkx9UP/w/ZqMr13XIzg=="
  16 |     },
  17 |     "ajv": {
  18 |       "version": "6.6.2",
  19 |       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.6.2.tgz",
  20 |       "integrity": "sha512-FBHEW6Jf5TB9MGBgUUA9XHkTbjXYfAUjY43ACMfmdMRHniyoMHjHjzD50OK8LGDWQwp4rWEsIq5kEqq7rvIM1g==",
  21 |       "requires": {
  22 |         "fast-deep-equal": "^2.0.1",
  23 |         "fast-json-stable-stringify": "^2.0.0",
  24 |         "json-schema-traverse": "^0.4.1",
  25 |         "uri-js": "^4.2.2"
  26 |       }
  27 |     },
  28 |     "ajv-keywords": {
  29 |       "version": "3.2.0",
  30 |       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.2.0.tgz",
  31 |       "integrity": "sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo="
  32 |     },
  33 |     "ansi-escapes": {
  34 |       "version": "3.1.0",
  35 |       "resolved": "http://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
  36 |       "integrity": "sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw=="
  37 |     },
  38 |     "ansi-regex": {
  39 |       "version": "2.1.1",
  40 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
  41 |       "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
  42 |     },
  43 |     "ansi-styles": {
  44 |       "version": "2.2.1",
  45 |       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
  46 |       "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
  47 |     },
  48 |     "argparse": {
  49 |       "version": "1.0.10",
  50 |       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
  51 |       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
  52 |       "requires": {
  53 |         "sprintf-js": "~1.0.2"
  54 |       }
  55 |     },
  56 |     "array-includes": {
  57 |       "version": "3.0.3",
  58 |       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.0.3.tgz",
  59 |       "integrity": "sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0=",
  60 |       "requires": {
  61 |         "define-properties": "^1.1.2",
  62 |         "es-abstract": "^1.7.0"
  63 |       }
  64 |     },
  65 |     "babel-code-frame": {
  66 |       "version": "6.26.0",
  67 |       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
  68 |       "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
  69 |       "requires": {
  70 |         "chalk": "^1.1.3",
  71 |         "esutils": "^2.0.2",
  72 |         "js-tokens": "^3.0.2"
  73 |       },
  74 |       "dependencies": {
  75 |         "chalk": {
  76 |           "version": "1.1.3",
  77 |           "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
  78 |           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
  79 |           "requires": {
  80 |             "ansi-styles": "^2.2.1",
  81 |             "escape-string-regexp": "^1.0.2",
  82 |             "has-ansi": "^2.0.0",
  83 |             "strip-ansi": "^3.0.0",
  84 |             "supports-color": "^2.0.0"
  85 |           }
  86 |         },
  87 |         "strip-ansi": {
  88 |           "version": "3.0.1",
  89 |           "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
  90 |           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
  91 |           "requires": {
  92 |             "ansi-regex": "^2.0.0"
  93 |           }
  94 |         }
  95 |       }
  96 |     },
  97 |     "balanced-match": {
  98 |       "version": "1.0.0",
  99 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
 100 |       "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
 101 |     },
 102 |     "brace-expansion": {
 103 |       "version": "1.1.11",
 104 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 105 |       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
 106 |       "requires": {
 107 |         "balanced-match": "^1.0.0",
 108 |         "concat-map": "0.0.1"
 109 |       }
 110 |     },
 111 |     "builtin-modules": {
 112 |       "version": "1.1.1",
 113 |       "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
 114 |       "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8="
 115 |     },
 116 |     "caller-path": {
 117 |       "version": "0.1.0",
 118 |       "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-0.1.0.tgz",
 119 |       "integrity": "sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=",
 120 |       "requires": {
 121 |         "callsites": "^0.2.0"
 122 |       }
 123 |     },
 124 |     "callsites": {
 125 |       "version": "0.2.0",
 126 |       "resolved": "http://registry.npmjs.org/callsites/-/callsites-0.2.0.tgz",
 127 |       "integrity": "sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo="
 128 |     },
 129 |     "chalk": {
 130 |       "version": "2.4.1",
 131 |       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
 132 |       "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
 133 |       "requires": {
 134 |         "ansi-styles": "^3.2.1",
 135 |         "escape-string-regexp": "^1.0.5",
 136 |         "supports-color": "^5.3.0"
 137 |       },
 138 |       "dependencies": {
 139 |         "ansi-styles": {
 140 |           "version": "3.2.1",
 141 |           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
 142 |           "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
 143 |           "requires": {
 144 |             "color-convert": "^1.9.0"
 145 |           }
 146 |         },
 147 |         "supports-color": {
 148 |           "version": "5.5.0",
 149 |           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
 150 |           "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
 151 |           "requires": {
 152 |             "has-flag": "^3.0.0"
 153 |           }
 154 |         }
 155 |       }
 156 |     },
 157 |     "chardet": {
 158 |       "version": "0.4.2",
 159 |       "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz",
 160 |       "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I="
 161 |     },
 162 |     "circular-json": {
 163 |       "version": "0.3.3",
 164 |       "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.3.3.tgz",
 165 |       "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A=="
 166 |     },
 167 |     "cli-cursor": {
 168 |       "version": "2.1.0",
 169 |       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
 170 |       "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
 171 |       "requires": {
 172 |         "restore-cursor": "^2.0.0"
 173 |       }
 174 |     },
 175 |     "cli-width": {
 176 |       "version": "2.2.0",
 177 |       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz",
 178 |       "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk="
 179 |     },
 180 |     "color-convert": {
 181 |       "version": "1.9.3",
 182 |       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
 183 |       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
 184 |       "requires": {
 185 |         "color-name": "1.1.3"
 186 |       }
 187 |     },
 188 |     "color-name": {
 189 |       "version": "1.1.3",
 190 |       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
 191 |       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
 192 |     },
 193 |     "concat-map": {
 194 |       "version": "0.0.1",
 195 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 196 |       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
 197 |     },
 198 |     "contains-path": {
 199 |       "version": "0.1.0",
 200 |       "resolved": "https://registry.npmjs.org/contains-path/-/contains-path-0.1.0.tgz",
 201 |       "integrity": "sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo="
 202 |     },
 203 |     "cross-spawn": {
 204 |       "version": "6.0.5",
 205 |       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
 206 |       "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
 207 |       "requires": {
 208 |         "nice-try": "^1.0.4",
 209 |         "path-key": "^2.0.1",
 210 |         "semver": "^5.5.0",
 211 |         "shebang-command": "^1.2.0",
 212 |         "which": "^1.2.9"
 213 |       }
 214 |     },
 215 |     "debug": {
 216 |       "version": "3.2.6",
 217 |       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
 218 |       "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
 219 |       "requires": {
 220 |         "ms": "^2.1.1"
 221 |       }
 222 |     },
 223 |     "debug-log": {
 224 |       "version": "1.0.1",
 225 |       "resolved": "http://registry.npmjs.org/debug-log/-/debug-log-1.0.1.tgz",
 226 |       "integrity": "sha1-IwdjLUwEOCuN+KMvcLiVBG1SdF8="
 227 |     },
 228 |     "deep-is": {
 229 |       "version": "0.1.3",
 230 |       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
 231 |       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ="
 232 |     },
 233 |     "define-properties": {
 234 |       "version": "1.1.3",
 235 |       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
 236 |       "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
 237 |       "requires": {
 238 |         "object-keys": "^1.0.12"
 239 |       }
 240 |     },
 241 |     "deglob": {
 242 |       "version": "2.1.1",
 243 |       "resolved": "https://registry.npmjs.org/deglob/-/deglob-2.1.1.tgz",
 244 |       "integrity": "sha512-2kjwuGGonL7gWE1XU4Fv79+vVzpoQCl0V+boMwWtOQJV2AGDabCwez++nB1Nli/8BabAfZQ/UuHPlp6AymKdWw==",
 245 |       "requires": {
 246 |         "find-root": "^1.0.0",
 247 |         "glob": "^7.0.5",
 248 |         "ignore": "^3.0.9",
 249 |         "pkg-config": "^1.1.0",
 250 |         "run-parallel": "^1.1.2",
 251 |         "uniq": "^1.0.1"
 252 |       },
 253 |       "dependencies": {
 254 |         "ignore": {
 255 |           "version": "3.3.10",
 256 |           "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
 257 |           "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug=="
 258 |         }
 259 |       }
 260 |     },
 261 |     "doctrine": {
 262 |       "version": "2.1.0",
 263 |       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
 264 |       "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
 265 |       "requires": {
 266 |         "esutils": "^2.0.2"
 267 |       }
 268 |     },
 269 |     "dom-serializer": {
 270 |       "version": "0.1.0",
 271 |       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.0.tgz",
 272 |       "integrity": "sha1-BzxpdUbOB4DOI75KKOKT5AvDDII=",
 273 |       "requires": {
 274 |         "domelementtype": "~1.1.1",
 275 |         "entities": "~1.1.1"
 276 |       },
 277 |       "dependencies": {
 278 |         "domelementtype": {
 279 |           "version": "1.1.3",
 280 |           "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.1.3.tgz",
 281 |           "integrity": "sha1-vSh3PiZCiBrsUVRJJCmcXNgiGFs="
 282 |         }
 283 |       }
 284 |     },
 285 |     "domelementtype": {
 286 |       "version": "1.3.0",
 287 |       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.0.tgz",
 288 |       "integrity": "sha1-sXrtguirWeUt2cGbF1bg/BhyBMI="
 289 |     },
 290 |     "domhandler": {
 291 |       "version": "2.4.2",
 292 |       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
 293 |       "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
 294 |       "requires": {
 295 |         "domelementtype": "1"
 296 |       }
 297 |     },
 298 |     "domutils": {
 299 |       "version": "1.7.0",
 300 |       "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
 301 |       "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
 302 |       "requires": {
 303 |         "dom-serializer": "0",
 304 |         "domelementtype": "1"
 305 |       }
 306 |     },
 307 |     "entities": {
 308 |       "version": "1.1.2",
 309 |       "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
 310 |       "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
 311 |     },
 312 |     "error-ex": {
 313 |       "version": "1.3.2",
 314 |       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
 315 |       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
 316 |       "requires": {
 317 |         "is-arrayish": "^0.2.1"
 318 |       }
 319 |     },
 320 |     "es-abstract": {
 321 |       "version": "1.12.0",
 322 |       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.12.0.tgz",
 323 |       "integrity": "sha512-C8Fx/0jFmV5IPoMOFPA9P9G5NtqW+4cOPit3MIuvR2t7Ag2K15EJTpxnHAYTzL+aYQJIESYeXZmDBfOBE1HcpA==",
 324 |       "requires": {
 325 |         "es-to-primitive": "^1.1.1",
 326 |         "function-bind": "^1.1.1",
 327 |         "has": "^1.0.1",
 328 |         "is-callable": "^1.1.3",
 329 |         "is-regex": "^1.0.4"
 330 |       }
 331 |     },
 332 |     "es-to-primitive": {
 333 |       "version": "1.2.0",
 334 |       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.0.tgz",
 335 |       "integrity": "sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==",
 336 |       "requires": {
 337 |         "is-callable": "^1.1.4",
 338 |         "is-date-object": "^1.0.1",
 339 |         "is-symbol": "^1.0.2"
 340 |       }
 341 |     },
 342 |     "escape-string-regexp": {
 343 |       "version": "1.0.5",
 344 |       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 345 |       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
 346 |     },
 347 |     "eslint": {
 348 |       "version": "5.4.0",
 349 |       "resolved": "https://registry.npmjs.org/eslint/-/eslint-5.4.0.tgz",
 350 |       "integrity": "sha512-UIpL91XGex3qtL6qwyCQJar2j3osKxK9e3ano3OcGEIRM4oWIpCkDg9x95AXEC2wMs7PnxzOkPZ2gq+tsMS9yg==",
 351 |       "requires": {
 352 |         "ajv": "^6.5.0",
 353 |         "babel-code-frame": "^6.26.0",
 354 |         "chalk": "^2.1.0",
 355 |         "cross-spawn": "^6.0.5",
 356 |         "debug": "^3.1.0",
 357 |         "doctrine": "^2.1.0",
 358 |         "eslint-scope": "^4.0.0",
 359 |         "eslint-utils": "^1.3.1",
 360 |         "eslint-visitor-keys": "^1.0.0",
 361 |         "espree": "^4.0.0",
 362 |         "esquery": "^1.0.1",
 363 |         "esutils": "^2.0.2",
 364 |         "file-entry-cache": "^2.0.0",
 365 |         "functional-red-black-tree": "^1.0.1",
 366 |         "glob": "^7.1.2",
 367 |         "globals": "^11.7.0",
 368 |         "ignore": "^4.0.2",
 369 |         "imurmurhash": "^0.1.4",
 370 |         "inquirer": "^5.2.0",
 371 |         "is-resolvable": "^1.1.0",
 372 |         "js-yaml": "^3.11.0",
 373 |         "json-stable-stringify-without-jsonify": "^1.0.1",
 374 |         "levn": "^0.3.0",
 375 |         "lodash": "^4.17.5",
 376 |         "minimatch": "^3.0.4",
 377 |         "mkdirp": "^0.5.1",
 378 |         "natural-compare": "^1.4.0",
 379 |         "optionator": "^0.8.2",
 380 |         "path-is-inside": "^1.0.2",
 381 |         "pluralize": "^7.0.0",
 382 |         "progress": "^2.0.0",
 383 |         "regexpp": "^2.0.0",
 384 |         "require-uncached": "^1.0.3",
 385 |         "semver": "^5.5.0",
 386 |         "strip-ansi": "^4.0.0",
 387 |         "strip-json-comments": "^2.0.1",
 388 |         "table": "^4.0.3",
 389 |         "text-table": "^0.2.0"
 390 |       }
 391 |     },
 392 |     "eslint-config-standard": {
 393 |       "version": "12.0.0",
 394 |       "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-12.0.0.tgz",
 395 |       "integrity": "sha512-COUz8FnXhqFitYj4DTqHzidjIL/t4mumGZto5c7DrBpvWoie+Sn3P4sLEzUGeYhRElWuFEf8K1S1EfvD1vixCQ=="
 396 |     },
 397 |     "eslint-config-standard-jsx": {
 398 |       "version": "6.0.2",
 399 |       "resolved": "https://registry.npmjs.org/eslint-config-standard-jsx/-/eslint-config-standard-jsx-6.0.2.tgz",
 400 |       "integrity": "sha512-D+YWAoXw+2GIdbMBRAzWwr1ZtvnSf4n4yL0gKGg7ShUOGXkSOLerI17K4F6LdQMJPNMoWYqepzQD/fKY+tXNSg=="
 401 |     },
 402 |     "eslint-import-resolver-node": {
 403 |       "version": "0.3.2",
 404 |       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz",
 405 |       "integrity": "sha512-sfmTqJfPSizWu4aymbPr4Iidp5yKm8yDkHp+Ir3YiTHiiDfxh69mOUsmiqW6RZ9zRXFaF64GtYmN7e+8GHBv6Q==",
 406 |       "requires": {
 407 |         "debug": "^2.6.9",
 408 |         "resolve": "^1.5.0"
 409 |       },
 410 |       "dependencies": {
 411 |         "debug": {
 412 |           "version": "2.6.9",
 413 |           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 414 |           "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 415 |           "requires": {
 416 |             "ms": "2.0.0"
 417 |           }
 418 |         },
 419 |         "ms": {
 420 |           "version": "2.0.0",
 421 |           "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 422 |           "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
 423 |         }
 424 |       }
 425 |     },
 426 |     "eslint-module-utils": {
 427 |       "version": "2.2.0",
 428 |       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.2.0.tgz",
 429 |       "integrity": "sha1-snA2LNiLGkitMIl2zn+lTphBF0Y=",
 430 |       "requires": {
 431 |         "debug": "^2.6.8",
 432 |         "pkg-dir": "^1.0.0"
 433 |       },
 434 |       "dependencies": {
 435 |         "debug": {
 436 |           "version": "2.6.9",
 437 |           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 438 |           "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 439 |           "requires": {
 440 |             "ms": "2.0.0"
 441 |           }
 442 |         },
 443 |         "ms": {
 444 |           "version": "2.0.0",
 445 |           "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 446 |           "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
 447 |         }
 448 |       }
 449 |     },
 450 |     "eslint-plugin-es": {
 451 |       "version": "1.4.0",
 452 |       "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-1.4.0.tgz",
 453 |       "integrity": "sha512-XfFmgFdIUDgvaRAlaXUkxrRg5JSADoRC8IkKLc/cISeR3yHVMefFHQZpcyXXEUUPHfy5DwviBcrfqlyqEwlQVw==",
 454 |       "requires": {
 455 |         "eslint-utils": "^1.3.0",
 456 |         "regexpp": "^2.0.1"
 457 |       }
 458 |     },
 459 |     "eslint-plugin-html": {
 460 |       "version": "5.0.0",
 461 |       "resolved": "https://registry.npmjs.org/eslint-plugin-html/-/eslint-plugin-html-5.0.0.tgz",
 462 |       "integrity": "sha512-f7p/7YQdgQUFVAX3nB4dnMQbrDeTalcA01PDhuvTLk0ZadCwM4Pb+639SRuqEf1zMkIxckLY+ckCr0hVP5zl6A==",
 463 |       "dev": true,
 464 |       "requires": {
 465 |         "htmlparser2": "^3.10.0"
 466 |       }
 467 |     },
 468 |     "eslint-plugin-import": {
 469 |       "version": "2.14.0",
 470 |       "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.14.0.tgz",
 471 |       "integrity": "sha512-FpuRtniD/AY6sXByma2Wr0TXvXJ4nA/2/04VPlfpmUDPOpOY264x+ILiwnrk/k4RINgDAyFZByxqPUbSQ5YE7g==",
 472 |       "requires": {
 473 |         "contains-path": "^0.1.0",
 474 |         "debug": "^2.6.8",
 475 |         "doctrine": "1.5.0",
 476 |         "eslint-import-resolver-node": "^0.3.1",
 477 |         "eslint-module-utils": "^2.2.0",
 478 |         "has": "^1.0.1",
 479 |         "lodash": "^4.17.4",
 480 |         "minimatch": "^3.0.3",
 481 |         "read-pkg-up": "^2.0.0",
 482 |         "resolve": "^1.6.0"
 483 |       },
 484 |       "dependencies": {
 485 |         "debug": {
 486 |           "version": "2.6.9",
 487 |           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 488 |           "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 489 |           "requires": {
 490 |             "ms": "2.0.0"
 491 |           }
 492 |         },
 493 |         "doctrine": {
 494 |           "version": "1.5.0",
 495 |           "resolved": "http://registry.npmjs.org/doctrine/-/doctrine-1.5.0.tgz",
 496 |           "integrity": "sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=",
 497 |           "requires": {
 498 |             "esutils": "^2.0.2",
 499 |             "isarray": "^1.0.0"
 500 |           }
 501 |         },
 502 |         "ms": {
 503 |           "version": "2.0.0",
 504 |           "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 505 |           "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
 506 |         }
 507 |       }
 508 |     },
 509 |     "eslint-plugin-node": {
 510 |       "version": "7.0.1",
 511 |       "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-7.0.1.tgz",
 512 |       "integrity": "sha512-lfVw3TEqThwq0j2Ba/Ckn2ABdwmL5dkOgAux1rvOk6CO7A6yGyPI2+zIxN6FyNkp1X1X/BSvKOceD6mBWSj4Yw==",
 513 |       "requires": {
 514 |         "eslint-plugin-es": "^1.3.1",
 515 |         "eslint-utils": "^1.3.1",
 516 |         "ignore": "^4.0.2",
 517 |         "minimatch": "^3.0.4",
 518 |         "resolve": "^1.8.1",
 519 |         "semver": "^5.5.0"
 520 |       }
 521 |     },
 522 |     "eslint-plugin-promise": {
 523 |       "version": "4.0.1",
 524 |       "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-4.0.1.tgz",
 525 |       "integrity": "sha512-Si16O0+Hqz1gDHsys6RtFRrW7cCTB6P7p3OJmKp3Y3dxpQE2qwOA7d3xnV+0mBmrPoi0RBnxlCKvqu70te6wjg=="
 526 |     },
 527 |     "eslint-plugin-react": {
 528 |       "version": "7.11.1",
 529 |       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.11.1.tgz",
 530 |       "integrity": "sha512-cVVyMadRyW7qsIUh3FHp3u6QHNhOgVrLQYdQEB1bPWBsgbNCHdFAeNMquBMCcZJu59eNthX053L70l7gRt4SCw==",
 531 |       "requires": {
 532 |         "array-includes": "^3.0.3",
 533 |         "doctrine": "^2.1.0",
 534 |         "has": "^1.0.3",
 535 |         "jsx-ast-utils": "^2.0.1",
 536 |         "prop-types": "^15.6.2"
 537 |       }
 538 |     },
 539 |     "eslint-plugin-standard": {
 540 |       "version": "4.0.0",
 541 |       "resolved": "https://registry.npmjs.org/eslint-plugin-standard/-/eslint-plugin-standard-4.0.0.tgz",
 542 |       "integrity": "sha512-OwxJkR6TQiYMmt1EsNRMe5qG3GsbjlcOhbGUBY4LtavF9DsLaTcoR+j2Tdjqi23oUwKNUqX7qcn5fPStafMdlA=="
 543 |     },
 544 |     "eslint-scope": {
 545 |       "version": "4.0.0",
 546 |       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.0.tgz",
 547 |       "integrity": "sha512-1G6UTDi7Jc1ELFwnR58HV4fK9OQK4S6N985f166xqXxpjU6plxFISJa2Ba9KCQuFa8RCnj/lSFJbHo7UFDBnUA==",
 548 |       "requires": {
 549 |         "esrecurse": "^4.1.0",
 550 |         "estraverse": "^4.1.1"
 551 |       }
 552 |     },
 553 |     "eslint-utils": {
 554 |       "version": "1.3.1",
 555 |       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.3.1.tgz",
 556 |       "integrity": "sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q=="
 557 |     },
 558 |     "eslint-visitor-keys": {
 559 |       "version": "1.0.0",
 560 |       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz",
 561 |       "integrity": "sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ=="
 562 |     },
 563 |     "espree": {
 564 |       "version": "4.1.0",
 565 |       "resolved": "https://registry.npmjs.org/espree/-/espree-4.1.0.tgz",
 566 |       "integrity": "sha512-I5BycZW6FCVIub93TeVY1s7vjhP9CY6cXCznIRfiig7nRviKZYdRnj/sHEWC6A7WE9RDWOFq9+7OsWSYz8qv2w==",
 567 |       "requires": {
 568 |         "acorn": "^6.0.2",
 569 |         "acorn-jsx": "^5.0.0",
 570 |         "eslint-visitor-keys": "^1.0.0"
 571 |       }
 572 |     },
 573 |     "esprima": {
 574 |       "version": "4.0.1",
 575 |       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
 576 |       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
 577 |     },
 578 |     "esquery": {
 579 |       "version": "1.0.1",
 580 |       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.0.1.tgz",
 581 |       "integrity": "sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==",
 582 |       "requires": {
 583 |         "estraverse": "^4.0.0"
 584 |       }
 585 |     },
 586 |     "esrecurse": {
 587 |       "version": "4.2.1",
 588 |       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz",
 589 |       "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==",
 590 |       "requires": {
 591 |         "estraverse": "^4.1.0"
 592 |       }
 593 |     },
 594 |     "estraverse": {
 595 |       "version": "4.2.0",
 596 |       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.2.0.tgz",
 597 |       "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM="
 598 |     },
 599 |     "esutils": {
 600 |       "version": "2.0.2",
 601 |       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
 602 |       "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs="
 603 |     },
 604 |     "external-editor": {
 605 |       "version": "2.2.0",
 606 |       "resolved": "http://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz",
 607 |       "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==",
 608 |       "requires": {
 609 |         "chardet": "^0.4.0",
 610 |         "iconv-lite": "^0.4.17",
 611 |         "tmp": "^0.0.33"
 612 |       }
 613 |     },
 614 |     "fast-deep-equal": {
 615 |       "version": "2.0.1",
 616 |       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
 617 |       "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
 618 |     },
 619 |     "fast-json-stable-stringify": {
 620 |       "version": "2.0.0",
 621 |       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
 622 |       "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I="
 623 |     },
 624 |     "fast-levenshtein": {
 625 |       "version": "2.0.6",
 626 |       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
 627 |       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
 628 |     },
 629 |     "figures": {
 630 |       "version": "2.0.0",
 631 |       "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
 632 |       "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
 633 |       "requires": {
 634 |         "escape-string-regexp": "^1.0.5"
 635 |       }
 636 |     },
 637 |     "file-entry-cache": {
 638 |       "version": "2.0.0",
 639 |       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-2.0.0.tgz",
 640 |       "integrity": "sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=",
 641 |       "requires": {
 642 |         "flat-cache": "^1.2.1",
 643 |         "object-assign": "^4.0.1"
 644 |       }
 645 |     },
 646 |     "find-root": {
 647 |       "version": "1.1.0",
 648 |       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
 649 |       "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
 650 |     },
 651 |     "find-up": {
 652 |       "version": "1.1.2",
 653 |       "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
 654 |       "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
 655 |       "requires": {
 656 |         "path-exists": "^2.0.0",
 657 |         "pinkie-promise": "^2.0.0"
 658 |       }
 659 |     },
 660 |     "flat-cache": {
 661 |       "version": "1.3.4",
 662 |       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-1.3.4.tgz",
 663 |       "integrity": "sha512-VwyB3Lkgacfik2vhqR4uv2rvebqmDvFu4jlN/C1RzWoJEo8I7z4Q404oiqYCkq41mni8EzQnm95emU9seckwtg==",
 664 |       "requires": {
 665 |         "circular-json": "^0.3.1",
 666 |         "graceful-fs": "^4.1.2",
 667 |         "rimraf": "~2.6.2",
 668 |         "write": "^0.2.1"
 669 |       }
 670 |     },
 671 |     "fs.realpath": {
 672 |       "version": "1.0.0",
 673 |       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
 674 |       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
 675 |     },
 676 |     "function-bind": {
 677 |       "version": "1.1.1",
 678 |       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
 679 |       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
 680 |     },
 681 |     "functional-red-black-tree": {
 682 |       "version": "1.0.1",
 683 |       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
 684 |       "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
 685 |     },
 686 |     "get-stdin": {
 687 |       "version": "6.0.0",
 688 |       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
 689 |       "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g=="
 690 |     },
 691 |     "glob": {
 692 |       "version": "7.1.3",
 693 |       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
 694 |       "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
 695 |       "requires": {
 696 |         "fs.realpath": "^1.0.0",
 697 |         "inflight": "^1.0.4",
 698 |         "inherits": "2",
 699 |         "minimatch": "^3.0.4",
 700 |         "once": "^1.3.0",
 701 |         "path-is-absolute": "^1.0.0"
 702 |       }
 703 |     },
 704 |     "globals": {
 705 |       "version": "11.9.0",
 706 |       "resolved": "https://registry.npmjs.org/globals/-/globals-11.9.0.tgz",
 707 |       "integrity": "sha512-5cJVtyXWH8PiJPVLZzzoIizXx944O4OmRro5MWKx5fT4MgcN7OfaMutPeaTdJCCURwbWdhhcCWcKIffPnmTzBg=="
 708 |     },
 709 |     "graceful-fs": {
 710 |       "version": "4.1.15",
 711 |       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
 712 |       "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA=="
 713 |     },
 714 |     "has": {
 715 |       "version": "1.0.3",
 716 |       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
 717 |       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
 718 |       "requires": {
 719 |         "function-bind": "^1.1.1"
 720 |       }
 721 |     },
 722 |     "has-ansi": {
 723 |       "version": "2.0.0",
 724 |       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
 725 |       "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
 726 |       "requires": {
 727 |         "ansi-regex": "^2.0.0"
 728 |       }
 729 |     },
 730 |     "has-flag": {
 731 |       "version": "3.0.0",
 732 |       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
 733 |       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
 734 |     },
 735 |     "has-symbols": {
 736 |       "version": "1.0.0",
 737 |       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz",
 738 |       "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q="
 739 |     },
 740 |     "hosted-git-info": {
 741 |       "version": "2.7.1",
 742 |       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz",
 743 |       "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w=="
 744 |     },
 745 |     "htmlparser2": {
 746 |       "version": "3.10.0",
 747 |       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.0.tgz",
 748 |       "integrity": "sha512-J1nEUGv+MkXS0weHNWVKJJ+UrLfePxRWpN3C9bEi9fLxL2+ggW94DQvgYVXsaT30PGwYRIZKNZXuyMhp3Di4bQ==",
 749 |       "requires": {
 750 |         "domelementtype": "^1.3.0",
 751 |         "domhandler": "^2.3.0",
 752 |         "domutils": "^1.5.1",
 753 |         "entities": "^1.1.1",
 754 |         "inherits": "^2.0.1",
 755 |         "readable-stream": "^3.0.6"
 756 |       },
 757 |       "dependencies": {
 758 |         "readable-stream": {
 759 |           "version": "3.0.6",
 760 |           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.0.6.tgz",
 761 |           "integrity": "sha512-9E1oLoOWfhSXHGv6QlwXJim7uNzd9EVlWK+21tCU9Ju/kR0/p2AZYPz4qSchgO8PlLIH4FpZYfzwS+rEksZjIg==",
 762 |           "requires": {
 763 |             "inherits": "^2.0.3",
 764 |             "string_decoder": "^1.1.1",
 765 |             "util-deprecate": "^1.0.1"
 766 |           }
 767 |         },
 768 |         "string_decoder": {
 769 |           "version": "1.1.1",
 770 |           "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
 771 |           "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
 772 |           "requires": {
 773 |             "safe-buffer": "~5.1.0"
 774 |           }
 775 |         }
 776 |       }
 777 |     },
 778 |     "iconv-lite": {
 779 |       "version": "0.4.24",
 780 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
 781 |       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
 782 |       "requires": {
 783 |         "safer-buffer": ">= 2.1.2 < 3"
 784 |       }
 785 |     },
 786 |     "ignore": {
 787 |       "version": "4.0.6",
 788 |       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
 789 |       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg=="
 790 |     },
 791 |     "imurmurhash": {
 792 |       "version": "0.1.4",
 793 |       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
 794 |       "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o="
 795 |     },
 796 |     "inflight": {
 797 |       "version": "1.0.6",
 798 |       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
 799 |       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
 800 |       "requires": {
 801 |         "once": "^1.3.0",
 802 |         "wrappy": "1"
 803 |       }
 804 |     },
 805 |     "inherits": {
 806 |       "version": "2.0.3",
 807 |       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
 808 |       "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
 809 |     },
 810 |     "inquirer": {
 811 |       "version": "5.2.0",
 812 |       "resolved": "http://registry.npmjs.org/inquirer/-/inquirer-5.2.0.tgz",
 813 |       "integrity": "sha512-E9BmnJbAKLPGonz0HeWHtbKf+EeSP93paWO3ZYoUpq/aowXvYGjjCSuashhXPpzbArIjBbji39THkxTz9ZeEUQ==",
 814 |       "requires": {
 815 |         "ansi-escapes": "^3.0.0",
 816 |         "chalk": "^2.0.0",
 817 |         "cli-cursor": "^2.1.0",
 818 |         "cli-width": "^2.0.0",
 819 |         "external-editor": "^2.1.0",
 820 |         "figures": "^2.0.0",
 821 |         "lodash": "^4.3.0",
 822 |         "mute-stream": "0.0.7",
 823 |         "run-async": "^2.2.0",
 824 |         "rxjs": "^5.5.2",
 825 |         "string-width": "^2.1.0",
 826 |         "strip-ansi": "^4.0.0",
 827 |         "through": "^2.3.6"
 828 |       }
 829 |     },
 830 |     "is-arrayish": {
 831 |       "version": "0.2.1",
 832 |       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
 833 |       "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
 834 |     },
 835 |     "is-builtin-module": {
 836 |       "version": "1.0.0",
 837 |       "resolved": "http://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
 838 |       "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
 839 |       "requires": {
 840 |         "builtin-modules": "^1.0.0"
 841 |       }
 842 |     },
 843 |     "is-callable": {
 844 |       "version": "1.1.4",
 845 |       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.4.tgz",
 846 |       "integrity": "sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA=="
 847 |     },
 848 |     "is-date-object": {
 849 |       "version": "1.0.1",
 850 |       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz",
 851 |       "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY="
 852 |     },
 853 |     "is-fullwidth-code-point": {
 854 |       "version": "2.0.0",
 855 |       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
 856 |       "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
 857 |     },
 858 |     "is-promise": {
 859 |       "version": "2.1.0",
 860 |       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
 861 |       "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o="
 862 |     },
 863 |     "is-regex": {
 864 |       "version": "1.0.4",
 865 |       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz",
 866 |       "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=",
 867 |       "requires": {
 868 |         "has": "^1.0.1"
 869 |       }
 870 |     },
 871 |     "is-resolvable": {
 872 |       "version": "1.1.0",
 873 |       "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
 874 |       "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg=="
 875 |     },
 876 |     "is-symbol": {
 877 |       "version": "1.0.2",
 878 |       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.2.tgz",
 879 |       "integrity": "sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==",
 880 |       "requires": {
 881 |         "has-symbols": "^1.0.0"
 882 |       }
 883 |     },
 884 |     "isarray": {
 885 |       "version": "1.0.0",
 886 |       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
 887 |       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
 888 |     },
 889 |     "isexe": {
 890 |       "version": "2.0.0",
 891 |       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
 892 |       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
 893 |     },
 894 |     "js-tokens": {
 895 |       "version": "3.0.2",
 896 |       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
 897 |       "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls="
 898 |     },
 899 |     "js-yaml": {
 900 |       "version": "3.12.0",
 901 |       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
 902 |       "integrity": "sha512-PIt2cnwmPfL4hKNwqeiuz4bKfnzHTBv6HyVgjahA6mPLwPDzjDWrplJBMjHUFxku/N3FlmrbyPclad+I+4mJ3A==",
 903 |       "requires": {
 904 |         "argparse": "^1.0.7",
 905 |         "esprima": "^4.0.0"
 906 |       }
 907 |     },
 908 |     "json-parse-better-errors": {
 909 |       "version": "1.0.2",
 910 |       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
 911 |       "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw=="
 912 |     },
 913 |     "json-schema-traverse": {
 914 |       "version": "0.4.1",
 915 |       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
 916 |       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
 917 |     },
 918 |     "json-stable-stringify-without-jsonify": {
 919 |       "version": "1.0.1",
 920 |       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
 921 |       "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE="
 922 |     },
 923 |     "jsx-ast-utils": {
 924 |       "version": "2.0.1",
 925 |       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-2.0.1.tgz",
 926 |       "integrity": "sha1-6AGxs5mF4g//yHtA43SAgOLcrH8=",
 927 |       "requires": {
 928 |         "array-includes": "^3.0.3"
 929 |       }
 930 |     },
 931 |     "levn": {
 932 |       "version": "0.3.0",
 933 |       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
 934 |       "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
 935 |       "requires": {
 936 |         "prelude-ls": "~1.1.2",
 937 |         "type-check": "~0.3.2"
 938 |       }
 939 |     },
 940 |     "load-json-file": {
 941 |       "version": "2.0.0",
 942 |       "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
 943 |       "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=",
 944 |       "requires": {
 945 |         "graceful-fs": "^4.1.2",
 946 |         "parse-json": "^2.2.0",
 947 |         "pify": "^2.0.0",
 948 |         "strip-bom": "^3.0.0"
 949 |       }
 950 |     },
 951 |     "locate-path": {
 952 |       "version": "2.0.0",
 953 |       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
 954 |       "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
 955 |       "requires": {
 956 |         "p-locate": "^2.0.0",
 957 |         "path-exists": "^3.0.0"
 958 |       },
 959 |       "dependencies": {
 960 |         "path-exists": {
 961 |           "version": "3.0.0",
 962 |           "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
 963 |           "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU="
 964 |         }
 965 |       }
 966 |     },
 967 |     "lodash": {
 968 |       "version": "4.17.11",
 969 |       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
 970 |       "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg=="
 971 |     },
 972 |     "loose-envify": {
 973 |       "version": "1.4.0",
 974 |       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
 975 |       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
 976 |       "requires": {
 977 |         "js-tokens": "^3.0.0 || ^4.0.0"
 978 |       }
 979 |     },
 980 |     "mimic-fn": {
 981 |       "version": "1.2.0",
 982 |       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
 983 |       "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ=="
 984 |     },
 985 |     "minimatch": {
 986 |       "version": "3.0.4",
 987 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
 988 |       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
 989 |       "requires": {
 990 |         "brace-expansion": "^1.1.7"
 991 |       }
 992 |     },
 993 |     "minimist": {
 994 |       "version": "1.2.0",
 995 |       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
 996 |       "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
 997 |     },
 998 |     "mkdirp": {
 999 |       "version": "0.5.1",
1000 |       "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
1001 |       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
1002 |       "requires": {
1003 |         "minimist": "0.0.8"
1004 |       },
1005 |       "dependencies": {
1006 |         "minimist": {
1007 |           "version": "0.0.8",
1008 |           "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
1009 |           "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
1010 |         }
1011 |       }
1012 |     },
1013 |     "ms": {
1014 |       "version": "2.1.1",
1015 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
1016 |       "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
1017 |     },
1018 |     "mute-stream": {
1019 |       "version": "0.0.7",
1020 |       "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz",
1021 |       "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s="
1022 |     },
1023 |     "natural-compare": {
1024 |       "version": "1.4.0",
1025 |       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
1026 |       "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc="
1027 |     },
1028 |     "nice-try": {
1029 |       "version": "1.0.5",
1030 |       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
1031 |       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ=="
1032 |     },
1033 |     "normalize-package-data": {
1034 |       "version": "2.4.0",
1035 |       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
1036 |       "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
1037 |       "requires": {
1038 |         "hosted-git-info": "^2.1.4",
1039 |         "is-builtin-module": "^1.0.0",
1040 |         "semver": "2 || 3 || 4 || 5",
1041 |         "validate-npm-package-license": "^3.0.1"
1042 |       }
1043 |     },
1044 |     "object-assign": {
1045 |       "version": "4.1.1",
1046 |       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
1047 |       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
1048 |     },
1049 |     "object-keys": {
1050 |       "version": "1.0.12",
1051 |       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz",
1052 |       "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag=="
1053 |     },
1054 |     "once": {
1055 |       "version": "1.4.0",
1056 |       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
1057 |       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
1058 |       "requires": {
1059 |         "wrappy": "1"
1060 |       }
1061 |     },
1062 |     "onetime": {
1063 |       "version": "2.0.1",
1064 |       "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
1065 |       "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
1066 |       "requires": {
1067 |         "mimic-fn": "^1.0.0"
1068 |       }
1069 |     },
1070 |     "optionator": {
1071 |       "version": "0.8.2",
1072 |       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
1073 |       "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
1074 |       "requires": {
1075 |         "deep-is": "~0.1.3",
1076 |         "fast-levenshtein": "~2.0.4",
1077 |         "levn": "~0.3.0",
1078 |         "prelude-ls": "~1.1.2",
1079 |         "type-check": "~0.3.2",
1080 |         "wordwrap": "~1.0.0"
1081 |       }
1082 |     },
1083 |     "os-tmpdir": {
1084 |       "version": "1.0.2",
1085 |       "resolved": "http://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
1086 |       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ="
1087 |     },
1088 |     "p-limit": {
1089 |       "version": "1.3.0",
1090 |       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
1091 |       "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
1092 |       "requires": {
1093 |         "p-try": "^1.0.0"
1094 |       }
1095 |     },
1096 |     "p-locate": {
1097 |       "version": "2.0.0",
1098 |       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
1099 |       "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
1100 |       "requires": {
1101 |         "p-limit": "^1.1.0"
1102 |       }
1103 |     },
1104 |     "p-try": {
1105 |       "version": "1.0.0",
1106 |       "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
1107 |       "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M="
1108 |     },
1109 |     "parse-json": {
1110 |       "version": "2.2.0",
1111 |       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
1112 |       "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
1113 |       "requires": {
1114 |         "error-ex": "^1.2.0"
1115 |       }
1116 |     },
1117 |     "path-exists": {
1118 |       "version": "2.1.0",
1119 |       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
1120 |       "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
1121 |       "requires": {
1122 |         "pinkie-promise": "^2.0.0"
1123 |       }
1124 |     },
1125 |     "path-is-absolute": {
1126 |       "version": "1.0.1",
1127 |       "resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
1128 |       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
1129 |     },
1130 |     "path-is-inside": {
1131 |       "version": "1.0.2",
1132 |       "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
1133 |       "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM="
1134 |     },
1135 |     "path-key": {
1136 |       "version": "2.0.1",
1137 |       "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
1138 |       "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A="
1139 |     },
1140 |     "path-parse": {
1141 |       "version": "1.0.6",
1142 |       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
1143 |       "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
1144 |     },
1145 |     "path-type": {
1146 |       "version": "2.0.0",
1147 |       "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz",
1148 |       "integrity": "sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=",
1149 |       "requires": {
1150 |         "pify": "^2.0.0"
1151 |       }
1152 |     },
1153 |     "pify": {
1154 |       "version": "2.3.0",
1155 |       "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
1156 |       "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
1157 |     },
1158 |     "pinkie": {
1159 |       "version": "2.0.4",
1160 |       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
1161 |       "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA="
1162 |     },
1163 |     "pinkie-promise": {
1164 |       "version": "2.0.1",
1165 |       "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
1166 |       "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
1167 |       "requires": {
1168 |         "pinkie": "^2.0.0"
1169 |       }
1170 |     },
1171 |     "pkg-conf": {
1172 |       "version": "2.1.0",
1173 |       "resolved": "https://registry.npmjs.org/pkg-conf/-/pkg-conf-2.1.0.tgz",
1174 |       "integrity": "sha1-ISZRTKbyq/69FoWW3xi6V4Z/AFg=",
1175 |       "requires": {
1176 |         "find-up": "^2.0.0",
1177 |         "load-json-file": "^4.0.0"
1178 |       },
1179 |       "dependencies": {
1180 |         "find-up": {
1181 |           "version": "2.1.0",
1182 |           "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
1183 |           "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
1184 |           "requires": {
1185 |             "locate-path": "^2.0.0"
1186 |           }
1187 |         },
1188 |         "load-json-file": {
1189 |           "version": "4.0.0",
1190 |           "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
1191 |           "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
1192 |           "requires": {
1193 |             "graceful-fs": "^4.1.2",
1194 |             "parse-json": "^4.0.0",
1195 |             "pify": "^3.0.0",
1196 |             "strip-bom": "^3.0.0"
1197 |           }
1198 |         },
1199 |         "parse-json": {
1200 |           "version": "4.0.0",
1201 |           "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
1202 |           "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
1203 |           "requires": {
1204 |             "error-ex": "^1.3.1",
1205 |             "json-parse-better-errors": "^1.0.1"
1206 |           }
1207 |         },
1208 |         "pify": {
1209 |           "version": "3.0.0",
1210 |           "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
1211 |           "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
1212 |         }
1213 |       }
1214 |     },
1215 |     "pkg-config": {
1216 |       "version": "1.1.1",
1217 |       "resolved": "https://registry.npmjs.org/pkg-config/-/pkg-config-1.1.1.tgz",
1218 |       "integrity": "sha1-VX7yLXPaPIg3EHdmxS6tq94pj+Q=",
1219 |       "requires": {
1220 |         "debug-log": "^1.0.0",
1221 |         "find-root": "^1.0.0",
1222 |         "xtend": "^4.0.1"
1223 |       }
1224 |     },
1225 |     "pkg-dir": {
1226 |       "version": "1.0.0",
1227 |       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-1.0.0.tgz",
1228 |       "integrity": "sha1-ektQio1bstYp1EcFb/TpyTFM89Q=",
1229 |       "requires": {
1230 |         "find-up": "^1.0.0"
1231 |       }
1232 |     },
1233 |     "pluralize": {
1234 |       "version": "7.0.0",
1235 |       "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-7.0.0.tgz",
1236 |       "integrity": "sha512-ARhBOdzS3e41FbkW/XWrTEtukqqLoK5+Z/4UeDaLuSW+39JPeFgs4gCGqsrJHVZX0fUrx//4OF0K1CUGwlIFow=="
1237 |     },
1238 |     "prelude-ls": {
1239 |       "version": "1.1.2",
1240 |       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
1241 |       "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ="
1242 |     },
1243 |     "progress": {
1244 |       "version": "2.0.3",
1245 |       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
1246 |       "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
1247 |     },
1248 |     "prop-types": {
1249 |       "version": "15.6.2",
1250 |       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz",
1251 |       "integrity": "sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==",
1252 |       "requires": {
1253 |         "loose-envify": "^1.3.1",
1254 |         "object-assign": "^4.1.1"
1255 |       }
1256 |     },
1257 |     "punycode": {
1258 |       "version": "2.1.1",
1259 |       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
1260 |       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
1261 |     },
1262 |     "read-pkg": {
1263 |       "version": "2.0.0",
1264 |       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
1265 |       "integrity": "sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=",
1266 |       "requires": {
1267 |         "load-json-file": "^2.0.0",
1268 |         "normalize-package-data": "^2.3.2",
1269 |         "path-type": "^2.0.0"
1270 |       }
1271 |     },
1272 |     "read-pkg-up": {
1273 |       "version": "2.0.0",
1274 |       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz",
1275 |       "integrity": "sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=",
1276 |       "requires": {
1277 |         "find-up": "^2.0.0",
1278 |         "read-pkg": "^2.0.0"
1279 |       },
1280 |       "dependencies": {
1281 |         "find-up": {
1282 |           "version": "2.1.0",
1283 |           "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
1284 |           "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
1285 |           "requires": {
1286 |             "locate-path": "^2.0.0"
1287 |           }
1288 |         }
1289 |       }
1290 |     },
1291 |     "regexpp": {
1292 |       "version": "2.0.1",
1293 |       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
1294 |       "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw=="
1295 |     },
1296 |     "require-uncached": {
1297 |       "version": "1.0.3",
1298 |       "resolved": "http://registry.npmjs.org/require-uncached/-/require-uncached-1.0.3.tgz",
1299 |       "integrity": "sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=",
1300 |       "requires": {
1301 |         "caller-path": "^0.1.0",
1302 |         "resolve-from": "^1.0.0"
1303 |       }
1304 |     },
1305 |     "resolve": {
1306 |       "version": "1.9.0",
1307 |       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.9.0.tgz",
1308 |       "integrity": "sha512-TZNye00tI67lwYvzxCxHGjwTNlUV70io54/Ed4j6PscB8xVfuBJpRenI/o6dVk0cY0PYTY27AgCoGGxRnYuItQ==",
1309 |       "requires": {
1310 |         "path-parse": "^1.0.6"
1311 |       }
1312 |     },
1313 |     "resolve-from": {
1314 |       "version": "1.0.1",
1315 |       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-1.0.1.tgz",
1316 |       "integrity": "sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY="
1317 |     },
1318 |     "restore-cursor": {
1319 |       "version": "2.0.0",
1320 |       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
1321 |       "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
1322 |       "requires": {
1323 |         "onetime": "^2.0.0",
1324 |         "signal-exit": "^3.0.2"
1325 |       }
1326 |     },
1327 |     "rimraf": {
1328 |       "version": "2.6.2",
1329 |       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz",
1330 |       "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==",
1331 |       "requires": {
1332 |         "glob": "^7.0.5"
1333 |       }
1334 |     },
1335 |     "run-async": {
1336 |       "version": "2.3.0",
1337 |       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
1338 |       "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=",
1339 |       "requires": {
1340 |         "is-promise": "^2.1.0"
1341 |       }
1342 |     },
1343 |     "run-parallel": {
1344 |       "version": "1.1.9",
1345 |       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.9.tgz",
1346 |       "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q=="
1347 |     },
1348 |     "rxjs": {
1349 |       "version": "5.5.12",
1350 |       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
1351 |       "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
1352 |       "requires": {
1353 |         "symbol-observable": "1.0.1"
1354 |       }
1355 |     },
1356 |     "safe-buffer": {
1357 |       "version": "5.1.1",
1358 |       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
1359 |       "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg=="
1360 |     },
1361 |     "safer-buffer": {
1362 |       "version": "2.1.2",
1363 |       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
1364 |       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
1365 |     },
1366 |     "semver": {
1367 |       "version": "5.6.0",
1368 |       "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz",
1369 |       "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg=="
1370 |     },
1371 |     "shebang-command": {
1372 |       "version": "1.2.0",
1373 |       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
1374 |       "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
1375 |       "requires": {
1376 |         "shebang-regex": "^1.0.0"
1377 |       }
1378 |     },
1379 |     "shebang-regex": {
1380 |       "version": "1.0.0",
1381 |       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
1382 |       "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM="
1383 |     },
1384 |     "signal-exit": {
1385 |       "version": "3.0.2",
1386 |       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
1387 |       "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0="
1388 |     },
1389 |     "slice-ansi": {
1390 |       "version": "1.0.0",
1391 |       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-1.0.0.tgz",
1392 |       "integrity": "sha512-POqxBK6Lb3q6s047D/XsDVNPnF9Dl8JSaqe9h9lURl0OdNqy/ujDrOiIHtsqXMGbWWTIomRzAMaTyawAU//Reg==",
1393 |       "requires": {
1394 |         "is-fullwidth-code-point": "^2.0.0"
1395 |       }
1396 |     },
1397 |     "spdx-correct": {
1398 |       "version": "3.1.0",
1399 |       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
1400 |       "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
1401 |       "requires": {
1402 |         "spdx-expression-parse": "^3.0.0",
1403 |         "spdx-license-ids": "^3.0.0"
1404 |       }
1405 |     },
1406 |     "spdx-exceptions": {
1407 |       "version": "2.2.0",
1408 |       "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
1409 |       "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA=="
1410 |     },
1411 |     "spdx-expression-parse": {
1412 |       "version": "3.0.0",
1413 |       "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
1414 |       "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
1415 |       "requires": {
1416 |         "spdx-exceptions": "^2.1.0",
1417 |         "spdx-license-ids": "^3.0.0"
1418 |       }
1419 |     },
1420 |     "spdx-license-ids": {
1421 |       "version": "3.0.2",
1422 |       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.2.tgz",
1423 |       "integrity": "sha512-qky9CVt0lVIECkEsYbNILVnPvycuEBkXoMFLRWsREkomQLevYhtRKC+R91a5TOAQ3bCMjikRwhyaRqj1VYatYg=="
1424 |     },
1425 |     "sprintf-js": {
1426 |       "version": "1.0.3",
1427 |       "resolved": "http://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
1428 |       "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
1429 |     },
1430 |     "standard": {
1431 |       "version": "12.0.1",
1432 |       "resolved": "https://registry.npmjs.org/standard/-/standard-12.0.1.tgz",
1433 |       "integrity": "sha512-UqdHjh87OG2gUrNCSM4QRLF5n9h3TFPwrCNyVlkqu31Hej0L/rc8hzKqVvkb2W3x0WMq7PzZdkLfEcBhVOR6lg==",
1434 |       "requires": {
1435 |         "eslint": "~5.4.0",
1436 |         "eslint-config-standard": "12.0.0",
1437 |         "eslint-config-standard-jsx": "6.0.2",
1438 |         "eslint-plugin-import": "~2.14.0",
1439 |         "eslint-plugin-node": "~7.0.1",
1440 |         "eslint-plugin-promise": "~4.0.0",
1441 |         "eslint-plugin-react": "~7.11.1",
1442 |         "eslint-plugin-standard": "~4.0.0",
1443 |         "standard-engine": "~9.0.0"
1444 |       }
1445 |     },
1446 |     "standard-engine": {
1447 |       "version": "9.0.0",
1448 |       "resolved": "https://registry.npmjs.org/standard-engine/-/standard-engine-9.0.0.tgz",
1449 |       "integrity": "sha512-ZfNfCWZ2Xq67VNvKMPiVMKHnMdvxYzvZkf1AH8/cw2NLDBm5LRsxMqvEJpsjLI/dUosZ3Z1d6JlHDp5rAvvk2w==",
1450 |       "requires": {
1451 |         "deglob": "^2.1.0",
1452 |         "get-stdin": "^6.0.0",
1453 |         "minimist": "^1.1.0",
1454 |         "pkg-conf": "^2.0.0"
1455 |       }
1456 |     },
1457 |     "string-width": {
1458 |       "version": "2.1.1",
1459 |       "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
1460 |       "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
1461 |       "requires": {
1462 |         "is-fullwidth-code-point": "^2.0.0",
1463 |         "strip-ansi": "^4.0.0"
1464 |       }
1465 |     },
1466 |     "strip-ansi": {
1467 |       "version": "4.0.0",
1468 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
1469 |       "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
1470 |       "requires": {
1471 |         "ansi-regex": "^3.0.0"
1472 |       },
1473 |       "dependencies": {
1474 |         "ansi-regex": {
1475 |           "version": "3.0.0",
1476 |           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
1477 |           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
1478 |         }
1479 |       }
1480 |     },
1481 |     "strip-bom": {
1482 |       "version": "3.0.0",
1483 |       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
1484 |       "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM="
1485 |     },
1486 |     "strip-json-comments": {
1487 |       "version": "2.0.1",
1488 |       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
1489 |       "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo="
1490 |     },
1491 |     "supports-color": {
1492 |       "version": "2.0.0",
1493 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
1494 |       "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
1495 |     },
1496 |     "symbol-observable": {
1497 |       "version": "1.0.1",
1498 |       "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
1499 |       "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ="
1500 |     },
1501 |     "table": {
1502 |       "version": "4.0.3",
1503 |       "resolved": "http://registry.npmjs.org/table/-/table-4.0.3.tgz",
1504 |       "integrity": "sha512-S7rnFITmBH1EnyKcvxBh1LjYeQMmnZtCXSEbHcH6S0NoKit24ZuFO/T1vDcLdYsLQkM188PVVhQmzKIuThNkKg==",
1505 |       "requires": {
1506 |         "ajv": "^6.0.1",
1507 |         "ajv-keywords": "^3.0.0",
1508 |         "chalk": "^2.1.0",
1509 |         "lodash": "^4.17.4",
1510 |         "slice-ansi": "1.0.0",
1511 |         "string-width": "^2.1.1"
1512 |       }
1513 |     },
1514 |     "text-table": {
1515 |       "version": "0.2.0",
1516 |       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
1517 |       "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ="
1518 |     },
1519 |     "through": {
1520 |       "version": "2.3.8",
1521 |       "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz",
1522 |       "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU="
1523 |     },
1524 |     "tmp": {
1525 |       "version": "0.0.33",
1526 |       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
1527 |       "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
1528 |       "requires": {
1529 |         "os-tmpdir": "~1.0.2"
1530 |       }
1531 |     },
1532 |     "type-check": {
1533 |       "version": "0.3.2",
1534 |       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
1535 |       "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
1536 |       "requires": {
1537 |         "prelude-ls": "~1.1.2"
1538 |       }
1539 |     },
1540 |     "uniq": {
1541 |       "version": "1.0.1",
1542 |       "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
1543 |       "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8="
1544 |     },
1545 |     "uri-js": {
1546 |       "version": "4.2.2",
1547 |       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
1548 |       "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
1549 |       "requires": {
1550 |         "punycode": "^2.1.0"
1551 |       }
1552 |     },
1553 |     "util-deprecate": {
1554 |       "version": "1.0.2",
1555 |       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
1556 |       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
1557 |     },
1558 |     "validate-npm-package-license": {
1559 |       "version": "3.0.4",
1560 |       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
1561 |       "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
1562 |       "requires": {
1563 |         "spdx-correct": "^3.0.0",
1564 |         "spdx-expression-parse": "^3.0.0"
1565 |       }
1566 |     },
1567 |     "which": {
1568 |       "version": "1.3.1",
1569 |       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
1570 |       "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
1571 |       "requires": {
1572 |         "isexe": "^2.0.0"
1573 |       }
1574 |     },
1575 |     "wordwrap": {
1576 |       "version": "1.0.0",
1577 |       "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
1578 |       "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus="
1579 |     },
1580 |     "wrappy": {
1581 |       "version": "1.0.2",
1582 |       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
1583 |       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
1584 |     },
1585 |     "write": {
1586 |       "version": "0.2.1",
1587 |       "resolved": "https://registry.npmjs.org/write/-/write-0.2.1.tgz",
1588 |       "integrity": "sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=",
1589 |       "requires": {
1590 |         "mkdirp": "^0.5.1"
1591 |       }
1592 |     },
1593 |     "xtend": {
1594 |       "version": "4.0.1",
1595 |       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
1596 |       "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68="
1597 |     }
1598 |   }
1599 | }
1600 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "hyperviews",
 3 |   "version": "0.0.12",
 4 |   "description": "View template language based targeting hyperscript",
 5 |   "main": "index.js",
 6 |   "bin": {
 7 |     "hyperviews": "./bin/cmd.js"
 8 |   },
 9 |   "scripts": {
10 |     "test": "standard && node test",
11 |     "lint": "standard --plugin html '**/*.html' '**/*.js'",
12 |     "build": "bin/build",
13 |     "build:playground": "bin/build-playground"
14 |   },
15 |   "repository": {
16 |     "type": "git",
17 |     "url": "git+https://github.com/davidjamesstone/hyperviews.git"
18 |   },
19 |   "keywords": [
20 |     "hyperapp",
21 |     "hyperscript",
22 |     "superviews.js",
23 |     "template",
24 |     "DSL",
25 |     "picodom"
26 |   ],
27 |   "author": "davidjamesstone",
28 |   "license": "ISC",
29 |   "bugs": {
30 |     "url": "https://github.com/davidjamesstone/hyperviews/issues"
31 |   },
32 |   "homepage": "https://github.com/davidjamesstone/hyperviews#readme",
33 |   "dependencies": {
34 |     "htmlparser2": "^3.10.0",
35 |     "minimist": "^1.2.0",
36 |     "standard": "^12.0.1"
37 |   },
38 |   "devDependencies": {
39 |     "eslint-plugin-html": "^5.0.0"
40 |   },
41 |   "standard": {
42 |     "plugins": [
43 |       "html"
44 |     ],
45 |     "ignore": [
46 |       "examples/hyperapp/**/*.js"
47 |     ]
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/test/basics.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <div></div>
 6 | `),
 7 | `h('div')
 8 | `)
 9 | 
10 | assert.strictEqual(hv(`
11 | <div></div>
12 | <div></div>
13 | `),
14 | `h('div')
15 | h('div')
16 | `)
17 | 
18 | assert.strictEqual(hv(`
19 | <div id="foo"></div>
20 | `),
21 | `h('div', { 'id': 'foo' })
22 | `)
23 | 
24 | assert.strictEqual(hv(`
25 | <div id='foo'>{state.name}</div>
26 | `),
27 | `h('div', { 'id': 'foo' }, (state.name))
28 | `)
29 | 
30 | assert.strictEqual(hv(`
31 | <div class={state.foo} width={state.width}>{state.name}</div>
32 | `),
33 | `h('div', { 'class': (state.foo), 'width': (state.width) }, (state.name))
34 | `)
35 | 
36 | assert.strictEqual(hv(`
37 | <div id='id'>{state.firstName + ' ' + state.lastName}</div>
38 | `),
39 | `h('div', { 'id': 'id' }, (state.firstName + ' ' + state.lastName))
40 | `)
41 | 
42 | assert.strictEqual(hv(`
43 | <div>
44 |   <span>text</span>
45 | </div>
46 | `),
47 | `h('div', null, h('span', null, 'text'))
48 | `)
49 | 
50 | assert.strictEqual(hv(`
51 | <div>
52 |   <b>x</b>
53 |   <a>y</a>
54 | </div>
55 | `),
56 | `h('div', null, [
57 |   h('b', null, 'x'),
58 |   h('a', null, 'y')
59 | ])
60 | `)
61 | 
62 | assert.strictEqual(hv(`
63 | <p style="{ color: '#ddd', fontSize: '12px' }"></p>
64 | `),
65 | `h('p', { 'style': { color: '#ddd', fontSize: '12px' } })
66 | `)
67 | 
68 | assert.strictEqual(hv(`
69 | <p style="{ color: state.color, fontSize: '12px' }"></p>
70 | `),
71 | `h('p', { 'style': { color: state.color, fontSize: '12px' } })
72 | `)
73 | 


--------------------------------------------------------------------------------
/test/cli.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <div></div>
 6 | `, 'esm'),
 7 | `export default function view (props, state) {
 8 |   return h('div')
 9 | }
10 | `)
11 | 
12 | assert.strictEqual(hv(`
13 | <div></div>
14 | `, 'cjs'),
15 | `module.exports = function view (props, state) {
16 |   return h('div')
17 | }
18 | `)
19 | 
20 | assert.strictEqual(hv(`
21 | <div></div>
22 | `, 'browser'),
23 | `window.view = function view (props, state) {
24 |   return h('div')
25 | }
26 | `)
27 | 
28 | assert.strictEqual(hv(`
29 | <div></div>
30 | `, 'customVar'),
31 | `var customVar = function view (props, state) {
32 |   return h('div')
33 | }
34 | `)
35 | 
36 | assert.strictEqual(hv(`
37 | <div></div>
38 | `, 'raw'),
39 | `h('div')
40 | `)
41 | 
42 | assert.strictEqual(hv(`
43 | <div></div>
44 | `, 'cjs', 'customFnName', 'c u s t o m'),
45 | `module.exports = function customFnName (c, u, s, t, o, m) {
46 |   return h('div')
47 | }
48 | `)
49 | 


--------------------------------------------------------------------------------
/test/components.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <div>
 6 |   <CustomComponent />
 7 | </div>
 8 | `, 'cjs'),
 9 | `module.exports = function view (props, state) {
10 |   return h('div', null, h(CustomComponent))
11 | }
12 | `)
13 | 
14 | assert.strictEqual(hv(`
15 | <script>
16 |   import { h, Component } from 'preact'
17 |   import MyComponent from './component.js'
18 | 
19 |   export default class MyCounter extends Component {
20 |     constructor () {
21 |       super()
22 |     }
23 | 
24 |     componentDidMount () {
25 | 
26 |     }
27 |   }
28 | </script>
29 | 
30 | <function>
31 |   <div>
32 |     <h1>{state.count}</h1>
33 |     <button onclick=this.onClickDown disabled="{state.count <= 0}">-</button>
34 |     <button onclick=this.onClickUp>+</button>
35 |     <MyComponent />
36 |   </div>
37 | </function>
38 | 
39 | <script>
40 |   console.log('End')
41 | </script>`),
42 | `import { h, Component } from 'preact'
43 | import MyComponent from './component.js'
44 | 
45 | export default class MyCounter extends Component {
46 |   constructor () {
47 |     super()
48 |   }
49 | 
50 |   componentDidMount () {
51 | 
52 |   }
53 | }
54 | 
55 | function view (props, state) {
56 |   return h('div', null, [
57 |     h('h1', null, (state.count)),
58 |     h('button', { 'onclick': this.onClickDown, 'disabled': (state.count <= 0) }, '-'),
59 |     h('button', { 'onclick': this.onClickUp }, '+'),
60 |     h(MyComponent)
61 |   ])
62 | }
63 | 
64 | console.log('End')
65 | `)
66 | 


--------------------------------------------------------------------------------
/test/conditionals.js:
--------------------------------------------------------------------------------
  1 | const assert = require('assert')
  2 | const hv = require('..')
  3 | 
  4 | assert.strictEqual(hv(`
  5 | <div>
  6 |   <if condition="state.bar === 1">
  7 |     <span>Show Me!</span>
  8 |   </if>
  9 | </div>
 10 | `),
 11 | `h('div', null, (function () {
 12 |   if (state.bar === 1) {
 13 |     return h('span', null, 'Show Me!')
 14 |   }
 15 | }.call(this)))
 16 | `)
 17 | 
 18 | assert.strictEqual(hv(`
 19 | <div>
 20 |   <span if="state.bar === 1">Show Me!</span>
 21 | </div>
 22 | `),
 23 | `h('div', null, state.bar === 1 ? h('span', null, 'Show Me!') : undefined)
 24 | `)
 25 | 
 26 | assert.strictEqual(hv(`
 27 | <div>
 28 |   <if condition="state.bar % 2">
 29 |     <span>odd</span>
 30 |   <else>
 31 |     <span>even</span>
 32 |   </if>
 33 | </div>
 34 | `),
 35 | `h('div', null, (function () {
 36 |   if (state.bar % 2) {
 37 |     return h('span', null, 'odd')
 38 |   } else {
 39 |     return h('span', null, 'even')
 40 |   }
 41 | }.call(this)))
 42 | `)
 43 | 
 44 | assert.strictEqual(hv(`
 45 | <div>
 46 |   <if condition="state.bar === 1">
 47 |     <span>1</span>
 48 |   <elseif condition="state.bar === 2">
 49 |     <span>2</span>
 50 |   </if>
 51 | </div>
 52 | `),
 53 | `h('div', null, (function () {
 54 |   if (state.bar === 1) {
 55 |     return h('span', null, '1')
 56 |   } else if (state.bar === 2) {
 57 |     return h('span', null, '2')
 58 |   }
 59 | }.call(this)))
 60 | `)
 61 | 
 62 | assert.strictEqual(hv(`
 63 | <div>
 64 |   <if condition="state.bar === 1">
 65 |     <span>1</span>
 66 |   <elseif condition="state.bar === 2">
 67 |     <span>2</span>
 68 |   <else>
 69 |     <span>bar is neither 1 or 2, it's {state.bar}!</span>
 70 |   </if>
 71 | </div>
 72 | `),
 73 | `h('div', null, (function () {
 74 |   if (state.bar === 1) {
 75 |     return h('span', null, '1')
 76 |   } else if (state.bar === 2) {
 77 |     return h('span', null, '2')
 78 |   } else {
 79 |     return h('span', null, "bar is neither 1 or 2, it's " + (state.bar) + '!')
 80 |   }
 81 | }.call(this)))
 82 | `)
 83 | 
 84 | assert.strictEqual(hv(`
 85 | <section>
 86 |   <if condition="state.foo === 1">
 87 |     <span>foo1</span>
 88 |     <if condition="state.bar === 1">
 89 |       <span>bar1</span>
 90 |     <else>
 91 |       <span>bar2</span>
 92 |     </if>
 93 |   <elseif condition="state.foo === 2">
 94 |     <span>foo2</span>
 95 |   <elseif condition="state.foo === 3">
 96 |     <span>foo3</span>
 97 |   <else>
 98 |     Default
 99 |   </if>
100 | </section>
101 | `),
102 | `h('section', null, (function () {
103 |   if (state.foo === 1) {
104 |     return [
105 |       h('span', null, 'foo1'),
106 |       (function () {
107 |         if (state.bar === 1) {
108 |           return h('span', null, 'bar1')
109 |         } else {
110 |           return h('span', null, 'bar2')
111 |         }
112 |       }.call(this))
113 |     ]
114 |   } else if (state.foo === 2) {
115 |     return h('span', null, 'foo2')
116 |   } else if (state.foo === 3) {
117 |     return h('span', null, 'foo3')
118 |   } else {
119 |     return 'Default'
120 |   }
121 | }.call(this)))
122 | `)
123 | 


--------------------------------------------------------------------------------
/test/events.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <a href="http://example.com" onclick=this.onClick>{state.foo}</a>
 6 | `),
 7 | `h('a', { 'href': 'http://example.com', 'onclick': this.onClick }, (state.foo))
 8 | `)
 9 | 
10 | assert.strictEqual(hv(`
11 | <a href="http://example.com" onclick='e => e.preventDefault()'>{state.foo}</a>
12 | `),
13 | `h('a', { 'href': 'http://example.com', 'onclick': e => e.preventDefault() }, (state.foo))
14 | `)
15 | 
16 | assert.strictEqual(hv(`
17 | <a href="http://example.com" onclick="'alert()'">{state.foo}</a>
18 | `),
19 | `h('a', { 'href': 'http://example.com', 'onclick': 'alert()' }, (state.foo))
20 | `)
21 | 


--------------------------------------------------------------------------------
/test/function.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <function name="a" args="b c d">
 6 |   <span>A</span>
 7 | </function>
 8 | `, 'cjs'),
 9 | `module.exports = function a (b, c, d) {
10 |   return h('span', null, 'A')
11 | }
12 | `)
13 | 


--------------------------------------------------------------------------------
/test/index.js:
--------------------------------------------------------------------------------
 1 | require('./basics')
 2 | require('./events')
 3 | require('./conditionals')
 4 | require('./interpolation')
 5 | require('./iteration')
 6 | require('./cli')
 7 | require('./function')
 8 | require('./literal')
 9 | require('./components')
10 | console.log('All tests passed')
11 | 


--------------------------------------------------------------------------------
/test/interpolation.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <div>{state.foo}</div>
 6 | `),
 7 | `h('div', null, (state.foo))
 8 | `)
 9 | 
10 | assert.strictEqual(hv(`
11 | <div>
12 |   {state.bar}
13 | </div>
14 | `),
15 | `h('div', null, (state.bar))
16 | `)
17 | 
18 | assert.strictEqual(hv(`
19 | <div>
20 |   <span>The value of bar is {state.bar}!</span>
21 | </div>
22 | `),
23 | `h('div', null, h('span', null, 'The value of bar is ' + (state.bar) + '!'))
24 | `)
25 | 
26 | assert.strictEqual(hv(`
27 | <div>
28 |   <span>{state.a}{state.c}</span>
29 | </div>
30 | `),
31 | `h('div', null, h('span', null, (state.a) + (state.c)))
32 | `)
33 | 
34 | assert.strictEqual(hv(`
35 | <div>
36 |   <span>{state.a} {state.b} {state.c}</span>
37 | </div>
38 | `),
39 | `h('div', null, h('span', null, (state.a) + ' ' + (state.b) + ' ' + (state.c)))
40 | `)
41 | 
42 | assert.strictEqual(hv(`
43 | <div>
44 |   <span>a is {state.a}, b is {state.b} and c is {state.c}</span>
45 | </div>
46 | `),
47 | `h('div', null, h('span', null, 'a is ' + (state.a) + ', b is ' + (state.b) + ' and c is ' + (state.c)))
48 | `)
49 | 
50 | assert.strictEqual(hv(`
51 | <div id='id'>{state.firstName} {state.lastName}</div>
52 | `),
53 | `h('div', { 'id': 'id' }, (state.firstName) + ' ' + (state.lastName))
54 | `)
55 | 
56 | assert.strictEqual(hv(`
57 | <div>
58 |   My name is Elizabeth II.
59 |   I am your Queen.
60 | </div>
61 | `),
62 | `h('div', null, 'My name is Elizabeth II.\\
63 |   I am your Queen.')
64 | `)
65 | 
66 | assert.strictEqual(hv(`
67 | <div>
68 |   <a href="http://www.google.co.uk?q={state.query}"></a>
69 |   My name is {state.name} my age is {state.age} and I live at {state.address}
70 | </div>
71 | `),
72 | `h('div', null, [
73 |   h('a', { 'href': 'http://www.google.co.uk?q=' + (state.query) }),
74 |   'My name is ' + (state.name) + ' my age is ' + (state.age) + ' and I live at ' + (state.address)
75 | ])
76 | `)
77 | 
78 | assert.strictEqual(hv(`
79 | <div>
80 |   My name is {state.name} my age is {state.age}.
81 |   I live at {state.address}
82 | </div>
83 | `),
84 | `h('div', null, 'My name is ' + (state.name) + ' my age is ' + (state.age) + '.\\
85 |   I live at ' + (state.address))
86 | `)
87 | 


--------------------------------------------------------------------------------
/test/iteration.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <ul>
 6 |   <li each="item in state.items">
 7 |     <span>{item}</span>
 8 |     <span>OK</span>
 9 |   </li>
10 | </ul>
11 | `),
12 | `h('ul', null, (state.items || []).map(function ($value, $index, $target) {
13 |   var item = $value
14 |   return h('li', null, [
15 |     h('span', null, (item)),
16 |     h('span', null, 'OK')
17 |   ])
18 | }, this))
19 | `)
20 | 
21 | assert.strictEqual(hv(`
22 | <ul>
23 |   <li each="item in state.items" key={item}>
24 |     <span>{item}</span>
25 |     <span>OK</span>
26 |   </li>
27 | </ul>
28 | `),
29 | `h('ul', null, (state.items || []).map(function ($value, $index, $target) {
30 |   var item = $value
31 |   return h('li', { 'key': (item) }, [
32 |     h('span', null, (item)),
33 |     h('span', null, 'OK')
34 |   ])
35 | }, this))
36 | `)
37 | 
38 | assert.strictEqual(hv(`
39 | <ul>
40 |   <li each="item in state.items.filter(i => i.isPublished)">
41 |     <span>{item}</span>
42 |     <span>OK</span>
43 |   </li>
44 | </ul>
45 | `),
46 | `h('ul', null, (state.items.filter(i => i.isPublished) || []).map(function ($value, $index, $target) {
47 |   var item = $value
48 |   return h('li', null, [
49 |     h('span', null, (item)),
50 |     h('span', null, 'OK')
51 |   ])
52 | }, this))
53 | `)
54 | 


--------------------------------------------------------------------------------
/test/literal.js:
--------------------------------------------------------------------------------
 1 | const assert = require('assert')
 2 | const hv = require('..')
 3 | 
 4 | assert.strictEqual(hv(`
 5 | <script>var s
 6 | </script>
 7 | `),
 8 | `var s
 9 | `)
10 | 
11 | assert.strictEqual(hv(`
12 | <ul>
13 |   <li each="item in state.items" key={item}>
14 |     <script>view(props, state)</script>
15 |   </li>
16 | </ul>
17 | `),
18 | `h('ul', null, (state.items || []).map(function ($value, $index, $target) {
19 |   var item = $value
20 |   return h('li', { 'key': (item) }, view(props, state))
21 | }, this))
22 | `)
23 | 
24 | assert.strictEqual(hv(`
25 | <ul>
26 |   <script each="item in state.items" key={item}>
27 |     view(item, actions)
28 |   </script>
29 | </ul>
30 | `),
31 | `h('ul', null, (state.items || []).map(function ($value, $index, $target) {
32 |   var item = $value
33 |   return view(item, actions)
34 | }, this))
35 | `)
36 | 
37 | assert.strictEqual(hv(`
38 | <script>
39 | const a = 'foo'
40 | </script>
41 | <ul>
42 |   <li></li>
43 | </ul>
44 | `),
45 | `const a = 'foo'
46 | h('ul', null, h('li'))
47 | `)
48 | 


--------------------------------------------------------------------------------