├── .eslintrc.json
├── .gitignore
├── .npmignore
├── LICENCE
├── README.md
├── examples
    ├── diff.html
    ├── directives.html
    ├── simple-timer.html
    ├── stateMachineComponent
    │   ├── GithubRepos.js
    │   ├── README.md
    │   ├── github-repos.html
    │   └── stateMachineComponent.js
    └── withStateComppnent
    │   ├── Bezier.js
    │   ├── ControlPoint.js
    │   ├── README.md
    │   ├── html.js
    │   ├── index.html
    │   ├── index.js
    │   ├── style.css
    │   └── withStateComponent.js
├── jsx-runtime.js
├── package-lock.json
├── package.json
├── src
    ├── dom.js
    ├── h.js
    ├── index.js
    └── vdom.js
└── test
    ├── directives.test.js
    ├── index.js
    ├── mount.test.js
    ├── patch.test.js
    ├── range.test.js
    └── select.test.js


/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "eslint:recommended",
 3 |   "env": {
 4 |     "browser": true,
 5 |     "node": true,
 6 |     "es6": true
 7 |   },
 8 |   "parserOptions": {
 9 |     "ecmaVersion": 2020,
10 |     "sourceType": "module",
11 |     "ecmaFeatures": {
12 |       "jsx": true
13 |     }
14 |   },
15 |   "rules": {
16 |     "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | 
 5 | # Runtime data
 6 | pids
 7 | *.pid
 8 | *.seed
 9 | 
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 | 
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 | 
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 | 
19 | # node-waf configuration
20 | .lock-wscript
21 | 
22 | # Compiled binary addons (http://nodejs.org/api/addons.html)
23 | build/Release
24 | 
25 | # Dependency directory
26 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
27 | node_modules
28 | 
29 | # compiled js files
30 | lib
31 | es
32 | dist
33 | 
34 | # compiled umd js files
35 | # dist (keep this for vanilla examples)
36 | 
37 | # docs generated files
38 | _book
39 | 
40 | # parcel cache files
41 | .cache
42 | 
43 | #VS code 
44 | .vscode


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | # dev-oly folders
 2 | .babelrc*
 3 | .eslintrc*
 4 | .bookignore
 5 | .vscode
 6 | book.json
 7 | test
 8 | examples
 9 | 
10 | # doc folders
11 | test
12 | docs
13 | examples
14 | _book


--------------------------------------------------------------------------------
/LICENCE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Yassine Elouafi
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # petit-dom
  2 | 
  3 | A minimalist virtual DOM library.
  4 | 
  5 | - Supports HTML & SVG elements.
  6 | - Supports Render functions and Fragments.
  7 | - Custom components allows to build your own abstraction around DOM elements.
  8 | - Directives allows you to attach custom behavior to DOM elements.
  9 | 
 10 | ## Installation
 11 | 
 12 | The library is provided as a set of ES modules. You can install using `npm` or `yarn` and then import
 13 | from `petit-dom` (see example below).
 14 | 
 15 | ```sh
 16 | $ npm install --save petit-dom
 17 | ```
 18 | 
 19 | or
 20 | 
 21 | ```sh
 22 | $ yarn add petit-dom
 23 | ```
 24 | 
 25 | > Note however no transpiled build is provided. The library will work with all recent versions of `Node` and major browsers. If you're targeting older platforms, make sure to transpile to the desired ES version.
 26 | 
 27 | To run the examples, you can run a local web server (like npm `http-server` module) from the root folder of the project. Since all example use ES6 modules, you can simply navigate to the example you want and load the desired HTML file.
 28 | 
 29 | ## Usage
 30 | 
 31 | If you're using Babel you can use JSX syntax by configuring the jsx runtime
 32 | 
 33 | ```json
 34 | {
 35 |   "presets": [
 36 |     [
 37 |       "@babel/preset-react",
 38 |       { "runtime": "automatic", "importSource": "petit-dom" }
 39 |     ]
 40 |   ]
 41 | }
 42 | ```
 43 | 
 44 | ```js
 45 | import { render } from "petit-dom";
 46 | 
 47 | //  assuming your HTML contains a node with "root" id
 48 | const parentNode = document.getElementById("root");
 49 | 
 50 | // mount
 51 | render(<h1>Hello world!</h1>, parentNode);
 52 | 
 53 | // patch
 54 | render(<h1>Hello again</h1>, parentNode);
 55 | ```
 56 | 
 57 | Alternatively you can use the classic Babel transform via `/* @jsx h */` on the top. You can also use the raw `h` function calls if you want, see examples folder for usage.
 58 | 
 59 | petit-dom also supports render functions
 60 | 
 61 | ```js
 62 | import { render } from "petit-dom";
 63 | 
 64 | function Box(props) {
 65 |   return (
 66 |     <div>
 67 |       <h1>{props.title}</h1>
 68 |       <p>{props.children}</p>
 69 |     </div>
 70 |   );
 71 | }
 72 | 
 73 | render(<Box title="Fancy box">Put your content here</Box>, parentNode);
 74 | ```
 75 | 
 76 | render functions behave like React pure components. Patching with the same
 77 | arguments will not cause any re-rendering. You can also attach a `shouldUpdate`
 78 | function to the render function to customize the re-rendering behavior (By default
 79 | props are tested for shallow equality).
 80 | 
 81 | ## Custom components
 82 | 
 83 | Besides HTML/SVG tag names, fragments and render fucntions, the `h` function also accepts any object
 84 | with the following signature
 85 | 
 86 | ```js
 87 | {
 88 |   mount(self);
 89 |   patch(self);
 90 |   unmount(self);
 91 | }
 92 | ```
 93 | 
 94 | Each of the 3 functions will be called by the library at the moment suggested by its name.
 95 | 
 96 | The `self` argument which is an aboject holding the following properties:
 97 | 
 98 | - `render(...)`: To create/update DOM content for the component
 99 | - `props`: the current props passed to the JSX element (or `h` function)
100 | - `oldProps`: the previous props, it's value is `undefined` inside `mount`
101 | 
102 | You can also attach arbitrary properties to the object, they will persist between different
103 | invocations.
104 | 
105 | See examples folder for how to define some custom components.
106 | 
107 | ## Directives
108 | 
109 | You can also attach custom behaviors to DOM nodes. Directives allows you to obtain references
110 | to DOM nodes and manage their lifecycle.
111 | 
112 | A directive is an object with the current interface
113 | 
114 | ```js
115 | {
116 |   mount(domElement, value);
117 |   patch(domElement, newValue, oldValue);
118 |   unmount(element, lastValue);
119 | }
120 | ```
121 | 
122 | There's an example of a simple log directive in the examples folder.
123 | 
124 | ## API
125 | 
126 | ### `h(type, props, ...children)`
127 | 
128 | Creates a virtual node.
129 | 
130 | - `type`: a string (HTML or SVG tag name), or a custom component (see above)
131 | 
132 | - `props`: in the case of HTML/SVG tags, this corresponds to the attributes/properties
133 |   to be set in the real DOM node. In the case of components, `{ ...props, children }` is
134 |   passed to the appropriate component function (`mount` or `patch`).
135 | 
136 | ### `render(vnode, parentDom, options = {})`
137 | 
138 | renders a virtual node into the DOM. The function will initially create a DOM node
139 | as specified the virtual node `vnode` and append it to the children of`parentDOM`.
140 | Subsequent calls will update the previous DOM node (or replace it if it's a different tag).
141 | 
142 | Optionally, you can use `options` to pass custom directives, for example:
143 | 
144 | ```js
145 |   let log = { ... }, // defines a log directive
146 |   render(<Something />, parent, { directives: { log } });
147 | ```
148 | 


--------------------------------------------------------------------------------
/examples/diff.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <style>
  5 |       .container {
  6 |         max-width: 600px;
  7 |         margin: 2em auto;
  8 |       }
  9 | 
 10 |       .fill {
 11 |         box-sizing: border-box;
 12 |         display: inline-block;
 13 |         width: 100%;
 14 |       }
 15 | 
 16 |       .box {
 17 |         position: relative;
 18 |         border: 1px solid gray;
 19 |         margin: 2px;
 20 |         padding: 5px;
 21 |       }
 22 | 
 23 |       .badge {
 24 |         font-size: xx-small;
 25 |         position: absolute;
 26 |         bottom: 0;
 27 |         right: 0;
 28 |       }
 29 | 
 30 |       .mounted {
 31 |         background-color: #c6ec9a;
 32 |       }
 33 | 
 34 |       .patched {
 35 |         background-color: #ffffff;
 36 |       }
 37 |     </style>
 38 |   </head>
 39 |   <body>
 40 |     <div id="root" class="container"></div>
 41 |     <script type="module">
 42 |       import { h, render, mount, patch, Fragment } from "../../src/index.js";
 43 | 
 44 |       const HighlightDiff = {
 45 |         mount({ render, props }) {
 46 |           render( h("span", { class: "box mounted" }, props.children) );
 47 |         },
 48 |         patch({ render, props }) {          
 49 |           render( h("span", { class: "box patched" }, props.children) );          
 50 |         }
 51 |       };
 52 | 
 53 |       function App({ input, list, prevList }) {
 54 |         const vnode = h(
 55 |           "div",
 56 |           null,
 57 |           h(
 58 |             "p",
 59 |             { class: "fill" },
 60 |             `Enter a comma separated sequence of letters or digits, the first array entry will be used
 61 |             as a key on the corresponding fragment. Press `,
 62 |             h("kbd", null, "ENTER"),
 63 |             ` to commit.`,
 64 |             h(
 65 |               "p",
 66 |               null,
 67 |               `Newly mounted elements appears in green. The complete key path is diaplayed next to the rendered item 
 68 |             to identify the parent fragment`
 69 |             )
 70 |           ),
 71 |           h("input", {
 72 |             class: "fill",
 73 |             value: input,
 74 |             placeholder: "e.g.  A,[2,C,B,D],[1,B, [1, C]]",
 75 |             oninput: (e) =>
 76 |               render(App({ list, prevList, input: e.target.value }), root),
 77 |             onkeydown: (e) => {
 78 |               if (e.which === 13)
 79 |                 render(
 80 |                   App({
 81 |                     list: JSON.parse(
 82 |                       `[${e.target.value.replace(/\w+/g, (x) => `"${x}"`)}]`
 83 |                     ),
 84 |                     prevList: list,
 85 |                     input,
 86 |                   }),
 87 |                   root
 88 |                 );
 89 |             },
 90 |           }),
 91 |           h(
 92 |             "p",
 93 |             null,
 94 |             " ",
 95 |             `${JSON.stringify(prevList).replace(/"/g, "")} ⇨ ${JSON.stringify(
 96 |               list
 97 |             ).replace(/"/g, "")}`
 98 |           ),
 99 |           h("hr"),
100 |           h("h3", null, "Diff"),
101 |           renderSeq(list),
102 |           h("h3", null, "State"),
103 |           h("pre", null, JSON.stringify({ input, list, prevList }, null, 2))
104 |         );
105 |         //console.log(vnode);
106 |         return vnode;
107 |       }
108 | 
109 |       function renderSeq(list, key = "") {
110 |         return list.map((it) => {
111 |           if (Array.isArray(it)) {
112 |             let [fragmentKey, ...items] = it;
113 |             return h(
114 |               Fragment,
115 |               { key: fragmentKey },
116 |               renderSeq(items, key + fragmentKey)
117 |             );
118 |           } else {
119 |             return h(
120 |               HighlightDiff,
121 |               { key: it },
122 |               it,
123 |               h("span", { class: "badge" }, `${key}`)
124 |             );
125 |           }
126 |         });
127 |       }
128 | 
129 |       const root = document.getElementById("root");
130 |       render(App({ input: "", list: [], prevList: [] }), root);
131 |     </script>
132 |   </body>
133 | </html>
134 | 


--------------------------------------------------------------------------------
/examples/directives.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <style>
 5 |       input,
 6 |       button {
 7 |         margin: 0.5em;
 8 |       }
 9 |     </style>
10 |   </head>
11 |   <body>
12 |     <div id="root"></div>
13 |     <script type="module">
14 |       import { h, render, Fragment } from "../../src/index.js";
15 | 
16 |       const log = {
17 |         mount(node, value) {
18 |           console.log("myDir.mount", node, value);
19 |         },
20 |         patch(node, newValue, oldValue) {
21 |           console.log("myDir.patch", node, oldValue, " to ", newValue);
22 |         },
23 |         unmount(node, value) {
24 |           console.log("myDir.unmount", node, value);
25 |         },
26 |       };
27 | 
28 |       function App(count, key) {
29 |         return h(
30 |           "div",
31 |           null,
32 |           h(
33 |             "p",
34 |             null,
35 |             "Example of a simple directive which simply logs lifecycle events into the console."
36 |           ),
37 |           h(
38 |             "p",
39 |             null,
40 |             `When you click 'Hard Reset button, a new counter is mounted. You should see 'unmount' and
41 |            'mount' events logged into the console.`
42 |           ),
43 |           h(
44 |             Fragment,
45 |             { key },
46 |             h("span", { log: `count ${count}` }, "count ", count),
47 |             h(
48 |               "button",
49 |               {
50 |                 onclick() {
51 |                   render(App(count + 1, key), root, options);
52 |                 },
53 |               },
54 |               "Increment"
55 |             )
56 |           ),
57 |           h(
58 |             "button",
59 |             {
60 |               onclick() {
61 |                 render(App(0, key + 1), root, options);
62 |               },
63 |             },
64 |             "Hard Reset"
65 |           )
66 |         );
67 |       }
68 | 
69 |       let options = { directives: { log } };
70 |       const root = document.getElementById("root");
71 |       render(App(0, 1), root, options);
72 |     </script>
73 |   </body>
74 | </html>
75 | 


--------------------------------------------------------------------------------
/examples/simple-timer.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <body>
 4 |     <div id="root"></div>
 5 |     <script type="module">
 6 |       import { h, render } from "../../src/index.js";
 7 | 
 8 |       function Timer({ time }) {
 9 |         return h("h1", null, `Current time ${time.toLocaleTimeString()}`);
10 |       }
11 | 
12 |       const root = document.getElementById("root");
13 |       render(h(Timer, { time: new Date() }), root);
14 | 
15 |       setInterval(() => {
16 |         render(h(Timer, { time: new Date() }), root);
17 |       }, 1000);
18 |     </script>
19 |   </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/examples/stateMachineComponent/GithubRepos.js:
--------------------------------------------------------------------------------
  1 | import { h } from "../../src/index.js";
  2 | import { createSMComponent } from "./stateMachineComponent.js";
  3 | import debounce from "https://unpkg.com/lodash-es@4.17.20/debounce.js";
  4 | 
  5 | /**
  6 |  *  type State =
  7 |  *      { tag: "IDLE" }
  8 |  *    | { tag: "REQUEST_PENDING", user: string }
  9 |  *    | { tag: "REQUEST_SUCCESS", user: string, repos: Array<Repo> }
 10 |  *    | { tag: "REQUEST_ERROR", user: string, error: string }
 11 |  *
 12 |  *  type Event =
 13 |  *      { tag: "USER_CHANGED", input: string }
 14 |  *    | { tag: "RESPONSE_SUCCESS", user: string, repos: Array<Repo> }
 15 |  *    | { tag: "RESPONSE_ERROR", user: string, error: string }
 16 |  */
 17 | 
 18 | const initState = { tag: "IDLE" };
 19 | 
 20 | const transitions = {
 21 |   IDLE: {
 22 |     USER_CHANGED(_, { user }) {
 23 |       return { tag: "REQUEST_PENDING", user };
 24 |     },
 25 |     RESPONSE_SUCCESS(state, _) {
 26 |       return state;
 27 |     },
 28 |     RESPONSE_ERROR(state, _) {
 29 |       return state;
 30 |     },
 31 |   },
 32 |   REQUEST_PENDING: {
 33 |     USER_CHANGED(_, { user }) {
 34 |       return { tag: "REQUEST_PENDING", user };
 35 |     },
 36 |     RESPONSE_SUCCESS(state, { user, repos }) {
 37 |       if (state.user === user) {
 38 |         return { tag: "REQUEST_SUCCESS", user, repos };
 39 |       } else {
 40 |         return state;
 41 |       }
 42 |     },
 43 |     RESPONSE_ERROR(state, { user, error }) {
 44 |       if (state.user === user) {
 45 |         return { tag: "REQUEST_ERROR", user, error };
 46 |       } else {
 47 |         return state;
 48 |       }
 49 |     },
 50 |   },
 51 |   REQUEST_SUCCESS: {
 52 |     USER_CHANGED(_, { user }) {
 53 |       return { tag: "REQUEST_PENDING", user };
 54 |     },
 55 |     RESPONSE_SUCCESS(state, _) {
 56 |       return state;
 57 |     },
 58 |     RESPONSE_ERROR(state, _) {
 59 |       return state;
 60 |     },
 61 |   },
 62 |   REQUEST_ERROR: {
 63 |     USER_CHANGED(_, { user }) {
 64 |       return { tag: "REQUEST_PENDING", user };
 65 |     },
 66 |     RESPONSE_SUCCESS(state, _) {
 67 |       return state;
 68 |     },
 69 |     RESPONSE_ERROR(state, _) {
 70 |       return state;
 71 |     },
 72 |   },
 73 | };
 74 | 
 75 | function update(_, state, event) {
 76 |   if (state === undefined) return initState;
 77 |   if (event.tag === "USER_CHANGED" && event.user === "") return { tag: "IDLE" };
 78 |   // console.log("new event", state, event);
 79 |   let tr = transitions[state.tag][event.tag];
 80 |   if (tr != null) {
 81 |     return tr(state, event);
 82 |   } else {
 83 |     return state;
 84 |   }
 85 | }
 86 | 
 87 | async function output(_, state, emit) {
 88 |   if (state.tag === "REQUEST_PENDING") {
 89 |     const response = await fetch(
 90 |       `https://api.github.com/users/${state.user}/repos`
 91 |     );
 92 |     const body = await response.json();
 93 |     if (response.ok) {
 94 |       emit({ tag: "RESPONSE_SUCCESS", user: state.user, repos: body });
 95 |     } else {
 96 |       emit({ tag: "RESPONSE_ERROR", user: state.user, error: body.message });
 97 |     }
 98 |   }
 99 | }
100 | 
101 | function view(_, state, emit) {
102 |   return h(
103 |     "div",
104 |     null,
105 |     h("h1", null, "Github Repos example"),
106 |     h(
107 |       "label",
108 |       { for: "input" },
109 |       "Username",
110 |       h("input", {
111 |         id: "input",
112 |         value: state.user ?? "",
113 |         placeholder: "Enter github username",
114 |         onInput: debounce((event) => {
115 |           let user = event.target.value.trim();
116 |           if (user !== state.user) {
117 |             emit({ tag: "USER_CHANGED", user });
118 |           }
119 |         }, 1000),
120 |       }),
121 |       h("hr"),
122 |       state.tag === "IDLE"
123 |         ? "No request yet"
124 |         : state.tag === "REQUEST_PENDING"
125 |         ? `Fetching repos for ${state.user}`
126 |         : state.tag === "REQUEST_SUCCESS"
127 |         ? state.repos.map((repo) => h(Repo, { repo }))
128 |         : `Error: ${state.error}`
129 |     )
130 |   );
131 | }
132 | 
133 | function Repo({ repo }) {
134 |   return h(
135 |     "div",
136 |     { class: "box" },
137 |     h("a", { href: repo.html_url }, h("h3", null, repo.name)),
138 |     h("p", null, repo.description)
139 |   );
140 | }
141 | 
142 | export const GithubRepos = createSMComponent({
143 |   view,
144 |   update,
145 |   output,
146 | });
147 | 


--------------------------------------------------------------------------------
/examples/stateMachineComponent/README.md:
--------------------------------------------------------------------------------
 1 | # Github repos example
 2 | 
 3 | This example demonstrates how to create a custom component that can instantiate a state machine with output.
 4 | 
 5 | Each state machine needs to define 3 functions
 6 | 
 7 | ```js
 8 |   {
 9 |     // render an UI VNode
10 |     render(props, state, emit) => VNode
11 |     // transition to a new state
12 |     update(props, state, event) => state
13 |     // Execute side effects after a state transition
14 |     output(props, state, event, emit) => void
15 |   }
16 | ```
17 | 


--------------------------------------------------------------------------------
/examples/stateMachineComponent/github-repos.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <style>
 5 |       .container {
 6 |         max-width: 600px;
 7 |         margin: 2em auto;
 8 |       }
 9 | 
10 |       input {
11 |         padding: 0.2em 0.5em;
12 |         margin-left: 1em;
13 |       }
14 | 
15 |       .box {
16 |         background: #fff;
17 |         max-width: 600px;
18 |         margin: 1em auto;
19 |         padding: 5px 10px;
20 |         border: 1px solid rgba(0, 0, 0, 0.125);
21 |       }
22 |     </style>
23 |   </head>
24 |   <body>
25 |     <div id="root" class="container"></div>
26 |     <script type="module">
27 |       import { h, render } from "../../src/index.js";
28 |       import { GithubRepos } from "./GithubRepos.js";
29 | 
30 |       const root = document.getElementById("root");
31 |       render(h(GithubRepos), root);
32 |     </script>
33 |   </body>
34 | </html>
35 | 


--------------------------------------------------------------------------------
/examples/stateMachineComponent/stateMachineComponent.js:
--------------------------------------------------------------------------------
 1 | export function createSMComponent({ view, update, output }) {
 2 |   return {
 3 |     mount(me) {
 4 |       me.emit = (event) => {
 5 |         let newState = update(me.props, me.state, event);
 6 |         if (newState !== me.state) {
 7 |           me.state = newState;
 8 |           me.render(view(me.props, me.state, me.emit));
 9 |           Promise.resolve().then(() => {
10 |             output(me.props, me.state, me.emit);
11 |           });
12 |         }
13 |       };
14 |       me.emit({ type: "$INIT" });
15 |     },
16 |     patch(me) {
17 |       me.emit({ type: "$NEW_PROPS", props: me.props, oldProps: me.oldProps });
18 |     },
19 |   };
20 | }
21 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/Bezier.js:
--------------------------------------------------------------------------------
 1 | import { html } from "./html.js";
 2 | import { Fragment } from "../../src/index.js";
 3 | import { ControlPoint } from "./ControlPoint.js";
 4 | 
 5 | export function Bezier({ coords, colors, onChange }) {
 6 |   const { x1, y1, x2, y2, cx1, cy1, cx2, cy2 } = coords;
 7 | 
 8 |   const onXYChange = (xname, yname) => (x, y) => {
 9 |     onChange({
10 |       [xname]: x,
11 |       [yname]: y,
12 |     });
13 |   };
14 | 
15 |   return html`
16 |     <${Fragment}>
17 |       <g>
18 |         <path
19 |           class="shape"
20 |           d="M${x1} ${y1} C${cx1} ${cy1} ${cx2} ${cy2} ${x2} ${y2}"
21 |         />
22 |         <line class="control-line" x1=${cx1} y1=${cy1} x2=${x1} y2=${y1} />
23 |         <line class="control-line" x1=${x2} y1=${y2} x2=${cx2} y2=${cy2} />
24 |       </g>
25 |       <${ControlPoint}
26 |         x=${x1}
27 |         y=${y1}
28 |         fill=${colors[0]}
29 |         onChange=${onXYChange("x1", "y1")}
30 |       />
31 |       <${ControlPoint}
32 |         x=${x2}
33 |         y=${y2}
34 |         fill=${colors[1]}
35 |         onChange=${onXYChange("x2", "y2")}
36 |       />
37 |       <${ControlPoint}
38 |         x=${cx1}
39 |         y=${cy1}
40 |         fill=${colors[2]}
41 |         onChange=${onXYChange("cx1", "cy1")}
42 |       />
43 |       <${ControlPoint}
44 |         x=${cx2}
45 |         y=${cy2}
46 |         fill=${colors[3]}
47 |         onChange=${onXYChange("cx2", "cy2")}
48 |       />
49 |     </Fragment>`;
50 | }
51 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/ControlPoint.js:
--------------------------------------------------------------------------------
 1 | import { html } from "./html.js";
 2 | 
 3 | const onMouseDown = (x, y, onChange) => (event) => {
 4 |   const node = event.target;
 5 |   const dx = x - event.clientX;
 6 |   const dy = y - event.clientY;
 7 | 
 8 |   document.addEventListener("mousemove", onMouseMove);
 9 | 
10 |   node.onmouseup = () => {
11 |     document.removeEventListener("mousemove", onMouseMove);
12 |   };
13 | 
14 |   function onMouseMove(event) {
15 |     const x1 = event.clientX + dx;
16 |     const y1 = event.clientY + dy;
17 |     onChange(x1, y1);
18 |   }
19 | };
20 | 
21 | export function ControlPoint({ x, y, fill, onChange }) {
22 |   return html`<g transform="translate(${x}, ${y})">
23 |     <circle class="control-point" cx="0" cy="0" r="3" fill=${fill} />
24 |     <circle
25 |       class="handle"
26 |       onMouseDown=${onMouseDown(x, y, onChange)}
27 |       cx="0"
28 |       cy="0"
29 |       r="10"
30 |       fill=${fill}
31 |     />
32 |   </g>`;
33 | }
34 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/README.md:
--------------------------------------------------------------------------------
1 | # Simple Bezier editor
2 | 
3 | This example demonstrates how to create a custom component that can instantiate stateful render functions.
4 | 
5 | Each render function will be passed 2 additional arguments: `state` and `setState`.
6 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/html.js:
--------------------------------------------------------------------------------
1 | import { h } from "../../src/index.js";
2 | import htm from "https://unpkg.com/htm?module";
3 | 
4 | export const html = htm.bind(h);
5 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <link rel="stylesheet" href="style.css" />
 5 |   </head>
 6 |   <body>
 7 |     <div id="root" class="container"></div>
 8 |     <script type="module" src="index.js"></script>
 9 |   </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/index.js:
--------------------------------------------------------------------------------
 1 | import { html } from "./html.js";
 2 | import { withState } from "./withStateComponent.js";
 3 | import { Bezier } from "./Bezier.js";
 4 | import { render, Fragment } from "../../src/index.js";
 5 | 
 6 | const colors = ["#28A86B", "#ff5722", "#b06327", "#1e99e9"];
 7 | 
 8 | const coords0 = {
 9 |   x1: 100,
10 |   y1: 100,
11 |   x2: 280,
12 |   y2: 100,
13 |   cx1: 150,
14 |   cy1: 20,
15 |   cx2: 180,
16 |   cy2: 150,
17 | };
18 | 
19 | const App = withState(
20 |   (_, coords, setCoords) => {
21 |     const { x1, y1, x2, y2, cx1, cy1, cx2, cy2 } = coords;
22 | 
23 |     const onCoordsChange = (coordsChange) => {
24 |       setCoords((coords) => ({ ...coords, ...coordsChange }));
25 |     };
26 | 
27 |     return html`<${Fragment}>
28 |     <svg height="240" width="480" class=box>
29 |       <g transform="translate(50, 10)">
30 |         <${Bezier}
31 |           colors=${colors}
32 |           coords=${coords}
33 |           onChange=${onCoordsChange}
34 |         />
35 |       </g>
36 |     </svg>
37 |     <pre>
38 |       path d="
39 |         <span style="color: ${colors[0]}">M${x1} ${y1}</span>
40 |         <span style="color: ${colors[2]}"> C${cx1} ${cy1}</span>
41 |         <span style="color: ${colors[3]}"> ${cx2} ${cy2}</span>
42 |         <span style="color: ${colors[1]}"> ${x2} ${y2}</span>
43 |     </pre>
44 |   </Fragment>`;
45 |   },
46 |   () => coords0
47 | );
48 | 
49 | const rootElement = document.getElementById("root");
50 | render(html`<${App} />`, rootElement);
51 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/style.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   font-family: sans-serif;
 3 | }
 4 | 
 5 | .container {
 6 |   max-width: 600px;
 7 |   margin: 2em auto;
 8 | }
 9 | 
10 | .box {
11 |   background: #fff;
12 |   border: 1px solid rgba(0, 0, 0, 0.125);
13 | }
14 | 
15 | .shape {
16 |   fill: none;
17 |   stroke: #111;
18 |   stroke-width: 1.5;
19 |   pointer-events: none;
20 | }
21 | .control-line {
22 |   stroke: #888;
23 |   stroke-width: 0.5;
24 |   pointer-events: none;
25 | }
26 | 
27 | .poly-line {
28 |   stroke: yellow;
29 |   stroke-width: 5;
30 |   opacity: 0;
31 | }
32 | 
33 | .poly-line:hover {
34 |   opacity: 0.5;
35 | }
36 | 
37 | .handle {
38 |   fill: #fff;
39 |   opacity: 0;
40 |   stroke: #888;
41 |   stroke-width: 2;
42 |   cursor: pointer;
43 | }
44 | .handle:hover {
45 |   opacity: 0.5;
46 | }
47 | 


--------------------------------------------------------------------------------
/examples/withStateComppnent/withStateComponent.js:
--------------------------------------------------------------------------------
 1 | export function withState(view, getInitialState) {
 2 |   return {
 3 |     mount(me) {
 4 |       me.setState = (updater) => {
 5 |         let newState = updater(me.state, me.props);
 6 |         if (newState !== me.state) {
 7 |           me.state = newState;
 8 |           me.render(view(me.props, me.state, me.setState));
 9 |         }
10 |       };
11 |       me.setState((_, props) => getInitialState(props));
12 |     },
13 |     patch(me) {
14 |       me.render(view(me.props, me.state, me.setState));
15 |     },
16 |   };
17 | }
18 | 


--------------------------------------------------------------------------------
/jsx-runtime.js:
--------------------------------------------------------------------------------
1 | export { jsx, jsxs, Fragment } from "./src/h.js"


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "petit-dom",
   3 |   "version": "0.6.0",
   4 |   "lockfileVersion": 1,
   5 |   "requires": true,
   6 |   "dependencies": {
   7 |     "@babel/code-frame": {
   8 |       "version": "7.12.13",
   9 |       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
  10 |       "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
  11 |       "dev": true,
  12 |       "requires": {
  13 |         "@babel/highlight": "^7.12.13"
  14 |       }
  15 |     },
  16 |     "@babel/helper-validator-identifier": {
  17 |       "version": "7.12.11",
  18 |       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
  19 |       "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
  20 |       "dev": true
  21 |     },
  22 |     "@babel/highlight": {
  23 |       "version": "7.13.10",
  24 |       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.13.10.tgz",
  25 |       "integrity": "sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==",
  26 |       "dev": true,
  27 |       "requires": {
  28 |         "@babel/helper-validator-identifier": "^7.12.11",
  29 |         "chalk": "^2.0.0",
  30 |         "js-tokens": "^4.0.0"
  31 |       }
  32 |     },
  33 |     "abab": {
  34 |       "version": "2.0.5",
  35 |       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz",
  36 |       "integrity": "sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==",
  37 |       "dev": true
  38 |     },
  39 |     "acorn": {
  40 |       "version": "7.4.1",
  41 |       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
  42 |       "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
  43 |       "dev": true
  44 |     },
  45 |     "acorn-globals": {
  46 |       "version": "4.3.4",
  47 |       "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.3.4.tgz",
  48 |       "integrity": "sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==",
  49 |       "dev": true,
  50 |       "requires": {
  51 |         "acorn": "^6.0.1",
  52 |         "acorn-walk": "^6.0.1"
  53 |       },
  54 |       "dependencies": {
  55 |         "acorn": {
  56 |           "version": "6.4.2",
  57 |           "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
  58 |           "integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==",
  59 |           "dev": true
  60 |         }
  61 |       }
  62 |     },
  63 |     "acorn-jsx": {
  64 |       "version": "5.3.1",
  65 |       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
  66 |       "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==",
  67 |       "dev": true
  68 |     },
  69 |     "acorn-walk": {
  70 |       "version": "6.2.0",
  71 |       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-6.2.0.tgz",
  72 |       "integrity": "sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==",
  73 |       "dev": true
  74 |     },
  75 |     "ajv": {
  76 |       "version": "6.12.6",
  77 |       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
  78 |       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
  79 |       "dev": true,
  80 |       "requires": {
  81 |         "fast-deep-equal": "^3.1.1",
  82 |         "fast-json-stable-stringify": "^2.0.0",
  83 |         "json-schema-traverse": "^0.4.1",
  84 |         "uri-js": "^4.2.2"
  85 |       }
  86 |     },
  87 |     "ansi-escapes": {
  88 |       "version": "4.3.2",
  89 |       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
  90 |       "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
  91 |       "dev": true,
  92 |       "requires": {
  93 |         "type-fest": "^0.21.3"
  94 |       },
  95 |       "dependencies": {
  96 |         "type-fest": {
  97 |           "version": "0.21.3",
  98 |           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
  99 |           "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
 100 |           "dev": true
 101 |         }
 102 |       }
 103 |     },
 104 |     "ansi-regex": {
 105 |       "version": "4.1.0",
 106 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
 107 |       "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
 108 |       "dev": true
 109 |     },
 110 |     "ansi-styles": {
 111 |       "version": "3.2.1",
 112 |       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
 113 |       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
 114 |       "dev": true,
 115 |       "requires": {
 116 |         "color-convert": "^1.9.0"
 117 |       }
 118 |     },
 119 |     "argparse": {
 120 |       "version": "1.0.10",
 121 |       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
 122 |       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
 123 |       "dev": true,
 124 |       "requires": {
 125 |         "sprintf-js": "~1.0.2"
 126 |       }
 127 |     },
 128 |     "array-equal": {
 129 |       "version": "1.0.0",
 130 |       "resolved": "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz",
 131 |       "integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=",
 132 |       "dev": true
 133 |     },
 134 |     "asn1": {
 135 |       "version": "0.2.4",
 136 |       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
 137 |       "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
 138 |       "dev": true,
 139 |       "requires": {
 140 |         "safer-buffer": "~2.1.0"
 141 |       }
 142 |     },
 143 |     "assert-plus": {
 144 |       "version": "1.0.0",
 145 |       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
 146 |       "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
 147 |       "dev": true
 148 |     },
 149 |     "astral-regex": {
 150 |       "version": "1.0.0",
 151 |       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
 152 |       "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
 153 |       "dev": true
 154 |     },
 155 |     "asynckit": {
 156 |       "version": "0.4.0",
 157 |       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
 158 |       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
 159 |       "dev": true
 160 |     },
 161 |     "aws-sign2": {
 162 |       "version": "0.7.0",
 163 |       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
 164 |       "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
 165 |       "dev": true
 166 |     },
 167 |     "aws4": {
 168 |       "version": "1.11.0",
 169 |       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
 170 |       "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
 171 |       "dev": true
 172 |     },
 173 |     "balanced-match": {
 174 |       "version": "1.0.2",
 175 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
 176 |       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
 177 |       "dev": true
 178 |     },
 179 |     "bcrypt-pbkdf": {
 180 |       "version": "1.0.2",
 181 |       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
 182 |       "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
 183 |       "dev": true,
 184 |       "requires": {
 185 |         "tweetnacl": "^0.14.3"
 186 |       }
 187 |     },
 188 |     "brace-expansion": {
 189 |       "version": "1.1.11",
 190 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 191 |       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
 192 |       "dev": true,
 193 |       "requires": {
 194 |         "balanced-match": "^1.0.0",
 195 |         "concat-map": "0.0.1"
 196 |       }
 197 |     },
 198 |     "browser-process-hrtime": {
 199 |       "version": "1.0.0",
 200 |       "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
 201 |       "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
 202 |       "dev": true
 203 |     },
 204 |     "call-bind": {
 205 |       "version": "1.0.2",
 206 |       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
 207 |       "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
 208 |       "dev": true,
 209 |       "requires": {
 210 |         "function-bind": "^1.1.1",
 211 |         "get-intrinsic": "^1.0.2"
 212 |       }
 213 |     },
 214 |     "callsites": {
 215 |       "version": "3.1.0",
 216 |       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
 217 |       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
 218 |       "dev": true
 219 |     },
 220 |     "caseless": {
 221 |       "version": "0.12.0",
 222 |       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
 223 |       "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
 224 |       "dev": true
 225 |     },
 226 |     "chalk": {
 227 |       "version": "2.4.2",
 228 |       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
 229 |       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
 230 |       "dev": true,
 231 |       "requires": {
 232 |         "ansi-styles": "^3.2.1",
 233 |         "escape-string-regexp": "^1.0.5",
 234 |         "supports-color": "^5.3.0"
 235 |       }
 236 |     },
 237 |     "chardet": {
 238 |       "version": "0.7.0",
 239 |       "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
 240 |       "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
 241 |       "dev": true
 242 |     },
 243 |     "cli-cursor": {
 244 |       "version": "3.1.0",
 245 |       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
 246 |       "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
 247 |       "dev": true,
 248 |       "requires": {
 249 |         "restore-cursor": "^3.1.0"
 250 |       }
 251 |     },
 252 |     "cli-width": {
 253 |       "version": "3.0.0",
 254 |       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
 255 |       "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
 256 |       "dev": true
 257 |     },
 258 |     "color-convert": {
 259 |       "version": "1.9.3",
 260 |       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
 261 |       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
 262 |       "dev": true,
 263 |       "requires": {
 264 |         "color-name": "1.1.3"
 265 |       }
 266 |     },
 267 |     "color-name": {
 268 |       "version": "1.1.3",
 269 |       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
 270 |       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
 271 |       "dev": true
 272 |     },
 273 |     "combined-stream": {
 274 |       "version": "1.0.8",
 275 |       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
 276 |       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
 277 |       "dev": true,
 278 |       "requires": {
 279 |         "delayed-stream": "~1.0.0"
 280 |       }
 281 |     },
 282 |     "concat-map": {
 283 |       "version": "0.0.1",
 284 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 285 |       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
 286 |       "dev": true
 287 |     },
 288 |     "core-util-is": {
 289 |       "version": "1.0.2",
 290 |       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
 291 |       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
 292 |       "dev": true
 293 |     },
 294 |     "cross-spawn": {
 295 |       "version": "6.0.5",
 296 |       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
 297 |       "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
 298 |       "dev": true,
 299 |       "requires": {
 300 |         "nice-try": "^1.0.4",
 301 |         "path-key": "^2.0.1",
 302 |         "semver": "^5.5.0",
 303 |         "shebang-command": "^1.2.0",
 304 |         "which": "^1.2.9"
 305 |       },
 306 |       "dependencies": {
 307 |         "semver": {
 308 |           "version": "5.7.1",
 309 |           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
 310 |           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
 311 |           "dev": true
 312 |         }
 313 |       }
 314 |     },
 315 |     "cssom": {
 316 |       "version": "0.4.4",
 317 |       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz",
 318 |       "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==",
 319 |       "dev": true
 320 |     },
 321 |     "cssstyle": {
 322 |       "version": "2.3.0",
 323 |       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
 324 |       "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
 325 |       "dev": true,
 326 |       "requires": {
 327 |         "cssom": "~0.3.6"
 328 |       },
 329 |       "dependencies": {
 330 |         "cssom": {
 331 |           "version": "0.3.8",
 332 |           "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
 333 |           "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
 334 |           "dev": true
 335 |         }
 336 |       }
 337 |     },
 338 |     "dashdash": {
 339 |       "version": "1.14.1",
 340 |       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
 341 |       "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
 342 |       "dev": true,
 343 |       "requires": {
 344 |         "assert-plus": "^1.0.0"
 345 |       }
 346 |     },
 347 |     "data-urls": {
 348 |       "version": "1.1.0",
 349 |       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-1.1.0.tgz",
 350 |       "integrity": "sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==",
 351 |       "dev": true,
 352 |       "requires": {
 353 |         "abab": "^2.0.0",
 354 |         "whatwg-mimetype": "^2.2.0",
 355 |         "whatwg-url": "^7.0.0"
 356 |       }
 357 |     },
 358 |     "debug": {
 359 |       "version": "4.3.1",
 360 |       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
 361 |       "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
 362 |       "dev": true,
 363 |       "requires": {
 364 |         "ms": "2.1.2"
 365 |       }
 366 |     },
 367 |     "deep-equal": {
 368 |       "version": "1.1.1",
 369 |       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
 370 |       "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
 371 |       "dev": true,
 372 |       "requires": {
 373 |         "is-arguments": "^1.0.4",
 374 |         "is-date-object": "^1.0.1",
 375 |         "is-regex": "^1.0.4",
 376 |         "object-is": "^1.0.1",
 377 |         "object-keys": "^1.1.1",
 378 |         "regexp.prototype.flags": "^1.2.0"
 379 |       }
 380 |     },
 381 |     "deep-is": {
 382 |       "version": "0.1.3",
 383 |       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
 384 |       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
 385 |       "dev": true
 386 |     },
 387 |     "define-properties": {
 388 |       "version": "1.1.3",
 389 |       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
 390 |       "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
 391 |       "dev": true,
 392 |       "requires": {
 393 |         "object-keys": "^1.0.12"
 394 |       }
 395 |     },
 396 |     "defined": {
 397 |       "version": "0.0.0",
 398 |       "resolved": "https://registry.npmjs.org/defined/-/defined-0.0.0.tgz",
 399 |       "integrity": "sha1-817qfXBekzuvE7LwOz+D2SFAOz4=",
 400 |       "dev": true
 401 |     },
 402 |     "delayed-stream": {
 403 |       "version": "1.0.0",
 404 |       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
 405 |       "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
 406 |       "dev": true
 407 |     },
 408 |     "doctrine": {
 409 |       "version": "3.0.0",
 410 |       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
 411 |       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
 412 |       "dev": true,
 413 |       "requires": {
 414 |         "esutils": "^2.0.2"
 415 |       }
 416 |     },
 417 |     "domexception": {
 418 |       "version": "1.0.1",
 419 |       "resolved": "https://registry.npmjs.org/domexception/-/domexception-1.0.1.tgz",
 420 |       "integrity": "sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==",
 421 |       "dev": true,
 422 |       "requires": {
 423 |         "webidl-conversions": "^4.0.2"
 424 |       }
 425 |     },
 426 |     "dotignore": {
 427 |       "version": "0.1.2",
 428 |       "resolved": "https://registry.npmjs.org/dotignore/-/dotignore-0.1.2.tgz",
 429 |       "integrity": "sha512-UGGGWfSauusaVJC+8fgV+NVvBXkCTmVv7sk6nojDZZvuOUNGUy0Zk4UpHQD6EDjS0jpBwcACvH4eofvyzBcRDw==",
 430 |       "dev": true,
 431 |       "requires": {
 432 |         "minimatch": "^3.0.4"
 433 |       }
 434 |     },
 435 |     "duplexer": {
 436 |       "version": "0.1.2",
 437 |       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
 438 |       "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
 439 |       "dev": true
 440 |     },
 441 |     "ecc-jsbn": {
 442 |       "version": "0.1.2",
 443 |       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
 444 |       "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
 445 |       "dev": true,
 446 |       "requires": {
 447 |         "jsbn": "~0.1.0",
 448 |         "safer-buffer": "^2.1.0"
 449 |       }
 450 |     },
 451 |     "emoji-regex": {
 452 |       "version": "8.0.0",
 453 |       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
 454 |       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
 455 |       "dev": true
 456 |     },
 457 |     "es-abstract": {
 458 |       "version": "1.18.0",
 459 |       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0.tgz",
 460 |       "integrity": "sha512-LJzK7MrQa8TS0ja2w3YNLzUgJCGPdPOV1yVvezjNnS89D+VR08+Szt2mz3YB2Dck/+w5tfIq/RoUAFqJJGM2yw==",
 461 |       "dev": true,
 462 |       "requires": {
 463 |         "call-bind": "^1.0.2",
 464 |         "es-to-primitive": "^1.2.1",
 465 |         "function-bind": "^1.1.1",
 466 |         "get-intrinsic": "^1.1.1",
 467 |         "has": "^1.0.3",
 468 |         "has-symbols": "^1.0.2",
 469 |         "is-callable": "^1.2.3",
 470 |         "is-negative-zero": "^2.0.1",
 471 |         "is-regex": "^1.1.2",
 472 |         "is-string": "^1.0.5",
 473 |         "object-inspect": "^1.9.0",
 474 |         "object-keys": "^1.1.1",
 475 |         "object.assign": "^4.1.2",
 476 |         "string.prototype.trimend": "^1.0.4",
 477 |         "string.prototype.trimstart": "^1.0.4",
 478 |         "unbox-primitive": "^1.0.0"
 479 |       },
 480 |       "dependencies": {
 481 |         "is-regex": {
 482 |           "version": "1.1.2",
 483 |           "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.2.tgz",
 484 |           "integrity": "sha512-axvdhb5pdhEVThqJzYXwMlVuZwC+FF2DpcOhTS+y/8jVq4trxyPgfcwIxIKiyeuLlSQYKkmUaPQJ8ZE4yNKXDg==",
 485 |           "dev": true,
 486 |           "requires": {
 487 |             "call-bind": "^1.0.2",
 488 |             "has-symbols": "^1.0.1"
 489 |           }
 490 |         },
 491 |         "object-inspect": {
 492 |           "version": "1.9.0",
 493 |           "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz",
 494 |           "integrity": "sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==",
 495 |           "dev": true
 496 |         }
 497 |       }
 498 |     },
 499 |     "es-to-primitive": {
 500 |       "version": "1.2.1",
 501 |       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
 502 |       "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
 503 |       "dev": true,
 504 |       "requires": {
 505 |         "is-callable": "^1.1.4",
 506 |         "is-date-object": "^1.0.1",
 507 |         "is-symbol": "^1.0.2"
 508 |       }
 509 |     },
 510 |     "escape-string-regexp": {
 511 |       "version": "1.0.5",
 512 |       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 513 |       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
 514 |       "dev": true
 515 |     },
 516 |     "escodegen": {
 517 |       "version": "1.14.3",
 518 |       "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz",
 519 |       "integrity": "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==",
 520 |       "dev": true,
 521 |       "requires": {
 522 |         "esprima": "^4.0.1",
 523 |         "estraverse": "^4.2.0",
 524 |         "esutils": "^2.0.2",
 525 |         "optionator": "^0.8.1",
 526 |         "source-map": "~0.6.1"
 527 |       }
 528 |     },
 529 |     "eslint": {
 530 |       "version": "6.8.0",
 531 |       "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
 532 |       "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
 533 |       "dev": true,
 534 |       "requires": {
 535 |         "@babel/code-frame": "^7.0.0",
 536 |         "ajv": "^6.10.0",
 537 |         "chalk": "^2.1.0",
 538 |         "cross-spawn": "^6.0.5",
 539 |         "debug": "^4.0.1",
 540 |         "doctrine": "^3.0.0",
 541 |         "eslint-scope": "^5.0.0",
 542 |         "eslint-utils": "^1.4.3",
 543 |         "eslint-visitor-keys": "^1.1.0",
 544 |         "espree": "^6.1.2",
 545 |         "esquery": "^1.0.1",
 546 |         "esutils": "^2.0.2",
 547 |         "file-entry-cache": "^5.0.1",
 548 |         "functional-red-black-tree": "^1.0.1",
 549 |         "glob-parent": "^5.0.0",
 550 |         "globals": "^12.1.0",
 551 |         "ignore": "^4.0.6",
 552 |         "import-fresh": "^3.0.0",
 553 |         "imurmurhash": "^0.1.4",
 554 |         "inquirer": "^7.0.0",
 555 |         "is-glob": "^4.0.0",
 556 |         "js-yaml": "^3.13.1",
 557 |         "json-stable-stringify-without-jsonify": "^1.0.1",
 558 |         "levn": "^0.3.0",
 559 |         "lodash": "^4.17.14",
 560 |         "minimatch": "^3.0.4",
 561 |         "mkdirp": "^0.5.1",
 562 |         "natural-compare": "^1.4.0",
 563 |         "optionator": "^0.8.3",
 564 |         "progress": "^2.0.0",
 565 |         "regexpp": "^2.0.1",
 566 |         "semver": "^6.1.2",
 567 |         "strip-ansi": "^5.2.0",
 568 |         "strip-json-comments": "^3.0.1",
 569 |         "table": "^5.2.3",
 570 |         "text-table": "^0.2.0",
 571 |         "v8-compile-cache": "^2.0.3"
 572 |       }
 573 |     },
 574 |     "eslint-scope": {
 575 |       "version": "5.1.1",
 576 |       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
 577 |       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
 578 |       "dev": true,
 579 |       "requires": {
 580 |         "esrecurse": "^4.3.0",
 581 |         "estraverse": "^4.1.1"
 582 |       }
 583 |     },
 584 |     "eslint-utils": {
 585 |       "version": "1.4.3",
 586 |       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
 587 |       "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
 588 |       "dev": true,
 589 |       "requires": {
 590 |         "eslint-visitor-keys": "^1.1.0"
 591 |       }
 592 |     },
 593 |     "eslint-visitor-keys": {
 594 |       "version": "1.3.0",
 595 |       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
 596 |       "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
 597 |       "dev": true
 598 |     },
 599 |     "espree": {
 600 |       "version": "6.2.1",
 601 |       "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
 602 |       "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
 603 |       "dev": true,
 604 |       "requires": {
 605 |         "acorn": "^7.1.1",
 606 |         "acorn-jsx": "^5.2.0",
 607 |         "eslint-visitor-keys": "^1.1.0"
 608 |       }
 609 |     },
 610 |     "esprima": {
 611 |       "version": "4.0.1",
 612 |       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
 613 |       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
 614 |       "dev": true
 615 |     },
 616 |     "esquery": {
 617 |       "version": "1.4.0",
 618 |       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
 619 |       "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
 620 |       "dev": true,
 621 |       "requires": {
 622 |         "estraverse": "^5.1.0"
 623 |       },
 624 |       "dependencies": {
 625 |         "estraverse": {
 626 |           "version": "5.2.0",
 627 |           "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
 628 |           "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
 629 |           "dev": true
 630 |         }
 631 |       }
 632 |     },
 633 |     "esrecurse": {
 634 |       "version": "4.3.0",
 635 |       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
 636 |       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
 637 |       "dev": true,
 638 |       "requires": {
 639 |         "estraverse": "^5.2.0"
 640 |       },
 641 |       "dependencies": {
 642 |         "estraverse": {
 643 |           "version": "5.2.0",
 644 |           "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
 645 |           "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
 646 |           "dev": true
 647 |         }
 648 |       }
 649 |     },
 650 |     "estraverse": {
 651 |       "version": "4.3.0",
 652 |       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
 653 |       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
 654 |       "dev": true
 655 |     },
 656 |     "esutils": {
 657 |       "version": "2.0.3",
 658 |       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
 659 |       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
 660 |       "dev": true
 661 |     },
 662 |     "extend": {
 663 |       "version": "3.0.2",
 664 |       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
 665 |       "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
 666 |       "dev": true
 667 |     },
 668 |     "external-editor": {
 669 |       "version": "3.1.0",
 670 |       "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
 671 |       "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
 672 |       "dev": true,
 673 |       "requires": {
 674 |         "chardet": "^0.7.0",
 675 |         "iconv-lite": "^0.4.24",
 676 |         "tmp": "^0.0.33"
 677 |       }
 678 |     },
 679 |     "extsprintf": {
 680 |       "version": "1.3.0",
 681 |       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
 682 |       "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
 683 |       "dev": true
 684 |     },
 685 |     "fast-deep-equal": {
 686 |       "version": "3.1.3",
 687 |       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
 688 |       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
 689 |       "dev": true
 690 |     },
 691 |     "fast-json-stable-stringify": {
 692 |       "version": "2.1.0",
 693 |       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
 694 |       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
 695 |       "dev": true
 696 |     },
 697 |     "fast-levenshtein": {
 698 |       "version": "2.0.6",
 699 |       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
 700 |       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
 701 |       "dev": true
 702 |     },
 703 |     "faucet": {
 704 |       "version": "0.0.1",
 705 |       "resolved": "https://registry.npmjs.org/faucet/-/faucet-0.0.1.tgz",
 706 |       "integrity": "sha1-WX3PHSGJosBiMhtZHo8VHtIDnZw=",
 707 |       "dev": true,
 708 |       "requires": {
 709 |         "defined": "0.0.0",
 710 |         "duplexer": "~0.1.1",
 711 |         "minimist": "0.0.5",
 712 |         "sprintf": "~0.1.3",
 713 |         "tap-parser": "~0.4.0",
 714 |         "tape": "~2.3.2",
 715 |         "through2": "~0.2.3"
 716 |       },
 717 |       "dependencies": {
 718 |         "deep-equal": {
 719 |           "version": "0.1.2",
 720 |           "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-0.1.2.tgz",
 721 |           "integrity": "sha1-skbCuApXCkfBG+HZvRBw7IeLh84=",
 722 |           "dev": true
 723 |         },
 724 |         "tape": {
 725 |           "version": "2.3.3",
 726 |           "resolved": "https://registry.npmjs.org/tape/-/tape-2.3.3.tgz",
 727 |           "integrity": "sha1-Lnzgox3wn41oUWZKcYQuDKUFevc=",
 728 |           "dev": true,
 729 |           "requires": {
 730 |             "deep-equal": "~0.1.0",
 731 |             "defined": "~0.0.0",
 732 |             "inherits": "~2.0.1",
 733 |             "jsonify": "~0.0.0",
 734 |             "resumer": "~0.0.0",
 735 |             "through": "~2.3.4"
 736 |           }
 737 |         }
 738 |       }
 739 |     },
 740 |     "figures": {
 741 |       "version": "3.2.0",
 742 |       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
 743 |       "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
 744 |       "dev": true,
 745 |       "requires": {
 746 |         "escape-string-regexp": "^1.0.5"
 747 |       }
 748 |     },
 749 |     "file-entry-cache": {
 750 |       "version": "5.0.1",
 751 |       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
 752 |       "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
 753 |       "dev": true,
 754 |       "requires": {
 755 |         "flat-cache": "^2.0.1"
 756 |       }
 757 |     },
 758 |     "flat-cache": {
 759 |       "version": "2.0.1",
 760 |       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
 761 |       "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
 762 |       "dev": true,
 763 |       "requires": {
 764 |         "flatted": "^2.0.0",
 765 |         "rimraf": "2.6.3",
 766 |         "write": "1.0.3"
 767 |       }
 768 |     },
 769 |     "flatted": {
 770 |       "version": "2.0.2",
 771 |       "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
 772 |       "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
 773 |       "dev": true
 774 |     },
 775 |     "for-each": {
 776 |       "version": "0.3.3",
 777 |       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
 778 |       "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
 779 |       "dev": true,
 780 |       "requires": {
 781 |         "is-callable": "^1.1.3"
 782 |       }
 783 |     },
 784 |     "forever-agent": {
 785 |       "version": "0.6.1",
 786 |       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
 787 |       "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
 788 |       "dev": true
 789 |     },
 790 |     "form-data": {
 791 |       "version": "2.3.3",
 792 |       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
 793 |       "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
 794 |       "dev": true,
 795 |       "requires": {
 796 |         "asynckit": "^0.4.0",
 797 |         "combined-stream": "^1.0.6",
 798 |         "mime-types": "^2.1.12"
 799 |       }
 800 |     },
 801 |     "fs.realpath": {
 802 |       "version": "1.0.0",
 803 |       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
 804 |       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
 805 |       "dev": true
 806 |     },
 807 |     "function-bind": {
 808 |       "version": "1.1.1",
 809 |       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
 810 |       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 811 |       "dev": true
 812 |     },
 813 |     "functional-red-black-tree": {
 814 |       "version": "1.0.1",
 815 |       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
 816 |       "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
 817 |       "dev": true
 818 |     },
 819 |     "get-intrinsic": {
 820 |       "version": "1.1.1",
 821 |       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
 822 |       "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
 823 |       "dev": true,
 824 |       "requires": {
 825 |         "function-bind": "^1.1.1",
 826 |         "has": "^1.0.3",
 827 |         "has-symbols": "^1.0.1"
 828 |       }
 829 |     },
 830 |     "getpass": {
 831 |       "version": "0.1.7",
 832 |       "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
 833 |       "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
 834 |       "dev": true,
 835 |       "requires": {
 836 |         "assert-plus": "^1.0.0"
 837 |       }
 838 |     },
 839 |     "glob": {
 840 |       "version": "7.1.6",
 841 |       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
 842 |       "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
 843 |       "dev": true,
 844 |       "requires": {
 845 |         "fs.realpath": "^1.0.0",
 846 |         "inflight": "^1.0.4",
 847 |         "inherits": "2",
 848 |         "minimatch": "^3.0.4",
 849 |         "once": "^1.3.0",
 850 |         "path-is-absolute": "^1.0.0"
 851 |       }
 852 |     },
 853 |     "glob-parent": {
 854 |       "version": "5.1.2",
 855 |       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 856 |       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
 857 |       "dev": true,
 858 |       "requires": {
 859 |         "is-glob": "^4.0.1"
 860 |       }
 861 |     },
 862 |     "globals": {
 863 |       "version": "12.4.0",
 864 |       "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
 865 |       "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
 866 |       "dev": true,
 867 |       "requires": {
 868 |         "type-fest": "^0.8.1"
 869 |       }
 870 |     },
 871 |     "har-schema": {
 872 |       "version": "2.0.0",
 873 |       "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
 874 |       "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
 875 |       "dev": true
 876 |     },
 877 |     "har-validator": {
 878 |       "version": "5.1.5",
 879 |       "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
 880 |       "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
 881 |       "dev": true,
 882 |       "requires": {
 883 |         "ajv": "^6.12.3",
 884 |         "har-schema": "^2.0.0"
 885 |       }
 886 |     },
 887 |     "has": {
 888 |       "version": "1.0.3",
 889 |       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
 890 |       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
 891 |       "dev": true,
 892 |       "requires": {
 893 |         "function-bind": "^1.1.1"
 894 |       }
 895 |     },
 896 |     "has-bigints": {
 897 |       "version": "1.0.1",
 898 |       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
 899 |       "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
 900 |       "dev": true
 901 |     },
 902 |     "has-flag": {
 903 |       "version": "3.0.0",
 904 |       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
 905 |       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
 906 |       "dev": true
 907 |     },
 908 |     "has-symbols": {
 909 |       "version": "1.0.2",
 910 |       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
 911 |       "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
 912 |       "dev": true
 913 |     },
 914 |     "html-encoding-sniffer": {
 915 |       "version": "1.0.2",
 916 |       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz",
 917 |       "integrity": "sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==",
 918 |       "dev": true,
 919 |       "requires": {
 920 |         "whatwg-encoding": "^1.0.1"
 921 |       }
 922 |     },
 923 |     "http-signature": {
 924 |       "version": "1.2.0",
 925 |       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
 926 |       "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
 927 |       "dev": true,
 928 |       "requires": {
 929 |         "assert-plus": "^1.0.0",
 930 |         "jsprim": "^1.2.2",
 931 |         "sshpk": "^1.7.0"
 932 |       }
 933 |     },
 934 |     "iconv-lite": {
 935 |       "version": "0.4.24",
 936 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
 937 |       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
 938 |       "dev": true,
 939 |       "requires": {
 940 |         "safer-buffer": ">= 2.1.2 < 3"
 941 |       }
 942 |     },
 943 |     "ignore": {
 944 |       "version": "4.0.6",
 945 |       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
 946 |       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
 947 |       "dev": true
 948 |     },
 949 |     "import-fresh": {
 950 |       "version": "3.3.0",
 951 |       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
 952 |       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
 953 |       "dev": true,
 954 |       "requires": {
 955 |         "parent-module": "^1.0.0",
 956 |         "resolve-from": "^4.0.0"
 957 |       }
 958 |     },
 959 |     "imurmurhash": {
 960 |       "version": "0.1.4",
 961 |       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
 962 |       "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
 963 |       "dev": true
 964 |     },
 965 |     "inflight": {
 966 |       "version": "1.0.6",
 967 |       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
 968 |       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
 969 |       "dev": true,
 970 |       "requires": {
 971 |         "once": "^1.3.0",
 972 |         "wrappy": "1"
 973 |       }
 974 |     },
 975 |     "inherits": {
 976 |       "version": "2.0.4",
 977 |       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
 978 |       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
 979 |       "dev": true
 980 |     },
 981 |     "inquirer": {
 982 |       "version": "7.3.3",
 983 |       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
 984 |       "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
 985 |       "dev": true,
 986 |       "requires": {
 987 |         "ansi-escapes": "^4.2.1",
 988 |         "chalk": "^4.1.0",
 989 |         "cli-cursor": "^3.1.0",
 990 |         "cli-width": "^3.0.0",
 991 |         "external-editor": "^3.0.3",
 992 |         "figures": "^3.0.0",
 993 |         "lodash": "^4.17.19",
 994 |         "mute-stream": "0.0.8",
 995 |         "run-async": "^2.4.0",
 996 |         "rxjs": "^6.6.0",
 997 |         "string-width": "^4.1.0",
 998 |         "strip-ansi": "^6.0.0",
 999 |         "through": "^2.3.6"
1000 |       },
1001 |       "dependencies": {
1002 |         "ansi-regex": {
1003 |           "version": "5.0.0",
1004 |           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
1005 |           "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
1006 |           "dev": true
1007 |         },
1008 |         "ansi-styles": {
1009 |           "version": "4.3.0",
1010 |           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
1011 |           "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
1012 |           "dev": true,
1013 |           "requires": {
1014 |             "color-convert": "^2.0.1"
1015 |           }
1016 |         },
1017 |         "chalk": {
1018 |           "version": "4.1.0",
1019 |           "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
1020 |           "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
1021 |           "dev": true,
1022 |           "requires": {
1023 |             "ansi-styles": "^4.1.0",
1024 |             "supports-color": "^7.1.0"
1025 |           }
1026 |         },
1027 |         "color-convert": {
1028 |           "version": "2.0.1",
1029 |           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
1030 |           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
1031 |           "dev": true,
1032 |           "requires": {
1033 |             "color-name": "~1.1.4"
1034 |           }
1035 |         },
1036 |         "color-name": {
1037 |           "version": "1.1.4",
1038 |           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
1039 |           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
1040 |           "dev": true
1041 |         },
1042 |         "has-flag": {
1043 |           "version": "4.0.0",
1044 |           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
1045 |           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
1046 |           "dev": true
1047 |         },
1048 |         "strip-ansi": {
1049 |           "version": "6.0.0",
1050 |           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
1051 |           "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
1052 |           "dev": true,
1053 |           "requires": {
1054 |             "ansi-regex": "^5.0.0"
1055 |           }
1056 |         },
1057 |         "supports-color": {
1058 |           "version": "7.2.0",
1059 |           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
1060 |           "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
1061 |           "dev": true,
1062 |           "requires": {
1063 |             "has-flag": "^4.0.0"
1064 |           }
1065 |         }
1066 |       }
1067 |     },
1068 |     "ip-regex": {
1069 |       "version": "2.1.0",
1070 |       "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
1071 |       "integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
1072 |       "dev": true
1073 |     },
1074 |     "is-arguments": {
1075 |       "version": "1.1.0",
1076 |       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.0.tgz",
1077 |       "integrity": "sha512-1Ij4lOMPl/xB5kBDn7I+b2ttPMKa8szhEIrXDuXQD/oe3HJLTLhqhgGspwgyGd6MOywBUqVvYicF72lkgDnIHg==",
1078 |       "dev": true,
1079 |       "requires": {
1080 |         "call-bind": "^1.0.0"
1081 |       }
1082 |     },
1083 |     "is-bigint": {
1084 |       "version": "1.0.1",
1085 |       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.1.tgz",
1086 |       "integrity": "sha512-J0ELF4yHFxHy0cmSxZuheDOz2luOdVvqjwmEcj8H/L1JHeuEDSDbeRP+Dk9kFVk5RTFzbucJ2Kb9F7ixY2QaCg==",
1087 |       "dev": true
1088 |     },
1089 |     "is-boolean-object": {
1090 |       "version": "1.1.0",
1091 |       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.0.tgz",
1092 |       "integrity": "sha512-a7Uprx8UtD+HWdyYwnD1+ExtTgqQtD2k/1yJgtXP6wnMm8byhkoTZRl+95LLThpzNZJ5aEvi46cdH+ayMFRwmA==",
1093 |       "dev": true,
1094 |       "requires": {
1095 |         "call-bind": "^1.0.0"
1096 |       }
1097 |     },
1098 |     "is-callable": {
1099 |       "version": "1.2.3",
1100 |       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.3.tgz",
1101 |       "integrity": "sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==",
1102 |       "dev": true
1103 |     },
1104 |     "is-date-object": {
1105 |       "version": "1.0.2",
1106 |       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz",
1107 |       "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==",
1108 |       "dev": true
1109 |     },
1110 |     "is-extglob": {
1111 |       "version": "2.1.1",
1112 |       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
1113 |       "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
1114 |       "dev": true
1115 |     },
1116 |     "is-fullwidth-code-point": {
1117 |       "version": "3.0.0",
1118 |       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
1119 |       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
1120 |       "dev": true
1121 |     },
1122 |     "is-glob": {
1123 |       "version": "4.0.1",
1124 |       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
1125 |       "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
1126 |       "dev": true,
1127 |       "requires": {
1128 |         "is-extglob": "^2.1.1"
1129 |       }
1130 |     },
1131 |     "is-negative-zero": {
1132 |       "version": "2.0.1",
1133 |       "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
1134 |       "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
1135 |       "dev": true
1136 |     },
1137 |     "is-number-object": {
1138 |       "version": "1.0.4",
1139 |       "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.4.tgz",
1140 |       "integrity": "sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw==",
1141 |       "dev": true
1142 |     },
1143 |     "is-regex": {
1144 |       "version": "1.0.5",
1145 |       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz",
1146 |       "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==",
1147 |       "dev": true,
1148 |       "requires": {
1149 |         "has": "^1.0.3"
1150 |       }
1151 |     },
1152 |     "is-string": {
1153 |       "version": "1.0.5",
1154 |       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz",
1155 |       "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==",
1156 |       "dev": true
1157 |     },
1158 |     "is-symbol": {
1159 |       "version": "1.0.3",
1160 |       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz",
1161 |       "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==",
1162 |       "dev": true,
1163 |       "requires": {
1164 |         "has-symbols": "^1.0.1"
1165 |       }
1166 |     },
1167 |     "is-typedarray": {
1168 |       "version": "1.0.0",
1169 |       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
1170 |       "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
1171 |       "dev": true
1172 |     },
1173 |     "isarray": {
1174 |       "version": "0.0.1",
1175 |       "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
1176 |       "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
1177 |       "dev": true
1178 |     },
1179 |     "isexe": {
1180 |       "version": "2.0.0",
1181 |       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
1182 |       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
1183 |       "dev": true
1184 |     },
1185 |     "isstream": {
1186 |       "version": "0.1.2",
1187 |       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
1188 |       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
1189 |       "dev": true
1190 |     },
1191 |     "js-tokens": {
1192 |       "version": "4.0.0",
1193 |       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
1194 |       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
1195 |       "dev": true
1196 |     },
1197 |     "js-yaml": {
1198 |       "version": "3.14.1",
1199 |       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
1200 |       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
1201 |       "dev": true,
1202 |       "requires": {
1203 |         "argparse": "^1.0.7",
1204 |         "esprima": "^4.0.0"
1205 |       }
1206 |     },
1207 |     "jsbn": {
1208 |       "version": "0.1.1",
1209 |       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
1210 |       "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
1211 |       "dev": true
1212 |     },
1213 |     "jsdom": {
1214 |       "version": "15.2.1",
1215 |       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-15.2.1.tgz",
1216 |       "integrity": "sha512-fAl1W0/7T2G5vURSyxBzrJ1LSdQn6Tr5UX/xD4PXDx/PDgwygedfW6El/KIj3xJ7FU61TTYnc/l/B7P49Eqt6g==",
1217 |       "dev": true,
1218 |       "requires": {
1219 |         "abab": "^2.0.0",
1220 |         "acorn": "^7.1.0",
1221 |         "acorn-globals": "^4.3.2",
1222 |         "array-equal": "^1.0.0",
1223 |         "cssom": "^0.4.1",
1224 |         "cssstyle": "^2.0.0",
1225 |         "data-urls": "^1.1.0",
1226 |         "domexception": "^1.0.1",
1227 |         "escodegen": "^1.11.1",
1228 |         "html-encoding-sniffer": "^1.0.2",
1229 |         "nwsapi": "^2.2.0",
1230 |         "parse5": "5.1.0",
1231 |         "pn": "^1.1.0",
1232 |         "request": "^2.88.0",
1233 |         "request-promise-native": "^1.0.7",
1234 |         "saxes": "^3.1.9",
1235 |         "symbol-tree": "^3.2.2",
1236 |         "tough-cookie": "^3.0.1",
1237 |         "w3c-hr-time": "^1.0.1",
1238 |         "w3c-xmlserializer": "^1.1.2",
1239 |         "webidl-conversions": "^4.0.2",
1240 |         "whatwg-encoding": "^1.0.5",
1241 |         "whatwg-mimetype": "^2.3.0",
1242 |         "whatwg-url": "^7.0.0",
1243 |         "ws": "^7.0.0",
1244 |         "xml-name-validator": "^3.0.0"
1245 |       }
1246 |     },
1247 |     "json-schema": {
1248 |       "version": "0.2.3",
1249 |       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
1250 |       "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
1251 |       "dev": true
1252 |     },
1253 |     "json-schema-traverse": {
1254 |       "version": "0.4.1",
1255 |       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
1256 |       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
1257 |       "dev": true
1258 |     },
1259 |     "json-stable-stringify-without-jsonify": {
1260 |       "version": "1.0.1",
1261 |       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
1262 |       "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
1263 |       "dev": true
1264 |     },
1265 |     "json-stringify-safe": {
1266 |       "version": "5.0.1",
1267 |       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
1268 |       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
1269 |       "dev": true
1270 |     },
1271 |     "jsonify": {
1272 |       "version": "0.0.0",
1273 |       "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
1274 |       "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
1275 |       "dev": true
1276 |     },
1277 |     "jsprim": {
1278 |       "version": "1.4.1",
1279 |       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
1280 |       "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
1281 |       "dev": true,
1282 |       "requires": {
1283 |         "assert-plus": "1.0.0",
1284 |         "extsprintf": "1.3.0",
1285 |         "json-schema": "0.2.3",
1286 |         "verror": "1.10.0"
1287 |       }
1288 |     },
1289 |     "levn": {
1290 |       "version": "0.3.0",
1291 |       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
1292 |       "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
1293 |       "dev": true,
1294 |       "requires": {
1295 |         "prelude-ls": "~1.1.2",
1296 |         "type-check": "~0.3.2"
1297 |       }
1298 |     },
1299 |     "lodash": {
1300 |       "version": "4.17.21",
1301 |       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
1302 |       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
1303 |       "dev": true
1304 |     },
1305 |     "lodash.sortby": {
1306 |       "version": "4.7.0",
1307 |       "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
1308 |       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
1309 |       "dev": true
1310 |     },
1311 |     "mime-db": {
1312 |       "version": "1.47.0",
1313 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.47.0.tgz",
1314 |       "integrity": "sha512-QBmA/G2y+IfeS4oktet3qRZ+P5kPhCKRXxXnQEudYqUaEioAU1/Lq2us3D/t1Jfo4hE9REQPrbB7K5sOczJVIw==",
1315 |       "dev": true
1316 |     },
1317 |     "mime-types": {
1318 |       "version": "2.1.30",
1319 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.30.tgz",
1320 |       "integrity": "sha512-crmjA4bLtR8m9qLpHvgxSChT+XoSlZi8J4n/aIdn3z92e/U47Z0V/yl+Wh9W046GgFVAmoNR/fmdbZYcSSIUeg==",
1321 |       "dev": true,
1322 |       "requires": {
1323 |         "mime-db": "1.47.0"
1324 |       }
1325 |     },
1326 |     "mimic-fn": {
1327 |       "version": "2.1.0",
1328 |       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
1329 |       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
1330 |       "dev": true
1331 |     },
1332 |     "minimatch": {
1333 |       "version": "3.0.4",
1334 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
1335 |       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
1336 |       "dev": true,
1337 |       "requires": {
1338 |         "brace-expansion": "^1.1.7"
1339 |       }
1340 |     },
1341 |     "minimist": {
1342 |       "version": "0.0.5",
1343 |       "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.5.tgz",
1344 |       "integrity": "sha1-16oye87PUY+RBqxrjwA/o7zqhWY=",
1345 |       "dev": true
1346 |     },
1347 |     "mkdirp": {
1348 |       "version": "0.5.5",
1349 |       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
1350 |       "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
1351 |       "dev": true,
1352 |       "requires": {
1353 |         "minimist": "^1.2.5"
1354 |       },
1355 |       "dependencies": {
1356 |         "minimist": {
1357 |           "version": "1.2.5",
1358 |           "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
1359 |           "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
1360 |           "dev": true
1361 |         }
1362 |       }
1363 |     },
1364 |     "ms": {
1365 |       "version": "2.1.2",
1366 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
1367 |       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
1368 |       "dev": true
1369 |     },
1370 |     "mute-stream": {
1371 |       "version": "0.0.8",
1372 |       "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
1373 |       "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
1374 |       "dev": true
1375 |     },
1376 |     "natural-compare": {
1377 |       "version": "1.4.0",
1378 |       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
1379 |       "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
1380 |       "dev": true
1381 |     },
1382 |     "nice-try": {
1383 |       "version": "1.0.5",
1384 |       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
1385 |       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
1386 |       "dev": true
1387 |     },
1388 |     "nwsapi": {
1389 |       "version": "2.2.0",
1390 |       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz",
1391 |       "integrity": "sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==",
1392 |       "dev": true
1393 |     },
1394 |     "oauth-sign": {
1395 |       "version": "0.9.0",
1396 |       "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
1397 |       "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
1398 |       "dev": true
1399 |     },
1400 |     "object-inspect": {
1401 |       "version": "1.7.0",
1402 |       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz",
1403 |       "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==",
1404 |       "dev": true
1405 |     },
1406 |     "object-is": {
1407 |       "version": "1.1.5",
1408 |       "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
1409 |       "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
1410 |       "dev": true,
1411 |       "requires": {
1412 |         "call-bind": "^1.0.2",
1413 |         "define-properties": "^1.1.3"
1414 |       }
1415 |     },
1416 |     "object-keys": {
1417 |       "version": "1.1.1",
1418 |       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
1419 |       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
1420 |       "dev": true
1421 |     },
1422 |     "object.assign": {
1423 |       "version": "4.1.2",
1424 |       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
1425 |       "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
1426 |       "dev": true,
1427 |       "requires": {
1428 |         "call-bind": "^1.0.0",
1429 |         "define-properties": "^1.1.3",
1430 |         "has-symbols": "^1.0.1",
1431 |         "object-keys": "^1.1.1"
1432 |       }
1433 |     },
1434 |     "once": {
1435 |       "version": "1.4.0",
1436 |       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
1437 |       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
1438 |       "dev": true,
1439 |       "requires": {
1440 |         "wrappy": "1"
1441 |       }
1442 |     },
1443 |     "onetime": {
1444 |       "version": "5.1.2",
1445 |       "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
1446 |       "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
1447 |       "dev": true,
1448 |       "requires": {
1449 |         "mimic-fn": "^2.1.0"
1450 |       }
1451 |     },
1452 |     "optionator": {
1453 |       "version": "0.8.3",
1454 |       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
1455 |       "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
1456 |       "dev": true,
1457 |       "requires": {
1458 |         "deep-is": "~0.1.3",
1459 |         "fast-levenshtein": "~2.0.6",
1460 |         "levn": "~0.3.0",
1461 |         "prelude-ls": "~1.1.2",
1462 |         "type-check": "~0.3.2",
1463 |         "word-wrap": "~1.2.3"
1464 |       }
1465 |     },
1466 |     "os-tmpdir": {
1467 |       "version": "1.0.2",
1468 |       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
1469 |       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
1470 |       "dev": true
1471 |     },
1472 |     "parent-module": {
1473 |       "version": "1.0.1",
1474 |       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
1475 |       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
1476 |       "dev": true,
1477 |       "requires": {
1478 |         "callsites": "^3.0.0"
1479 |       }
1480 |     },
1481 |     "parse5": {
1482 |       "version": "5.1.0",
1483 |       "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
1484 |       "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
1485 |       "dev": true
1486 |     },
1487 |     "path-is-absolute": {
1488 |       "version": "1.0.1",
1489 |       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
1490 |       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
1491 |       "dev": true
1492 |     },
1493 |     "path-key": {
1494 |       "version": "2.0.1",
1495 |       "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
1496 |       "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
1497 |       "dev": true
1498 |     },
1499 |     "path-parse": {
1500 |       "version": "1.0.6",
1501 |       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
1502 |       "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
1503 |       "dev": true
1504 |     },
1505 |     "performance-now": {
1506 |       "version": "2.1.0",
1507 |       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
1508 |       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
1509 |       "dev": true
1510 |     },
1511 |     "pn": {
1512 |       "version": "1.1.0",
1513 |       "resolved": "https://registry.npmjs.org/pn/-/pn-1.1.0.tgz",
1514 |       "integrity": "sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==",
1515 |       "dev": true
1516 |     },
1517 |     "prelude-ls": {
1518 |       "version": "1.1.2",
1519 |       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
1520 |       "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
1521 |       "dev": true
1522 |     },
1523 |     "progress": {
1524 |       "version": "2.0.3",
1525 |       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
1526 |       "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
1527 |       "dev": true
1528 |     },
1529 |     "psl": {
1530 |       "version": "1.8.0",
1531 |       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
1532 |       "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
1533 |       "dev": true
1534 |     },
1535 |     "punycode": {
1536 |       "version": "2.1.1",
1537 |       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
1538 |       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
1539 |       "dev": true
1540 |     },
1541 |     "qs": {
1542 |       "version": "6.5.2",
1543 |       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
1544 |       "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
1545 |       "dev": true
1546 |     },
1547 |     "readable-stream": {
1548 |       "version": "1.1.14",
1549 |       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
1550 |       "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
1551 |       "dev": true,
1552 |       "requires": {
1553 |         "core-util-is": "~1.0.0",
1554 |         "inherits": "~2.0.1",
1555 |         "isarray": "0.0.1",
1556 |         "string_decoder": "~0.10.x"
1557 |       }
1558 |     },
1559 |     "regexp.prototype.flags": {
1560 |       "version": "1.3.1",
1561 |       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.1.tgz",
1562 |       "integrity": "sha512-JiBdRBq91WlY7uRJ0ds7R+dU02i6LKi8r3BuQhNXn+kmeLN+EfHhfjqMRis1zJxnlu88hq/4dx0P2OP3APRTOA==",
1563 |       "dev": true,
1564 |       "requires": {
1565 |         "call-bind": "^1.0.2",
1566 |         "define-properties": "^1.1.3"
1567 |       }
1568 |     },
1569 |     "regexpp": {
1570 |       "version": "2.0.1",
1571 |       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
1572 |       "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
1573 |       "dev": true
1574 |     },
1575 |     "request": {
1576 |       "version": "2.88.2",
1577 |       "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
1578 |       "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
1579 |       "dev": true,
1580 |       "requires": {
1581 |         "aws-sign2": "~0.7.0",
1582 |         "aws4": "^1.8.0",
1583 |         "caseless": "~0.12.0",
1584 |         "combined-stream": "~1.0.6",
1585 |         "extend": "~3.0.2",
1586 |         "forever-agent": "~0.6.1",
1587 |         "form-data": "~2.3.2",
1588 |         "har-validator": "~5.1.3",
1589 |         "http-signature": "~1.2.0",
1590 |         "is-typedarray": "~1.0.0",
1591 |         "isstream": "~0.1.2",
1592 |         "json-stringify-safe": "~5.0.1",
1593 |         "mime-types": "~2.1.19",
1594 |         "oauth-sign": "~0.9.0",
1595 |         "performance-now": "^2.1.0",
1596 |         "qs": "~6.5.2",
1597 |         "safe-buffer": "^5.1.2",
1598 |         "tough-cookie": "~2.5.0",
1599 |         "tunnel-agent": "^0.6.0",
1600 |         "uuid": "^3.3.2"
1601 |       },
1602 |       "dependencies": {
1603 |         "tough-cookie": {
1604 |           "version": "2.5.0",
1605 |           "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
1606 |           "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
1607 |           "dev": true,
1608 |           "requires": {
1609 |             "psl": "^1.1.28",
1610 |             "punycode": "^2.1.1"
1611 |           }
1612 |         }
1613 |       }
1614 |     },
1615 |     "request-promise-core": {
1616 |       "version": "1.1.4",
1617 |       "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz",
1618 |       "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
1619 |       "dev": true,
1620 |       "requires": {
1621 |         "lodash": "^4.17.19"
1622 |       }
1623 |     },
1624 |     "request-promise-native": {
1625 |       "version": "1.0.9",
1626 |       "resolved": "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.9.tgz",
1627 |       "integrity": "sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==",
1628 |       "dev": true,
1629 |       "requires": {
1630 |         "request-promise-core": "1.1.4",
1631 |         "stealthy-require": "^1.1.1",
1632 |         "tough-cookie": "^2.3.3"
1633 |       },
1634 |       "dependencies": {
1635 |         "tough-cookie": {
1636 |           "version": "2.5.0",
1637 |           "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
1638 |           "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
1639 |           "dev": true,
1640 |           "requires": {
1641 |             "psl": "^1.1.28",
1642 |             "punycode": "^2.1.1"
1643 |           }
1644 |         }
1645 |       }
1646 |     },
1647 |     "resolve": {
1648 |       "version": "1.17.0",
1649 |       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
1650 |       "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
1651 |       "dev": true,
1652 |       "requires": {
1653 |         "path-parse": "^1.0.6"
1654 |       }
1655 |     },
1656 |     "resolve-from": {
1657 |       "version": "4.0.0",
1658 |       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
1659 |       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
1660 |       "dev": true
1661 |     },
1662 |     "restore-cursor": {
1663 |       "version": "3.1.0",
1664 |       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
1665 |       "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
1666 |       "dev": true,
1667 |       "requires": {
1668 |         "onetime": "^5.1.0",
1669 |         "signal-exit": "^3.0.2"
1670 |       }
1671 |     },
1672 |     "resumer": {
1673 |       "version": "0.0.0",
1674 |       "resolved": "https://registry.npmjs.org/resumer/-/resumer-0.0.0.tgz",
1675 |       "integrity": "sha1-8ej0YeQGS6Oegq883CqMiT0HZ1k=",
1676 |       "dev": true,
1677 |       "requires": {
1678 |         "through": "~2.3.4"
1679 |       }
1680 |     },
1681 |     "rimraf": {
1682 |       "version": "2.6.3",
1683 |       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
1684 |       "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
1685 |       "dev": true,
1686 |       "requires": {
1687 |         "glob": "^7.1.3"
1688 |       }
1689 |     },
1690 |     "run-async": {
1691 |       "version": "2.4.1",
1692 |       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
1693 |       "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
1694 |       "dev": true
1695 |     },
1696 |     "rxjs": {
1697 |       "version": "6.6.7",
1698 |       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
1699 |       "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
1700 |       "dev": true,
1701 |       "requires": {
1702 |         "tslib": "^1.9.0"
1703 |       }
1704 |     },
1705 |     "safe-buffer": {
1706 |       "version": "5.2.1",
1707 |       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
1708 |       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
1709 |       "dev": true
1710 |     },
1711 |     "safer-buffer": {
1712 |       "version": "2.1.2",
1713 |       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
1714 |       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
1715 |       "dev": true
1716 |     },
1717 |     "saxes": {
1718 |       "version": "3.1.11",
1719 |       "resolved": "https://registry.npmjs.org/saxes/-/saxes-3.1.11.tgz",
1720 |       "integrity": "sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==",
1721 |       "dev": true,
1722 |       "requires": {
1723 |         "xmlchars": "^2.1.1"
1724 |       }
1725 |     },
1726 |     "semver": {
1727 |       "version": "6.3.0",
1728 |       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
1729 |       "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
1730 |       "dev": true
1731 |     },
1732 |     "shebang-command": {
1733 |       "version": "1.2.0",
1734 |       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
1735 |       "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
1736 |       "dev": true,
1737 |       "requires": {
1738 |         "shebang-regex": "^1.0.0"
1739 |       }
1740 |     },
1741 |     "shebang-regex": {
1742 |       "version": "1.0.0",
1743 |       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
1744 |       "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
1745 |       "dev": true
1746 |     },
1747 |     "signal-exit": {
1748 |       "version": "3.0.3",
1749 |       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
1750 |       "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
1751 |       "dev": true
1752 |     },
1753 |     "slice-ansi": {
1754 |       "version": "2.1.0",
1755 |       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
1756 |       "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
1757 |       "dev": true,
1758 |       "requires": {
1759 |         "ansi-styles": "^3.2.0",
1760 |         "astral-regex": "^1.0.0",
1761 |         "is-fullwidth-code-point": "^2.0.0"
1762 |       },
1763 |       "dependencies": {
1764 |         "is-fullwidth-code-point": {
1765 |           "version": "2.0.0",
1766 |           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
1767 |           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
1768 |           "dev": true
1769 |         }
1770 |       }
1771 |     },
1772 |     "source-map": {
1773 |       "version": "0.6.1",
1774 |       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
1775 |       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
1776 |       "dev": true,
1777 |       "optional": true
1778 |     },
1779 |     "sprintf": {
1780 |       "version": "0.1.5",
1781 |       "resolved": "https://registry.npmjs.org/sprintf/-/sprintf-0.1.5.tgz",
1782 |       "integrity": "sha1-j4PjmpMXwaUCy324BQ5Rxnn27c8=",
1783 |       "dev": true
1784 |     },
1785 |     "sprintf-js": {
1786 |       "version": "1.0.3",
1787 |       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
1788 |       "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
1789 |       "dev": true
1790 |     },
1791 |     "sshpk": {
1792 |       "version": "1.16.1",
1793 |       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
1794 |       "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
1795 |       "dev": true,
1796 |       "requires": {
1797 |         "asn1": "~0.2.3",
1798 |         "assert-plus": "^1.0.0",
1799 |         "bcrypt-pbkdf": "^1.0.0",
1800 |         "dashdash": "^1.12.0",
1801 |         "ecc-jsbn": "~0.1.1",
1802 |         "getpass": "^0.1.1",
1803 |         "jsbn": "~0.1.0",
1804 |         "safer-buffer": "^2.0.2",
1805 |         "tweetnacl": "~0.14.0"
1806 |       }
1807 |     },
1808 |     "stealthy-require": {
1809 |       "version": "1.1.1",
1810 |       "resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
1811 |       "integrity": "sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=",
1812 |       "dev": true
1813 |     },
1814 |     "string-width": {
1815 |       "version": "4.2.2",
1816 |       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
1817 |       "integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
1818 |       "dev": true,
1819 |       "requires": {
1820 |         "emoji-regex": "^8.0.0",
1821 |         "is-fullwidth-code-point": "^3.0.0",
1822 |         "strip-ansi": "^6.0.0"
1823 |       },
1824 |       "dependencies": {
1825 |         "ansi-regex": {
1826 |           "version": "5.0.0",
1827 |           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
1828 |           "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
1829 |           "dev": true
1830 |         },
1831 |         "strip-ansi": {
1832 |           "version": "6.0.0",
1833 |           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
1834 |           "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
1835 |           "dev": true,
1836 |           "requires": {
1837 |             "ansi-regex": "^5.0.0"
1838 |           }
1839 |         }
1840 |       }
1841 |     },
1842 |     "string.prototype.trim": {
1843 |       "version": "1.2.4",
1844 |       "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.4.tgz",
1845 |       "integrity": "sha512-hWCk/iqf7lp0/AgTF7/ddO1IWtSNPASjlzCicV5irAVdE1grjsneK26YG6xACMBEdCvO8fUST0UzDMh/2Qy+9Q==",
1846 |       "dev": true,
1847 |       "requires": {
1848 |         "call-bind": "^1.0.2",
1849 |         "define-properties": "^1.1.3",
1850 |         "es-abstract": "^1.18.0-next.2"
1851 |       }
1852 |     },
1853 |     "string.prototype.trimend": {
1854 |       "version": "1.0.4",
1855 |       "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
1856 |       "integrity": "sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==",
1857 |       "dev": true,
1858 |       "requires": {
1859 |         "call-bind": "^1.0.2",
1860 |         "define-properties": "^1.1.3"
1861 |       }
1862 |     },
1863 |     "string.prototype.trimstart": {
1864 |       "version": "1.0.4",
1865 |       "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
1866 |       "integrity": "sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==",
1867 |       "dev": true,
1868 |       "requires": {
1869 |         "call-bind": "^1.0.2",
1870 |         "define-properties": "^1.1.3"
1871 |       }
1872 |     },
1873 |     "string_decoder": {
1874 |       "version": "0.10.31",
1875 |       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
1876 |       "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
1877 |       "dev": true
1878 |     },
1879 |     "strip-ansi": {
1880 |       "version": "5.2.0",
1881 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
1882 |       "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
1883 |       "dev": true,
1884 |       "requires": {
1885 |         "ansi-regex": "^4.1.0"
1886 |       }
1887 |     },
1888 |     "strip-json-comments": {
1889 |       "version": "3.1.1",
1890 |       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
1891 |       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
1892 |       "dev": true
1893 |     },
1894 |     "supports-color": {
1895 |       "version": "5.5.0",
1896 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
1897 |       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
1898 |       "dev": true,
1899 |       "requires": {
1900 |         "has-flag": "^3.0.0"
1901 |       }
1902 |     },
1903 |     "symbol-tree": {
1904 |       "version": "3.2.4",
1905 |       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
1906 |       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
1907 |       "dev": true
1908 |     },
1909 |     "table": {
1910 |       "version": "5.4.6",
1911 |       "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
1912 |       "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
1913 |       "dev": true,
1914 |       "requires": {
1915 |         "ajv": "^6.10.2",
1916 |         "lodash": "^4.17.14",
1917 |         "slice-ansi": "^2.1.0",
1918 |         "string-width": "^3.0.0"
1919 |       },
1920 |       "dependencies": {
1921 |         "emoji-regex": {
1922 |           "version": "7.0.3",
1923 |           "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
1924 |           "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
1925 |           "dev": true
1926 |         },
1927 |         "is-fullwidth-code-point": {
1928 |           "version": "2.0.0",
1929 |           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
1930 |           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
1931 |           "dev": true
1932 |         },
1933 |         "string-width": {
1934 |           "version": "3.1.0",
1935 |           "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
1936 |           "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
1937 |           "dev": true,
1938 |           "requires": {
1939 |             "emoji-regex": "^7.0.1",
1940 |             "is-fullwidth-code-point": "^2.0.0",
1941 |             "strip-ansi": "^5.1.0"
1942 |           }
1943 |         }
1944 |       }
1945 |     },
1946 |     "tap-parser": {
1947 |       "version": "0.4.3",
1948 |       "resolved": "https://registry.npmjs.org/tap-parser/-/tap-parser-0.4.3.tgz",
1949 |       "integrity": "sha1-pOrhkMENdsehEZIf84u+TVjwnuo=",
1950 |       "dev": true,
1951 |       "requires": {
1952 |         "inherits": "~2.0.1",
1953 |         "readable-stream": "~1.1.11"
1954 |       }
1955 |     },
1956 |     "tape": {
1957 |       "version": "4.13.3",
1958 |       "resolved": "https://registry.npmjs.org/tape/-/tape-4.13.3.tgz",
1959 |       "integrity": "sha512-0/Y20PwRIUkQcTCSi4AASs+OANZZwqPKaipGCEwp10dQMipVvSZwUUCi01Y/OklIGyHKFhIcjock+DKnBfLAFw==",
1960 |       "dev": true,
1961 |       "requires": {
1962 |         "deep-equal": "~1.1.1",
1963 |         "defined": "~1.0.0",
1964 |         "dotignore": "~0.1.2",
1965 |         "for-each": "~0.3.3",
1966 |         "function-bind": "~1.1.1",
1967 |         "glob": "~7.1.6",
1968 |         "has": "~1.0.3",
1969 |         "inherits": "~2.0.4",
1970 |         "is-regex": "~1.0.5",
1971 |         "minimist": "~1.2.5",
1972 |         "object-inspect": "~1.7.0",
1973 |         "resolve": "~1.17.0",
1974 |         "resumer": "~0.0.0",
1975 |         "string.prototype.trim": "~1.2.1",
1976 |         "through": "~2.3.8"
1977 |       },
1978 |       "dependencies": {
1979 |         "defined": {
1980 |           "version": "1.0.0",
1981 |           "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
1982 |           "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
1983 |           "dev": true
1984 |         },
1985 |         "minimist": {
1986 |           "version": "1.2.5",
1987 |           "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
1988 |           "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
1989 |           "dev": true
1990 |         }
1991 |       }
1992 |     },
1993 |     "text-table": {
1994 |       "version": "0.2.0",
1995 |       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
1996 |       "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
1997 |       "dev": true
1998 |     },
1999 |     "through": {
2000 |       "version": "2.3.8",
2001 |       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
2002 |       "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
2003 |       "dev": true
2004 |     },
2005 |     "through2": {
2006 |       "version": "0.2.3",
2007 |       "resolved": "https://registry.npmjs.org/through2/-/through2-0.2.3.tgz",
2008 |       "integrity": "sha1-6zKE2k6jEbbMis42U3SKUqvyWj8=",
2009 |       "dev": true,
2010 |       "requires": {
2011 |         "readable-stream": "~1.1.9",
2012 |         "xtend": "~2.1.1"
2013 |       }
2014 |     },
2015 |     "tmp": {
2016 |       "version": "0.0.33",
2017 |       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
2018 |       "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
2019 |       "dev": true,
2020 |       "requires": {
2021 |         "os-tmpdir": "~1.0.2"
2022 |       }
2023 |     },
2024 |     "tough-cookie": {
2025 |       "version": "3.0.1",
2026 |       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-3.0.1.tgz",
2027 |       "integrity": "sha512-yQyJ0u4pZsv9D4clxO69OEjLWYw+jbgspjTue4lTQZLfV0c5l1VmK2y1JK8E9ahdpltPOaAThPcp5nKPUgSnsg==",
2028 |       "dev": true,
2029 |       "requires": {
2030 |         "ip-regex": "^2.1.0",
2031 |         "psl": "^1.1.28",
2032 |         "punycode": "^2.1.1"
2033 |       }
2034 |     },
2035 |     "tr46": {
2036 |       "version": "1.0.1",
2037 |       "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
2038 |       "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
2039 |       "dev": true,
2040 |       "requires": {
2041 |         "punycode": "^2.1.0"
2042 |       }
2043 |     },
2044 |     "tslib": {
2045 |       "version": "1.14.1",
2046 |       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
2047 |       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
2048 |       "dev": true
2049 |     },
2050 |     "tunnel-agent": {
2051 |       "version": "0.6.0",
2052 |       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
2053 |       "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
2054 |       "dev": true,
2055 |       "requires": {
2056 |         "safe-buffer": "^5.0.1"
2057 |       }
2058 |     },
2059 |     "tweetnacl": {
2060 |       "version": "0.14.5",
2061 |       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
2062 |       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
2063 |       "dev": true
2064 |     },
2065 |     "type-check": {
2066 |       "version": "0.3.2",
2067 |       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
2068 |       "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
2069 |       "dev": true,
2070 |       "requires": {
2071 |         "prelude-ls": "~1.1.2"
2072 |       }
2073 |     },
2074 |     "type-fest": {
2075 |       "version": "0.8.1",
2076 |       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
2077 |       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
2078 |       "dev": true
2079 |     },
2080 |     "unbox-primitive": {
2081 |       "version": "1.0.1",
2082 |       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
2083 |       "integrity": "sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==",
2084 |       "dev": true,
2085 |       "requires": {
2086 |         "function-bind": "^1.1.1",
2087 |         "has-bigints": "^1.0.1",
2088 |         "has-symbols": "^1.0.2",
2089 |         "which-boxed-primitive": "^1.0.2"
2090 |       }
2091 |     },
2092 |     "uri-js": {
2093 |       "version": "4.4.1",
2094 |       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
2095 |       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
2096 |       "dev": true,
2097 |       "requires": {
2098 |         "punycode": "^2.1.0"
2099 |       }
2100 |     },
2101 |     "uuid": {
2102 |       "version": "3.4.0",
2103 |       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
2104 |       "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
2105 |       "dev": true
2106 |     },
2107 |     "v8-compile-cache": {
2108 |       "version": "2.3.0",
2109 |       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
2110 |       "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
2111 |       "dev": true
2112 |     },
2113 |     "verror": {
2114 |       "version": "1.10.0",
2115 |       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
2116 |       "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
2117 |       "dev": true,
2118 |       "requires": {
2119 |         "assert-plus": "^1.0.0",
2120 |         "core-util-is": "1.0.2",
2121 |         "extsprintf": "^1.2.0"
2122 |       }
2123 |     },
2124 |     "w3c-hr-time": {
2125 |       "version": "1.0.2",
2126 |       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
2127 |       "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
2128 |       "dev": true,
2129 |       "requires": {
2130 |         "browser-process-hrtime": "^1.0.0"
2131 |       }
2132 |     },
2133 |     "w3c-xmlserializer": {
2134 |       "version": "1.1.2",
2135 |       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz",
2136 |       "integrity": "sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==",
2137 |       "dev": true,
2138 |       "requires": {
2139 |         "domexception": "^1.0.1",
2140 |         "webidl-conversions": "^4.0.2",
2141 |         "xml-name-validator": "^3.0.0"
2142 |       }
2143 |     },
2144 |     "webidl-conversions": {
2145 |       "version": "4.0.2",
2146 |       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
2147 |       "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
2148 |       "dev": true
2149 |     },
2150 |     "whatwg-encoding": {
2151 |       "version": "1.0.5",
2152 |       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
2153 |       "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
2154 |       "dev": true,
2155 |       "requires": {
2156 |         "iconv-lite": "0.4.24"
2157 |       }
2158 |     },
2159 |     "whatwg-mimetype": {
2160 |       "version": "2.3.0",
2161 |       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
2162 |       "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==",
2163 |       "dev": true
2164 |     },
2165 |     "whatwg-url": {
2166 |       "version": "7.1.0",
2167 |       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
2168 |       "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
2169 |       "dev": true,
2170 |       "requires": {
2171 |         "lodash.sortby": "^4.7.0",
2172 |         "tr46": "^1.0.1",
2173 |         "webidl-conversions": "^4.0.2"
2174 |       }
2175 |     },
2176 |     "which": {
2177 |       "version": "1.3.1",
2178 |       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
2179 |       "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
2180 |       "dev": true,
2181 |       "requires": {
2182 |         "isexe": "^2.0.0"
2183 |       }
2184 |     },
2185 |     "which-boxed-primitive": {
2186 |       "version": "1.0.2",
2187 |       "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
2188 |       "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
2189 |       "dev": true,
2190 |       "requires": {
2191 |         "is-bigint": "^1.0.1",
2192 |         "is-boolean-object": "^1.1.0",
2193 |         "is-number-object": "^1.0.4",
2194 |         "is-string": "^1.0.5",
2195 |         "is-symbol": "^1.0.3"
2196 |       }
2197 |     },
2198 |     "word-wrap": {
2199 |       "version": "1.2.3",
2200 |       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
2201 |       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
2202 |       "dev": true
2203 |     },
2204 |     "wrappy": {
2205 |       "version": "1.0.2",
2206 |       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
2207 |       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
2208 |       "dev": true
2209 |     },
2210 |     "write": {
2211 |       "version": "1.0.3",
2212 |       "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
2213 |       "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
2214 |       "dev": true,
2215 |       "requires": {
2216 |         "mkdirp": "^0.5.1"
2217 |       }
2218 |     },
2219 |     "ws": {
2220 |       "version": "7.4.4",
2221 |       "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.4.tgz",
2222 |       "integrity": "sha512-Qm8k8ojNQIMx7S+Zp8u/uHOx7Qazv3Yv4q68MiWWWOJhiwG5W3x7iqmRtJo8xxrciZUY4vRxUTJCKuRnF28ZZw==",
2223 |       "dev": true
2224 |     },
2225 |     "xml-name-validator": {
2226 |       "version": "3.0.0",
2227 |       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
2228 |       "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==",
2229 |       "dev": true
2230 |     },
2231 |     "xmlchars": {
2232 |       "version": "2.2.0",
2233 |       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
2234 |       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
2235 |       "dev": true
2236 |     },
2237 |     "xtend": {
2238 |       "version": "2.1.2",
2239 |       "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.1.2.tgz",
2240 |       "integrity": "sha1-bv7MKk2tjmlixJAbM3znuoe10os=",
2241 |       "dev": true,
2242 |       "requires": {
2243 |         "object-keys": "~0.4.0"
2244 |       },
2245 |       "dependencies": {
2246 |         "object-keys": {
2247 |           "version": "0.4.0",
2248 |           "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-0.4.0.tgz",
2249 |           "integrity": "sha1-KKaq50KN0sOpLz2V8hM13SBOAzY=",
2250 |           "dev": true
2251 |         }
2252 |       }
2253 |     }
2254 |   }
2255 | }
2256 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "petit-dom",
 3 |   "version": "0.6.0",
 4 |   "description": "Minimalist virtual dom library",
 5 |   "type": "module",
 6 |   "main": "./src/index.js",
 7 |   "repository": {
 8 |     "type": "git",
 9 |     "url": "git+https://github.com/yelouafi/petit-dom.git"
10 |   },
11 |   "license": "MIT",
12 |   "bugs": {
13 |     "url": "https://github.com/yelouafi/petit-dom/issues"
14 |   },
15 |   "keywords": [
16 |     "javascript",
17 |     "virtual dom"
18 |   ],
19 |   "author": "Yassine ELOUAFI <yelouafi@gmail.com>",
20 |   "devDependencies": {
21 |     "eslint": "^6.4.0",
22 |     "faucet": "^0.0.1",
23 |     "jsdom": "^15.1.1",
24 |     "tape": "^4.11.0"
25 |   },
26 |   "scripts": {
27 |     "lint": "eslint src test",
28 |     "test": "node test/index.js | faucet",
29 |     "check": "npm run lint && npm run test",
30 |     "release:patch": "npm version patch && git push --follow-tags && npm publish",
31 |     "release:minor": "npm version minor && git push --follow-tags && npm publish",
32 |     "release:major": "npm version major && git push --follow-tags && npm publish"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/src/dom.js:
--------------------------------------------------------------------------------
  1 | export const REF_SINGLE = 1; // ref with a single dom node
  2 | export const REF_ARRAY = 4; // ref with an array od nodes
  3 | export const REF_PARENT = 8; // ref with a child ref
  4 | 
  5 | export const SVG_NS = "http://www.w3.org/2000/svg";
  6 | 
  7 | function propDirective(prop) {
  8 |   return {
  9 |     mount(element, value) {
 10 |       element[prop] = value;
 11 |     },
 12 |     patch(element, newValue, oldValue) {
 13 |       if (newValue !== oldValue) {
 14 |         element[prop] = newValue;
 15 |       }
 16 |     },
 17 |     unmount(element, _) {
 18 |       element[prop] = null;
 19 |     },
 20 |   };
 21 | }
 22 | 
 23 | export const DOM_PROPS_DIRECTIVES = {
 24 |   selected: propDirective("selected"),
 25 |   checked: propDirective("checked"),
 26 |   value: propDirective("value"),
 27 |   innerHTML: propDirective("innerHTML"),
 28 | };
 29 | /**
 30 |   TODO: activate full namespaced attributes (not supported in JSX)
 31 |   const XML_NS = "http://www.w3.org/XML/1998/namespace"
 32 | **/
 33 | const XLINK_NS = "http://www.w3.org/1999/xlink";
 34 | const NS_ATTRS = {
 35 |   show: XLINK_NS,
 36 |   actuate: XLINK_NS,
 37 |   href: XLINK_NS,
 38 | };
 39 | 
 40 | export function getDomNode(ref) {
 41 |   if (ref.type === REF_SINGLE) {
 42 |     return ref.node;
 43 |   } else if (ref.type === REF_ARRAY) {
 44 |     return getDomNode(ref.children[0]);
 45 |   } else if (ref.type === REF_PARENT) {
 46 |     return getDomNode(ref.childRef);
 47 |   }
 48 |   throw new Error("Unkown ref type " + JSON.stringify(ref));
 49 | }
 50 | 
 51 | export function getParentNode(ref) {
 52 |   if (ref.type === REF_SINGLE) {
 53 |     return ref.node.parentNode;
 54 |   } else if (ref.type === REF_ARRAY) {
 55 |     return getParentNode(ref.children[0]);
 56 |   } else if (ref.type === REF_PARENT) {
 57 |     return getParentNode(ref.childRef);
 58 |   }
 59 |   throw new Error("Unkown ref type " + ref);
 60 | }
 61 | 
 62 | export function getNextSibling(ref) {
 63 |   if (ref.type === REF_SINGLE) {
 64 |     return ref.node.nextSibling;
 65 |   } else if (ref.type === REF_ARRAY) {
 66 |     return getNextSibling(ref.children[ref.children.length - 1]);
 67 |   } else if (ref.type === REF_PARENT) {
 68 |     return getNextSibling(ref.childRef);
 69 |   }
 70 |   throw new Error("Unkown ref type " + JSON.stringify(ref));
 71 | }
 72 | 
 73 | export function insertDom(parent, ref, nextSibling) {
 74 |   if (ref.type === REF_SINGLE) {
 75 |     parent.insertBefore(ref.node, nextSibling);
 76 |   } else if (ref.type === REF_ARRAY) {
 77 |     ref.children.forEach((ch) => {
 78 |       insertDom(parent, ch, nextSibling);
 79 |     });
 80 |   } else if (ref.type === REF_PARENT) {
 81 |     insertDom(parent, ref.childRef, nextSibling);
 82 |   } else {
 83 |     throw new Error("Unkown ref type " + JSON.stringify(ref));
 84 |   }
 85 | }
 86 | 
 87 | export function removeDom(parent, ref) {
 88 |   if (ref.type === REF_SINGLE) {
 89 |     parent.removeChild(ref.node);
 90 |   } else if (ref.type === REF_ARRAY) {
 91 |     ref.children.forEach((ch) => {
 92 |       removeDom(parent, ch);
 93 |     });
 94 |   } else if (ref.type === REF_PARENT) {
 95 |     removeDom(parent, ref.childRef);
 96 |   } else {
 97 |     throw new Error("Unkown ref type " + ref);
 98 |   }
 99 | }
100 | 
101 | export function replaceDom(parent, newRef, oldRef) {
102 |   insertDom(parent, newRef, getDomNode(oldRef));
103 |   removeDom(parent, oldRef);
104 | }
105 | 
106 | export function mountDirectives(domElement, props, env) {
107 |   for (let key in props) {
108 |     if (key in env.directives) {
109 |       env.directives[key].mount(domElement, props[key]);
110 |     }
111 |   }
112 | }
113 | 
114 | export function patchDirectives(domElement, newProps, oldProps, env) {
115 |   for (let key in newProps) {
116 |     if (key in env.directives) {
117 |       env.directives[key].patch(domElement, newProps[key], oldProps[key]);
118 |     }
119 |   }
120 |   for (let key in oldProps) {
121 |     if (key in env.directives && !(key in newProps)) {
122 |       env.directives[key].unmount(domElement, oldProps[key]);
123 |     }
124 |   }
125 | }
126 | 
127 | export function unmountDirectives(domElement, props, env) {
128 |   for (let key in props) {
129 |     if (key in env.directives) {
130 |       env.directives[key].unmount(domElement, props[key]);
131 |     }
132 |   }
133 | }
134 | 
135 | export function mountAttributes(domElement, props, env) {
136 |   for (var key in props) {
137 |     if (key === "key" || key === "children" || key in env.directives) continue;
138 |     if (key.startsWith("on")) {
139 |       domElement[key.toLowerCase()] = props[key];
140 |     } else {
141 |       setDOMAttribute(domElement, key, props[key], env.isSVG);
142 |     }
143 |   }
144 | }
145 | 
146 | export function patchAttributes(domElement, newProps, oldProps, env) {
147 |   for (var key in newProps) {
148 |     if (key === "key" || key === "children" || key in env.directives) continue;
149 |     var oldValue = oldProps[key];
150 |     var newValue = newProps[key];
151 |     if (oldValue !== newValue) {
152 |       if (key.startsWith("on")) {
153 |         domElement[key.toLowerCase()] = newValue;
154 |       } else {
155 |         setDOMAttribute(domElement, key, newValue, env.isSVG);
156 |       }
157 |     }
158 |   }
159 |   for (key in oldProps) {
160 |     if (
161 |       key === "key" ||
162 |       key === "children" ||
163 |       key in env.directives ||
164 |       key in newProps
165 |     )
166 |       continue;
167 |     if (key.startsWith("on")) {
168 |       domElement[key.toLowerCase()] = null;
169 |     } else {
170 |       domElement.removeAttribute(key);
171 |     }
172 |   }
173 | }
174 | 
175 | function setDOMAttribute(el, attr, value, isSVG) {
176 |   if (value === true) {
177 |     el.setAttribute(attr, "");
178 |   } else if (value === false) {
179 |     el.removeAttribute(attr);
180 |   } else {
181 |     var namespace = isSVG ? NS_ATTRS[attr] : undefined;
182 |     if (namespace !== undefined) {
183 |       el.setAttributeNS(namespace, attr, value);
184 |     } else {
185 |       el.setAttribute(attr, value);
186 |     }
187 |   }
188 | }
189 | 


--------------------------------------------------------------------------------
/src/h.js:
--------------------------------------------------------------------------------
 1 | export const EMPTY_OBJECT = {};
 2 | 
 3 | const VTYPE_ELEMENT = 1;
 4 | const VTYPE_FUNCTION = 2;
 5 | const VTYPE_COMPONENT = 4;
 6 | 
 7 | export const isEmpty = (c) =>
 8 |   c === null || (Array.isArray(c) && c.length === 0);
 9 | export const isNonEmptyArray = (c) => Array.isArray(c) && c.length > 0;
10 | export const isLeaf = (c) => typeof c === "string" || typeof c === "number";
11 | export const isElement = (c) => c?.vtype === VTYPE_ELEMENT;
12 | export const isRenderFunction = (c) => c?.vtype === VTYPE_FUNCTION;
13 | export const isComponent = (c) => c?.vtype === VTYPE_COMPONENT;
14 | 
15 | const isValidComponentType = (c) => typeof c?.mount === "function";
16 | 
17 | export function h(type, props, ...children) {
18 |   props = props ?? EMPTY_OBJECT;
19 | 
20 |   props =
21 |     children.length > 1
22 |       ? Object.assign({}, props, { children })
23 |       : children.length === 1
24 |       ? Object.assign({}, props, { children: children[0] })
25 |       : props;
26 | 
27 |   return jsx(type, props, props.key);
28 | }
29 | 
30 | export function jsx(type, props, key) {
31 |   if (key !== key) throw new Error("Invalid NaN key");
32 |   const vtype =
33 |     typeof type === "string"
34 |       ? VTYPE_ELEMENT
35 |       : isValidComponentType(type)
36 |       ? VTYPE_COMPONENT
37 |       : typeof type === "function"
38 |       ? VTYPE_FUNCTION
39 |       : undefined;
40 |   if (vtype === undefined) throw new Error("Invalid VNode type");
41 |   return {
42 |     vtype,
43 |     type,
44 |     key,
45 |     props,
46 |   };
47 | }
48 | 
49 | export const jsxs = jsx;
50 | 
51 | export function Fragment(props) {
52 |   return props.children;
53 | }
54 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | export { h, jsx, Fragment } from "./h.js";
 2 | export { getParentNode } from "./dom.js";
 3 | import { insertDom } from "./dom.js";
 4 | import { mount, patchInPlace, DEFAULT_ENV } from "./vdom.js";
 5 | 
 6 | export function render(vnode, parentDomNode, options = {}) {
 7 |   let rootRef = parentDomNode.$$PETIT_DOM_REF;
 8 |   let env = Object.assign({}, DEFAULT_ENV);
 9 |   Object.assign(env.directives, options.directives);
10 |   if (rootRef == null) {
11 |     const ref = mount(vnode, env);
12 |     parentDomNode.$$PETIT_DOM_REF = { ref, vnode };
13 |     parentDomNode.textContent = "";
14 |     insertDom(parentDomNode, ref, null);
15 |   } else {
16 |     rootRef.ref = patchInPlace(
17 |       parentDomNode,
18 |       vnode,
19 |       rootRef.vnode,
20 |       rootRef.ref,
21 |       env
22 |     );
23 |     rootRef.vnode = vnode;
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/src/vdom.js:
--------------------------------------------------------------------------------
  1 | import {
  2 |   isEmpty,
  3 |   isLeaf,
  4 |   isElement,
  5 |   isComponent,
  6 |   isNonEmptyArray,
  7 |   isRenderFunction,
  8 | } from "./h.js";
  9 | import {
 10 |   SVG_NS,
 11 |   REF_SINGLE,
 12 |   REF_ARRAY,
 13 |   REF_PARENT,
 14 |   DOM_PROPS_DIRECTIVES,
 15 |   insertDom,
 16 |   replaceDom,
 17 |   removeDom,
 18 |   getDomNode,
 19 |   getNextSibling,
 20 |   mountAttributes,
 21 |   mountDirectives,
 22 |   patchDirectives,
 23 |   unmountDirectives,
 24 |   patchAttributes,
 25 |   getParentNode,
 26 | } from "./dom.js";
 27 | 
 28 | export const DEFAULT_ENV = {
 29 |   isSvg: false,
 30 |   directives: DOM_PROPS_DIRECTIVES,
 31 | };
 32 | 
 33 | class Renderer {
 34 |   constructor(props, env) {
 35 |     this.props = props;
 36 |     this._STATE_ = {
 37 |       env,
 38 |       vnode: null,
 39 |       parentDomNode: null,
 40 |       ref: mount(null),
 41 |     };
 42 |     this.render = this.render.bind(this);
 43 |   }
 44 | 
 45 |   setProps(props) {
 46 |     this.oldProps = this.props;
 47 |     this.props = props;
 48 |   }
 49 | 
 50 |   render(vnode) {
 51 |     const state = this._STATE_;
 52 |     const oldVNode = state.vnode;
 53 |     state.vnode = vnode;
 54 |     if (state.parentDomNode == null) {
 55 |       let parentNode = getParentNode(state.ref);
 56 |       if (parentNode == null) {
 57 |         state.ref = mount(vnode, state.env);
 58 |         return;
 59 |       } else {
 60 |         state.parentDomNode = parentNode;
 61 |       }
 62 |     }
 63 |     // here we're sure state.parentDOMNode is defined
 64 |     state.ref = patchInPlace(
 65 |       state.parentDomNode,
 66 |       vnode,
 67 |       oldVNode,
 68 |       state.ref,
 69 |       state.env
 70 |     );
 71 |   }
 72 | }
 73 | 
 74 | export function mount(vnode, env = DEFAULT_ENV) {
 75 |   if (isEmpty(vnode)) {
 76 |     return {
 77 |       type: REF_SINGLE,
 78 |       node: document.createComment("NULL"),
 79 |     };
 80 |   } else if (isLeaf(vnode)) {
 81 |     return {
 82 |       type: REF_SINGLE,
 83 |       node: document.createTextNode(vnode),
 84 |     };
 85 |   } else if (isElement(vnode)) {
 86 |     let node;
 87 |     let { type, props } = vnode;
 88 |     if (type === "svg" && !env.isSvg) {
 89 |       env = Object.assign({}, env, { isSVG: true });
 90 |     }
 91 |     // TODO : {is} for custom elements
 92 |     if (!env.isSVG) {
 93 |       node = document.createElement(type);
 94 |     } else {
 95 |       node = document.createElementNS(SVG_NS, type);
 96 |     }
 97 |     mountAttributes(node, props, env);
 98 |     let childrenRef =
 99 |       props.children == null ? props.children : mount(props.children, env);
100 |     /**
101 |      * We need to insert content before setting interactive props
102 |      * that rely on children been present (e.g select)
103 |      */
104 |     if (childrenRef != null) insertDom(node, childrenRef);
105 |     mountDirectives(node, props, env);
106 |     return {
107 |       type: REF_SINGLE,
108 |       node,
109 |       children: childrenRef,
110 |     };
111 |   } else if (isNonEmptyArray(vnode)) {
112 |     return {
113 |       type: REF_ARRAY,
114 |       children: vnode.map((child) => mount(child, env)),
115 |     };
116 |   } else if (isRenderFunction(vnode)) {
117 |     let childVNode = vnode.type(vnode.props);
118 |     let childRef = mount(childVNode, env);
119 |     return {
120 |       type: REF_PARENT,
121 |       childRef,
122 |       childState: childVNode,
123 |     };
124 |   } else if (isComponent(vnode)) {
125 |     let renderer = new Renderer(vnode.props, env);
126 |     vnode.type.mount(renderer);
127 |     return {
128 |       type: REF_PARENT,
129 |       childRef: renderer._STATE_.ref,
130 |       childState: renderer,
131 |     };
132 |   } else if (vnode instanceof Node) {
133 |     return {
134 |       type: REF_SINGLE,
135 |       node: vnode,
136 |     };
137 |   }
138 |   if (vnode === undefined) {
139 |     throw new Error("mount: vnode is undefined!");
140 |   }
141 | 
142 |   throw new Error("mount: Invalid Vnode!");
143 | }
144 | 
145 | export function patch(
146 |   parentDomNode,
147 |   newVNode,
148 |   oldVNode,
149 |   ref,
150 |   env = DEFAULT_ENV
151 | ) {
152 |   if (oldVNode === newVNode) {
153 |     return ref;
154 |   } else if (isEmpty(newVNode) && isEmpty(oldVNode)) {
155 |     return ref;
156 |   } else if (isLeaf(newVNode) && isLeaf(oldVNode)) {
157 |     ref.node.nodeValue = newVNode;
158 |     return ref;
159 |   } else if (
160 |     isElement(newVNode) &&
161 |     isElement(oldVNode) &&
162 |     newVNode.type === oldVNode.type
163 |   ) {
164 |     if (newVNode.type === "svg" && !env.isSvg) {
165 |       env = Object.assign({}, env, { isSVG: true });
166 |     }
167 |     patchAttributes(ref.node, newVNode.props, oldVNode.props, env);
168 |     let oldChildren = oldVNode.props.children;
169 |     let newChildren = newVNode.props.children;
170 |     if (oldChildren == null) {
171 |       if (newChildren != null) {
172 |         ref.children = mount(newChildren, env);
173 |         insertDom(ref.node, ref.children);
174 |       }
175 |     } else {
176 |       if (newChildren == null) {
177 |         ref.node.textContent = "";
178 |         unmount(oldChildren, ref.children, env);
179 |         ref.children = null;
180 |       } else {
181 |         ref.children = patchInPlace(
182 |           ref.node,
183 |           newChildren,
184 |           oldChildren,
185 |           ref.children,
186 |           env
187 |         );
188 |       }
189 |     }
190 |     patchDirectives(ref.node, newVNode.props, oldVNode.props, env);
191 |     return ref;
192 |   } else if (isNonEmptyArray(newVNode) && isNonEmptyArray(oldVNode)) {
193 |     patchChildren(parentDomNode, newVNode, oldVNode, ref, env);
194 |     return ref;
195 |   } else if (
196 |     isRenderFunction(newVNode) &&
197 |     isRenderFunction(oldVNode) &&
198 |     newVNode.type === oldVNode.type
199 |   ) {
200 |     let renderFn = newVNode.type;
201 |     let shouldUpdate =
202 |       renderFn.shouldUpdate != null
203 |         ? renderFn.shouldUpdate(oldVNode.props, newVNode.props)
204 |         : defaultShouldUpdate(oldVNode.props, newVNode.props);
205 |     if (shouldUpdate) {
206 |       let childVNode = renderFn(newVNode.props);
207 |       let childRef = patch(
208 |         parentDomNode,
209 |         childVNode,
210 |         ref.childState,
211 |         ref.childRef,
212 |         env
213 |       );
214 |       // We need to return a new ref in order for parent patches to
215 |       // properly replace changing DOM nodes
216 |       if (childRef !== ref.childRef) {
217 |         return {
218 |           type: REF_PARENT,
219 |           childRef,
220 |           childState: childVNode,
221 |         };
222 |       } else {
223 |         ref.childState = childVNode;
224 |         return ref;
225 |       }
226 |     } else {
227 |       return ref;
228 |     }
229 |   } else if (
230 |     isComponent(newVNode) &&
231 |     isComponent(oldVNode) &&
232 |     newVNode.type === oldVNode.type
233 |   ) {
234 |     const renderer = ref.childState;
235 |     const state = renderer._STATE_;
236 |     state.env = env;
237 |     state.parentNode = parentDomNode;
238 |     renderer.setProps(newVNode.props);
239 |     newVNode.type.patch(renderer);
240 |     if (ref.childRef !== state.ref) {
241 |       return {
242 |         type: REF_PARENT,
243 |         childRef: state.ref,
244 |         childState: renderer,
245 |       };
246 |     } else {
247 |       return ref;
248 |     }
249 |   } else if (newVNode instanceof Node && oldVNode instanceof Node) {
250 |     ref.node = newVNode;
251 |     return ref;
252 |   } else {
253 |     return mount(newVNode, env);
254 |   }
255 | }
256 | 
257 | /**
258 |  * Execute any compoenent specific unmount code
259 |  */
260 | export function unmount(vnode, ref, env) {
261 |   // if (vnode instanceof Node ||  isEmpty(vnode) || isLeaf(vnode)) return;
262 |   if (isElement(vnode)) {
263 |     unmountDirectives(ref.node, vnode.props, env);
264 |     if (vnode.props.children != null)
265 |       unmount(vnode.props.children, ref.children, env);
266 |   } else if (isNonEmptyArray(vnode)) {
267 |     vnode.forEach((childVNode, index) =>
268 |       unmount(childVNode, ref.children[index], env)
269 |     );
270 |   } else if (isRenderFunction(vnode)) {
271 |     unmount(ref.childState, ref.childRef, env);
272 |   } else if (isComponent(vnode)) {
273 |     vnode.type.unmount(ref.childState);
274 |   }
275 | }
276 | 
277 | export function patchInPlace(parentDomNode, newVNode, oldVNode, ref, env) {
278 |   const newRef = patch(parentDomNode, newVNode, oldVNode, ref, env);
279 |   if (newRef !== ref) {
280 |     replaceDom(parentDomNode, newRef, ref);
281 |     unmount(oldVNode, ref, env);
282 |   }
283 |   return newRef;
284 | }
285 | 
286 | function patchChildren(parentDomNode, newChildren, oldchildren, ref, env) {
287 |   // We need to retreive the next sibling before the old children
288 |   // get eventually removed from the current DOM document
289 |   const nextNode = getNextSibling(ref);
290 |   const children = Array(newChildren.length);
291 |   let refChildren = ref.children;
292 |   let newStart = 0,
293 |     oldStart = 0,
294 |     newEnd = newChildren.length - 1,
295 |     oldEnd = oldchildren.length - 1;
296 |   let oldVNode, newVNode, oldRef, newRef, refMap;
297 | 
298 |   while (newStart <= newEnd && oldStart <= oldEnd) {
299 |     if (refChildren[oldStart] === null) {
300 |       oldStart++;
301 |       continue;
302 |     }
303 |     if (refChildren[oldEnd] === null) {
304 |       oldEnd--;
305 |       continue;
306 |     }
307 | 
308 |     oldVNode = oldchildren[oldStart];
309 |     newVNode = newChildren[newStart];
310 |     if (newVNode?.key === oldVNode?.key) {
311 |       oldRef = refChildren[oldStart];
312 |       newRef = children[newStart] = patchInPlace(
313 |         parentDomNode,
314 |         newVNode,
315 |         oldVNode,
316 |         oldRef,
317 |         env
318 |       );
319 |       newStart++;
320 |       oldStart++;
321 |       continue;
322 |     }
323 | 
324 |     oldVNode = oldchildren[oldEnd];
325 |     newVNode = newChildren[newEnd];
326 |     if (newVNode?.key === oldVNode?.key) {
327 |       oldRef = refChildren[oldEnd];
328 |       newRef = children[newEnd] = patchInPlace(
329 |         parentDomNode,
330 |         newVNode,
331 |         oldVNode,
332 |         oldRef,
333 |         env
334 |       );
335 |       newEnd--;
336 |       oldEnd--;
337 |       continue;
338 |     }
339 | 
340 |     if (refMap == null) {
341 |       refMap = {};
342 |       for (let i = oldStart; i <= oldEnd; i++) {
343 |         oldVNode = oldchildren[i];
344 |         if (oldVNode?.key != null) {
345 |           refMap[oldVNode.key] = i;
346 |         }
347 |       }
348 |     }
349 | 
350 |     newVNode = newChildren[newStart];
351 |     const idx = newVNode?.key != null ? refMap[newVNode.key] : null;
352 |     if (idx != null) {
353 |       oldVNode = oldchildren[idx];
354 |       oldRef = refChildren[idx];
355 |       newRef = children[newStart] = patch(
356 |         parentDomNode,
357 |         newVNode,
358 |         oldVNode,
359 |         oldRef,
360 |         env
361 |       );
362 |       insertDom(parentDomNode, newRef, getDomNode(refChildren[oldStart]));
363 |       if (newRef !== oldRef) {
364 |         removeDom(parentDomNode, oldRef);
365 |         unmount(oldVNode, oldRef, env);
366 |       }
367 |       refChildren[idx] = null;
368 |     } else {
369 |       newRef = children[newStart] = mount(newVNode, env);
370 |       insertDom(parentDomNode, newRef, getDomNode(refChildren[oldStart]));
371 |     }
372 |     newStart++;
373 |   }
374 | 
375 |   const beforeNode =
376 |     newEnd < newChildren.length - 1
377 |       ? getDomNode(children[newEnd + 1])
378 |       : nextNode;
379 |   while (newStart <= newEnd) {
380 |     const newRef = mount(newChildren[newStart], env);
381 |     children[newStart] = newRef;
382 |     insertDom(parentDomNode, newRef, beforeNode);
383 |     newStart++;
384 |   }
385 |   while (oldStart <= oldEnd) {
386 |     oldRef = refChildren[oldStart];
387 |     if (oldRef != null) {
388 |       removeDom(parentDomNode, oldRef);
389 |       unmount(oldchildren[oldStart], oldRef, env);
390 |     }
391 |     oldStart++;
392 |   }
393 |   ref.children = children;
394 | }
395 | 
396 | function defaultShouldUpdate(p1, p2) {
397 |   if (p1 === p2) return false;
398 |   for (let key in p2) {
399 |     if (p1[key] !== p2[key]) return true;
400 |   }
401 |   return false;
402 | }
403 | 


--------------------------------------------------------------------------------
/test/directives.test.js:
--------------------------------------------------------------------------------
 1 | import test from "tape";
 2 | 
 3 | test("mounting directives", (assert) => {
 4 |   assert.pass("TODO");
 5 |   assert.end();
 6 | });
 7 | 
 8 | test("patching directives", (assert) => {
 9 |   assert.pass("TODO");
10 |   assert.end();
11 | });
12 | 
13 | test("unmounting directives", (assert) => {
14 |   assert.pass("TODO");
15 |   assert.end();
16 | });
17 | 


--------------------------------------------------------------------------------
/test/index.js:
--------------------------------------------------------------------------------
 1 | import jsdom from "jsdom";
 2 | const { JSDOM } = jsdom;
 3 | 
 4 | const { document, Node } = new JSDOM(`<!DOCTYPE html><body></body>`).window;
 5 | global.document = document;
 6 | global.Node = Node;
 7 | 
 8 | import "./mount.test.js";
 9 | import "./patch.test.js";
10 | import "./range.test.js";
11 | import "./select.test.js";
12 | 


--------------------------------------------------------------------------------
/test/mount.test.js:
--------------------------------------------------------------------------------
  1 | import test from "tape";
  2 | import { h, render } from "../src/index.js";
  3 | 
  4 | test("DOM node", (assert) => {
  5 |   const root = document.createElement("div");
  6 | 
  7 |   const vnode = document.createTextNode("dom node");
  8 | 
  9 |   render(vnode, root);
 10 | 
 11 |   assert.equal(root.firstChild, vnode);
 12 |   assert.end();
 13 | });
 14 | 
 15 | test("text node", (assert) => {
 16 |   const root = document.createElement("div");
 17 | 
 18 |   render("raw text", root);
 19 |   let node = root.firstChild;
 20 |   assert.equal(node.nodeName, "#text");
 21 |   assert.equal(node.nodeValue, "raw text");
 22 |   assert.end();
 23 | });
 24 | 
 25 | test("simple element", (assert) => {
 26 |   const root = document.createElement("div");
 27 |   const vnode = h(
 28 |     "span",
 29 |     // JSDOM bug?
 30 |     { /*"data-type": "span",*/ class: "input", style: "color: red" },
 31 |     "span content"
 32 |   );
 33 |   render(vnode, root);
 34 |   const node = root.firstChild;
 35 | 
 36 |   assert.equal(node.nodeName, "SPAN");
 37 |   //assert.equal(node.dataset.type, "span");
 38 |   assert.equal(node.className, "input");
 39 |   assert.equal(node.style.color, "red");
 40 |   assert.equal(node.childNodes.length, 1);
 41 |   assert.equal(node.firstChild.nodeValue, "span content");
 42 |   assert.end();
 43 | });
 44 | 
 45 | test("simple element without children", (assert) => {
 46 |   const root = document.createElement("div");
 47 | 
 48 |   const vnode = h("input", { type: "text" });
 49 | 
 50 |   render(vnode, root);
 51 |   const node = root.firstChild;
 52 | 
 53 |   assert.equal(node.nodeName, "INPUT");
 54 |   assert.equal(node.type, "text");
 55 |   assert.equal(node.childNodes.length, 0);
 56 |   assert.end();
 57 | });
 58 | 
 59 | test("element with multiple children", (assert) => {
 60 |   const root = document.createElement("div");
 61 | 
 62 |   const vnode = h(
 63 |     "div",
 64 |     null,
 65 |     h("span", null, "span text"),
 66 |     h("input", { type: "number" }),
 67 |     "raw text"
 68 |   );
 69 | 
 70 |   render(vnode, root);
 71 |   const node = root.firstChild;
 72 | 
 73 |   assert.equal(node.nodeName, "DIV");
 74 |   assert.equal(node.childNodes.length, 3);
 75 | 
 76 |   const span = node.childNodes[0];
 77 |   assert.equal(span.nodeName, "SPAN");
 78 |   assert.equal(span.childNodes.length, 1);
 79 |   assert.equal(span.firstChild.nodeValue, "span text");
 80 | 
 81 |   const input = node.childNodes[1];
 82 |   assert.equal(input.nodeName, "INPUT");
 83 |   assert.equal(input.childNodes.length, 0);
 84 |   assert.equal(input.type, "number");
 85 | 
 86 |   const text = node.childNodes[2];
 87 |   assert.equal(text.nodeName, "#text");
 88 |   assert.equal(text.nodeValue, "raw text");
 89 | 
 90 |   assert.end();
 91 | });
 92 | 
 93 | test("element with nested array", (assert) => {
 94 |   const root = document.createElement("div");
 95 | 
 96 |   const vnode = h(
 97 |     "div",
 98 |     null,
 99 |     h("span", null, ["span text"]),
100 |     [h("input", { type: "number" }), ["nested text"]],
101 |     "raw text"
102 |   );
103 | 
104 |   render(vnode, root);
105 |   const node = root.firstChild;
106 | 
107 |   assert.equal(node.nodeName, "DIV");
108 |   assert.equal(node.childNodes.length, 4);
109 | 
110 |   const span = node.childNodes[0];
111 |   assert.equal(span.nodeName, "SPAN");
112 |   assert.equal(span.childNodes.length, 1);
113 |   assert.equal(span.firstChild.nodeValue, "span text");
114 | 
115 |   const input = node.childNodes[1];
116 |   assert.equal(input.nodeName, "INPUT");
117 |   assert.equal(input.childNodes.length, 0);
118 |   assert.equal(input.type, "number");
119 | 
120 |   const text1 = node.childNodes[2];
121 |   assert.equal(text1.nodeName, "#text");
122 |   assert.equal(text1.nodeValue, "nested text");
123 | 
124 |   const text2 = node.childNodes[3];
125 |   assert.equal(text2.nodeName, "#text");
126 |   assert.equal(text2.nodeValue, "raw text");
127 | 
128 |   assert.end();
129 | });
130 | 
131 | test("render functions", (assert) => {
132 |   const root = document.createElement("div");
133 | 
134 |   function Box(props) {
135 |     return h("h1", { title: props.title }, props.children);
136 |   }
137 | 
138 |   const vnode = h(Box, { title: "box title" }, "box content");
139 | 
140 |   render(vnode, root);
141 |   const node = root.firstChild;
142 | 
143 |   assert.equal(node.nodeName, "H1");
144 |   assert.equal(node.title, "box title");
145 |   assert.equal(node.childNodes.length, 1);
146 |   assert.equal(node.firstChild.nodeValue, "box content");
147 |   assert.end();
148 | });
149 | 
150 | test("Component/sync rendering", (assert) => {
151 |   const root = document.createElement("div");
152 | 
153 |   const MyComponent = {
154 |     mount(me) {
155 |       me.render(me.props.some_prop);
156 |     },
157 |   };
158 | 
159 |   const props = { some_prop: "some_prop" };
160 |   const vnode = h(MyComponent, props);
161 | 
162 |   render(vnode, root);
163 |   const node = root.firstChild;
164 |   assert.equal(node.nodeValue, props.some_prop);
165 | 
166 |   assert.end();
167 | });
168 | 
169 | test("Mount Component/async rendering", (assert) => {
170 |   const root = document.createElement("div");
171 | 
172 |   let p = new Promise((resolve) => setTimeout(resolve, 0));
173 |   const MyComponent = {
174 |     mount: (me) => {
175 |       p = p.then(() => {
176 |         me.render(me.props.prop);
177 |       }, 0);
178 |     },
179 |   };
180 | 
181 |   render(h(MyComponent, { prop: "prop1" }), root);
182 | 
183 |   assert.equal(root.firstChild.nodeType, 8 /* comment node */);
184 | 
185 |   p.then(() => {
186 |     assert.equal(root.firstChild.nodeValue, "prop1");
187 |     assert.end();
188 |   });
189 | });
190 | 
191 | test("svg elements", (assert) => {
192 |   const root = document.createElement("div");
193 | 
194 |   const onclick = () => {};
195 | 
196 |   const vnode = h(
197 |     "div",
198 |     null,
199 |     h("span", null, "..."),
200 |     h(
201 |       "svg",
202 |       { width: 100, height: 200 },
203 |       h("circle", { cx: 50, cy: 60, r: 40 }),
204 |       h("a", { href: "/link", show: "/link2", actuate: "/link3" })
205 |     ),
206 |     h("span", { onclick }, "...")
207 |   );
208 | 
209 |   render(vnode, root);
210 |   const node = root.firstChild;
211 | 
212 |   assert.equal(node.childNodes.length, 3);
213 | 
214 |   const svgNode = node.childNodes[1];
215 |   assert.equal(svgNode.nodeName, "svg");
216 |   assert.equal(svgNode.namespaceURI, "http://www.w3.org/2000/svg");
217 |   assert.equal(svgNode.getAttribute("width"), "100");
218 |   assert.equal(svgNode.getAttribute("height"), "200");
219 |   assert.equal(svgNode.childNodes.length, 2);
220 | 
221 |   const svgCircle = svgNode.childNodes[0];
222 |   assert.equal(svgCircle.nodeName, "circle");
223 |   assert.equal(svgCircle.namespaceURI, "http://www.w3.org/2000/svg");
224 |   assert.equal(svgCircle.getAttribute("cx"), "50");
225 |   assert.equal(svgCircle.getAttribute("cy"), "60");
226 |   assert.equal(svgCircle.getAttribute("r"), "40");
227 | 
228 |   const svgA = svgNode.childNodes[1];
229 |   assert.equal(svgA.nodeName, "a");
230 |   assert.equal(svgA.namespaceURI, "http://www.w3.org/2000/svg");
231 |   assert.equal(
232 |     svgA.getAttributeNS("http://www.w3.org/1999/xlink", "href"),
233 |     "/link"
234 |   );
235 |   assert.equal(
236 |     svgA.getAttributeNS("http://www.w3.org/1999/xlink", "show"),
237 |     "/link2"
238 |   );
239 |   assert.equal(
240 |     svgA.getAttributeNS("http://www.w3.org/1999/xlink", "actuate"),
241 |     "/link3"
242 |   );
243 | 
244 |   const span = node.childNodes[2];
245 |   assert.equal(
246 |     span.onclick,
247 |     onclick,
248 |     "should set props instead of attrs once svg context is off"
249 |   );
250 | 
251 |   assert.end();
252 | });
253 | 


--------------------------------------------------------------------------------
/test/patch.test.js:
--------------------------------------------------------------------------------
  1 | import test from "tape";
  2 | import { Fragment } from "../src/h.js";
  3 | import { h, render } from "../src/index.js";
  4 | 
  5 | //  Fisher-Yates Shuffle
  6 | // code from https://stackoverflow.com/a/6274398/1430627
  7 | function shuffle(array) {
  8 |   let counter = array.length;
  9 | 
 10 |   // While there are elements in the array
 11 |   while (counter > 0) {
 12 |     // Pick a random index
 13 |     let index = Math.floor(Math.random() * counter);
 14 | 
 15 |     // Decrease counter by 1
 16 |     counter--;
 17 | 
 18 |     // And swap the last element with it
 19 |     let temp = array[counter];
 20 |     array[counter] = array[index];
 21 |     array[index] = temp;
 22 |   }
 23 | 
 24 |   return array;
 25 | }
 26 | 
 27 | test("DOM node", (assert) => {
 28 |   const root = document.createElement("div");
 29 | 
 30 |   const node = document.createTextNode("node1");
 31 | 
 32 |   render(node, root);
 33 |   const node1 = root.firstChild;
 34 | 
 35 |   node.nodeValue = "node1 new text";
 36 | 
 37 |   render(node, root);
 38 |   const node2 = root.firstChild;
 39 | 
 40 |   assert.equal(node, node1);
 41 |   assert.equal(node, node2);
 42 |   assert.equal(node.nodeValue, "node1 new text");
 43 | 
 44 |   assert.end();
 45 | });
 46 | 
 47 | test("text node", (assert) => {
 48 |   const root = document.createElement("div");
 49 | 
 50 |   render("old text", root);
 51 |   const node1 = root.firstChild;
 52 | 
 53 |   render("new text", root);
 54 |   const node2 = root.firstChild;
 55 | 
 56 |   assert.equal(node1, node2);
 57 |   assert.equal(node2.nodeValue, "new text");
 58 | 
 59 |   assert.end();
 60 | });
 61 | 
 62 | test("patch node with different types", (assert) => {
 63 |   const root = document.createElement("div");
 64 | 
 65 |   const vnode1 = "old text";
 66 |   render(vnode1, root);
 67 |   const node1 = root.firstChild;
 68 | 
 69 |   // see issue #31: Null doesn't remove previous node
 70 |   render(null, root);
 71 |   const node2 = root.firstChild;
 72 | 
 73 |   assert.notEqual(node1, node2);
 74 |   assert.equal(node2.nodeType, 8 /* comment node type*/);
 75 | 
 76 |   render(h("span"), root);
 77 |   const node3 = root.firstChild;
 78 | 
 79 |   assert.notEqual(node2, node3);
 80 |   assert.equal(node3.tagName, "SPAN");
 81 | 
 82 |   render(h("div"), root);
 83 |   const node4 = root.firstChild;
 84 | 
 85 |   assert.notEqual(node3, node4);
 86 |   assert.equal(node4.tagName, "DIV");
 87 | 
 88 |   assert.end();
 89 | });
 90 | 
 91 | test("patch props", (assert) => {
 92 |   const root = document.createElement("div");
 93 | 
 94 |   render(
 95 |     h("input", {
 96 |       type: "text",
 97 |       value: "old value",
 98 |       style: "color: red",
 99 |     }),
100 |     root
101 |   );
102 |   const node = root.firstChild;
103 | 
104 |   render(
105 |     h("input", {
106 |       type: "text",
107 |       value: "new value",
108 |       style: "color: green; border: 1px solid black",
109 |     }),
110 |     root
111 |   );
112 |   const node2 = root.firstChild;
113 | 
114 |   assert.equal(node2, node);
115 |   assert.equal(node.type, "text");
116 |   assert.equal(node.value, "new value");
117 |   assert.equal(node.style.color, "green");
118 |   assert.equal(node.style.border, "1px solid black");
119 | 
120 |   assert.end();
121 | });
122 | 
123 | test("patch attributes (svg)", (assert) => {
124 |   const root = document.createElement("div");
125 | 
126 |   render(
127 |     h(
128 |       "div",
129 |       null,
130 |       h("span", null, "..."),
131 |       h("svg", null, h("circle", { cx: 50, cy: 60, r: 30 })),
132 |       h("span", null, "...")
133 |     ),
134 |     root
135 |   );
136 |   const node = root.firstChild;
137 | 
138 |   let svgCircle = node.childNodes[1].firstChild;
139 |   assert.equal(svgCircle.getAttribute("cx"), "50");
140 |   assert.equal(svgCircle.getAttribute("cy"), "60");
141 |   assert.equal(svgCircle.getAttribute("r"), "30");
142 | 
143 |   const onclick = () => {};
144 |   render(
145 |     h(
146 |       "div",
147 |       null,
148 |       h("span", null, "..."),
149 |       h(
150 |         "svg",
151 |         null,
152 |         h("circle", { cx: 50, cy: 40, stroke: "green", fill: "yellow" })
153 |       ),
154 |       h("span", { onclick }, "...")
155 |     ),
156 |     root
157 |   );
158 | 
159 |   assert.equal(svgCircle.getAttribute("cx"), "50");
160 |   assert.equal(svgCircle.getAttribute("cy"), "40");
161 |   assert.equal(svgCircle.getAttribute("stroke"), "green");
162 |   assert.equal(svgCircle.getAttribute("fill"), "yellow");
163 |   assert.equal(svgCircle.hasAttribute("r"), false);
164 | 
165 |   const span = node.childNodes[2];
166 |   assert.equal(
167 |     span.onclick,
168 |     onclick,
169 |     "should patch props instead of attributes once svg context is off"
170 |   );
171 | 
172 |   assert.end();
173 | });
174 | 
175 | test("patch non keyed children", (assert) => {
176 |   const root = document.createElement("div");
177 |   const view = (s) => h("div", null, s.split(""));
178 | 
179 |   let node;
180 |   render(h("div", null, "1"), root);
181 |   node = root.firstChild;
182 | 
183 |   function testPatch(seq, message) {
184 |     assert.test(message, (assert) => {
185 |       render(view(seq), root);
186 |       assert.plan(seq.length * 2 + 1);
187 | 
188 |       assert.equal(
189 |         node.childNodes.length,
190 |         seq.length,
191 |         "should have same number of children"
192 |       );
193 |       for (var i = 0; i < seq.length; i++) {
194 |         const text = seq[i];
195 |         const childNode = node.childNodes[i];
196 | 
197 |         assert.equal(
198 |           childNode.nodeName,
199 |           "#text",
200 |           "child should be a text node"
201 |         );
202 |         assert.equal(childNode.nodeValue, text, "should patch text content");
203 |       }
204 |     });
205 |   }
206 | 
207 |   testPatch("36", "append to an empty sequence");
208 |   testPatch("3678", "append");
209 |   testPatch("123678", "prepend");
210 |   testPatch("12345678", "insert in the middle");
211 |   testPatch("A0123456789B", "append + prepend");
212 |   testPatch("12345678", "remove from edges");
213 |   testPatch("123678", "remove from middle");
214 |   testPatch("2x3y67z8", "multiple modificationq");
215 |   testPatch(shuffle("2x3y67z8".split("")).join(""), "shuffle");
216 |   testPatch("ABCDEF", "replace all");
217 | 
218 |   render(view(""), root);
219 |   assert.equal(node.childNodes.length, 1, "should contain one empty node");
220 |   assert.equal(node.firstChild.nodeType, 8, "empty child should be a comment");
221 | 
222 |   assert.end();
223 | });
224 | 
225 | test("patch keyed children", (assert) => {
226 |   const root = document.createElement("div");
227 |   const view = (str) =>
228 |     h(
229 |       "div",
230 |       null,
231 |       str.split("").map((c) => h("span", { key: c }, c))
232 |     );
233 | 
234 |   render(h("div"), root);
235 | 
236 |   let node = root.firstChild,
237 |     prevChildNodes = Array.from(node.childNodes),
238 |     prevSeq = "";
239 | 
240 |   function testPatch(seq, message) {
241 |     assert.test(message, (assert) => {
242 |       render(view(seq), root);
243 |       let childNodes = Array.from(node.childNodes);
244 | 
245 |       assert.plan(seq.length * 2 + 1);
246 |       assert.equal(childNodes.length, seq.length);
247 | 
248 |       for (var i = 0; i < seq.length; i++) {
249 |         const text = seq[i];
250 | 
251 |         const index = prevSeq.indexOf(text);
252 |         if (index >= 0) {
253 |           assert.equal(
254 |             prevChildNodes[index],
255 |             childNodes[i],
256 |             "should preserve DOM node for " + text
257 |           );
258 |         } else {
259 |           assert.ok(true, "new node " + text);
260 |         }
261 |         assert.equal(
262 |           childNodes[i].firstChild.nodeValue,
263 |           text,
264 |           "should patch text content"
265 |         );
266 |       }
267 |       prevSeq = seq;
268 |       prevChildNodes = childNodes;
269 |       //assert.end();
270 |     });
271 |   }
272 | 
273 |   testPatch("36", "append to an empty sequence");
274 |   testPatch("3678", "append");
275 |   testPatch("7836", "reorder");
276 |   testPatch("3678", "reorde(2)");
277 |   testPatch("123678", "prepend");
278 |   testPatch("12345678", "insert in the middle");
279 |   testPatch("A0123456789B", "append + prepend");
280 |   testPatch("12345678", "remove from edges");
281 |   testPatch("123678", "remove from middle");
282 |   testPatch("2x6y37z8", "multiple modifications");
283 |   testPatch(shuffle("2x6y37z8".split("")).join(""), "shuffle");
284 |   testPatch("ABCDEF", "replace all");
285 | 
286 |   render(view(""), root);
287 |   assert.equal(node.childNodes.length, 1, "should contain one empty node");
288 |   assert.equal(node.firstChild.nodeType, 8, "empty child should be a comment");
289 | 
290 |   assert.end();
291 | });
292 | 
293 | test("patch fragemnts", (assert) => {
294 |   const root = document.createElement("div");
295 | 
296 |   const seq = (str, num) => {
297 |     return h(
298 |       Fragment,
299 |       { key: num },
300 |       str.split("").map((s) => h("span", { key: s, class: `seq-${num}` }, s))
301 |     );
302 |   };
303 | 
304 |   const view = (str) => {
305 |     return h("div", null, "first text", seq(str), seq(str), "last text");
306 |   };
307 | 
308 |   const getChildNodes = (seq) => {
309 |     const childNodes = Array.from(root.firstChild.childNodes);
310 |     return [
311 |       childNodes.slice(1, seq.length + 1),
312 |       childNodes.slice(seq.length + 1, 2 * seq.length + 1),
313 |     ];
314 |   };
315 | 
316 |   render(h("div"), root);
317 | 
318 |   let prevChildNodes = getChildNodes("");
319 |   let prevSeq = "";
320 | 
321 |   function matchSeq(seq, prevSeq, childNodes, prevChildNodes, message) {
322 |     assert.test(message, (assert) => {
323 |       assert.plan(seq.length * 2 + 1);
324 | 
325 |       assert.equal(childNodes.length, seq.length);
326 | 
327 |       for (var i = 0; i < seq.length; i++) {
328 |         const text = seq[i];
329 | 
330 |         const index = prevSeq.indexOf(text);
331 |         if (index >= 0) {
332 |           assert.equal(
333 |             prevChildNodes[index],
334 |             childNodes[i],
335 |             "should preserve DOM node for " + text
336 |           );
337 |         } else {
338 |           assert.ok(true, "new node");
339 |         }
340 |         assert.equal(
341 |           childNodes[i].firstChild.nodeValue,
342 |           text,
343 |           "should patch text content for " + text
344 |         );
345 |       }
346 |     });
347 |   }
348 | 
349 |   function testPatch(seq, message) {
350 |     render(view(seq), root);
351 |     let childNodes = getChildNodes(seq);
352 |     matchSeq(
353 |       seq,
354 |       prevSeq,
355 |       childNodes[0],
356 |       prevChildNodes[0],
357 |       `${message} - seq-1`
358 |     );
359 |     matchSeq(
360 |       seq,
361 |       prevSeq,
362 |       childNodes[1],
363 |       prevChildNodes[1],
364 |       `${message} - seq-2`
365 |     );
366 |     prevChildNodes = childNodes;
367 |     prevSeq = seq;
368 |   }
369 | 
370 |   testPatch("36", "append to an empty sequence");
371 |   testPatch("3678", "append");
372 |   testPatch("7836", "reorder");
373 |   testPatch("3678", "reorde(2)");
374 |   testPatch("123678", "prepend");
375 |   testPatch("12345678", "insert in the middle");
376 |   testPatch("A0123456789B", "append + prepend");
377 |   testPatch("12345678", "remove from edges");
378 |   testPatch("123678", "remove from middle");
379 |   testPatch("2x6y37z8", "multiple modifications");
380 |   testPatch(shuffle("2x6y37z8".split("")).join(""), "shuffle");
381 |   testPatch("ABCDEF", "replace all");
382 | 
383 |   assert.end();
384 | });
385 | 
386 | test("patch render functions", (assert) => {
387 |   // let renderCalls = 0;
388 |   const root = document.createElement("div");
389 | 
390 |   function Box(props) {
391 |     //renderCalls++;
392 |     return h("h1", { title: props.title }, props.children);
393 |   }
394 | 
395 |   render(h(Box, { title: "box title" }, "box content"), root);
396 |   const node = root.firstChild; // renderCalls = 1
397 | 
398 |   render(h(Box, { title: "another box title" }, "another box content"), root);
399 |   // renderCalls = 2
400 |   assert.equal(node.title, "another box title");
401 |   assert.equal(node.firstChild.nodeValue, "another box content");
402 |   /*
403 |   const vnode3 = h(Box, { title: "another box title" }, "another box content");
404 |   patch(vnode3, vnode2); // // renderCalls = 2
405 |   assert.equal(
406 |     renderCalls,
407 |     2,
408 |     "patch should not invoke render function if props & content have not changed"
409 |   );
410 | 
411 |   assert.equal(node.title, "another box title");
412 |   assert.equal(node.firstChild.nodeValue, "another box content");
413 |     */
414 |   assert.end();
415 | });
416 | 
417 | test("Patch Component/sync rendering", (assert) => {
418 |   const root = document.createElement("div");
419 | 
420 |   const MyComponent = {
421 |     mount: (me) => {
422 |       me.render(me.props.prop);
423 |     },
424 |     patch: (me) => {
425 |       me.render(me.props.prop + me.oldProps.prop);
426 |     },
427 |     unmount: () => {},
428 |   };
429 | 
430 |   render(h(MyComponent, { prop: "prop1" }), root);
431 |   const node = root.firstChild;
432 |   assert.equal(node.nodeValue, "prop1");
433 | 
434 |   render(h(MyComponent, { prop: "prop2" }), root);
435 | 
436 |   assert.equal(node.nodeValue, "prop2prop1");
437 | 
438 |   assert.end();
439 | });
440 | 
441 | test("Patch Component/async rendering", (assert) => {
442 |   const root = document.createElement("div");
443 | 
444 |   let p = new Promise((resolve) => setTimeout(resolve, 0));
445 |   const MyComponent = {
446 |     mount: (me) => {
447 |       me.render(me.props.prop);
448 |     },
449 |     patch: (me) => {
450 |       p = p.then(() => {
451 |         me.render(me.props.prop + me.oldProps.prop);
452 |       });
453 |     },
454 |     unmount: () => {},
455 |   };
456 | 
457 |   render(h(MyComponent, { prop: "prop1" }), root);
458 | 
459 |   render(h(MyComponent, { prop: "prop2" }), root);
460 | 
461 |   assert.equal(root.firstChild.nodeValue, "prop1");
462 |   p.then(() => {
463 |     assert.equal(root.firstChild.nodeValue, "prop2prop1");
464 |     assert.end();
465 |   });
466 | });
467 | 
468 | test("issues #24: applyDiff fails to insert when oldChildren is modified", (assert) => {
469 |   const root = document.createElement("div");
470 | 
471 |   render(
472 |     h("div", {}, [
473 |       h("p", null, "p"),
474 |       h("div", { key: "x" }, "div"),
475 |       h("pre", null, "pre"),
476 |       h("code", null, "code"),
477 |     ]),
478 |     root
479 |   );
480 |   //const node = root.firstChild
481 | 
482 |   render(
483 |     h("div", {}, [
484 |       h("pre", null, "pre"),
485 |       h("code", null, "code"),
486 |       h("div", { key: "x" }, "div"),
487 |       h("p", null, "p"),
488 |     ]),
489 |     root
490 |   );
491 | 
492 |   assert.pass("Doesn't blow up");
493 |   assert.end();
494 | });
495 | 
496 | test("issues #25: applyDiff fails with empty strings", (assert) => {
497 |   const root = document.createElement("div");
498 |   render(
499 |     h("div", {}, [
500 |       h("p", null, "p"),
501 |       "",
502 |       h("pre", null, "pre"),
503 |       h("code", null, "code"),
504 |     ]),
505 |     root
506 |   );
507 |   //const node = root.firstChild
508 | 
509 |   render(
510 |     h("div", {}, [
511 |       h("pre", null, "pre"),
512 |       h("code", null, "code"),
513 |       "",
514 |       h("p", null, "p"),
515 |     ]),
516 |     root
517 |   );
518 | 
519 |   assert.pass("Doesn't blow up");
520 |   assert.end();
521 | });
522 | 
523 | test("issues #26: applyDiff fails with blank strings", (assert) => {
524 |   const root = document.createElement("root");
525 |   render(
526 |     h("div", {}, [
527 |       h("p", null, "p"),
528 |       " ",
529 |       h("pre", null, "pre"),
530 |       h("code", null, "code"),
531 |     ]),
532 |     root
533 |   );
534 | 
535 |   render(
536 |     h("div", {}, [
537 |       h("pre", null, "pre"),
538 |       h("code", null, "code"),
539 |       " ",
540 |       h("p", null, "p"),
541 |     ]),
542 |     root
543 |   );
544 | 
545 |   assert.pass("Doesn't blow up");
546 |   assert.end();
547 | });
548 | 
549 | test("issues #27: New DOM-tree is not synced with vdom-tree", (assert) => {
550 |   const root = document.createElement("div");
551 |   render(
552 |     h("div", {}, [
553 |       h("p", {}, [
554 |         "Text",
555 |         h("code", {}, ["Text"]),
556 |         "Text",
557 |         h("code", {}, ["Text"]),
558 |         "Text",
559 |       ]),
560 |       h("div", {}, []),
561 |     ]),
562 |     root
563 |   );
564 | 
565 |   const vnode = h("div", {}, [
566 |     h("p", {}, [h("a", {}, ["Text"])]),
567 |     "Text",
568 |     h("p", {}, [h("a", {}, ["Text"])]),
569 |     "Text",
570 |     h("p", {}, ["Text", h("a", {}, ["Text"]), "Text"]),
571 |     h("div", {}, []),
572 |   ]);
573 |   render(vnode, root);
574 |   const node = root.firstChild;
575 | 
576 |   function checkSimlilarity(vdomNode, domnode) {
577 |     if (domnode.nodeType === 3) {
578 |       assert.equal(domnode.textContent, vdomNode, "Text should be the same");
579 |       return;
580 |     }
581 |     if (
582 |       vdomNode.props.children == null ||
583 |       vdomNode.props.children.length === 0
584 |     ) {
585 |       assert.equal(domnode.textContent, "", "Dom content should be empty");
586 |       return;
587 |     }
588 | 
589 |     assert.equal(
590 |       domnode.childNodes.length,
591 |       vdomNode.props.children.length,
592 |       "Children length should match"
593 |     );
594 |     assert.equal(
595 |       domnode.tagName.toLowerCase(),
596 |       vdomNode.type.toLowerCase(),
597 |       "Tag names should match"
598 |     );
599 |     for (let i = 0; i < vdomNode.props.children.length; i++) {
600 |       checkSimlilarity(vdomNode.props.children[i], domnode.childNodes[i]);
601 |     }
602 |   }
603 | 
604 |   checkSimlilarity(vnode, node);
605 |   assert.end();
606 | });
607 | 


--------------------------------------------------------------------------------
/test/range.test.js:
--------------------------------------------------------------------------------
 1 | import test from "tape";
 2 | import { h, render } from "../src/index.js";
 3 | 
 4 | test("range input", (assert) => {
 5 |   const root = document.createElement("div");
 6 |   render(
 7 |     h("input", {
 8 |       value: "0.5",
 9 |       type: "range",
10 |       min: "0",
11 |       max: "1",
12 |       step: "0.05",
13 |     }),
14 |     root
15 |   );
16 | 
17 |   const node = root.firstChild;
18 | 
19 |   assert.equal(node.value, "0.5", "range value should be 0.5");
20 | 
21 |   render(
22 |     h("input", {
23 |       value: "1.5",
24 |       type: "range",
25 |       min: "0",
26 |       max: "2",
27 |       step: "0.05",
28 |     }),
29 |     root
30 |   );
31 | 
32 |   assert.equal(node.value, "1.5", "range value should be 1.5");
33 |   assert.end();
34 | });
35 | 


--------------------------------------------------------------------------------
/test/select.test.js:
--------------------------------------------------------------------------------
  1 | import test from "tape";
  2 | import { h, render } from "../src/index.js";
  3 | 
  4 | test("select.option.selected (single selection)", (assert) => {
  5 |   const root = document.createElement("div");
  6 |   render(
  7 |     h(
  8 |       "select",
  9 |       null,
 10 |       h("option", { value: "eat" }, "Eat"),
 11 |       h("option", { value: "pray", selected: true }, "Pray"),
 12 |       h("option", { value: "love" }, "Love")
 13 |     ),
 14 |     root
 15 |   );
 16 | 
 17 |   const node = root.firstChild;
 18 |   assert.equal(node.selectedIndex, 1, "selected index should be 1");
 19 | 
 20 |   render(
 21 |     h(
 22 |       "select",
 23 |       null,
 24 |       h("option", { value: "eat", selected: true }, "Eat"),
 25 |       h("option", { value: "pray" }, "Pray"),
 26 |       h("option", { value: "love" }, "Love")
 27 |     ),
 28 |     root
 29 |   );
 30 | 
 31 |   assert.equal(node.selectedIndex, 0, "selected index should be 0");
 32 |   assert.end();
 33 | });
 34 | 
 35 | test("select.value (single selection)", (assert) => {
 36 |   const root = document.createElement("div");
 37 |   render(
 38 |     h(
 39 |       "select",
 40 |       { value: "pray" },
 41 |       h("option", { value: "eat" }, "Eat"),
 42 |       h("option", { value: "pray" }, "Pray"),
 43 |       h("option", { value: "love" }, "Love")
 44 |     ),
 45 |     root
 46 |   );
 47 | 
 48 |   const node = root.firstChild;
 49 |   assert.equal(node.selectedIndex, 1, "selected index should be 1");
 50 |   assert.equal(node.options[1].selected, true, "option 1 should be selected");
 51 | 
 52 |   render(
 53 |     h(
 54 |       "select",
 55 |       { value: "eat" },
 56 |       h("option", { value: "eat" }, "Eat"),
 57 |       h("option", { value: "pray" }, "Pray"),
 58 |       h("option", { value: "love" }, "Love")
 59 |     ),
 60 |     root
 61 |   );
 62 | 
 63 |   assert.equal(node.selectedIndex, 0, "selected index should be 0");
 64 |   assert.end();
 65 | });
 66 | 
 67 | test("select with multiple = true", (assert) => {
 68 |   const root = document.createElement("div");
 69 |   render(
 70 |     h(
 71 |       "select",
 72 |       { multiple: true },
 73 |       h("option", { value: "eat", selected: true }, "Eat"),
 74 |       h("option", { value: "pray", selected: false }, "Pray"),
 75 |       h("option", { value: "love", selected: true }, "Love")
 76 |     ),
 77 |     root
 78 |   );
 79 | 
 80 |   const node = root.firstChild;
 81 |   assert.equal(
 82 |     node.selectedOptions.length,
 83 |     2,
 84 |     "number of selected options should be 2"
 85 |   );
 86 |   assert.equal(
 87 |     node.selectedOptions[0],
 88 |     node.options[0],
 89 |     "should select options[0]"
 90 |   );
 91 |   assert.equal(
 92 |     node.selectedOptions[1],
 93 |     node.options[2],
 94 |     "should select options[2]"
 95 |   );
 96 |   assert.equal(node.options[0].selected, true, "option 0 should be selected");
 97 |   assert.equal(
 98 |     node.options[1].selected,
 99 |     false,
100 |     "option 1 should not be selected"
101 |   );
102 |   assert.equal(node.options[2].selected, true, "option 2 should be selected");
103 | 
104 |   render(
105 |     h(
106 |       "select",
107 |       { selectedIndex: -1, multiple: true },
108 |       h("option", { value: "eat", selected: true }, "Eat"),
109 |       h("option", { value: "pray", selected: true }, "Pray"),
110 |       h("option", { value: "love", selected: false }, "Love")
111 |     ),
112 |     root
113 |   );
114 | 
115 |   assert.equal(
116 |     node.selectedOptions.length,
117 |     2,
118 |     "number of selected options should be 2"
119 |   );
120 |   assert.equal(
121 |     node.selectedOptions[0],
122 |     node.options[0],
123 |     "should select options[0]"
124 |   );
125 |   assert.equal(
126 |     node.selectedOptions[1],
127 |     node.options[1],
128 |     "should select options[1]"
129 |   );
130 | 
131 |   assert.equal(node.options[0].selected, true, "option 0 should be selected");
132 |   assert.equal(node.options[1].selected, true, "option 1 should be selected");
133 |   assert.equal(
134 |     node.options[2].selected,
135 |     false,
136 |     "option 2 should not be selected"
137 |   );
138 |   assert.end();
139 | });
140 | 


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