├── .eslintrc
├── .gitignore
├── .textlintrc
├── PULL_REQUEST_TEMPLATE.md
├── README.md
├── assets
    └── logos
    │   ├── angular-small.svg
    │   ├── angular.svg
    │   ├── angularjs-small.svg
    │   ├── react-small.svg
    │   ├── react.svg
    │   ├── vue-small.svg
    │   └── vue.svg
├── index.js
├── package-lock.json
└── package.json


/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "parser": "babel-eslint",
 3 |     "parserOptions": {
 4 |         "sourceType": "module",
 5 |         "ecmaVersion": 6,
 6 |         "ecmaFeatures": {
 7 |             "jsx": true
 8 |         }
 9 |     },
10 |     "extends": "eslint:recommended",
11 |     "env": {
12 |         "es6": true,
13 |         "browser": true
14 |     },
15 |     "globals": {
16 |         "angular": true,
17 |         "React": true,
18 |         "Vue": true,
19 |         "require": true
20 |     },
21 |     "plugins": [
22 |         "react"
23 |     ],
24 |     "rules": {
25 |         "camelcase": "error",
26 |         "comma-dangle": ["error", "always-multiline"],
27 |         "indent": ["error", 2],
28 |         "new-cap": "error",
29 |         "no-console": 0,
30 |         "no-else-return": "error",
31 |         "no-multi-spaces": "error",
32 |         "no-var": "error",
33 |         "no-whitespace-before-property": "error",
34 |         "no-unused-vars": ["error", { "varsIgnorePattern": "React"}],
35 |         "quotes": ["error", "single"],
36 |         "semi": ["error", "always"]
37 |     }
38 | }
39 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/.textlintrc:
--------------------------------------------------------------------------------
1 | {
2 |     "rules": {
3 |         "eslint": {
4 |             "configFile": "./.eslintrc",
5 |             "langs": ["js", "jsx", "ts"]
6 |         }
7 |     }
8 | }
9 | 


--------------------------------------------------------------------------------
/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | <!--- Please make sure all code snippets (for each framework) in a given section -->
2 | <!--- show the same example (e.g. registration component)  -->
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
   1 | [angular.js]: ./assets/logos/angularjs-small.svg
   2 | [angular]: ./assets/logos/angular-small.svg
   3 | [react]: ./assets/logos/react-small.svg
   4 | [vue]: ./assets/logos/vue-small.svg
   5 | 
   6 | <h1 align="center">Frontend Frameworks Code Comparison</h1>
   7 | 
   8 | <div align="center">
   9 | 
  10 | ![./assets/logos/angular.svg](./assets/logos/angular.svg)
  11 | ![./assets/logos/react.svg](./assets/logos/react.svg)
  12 | ![./assets/logos/vue.svg](./assets/logos/vue.svg)
  13 | 
  14 | </div>
  15 | 
  16 | [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Code%20comparison%20of%20modern%20web%20frameworks%2C%20based%20on%20React%2C%20Angular%20and%20Vue.js&url=https://github.com/feimosi/frameworks-code-comparison)
  17 | 
  18 | Comparison of different approaches in writing web applications. Based on React, Angular, AngularJS and Vue.js. It is especially useful when migrating between frameworks or switching projects often.
  19 | 
  20 | All examples follow the current best practices and conventions that are used inside the community of a given framework. Angular code is written in TypeScript.
  21 | 
  22 | <h3 align="center"> :warning: Work in progress! PRs and Feedback are welcome :warning: </h3>
  23 | 
  24 | > Note regarding framework naming:
  25 | > - AngularJS refers to Angular v1.x
  26 | > - Angular refers to Angular v2+
  27 | >
  28 | > See: http://angularjs.blogspot.com/2017/01/branding-guidelines-for-angular-and.html
  29 | 
  30 | <h1 align="center">Table of contents</h1>
  31 | 
  32 |   * [Table of contents](#table-of-contents)
  33 |   * [Simple component](#simple-component)
  34 |   * [Dependency injection](#dependency-injection)
  35 |   * [Templates](#templates)
  36 |   * [Interpolation](#interpolation)
  37 |   * [Handling DOM Events](#handling-dom-events)
  38 |   * [Inputs and Outputs](#inputs-and-outputs)
  39 |   * [Default inputs](#default-inputs)
  40 |   * [Lifecycle methods](#lifecycle-methods)
  41 |   * [Conditional rendering](#conditional-rendering)
  42 |   * [Lists](#lists)
  43 |   * [Filters](#filters)
  44 |   * [Child nodes](#child-nodes)
  45 |   * [Transclusion and Containment](#transclusion-and-containment)
  46 |   * [Inject HTML template](#inject-html-template)
  47 |   * [Class toggling](#class-toggling)
  48 |   * [Data binding](#data-binding)
  49 |   * [Forms](#forms)
  50 |   * [Styling](#styling)
  51 | 
  52 | # Simple component
  53 | 
  54 | ## ![angular.js] AngularJS
  55 | 
  56 | Since AngularJS 1.5 we have a new syntax (backported from Angular 2) to built [component-based applications](https://docs.angularjs.org/guide/component#component-based-application-architecture) using `component` type.
  57 | 
  58 | ```js
  59 | export class ChangePasswordController {
  60 |   constructor($log, Auth, Notification) {
  61 |     'ngInject';
  62 | 
  63 |     this.$log = $log;
  64 |     this.Auth = Auth;
  65 |     this.Notification = Notification;
  66 |   }
  67 | 
  68 |   $onInit() {
  69 |     this.password = '';
  70 |   }
  71 | 
  72 |   changePassword() {
  73 |     this.Auth.changePassword(this.password).then(() => {
  74 |       this.Notification.info('Password has been changed successfully.');
  75 |     }).catch(error => {
  76 |       this.$log.error(error);
  77 |       this.Notification.error('There was an error. Please try again.');
  78 |     });
  79 |   }
  80 | }
  81 | ```
  82 | 
  83 | Every component has to be declared inside a module. After that, it will be available to every other component.
  84 | 
  85 | ```js
  86 | import angular from 'angular';
  87 | import template from './changePassword.html';
  88 | import ChangePasswordController from './changePassword.controller.scss';
  89 | import './changePassword.scss';
  90 | 
  91 | const component = {
  92 |   bindings: {},
  93 |   template,
  94 |   controller: ChangePasswordController,
  95 | };
  96 | 
  97 | export const module = angular
  98 |   .module('app.changePassword', [])
  99 |   .component('changePassword', component);
 100 | ```
 101 | 
 102 | :link: https://docs.angularjs.org/guide/component
 103 | 
 104 | ## ![angular] Angular
 105 | 
 106 | ```ts
 107 | import { Component } from '@angular/core';
 108 | import { Logger } from 'services/logger';
 109 | import { Auth } from 'services/auth';
 110 | import { Notification } from 'services/notification';
 111 | 
 112 | @Component({
 113 |   selector: 'change-password',
 114 |   templateUrl: './ChangePassword.component.html',
 115 |   styleUrls: ['./ChangePassword.component.scss'],
 116 | })
 117 | export class ChangePasswordComponent {
 118 |   password: string = '';
 119 | 
 120 |   constructor(
 121 |     private logger: Logger,
 122 |     private auth: Auth,
 123 |     private notification: Notification,
 124 |   ) {}
 125 | 
 126 |   changePassword() {
 127 |     this.auth.changePassword(this.password).subscribe(() => {
 128 |       this.notification.info('Password has been changes successfully');
 129 |     }).catch(error => {
 130 |       this.logger.error(error);
 131 |       this.notification.error('There was an error. Please try again');
 132 |     });
 133 |   }
 134 | }
 135 | ```
 136 | 
 137 | Every component has to be declared inside a module in order to be used within this module's other components (it's not available outside of).
 138 | 
 139 | ```ts
 140 | import { NgModule } from '@angular/core';
 141 | import { CommonModule } from '@angular/common';
 142 | 
 143 | import { ChangePasswordComponent } from './change-password.component';
 144 | 
 145 | @NgModule({
 146 |   imports: [CommonModule],
 147 |   declarations: [ChangePasswordComponent],
 148 | })
 149 | export class ChangePasswordModule {}
 150 | ```
 151 | 
 152 | :link: https://angular.io/api/core/Component
 153 | 
 154 | ## ![react] React
 155 | 
 156 | ```jsx
 157 | import Logger from 'utils/logger';
 158 | import Auth from 'actions/auth';
 159 | import Notification from 'utils/notification';
 160 | 
 161 | export class ChangePassword {
 162 |   state = {
 163 |     password: '',
 164 |   };
 165 | 
 166 |   changePassword() {
 167 |     Auth.changePassword(this.state.password).then(() => {
 168 |       Notification.info('Password has been changed successfully.');
 169 |     }).catch(error => {
 170 |       Logger.error(error);
 171 |       Notification.error('There was an error. Please try again.');
 172 |     });
 173 |   }
 174 | 
 175 |   render() {
 176 |     return <div>{ /* template */ }</div>;
 177 |   }
 178 | }
 179 | ```
 180 | 
 181 | :link: https://reactjs.org/docs/react-component.html
 182 | 
 183 | ## ![vue] Vue.js
 184 | 
 185 | ```js
 186 | import Vue from 'vue';
 187 | import Logger from 'utils/logger';
 188 | import Auth from 'actions/auth';
 189 | import Notification from 'utils/notification';
 190 | 
 191 | Vue.component('change-password', {
 192 |   template: '<div>{{ /* template */ }}</div>',
 193 |   data() {
 194 |     return {
 195 |       password: '',
 196 |     };
 197 |   },
 198 |   methods: {
 199 |     changePassword() {
 200 |       Auth.changePassword(this.state.password).then(() => {
 201 |         Notification.info('Password has been changed successfully.');
 202 |       }).catch(error => {
 203 |         Logger.error(error);
 204 |         Notification.error('There was an error. Please try again.');
 205 |       });
 206 |     },
 207 |   },
 208 | });
 209 | ```
 210 | 
 211 | :link: https://vuejs.org/v2/guide/components.html
 212 | 
 213 | # Dependency injection
 214 | 
 215 | ## ![angular.js] AngularJS
 216 | 
 217 | In AngularJS the constructor is being used to inject dependencies, which is done implicitly by the [$inject](https://docs.angularjs.org/api/auto/service/$injector) service.
 218 | 
 219 | The `'ngInject'` annotation can be used, which allows automatic method annotation by the ng-annotate plugin (e.g. [ng-annotate-loader](https://www.npmjs.com/package/ng-annotate-loader) for Webpack). This is essential to counter [minification problems](https://docs.angularjs.org/guide/di#dependency-annotation).
 220 | 
 221 | ```js
 222 | export class ChangePasswordController {
 223 |   constructor($log, Auth, Notification) {
 224 |     'ngInject';
 225 | 
 226 |     this.$log = $log;
 227 |     this.Auth = Auth;
 228 |     this.Notification = Notification;
 229 |   }
 230 | 
 231 |   handleEvent() {
 232 |     this.Notification.info('Password changed successfully');
 233 |     this.$log.info('Password changed successfully');
 234 |   }
 235 | }
 236 | ```
 237 | 
 238 | :link: https://docs.angularjs.org/guide/di
 239 | 
 240 | ## ![angular] Angular
 241 | 
 242 | You specify the definition of the dependencies in the constructor (leveraging TypeScript's constructor syntax for declaring parameters and properties simultaneously).
 243 | 
 244 | ```ts
 245 | import { Component } from '@angular/core';
 246 | import { Logger } from 'services/logger';
 247 | import { Auth } from 'services/auth';
 248 | import { Notification } from 'services/notification';
 249 | 
 250 | @Component({
 251 |   selector: 'change-password',
 252 |   templateUrl: './ChangePassword.component.html',
 253 | })
 254 | export class ChangePasswordComponent {
 255 |   constructor(
 256 |     private logger: Logger,
 257 |     private auth: Auth,
 258 |     private notification: Notification,
 259 |   ) {}
 260 | 
 261 |   handleEvent() {
 262 |     this.notification.info('Password changed successfully');
 263 |     this.logger.info('Password changed successfully');
 264 |   }
 265 | }
 266 | ```
 267 | 
 268 | :link: https://angular.io/guide/dependency-injection
 269 | 
 270 | ## ![react] React
 271 | 
 272 | There's no special injection mechanism. ES2015 modules are used for dependency management.
 273 | 
 274 | ```jsx
 275 | import React, { Component } from 'react';
 276 | import Logger from 'utils/logger';
 277 | import Notification from 'utils/notification';
 278 | 
 279 | export class ChangePassword extends Component {
 280 |   handleEvent = () => {
 281 |     Notification.info('Password changed successfully');
 282 |     Logger.info('Password changed successfully');
 283 |   }
 284 | 
 285 |   render() {
 286 |     return <div>{ /* template */ }</div>;
 287 |   }
 288 | }
 289 | ```
 290 | 
 291 | ## ![vue] Vue.js
 292 | 
 293 | Vue.js uses ES2015 modules for dependency management:
 294 | 
 295 | ```js
 296 | import Vue from 'vue';
 297 | import Logger from 'utils/logger';
 298 | import Notification from 'utils/notification';
 299 | 
 300 | Vue.component('change-password', {
 301 |   template: '<div>{{ /* template */ }}</div>',
 302 |   methods: {
 303 |     handleEvent() {
 304 |       Notification.info('Password changed successfully');
 305 |       Logger.info('Password changed successfully');
 306 |     },
 307 |   },
 308 | });
 309 | ```
 310 | 
 311 | There's also [provide and inject](https://vuejs.org/v2/api/#provide-inject) mechanism which is primarily provided for advanced plugin / component library use cases:
 312 | 
 313 | Parent component:
 314 | ```js
 315 | import Notification from 'utils/notification';
 316 | import Vue from 'vue';
 317 | 
 318 | new Vue({
 319 |   el: '#app',
 320 |   provide: {
 321 |     notification: Notification,
 322 |   },
 323 | });
 324 | ```
 325 | 
 326 | Child component:
 327 | ```js
 328 | import Vue from 'vue';
 329 | 
 330 | Vue.component('change-password', {
 331 |   inject: ['notification'],
 332 |   template: '<div>{{ /* template */ }}</div>',
 333 |   methods: {
 334 |     handleEvent() {
 335 |       this.notification.info('Event handled successfully');
 336 |     },
 337 |   },
 338 | });
 339 | ```
 340 | 
 341 | # Templates
 342 | 
 343 | ## ![angular.js] AngularJS
 344 | 
 345 | Templates in AngularJS are compiled by the [$compile](https://docs.angularjs.org/api/ng/service/$compile) service.
 346 | Values of component properties must be one of the following:
 347 | - string binding (defined as `@`)
 348 | - expression binding (defined as `<`)
 349 | - reference binding (defined as `&`)
 350 | 
 351 | ```html
 352 | <primary-button size="big"
 353 |                 disabled="true"
 354 |                 click="$ctrl.saveContent()">
 355 |   Save
 356 | </primary-button>
 357 | ```
 358 | 
 359 | ## ![angular] Angular
 360 | 
 361 | There are three kinds of attributes that can be passed:
 362 | - text binding, e.g. `size="string"`
 363 | - property binding, e.g. `[disabled]="value"`
 364 | - event binding, e.g. `(click)="eventHandler()"`
 365 | 
 366 | ```html
 367 | <primary-button size="big"
 368 |                 [disabled]="true"
 369 |                 (click)="saveContent()">
 370 |   Save
 371 | </primary-button>
 372 | ```
 373 | 
 374 | ## ![react] React
 375 | 
 376 | Templates in React are written inside the JavaScript file using the [JSX language](https://reactjs.org/docs/jsx-in-depth.html). This allows us to utilize all JavaScript capabilities. JSX uses the uppercase and lowercase convention to distinguish between the user-defined components and DOM elements.
 377 | 
 378 | ```jsx
 379 | <PrimaryButton
 380 |   size="big"
 381 |   disabled
 382 |   onClick={ this.saveContent }
 383 | >
 384 |   Save
 385 | </PrimaryButton>;
 386 | ```
 387 | 
 388 | ## ![vue] Vue.js
 389 | 
 390 | Component properties can be passed in as:
 391 | - literal (as strings) e.g. `size="big"`
 392 | - dynamic (using [v-bind](https://vuejs.org/v2/api/#v-bind) or [`:shorthand`](https://vuejs.org/v2/guide/syntax.html#v-bind-Shorthand) with actual values) e.g. `v-bind:disabled="true"`
 393 | 
 394 | Events can be listened to using [`v-on`](https://vuejs.org/v2/guide/events.html#Method-Event-Handlers) or [`@shorthand`](https://vuejs.org/v2/guide/syntax.html#v-on-Shorthand) combined with the event name, and a method name as the value, e.g `v-on:click="saveContent"`.
 395 | 
 396 | ```html
 397 | <primary-button
 398 |   size="big"
 399 |   v-bind:disabled="true"
 400 |   v-on:click="saveContent"
 401 | >
 402 |     Save
 403 | </primary-button>
 404 | ```
 405 | 
 406 | :link: https://vuejs.org/v2/guide/syntax.html
 407 | 
 408 | # Interpolation
 409 | 
 410 | ## ![angular.js] AngularJS
 411 | 
 412 | In AngularJS interpolation is the process of data-binding values of the `scope` to the HTML. You can also interpolate more complicated values e.g. expressions or function invocations.
 413 | 
 414 | 
 415 | ```html
 416 | <img ng-src="{{ $ctrl.image.url }}" alt="{{ $ctrl.image.alt }}" />
 417 | ```
 418 | 
 419 | We use [`ng-src`](https://docs.angularjs.org/api/ng/directive/ngSrc) instead of the regular `src` attribute so that AngularJS can set it up before the browser will try to load the image.
 420 | 
 421 | Another way to "bind" data is to use [`ng-bind`](https://docs.angularjs.org/api/ng/directive/ngBind). This allows us to counter the issue with a raw state being displayed before AngularJS compiles the template.
 422 | 
 423 | ```html
 424 | <label>
 425 |     Enter name:
 426 |     <input type="text" ng-model="$ctrl.name">
 427 | </label>
 428 | <span ng-bind="$ctrl.name"></span>
 429 | ```
 430 | 
 431 | :link: https://docs.angularjs.org/guide/interpolation
 432 | 
 433 | ## ![angular] Angular
 434 | 
 435 | Angular is similar to AngularJS, so we use double curly braces (`{{ }}`) for interpolation. Since Angular offers property binding you often have a choice to use it [instead of interpolation](https://angular.io/guide/template-syntax#property-binding-or-interpolation).
 436 | 
 437 | ```html
 438 | <img [src]="image.url" alt="{{ image.alt }}" />
 439 | ```
 440 | 
 441 | `[src]` presents property binding while the `alt` attribute is being interpolated.
 442 | 
 443 | :link: https://angular.io/guide/template-syntax#interpolation
 444 | 
 445 | ## ![react] React
 446 | 
 447 | React uses single curly braces for interpolation. Any JavaScript can be interpolated.
 448 | 
 449 | ```jsx
 450 | <img src={ this.props.image.url } alt={ this.props.image.alt } />;
 451 | ```
 452 | 
 453 | :link: https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx
 454 | 
 455 | ## ![vue] Vue.js
 456 | 
 457 | ```html
 458 | <img :src="image.url" alt="{{ image.alt }}" />
 459 | ```
 460 | 
 461 | You can also perform one-time interpolations that do not update on data change by using the [v-once](https://vuejs.org/v2/api/#v-once) directive,
 462 | 
 463 | ```html
 464 | <span v-once>Hello {{ username }}!</span>
 465 | ```
 466 | 
 467 | :link: https://vuejs.org/v2/guide/syntax.html#Interpolations
 468 | 
 469 | # Handling DOM Events
 470 | 
 471 | ## ![angular.js] AngularJS
 472 | 
 473 | Handlers of native events are bound using provided [built-in directives](https://docs.angularjs.org/api/ng/directive) e.g.
 474 | [`ng-click`](https://docs.angularjs.org/api/ng/directive/ngClick), [`ng-focus`](https://docs.angularjs.org/api/ng/directive/ngFocus), [`ng-keypress`](https://docs.angularjs.org/api/ng/directive/ngKeypress).
 475 | 
 476 | ```js
 477 | class MenuTopbarController {
 478 |   $onInit() {
 479 |     this.selected = null;
 480 |   }
 481 | 
 482 |   handleClick(item) {
 483 |     if (this.selected !== item) {
 484 |       this.selected = item;
 485 |       if (typeof item.callback === 'function') {
 486 |         item.callback();
 487 |       }
 488 |     }
 489 |   }
 490 | }
 491 | 
 492 | const menuTopbar = {
 493 |   bindings: {
 494 |     items: '<',
 495 |   },
 496 |   template: require('./menuTopbar.html'),
 497 |   controller: MenuTopbarController,
 498 | };
 499 | 
 500 | angular.module('app')
 501 |   .component('menuTopbar', menuTopbar);
 502 | ```
 503 | 
 504 | ```html
 505 | <ul>
 506 |   <li ng-repeat="item in $ctrl.items"
 507 |       ng-click="$ctrl.handleClick(item)">
 508 |     {{ item.label }}
 509 |   </li>
 510 | </ul>
 511 | ```
 512 | 
 513 | :link: https://docs.angularjs.org/tutorial/step_12
 514 | 
 515 | ## ![angular] Angular
 516 | 
 517 | There's a special syntax for binding to element's events with `()`. The target inside the `()` is an event we want to listen for.
 518 | 
 519 | ```ts
 520 | export interface MenuItem {
 521 |   label: string;
 522 |   callback?: Function;
 523 | }
 524 | ```
 525 | 
 526 | ```ts
 527 | import { Component, Input, Output, EventEmitter } from '@angular/core';
 528 | import { MenuItem } from './menu-item.interface';
 529 | 
 530 | @Component({
 531 |   selector: 'menu-topbar',
 532 |   template: require('./menuTopbar.html'),
 533 | })
 534 | export class MenuTopbarComponent {
 535 |   private selected = null;
 536 |   @Input() items: MenuItem[];
 537 | 
 538 |   handleClick(item: MenuItem) {
 539 |     if (this.selected !== item) {
 540 |       this.selected = item;
 541 |       if (item.callback) {
 542 |         item.callback();
 543 |       }
 544 |     }
 545 |   }
 546 | }
 547 | ```
 548 | 
 549 | ```html
 550 | <ul>
 551 |   <li *ngFor="let item of items"
 552 |       (click)="handleClick(item)">
 553 |     {{ item.label }}
 554 |   </li>
 555 | </ul>
 556 | ```
 557 | 
 558 | To bind to component's host element events, you can use [`HostListener`](https://angular.io/api/core/HostListener) decorator.
 559 | 
 560 | ```ts
 561 | @Component({
 562 |   selector: 'menu-topbar',
 563 |   template: require('./menuTopbar.html'),
 564 | })
 565 | export class MenuTopbarComponent {
 566 |   @HostListener('mouseenter') onMouseEnter() {
 567 |     this.highlight('#DDD');
 568 |   }
 569 |   
 570 |   @HostListener('mouseleave') onMouseLeave() {
 571 |     this.highlight(null);
 572 |   }
 573 | 
 574 |   private highlight(color) {
 575 |     /* ... */
 576 |   }
 577 | ```
 578 | 
 579 | ## ![react] React
 580 | 
 581 | Handling events with React elements is very similar to handling events on DOM elements. There are two syntactic differences though.
 582 | 
 583 | - React events are named using camelCase, rather than lowercase e.g. (onClick, onFocus, onKeyPress).
 584 | - With JSX you pass a function as the event handler, rather than a string.
 585 | 
 586 | Your event handlers will be passed instances of [`SyntheticEvent`](https://reactjs.org/docs/events.html), a cross-browser wrapper around the browser’s native event. It has the same interface as the browser’s native event, including [`stopPropagation()`](https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation) and [`preventDefault()`](https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault), except the events work identically across all browsers.
 587 | 
 588 | ```jsx
 589 | import React, { Component } from 'react';
 590 | 
 591 | export class MenuTopbar extends Component {
 592 |   state = {
 593 |     selected: null,
 594 |   };
 595 | 
 596 |   handleClick(item) {
 597 |     if (this.selected !== item) {
 598 |       this.setState({ selected: item });
 599 |       if (item.callback) {
 600 |         item.callback();
 601 |       }
 602 |     }
 603 |   }
 604 | 
 605 |   render() {
 606 |     return (
 607 |       <ul>
 608 |         { this.props.items.map(item => (
 609 |           <li
 610 |             key={ item.label }
 611 |             onClick={ () => this.handleClick(item) }
 612 |           >
 613 |             { item.label }
 614 |           </li>
 615 |         ))
 616 |         }
 617 |       </ul>
 618 |     );
 619 |   }
 620 | }
 621 | ```
 622 | 
 623 | :link: https://reactjs.org/docs/handling-events.html
 624 | 
 625 | ## ![vue] Vue.js
 626 | 
 627 | We can use the v-on directive (or `@` shorthand) to listen to DOM events and run some JavaScript when they’re triggered.
 628 | 
 629 | Vue also provides event modifiers (directive postfixes denoted by a dot).
 630 | 
 631 | - `.stop` - stopPropagation
 632 | - `.prevent` - preventDefault
 633 | - `.capture` - use capture mode
 634 | - `.self` - only trigger handler if event.target is the element itself
 635 | - `.once` - the event will be triggered at most once
 636 | 
 637 | ```js
 638 | Vue.component('menu-topbar', {
 639 |   data: {
 640 |     selected: null,
 641 |   },
 642 |   methods: {
 643 |     handleClick: (item) => {
 644 |       if (this.selected !== item) {
 645 |         this.selected = item;
 646 |         if (item.callback) {
 647 |           item.callback();
 648 |         }
 649 |       }
 650 |     },
 651 |   },
 652 | });
 653 | ```
 654 | 
 655 | ```html
 656 | <ul>
 657 |   <li 
 658 |     v-for="item in items" 
 659 |     :key="item.label"
 660 |     @click="handleClick(item)"
 661 |   >
 662 |     {{ item.label }}
 663 |   </li>
 664 | </ul>
 665 | ```
 666 | 
 667 | :link: https://vuejs.org/v2/guide/events.html
 668 | 
 669 | # Inputs and Outputs
 670 | 
 671 | ## ![angular.js] AngularJS
 672 | 
 673 | Inputs are defined by either `@` (string binding) or `<` (one-way binding) while outputs are defined by the `&` symbol. Passing arguments requires you to use an object in a child component which is then mapped to function parameters defined in the template.
 674 | 
 675 | ```js
 676 | class UserPreviewComponent {
 677 |   $onInit() {
 678 |     this.editedUser = {
 679 |       name: this.user.name,
 680 |       email: this.user.email,
 681 |     };
 682 |   }
 683 | 
 684 |   submitEdit() {
 685 |     this.onEdit({ user: this.editedUser });
 686 |   }
 687 | }
 688 | 
 689 | const component = {
 690 |   bindings: {
 691 |     user: '<',
 692 |     onEdit: '&',
 693 |   },
 694 |   template: require('./userPreview.html'),
 695 |   controller: UserPreviewComponent,
 696 | };
 697 | 
 698 | export default angular.module.component('userPreview', component);
 699 | ```
 700 | 
 701 | ```html
 702 | <form ng-submit="$ctrl.submitEdit()">
 703 |   <input type="text" ng-model="$ctrl.editedUser.name">
 704 |   <input type="email" ng-model="$ctrl.editedUser.email">
 705 |   <input type="submit" value="Submit" />
 706 | </form>
 707 | ```
 708 | 
 709 | In a parent component:
 710 | 
 711 | ```js
 712 | class SettingsComponent {
 713 |   user = {
 714 |     name: 'John Smith',
 715 |     email: 'john.smith@example.com',
 716 |   };
 717 | 
 718 |   editUser(user) {
 719 |     this.user = Object.assign({}, this.user, user);
 720 |     console.log('Name of the edited user is', user.name);
 721 |   }
 722 | }
 723 | 
 724 | const component = {
 725 |   template: require('./settings.html'),
 726 |   controller: SettingsComponent,
 727 | };
 728 | 
 729 | export default angular.module.component('settings', component);
 730 | ```
 731 | 
 732 | ```html
 733 | <user-preview user="user"
 734 |               on-edit="editUser(user)">
 735 | </user-preview>
 736 | ```
 737 | 
 738 | ## ![angular] Angular
 739 | 
 740 | Inputs are defined using the [@Input](https://angular.io/api/core/Input) decorator while outputs using the [@Output](https://angular.io/api/core/Output) decorator.
 741 | 
 742 | ```ts
 743 | @Component({
 744 |   selector: 'user-preview',
 745 |   template: require('./userPreview.html'),
 746 | })
 747 | export class UserPreviewComponent {
 748 |   private editedUser: User;
 749 |   @Input() user: User;
 750 |   @Output() onEdit: EventEmitter = new EventEmitter<User>();
 751 | 
 752 |   ngOnInit() {
 753 |     this.editedUser = {
 754 |       name: this.user.name,
 755 |       email: this.user.email,
 756 |     };
 757 |   }
 758 | 
 759 |   submitEdit() {
 760 |     this.onEdit.emit(this.editedUser);
 761 |   }
 762 | }
 763 | ```
 764 | 
 765 | ```html
 766 | <form (ngSubmit)="submitEdit()">
 767 |   <input type="text" [(ngModel)]="editedUser.name">
 768 |   <input type="text" [(ngModel)]="editedUser.email">
 769 |   <input type="submit" value="Submit" />
 770 | </form>
 771 | ```
 772 | 
 773 | In a parent component:
 774 | 
 775 | ```ts
 776 | @Component({
 777 |   selector: 'settings',
 778 |   template: require('./settings.html'),
 779 | })
 780 | export class SettingsComponent {
 781 |   user: User = {
 782 |     name: 'John Smith',
 783 |     email: 'john.smith@example.com',
 784 |   };
 785 | 
 786 |   editUser(user: User) {
 787 |     this.user = Object.assign({}, this.user, user);
 788 |     console.log('User has been edited: ', user);
 789 |   }
 790 | }
 791 | ```
 792 | 
 793 | ```html
 794 | <user-preview [user]="user"
 795 |               (onEdit)="editUser($event)"
 796 | ></user-preview>
 797 | ```
 798 | 
 799 | :link: https://angular.io/guide/component-interaction
 800 | 
 801 | ## ![react] React
 802 | 
 803 | ```jsx
 804 | import React, { Component } from 'react';
 805 | import PropTypes from 'prop-types';
 806 | import { User } from 'utils';
 807 | 
 808 | class UserPreviewComponent extends Component {
 809 |   submitEdit = () => {
 810 |     this.props.onEdit({
 811 |       name: this.state.name,
 812 |       email: this.state.email,
 813 |     });
 814 |   };
 815 | 
 816 |   handleInputChange({ target }) {
 817 |     this.setState({
 818 |       [target.name]: target.value,
 819 |     });
 820 |   }
 821 | 
 822 |   render() {
 823 |     return (
 824 |       <form onSubmit={ this.submitEdit }>
 825 |         <input
 826 |           type="text"
 827 |           name="name"
 828 |           value={ this.state.name }
 829 |           onChange={ this.handleInputChange }
 830 |         />
 831 |         <input
 832 |           type="email"
 833 |           name="email"
 834 |           value={ this.state.email }
 835 |           onChange={ this.handleInputChange }
 836 |         />
 837 |         <input type="submit" value="Submit" />
 838 |       </form>
 839 |     );
 840 |   }
 841 | }
 842 | 
 843 | UserPreviewComponent.propTypes = {
 844 |   user: PropTypes.instanceOf(User),
 845 |   onEdit: PropTypes.func,
 846 | };
 847 | ```
 848 | 
 849 | In a parent component:
 850 | 
 851 | ```jsx
 852 | import React, { Component } from 'react';
 853 | import { User } from 'utils';
 854 | 
 855 | export class SettingsComponent extends Component {
 856 |   state = {
 857 |     user: {
 858 |       name: 'John Smith',
 859 |       email: 'john.smith@example.com',
 860 |     },
 861 |   };
 862 | 
 863 |   editUser(user: User){
 864 |     this.setState({
 865 |       user: Object.assign({}, this.state.user, user),
 866 |     });
 867 |     console.log('User has been edited: ', user);
 868 |   }
 869 | 
 870 |   render() {
 871 |     return (
 872 |       <UserPreviewComponent
 873 |         user={ this.state.user }
 874 |         onEdit={ (user) => this.editUser(user) }
 875 |       />
 876 |     );
 877 |   }
 878 | }
 879 | ```
 880 | 
 881 | ## ![vue] Vue.js
 882 | 
 883 | Child component:
 884 | 
 885 | ```js
 886 | Vue.component('child', {
 887 |   props: {
 888 |     class: {
 889 |       type: String,
 890 |       required: true,
 891 |     },
 892 |     loading: Boolean,
 893 |     message: String,
 894 |   },
 895 |   template: '<span v-bind:class="class" v-show="loading" v-text="message"></span>',
 896 | });
 897 | ```
 898 | 
 899 | Usage in the parent component:
 900 | 
 901 | ```html
 902 | <child class="small" :loading="true" message="Busy Loading!"></child>
 903 | ```
 904 | 
 905 | :link: https://vuejs.org/v2/guide/components.html#Props
 906 | 
 907 | # Default inputs
 908 | 
 909 | ## ![angular.js] AngularJS
 910 | 
 911 | There's no built-in mechanism for default inputs, so we assign them programmatically in the `$onChanges` hook.
 912 | 
 913 | ```js
 914 | class CoursesListController {
 915 |   $onChanges(bindings) {
 916 |     if (typeof bindings.displayPurchased.currentValue === 'undefined') {
 917 |       this.displayPurchased = true;
 918 |     }
 919 |     if (typeof bindings.displayAvailable.currentValue === 'undefined') {
 920 |       this.displayAvailable = true;
 921 |     }
 922 |   }
 923 | }
 924 | 
 925 | const component = {
 926 |   bindings: {
 927 |     displayPurchased: '<',
 928 |     displayAvailable: '<',
 929 |   },
 930 |   templateUrl: './coursesList.component.html',
 931 |   controller: CoursesListController,
 932 | };
 933 | 
 934 | export default component;
 935 | ```
 936 | 
 937 | ## ![angular] Angular
 938 | 
 939 | ```ts
 940 | import { Component } from '@angular/core';
 941 | 
 942 | @Component({
 943 |   selector: 'courses-list',
 944 |   templateUrl: './coursesList.component.html',
 945 | })
 946 | export class CoursesListController {
 947 |   displayPurchased: boolean = true;
 948 |   displayAvailable: boolean = true;
 949 | }
 950 | ```
 951 | 
 952 | ## ![react] React
 953 | 
 954 | ```jsx
 955 | import React, { Component } from 'react';
 956 | import PropTypes from 'prop-types';
 957 | 
 958 | export class CoursesListController extends { Component } {
 959 |   static propTypes = {
 960 |     displayPurchased: PropTypes.bool,
 961 |     displayAvailable: PropTypes.bool,
 962 |   };
 963 | 
 964 |   static defaultProps = {
 965 |     displayPurchased: true,
 966 |     displayAvailable: true,
 967 |   };
 968 | 
 969 |   render() {
 970 |     return <div>{ /* template */ }</div>;
 971 |   }
 972 | }
 973 | ```
 974 | 
 975 | :link: https://reactjs.org/docs/typechecking-with-proptypes.html#default-prop-values
 976 | 
 977 | ## ![vue] Vue.js
 978 | 
 979 | ```js
 980 | import Vue from 'vue';
 981 | 
 982 | Vue.component('courses-list', {
 983 |   template: '<div>{{ /* template */ }}</div>',
 984 |   props: {
 985 |     displayPurchased: {
 986 |       type: Boolean,
 987 |       default: true,
 988 |     },
 989 |     displayAvailable: {
 990 |       type: Boolean,
 991 |       default: true,
 992 |     },
 993 |   },
 994 | });
 995 | ```
 996 | 
 997 | # Lifecycle methods
 998 | 
 999 | ## ![angular.js] AngularJS
1000 | 
1001 | #### `$onInit()` 
1002 | 
1003 | Called when the component has been constructed and has its bindings have been initialized.
1004 | 
1005 | #### `$postLink()` 
1006 | 
1007 | Called after the component and its children have been linked (mounted).
1008 | 
1009 | #### `$onChanges(changes)`
1010 | 
1011 | Called whenever one-way bindings are updated.
1012 | 
1013 | #### `$doCheck()`
1014 | 
1015 | Called on each turn of the digest cycle.
1016 | 
1017 | #### `$onDestroy()`
1018 | 
1019 | Called when the component (a controller with its containing scope) is being destroyed.
1020 | 
1021 | :link: https://docs.angularjs.org/api/ng/service/$compile
1022 | 
1023 | ### ![angular] Angular
1024 | 
1025 | #### [`ngOnChanges()`](https://angular.io/guide/lifecycle-hooks#onchanges)
1026 | 
1027 | Respond when Angular (re)sets data-bound input properties. The method receives a `SimpleChanges` object of current and previous property values.
1028 | 
1029 | Called before `ngOnInit()` and whenever one or more data-bound input properties change.
1030 | 
1031 | ```ts
1032 | export class PeekABooComponent extends PeekABoo implements OnChanges {
1033 |   // only called for/if there is an @input variable set by parent.
1034 |   ngOnChanges(changes: SimpleChanges) {
1035 |     let changesMsgs: string[] = [];
1036 |     for (let propName in changes) {
1037 |       if (propName === 'name') {
1038 |         let name = changes['name'].currentValue;
1039 |         changesMsgs.push(`name ${this.verb} to "${name}"`);
1040 |       } else {
1041 |         changesMsgs.push(propName + ' ' + this.verb);
1042 |       }
1043 |     }
1044 |     this.logIt(`OnChanges: ${changesMsgs.join('; ')}`);
1045 |     this.verb = 'changed'; // next time it will be a change
1046 |   } 
1047 | }
1048 | ```
1049 | 
1050 | #### [`ngOnInit()`](https://angular.io/guide/lifecycle-hooks#oninit)
1051 | 
1052 | Initialize the directive/component after Angular first displays the data-bound properties and sets the directive/component's input properties.
1053 | 
1054 | Called once, after the first `ngOnChanges()`.
1055 | 
1056 | ```ts
1057 | export class PeekABoo implements OnInit {
1058 |   constructor(private logger: LoggerService) { }
1059 | 
1060 |   // implement OnInit's `ngOnInit` method
1061 |   ngOnInit() { this.logIt(`OnInit`); }
1062 | 
1063 |   logIt(msg: string) {
1064 |     this.logger.log(`#${nextId++} ${msg}`);
1065 |   }
1066 | }
1067 | ```
1068 | 
1069 | #### [`ngDoCheck()`](https://angular.io/guide/lifecycle-hooks#docheck)
1070 | 
1071 | Detect and act upon changes that Angular can't or won't detect on its own.
1072 | 
1073 | Called during every change detection run, immediately after `ngOnChanges()` and `ngOnInit()`.
1074 | 
1075 | ```ts
1076 | export class PeekABooComponent extends PeekABoo implements DoCheck {
1077 |   ngDoCheck() { 
1078 |     this.logIt(`DoCheck`);
1079 |   }
1080 | }
1081 | ```
1082 | 
1083 | #### [`ngAfterContentInit()`](https://angular.io/guide/lifecycle-hooks#aftercontent-hooks)
1084 | 
1085 | Respond after Angular projects external content into the component's view.
1086 | Called once after the first `ngDoCheck()`.
1087 | 
1088 | ```ts
1089 | export class PeekABooComponent extends PeekABoo implements AfterContentInit {
1090 |   ngAfterContentInit() { this.logIt(`AfterContentInit`);  }
1091 | }
1092 | ```
1093 | 
1094 | #### [`ngAfterContentChecked()`](https://angular.io/guide/lifecycle-hooks#aftercontent-hooks)
1095 | 
1096 | Respond after Angular checks the content projected into the component.
1097 | 
1098 | Called after the `ngAfterContentInit()` and every subsequent `ngDoCheck()`
1099 | 
1100 | ```ts
1101 | export class PeekABooComponent extends PeekABoo implements AfterContentChecked {
1102 |   // Beware! Called frequently!
1103 |   // Called in every change detection cycle anywhere on the page
1104 |   ngAfterContentChecked() { this.logIt(`AfterContentChecked`); }
1105 | }
1106 | ```
1107 | 
1108 | #### [`ngAfterViewInit()`](https://angular.io/guide/lifecycle-hooks#afterview)
1109 | 
1110 | Respond after Angular initializes the component's views and child views.
1111 | 
1112 | Called once after the first `ngAfterContentChecked()`.
1113 | 
1114 | ```ts
1115 | export class AfterViewComponent implements  AfterViewChecked, AfterViewInit {  
1116 |   ngAfterViewInit() {
1117 |     // viewChild is set after the view has been initialized
1118 |     this.logIt('AfterViewInit');
1119 |     this.doSomething();
1120 |   }
1121 | }
1122 | ```
1123 | 
1124 | #### [`ngAfterViewChecked()`](https://angular.io/guide/lifecycle-hooks#afterview)
1125 | 
1126 | Respond after Angular checks the component's views and child views.
1127 | 
1128 | Called after the `ngAfterViewInit` and every subsequent `ngAfterContentChecked()`
1129 | 
1130 | ```ts
1131 | export class AfterViewComponent implements  AfterViewChecked, AfterViewInit 
1132 |   ngAfterViewChecked() {
1133 |     // viewChild is updated after the view has been checked
1134 |     if (this.prevHero === this.viewChild.hero) {
1135 |       this.logIt('AfterViewChecked (no change)');
1136 |     } else {
1137 |       this.prevHero = this.viewChild.hero;
1138 |       this.logIt('AfterViewChecked');
1139 |       this.doSomething();
1140 |     }
1141 |   }
1142 | }
1143 | ```
1144 | 
1145 | #### [`ngOnDestroy()`](https://angular.io/guide/lifecycle-hooks#ondestroy)
1146 | 
1147 | Cleanup just before Angular destroys the directive/component. Unsubscribe Observables and detach event handlers to avoid memory leaks.
1148 | 
1149 | Called just before Angular destroys the directive/component.
1150 | 
1151 | ```ts
1152 | @Directive({
1153 |     selector: '[destroyDirective]'
1154 | })
1155 | 
1156 | export class OnDestroyDirective implements OnDestroy {
1157 |   sayHello: number;
1158 |   constructor() {
1159 |     this.sayHiya = window.setInterval(() => console.log('hello'),     1000);
1160 |   }
1161 |   ngOnDestroy() {
1162 |      window.clearInterval(this.sayHiya);
1163 |   }
1164 | }
1165 | ```
1166 | 
1167 | ## ![react] React
1168 | 
1169 | #### [`componentWillMount()`](https://reactjs.org/docs/react-component.html#componentwillmount) 
1170 | 
1171 | Is invoked just before rendering. Modifying the state here won't trigger a re-render.
1172 | 
1173 | #### [`componentDidMount()`](https://reactjs.org/docs/react-component.html#componentdidmount) 
1174 | 
1175 | Is invoked after render. Useful for the initialization that require DOM nodes.
1176 | 
1177 | #### [`componentWillReceiveProps(nextProps)`](https://reactjs.org/docs/react-component.html#componentwillreceiveprops) 
1178 | 
1179 | Is only called after rendering, but before receiving new props. Because React may call this method without props changing, it is recommended to manually implement a check to see if there's a difference.
1180 | 
1181 | #### [`shouldComponentUpdate(nextProps, nextState)`](https://reactjs.org/docs/react-component.html#shouldcomponentupdate) 
1182 | 
1183 | This method is called before receiving new props or a change of state. By default, it returns true which means re-rendering is triggered by any change. Modifying this method allows you to only re-render in intended scenarios.
1184 | 
1185 | #### [`componentWillUpdate(nextProps, nextState)`](https://reactjs.org/docs/react-component.html#componentwillupdate) 
1186 | 
1187 | Is invoked whenever `shouldComponentUpdate` returns true before rendering. Note: You can't use `this.setState()` here.
1188 | 
1189 | #### [`componentDidUpdate(prevProps, prevState)`](https://reactjs.org/docs/react-component.html#componentdidupdate) 
1190 | 
1191 | Is invoked after rendering, but not after the initial render. This method is useful for manipulating the DOM when updated.
1192 | 
1193 | #### [`componentWillUnmount()`](https://reactjs.org/docs/react-component.html#componentwillunmount) 
1194 | 
1195 | Is invoked immediately before a component is unmounted and destroyed. Useful for resource cleanup.
1196 | 
1197 | #### [`componentDidCatch(error,info)`](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html) 
1198 | 
1199 | Is invoked when Javascript throws an error anywhere in the component's tree. Useful for catching errors, showing a fallback interface, and logging errors without breaking the entire application.
1200 | 
1201 | ## ![vue] Vue.js
1202 | 
1203 | #### [`beforeCreate`](https://vuejs.org/v2/api/#beforeCreate)
1204 | 
1205 | Called synchronously immediately after the instance has been initialized, but before data observation and event/watcher setup. On every Vue instance lifecycle, `this` points to the vm instance itself.
1206 | 
1207 | ```javascript
1208 | new Vue({
1209 |   beforeCreate: function () {
1210 |     console.log('this method called before instance created')
1211 |   }
1212 | })
1213 | ```
1214 | 
1215 | #### [`created`](https://vuejs.org/v2/api/#created)
1216 | 
1217 | Called synchronously after the instance is created. At this stage, the instance has finished processing the options, which means the following have been set up: data observation, computed properties, methods, watch/event callbacks. However, the mounting phase has not been started, and the `$el` property will not be available yet.
1218 | 
1219 | ```javascript
1220 | new Vue({
1221 |   created: function () {
1222 |     console.log('this method called after instance created')
1223 |   }
1224 | })
1225 | ```
1226 | 
1227 | #### [`beforeMount`](https://vuejs.org/v2/api/#beforeMount)
1228 | 
1229 | Called right before the mounting begins: the render function is about to be called for the first time.
1230 | 
1231 | _This hook is not called during server-side rendering._
1232 | 
1233 | ```javascript
1234 | new Vue({
1235 |   beforeMount: function () {
1236 |     console.log('this method called before mounting an instance')
1237 |   }
1238 | })
1239 | ```
1240 | 
1241 | #### [`mounted`](https://vuejs.org/v2/api/#mounted)
1242 | 
1243 | Called after the instance has been mounted, where [el](https://vuejs.org/v2/api/#el) is replaced by the newly created `vm.$el`. If the root instance is mounted to an in-document element, `vm.$el` will also be in-document when `mounted` is called.
1244 | 
1245 | Note that `mounted` does not guarantee that all child components have also been mounted. If you want to wait until the entire view has been rendered, you can use [vm.$nextTick](https://vuejs.org/v2/api/#Vue-nextTick) inside of mounted:
1246 | 
1247 | ```javascript
1248 | new Vue({
1249 |   mounted: function () {
1250 |     this.$nextTick(function () {
1251 |       // Code that will run only after the
1252 |       // entire view has been rendered
1253 |     })
1254 |   }
1255 | })
1256 | ```
1257 | 
1258 | #### [`beforeUpdate`](https://vuejs.org/v2/api/#beforeUpdate)
1259 | 
1260 | Called whenever the data changes, before the virtual DOM is re-rendered and patched.
1261 | 
1262 | You can perform further state changes in this hook and they will not trigger additional re-renders.
1263 | 
1264 | _This hook is not called during server-side rendering._
1265 | 
1266 | #### [`updated`](https://vuejs.org/v2/api/#updated)
1267 | 
1268 | Called after a data change causes the virtual DOM to be re-rendered and patched.
1269 | 
1270 | The component’s DOM will have been updated when this hook is called, so you can perform DOM-dependent operations here. However, in most cases you should avoid changing state inside the hook.
1271 | 
1272 | Note that `updated` does not guarantee that all child components have also been re-rendered. If you want to wait until the entire view has been re-rendered, you can use [vm.$nextTick](https://vuejs.org/v2/api/#Vue-nextTick) inside of `updated`:
1273 | 
1274 | ```javascript
1275 | updated: function () {
1276 |   this.$nextTick(function () {
1277 |     // Code that will run only after the
1278 |     // entire view has been re-rendered
1279 |   })
1280 | }
1281 | ```
1282 | 
1283 | #### [`activated`](https://vuejs.org/v2/api/#activated)
1284 | 
1285 | Called when a kept-alive component is activated.
1286 | 
1287 | _This hook is not called during server-side rendering._
1288 | 
1289 | #### [`deactivated`](https://vuejs.org/v2/api/#deactivated)
1290 | 
1291 | Called when a kept-alive component is deactivated.
1292 | 
1293 | _This hook is not called during server-side rendering._
1294 | 
1295 | #### [`beforeDestroy`](https://vuejs.org/v2/api/#beforeDestroy)
1296 | 
1297 | Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
1298 | 
1299 | _This hook is not called during server-side rendering._
1300 | 
1301 | #### [`destroyed`](https://vuejs.org/v2/api/#destroyed)
1302 | 
1303 | Called after a Vue instance has been destroyed. When this hook is called, all directives of the Vue instance have been unbound, all event listeners have been removed, and all child Vue instances have also been destroyed.
1304 | 
1305 | _This hook is not called during server-side rendering._
1306 | 
1307 | 
1308 | #### [`errorCaptured`](https://vuejs.org/v2/api/#errorCaptured)
1309 | 
1310 | Called when an error from any descendent component is captured.
1311 | 
1312 | # Conditional rendering
1313 | 
1314 | ## ![angular.js] AngularJS
1315 | 
1316 | Angularjs 1.x has three ways to perform conditional rendering: `ng-if`, `ng-switch` and `ng-hide/ng-show`.
1317 | 
1318 | ```js
1319 | export class RegistrationController {
1320 |   registrationCompleted = false;
1321 |   displaySpecialOffer = false;
1322 |   displayStatus = 'Registered';
1323 | }
1324 | ```
1325 | ```html
1326 | <div ng-if="displaySpecialOffer">
1327 |   <special-offer></special-offer>
1328 | </div>
1329 | 
1330 | <div ng-switch="displayStatus">
1331 |   <div ng-switch-when="Registered">
1332 |      <registration-completed></registration-completed>
1333 |   </div>
1334 | </div>
1335 | 
1336 | <div ng-show="displaySpecialOffer">
1337 |   <special-offer></special-offer>
1338 | </div>
1339 | <div ng-hide="displaySpecialOffer">
1340 |   <special-offer></special-offer>
1341 | </div>
1342 | ```
1343 | 
1344 | ## ![angular] Angular
1345 | 
1346 | Since Angular 4.0.0, alongside standard `ngIf`, it is possible to use `ngIf;else` or `ngIf;then;else` using `<ng-template>` with an alias `#aliasName`.
1347 | 
1348 | ```ts
1349 | import { Component } from '@angular/core';
1350 | 
1351 | @Component({
1352 |   selector: 'registration',
1353 |   template: '',
1354 | })
1355 | export class RegistrationComponent {
1356 |   registrationCompleted: boolean = false;
1357 |   displaySpecialOffer: boolean = false;
1358 | }
1359 | ```
1360 | 
1361 | ```html
1362 | <div *ngIf="displaySpecialOffer">
1363 |   <special-offer></special-offer>
1364 | </div>
1365 | 
1366 | <div *ngIf="registrationCompleted;else registrationForm">
1367 |   <registration-completed></registration-completed>
1368 | </div>
1369 | 
1370 | <ng-template #registrationForm>
1371 |   <registration-form></registration-form>
1372 | </ng-template>
1373 | ```
1374 | 
1375 | :link: https://angular.io/api/common/NgIf
1376 | 
1377 | ## ![react] React
1378 | 
1379 | The most common approach to conditional rendering is by using the ternary operator:
1380 | `{ condition ? <Component /> : null }`
1381 | 
1382 | ```jsx
1383 | import React, { Component } from 'react';
1384 | import PropTypes from 'prop-types';
1385 | 
1386 | export class Registration extends Component {
1387 |   state = {
1388 |     registrationCompleted: false,
1389 |   };
1390 | 
1391 |   propTypes = {
1392 |     displaySpecialOffer: PropTypes.bool,
1393 |   }
1394 | 
1395 |   render() {
1396 |     return (
1397 |       <div>
1398 |         { this.props.displaySpecialOffer ? <SpecialOffer /> : null }
1399 | 
1400 |         { this.state.registrationCompleted ? (
1401 |           <RegistrationCompleted />
1402 |         ) : (
1403 |           <RegistrationForm />
1404 |         ) }
1405 |       </div>
1406 |     );
1407 |   }
1408 | }
1409 | ```
1410 | 
1411 | ## ![vue] Vue.js
1412 | 
1413 | Vue.js has three directives to perform conditional rendering: `v-if`, `v-else-if` and `v-else`.
1414 | 
1415 | ```html
1416 | <template>
1417 |   <section v-if="registrationCompleted && !displaySpecialOffer">
1418 |     <registration-completed />
1419 |   </section>
1420 |   <section v-else-if="registrationCompleted && displaySpecialOffer">
1421 |     <special-offer />
1422 |     <registration-completed />
1423 |   </section>
1424 |   <section v-else>
1425 |     <registration-form />
1426 |   </section>
1427 | </template>
1428 | ```
1429 | 
1430 | :link: https://vuejs.org/v2/guide/conditional.html
1431 | 
1432 | # Lists
1433 | 
1434 | ## ![angular.js] AngularJS
1435 | 
1436 | [ngRepeat](https://docs.angularjs.org/api/ng/directive/ngRepeat)
1437 | 
1438 | ```js
1439 | export class BookListComponentCtrl {
1440 |   constructor() {
1441 |     this.books = [
1442 |       {
1443 |         id: 1,
1444 |         title: 'Eloquent JavaScript',
1445 |         author: 'Marijn Haverbeke',
1446 |       },
1447 |       {
1448 |         id: 2,
1449 |         title: 'JavaScript: The Good Parts',
1450 |         author: 'Douglas Crockford',
1451 |       },
1452 |       {
1453 |         id: 3,
1454 |         title: 'JavaScript: The Definitive Guide',
1455 |         author: 'David Flanagan',
1456 |       },
1457 |     ];
1458 |   }
1459 | }
1460 | ```
1461 | 
1462 | ```html
1463 | <ul>
1464 |   <li ng-repeat="book in $ctrl.books track by book.id">
1465 |     {{ book.title }} by {{ book.author }}
1466 |   </li>
1467 | </ul>
1468 | ```
1469 | 
1470 | ## ![angular] Angular
1471 | 
1472 | [ngFor](https://angular.io/guide/template-syntax#ngfor)
1473 | 
1474 | ```ts
1475 | export interface Book {
1476 |   id: number;
1477 |   title: string;
1478 |   author: string;
1479 | }
1480 | ```
1481 | 
1482 | ```ts
1483 | import { Component } from '@angular/core';
1484 | import { Book } from './book.interface';
1485 | 
1486 | @Component({
1487 |   selector: 'book-list',
1488 |   template: `
1489 |     <ul>
1490 |       <li *ngFor="let book of books; trackBy: trackById">
1491 |         {{ book.title }} by {{ book.author }}
1492 |       </li>
1493 |     </ul>
1494 |   `
1495 | })
1496 | export class BookListComponent {
1497 |   this.books: Book[] = [
1498 |     {
1499 |       id: 1,
1500 |       title: "Eloquent JavaScript",
1501 |       author: "Marijn Haverbeke"
1502 |     },
1503 |     {
1504 |       id: 2,
1505 |       title: "JavaScript: The Good Parts",
1506 |       author: "Douglas Crockford"
1507 |     },
1508 |     {
1509 |       id: 3,
1510 |       title: "JavaScript: The Definitive Guide",
1511 |       author: "David Flanagan"
1512 |     }
1513 |   ];
1514 | 
1515 |   trackById(book) {
1516 |     return book.id;
1517 |   }
1518 | }
1519 | ```
1520 | 
1521 | ## ![react] React
1522 | 
1523 | [Lists and Keys](https://reactjs.org/docs/lists-and-keys.html)
1524 | 
1525 | ```jsx
1526 | import React, { Component } from 'react';
1527 | 
1528 | export class BookList extends Component {
1529 |   state = {
1530 |     books: [
1531 |       {
1532 |         id: 1,
1533 |         title: 'Eloquent JavaScript',
1534 |         author: 'Marijn Haverbeke',
1535 |       },
1536 |       {
1537 |         id: 2,
1538 |         title: 'JavaScript: The Good Parts',
1539 |         author: 'Douglas Crockford',
1540 |       },
1541 |       {
1542 |         id: 3,
1543 |         title: 'JavaScript: The Definitive Guide',
1544 |         author: 'David Flanagan',
1545 |       },
1546 |     ],
1547 |   };
1548 | 
1549 |   render() {
1550 |     const { books } = this.state;
1551 | 
1552 |     return (
1553 |       <ul>
1554 |         { books.map(book => {
1555 |           return (
1556 |             <li key="{ book.id }">
1557 |               { book.title } by { book.author }
1558 |             </li>
1559 |           );
1560 |         }) }
1561 |       </ul>
1562 |     );
1563 |   }
1564 | }
1565 | ```
1566 | 
1567 | ## ![vue] Vue.js
1568 | 
1569 | ```html
1570 | <template>
1571 |   <ul>
1572 |     <li v-for="book in books" :key="book.id">
1573 |       {{ book.title }} by {{ book.author }}
1574 |     </li>
1575 |   </ul>
1576 | </template>
1577 | ```
1578 | 
1579 | ```js
1580 | export default {
1581 |   data() {
1582 |     return {
1583 |       books: [
1584 |         {
1585 |           id: 1,
1586 |           title: 'Eloquent JavaScript',
1587 |           author: 'Marijn Haverbeke',
1588 |         },
1589 |         {
1590 |           id: 2,
1591 |           title: 'JavaScript: The Good Parts',
1592 |           author: 'Douglas Crockford',
1593 |         },
1594 |         {
1595 |           id: 3,
1596 |           title: 'JavaScript: The Definitive Guide',
1597 |           author: 'David Flanagan',
1598 |         },
1599 |       ],
1600 |     };
1601 |   },
1602 | };
1603 | ```
1604 | 
1605 | # Filters
1606 | 
1607 | ## ![angular.js] AngularJS
1608 | 
1609 | AngularJS provides filters to transform data. There are several [built-in filters](https://docs.angularjs.org/api/ng/filter) available and you can make your own custom filters as well.
1610 | 
1611 | Filters can be applied to view templates using the following syntax:
1612 | 
1613 | ```html
1614 | <h1>{{ price | currency }}</h1>
1615 | ```
1616 | 
1617 | Chaining of filters is also possible:
1618 | 
1619 | ```html
1620 | <h1>{{ name | uppercase | appendTitle  }}</h1>
1621 | ```
1622 | 
1623 | Custom Filters:
1624 | 
1625 | ```js
1626 | angular.module('app', [])
1627 |   .filter('reverse', function() {
1628 |     return (input = '', uppercase = false) => {
1629 |       const out = input.split('').reverse().join('');
1630 | 
1631 |       return uppercase ? out.toUpperCase() : out;
1632 |     };
1633 |   });
1634 | ```
1635 | 
1636 | :link: https://docs.angularjs.org/guide/filter
1637 | 
1638 | ## ![angular] Angular
1639 | 
1640 | In Angular filters are called [pipes](https://angular.io/guide/pipes). The built-in pipes available in Angular are: DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, and PercentPipe.
1641 | 
1642 | Apart from the built-in pipes, you can create your own, custom pipes.
1643 | 
1644 | Create a custom pipe:
1645 | this pipe transforms a given URL to a safe style URL, that way it can be used in hyperlinks, for example <img src> or <iframe src>, etc..
1646 | 
1647 | ```ts
1648 | import { Pipe, PipeTransform } from '@angular/core';
1649 | import { DomSanitizer} from '@angular/platform-browser';
1650 | 
1651 | @Pipe({ name: 'safe' })
1652 | export class SafePipe implements PipeTransform {
1653 |   constructor(public sanitizer: DomSanitizer) {}
1654 |   transform(url) {
1655 |     return this.sanitizer.bypassSecurityTrustResourceUrl(url);
1656 |   }
1657 | }
1658 | ```
1659 | 
1660 | Use the custom pipe in a template:
1661 | The given `someUrl` is filtered through the `safe` pipe which transforms it trough the [`DomSanitizer`](https://angular.io/api/platform-browser/DomSanitizer) function `bypassSecurityTrustResourceUrl`.
1662 | 
1663 | ```html
1664 |   <iframe [src]="someUrl | safe"></iframe>
1665 | ```
1666 | 
1667 | Note: `[src]` above is an input to the component which 'lives' above the `iframe`.
1668 | 
1669 | :link: https://angular.io/guide/pipes
1670 | 
1671 | ## ![react] React
1672 | 
1673 | React doesn't provide any specific filtering mechanism. This can simply be achieved by using ordinary JavaScript functions:
1674 | 
1675 | ```jsx
1676 | export function reverse(input = '', uppercase = false) {
1677 |   const out = input.split('').reverse().join('');
1678 | 
1679 |   return uppercase ? out.toUpperCase() : out;
1680 | }
1681 | ```
1682 | 
1683 | ```jsx
1684 | import React, { Component } from 'react';
1685 | import { reverse } from 'utils';
1686 | 
1687 | export class App extends Component {
1688 |   render() {
1689 |     return (
1690 |       <div>
1691 |         { reverse(this.props.input) }
1692 |       </div>
1693 |     );
1694 |   }
1695 | }
1696 | ```
1697 | 
1698 | Filter chaining can be achieved using function composition:
1699 | 
1700 | ```jsx
1701 | <div>
1702 |   { truncate(reverse(this.props.input)) }
1703 | </div>;
1704 | ```
1705 | 
1706 | ## ![vue] Vue.js
1707 | 
1708 | Vue.js provides filters to allow for simple text formatting. The filter utilizes the `|` character which is appended to the expression followed by the filter's name. Vue does not come with any pre-built filters.
1709 | 
1710 | Filters can be used within mustache interpolations:
1711 | 
1712 | ```html
1713 | <h1>{{ name | lowercase }}</h1>
1714 | ```
1715 | 
1716 | Filters can also be used within the `v-bind` directive:
1717 | 
1718 | ```html
1719 | <div v-bind:slug="slug | formatSlug"></div>
1720 | ```
1721 | 
1722 | When creating filters, the function always receives the expression's value:
1723 | 
1724 | ```js
1725 | new Vue({
1726 |   el: '#app',
1727 |   template: '<p> {{ message | lowercase }} </p>',
1728 |   filters: {
1729 |     lowercase(word) {
1730 |       return word.toLowerCase();
1731 |     },
1732 |   },
1733 |   data: {
1734 |     message: 'Hello World',
1735 |   },
1736 | });
1737 | ```
1738 | 
1739 | Filters can also be chained:
1740 | 
1741 | ```html
1742 | <p>{{ description | lowercase | truncate }}</p>
1743 | ```
1744 | 
1745 | Filters can be created locally like the above example and only be available within that component. Filters can also be declared globally:
1746 | 
1747 | ```js
1748 | Vue.filter('lowercase', word => word.toLowerCase());
1749 | ```
1750 | 
1751 | For global filters to work, they should be declared before the Vue instance.
1752 | 
1753 | :link: https://vuejs.org/v2/guide/filters.html
1754 | 
1755 | # Child nodes
1756 | 
1757 | ## ![angular.js] AngularJS
1758 | 
1759 | Inside a [component](https://docs.angularjs.org/guide/component), we have access to the child node by injecting `$element` to the controller. This object contains a [jqLite](https://docs.angularjs.org/api/ng/function/angular.element) wrapped instance of the DOM element. Accessing `$element[0]` will return the bare DOM element.
1760 | 
1761 | Transclusion is also supported - using `ng-transclude` (See [Transclusion and Containment](#transclusion-and-containment) section).
1762 | 
1763 | ```js
1764 | class TextInputController {
1765 |   constructor($element) {
1766 |     'ngInject';
1767 | 
1768 |     this.$element = $element;
1769 |   }
1770 | 
1771 |   // The $element can be used after the link stage
1772 |   $postLink() {
1773 |     const input = this.$element.find('input');
1774 |     input.on('change', console.log);
1775 |   }
1776 | }
1777 | 
1778 | const component = {
1779 |   controller: TextInputController,
1780 |   template: `
1781 |     <div>
1782 |       <input type="text" />
1783 |     </div>
1784 |   `,
1785 | };
1786 | ```
1787 | 
1788 | ## ![angular] Angular
1789 | 
1790 | Angular provides two ways to deal with child nodes: `ViewChild` and `ContentChild`. They both have the same purpose, but there are different use cases for them.
1791 | 
1792 | * [`ViewChild`](https://angular.io/api/core/ViewChild) works with the **internal DOM of your component**, defined by you in the component's template. You have to use the `@ViewChild` decorator to get the DOM element reference.
1793 | 
1794 | * [`ContentChild`](https://angular.io/api/core/ContentChild) works with de **DOM supplied to your component by its end-user** (See [Transclusion and Containment](#transclusion-and-containment)). You have to use the `@ContentChild` decorator to get the DOM element reference.
1795 | 
1796 | ```ts
1797 | import {
1798 |   Component,
1799 |   Input,
1800 |   ViewChild,
1801 |   ContentChild,
1802 |   AfterViewInit,
1803 |   AfterContentInit,
1804 | } from '@angular/core';
1805 | 
1806 | @Component({
1807 |   selector: 'child',
1808 |   template: `
1809 |     <p>Hello, I'm your child #{{ number }}!</p>
1810 |   `,
1811 | })
1812 | export class Child {
1813 |   @Input() number: number;
1814 | }
1815 | 
1816 | @Component({
1817 |   selector: 'parent',
1818 |   template: `
1819 |     <child number="1"></child>
1820 |     <ng-content></ng-content>
1821 |   `,
1822 | })
1823 | export class Parent implements AfterViewInit, AfterContentInit {
1824 |   @ViewChild(Child) viewChild: Child;
1825 |   @ContentChild(Child) contentChild: Child;
1826 | 
1827 |   ngAfterViewInit() {
1828 |     // ViewChild element is only available when the
1829 |     // ngAfterViewInit lifecycle hook is reached.
1830 |     console.log(this.viewChild);
1831 |   }
1832 | 
1833 |   ngAfterContentInit() {
1834 |     // ContentChild element is only available when the
1835 |     // ngAfterContentInit lifecycle hook is reached.
1836 |     console.log(this.contentChild);
1837 |   }
1838 | }
1839 | 
1840 | @Component({
1841 |   selector: 'app',
1842 |   template: `
1843 |     <parent>
1844 |       <child number="2"></child>
1845 |       <child number="3"></child>
1846 |     </parent>
1847 |   `,
1848 | })
1849 | export class AppComponent { }
1850 | ```
1851 | 
1852 | `ViewChild` and `ContentChild` only work with a **single** DOM element. You can use [`ViewChildren`](https://angular.io/api/core/ViewChildren) and [`ContentChildren`](https://angular.io/api/core/ContentChildren) in order to get **multiple elements**. Both return the elements wrapped in a [`QueryList`](https://angular.io/api/core/QueryList).
1853 | 
1854 | ## ![react] React
1855 | 
1856 | In React, we have two options to deal with child nodes: [`refs`](https://reactjs.org/docs/refs-and-the-dom) and [`children`](https://reactjs.org/docs/jsx-in-depth.html#children-in-jsx). With `refs`, you have access to the real DOM element. The `children` property lets you manipulate the underlying [React elements](https://reactjs.org/blog/2015/12/18/react-components-elements-and-instances.html).
1857 | 
1858 | #### refs
1859 | 
1860 | `ref` is a special attribute we can pass to a React element that receives a callback and call it with the corresponding DOM node.
1861 | 
1862 | ```jsx
1863 | import React, { Component } from 'react';
1864 | 
1865 | // In order to access child nodes from parents, we can pass the `ref` callback
1866 | // to the children as props.
1867 | const TextInput = ({ inputRef }) => (
1868 |   <div>
1869 |     <input ref={inputRef} type="text" />
1870 |   </div>
1871 | );
1872 | 
1873 | class Parent extends Component {
1874 |   componentDidMount() {
1875 |     // Refs are only executed after mounting and unmounting. Now `this.textInput`
1876 |     // references a real DOM node. So, we can use the raw DOM API
1877 |     // (to focus the input, for example)
1878 |     this.textInput.focus();
1879 |   }
1880 | 
1881 |   render() {
1882 |     // The child's `inputRef` prop receives the `ref` callback.
1883 |     // We can use the callback to store the DOM element in an instance variable.
1884 |     return (
1885 |       <div>
1886 |         <label>This is my child: </label>
1887 |         <TextInput
1888 |           inputRef={node => { this.textInput = node; }} />
1889 |       </div>
1890 |     );
1891 |   }
1892 | }
1893 | 
1894 | ```
1895 | 
1896 | #### children
1897 | 
1898 | `children` is a special prop available in all React component instances. You can use it to control _how_ and _where_ the underlying React elements will be rendered.
1899 | 
1900 | ```jsx
1901 | import React, { Component } from 'react';
1902 | 
1903 | // children is just a prop. In this case, the value of `children` will be
1904 | // what you pass to the <Heading /> component as a child node.
1905 | const Heading = ({ children }) => (
1906 |   <h1 className="Heading">
1907 |     {children}
1908 |   </h1>
1909 | );
1910 | 
1911 | // `this.props.children` refers to whatever is a valid node inside the <Layout /> element.
1912 | class Layout extends Component {
1913 |   render() {
1914 |     return (
1915 |       <div class="Layout">
1916 |         {this.props.children}
1917 |       </div>
1918 |     );
1919 |   }
1920 | }
1921 | 
1922 | const App = () => (
1923 |   <div>
1924 |     <Heading>I am the child!</Heading>
1925 |     <Layout>
1926 |       We are
1927 |       {'the'}
1928 |       <strong>Children!</strong>
1929 |     </Layout>
1930 |   </div>
1931 | );
1932 | ```
1933 | 
1934 | ## ![vue] Vue.js
1935 | 
1936 | > TODO
1937 | 
1938 | # Transclusion and Containment
1939 | 
1940 | ## Basic
1941 | 
1942 | ## ![angular.js] AngularJS
1943 | 
1944 | ```js
1945 | angular.module('app.layout', [])
1946 |   .component('layout', {
1947 |     bindings: {
1948 |       theme: '@',
1949 |     },
1950 |     controller: LayoutController,
1951 |     transclude: true,
1952 |     template: `
1953 |     <div ng-class="'theme-' + $ctrl.theme">
1954 |       <ng-transclude></ng-transclude>
1955 |     </div>
1956 |   `,
1957 |   }).component('pageContent', {
1958 |     template: '<div>Some content</div>',
1959 |   }).component('pageFooter', {
1960 |     template: '<footer>Some content</footer>',
1961 |   });
1962 | ```
1963 | ```html
1964 | <layout theme="dark">
1965 |   <page-content></page-content>
1966 |   <page-footer></page-footer>
1967 | </layout>
1968 | ```
1969 | 
1970 | ## ![angular] Angular
1971 | 
1972 | ```ts
1973 | @Component({
1974 |   selector: 'layout',
1975 |   template: `
1976 |     <div>
1977 |       <ng-content></ng-content>
1978 |     </div>
1979 |   `,
1980 | })
1981 | export class Layout {}
1982 | 
1983 | @Component({
1984 |   selector: 'page-content',
1985 |   template: '<div>Some content</div>',
1986 | })
1987 | export class PageContent {}
1988 | 
1989 | @Component({
1990 |   selector: 'page-footer',
1991 |   template: '<footer>Some content</footer>',
1992 | })
1993 | export class PageFooter {}
1994 | ```
1995 | ```html
1996 | <layout>
1997 |   <page-content></page-content>
1998 |   <page-footer></page-footer>
1999 | </layout>
2000 | ```
2001 | 
2002 | ## ![react] React
2003 | 
2004 | ```jsx
2005 | const Layout = ({ children, theme }) => (
2006 |   <div className={`theme-${theme}`}>
2007 |     {children}
2008 |   </div>
2009 | );
2010 | 
2011 | const PageContent = () => (
2012 |   <div>Some content</div>
2013 | );
2014 | 
2015 | const PageFooter = () => (
2016 |   <div>Some content</div>
2017 | );
2018 | 
2019 | <Layout theme='dark'>
2020 |   <PageContent />
2021 |   <PageFooter />
2022 | </Layout>;
2023 | ```
2024 | 
2025 | ## ![vue] Vue.js
2026 | 
2027 | > TODO
2028 | 
2029 | ## Multiple slots
2030 | 
2031 | ## ![angular.js] AngularJS
2032 | 
2033 | ```js
2034 | angular.module('app.layout', [])
2035 |   .component('landingSection', {
2036 |     bindings: {},
2037 |     controller: LandingSectionController,
2038 |     transclude: {
2039 |       contentSlot: '?content', // '?' indicates an optional slot
2040 |       iconSlot: '?icon',
2041 |     },
2042 |     template: `
2043 |     <div>
2044 |       <span ng-transclude="contentSlot"></span>
2045 |       <div>
2046 |         <span ng-transclude="iconSlot">This is the default value</span>
2047 |       </dev>
2048 |     </div>
2049 |   `,
2050 |   }).component('pageContent', {
2051 |     template: '<div>Some content</div>',
2052 |   });
2053 | ```
2054 | ```html
2055 | <div>
2056 |   <h1>Page title</h1>
2057 |   <landing-section>
2058 |     <page-content></page-content>
2059 |   </landing-section>
2060 | </div>
2061 | ```
2062 | 
2063 | ## ![angular] Angular
2064 | 
2065 | > TODO
2066 | 
2067 | ## ![react] React
2068 | 
2069 | ```jsx
2070 | const Layout = ({ children, theme }) => (
2071 |   <div className={`theme-${theme}`}>
2072 |     <header>{children.header}</header>
2073 |     <main>{children.content}</main>
2074 |     <footer>{children.footer}</footer>
2075 |   </div>
2076 | );
2077 | 
2078 | const Header = () => (
2079 |   <h1>My Header</h1>
2080 | );
2081 | 
2082 | const Footer = () => (
2083 |   <div>My Footer</div>
2084 | );
2085 | 
2086 | const Content = () => (
2087 |   <div>Some fancy content</div>
2088 | );
2089 | 
2090 | <Layout theme='dark'>
2091 |   {{
2092 |     header: <Header />,
2093 |     content: <Content />,
2094 |     footer: <Footer />,
2095 |   }}
2096 | </Layout>;
2097 | ```
2098 | 
2099 | ## ![vue] Vue.js
2100 | 
2101 | App layout:
2102 | ```html
2103 | <div class="container">
2104 |   <header>
2105 |     <slot name="header"></slot>
2106 |   </header>
2107 |   <main>
2108 |     <slot></slot>
2109 |   </main>
2110 |   <footer>
2111 |     <slot name="footer"></slot>
2112 |   </footer>
2113 | </div>
2114 | ```
2115 | Parent markup:
2116 | ```html
2117 | <app-layout>
2118 |   <h1 slot="header">Here might be a page title</h1>
2119 |   <p>A paragraph for the main content.</p>
2120 |   <p>And another one.</p>
2121 |   <p slot="footer">Here's some contact info</p>
2122 | </app-layout>
2123 | ```
2124 | Result:
2125 | ```html
2126 | <div class="container">
2127 |   <header>
2128 |     <h1>Here might be a page title</h1>
2129 |   </header>
2130 |   <main>
2131 |     <p>A paragraph for the main content.</p>
2132 |     <p>And another one.</p>
2133 |   </main>
2134 |   <footer>
2135 |     <p>Here's some contact info</p>
2136 |   </footer>
2137 | </div>
2138 | ```
2139 | :link: https://vuejs.org/v2/guide/components.html#Named-Slots
2140 | 
2141 | # Class toggling
2142 | 
2143 | ## ![angular.js] AngularJS
2144 | 
2145 | The [ng-class](https://docs.angularjs.org/api/ng/directive/ngClass) directive allows you to dynamically set CSS classes on an HTML element.
2146 | 
2147 | ```html
2148 | <main-header
2149 |   ng-class="{ 'mainNavbar--fluid': $ctrl.isFluid }">
2150 | ...
2151 | </main-header>
2152 | ```
2153 | 
2154 | ## ![angular] Angular
2155 | 
2156 | In Angular, the [ngClass](https://angular.io/guide/ajs-quick-reference#ngclass) directive works similarly. It includes/excludes CSS classes based on an expression.
2157 | 
2158 | ```html
2159 | <main-header
2160 |   [ngClass]="{ 'mainNavbar--fluid': isFluid }">
2161 | ...
2162 | </main-header>
2163 | ```
2164 | 
2165 | ## ![react] React
2166 | 
2167 | The React approach allows us to construct className string with JavaScript.
2168 | 
2169 | ```jsx
2170 | <MainHeader
2171 |   className={ this.props.isFluid ? 'mainNavbar--fluid' : '' }
2172 | />;
2173 | ```
2174 | 
2175 | Many utility libraries have emerged - [classnames](https://github.com/JedWatson/classnames) being among the most popular.
2176 | 
2177 | ```jsx
2178 | class App {
2179 |   /* ... */
2180 |   render() {
2181 |     const classNames = classNames({
2182 |       'mainNavbar--fluid': this.props.isFluid,
2183 |     });
2184 | 
2185 |     return (
2186 |       <MainHeader
2187 |         className={ classNames }
2188 |       />
2189 |     );
2190 |   }
2191 | }
2192 | ```
2193 | 
2194 | ## ![vue] Vue.js
2195 | 
2196 | ```html
2197 | <main-header
2198 |   v-bind:class="{ 'mainNavbar--fluid': isFluid }"
2199 | >
2200 | ```
2201 | 
2202 | :link: https://vuejs.org/v2/guide/class-and-style.html
2203 | 
2204 | # Data binding
2205 | 
2206 | ## ![angular.js] AngularJS
2207 | 
2208 | The [ng-model](https://docs.angularjs.org/api/ng/directive/ngModel) directive binds a form control to a property in the controller. This provides two-way binding.
2209 | 
2210 | ```js
2211 | import angular from 'angular';
2212 | import template from './registration.html';
2213 | 
2214 | class RegistrationController {
2215 |   $onInit() {
2216 |     this.name = '';
2217 |   }
2218 | }
2219 | 
2220 | const component = {
2221 |   bindings: {},
2222 |   template,
2223 |   controller: RegistrationController,
2224 | };
2225 | 
2226 | export const module = angular
2227 |   .module('app.registration', [])
2228 |   .component('registration', component);
2229 | ```
2230 | 
2231 | ```html
2232 | <input ng-model="$ctrl.name" />
2233 | <p>Name: {{ $ctrl.name }}</p>
2234 | ```
2235 | 
2236 | ## ![angular] Angular
2237 | 
2238 | We use [`[(ngModel)]`](https://angular.io/api/forms/NgModel) to have a two-way data binding inside our forms. The value in the UI will always be synced with the domain model in the component.
2239 | 
2240 | ```ts
2241 | import { Component } from '@angular/core';
2242 | 
2243 | @Component({
2244 |   selector: 'registration',
2245 |   templateUrl: require('registration.component.html'),
2246 | })
2247 | export class RegistrationComponent {
2248 |   name: string = '';
2249 | }
2250 | ```
2251 | 
2252 | ```html
2253 | <input [(ngModel)]="name" />
2254 | <p>Name: {{ name }}</p>
2255 | ```
2256 | 
2257 | :link: https://angular.io/guide/template-syntax#two-way-binding
2258 | 
2259 | ## ![react] React
2260 | 
2261 | > TODO
2262 | 
2263 | ## ![vue] Vue.js
2264 | 
2265 | You can use the `v-model` directive to create **two-way data bindings** on form `input` and `textarea` elements. It automatically picks the correct way to update the element based on the input type. Although a bit magical, `v-model` is essentially syntax sugar for updating data on user input events, plus special care for some edge cases.
2266 | 
2267 | :link: https://vuejs.org/v2/guide/forms.html
2268 | 
2269 | # Forms
2270 | 
2271 | ## ![angular.js] AngularJS
2272 | 
2273 | ```js
2274 | class SignInController {
2275 |   constructor(Auth) {
2276 |     'ngInject';
2277 | 
2278 |     this.Auth = Auth;
2279 |   }
2280 | 
2281 |   $onInit() {
2282 |     this.email = '';
2283 |     this.password = '';
2284 |   }
2285 | 
2286 |   submit() {
2287 |     Auth.signIn(this.email, this.password);
2288 |   }
2289 | }
2290 | 
2291 | ```
2292 | 
2293 | ```html
2294 | <form name="$ctrl.form">
2295 |   <label>
2296 |     Email:
2297 |     <input type="text" ng-model="$ctrl.email" />
2298 |   </label>
2299 | 
2300 |   <label>
2301 |     E-mail:
2302 |     <input type="email" ng-model="$ctrl.password" />
2303 |   </label>
2304 |   <input type="submit" ng-click="$ctrl.submit()" value="Save" />
2305 | </form>
2306 | ```
2307 | 
2308 | ## ![angular] Angular
2309 | 
2310 | Angular offers two ways to build forms:
2311 | 
2312 | * [Reactive forms](https://angular.io/guide/reactive-forms)
2313 | * [Template-driven forms](https://angular.io/guide/forms#template-driven-forms)
2314 | 
2315 | The former uses a reactive (or model-driven) approach to build forms. The latter allows you to build forms by writing templates in the Angular template syntax with the form-specific directives and techniques.
2316 | 
2317 | ### ![react] Reactive forms example
2318 | 
2319 | ```ts
2320 | import { Component, OnInit } from '@angular/core';
2321 | import { FormGroup, FormBuilder } from '@angular/forms';
2322 | 
2323 | @Component({
2324 |   selector: 'reactive-form',
2325 |   template: `
2326 |     <div>
2327 |       <form [formGroup]="form"
2328 |             (ngSubmit)="onSubmit(form.value, form.valid)"
2329 |             novalidate>
2330 |         <div>
2331 |           <label>
2332 |             Name:
2333 |             <input type="text" formControlName="name">
2334 |           </label>
2335 |         </div>
2336 |         <div>
2337 |           <label>
2338 |             Email:
2339 |              <input type="email" formControlName="email">
2340 |           </label>
2341 |         </div>
2342 |       </form>
2343 |     </div>
2344 |   `
2345 | })
2346 | 
2347 | export class ReactiveFormComponent implements OnInit {
2348 |   public form: FormGroup;
2349 | 
2350 |   constructor(private formBuilder: FormBuilder) { }
2351 | 
2352 |   ngOnInit() {
2353 |     this.form = this.formBuilder.group({name: [''], email: ['']});
2354 |   }
2355 | }
2356 | ```
2357 | #### Template-driven forms example
2358 | 
2359 | ```ts
2360 | import { Component } from '@angular/core';
2361 | 
2362 | @Component({
2363 |   selector: 'template-driven-form',
2364 |   template: `
2365 |     <div>
2366 |       <form (ngSubmit)="onSubmit()" #templateDrivenForm="ngForm" novalidate>
2367 |         <div>
2368 |           <label>
2369 |             Name:
2370 |             <input type="text" [(ngModel)]="model.name" required>
2371 |           </label>
2372 |         </div>
2373 |         <div>
2374 |           <label>
2375 |             Email:
2376 |             <input type="email" [(ngModel)]="model.email" required>
2377 |           </label>
2378 |         </div>
2379 |         <button type="submit" [disabled]="!templateDrivenForm.form.valid">Submit</button>
2380 |         </form>
2381 |     </div>
2382 |   `
2383 | })
2384 | 
2385 | export class TemplateDrivenFormComponent {
2386 |   public model = { name: '', email: '' };
2387 | }
2388 | ```
2389 | 
2390 | The `novalidate` attribute in the `<form>` element prevents the browser from attempting native HTML validations.
2391 | 
2392 | ## ![react] React
2393 | 
2394 | Two techniques exists in React to handle form data: [Controlled Components](https://reactjs.org/docs/forms.html#controlled-components) and [Uncontrolled Components](https://reactjs.org/docs/uncontrolled-components.html). A controlled component keeps the input's value in the state and updates it via `setState()`. While in an uncontrolled component, form data is handled by DOM itself and referenced via `ref`. In most cases, it is recommended to use controlled components.
2395 | 
2396 | ```js
2397 | import React, { Component } from 'react';
2398 | 
2399 | export default class ReactForm extends Component {
2400 |   state = {
2401 |     email: '',
2402 |     password:'',
2403 |   };
2404 | 
2405 |   handleChange = ({ name, value}) => {
2406 |     if (name === 'email') {
2407 |       this.setState({ email: value });
2408 |     } else if (name === 'password') {
2409 |       this.setState({ password: value });
2410 |     }
2411 |   };
2412 | 
2413 |   render() {
2414 |     return (
2415 |       <form>
2416 |         <label>
2417 |           Email:
2418 |           <input
2419 |             name="email"
2420 |             type="email"
2421 |             value= {this.state.email }
2422 |             onChange={ this.handleChange }
2423 |           />
2424 |         </label>
2425 |         <label>
2426 |           Password:
2427 |           <input
2428 |             name="password"
2429 |             type="password"
2430 |             value={ this.state.password }
2431 |             onChange={ this.handleChange }
2432 |           />
2433 |         </label>
2434 |       </form>
2435 |     );
2436 |   }
2437 | }
2438 | ```
2439 | 
2440 | :link: https://reactjs.org/docs/forms.html
2441 | 
2442 | ## ![vue] Vue.js
2443 | 
2444 | ```html
2445 | <template>
2446 |   <form v-on:submit.prevent="onSubmit">
2447 |    <label>
2448 |        Email:
2449 |       <input type="email" v-model="email">
2450 |    </label>
2451 |    <label>
2452 |      Password:
2453 |      <input type="password" v-model="password" />
2454 |    </label>
2455 |    <button type="submit">Send</button>
2456 |   </form>
2457 | </template>
2458 | 
2459 | <script>
2460 | import Auth form './util/auth.js';
2461 | 
2462 | export default {
2463 |   data() {
2464 |     return {
2465 |       email: '',
2466 |       password: ''
2467 |     }
2468 |   },
2469 |   methods: {
2470 |     onSubmit() {
2471 |       Auth.signIn(this.email, this.password);
2472 |     }
2473 |   }
2474 | }
2475 | </script>
2476 | ```
2477 | 
2478 | :link: https://vuejs.org/v2/guide/forms.html
2479 | 
2480 | # Styling
2481 | 
2482 | ## ![angular.js] AngularJS
2483 | 
2484 | Generally you will use a preprocessor (e.g. [Sass](http://sass-lang.com/)) and assign appropriate classes to the elements.
2485 | 
2486 | The [`ng-style`](https://docs.angularjs.org/api/ng/directive/ngStyle) directive allows you to set custom CSS styles dynamically.
2487 | 
2488 | ```js
2489 | class HeaderController {
2490 |   constructor(ThemeProvider) {
2491 |     'ngInject';
2492 | 
2493 |     this.ThemeProvider = ThemeProvider;
2494 |     this.headerStyles = {};
2495 |   }
2496 | 
2497 |   $onInit() {
2498 |     this.headerStyles.color = ThemeProvider.getTextPrimaryColor();
2499 |   }
2500 | }
2501 | ```
2502 | 
2503 | ```html
2504 | <h1 ng-style="$ctrl.headerStyles"
2505 |     class="Header">
2506 |     Welcome
2507 | </h1>
2508 | ```
2509 | 
2510 | ## ![angular] Angular
2511 | 
2512 | When defining Angular components you may also include the CSS styles that will go with the template. By default the styles will be compiled as shadow DOM, which basically means you don't need any namespacing strategy for CSS classes.
2513 | 
2514 | The [`ngStyle`](https://angular.io/api/common/NgStyle) directive allows you to set custom CSS styles dynamically.
2515 | 
2516 | ```ts
2517 | @Component({
2518 |   selector: 'ng-header',
2519 |   template: require('./header.html'),
2520 |   styles: [require('./header.scss')],
2521 | })
2522 | export class HeaderComponent {
2523 |   headerStyles = {};
2524 | 
2525 |   constructor(private themeProvider: ThemeProvider) {}
2526 | 
2527 |   ngOnInit() {
2528 |     this.headerStyles.color = ThemeProvider.getTextPrimaryColor();
2529 |   }
2530 | }
2531 | ```
2532 | 
2533 | ```html
2534 | <h1 [ngStyle]="headerStyles"
2535 |     class="Header">
2536 |     Welcome
2537 | </h1>
2538 | ```
2539 | 
2540 | ```scss
2541 | .Header {
2542 |     font-weight: normal;
2543 | }
2544 | ```
2545 | 
2546 | :link: https://angular.io/guide/component-styles
2547 | 
2548 | ## ![react] React
2549 | 
2550 | In the React community there are many approaches to styling your app, ranging from traditional preprocessors (like in the Angular world) to so-called [CSS in JS](https://github.com/MicheleBertoli/css-in-js). The most popular include:
2551 | 
2552 | * [css-modules](https://github.com/gajus/react-css-modules)
2553 | * [styled-components](https://github.com/styled-components/styled-components)
2554 | * [aphrodite](https://github.com/Khan/aphrodite)
2555 | 
2556 | To dynamically apply styles you can directly pass an object to the [style](https://reactjs.org/docs/dom-elements.html#style) attribute.
2557 | 
2558 | ```jsx
2559 | export class HeaderComponent {
2560 |   state = {
2561 |     color: null,
2562 |   };
2563 | 
2564 |   componentDidMount() {
2565 |     this.setState({
2566 |       color: ThemeProvider.getTextPrimaryColor(),
2567 |     });
2568 |   }
2569 | 
2570 |   render() {
2571 |     return (
2572 |       <h1 styles={ { color: this.state.color } }>
2573 |         Welcome
2574 |       </h1>
2575 |     );
2576 |   }
2577 | }
2578 | ```
2579 | 
2580 | ## ![vue] Vue.js
2581 | 
2582 | When using [Single File Components](https://vuejs.org/v2/guide/single-file-components.html) you can simply style a component inside the `<style>` tag. When the tag has the `scoped` attribute, its CSS will apply to elements of the current component only.
2583 | 
2584 | To bind styles dynamically you can use the [`v-bind:style`](https://vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles) directive.
2585 | 
2586 | ```html
2587 | <template>
2588 |   <h1 class="Header"
2589 |     v-bind:style="headerStyles">
2590 |      Welcome
2591 |   </h1>
2592 | </template>
2593 | 
2594 | <script>
2595 | const ThemeProvider = require('./utils/themeProvider');
2596 | 
2597 | module.exports = {
2598 |   data() {
2599 |     return {
2600 |       headerStyles: {
2601 |         color: null,
2602 |       }
2603 |     };
2604 |   },
2605 |   created() {
2606 |     this.headerStyles.color = ThemeProvider.getTextPrimaryColor();
2607 |   },
2608 | };
2609 | </script>
2610 | 
2611 | <style scoped>
2612 |   .Header {
2613 |     font-weight: normal
2614 |   }
2615 | </style>
2616 | ```
2617 | 
2618 | # Inject HTML template
2619 | 
2620 | Also known as innerHTML.
2621 | 
2622 | ## ![angular.js] AngularJS
2623 | 
2624 | By default, the HTML content will be sanitized using the [$sanitize](https://docs.angularjs.org/api/ngSanitize/service/$sanitize) service. To utilize this functionality, you need to include `ngSanitize` in your module's dependencies. [Read more](https://docs.angularjs.org/api/ng/directive/ngBindHtml)
2625 | 
2626 | ```html
2627 | <p ng-bind-html="$ctrl.article.content"></p>
2628 | ```
2629 | 
2630 | ## ![angular] Angular
2631 | 
2632 | The values are automatically sanitized before displaying them using [DomSanitizer](https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html).
2633 | 
2634 | ```html
2635 | <p [innerHTML]="article.content"></p>
2636 | ```
2637 | 
2638 | ## ![react] React
2639 | 
2640 | All string values are sanitized before being inserted into the DOM. No more details are currently available.
2641 | You need to pass an object containing the `__html` property with the desired template contents.
2642 | 
2643 | ```jsx
2644 | <p dangerouslySetInnerHTML={ { __html: article.content } } />;
2645 | ```
2646 | 
2647 | ## ![vue] Vue.js
2648 | 
2649 | The content passed to [`v-html`](https://vuejs.org/v2/guide/syntax.html#Raw-HTML) is not being [sanitized](https://github.com/vuejs/vue/issues/6333). You have to use an external library, e.g. [sanitize-html](https://www.npmjs.com/package/sanitize-html).
2650 | 
2651 | ```html
2652 | <div v-html="article.content"></div>
2653 | ```
2654 | 


--------------------------------------------------------------------------------
/assets/logos/angular-small.svg:
--------------------------------------------------------------------------------
1 | <svg width="35" height="25" viewBox="0 0 256 272" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M.1 45.522L125.908.697l129.196 44.028-20.919 166.45-108.277 59.966-106.583-59.169L.1 45.522z" fill="#E23237"/><path d="M255.104 44.725L125.908.697v270.444l108.277-59.866 20.919-166.55z" fill="#B52E31"/><path d="M126.107 32.274L47.714 206.693l29.285-.498 15.739-39.347h70.325l17.233 39.845 27.99.498-82.179-174.917zm.2 55.882l26.496 55.383h-49.806l23.31-55.383z" fill="#FFF"/></svg>
2 | 


--------------------------------------------------------------------------------
/assets/logos/angular.svg:
--------------------------------------------------------------------------------
1 | <svg width="169.416" height="180" viewBox="0 0 256 272" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M.1 45.522L125.908.697l129.196 44.028-20.919 166.45-108.277 59.966-106.583-59.169L.1 45.522z" fill="#E23237"/><path d="M255.104 44.725L125.908.697v270.444l108.277-59.866 20.919-166.55z" fill="#B52E31"/><path d="M126.107 32.274L47.714 206.693l29.285-.498 15.739-39.347h70.325l17.233 39.845 27.99.498-82.179-174.917zm.2 55.882l26.496 55.383h-49.806l23.31-55.383z" fill="#FFF"/></svg>


--------------------------------------------------------------------------------
/assets/logos/angularjs-small.svg:
--------------------------------------------------------------------------------
 1 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
 2 | 	 x="0px" y="0px" width="35" height="30" viewBox="0 0 257 146" overflow="visible">
 3 | <path fill="#B2B2B2" d="M82.688,0L0,29.1l13.066,108.335l69.71,38.314l70.069-38.834l13.062-108.331L82.688,0z M82.688,0"/>
 4 | <path fill="#B52E31" d="M157.66,34.846L82.496,9.214v157.381l62.991-34.861L157.66,34.846z M157.66,34.846"/>
 5 | <path fill="#E23237" d="M9.279,35.308l11.196,96.889l62.019,34.398V9.211L9.279,35.308z M9.279,35.308"/>
 6 | <path fill="#F2F2F2" d="M99.918,87.493L82.632,51.396L67.415,87.493H99.918z M106.508,102.672h-45.82l-10.251,25.64l-19.067,0.352
 7 | 	L82.496,14.929l52.908,113.734h-17.673L106.508,102.672z M106.508,102.672"/>
 8 | <path fill="#B2B2B2" d="M82.496,14.929l0.136,36.467l17.268,36.125H82.534l-0.039,15.127l24.012,0.023l11.223,25.996l18.245,0.339
 9 | 	L82.496,14.929z M82.496,14.929"/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/assets/logos/react-small.svg:
--------------------------------------------------------------------------------
1 | <svg width="35" height="25" viewBox="0 0 256 230" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M.754 114.75c0 19.215 18.763 37.152 48.343 47.263-5.907 29.737-1.058 53.706 15.136 63.045 16.645 9.6 41.443 2.955 64.98-17.62 22.943 19.744 46.13 27.514 62.31 18.148 16.63-9.627 21.687-35.221 15.617-65.887 30.81-10.186 48.044-25.481 48.044-44.949 0-18.769-18.797-35.006-47.979-45.052 6.535-31.933.998-55.32-15.867-65.045-16.259-9.376-39.716-1.204-62.996 19.056C104.122 2.205 80.897-4.36 64.05 5.392 47.806 14.795 43.171 39.2 49.097 69.487 20.515 79.452.754 96.057.754 114.75z" fill="#FFF"/><path d="M201.025 79.674a151.364 151.364 0 0 0-7.274-2.292 137.5 137.5 0 0 0 1.124-4.961c5.506-26.728 1.906-48.26-10.388-55.348-11.787-6.798-31.065.29-50.535 17.233a151.136 151.136 0 0 0-5.626 5.163 137.573 137.573 0 0 0-3.744-3.458c-20.405-18.118-40.858-25.752-53.139-18.643-11.776 6.817-15.264 27.06-10.307 52.39a150.91 150.91 0 0 0 1.67 7.484c-2.894.822-5.689 1.698-8.363 2.63-23.922 8.34-39.2 21.412-39.2 34.97 0 14.004 16.4 28.05 41.318 36.566a128.44 128.44 0 0 0 6.11 1.91 147.813 147.813 0 0 0-1.775 8.067c-4.726 24.89-1.035 44.653 10.71 51.428 12.131 6.995 32.491-.195 52.317-17.525 1.567-1.37 3.14-2.823 4.715-4.346a148.34 148.34 0 0 0 6.108 5.573c19.204 16.525 38.17 23.198 49.905 16.405 12.12-7.016 16.058-28.247 10.944-54.078-.39-1.973-.845-3.988-1.355-6.04 1.43-.422 2.833-.858 4.202-1.312 25.904-8.582 42.757-22.457 42.757-36.648 0-13.607-15.77-26.767-40.174-35.168z" fill="#53C1DE"/><path d="M195.406 142.328c-1.235.409-2.503.804-3.795 1.187-2.86-9.053-6.72-18.68-11.442-28.625 4.507-9.71 8.217-19.213 10.997-28.208 2.311.67 4.555 1.375 6.717 2.12 20.91 7.197 33.664 17.84 33.664 26.04 0 8.735-13.775 20.075-36.14 27.486zm-9.28 18.389c2.261 11.422 2.584 21.749 1.086 29.822-1.346 7.254-4.052 12.09-7.398 14.027-7.121 4.122-22.35-1.236-38.772-15.368-1.883-1.62-3.78-3.35-5.682-5.18 6.367-6.964 12.73-15.06 18.94-24.05 10.924-.969 21.244-2.554 30.603-4.717.46 1.86.87 3.683 1.223 5.466zm-93.85 43.137c-6.957 2.457-12.498 2.527-15.847.596-7.128-4.11-10.09-19.98-6.049-41.265a138.507 138.507 0 0 1 1.65-7.502c9.255 2.047 19.5 3.52 30.45 4.408 6.251 8.797 12.798 16.883 19.396 23.964a118.863 118.863 0 0 1-4.305 3.964c-8.767 7.664-17.552 13.1-25.294 15.835zm-32.593-61.58c-11.018-3.766-20.117-8.66-26.354-14-5.604-4.8-8.434-9.565-8.434-13.432 0-8.227 12.267-18.722 32.726-25.855a139.276 139.276 0 0 1 7.777-2.447c2.828 9.197 6.537 18.813 11.013 28.537-4.534 9.869-8.296 19.638-11.15 28.943a118.908 118.908 0 0 1-5.578-1.746zm10.926-74.37c-4.247-21.703-1.427-38.074 5.67-42.182 7.56-4.376 24.275 1.864 41.893 17.507 1.126 1 2.257 2.047 3.39 3.13-6.564 7.049-13.051 15.074-19.248 23.82-10.627.985-20.8 2.567-30.152 4.686a141.525 141.525 0 0 1-1.553-6.962zm97.467 24.067a306.982 306.982 0 0 0-6.871-11.3c7.21.91 14.117 2.12 20.603 3.601-1.947 6.241-4.374 12.767-7.232 19.457a336.42 336.42 0 0 0-6.5-11.758zm-39.747-38.714c4.452 4.823 8.911 10.209 13.297 16.052a284.245 284.245 0 0 0-26.706-.006c4.39-5.789 8.887-11.167 13.409-16.046zm-40.002 38.78a285.24 285.24 0 0 0-6.378 11.685c-2.811-6.667-5.216-13.222-7.18-19.552 6.447-1.443 13.322-2.622 20.485-3.517a283.79 283.79 0 0 0-6.927 11.384zm7.133 57.683c-7.4-.826-14.379-1.945-20.824-3.348 1.995-6.442 4.453-13.138 7.324-19.948a283.494 283.494 0 0 0 6.406 11.692 285.27 285.27 0 0 0 7.094 11.604zm33.136 27.389c-4.575-4.937-9.138-10.397-13.595-16.27 4.326.17 8.737.256 13.22.256 4.606 0 9.159-.103 13.64-.303-4.4 5.98-8.843 11.448-13.265 16.317zm46.072-51.032c3.02 6.884 5.566 13.544 7.588 19.877-6.552 1.495-13.625 2.699-21.078 3.593a337.537 337.537 0 0 0 6.937-11.498 306.632 306.632 0 0 0 6.553-11.972zm-14.915 7.15a316.478 316.478 0 0 1-10.84 17.49c-6.704.479-13.632.726-20.692.726-7.031 0-13.871-.219-20.458-.646A273.798 273.798 0 0 1 96.72 133.28a271.334 271.334 0 0 1-9.64-18.206 273.864 273.864 0 0 1 9.611-18.216v.002a271.252 271.252 0 0 1 10.956-17.442c6.72-.508 13.61-.774 20.575-.774 6.996 0 13.895.268 20.613.78a290.704 290.704 0 0 1 10.887 17.383 316.418 316.418 0 0 1 9.741 18.13 290.806 290.806 0 0 1-9.709 18.29zm19.913-107.792c7.566 4.364 10.509 21.961 5.755 45.038a127.525 127.525 0 0 1-1.016 4.492c-9.374-2.163-19.554-3.773-30.212-4.773-6.209-8.841-12.642-16.88-19.1-23.838a141.92 141.92 0 0 1 5.196-4.766c16.682-14.518 32.273-20.25 39.377-16.153z" fill="#FFF"/><path d="M128.221 94.665c11.144 0 20.177 9.034 20.177 20.177 0 11.144-9.033 20.178-20.177 20.178-11.143 0-20.177-9.034-20.177-20.178 0-11.143 9.034-20.177 20.177-20.177" fill="#53C1DE"/></svg>
2 | 


--------------------------------------------------------------------------------
/assets/logos/react.svg:
--------------------------------------------------------------------------------
1 | <svg width="200.36" height="180" viewBox="0 0 256 230" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M.754 114.75c0 19.215 18.763 37.152 48.343 47.263-5.907 29.737-1.058 53.706 15.136 63.045 16.645 9.6 41.443 2.955 64.98-17.62 22.943 19.744 46.13 27.514 62.31 18.148 16.63-9.627 21.687-35.221 15.617-65.887 30.81-10.186 48.044-25.481 48.044-44.949 0-18.769-18.797-35.006-47.979-45.052 6.535-31.933.998-55.32-15.867-65.045-16.259-9.376-39.716-1.204-62.996 19.056C104.122 2.205 80.897-4.36 64.05 5.392 47.806 14.795 43.171 39.2 49.097 69.487 20.515 79.452.754 96.057.754 114.75z" fill="#FFF"/><path d="M201.025 79.674a151.364 151.364 0 0 0-7.274-2.292 137.5 137.5 0 0 0 1.124-4.961c5.506-26.728 1.906-48.26-10.388-55.348-11.787-6.798-31.065.29-50.535 17.233a151.136 151.136 0 0 0-5.626 5.163 137.573 137.573 0 0 0-3.744-3.458c-20.405-18.118-40.858-25.752-53.139-18.643-11.776 6.817-15.264 27.06-10.307 52.39a150.91 150.91 0 0 0 1.67 7.484c-2.894.822-5.689 1.698-8.363 2.63-23.922 8.34-39.2 21.412-39.2 34.97 0 14.004 16.4 28.05 41.318 36.566a128.44 128.44 0 0 0 6.11 1.91 147.813 147.813 0 0 0-1.775 8.067c-4.726 24.89-1.035 44.653 10.71 51.428 12.131 6.995 32.491-.195 52.317-17.525 1.567-1.37 3.14-2.823 4.715-4.346a148.34 148.34 0 0 0 6.108 5.573c19.204 16.525 38.17 23.198 49.905 16.405 12.12-7.016 16.058-28.247 10.944-54.078-.39-1.973-.845-3.988-1.355-6.04 1.43-.422 2.833-.858 4.202-1.312 25.904-8.582 42.757-22.457 42.757-36.648 0-13.607-15.77-26.767-40.174-35.168z" fill="#53C1DE"/><path d="M195.406 142.328c-1.235.409-2.503.804-3.795 1.187-2.86-9.053-6.72-18.68-11.442-28.625 4.507-9.71 8.217-19.213 10.997-28.208 2.311.67 4.555 1.375 6.717 2.12 20.91 7.197 33.664 17.84 33.664 26.04 0 8.735-13.775 20.075-36.14 27.486zm-9.28 18.389c2.261 11.422 2.584 21.749 1.086 29.822-1.346 7.254-4.052 12.09-7.398 14.027-7.121 4.122-22.35-1.236-38.772-15.368-1.883-1.62-3.78-3.35-5.682-5.18 6.367-6.964 12.73-15.06 18.94-24.05 10.924-.969 21.244-2.554 30.603-4.717.46 1.86.87 3.683 1.223 5.466zm-93.85 43.137c-6.957 2.457-12.498 2.527-15.847.596-7.128-4.11-10.09-19.98-6.049-41.265a138.507 138.507 0 0 1 1.65-7.502c9.255 2.047 19.5 3.52 30.45 4.408 6.251 8.797 12.798 16.883 19.396 23.964a118.863 118.863 0 0 1-4.305 3.964c-8.767 7.664-17.552 13.1-25.294 15.835zm-32.593-61.58c-11.018-3.766-20.117-8.66-26.354-14-5.604-4.8-8.434-9.565-8.434-13.432 0-8.227 12.267-18.722 32.726-25.855a139.276 139.276 0 0 1 7.777-2.447c2.828 9.197 6.537 18.813 11.013 28.537-4.534 9.869-8.296 19.638-11.15 28.943a118.908 118.908 0 0 1-5.578-1.746zm10.926-74.37c-4.247-21.703-1.427-38.074 5.67-42.182 7.56-4.376 24.275 1.864 41.893 17.507 1.126 1 2.257 2.047 3.39 3.13-6.564 7.049-13.051 15.074-19.248 23.82-10.627.985-20.8 2.567-30.152 4.686a141.525 141.525 0 0 1-1.553-6.962zm97.467 24.067a306.982 306.982 0 0 0-6.871-11.3c7.21.91 14.117 2.12 20.603 3.601-1.947 6.241-4.374 12.767-7.232 19.457a336.42 336.42 0 0 0-6.5-11.758zm-39.747-38.714c4.452 4.823 8.911 10.209 13.297 16.052a284.245 284.245 0 0 0-26.706-.006c4.39-5.789 8.887-11.167 13.409-16.046zm-40.002 38.78a285.24 285.24 0 0 0-6.378 11.685c-2.811-6.667-5.216-13.222-7.18-19.552 6.447-1.443 13.322-2.622 20.485-3.517a283.79 283.79 0 0 0-6.927 11.384zm7.133 57.683c-7.4-.826-14.379-1.945-20.824-3.348 1.995-6.442 4.453-13.138 7.324-19.948a283.494 283.494 0 0 0 6.406 11.692 285.27 285.27 0 0 0 7.094 11.604zm33.136 27.389c-4.575-4.937-9.138-10.397-13.595-16.27 4.326.17 8.737.256 13.22.256 4.606 0 9.159-.103 13.64-.303-4.4 5.98-8.843 11.448-13.265 16.317zm46.072-51.032c3.02 6.884 5.566 13.544 7.588 19.877-6.552 1.495-13.625 2.699-21.078 3.593a337.537 337.537 0 0 0 6.937-11.498 306.632 306.632 0 0 0 6.553-11.972zm-14.915 7.15a316.478 316.478 0 0 1-10.84 17.49c-6.704.479-13.632.726-20.692.726-7.031 0-13.871-.219-20.458-.646A273.798 273.798 0 0 1 96.72 133.28a271.334 271.334 0 0 1-9.64-18.206 273.864 273.864 0 0 1 9.611-18.216v.002a271.252 271.252 0 0 1 10.956-17.442c6.72-.508 13.61-.774 20.575-.774 6.996 0 13.895.268 20.613.78a290.704 290.704 0 0 1 10.887 17.383 316.418 316.418 0 0 1 9.741 18.13 290.806 290.806 0 0 1-9.709 18.29zm19.913-107.792c7.566 4.364 10.509 21.961 5.755 45.038a127.525 127.525 0 0 1-1.016 4.492c-9.374-2.163-19.554-3.773-30.212-4.773-6.209-8.841-12.642-16.88-19.1-23.838a141.92 141.92 0 0 1 5.196-4.766c16.682-14.518 32.273-20.25 39.377-16.153z" fill="#FFF"/><path d="M128.221 94.665c11.144 0 20.177 9.034 20.177 20.177 0 11.144-9.033 20.178-20.177 20.178-11.143 0-20.177-9.034-20.177-20.178 0-11.143 9.034-20.177 20.177-20.177" fill="#53C1DE"/></svg>


--------------------------------------------------------------------------------
/assets/logos/vue-small.svg:
--------------------------------------------------------------------------------
1 | <svg width="35" height="25" viewBox="0 0 256 221" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0h47.36z" fill="#41B883"/><path d="M0 0l128 220.8L256 0h-51.2L128 132.48 50.56 0H0z" fill="#41B883"/><path d="M50.56 0L128 133.12 204.8 0h-47.36L128 51.2 97.92 0H50.56z" fill="#35495E"/></svg>
2 | 


--------------------------------------------------------------------------------
/assets/logos/vue.svg:
--------------------------------------------------------------------------------
1 | <svg width="208.53" height="180" viewBox="0 0 256 221" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0h47.36z" fill="#41B883"/><path d="M0 0l128 220.8L256 0h-51.2L128 132.48 50.56 0H0z" fill="#41B883"/><path d="M50.56 0L128 133.12 204.8 0h-47.36L128 51.2 97.92 0H50.56z" fill="#35495E"/></svg>


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | function test() {}
2 | 
3 | test();
4 | 


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "frameworks-code-comparison",
   3 |   "version": "1.0.0",
   4 |   "lockfileVersion": 1,
   5 |   "requires": true,
   6 |   "dependencies": {
   7 |     "@azu/format-text": {
   8 |       "version": "1.0.1",
   9 |       "resolved": "https://registry.npmjs.org/@azu/format-text/-/format-text-1.0.1.tgz",
  10 |       "integrity": "sha1-aWc1CpRkD2sChVFpvYl85U1s6+I=",
  11 |       "dev": true
  12 |     },
  13 |     "@azu/style-format": {
  14 |       "version": "1.0.0",
  15 |       "resolved": "https://registry.npmjs.org/@azu/style-format/-/style-format-1.0.0.tgz",
  16 |       "integrity": "sha1-5wGH+Khi4ZGxvObAJo8TrNOlayA=",
  17 |       "dev": true,
  18 |       "requires": {
  19 |         "@azu/format-text": "1.0.1"
  20 |       }
  21 |     },
  22 |     "@textlint/ast-node-types": {
  23 |       "version": "1.1.2",
  24 |       "resolved": "https://registry.npmjs.org/@textlint/ast-node-types/-/ast-node-types-1.1.2.tgz",
  25 |       "integrity": "sha1-WLyVpoJrhOsfFnG+WSGqJDQJ+zE=",
  26 |       "dev": true
  27 |     },
  28 |     "@textlint/feature-flag": {
  29 |       "version": "1.0.1",
  30 |       "resolved": "https://registry.npmjs.org/@textlint/feature-flag/-/feature-flag-1.0.1.tgz",
  31 |       "integrity": "sha1-/h5mmSk7RDBekKseunlATZ7dWBo=",
  32 |       "dev": true,
  33 |       "requires": {
  34 |         "map-like": "1.1.3"
  35 |       }
  36 |     },
  37 |     "@textlint/kernel": {
  38 |       "version": "0.2.1",
  39 |       "resolved": "https://registry.npmjs.org/@textlint/kernel/-/kernel-0.2.1.tgz",
  40 |       "integrity": "sha1-x20cwRwlsPId8u8vgztJ2GQDU7I=",
  41 |       "dev": true,
  42 |       "requires": {
  43 |         "@textlint/ast-node-types": "1.1.2",
  44 |         "@textlint/feature-flag": "1.0.1",
  45 |         "ajv": "4.11.8",
  46 |         "bluebird": "3.5.1",
  47 |         "carrack": "0.5.0",
  48 |         "debug": "2.6.9",
  49 |         "deep-equal": "1.0.1",
  50 |         "is-my-json-valid": "2.16.1",
  51 |         "map-like": "1.1.3",
  52 |         "object-assign": "4.1.1",
  53 |         "structured-source": "3.0.2",
  54 |         "txt-ast-traverse": "1.2.1"
  55 |       }
  56 |     },
  57 |     "acorn": {
  58 |       "version": "5.1.2",
  59 |       "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.1.2.tgz",
  60 |       "integrity": "sha512-o96FZLJBPY1lvTuJylGA9Bk3t/GKPPJG8H0ydQQl01crzwJgspa4AEIq/pVTXigmK0PHVQhiAtn8WMBLL9D2WA==",
  61 |       "dev": true
  62 |     },
  63 |     "acorn-jsx": {
  64 |       "version": "3.0.1",
  65 |       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-3.0.1.tgz",
  66 |       "integrity": "sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=",
  67 |       "dev": true,
  68 |       "requires": {
  69 |         "acorn": "3.3.0"
  70 |       },
  71 |       "dependencies": {
  72 |         "acorn": {
  73 |           "version": "3.3.0",
  74 |           "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
  75 |           "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
  76 |           "dev": true
  77 |         }
  78 |       }
  79 |     },
  80 |     "ajv": {
  81 |       "version": "4.11.8",
  82 |       "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
  83 |       "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=",
  84 |       "dev": true,
  85 |       "requires": {
  86 |         "co": "4.6.0",
  87 |         "json-stable-stringify": "1.0.1"
  88 |       }
  89 |     },
  90 |     "ajv-keywords": {
  91 |       "version": "1.5.1",
  92 |       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-1.5.1.tgz",
  93 |       "integrity": "sha1-MU3QpLM2j609/NxU7eYXG4htrzw=",
  94 |       "dev": true
  95 |     },
  96 |     "ansi-escapes": {
  97 |       "version": "3.0.0",
  98 |       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.0.0.tgz",
  99 |       "integrity": "sha512-O/klc27mWNUigtv0F8NJWbLF00OcegQalkqKURWdosW08YZKi4m6CnSUSvIZG1otNJbTWhN01Hhz389DW7mvDQ==",
 100 |       "dev": true
 101 |     },
 102 |     "ansi-regex": {
 103 |       "version": "2.1.1",
 104 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
 105 |       "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
 106 |       "dev": true
 107 |     },
 108 |     "ansi-styles": {
 109 |       "version": "2.2.1",
 110 |       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
 111 |       "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
 112 |       "dev": true
 113 |     },
 114 |     "argparse": {
 115 |       "version": "1.0.9",
 116 |       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.9.tgz",
 117 |       "integrity": "sha1-c9g7wmP4bpf4zE9rrhsOkKfSLIY=",
 118 |       "dev": true,
 119 |       "requires": {
 120 |         "sprintf-js": "1.0.3"
 121 |       }
 122 |     },
 123 |     "array-includes": {
 124 |       "version": "3.0.3",
 125 |       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.0.3.tgz",
 126 |       "integrity": "sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0=",
 127 |       "dev": true,
 128 |       "requires": {
 129 |         "define-properties": "1.1.2",
 130 |         "es-abstract": "1.9.0"
 131 |       }
 132 |     },
 133 |     "array-iterate": {
 134 |       "version": "1.1.1",
 135 |       "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-1.1.1.tgz",
 136 |       "integrity": "sha1-hlv3+K851rCYLGCQKRSsdrwBCPY=",
 137 |       "dev": true
 138 |     },
 139 |     "array-union": {
 140 |       "version": "1.0.2",
 141 |       "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
 142 |       "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
 143 |       "dev": true,
 144 |       "requires": {
 145 |         "array-uniq": "1.0.3"
 146 |       }
 147 |     },
 148 |     "array-uniq": {
 149 |       "version": "1.0.3",
 150 |       "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
 151 |       "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
 152 |       "dev": true
 153 |     },
 154 |     "arrify": {
 155 |       "version": "1.0.1",
 156 |       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
 157 |       "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
 158 |       "dev": true
 159 |     },
 160 |     "asap": {
 161 |       "version": "2.0.6",
 162 |       "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
 163 |       "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
 164 |       "dev": true
 165 |     },
 166 |     "babel-code-frame": {
 167 |       "version": "6.26.0",
 168 |       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
 169 |       "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
 170 |       "dev": true,
 171 |       "requires": {
 172 |         "chalk": "1.1.3",
 173 |         "esutils": "2.0.2",
 174 |         "js-tokens": "3.0.2"
 175 |       }
 176 |     },
 177 |     "babel-eslint": {
 178 |       "version": "8.0.1",
 179 |       "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-8.0.1.tgz",
 180 |       "integrity": "sha512-h3moF6PCTQE06UjMMG+ydZSBvZ4Q7rqPE/5WAUOvUyHYUTqxm8JVhjZRiG1avI/tGVOK4BnZLDQapyLzh8DeKg==",
 181 |       "dev": true,
 182 |       "requires": {
 183 |         "babel-code-frame": "7.0.0-beta.0",
 184 |         "babel-traverse": "7.0.0-beta.0",
 185 |         "babel-types": "7.0.0-beta.0",
 186 |         "babylon": "7.0.0-beta.22"
 187 |       },
 188 |       "dependencies": {
 189 |         "ansi-styles": {
 190 |           "version": "3.2.0",
 191 |           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
 192 |           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
 193 |           "dev": true,
 194 |           "requires": {
 195 |             "color-convert": "1.9.0"
 196 |           }
 197 |         },
 198 |         "babel-code-frame": {
 199 |           "version": "7.0.0-beta.0",
 200 |           "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-7.0.0-beta.0.tgz",
 201 |           "integrity": "sha512-/xr1ADm5bnTjjN+xwoXb7lF4v2rnxMzNZzFU7h8SxB+qB6+IqSTOOqVcpaPTUC2Non/MbQxS3OIZnJpQ2X21aQ==",
 202 |           "dev": true,
 203 |           "requires": {
 204 |             "chalk": "2.2.0",
 205 |             "esutils": "2.0.2",
 206 |             "js-tokens": "3.0.2"
 207 |           }
 208 |         },
 209 |         "chalk": {
 210 |           "version": "2.2.0",
 211 |           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
 212 |           "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
 213 |           "dev": true,
 214 |           "requires": {
 215 |             "ansi-styles": "3.2.0",
 216 |             "escape-string-regexp": "1.0.5",
 217 |             "supports-color": "4.5.0"
 218 |           }
 219 |         },
 220 |         "supports-color": {
 221 |           "version": "4.5.0",
 222 |           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
 223 |           "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
 224 |           "dev": true,
 225 |           "requires": {
 226 |             "has-flag": "2.0.0"
 227 |           }
 228 |         }
 229 |       }
 230 |     },
 231 |     "babel-helper-function-name": {
 232 |       "version": "7.0.0-beta.0",
 233 |       "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-7.0.0-beta.0.tgz",
 234 |       "integrity": "sha512-DaQccFBBWBEzMdqbKmNXamY0m1yLHJGOdbbEsNoGdJrrU7wAF3wwowtDDPzF0ZT3SqJXPgZW/P2kgBX9moMuAA==",
 235 |       "dev": true,
 236 |       "requires": {
 237 |         "babel-helper-get-function-arity": "7.0.0-beta.0",
 238 |         "babel-template": "7.0.0-beta.0",
 239 |         "babel-traverse": "7.0.0-beta.0",
 240 |         "babel-types": "7.0.0-beta.0"
 241 |       }
 242 |     },
 243 |     "babel-helper-get-function-arity": {
 244 |       "version": "7.0.0-beta.0",
 245 |       "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-7.0.0-beta.0.tgz",
 246 |       "integrity": "sha512-csqAic15/2Vm1951nJxkkL9K8E6ojyNF/eAOjk7pqJlO8kvgrccGNFCV9eDwcGHDPe5AjvJGwVSAcQ5fit9wuA==",
 247 |       "dev": true,
 248 |       "requires": {
 249 |         "babel-types": "7.0.0-beta.0"
 250 |       }
 251 |     },
 252 |     "babel-messages": {
 253 |       "version": "7.0.0-beta.0",
 254 |       "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-7.0.0-beta.0.tgz",
 255 |       "integrity": "sha512-eXdShsm9ZTh9AQhlIaAn6HR3xWpxCnK9ZwIDA9QyjnwTgMctGxHHflw4b4RJ3/ZjTL0Vrmvm0tQXPkp49mTAUw==",
 256 |       "dev": true
 257 |     },
 258 |     "babel-template": {
 259 |       "version": "7.0.0-beta.0",
 260 |       "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-7.0.0-beta.0.tgz",
 261 |       "integrity": "sha512-tmdH+MmmU0F6Ur8humpevSmFzYKbrN3Oru0g5Qyg4R6+sxjnzZmnvzUbsP0aKMr7tB0Ua6xhEb9arKTOsEMkyA==",
 262 |       "dev": true,
 263 |       "requires": {
 264 |         "babel-traverse": "7.0.0-beta.0",
 265 |         "babel-types": "7.0.0-beta.0",
 266 |         "babylon": "7.0.0-beta.22",
 267 |         "lodash": "4.17.4"
 268 |       }
 269 |     },
 270 |     "babel-traverse": {
 271 |       "version": "7.0.0-beta.0",
 272 |       "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-7.0.0-beta.0.tgz",
 273 |       "integrity": "sha512-IKzuTqUcQtMRZ0Vv5RjIrGGj33eBKmNTNeRexWSyjPPuAciyNkva1rt7WXPfHfkb+dX7coRAIUhzeTUEzhnwdA==",
 274 |       "dev": true,
 275 |       "requires": {
 276 |         "babel-code-frame": "7.0.0-beta.0",
 277 |         "babel-helper-function-name": "7.0.0-beta.0",
 278 |         "babel-messages": "7.0.0-beta.0",
 279 |         "babel-types": "7.0.0-beta.0",
 280 |         "babylon": "7.0.0-beta.22",
 281 |         "debug": "3.1.0",
 282 |         "globals": "10.1.0",
 283 |         "invariant": "2.2.2",
 284 |         "lodash": "4.17.4"
 285 |       },
 286 |       "dependencies": {
 287 |         "ansi-styles": {
 288 |           "version": "3.2.0",
 289 |           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
 290 |           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
 291 |           "dev": true,
 292 |           "requires": {
 293 |             "color-convert": "1.9.0"
 294 |           }
 295 |         },
 296 |         "babel-code-frame": {
 297 |           "version": "7.0.0-beta.0",
 298 |           "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-7.0.0-beta.0.tgz",
 299 |           "integrity": "sha512-/xr1ADm5bnTjjN+xwoXb7lF4v2rnxMzNZzFU7h8SxB+qB6+IqSTOOqVcpaPTUC2Non/MbQxS3OIZnJpQ2X21aQ==",
 300 |           "dev": true,
 301 |           "requires": {
 302 |             "chalk": "2.2.0",
 303 |             "esutils": "2.0.2",
 304 |             "js-tokens": "3.0.2"
 305 |           }
 306 |         },
 307 |         "chalk": {
 308 |           "version": "2.2.0",
 309 |           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
 310 |           "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
 311 |           "dev": true,
 312 |           "requires": {
 313 |             "ansi-styles": "3.2.0",
 314 |             "escape-string-regexp": "1.0.5",
 315 |             "supports-color": "4.5.0"
 316 |           }
 317 |         },
 318 |         "debug": {
 319 |           "version": "3.1.0",
 320 |           "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
 321 |           "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
 322 |           "dev": true,
 323 |           "requires": {
 324 |             "ms": "2.0.0"
 325 |           }
 326 |         },
 327 |         "globals": {
 328 |           "version": "10.1.0",
 329 |           "resolved": "https://registry.npmjs.org/globals/-/globals-10.1.0.tgz",
 330 |           "integrity": "sha1-RCWhiBvg0za0qCOoKnvnJdXdmHw=",
 331 |           "dev": true
 332 |         },
 333 |         "supports-color": {
 334 |           "version": "4.5.0",
 335 |           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
 336 |           "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
 337 |           "dev": true,
 338 |           "requires": {
 339 |             "has-flag": "2.0.0"
 340 |           }
 341 |         }
 342 |       }
 343 |     },
 344 |     "babel-types": {
 345 |       "version": "7.0.0-beta.0",
 346 |       "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-7.0.0-beta.0.tgz",
 347 |       "integrity": "sha512-rJc2kV9iPJGLlqIY71AM3nPcdkoeLRCDuR07GFgfd3lFl4TsBQq76TxYQQIZ2MONg1HpsqmuoCXr9aZ1Oa4wYw==",
 348 |       "dev": true,
 349 |       "requires": {
 350 |         "esutils": "2.0.2",
 351 |         "lodash": "4.17.4",
 352 |         "to-fast-properties": "2.0.0"
 353 |       }
 354 |     },
 355 |     "babylon": {
 356 |       "version": "7.0.0-beta.22",
 357 |       "resolved": "https://registry.npmjs.org/babylon/-/babylon-7.0.0-beta.22.tgz",
 358 |       "integrity": "sha512-Yl7iT8QGrS8OfR7p6R12AJexQm+brKwrryai4VWZ7NHUbPoZ5al3+klhvl/14shXZiLa7uK//OIFuZ1/RKHgoA==",
 359 |       "dev": true
 360 |     },
 361 |     "bail": {
 362 |       "version": "1.0.2",
 363 |       "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.2.tgz",
 364 |       "integrity": "sha1-99bBcxYwqfnw1NNe0fli4gdKF2Q=",
 365 |       "dev": true
 366 |     },
 367 |     "balanced-match": {
 368 |       "version": "1.0.0",
 369 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
 370 |       "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
 371 |       "dev": true
 372 |     },
 373 |     "bluebird": {
 374 |       "version": "3.5.1",
 375 |       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz",
 376 |       "integrity": "sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA==",
 377 |       "dev": true
 378 |     },
 379 |     "boundary": {
 380 |       "version": "1.0.1",
 381 |       "resolved": "https://registry.npmjs.org/boundary/-/boundary-1.0.1.tgz",
 382 |       "integrity": "sha1-TWfcJgLAzBbdm85+v4fpSCkPWBI=",
 383 |       "dev": true
 384 |     },
 385 |     "brace-expansion": {
 386 |       "version": "1.1.8",
 387 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz",
 388 |       "integrity": "sha1-wHshHHyVLsH479Uad+8NHTmQopI=",
 389 |       "dev": true,
 390 |       "requires": {
 391 |         "balanced-match": "1.0.0",
 392 |         "concat-map": "0.0.1"
 393 |       }
 394 |     },
 395 |     "builtin-modules": {
 396 |       "version": "1.1.1",
 397 |       "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
 398 |       "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=",
 399 |       "dev": true
 400 |     },
 401 |     "caller-path": {
 402 |       "version": "0.1.0",
 403 |       "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-0.1.0.tgz",
 404 |       "integrity": "sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=",
 405 |       "dev": true,
 406 |       "requires": {
 407 |         "callsites": "0.2.0"
 408 |       }
 409 |     },
 410 |     "callsites": {
 411 |       "version": "0.2.0",
 412 |       "resolved": "https://registry.npmjs.org/callsites/-/callsites-0.2.0.tgz",
 413 |       "integrity": "sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo=",
 414 |       "dev": true
 415 |     },
 416 |     "carrack": {
 417 |       "version": "0.5.0",
 418 |       "resolved": "https://registry.npmjs.org/carrack/-/carrack-0.5.0.tgz",
 419 |       "integrity": "sha1-2M43Ol2J1V3CLcECE7dOIZuezuk=",
 420 |       "dev": true,
 421 |       "requires": {
 422 |         "bluebird": "3.5.1",
 423 |         "throat": "2.0.2"
 424 |       }
 425 |     },
 426 |     "ccount": {
 427 |       "version": "1.0.2",
 428 |       "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.0.2.tgz",
 429 |       "integrity": "sha1-U7ai+BW7d7nChx97mnLDol8djok=",
 430 |       "dev": true
 431 |     },
 432 |     "chalk": {
 433 |       "version": "1.1.3",
 434 |       "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
 435 |       "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
 436 |       "dev": true,
 437 |       "requires": {
 438 |         "ansi-styles": "2.2.1",
 439 |         "escape-string-regexp": "1.0.5",
 440 |         "has-ansi": "2.0.0",
 441 |         "strip-ansi": "3.0.1",
 442 |         "supports-color": "2.0.0"
 443 |       }
 444 |     },
 445 |     "character-entities": {
 446 |       "version": "1.2.1",
 447 |       "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.1.tgz",
 448 |       "integrity": "sha1-92hxvl72bdt/j440eOzDdMJ9bco=",
 449 |       "dev": true
 450 |     },
 451 |     "character-entities-html4": {
 452 |       "version": "1.1.1",
 453 |       "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-1.1.1.tgz",
 454 |       "integrity": "sha1-NZoqSg9+KdPcKsmb2+Ie45Q46lA=",
 455 |       "dev": true
 456 |     },
 457 |     "character-entities-legacy": {
 458 |       "version": "1.1.1",
 459 |       "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.1.tgz",
 460 |       "integrity": "sha1-9Ad53xoQGHK7UQo9KV4fzPFHIC8=",
 461 |       "dev": true
 462 |     },
 463 |     "character-reference-invalid": {
 464 |       "version": "1.1.1",
 465 |       "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.1.tgz",
 466 |       "integrity": "sha1-lCg191Dk7GGjCOYMLvjMEBEgLvw=",
 467 |       "dev": true
 468 |     },
 469 |     "charenc": {
 470 |       "version": "0.0.2",
 471 |       "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
 472 |       "integrity": "sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=",
 473 |       "dev": true
 474 |     },
 475 |     "circular-json": {
 476 |       "version": "0.3.3",
 477 |       "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.3.3.tgz",
 478 |       "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==",
 479 |       "dev": true
 480 |     },
 481 |     "cli-cursor": {
 482 |       "version": "2.1.0",
 483 |       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
 484 |       "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
 485 |       "dev": true,
 486 |       "requires": {
 487 |         "restore-cursor": "2.0.0"
 488 |       }
 489 |     },
 490 |     "cli-width": {
 491 |       "version": "2.2.0",
 492 |       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz",
 493 |       "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=",
 494 |       "dev": true
 495 |     },
 496 |     "co": {
 497 |       "version": "4.6.0",
 498 |       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
 499 |       "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
 500 |       "dev": true
 501 |     },
 502 |     "code-point-at": {
 503 |       "version": "1.1.0",
 504 |       "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
 505 |       "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
 506 |       "dev": true
 507 |     },
 508 |     "collapse-white-space": {
 509 |       "version": "1.0.3",
 510 |       "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-1.0.3.tgz",
 511 |       "integrity": "sha1-S5BvZw5aljqHt2sOFolkM0G2Ajw=",
 512 |       "dev": true
 513 |     },
 514 |     "color-convert": {
 515 |       "version": "1.9.0",
 516 |       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
 517 |       "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
 518 |       "dev": true,
 519 |       "requires": {
 520 |         "color-name": "1.1.3"
 521 |       }
 522 |     },
 523 |     "color-name": {
 524 |       "version": "1.1.3",
 525 |       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
 526 |       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
 527 |       "dev": true
 528 |     },
 529 |     "concat-map": {
 530 |       "version": "0.0.1",
 531 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 532 |       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
 533 |       "dev": true
 534 |     },
 535 |     "concat-stream": {
 536 |       "version": "1.6.0",
 537 |       "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.0.tgz",
 538 |       "integrity": "sha1-CqxmL9Ur54lk1VMvaUeE5wEQrPc=",
 539 |       "dev": true,
 540 |       "requires": {
 541 |         "inherits": "2.0.3",
 542 |         "readable-stream": "2.3.3",
 543 |         "typedarray": "0.0.6"
 544 |       }
 545 |     },
 546 |     "core-js": {
 547 |       "version": "1.2.7",
 548 |       "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
 549 |       "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=",
 550 |       "dev": true
 551 |     },
 552 |     "core-util-is": {
 553 |       "version": "1.0.2",
 554 |       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
 555 |       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
 556 |       "dev": true
 557 |     },
 558 |     "cross-spawn": {
 559 |       "version": "5.1.0",
 560 |       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
 561 |       "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
 562 |       "dev": true,
 563 |       "requires": {
 564 |         "lru-cache": "4.1.1",
 565 |         "shebang-command": "1.2.0",
 566 |         "which": "1.3.0"
 567 |       }
 568 |     },
 569 |     "crypt": {
 570 |       "version": "0.0.2",
 571 |       "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
 572 |       "integrity": "sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs=",
 573 |       "dev": true
 574 |     },
 575 |     "debug": {
 576 |       "version": "2.6.9",
 577 |       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 578 |       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 579 |       "dev": true,
 580 |       "requires": {
 581 |         "ms": "2.0.0"
 582 |       }
 583 |     },
 584 |     "deep-equal": {
 585 |       "version": "1.0.1",
 586 |       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
 587 |       "integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=",
 588 |       "dev": true
 589 |     },
 590 |     "deep-is": {
 591 |       "version": "0.1.3",
 592 |       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
 593 |       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
 594 |       "dev": true
 595 |     },
 596 |     "define-properties": {
 597 |       "version": "1.1.2",
 598 |       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.2.tgz",
 599 |       "integrity": "sha1-g6c/L+pWmJj7c3GTyPhzyvbUXJQ=",
 600 |       "dev": true,
 601 |       "requires": {
 602 |         "foreach": "2.0.5",
 603 |         "object-keys": "1.0.11"
 604 |       }
 605 |     },
 606 |     "del": {
 607 |       "version": "2.2.2",
 608 |       "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
 609 |       "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=",
 610 |       "dev": true,
 611 |       "requires": {
 612 |         "globby": "5.0.0",
 613 |         "is-path-cwd": "1.0.0",
 614 |         "is-path-in-cwd": "1.0.0",
 615 |         "object-assign": "4.1.1",
 616 |         "pify": "2.3.0",
 617 |         "pinkie-promise": "2.0.1",
 618 |         "rimraf": "2.6.2"
 619 |       }
 620 |     },
 621 |     "diff": {
 622 |       "version": "2.2.3",
 623 |       "resolved": "https://registry.npmjs.org/diff/-/diff-2.2.3.tgz",
 624 |       "integrity": "sha1-YOr9DSjukG5Oj/ClLBIpUhAzv5k=",
 625 |       "dev": true
 626 |     },
 627 |     "doctrine": {
 628 |       "version": "2.0.0",
 629 |       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.0.0.tgz",
 630 |       "integrity": "sha1-xz2NKQnSIpHhoAejlYBNqLZl/mM=",
 631 |       "dev": true,
 632 |       "requires": {
 633 |         "esutils": "2.0.2",
 634 |         "isarray": "1.0.0"
 635 |       }
 636 |     },
 637 |     "encoding": {
 638 |       "version": "0.1.12",
 639 |       "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
 640 |       "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
 641 |       "dev": true,
 642 |       "requires": {
 643 |         "iconv-lite": "0.4.19"
 644 |       }
 645 |     },
 646 |     "error-ex": {
 647 |       "version": "1.3.1",
 648 |       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
 649 |       "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
 650 |       "dev": true,
 651 |       "requires": {
 652 |         "is-arrayish": "0.2.1"
 653 |       }
 654 |     },
 655 |     "es-abstract": {
 656 |       "version": "1.9.0",
 657 |       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.9.0.tgz",
 658 |       "integrity": "sha512-kk3IJoKo7A3pWJc0OV8yZ/VEX2oSUytfekrJiqoxBlKJMFAJVJVpGdHClCCTdv+Fn2zHfpDHHIelMFhZVfef3Q==",
 659 |       "dev": true,
 660 |       "requires": {
 661 |         "es-to-primitive": "1.1.1",
 662 |         "function-bind": "1.1.1",
 663 |         "has": "1.0.1",
 664 |         "is-callable": "1.1.3",
 665 |         "is-regex": "1.0.4"
 666 |       }
 667 |     },
 668 |     "es-to-primitive": {
 669 |       "version": "1.1.1",
 670 |       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.1.1.tgz",
 671 |       "integrity": "sha1-RTVSSKiJeQNLZ5Lhm7gfK3l13Q0=",
 672 |       "dev": true,
 673 |       "requires": {
 674 |         "is-callable": "1.1.3",
 675 |         "is-date-object": "1.0.1",
 676 |         "is-symbol": "1.0.1"
 677 |       }
 678 |     },
 679 |     "escape-string-regexp": {
 680 |       "version": "1.0.5",
 681 |       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 682 |       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
 683 |       "dev": true
 684 |     },
 685 |     "eslint": {
 686 |       "version": "4.9.0",
 687 |       "resolved": "https://registry.npmjs.org/eslint/-/eslint-4.9.0.tgz",
 688 |       "integrity": "sha1-doedJ0BoJhsZH+Dy9Wx0wvQgjos=",
 689 |       "dev": true,
 690 |       "requires": {
 691 |         "ajv": "5.2.3",
 692 |         "babel-code-frame": "6.26.0",
 693 |         "chalk": "2.2.0",
 694 |         "concat-stream": "1.6.0",
 695 |         "cross-spawn": "5.1.0",
 696 |         "debug": "3.1.0",
 697 |         "doctrine": "2.0.0",
 698 |         "eslint-scope": "3.7.1",
 699 |         "espree": "3.5.1",
 700 |         "esquery": "1.0.0",
 701 |         "estraverse": "4.2.0",
 702 |         "esutils": "2.0.2",
 703 |         "file-entry-cache": "2.0.0",
 704 |         "functional-red-black-tree": "1.0.1",
 705 |         "glob": "7.1.2",
 706 |         "globals": "9.18.0",
 707 |         "ignore": "3.3.5",
 708 |         "imurmurhash": "0.1.4",
 709 |         "inquirer": "3.3.0",
 710 |         "is-resolvable": "1.0.0",
 711 |         "js-yaml": "3.10.0",
 712 |         "json-stable-stringify": "1.0.1",
 713 |         "levn": "0.3.0",
 714 |         "lodash": "4.17.4",
 715 |         "minimatch": "3.0.4",
 716 |         "mkdirp": "0.5.1",
 717 |         "natural-compare": "1.4.0",
 718 |         "optionator": "0.8.2",
 719 |         "path-is-inside": "1.0.2",
 720 |         "pluralize": "7.0.0",
 721 |         "progress": "2.0.0",
 722 |         "require-uncached": "1.0.3",
 723 |         "semver": "5.4.1",
 724 |         "strip-ansi": "4.0.0",
 725 |         "strip-json-comments": "2.0.1",
 726 |         "table": "4.0.2",
 727 |         "text-table": "0.2.0"
 728 |       },
 729 |       "dependencies": {
 730 |         "ajv": {
 731 |           "version": "5.2.3",
 732 |           "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.2.3.tgz",
 733 |           "integrity": "sha1-wG9Zh3jETGsWGrr+NGa4GtGBTtI=",
 734 |           "dev": true,
 735 |           "requires": {
 736 |             "co": "4.6.0",
 737 |             "fast-deep-equal": "1.0.0",
 738 |             "json-schema-traverse": "0.3.1",
 739 |             "json-stable-stringify": "1.0.1"
 740 |           }
 741 |         },
 742 |         "ajv-keywords": {
 743 |           "version": "2.1.0",
 744 |           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-2.1.0.tgz",
 745 |           "integrity": "sha1-opbhf3v658HOT34N5T0pyzIWLfA=",
 746 |           "dev": true
 747 |         },
 748 |         "ansi-regex": {
 749 |           "version": "3.0.0",
 750 |           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
 751 |           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
 752 |           "dev": true
 753 |         },
 754 |         "ansi-styles": {
 755 |           "version": "3.2.0",
 756 |           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
 757 |           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
 758 |           "dev": true,
 759 |           "requires": {
 760 |             "color-convert": "1.9.0"
 761 |           }
 762 |         },
 763 |         "chalk": {
 764 |           "version": "2.2.0",
 765 |           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
 766 |           "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
 767 |           "dev": true,
 768 |           "requires": {
 769 |             "ansi-styles": "3.2.0",
 770 |             "escape-string-regexp": "1.0.5",
 771 |             "supports-color": "4.5.0"
 772 |           }
 773 |         },
 774 |         "debug": {
 775 |           "version": "3.1.0",
 776 |           "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
 777 |           "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
 778 |           "dev": true,
 779 |           "requires": {
 780 |             "ms": "2.0.0"
 781 |           }
 782 |         },
 783 |         "is-fullwidth-code-point": {
 784 |           "version": "2.0.0",
 785 |           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
 786 |           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
 787 |           "dev": true
 788 |         },
 789 |         "pluralize": {
 790 |           "version": "7.0.0",
 791 |           "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-7.0.0.tgz",
 792 |           "integrity": "sha512-ARhBOdzS3e41FbkW/XWrTEtukqqLoK5+Z/4UeDaLuSW+39JPeFgs4gCGqsrJHVZX0fUrx//4OF0K1CUGwlIFow==",
 793 |           "dev": true
 794 |         },
 795 |         "slice-ansi": {
 796 |           "version": "1.0.0",
 797 |           "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-1.0.0.tgz",
 798 |           "integrity": "sha512-POqxBK6Lb3q6s047D/XsDVNPnF9Dl8JSaqe9h9lURl0OdNqy/ujDrOiIHtsqXMGbWWTIomRzAMaTyawAU//Reg==",
 799 |           "dev": true,
 800 |           "requires": {
 801 |             "is-fullwidth-code-point": "2.0.0"
 802 |           }
 803 |         },
 804 |         "string-width": {
 805 |           "version": "2.1.1",
 806 |           "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
 807 |           "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
 808 |           "dev": true,
 809 |           "requires": {
 810 |             "is-fullwidth-code-point": "2.0.0",
 811 |             "strip-ansi": "4.0.0"
 812 |           }
 813 |         },
 814 |         "strip-ansi": {
 815 |           "version": "4.0.0",
 816 |           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
 817 |           "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
 818 |           "dev": true,
 819 |           "requires": {
 820 |             "ansi-regex": "3.0.0"
 821 |           }
 822 |         },
 823 |         "supports-color": {
 824 |           "version": "4.5.0",
 825 |           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
 826 |           "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
 827 |           "dev": true,
 828 |           "requires": {
 829 |             "has-flag": "2.0.0"
 830 |           }
 831 |         },
 832 |         "table": {
 833 |           "version": "4.0.2",
 834 |           "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
 835 |           "integrity": "sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==",
 836 |           "dev": true,
 837 |           "requires": {
 838 |             "ajv": "5.2.3",
 839 |             "ajv-keywords": "2.1.0",
 840 |             "chalk": "2.2.0",
 841 |             "lodash": "4.17.4",
 842 |             "slice-ansi": "1.0.0",
 843 |             "string-width": "2.1.1"
 844 |           }
 845 |         }
 846 |       }
 847 |     },
 848 |     "eslint-plugin-react": {
 849 |       "version": "7.4.0",
 850 |       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.4.0.tgz",
 851 |       "integrity": "sha512-tvjU9u3VqmW2vVuYnE8Qptq+6ji4JltjOjJ9u7VAOxVYkUkyBZWRvNYKbDv5fN+L6wiA+4we9+qQahZ0m63XEA==",
 852 |       "dev": true,
 853 |       "requires": {
 854 |         "doctrine": "2.0.0",
 855 |         "has": "1.0.1",
 856 |         "jsx-ast-utils": "2.0.1",
 857 |         "prop-types": "15.6.0"
 858 |       }
 859 |     },
 860 |     "eslint-scope": {
 861 |       "version": "3.7.1",
 862 |       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.1.tgz",
 863 |       "integrity": "sha1-PWPD7f2gLgbgGkUq2IyqzHzctug=",
 864 |       "dev": true,
 865 |       "requires": {
 866 |         "esrecurse": "4.2.0",
 867 |         "estraverse": "4.2.0"
 868 |       }
 869 |     },
 870 |     "espree": {
 871 |       "version": "3.5.1",
 872 |       "resolved": "https://registry.npmjs.org/espree/-/espree-3.5.1.tgz",
 873 |       "integrity": "sha1-DJiLirRttTEAoZVK5LqZXd0n2H4=",
 874 |       "dev": true,
 875 |       "requires": {
 876 |         "acorn": "5.1.2",
 877 |         "acorn-jsx": "3.0.1"
 878 |       }
 879 |     },
 880 |     "esprima": {
 881 |       "version": "4.0.0",
 882 |       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.0.tgz",
 883 |       "integrity": "sha512-oftTcaMu/EGrEIu904mWteKIv8vMuOgGYo7EhVJJN00R/EED9DCua/xxHRdYnKtcECzVg7xOWhflvJMnqcFZjw==",
 884 |       "dev": true
 885 |     },
 886 |     "esquery": {
 887 |       "version": "1.0.0",
 888 |       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.0.0.tgz",
 889 |       "integrity": "sha1-z7qLV9f7qT8XKYqKAGoEzaE9gPo=",
 890 |       "dev": true,
 891 |       "requires": {
 892 |         "estraverse": "4.2.0"
 893 |       }
 894 |     },
 895 |     "esrecurse": {
 896 |       "version": "4.2.0",
 897 |       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.0.tgz",
 898 |       "integrity": "sha1-+pVo2Y04I/mkHZHpAtyrnqblsWM=",
 899 |       "dev": true,
 900 |       "requires": {
 901 |         "estraverse": "4.2.0",
 902 |         "object-assign": "4.1.1"
 903 |       }
 904 |     },
 905 |     "estraverse": {
 906 |       "version": "4.2.0",
 907 |       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.2.0.tgz",
 908 |       "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=",
 909 |       "dev": true
 910 |     },
 911 |     "esutils": {
 912 |       "version": "2.0.2",
 913 |       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
 914 |       "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=",
 915 |       "dev": true
 916 |     },
 917 |     "extend": {
 918 |       "version": "3.0.1",
 919 |       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
 920 |       "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ=",
 921 |       "dev": true
 922 |     },
 923 |     "external-editor": {
 924 |       "version": "2.0.5",
 925 |       "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.0.5.tgz",
 926 |       "integrity": "sha512-Msjo64WT5W+NhOpQXh0nOHm+n0RfU1QUwDnKYvJ8dEJ8zlwLrqXNTv5mSUTJpepf41PDJGyhueTw2vNZW+Fr/w==",
 927 |       "dev": true,
 928 |       "requires": {
 929 |         "iconv-lite": "0.4.19",
 930 |         "jschardet": "1.5.1",
 931 |         "tmp": "0.0.33"
 932 |       }
 933 |     },
 934 |     "fast-deep-equal": {
 935 |       "version": "1.0.0",
 936 |       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.0.0.tgz",
 937 |       "integrity": "sha1-liVqO8l1WV6zbYLpkp0GDYk0Of8=",
 938 |       "dev": true
 939 |     },
 940 |     "fast-levenshtein": {
 941 |       "version": "2.0.6",
 942 |       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
 943 |       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
 944 |       "dev": true
 945 |     },
 946 |     "fbjs": {
 947 |       "version": "0.8.16",
 948 |       "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.16.tgz",
 949 |       "integrity": "sha1-XmdDL1UNxBtXK/VYR7ispk5TN9s=",
 950 |       "dev": true,
 951 |       "requires": {
 952 |         "core-js": "1.2.7",
 953 |         "isomorphic-fetch": "2.2.1",
 954 |         "loose-envify": "1.3.1",
 955 |         "object-assign": "4.1.1",
 956 |         "promise": "7.3.1",
 957 |         "setimmediate": "1.0.5",
 958 |         "ua-parser-js": "0.7.17"
 959 |       }
 960 |     },
 961 |     "figures": {
 962 |       "version": "2.0.0",
 963 |       "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
 964 |       "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
 965 |       "dev": true,
 966 |       "requires": {
 967 |         "escape-string-regexp": "1.0.5"
 968 |       }
 969 |     },
 970 |     "file-entry-cache": {
 971 |       "version": "2.0.0",
 972 |       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-2.0.0.tgz",
 973 |       "integrity": "sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=",
 974 |       "dev": true,
 975 |       "requires": {
 976 |         "flat-cache": "1.3.0",
 977 |         "object-assign": "4.1.1"
 978 |       }
 979 |     },
 980 |     "flat-cache": {
 981 |       "version": "1.3.0",
 982 |       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-1.3.0.tgz",
 983 |       "integrity": "sha1-0wMLMrOBVPTjt+nHCfSQ9++XxIE=",
 984 |       "dev": true,
 985 |       "requires": {
 986 |         "circular-json": "0.3.3",
 987 |         "del": "2.2.2",
 988 |         "graceful-fs": "4.1.11",
 989 |         "write": "0.2.1"
 990 |       }
 991 |     },
 992 |     "foreach": {
 993 |       "version": "2.0.5",
 994 |       "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz",
 995 |       "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k=",
 996 |       "dev": true
 997 |     },
 998 |     "fs.realpath": {
 999 |       "version": "1.0.0",
1000 |       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
1001 |       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
1002 |       "dev": true
1003 |     },
1004 |     "function-bind": {
1005 |       "version": "1.1.1",
1006 |       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
1007 |       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
1008 |       "dev": true
1009 |     },
1010 |     "functional-red-black-tree": {
1011 |       "version": "1.0.1",
1012 |       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
1013 |       "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
1014 |       "dev": true
1015 |     },
1016 |     "generate-function": {
1017 |       "version": "2.0.0",
1018 |       "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.0.0.tgz",
1019 |       "integrity": "sha1-aFj+fAlpt9TpCTM3ZHrHn2DfvnQ=",
1020 |       "dev": true
1021 |     },
1022 |     "generate-object-property": {
1023 |       "version": "1.2.0",
1024 |       "resolved": "https://registry.npmjs.org/generate-object-property/-/generate-object-property-1.2.0.tgz",
1025 |       "integrity": "sha1-nA4cQDCM6AT0eDYYuTf6iPmdUNA=",
1026 |       "dev": true,
1027 |       "requires": {
1028 |         "is-property": "1.0.2"
1029 |       }
1030 |     },
1031 |     "get-stdin": {
1032 |       "version": "5.0.1",
1033 |       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-5.0.1.tgz",
1034 |       "integrity": "sha1-Ei4WFZHiH/TFJTAwVpPyDmOTo5g=",
1035 |       "dev": true
1036 |     },
1037 |     "glob": {
1038 |       "version": "7.1.2",
1039 |       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
1040 |       "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
1041 |       "dev": true,
1042 |       "requires": {
1043 |         "fs.realpath": "1.0.0",
1044 |         "inflight": "1.0.6",
1045 |         "inherits": "2.0.3",
1046 |         "minimatch": "3.0.4",
1047 |         "once": "1.4.0",
1048 |         "path-is-absolute": "1.0.1"
1049 |       }
1050 |     },
1051 |     "globals": {
1052 |       "version": "9.18.0",
1053 |       "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
1054 |       "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
1055 |       "dev": true
1056 |     },
1057 |     "globby": {
1058 |       "version": "5.0.0",
1059 |       "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
1060 |       "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
1061 |       "dev": true,
1062 |       "requires": {
1063 |         "array-union": "1.0.2",
1064 |         "arrify": "1.0.1",
1065 |         "glob": "7.1.2",
1066 |         "object-assign": "4.1.1",
1067 |         "pify": "2.3.0",
1068 |         "pinkie-promise": "2.0.1"
1069 |       }
1070 |     },
1071 |     "graceful-fs": {
1072 |       "version": "4.1.11",
1073 |       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
1074 |       "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
1075 |       "dev": true
1076 |     },
1077 |     "has": {
1078 |       "version": "1.0.1",
1079 |       "resolved": "https://registry.npmjs.org/has/-/has-1.0.1.tgz",
1080 |       "integrity": "sha1-hGFzP1OLCDfJNh45qauelwTcLyg=",
1081 |       "dev": true,
1082 |       "requires": {
1083 |         "function-bind": "1.1.1"
1084 |       }
1085 |     },
1086 |     "has-ansi": {
1087 |       "version": "2.0.0",
1088 |       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
1089 |       "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
1090 |       "dev": true,
1091 |       "requires": {
1092 |         "ansi-regex": "2.1.1"
1093 |       }
1094 |     },
1095 |     "has-flag": {
1096 |       "version": "2.0.0",
1097 |       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
1098 |       "integrity": "sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=",
1099 |       "dev": true
1100 |     },
1101 |     "hosted-git-info": {
1102 |       "version": "2.5.0",
1103 |       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.5.0.tgz",
1104 |       "integrity": "sha512-pNgbURSuab90KbTqvRPsseaTxOJCZBD0a7t+haSN33piP9cCM4l0CqdzAif2hUqm716UovKB2ROmiabGAKVXyg==",
1105 |       "dev": true
1106 |     },
1107 |     "iconv-lite": {
1108 |       "version": "0.4.19",
1109 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
1110 |       "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==",
1111 |       "dev": true
1112 |     },
1113 |     "ignore": {
1114 |       "version": "3.3.5",
1115 |       "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.5.tgz",
1116 |       "integrity": "sha512-JLH93mL8amZQhh/p6mfQgVBH3M6epNq3DfsXsTSuSrInVjwyYlFE1nv2AgfRCC8PoOhM0jwQ5v8s9LgbK7yGDw==",
1117 |       "dev": true
1118 |     },
1119 |     "imurmurhash": {
1120 |       "version": "0.1.4",
1121 |       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
1122 |       "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
1123 |       "dev": true
1124 |     },
1125 |     "inflight": {
1126 |       "version": "1.0.6",
1127 |       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
1128 |       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
1129 |       "dev": true,
1130 |       "requires": {
1131 |         "once": "1.4.0",
1132 |         "wrappy": "1.0.2"
1133 |       }
1134 |     },
1135 |     "inherits": {
1136 |       "version": "2.0.3",
1137 |       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
1138 |       "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
1139 |       "dev": true
1140 |     },
1141 |     "inquirer": {
1142 |       "version": "3.3.0",
1143 |       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.3.0.tgz",
1144 |       "integrity": "sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==",
1145 |       "dev": true,
1146 |       "requires": {
1147 |         "ansi-escapes": "3.0.0",
1148 |         "chalk": "2.2.0",
1149 |         "cli-cursor": "2.1.0",
1150 |         "cli-width": "2.2.0",
1151 |         "external-editor": "2.0.5",
1152 |         "figures": "2.0.0",
1153 |         "lodash": "4.17.4",
1154 |         "mute-stream": "0.0.7",
1155 |         "run-async": "2.3.0",
1156 |         "rx-lite": "4.0.8",
1157 |         "rx-lite-aggregates": "4.0.8",
1158 |         "string-width": "2.1.1",
1159 |         "strip-ansi": "4.0.0",
1160 |         "through": "2.3.8"
1161 |       },
1162 |       "dependencies": {
1163 |         "ansi-regex": {
1164 |           "version": "3.0.0",
1165 |           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
1166 |           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
1167 |           "dev": true
1168 |         },
1169 |         "ansi-styles": {
1170 |           "version": "3.2.0",
1171 |           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
1172 |           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
1173 |           "dev": true,
1174 |           "requires": {
1175 |             "color-convert": "1.9.0"
1176 |           }
1177 |         },
1178 |         "chalk": {
1179 |           "version": "2.2.0",
1180 |           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
1181 |           "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
1182 |           "dev": true,
1183 |           "requires": {
1184 |             "ansi-styles": "3.2.0",
1185 |             "escape-string-regexp": "1.0.5",
1186 |             "supports-color": "4.5.0"
1187 |           }
1188 |         },
1189 |         "is-fullwidth-code-point": {
1190 |           "version": "2.0.0",
1191 |           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
1192 |           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
1193 |           "dev": true
1194 |         },
1195 |         "string-width": {
1196 |           "version": "2.1.1",
1197 |           "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
1198 |           "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
1199 |           "dev": true,
1200 |           "requires": {
1201 |             "is-fullwidth-code-point": "2.0.0",
1202 |             "strip-ansi": "4.0.0"
1203 |           }
1204 |         },
1205 |         "strip-ansi": {
1206 |           "version": "4.0.0",
1207 |           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
1208 |           "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
1209 |           "dev": true,
1210 |           "requires": {
1211 |             "ansi-regex": "3.0.0"
1212 |           }
1213 |         },
1214 |         "supports-color": {
1215 |           "version": "4.5.0",
1216 |           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
1217 |           "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
1218 |           "dev": true,
1219 |           "requires": {
1220 |             "has-flag": "2.0.0"
1221 |           }
1222 |         }
1223 |       }
1224 |     },
1225 |     "interop-require": {
1226 |       "version": "1.0.0",
1227 |       "resolved": "https://registry.npmjs.org/interop-require/-/interop-require-1.0.0.tgz",
1228 |       "integrity": "sha1-5TEDZ5lEyI1+YQW2Kp9EdceDlx4=",
1229 |       "dev": true
1230 |     },
1231 |     "invariant": {
1232 |       "version": "2.2.2",
1233 |       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.2.tgz",
1234 |       "integrity": "sha1-nh9WrArNtr8wMwbzOL47IErmA2A=",
1235 |       "dev": true,
1236 |       "requires": {
1237 |         "loose-envify": "1.3.1"
1238 |       }
1239 |     },
1240 |     "is-alphabetical": {
1241 |       "version": "1.0.1",
1242 |       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.1.tgz",
1243 |       "integrity": "sha1-x3B5zJHU76x3W+EDS/LSQ/lebwg=",
1244 |       "dev": true
1245 |     },
1246 |     "is-alphanumeric": {
1247 |       "version": "1.0.0",
1248 |       "resolved": "https://registry.npmjs.org/is-alphanumeric/-/is-alphanumeric-1.0.0.tgz",
1249 |       "integrity": "sha1-Spzvcdr0wAHB2B1j0UDPU/1oifQ=",
1250 |       "dev": true
1251 |     },
1252 |     "is-alphanumerical": {
1253 |       "version": "1.0.1",
1254 |       "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.1.tgz",
1255 |       "integrity": "sha1-37SqTRCF4zvbYcLe6cgOnGwZ9Ts=",
1256 |       "dev": true,
1257 |       "requires": {
1258 |         "is-alphabetical": "1.0.1",
1259 |         "is-decimal": "1.0.1"
1260 |       }
1261 |     },
1262 |     "is-arrayish": {
1263 |       "version": "0.2.1",
1264 |       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
1265 |       "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
1266 |       "dev": true
1267 |     },
1268 |     "is-buffer": {
1269 |       "version": "1.1.5",
1270 |       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.5.tgz",
1271 |       "integrity": "sha1-Hzsm72E7IUuIy8ojzGwB2Hlh7sw=",
1272 |       "dev": true
1273 |     },
1274 |     "is-builtin-module": {
1275 |       "version": "1.0.0",
1276 |       "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
1277 |       "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
1278 |       "dev": true,
1279 |       "requires": {
1280 |         "builtin-modules": "1.1.1"
1281 |       }
1282 |     },
1283 |     "is-callable": {
1284 |       "version": "1.1.3",
1285 |       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.3.tgz",
1286 |       "integrity": "sha1-hut1OSgF3cM69xySoO7fdO52BLI=",
1287 |       "dev": true
1288 |     },
1289 |     "is-date-object": {
1290 |       "version": "1.0.1",
1291 |       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz",
1292 |       "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=",
1293 |       "dev": true
1294 |     },
1295 |     "is-decimal": {
1296 |       "version": "1.0.1",
1297 |       "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.1.tgz",
1298 |       "integrity": "sha1-9ftqlJlq2ejjdh+/vQkfH8qMToI=",
1299 |       "dev": true
1300 |     },
1301 |     "is-file": {
1302 |       "version": "1.0.0",
1303 |       "resolved": "https://registry.npmjs.org/is-file/-/is-file-1.0.0.tgz",
1304 |       "integrity": "sha1-KKRM+9nT2xkwRfIrZfzo7fliBZY=",
1305 |       "dev": true
1306 |     },
1307 |     "is-fullwidth-code-point": {
1308 |       "version": "1.0.0",
1309 |       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
1310 |       "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
1311 |       "dev": true,
1312 |       "requires": {
1313 |         "number-is-nan": "1.0.1"
1314 |       }
1315 |     },
1316 |     "is-hexadecimal": {
1317 |       "version": "1.0.1",
1318 |       "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.1.tgz",
1319 |       "integrity": "sha1-bghLvJIGH7sJcexYts5tQE4k2mk=",
1320 |       "dev": true
1321 |     },
1322 |     "is-my-json-valid": {
1323 |       "version": "2.16.1",
1324 |       "resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.16.1.tgz",
1325 |       "integrity": "sha512-ochPsqWS1WXj8ZnMIV0vnNXooaMhp7cyL4FMSIPKTtnV0Ha/T19G2b9kkhcNsabV9bxYkze7/aLZJb/bYuFduQ==",
1326 |       "dev": true,
1327 |       "requires": {
1328 |         "generate-function": "2.0.0",
1329 |         "generate-object-property": "1.2.0",
1330 |         "jsonpointer": "4.0.1",
1331 |         "xtend": "4.0.1"
1332 |       }
1333 |     },
1334 |     "is-path-cwd": {
1335 |       "version": "1.0.0",
1336 |       "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
1337 |       "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=",
1338 |       "dev": true
1339 |     },
1340 |     "is-path-in-cwd": {
1341 |       "version": "1.0.0",
1342 |       "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz",
1343 |       "integrity": "sha1-ZHdYK4IU1gI0YJRWcAO+ip6sBNw=",
1344 |       "dev": true,
1345 |       "requires": {
1346 |         "is-path-inside": "1.0.0"
1347 |       }
1348 |     },
1349 |     "is-path-inside": {
1350 |       "version": "1.0.0",
1351 |       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.0.tgz",
1352 |       "integrity": "sha1-/AbloWg/vaE95mev9xe7wQpI838=",
1353 |       "dev": true,
1354 |       "requires": {
1355 |         "path-is-inside": "1.0.2"
1356 |       }
1357 |     },
1358 |     "is-plain-obj": {
1359 |       "version": "1.1.0",
1360 |       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
1361 |       "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
1362 |       "dev": true
1363 |     },
1364 |     "is-promise": {
1365 |       "version": "2.1.0",
1366 |       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
1367 |       "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=",
1368 |       "dev": true
1369 |     },
1370 |     "is-property": {
1371 |       "version": "1.0.2",
1372 |       "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
1373 |       "integrity": "sha1-V/4cTkhHTt1lsJkR8msc1Ald2oQ=",
1374 |       "dev": true
1375 |     },
1376 |     "is-regex": {
1377 |       "version": "1.0.4",
1378 |       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz",
1379 |       "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=",
1380 |       "dev": true,
1381 |       "requires": {
1382 |         "has": "1.0.1"
1383 |       }
1384 |     },
1385 |     "is-resolvable": {
1386 |       "version": "1.0.0",
1387 |       "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.0.0.tgz",
1388 |       "integrity": "sha1-jfV8YeouPFAUCNEA+wE8+NbgzGI=",
1389 |       "dev": true,
1390 |       "requires": {
1391 |         "tryit": "1.0.3"
1392 |       }
1393 |     },
1394 |     "is-stream": {
1395 |       "version": "1.1.0",
1396 |       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
1397 |       "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
1398 |       "dev": true
1399 |     },
1400 |     "is-symbol": {
1401 |       "version": "1.0.1",
1402 |       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.1.tgz",
1403 |       "integrity": "sha1-PMWfAAJRlLarLjjbrmaJJWtmBXI=",
1404 |       "dev": true
1405 |     },
1406 |     "is-utf8": {
1407 |       "version": "0.2.1",
1408 |       "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
1409 |       "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
1410 |       "dev": true
1411 |     },
1412 |     "is-whitespace-character": {
1413 |       "version": "1.0.1",
1414 |       "resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.1.tgz",
1415 |       "integrity": "sha1-muAXbzKCtlRXoZks2whPil+DPjs=",
1416 |       "dev": true
1417 |     },
1418 |     "is-word-character": {
1419 |       "version": "1.0.1",
1420 |       "resolved": "https://registry.npmjs.org/is-word-character/-/is-word-character-1.0.1.tgz",
1421 |       "integrity": "sha1-WgP6HqkazopusMfNdw64bWXIvvs=",
1422 |       "dev": true
1423 |     },
1424 |     "isarray": {
1425 |       "version": "1.0.0",
1426 |       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
1427 |       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
1428 |       "dev": true
1429 |     },
1430 |     "isexe": {
1431 |       "version": "2.0.0",
1432 |       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
1433 |       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
1434 |       "dev": true
1435 |     },
1436 |     "isomorphic-fetch": {
1437 |       "version": "2.2.1",
1438 |       "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
1439 |       "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
1440 |       "dev": true,
1441 |       "requires": {
1442 |         "node-fetch": "1.7.3",
1443 |         "whatwg-fetch": "2.0.3"
1444 |       }
1445 |     },
1446 |     "js-tokens": {
1447 |       "version": "3.0.2",
1448 |       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
1449 |       "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=",
1450 |       "dev": true
1451 |     },
1452 |     "js-yaml": {
1453 |       "version": "3.10.0",
1454 |       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.10.0.tgz",
1455 |       "integrity": "sha512-O2v52ffjLa9VeM43J4XocZE//WT9N0IiwDa3KSHH7Tu8CtH+1qM8SIZvnsTh6v+4yFy5KUY3BHUVwjpfAWsjIA==",
1456 |       "dev": true,
1457 |       "requires": {
1458 |         "argparse": "1.0.9",
1459 |         "esprima": "4.0.0"
1460 |       }
1461 |     },
1462 |     "jschardet": {
1463 |       "version": "1.5.1",
1464 |       "resolved": "https://registry.npmjs.org/jschardet/-/jschardet-1.5.1.tgz",
1465 |       "integrity": "sha512-vE2hT1D0HLZCLLclfBSfkfTTedhVj0fubHpJBHKwwUWX0nSbhPAfk+SG9rTX95BYNmau8rGFfCeaT6T5OW1C2A==",
1466 |       "dev": true
1467 |     },
1468 |     "json-schema-traverse": {
1469 |       "version": "0.3.1",
1470 |       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
1471 |       "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
1472 |       "dev": true
1473 |     },
1474 |     "json-stable-stringify": {
1475 |       "version": "1.0.1",
1476 |       "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
1477 |       "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
1478 |       "dev": true,
1479 |       "requires": {
1480 |         "jsonify": "0.0.0"
1481 |       }
1482 |     },
1483 |     "json5": {
1484 |       "version": "0.5.1",
1485 |       "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
1486 |       "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
1487 |       "dev": true
1488 |     },
1489 |     "jsonify": {
1490 |       "version": "0.0.0",
1491 |       "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
1492 |       "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
1493 |       "dev": true
1494 |     },
1495 |     "jsonpointer": {
1496 |       "version": "4.0.1",
1497 |       "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-4.0.1.tgz",
1498 |       "integrity": "sha1-T9kss04OnbPInIYi7PUfm5eMbLk=",
1499 |       "dev": true
1500 |     },
1501 |     "jsx-ast-utils": {
1502 |       "version": "2.0.1",
1503 |       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-2.0.1.tgz",
1504 |       "integrity": "sha1-6AGxs5mF4g//yHtA43SAgOLcrH8=",
1505 |       "dev": true,
1506 |       "requires": {
1507 |         "array-includes": "3.0.3"
1508 |       }
1509 |     },
1510 |     "levn": {
1511 |       "version": "0.3.0",
1512 |       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
1513 |       "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
1514 |       "dev": true,
1515 |       "requires": {
1516 |         "prelude-ls": "1.1.2",
1517 |         "type-check": "0.3.2"
1518 |       }
1519 |     },
1520 |     "load-json-file": {
1521 |       "version": "1.1.0",
1522 |       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
1523 |       "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
1524 |       "dev": true,
1525 |       "requires": {
1526 |         "graceful-fs": "4.1.11",
1527 |         "parse-json": "2.2.0",
1528 |         "pify": "2.3.0",
1529 |         "pinkie-promise": "2.0.1",
1530 |         "strip-bom": "2.0.0"
1531 |       }
1532 |     },
1533 |     "lodash": {
1534 |       "version": "4.17.4",
1535 |       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.4.tgz",
1536 |       "integrity": "sha1-eCA6TRwyiuHYbcpkYONptX9AVa4=",
1537 |       "dev": true
1538 |     },
1539 |     "log-symbols": {
1540 |       "version": "1.0.2",
1541 |       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-1.0.2.tgz",
1542 |       "integrity": "sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=",
1543 |       "dev": true,
1544 |       "requires": {
1545 |         "chalk": "1.1.3"
1546 |       }
1547 |     },
1548 |     "longest-streak": {
1549 |       "version": "2.0.1",
1550 |       "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.1.tgz",
1551 |       "integrity": "sha1-QtKRtUEeQDZcAOYxk0l+IkcxbjU=",
1552 |       "dev": true
1553 |     },
1554 |     "loose-envify": {
1555 |       "version": "1.3.1",
1556 |       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
1557 |       "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
1558 |       "dev": true,
1559 |       "requires": {
1560 |         "js-tokens": "3.0.2"
1561 |       }
1562 |     },
1563 |     "lru-cache": {
1564 |       "version": "4.1.1",
1565 |       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.1.tgz",
1566 |       "integrity": "sha512-q4spe4KTfsAS1SUHLO0wz8Qiyf1+vMIAgpRYioFYDMNqKfHQbg+AVDH3i4fvpl71/P1L0dBl+fQi+P37UYf0ew==",
1567 |       "dev": true,
1568 |       "requires": {
1569 |         "pseudomap": "1.0.2",
1570 |         "yallist": "2.1.2"
1571 |       }
1572 |     },
1573 |     "map-like": {
1574 |       "version": "1.1.3",
1575 |       "resolved": "https://registry.npmjs.org/map-like/-/map-like-1.1.3.tgz",
1576 |       "integrity": "sha1-b6rKUzngzGVno6Vd0oH9hxo55do=",
1577 |       "dev": true
1578 |     },
1579 |     "markdown-escapes": {
1580 |       "version": "1.0.1",
1581 |       "resolved": "https://registry.npmjs.org/markdown-escapes/-/markdown-escapes-1.0.1.tgz",
1582 |       "integrity": "sha1-GZTfLTr0gR3lmmcUk0wrIpJzRRg=",
1583 |       "dev": true
1584 |     },
1585 |     "markdown-table": {
1586 |       "version": "1.1.1",
1587 |       "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-1.1.1.tgz",
1588 |       "integrity": "sha1-Sz3ToTPRUYuO8NvHCb8qG0gkvIw=",
1589 |       "dev": true
1590 |     },
1591 |     "markdown-to-ast": {
1592 |       "version": "4.0.0",
1593 |       "resolved": "https://registry.npmjs.org/markdown-to-ast/-/markdown-to-ast-4.0.0.tgz",
1594 |       "integrity": "sha1-N9Sw2dhLGcjdcT5W6vadzHzi5sM=",
1595 |       "dev": true,
1596 |       "requires": {
1597 |         "@textlint/ast-node-types": "1.1.2",
1598 |         "debug": "2.6.9",
1599 |         "remark": "7.0.1",
1600 |         "structured-source": "3.0.2",
1601 |         "traverse": "0.6.6"
1602 |       }
1603 |     },
1604 |     "md5": {
1605 |       "version": "2.2.1",
1606 |       "resolved": "https://registry.npmjs.org/md5/-/md5-2.2.1.tgz",
1607 |       "integrity": "sha1-U6s41f48iJG6RlMp6iP6wFQBJvk=",
1608 |       "dev": true,
1609 |       "requires": {
1610 |         "charenc": "0.0.2",
1611 |         "crypt": "0.0.2",
1612 |         "is-buffer": "1.1.5"
1613 |       }
1614 |     },
1615 |     "mdast-util-compact": {
1616 |       "version": "1.0.1",
1617 |       "resolved": "https://registry.npmjs.org/mdast-util-compact/-/mdast-util-compact-1.0.1.tgz",
1618 |       "integrity": "sha1-zbX4TitqLTEU3zO9BdnLMuPECDo=",
1619 |       "dev": true,
1620 |       "requires": {
1621 |         "unist-util-modify-children": "1.1.1",
1622 |         "unist-util-visit": "1.1.3"
1623 |       }
1624 |     },
1625 |     "mimic-fn": {
1626 |       "version": "1.1.0",
1627 |       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.1.0.tgz",
1628 |       "integrity": "sha1-5md4PZLonb00KBi1IwudYqZyrRg=",
1629 |       "dev": true
1630 |     },
1631 |     "minimatch": {
1632 |       "version": "3.0.4",
1633 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
1634 |       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
1635 |       "dev": true,
1636 |       "requires": {
1637 |         "brace-expansion": "1.1.8"
1638 |       }
1639 |     },
1640 |     "minimist": {
1641 |       "version": "0.0.8",
1642 |       "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
1643 |       "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
1644 |       "dev": true
1645 |     },
1646 |     "mkdirp": {
1647 |       "version": "0.5.1",
1648 |       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
1649 |       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
1650 |       "dev": true,
1651 |       "requires": {
1652 |         "minimist": "0.0.8"
1653 |       }
1654 |     },
1655 |     "ms": {
1656 |       "version": "2.0.0",
1657 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
1658 |       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
1659 |       "dev": true
1660 |     },
1661 |     "mute-stream": {
1662 |       "version": "0.0.7",
1663 |       "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz",
1664 |       "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
1665 |       "dev": true
1666 |     },
1667 |     "natural-compare": {
1668 |       "version": "1.4.0",
1669 |       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
1670 |       "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
1671 |       "dev": true
1672 |     },
1673 |     "node-fetch": {
1674 |       "version": "1.7.3",
1675 |       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
1676 |       "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
1677 |       "dev": true,
1678 |       "requires": {
1679 |         "encoding": "0.1.12",
1680 |         "is-stream": "1.1.0"
1681 |       }
1682 |     },
1683 |     "normalize-package-data": {
1684 |       "version": "2.4.0",
1685 |       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
1686 |       "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
1687 |       "dev": true,
1688 |       "requires": {
1689 |         "hosted-git-info": "2.5.0",
1690 |         "is-builtin-module": "1.0.0",
1691 |         "semver": "5.4.1",
1692 |         "validate-npm-package-license": "3.0.1"
1693 |       }
1694 |     },
1695 |     "number-is-nan": {
1696 |       "version": "1.0.1",
1697 |       "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
1698 |       "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
1699 |       "dev": true
1700 |     },
1701 |     "object-assign": {
1702 |       "version": "4.1.1",
1703 |       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
1704 |       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
1705 |       "dev": true
1706 |     },
1707 |     "object-keys": {
1708 |       "version": "1.0.11",
1709 |       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.11.tgz",
1710 |       "integrity": "sha1-xUYBd4rVYPEULODgG8yotW0TQm0=",
1711 |       "dev": true
1712 |     },
1713 |     "once": {
1714 |       "version": "1.4.0",
1715 |       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
1716 |       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
1717 |       "dev": true,
1718 |       "requires": {
1719 |         "wrappy": "1.0.2"
1720 |       }
1721 |     },
1722 |     "onetime": {
1723 |       "version": "2.0.1",
1724 |       "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
1725 |       "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
1726 |       "dev": true,
1727 |       "requires": {
1728 |         "mimic-fn": "1.1.0"
1729 |       }
1730 |     },
1731 |     "optionator": {
1732 |       "version": "0.8.2",
1733 |       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
1734 |       "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
1735 |       "dev": true,
1736 |       "requires": {
1737 |         "deep-is": "0.1.3",
1738 |         "fast-levenshtein": "2.0.6",
1739 |         "levn": "0.3.0",
1740 |         "prelude-ls": "1.1.2",
1741 |         "type-check": "0.3.2",
1742 |         "wordwrap": "1.0.0"
1743 |       }
1744 |     },
1745 |     "os-tmpdir": {
1746 |       "version": "1.0.2",
1747 |       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
1748 |       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
1749 |       "dev": true
1750 |     },
1751 |     "parse-entities": {
1752 |       "version": "1.1.1",
1753 |       "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-1.1.1.tgz",
1754 |       "integrity": "sha1-gRLYhHExnyerrk1klksSL+ThuJA=",
1755 |       "dev": true,
1756 |       "requires": {
1757 |         "character-entities": "1.2.1",
1758 |         "character-entities-legacy": "1.1.1",
1759 |         "character-reference-invalid": "1.1.1",
1760 |         "is-alphanumerical": "1.0.1",
1761 |         "is-decimal": "1.0.1",
1762 |         "is-hexadecimal": "1.0.1"
1763 |       }
1764 |     },
1765 |     "parse-json": {
1766 |       "version": "2.2.0",
1767 |       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
1768 |       "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
1769 |       "dev": true,
1770 |       "requires": {
1771 |         "error-ex": "1.3.1"
1772 |       }
1773 |     },
1774 |     "path-exists": {
1775 |       "version": "2.1.0",
1776 |       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
1777 |       "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
1778 |       "dev": true,
1779 |       "requires": {
1780 |         "pinkie-promise": "2.0.1"
1781 |       }
1782 |     },
1783 |     "path-is-absolute": {
1784 |       "version": "1.0.1",
1785 |       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
1786 |       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
1787 |       "dev": true
1788 |     },
1789 |     "path-is-inside": {
1790 |       "version": "1.0.2",
1791 |       "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
1792 |       "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
1793 |       "dev": true
1794 |     },
1795 |     "path-to-glob-pattern": {
1796 |       "version": "1.0.2",
1797 |       "resolved": "https://registry.npmjs.org/path-to-glob-pattern/-/path-to-glob-pattern-1.0.2.tgz",
1798 |       "integrity": "sha1-Rz5qOikqnRP7rj7czuctO6uoxhk=",
1799 |       "dev": true
1800 |     },
1801 |     "path-type": {
1802 |       "version": "1.1.0",
1803 |       "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
1804 |       "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
1805 |       "dev": true,
1806 |       "requires": {
1807 |         "graceful-fs": "4.1.11",
1808 |         "pify": "2.3.0",
1809 |         "pinkie-promise": "2.0.1"
1810 |       }
1811 |     },
1812 |     "pify": {
1813 |       "version": "2.3.0",
1814 |       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
1815 |       "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
1816 |       "dev": true
1817 |     },
1818 |     "pinkie": {
1819 |       "version": "2.0.4",
1820 |       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
1821 |       "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
1822 |       "dev": true
1823 |     },
1824 |     "pinkie-promise": {
1825 |       "version": "2.0.1",
1826 |       "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
1827 |       "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
1828 |       "dev": true,
1829 |       "requires": {
1830 |         "pinkie": "2.0.4"
1831 |       }
1832 |     },
1833 |     "pluralize": {
1834 |       "version": "2.0.0",
1835 |       "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-2.0.0.tgz",
1836 |       "integrity": "sha1-crcmqm+sHt7uQiVsfY3CVrM1Z38=",
1837 |       "dev": true
1838 |     },
1839 |     "prelude-ls": {
1840 |       "version": "1.1.2",
1841 |       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
1842 |       "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
1843 |       "dev": true
1844 |     },
1845 |     "process-nextick-args": {
1846 |       "version": "1.0.7",
1847 |       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz",
1848 |       "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=",
1849 |       "dev": true
1850 |     },
1851 |     "progress": {
1852 |       "version": "2.0.0",
1853 |       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.0.tgz",
1854 |       "integrity": "sha1-ihvjZr+Pwj2yvSPxDG/pILQ4nR8=",
1855 |       "dev": true
1856 |     },
1857 |     "promise": {
1858 |       "version": "7.3.1",
1859 |       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
1860 |       "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
1861 |       "dev": true,
1862 |       "requires": {
1863 |         "asap": "2.0.6"
1864 |       }
1865 |     },
1866 |     "prop-types": {
1867 |       "version": "15.6.0",
1868 |       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.0.tgz",
1869 |       "integrity": "sha1-zq8IMCL8RrSjX2nhPvda7Q1jmFY=",
1870 |       "dev": true,
1871 |       "requires": {
1872 |         "fbjs": "0.8.16",
1873 |         "loose-envify": "1.3.1",
1874 |         "object-assign": "4.1.1"
1875 |       }
1876 |     },
1877 |     "pseudomap": {
1878 |       "version": "1.0.2",
1879 |       "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
1880 |       "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
1881 |       "dev": true
1882 |     },
1883 |     "rc-config-loader": {
1884 |       "version": "2.0.0",
1885 |       "resolved": "https://registry.npmjs.org/rc-config-loader/-/rc-config-loader-2.0.0.tgz",
1886 |       "integrity": "sha1-ILVvh0Y/a1zZf8LaH46WxVMhhi0=",
1887 |       "dev": true,
1888 |       "requires": {
1889 |         "debug": "2.6.9",
1890 |         "js-yaml": "3.10.0",
1891 |         "json5": "0.5.1",
1892 |         "object-assign": "4.1.1",
1893 |         "object-keys": "1.0.11",
1894 |         "path-exists": "2.1.0",
1895 |         "require-uncached": "1.0.3"
1896 |       }
1897 |     },
1898 |     "read-pkg": {
1899 |       "version": "1.1.0",
1900 |       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
1901 |       "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
1902 |       "dev": true,
1903 |       "requires": {
1904 |         "load-json-file": "1.1.0",
1905 |         "normalize-package-data": "2.4.0",
1906 |         "path-type": "1.1.0"
1907 |       }
1908 |     },
1909 |     "readable-stream": {
1910 |       "version": "2.3.3",
1911 |       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.3.tgz",
1912 |       "integrity": "sha512-m+qzzcn7KUxEmd1gMbchF+Y2eIUbieUaxkWtptyHywrX0rE8QEYqPC07Vuy4Wm32/xE16NcdBctb8S0Xe/5IeQ==",
1913 |       "dev": true,
1914 |       "requires": {
1915 |         "core-util-is": "1.0.2",
1916 |         "inherits": "2.0.3",
1917 |         "isarray": "1.0.0",
1918 |         "process-nextick-args": "1.0.7",
1919 |         "safe-buffer": "5.1.1",
1920 |         "string_decoder": "1.0.3",
1921 |         "util-deprecate": "1.0.2"
1922 |       }
1923 |     },
1924 |     "remark": {
1925 |       "version": "7.0.1",
1926 |       "resolved": "https://registry.npmjs.org/remark/-/remark-7.0.1.tgz",
1927 |       "integrity": "sha1-pd5NrPq/D2CkmCbvJMR5gH+QS/s=",
1928 |       "dev": true,
1929 |       "requires": {
1930 |         "remark-parse": "3.0.1",
1931 |         "remark-stringify": "3.0.1",
1932 |         "unified": "6.1.5"
1933 |       }
1934 |     },
1935 |     "remark-parse": {
1936 |       "version": "3.0.1",
1937 |       "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-3.0.1.tgz",
1938 |       "integrity": "sha1-G5+EGkTY9PvyJGhQJlRZpOs1TIA=",
1939 |       "dev": true,
1940 |       "requires": {
1941 |         "collapse-white-space": "1.0.3",
1942 |         "has": "1.0.1",
1943 |         "is-alphabetical": "1.0.1",
1944 |         "is-decimal": "1.0.1",
1945 |         "is-whitespace-character": "1.0.1",
1946 |         "is-word-character": "1.0.1",
1947 |         "markdown-escapes": "1.0.1",
1948 |         "parse-entities": "1.1.1",
1949 |         "repeat-string": "1.6.1",
1950 |         "state-toggle": "1.0.0",
1951 |         "trim": "0.0.1",
1952 |         "trim-trailing-lines": "1.1.0",
1953 |         "unherit": "1.1.0",
1954 |         "unist-util-remove-position": "1.1.1",
1955 |         "vfile-location": "2.0.2",
1956 |         "xtend": "4.0.1"
1957 |       }
1958 |     },
1959 |     "remark-stringify": {
1960 |       "version": "3.0.1",
1961 |       "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-3.0.1.tgz",
1962 |       "integrity": "sha1-eSQr6+CnUggbWAlRb6DAbt7Aac8=",
1963 |       "dev": true,
1964 |       "requires": {
1965 |         "ccount": "1.0.2",
1966 |         "is-alphanumeric": "1.0.0",
1967 |         "is-decimal": "1.0.1",
1968 |         "is-whitespace-character": "1.0.1",
1969 |         "longest-streak": "2.0.1",
1970 |         "markdown-escapes": "1.0.1",
1971 |         "markdown-table": "1.1.1",
1972 |         "mdast-util-compact": "1.0.1",
1973 |         "parse-entities": "1.1.1",
1974 |         "repeat-string": "1.6.1",
1975 |         "state-toggle": "1.0.0",
1976 |         "stringify-entities": "1.3.1",
1977 |         "unherit": "1.1.0",
1978 |         "xtend": "4.0.1"
1979 |       }
1980 |     },
1981 |     "repeat-string": {
1982 |       "version": "1.6.1",
1983 |       "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
1984 |       "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
1985 |       "dev": true
1986 |     },
1987 |     "replace-ext": {
1988 |       "version": "1.0.0",
1989 |       "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
1990 |       "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=",
1991 |       "dev": true
1992 |     },
1993 |     "require-uncached": {
1994 |       "version": "1.0.3",
1995 |       "resolved": "https://registry.npmjs.org/require-uncached/-/require-uncached-1.0.3.tgz",
1996 |       "integrity": "sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=",
1997 |       "dev": true,
1998 |       "requires": {
1999 |         "caller-path": "0.1.0",
2000 |         "resolve-from": "1.0.1"
2001 |       }
2002 |     },
2003 |     "resolve-from": {
2004 |       "version": "1.0.1",
2005 |       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-1.0.1.tgz",
2006 |       "integrity": "sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=",
2007 |       "dev": true
2008 |     },
2009 |     "restore-cursor": {
2010 |       "version": "2.0.0",
2011 |       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
2012 |       "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
2013 |       "dev": true,
2014 |       "requires": {
2015 |         "onetime": "2.0.1",
2016 |         "signal-exit": "3.0.2"
2017 |       }
2018 |     },
2019 |     "rimraf": {
2020 |       "version": "2.6.2",
2021 |       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz",
2022 |       "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==",
2023 |       "dev": true,
2024 |       "requires": {
2025 |         "glob": "7.1.2"
2026 |       }
2027 |     },
2028 |     "run-async": {
2029 |       "version": "2.3.0",
2030 |       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
2031 |       "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=",
2032 |       "dev": true,
2033 |       "requires": {
2034 |         "is-promise": "2.1.0"
2035 |       }
2036 |     },
2037 |     "rx-lite": {
2038 |       "version": "4.0.8",
2039 |       "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
2040 |       "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
2041 |       "dev": true
2042 |     },
2043 |     "rx-lite-aggregates": {
2044 |       "version": "4.0.8",
2045 |       "resolved": "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz",
2046 |       "integrity": "sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=",
2047 |       "dev": true,
2048 |       "requires": {
2049 |         "rx-lite": "4.0.8"
2050 |       }
2051 |     },
2052 |     "safe-buffer": {
2053 |       "version": "5.1.1",
2054 |       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
2055 |       "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
2056 |       "dev": true
2057 |     },
2058 |     "semver": {
2059 |       "version": "5.4.1",
2060 |       "resolved": "https://registry.npmjs.org/semver/-/semver-5.4.1.tgz",
2061 |       "integrity": "sha512-WfG/X9+oATh81XtllIo/I8gOiY9EXRdv1cQdyykeXK17YcUW3EXUAi2To4pcH6nZtJPr7ZOpM5OMyWJZm+8Rsg==",
2062 |       "dev": true
2063 |     },
2064 |     "setimmediate": {
2065 |       "version": "1.0.5",
2066 |       "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
2067 |       "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
2068 |       "dev": true
2069 |     },
2070 |     "shebang-command": {
2071 |       "version": "1.2.0",
2072 |       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
2073 |       "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
2074 |       "dev": true,
2075 |       "requires": {
2076 |         "shebang-regex": "1.0.0"
2077 |       }
2078 |     },
2079 |     "shebang-regex": {
2080 |       "version": "1.0.0",
2081 |       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
2082 |       "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
2083 |       "dev": true
2084 |     },
2085 |     "signal-exit": {
2086 |       "version": "3.0.2",
2087 |       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
2088 |       "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
2089 |       "dev": true
2090 |     },
2091 |     "slice-ansi": {
2092 |       "version": "0.0.4",
2093 |       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-0.0.4.tgz",
2094 |       "integrity": "sha1-7b+JA/ZvfOL46v1s7tZeJkyDGzU=",
2095 |       "dev": true
2096 |     },
2097 |     "spdx-correct": {
2098 |       "version": "1.0.2",
2099 |       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-1.0.2.tgz",
2100 |       "integrity": "sha1-SzBz2TP/UfORLwOsVRlJikFQ20A=",
2101 |       "dev": true,
2102 |       "requires": {
2103 |         "spdx-license-ids": "1.2.2"
2104 |       }
2105 |     },
2106 |     "spdx-expression-parse": {
2107 |       "version": "1.0.4",
2108 |       "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz",
2109 |       "integrity": "sha1-m98vIOH0DtRH++JzJmGR/O1RYmw=",
2110 |       "dev": true
2111 |     },
2112 |     "spdx-license-ids": {
2113 |       "version": "1.2.2",
2114 |       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz",
2115 |       "integrity": "sha1-yd96NCRZSt5r0RkA1ZZpbcBrrFc=",
2116 |       "dev": true
2117 |     },
2118 |     "sprintf-js": {
2119 |       "version": "1.0.3",
2120 |       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
2121 |       "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
2122 |       "dev": true
2123 |     },
2124 |     "state-toggle": {
2125 |       "version": "1.0.0",
2126 |       "resolved": "https://registry.npmjs.org/state-toggle/-/state-toggle-1.0.0.tgz",
2127 |       "integrity": "sha1-0g+aYWu08MO5i5GSLSW2QKorxCU=",
2128 |       "dev": true
2129 |     },
2130 |     "string-width": {
2131 |       "version": "1.0.2",
2132 |       "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
2133 |       "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
2134 |       "dev": true,
2135 |       "requires": {
2136 |         "code-point-at": "1.1.0",
2137 |         "is-fullwidth-code-point": "1.0.0",
2138 |         "strip-ansi": "3.0.1"
2139 |       }
2140 |     },
2141 |     "string.prototype.padstart": {
2142 |       "version": "3.0.0",
2143 |       "resolved": "https://registry.npmjs.org/string.prototype.padstart/-/string.prototype.padstart-3.0.0.tgz",
2144 |       "integrity": "sha1-W8+tOfRkm7LQMSkuGbzwtRDUskI=",
2145 |       "dev": true,
2146 |       "requires": {
2147 |         "define-properties": "1.1.2",
2148 |         "es-abstract": "1.9.0",
2149 |         "function-bind": "1.1.1"
2150 |       }
2151 |     },
2152 |     "string_decoder": {
2153 |       "version": "1.0.3",
2154 |       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
2155 |       "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
2156 |       "dev": true,
2157 |       "requires": {
2158 |         "safe-buffer": "5.1.1"
2159 |       }
2160 |     },
2161 |     "stringify-entities": {
2162 |       "version": "1.3.1",
2163 |       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-1.3.1.tgz",
2164 |       "integrity": "sha1-sVDsLXKsTBtfMktR+2soyc3/BYw=",
2165 |       "dev": true,
2166 |       "requires": {
2167 |         "character-entities-html4": "1.1.1",
2168 |         "character-entities-legacy": "1.1.1",
2169 |         "is-alphanumerical": "1.0.1",
2170 |         "is-hexadecimal": "1.0.1"
2171 |       }
2172 |     },
2173 |     "strip-ansi": {
2174 |       "version": "3.0.1",
2175 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
2176 |       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
2177 |       "dev": true,
2178 |       "requires": {
2179 |         "ansi-regex": "2.1.1"
2180 |       }
2181 |     },
2182 |     "strip-bom": {
2183 |       "version": "2.0.0",
2184 |       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
2185 |       "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
2186 |       "dev": true,
2187 |       "requires": {
2188 |         "is-utf8": "0.2.1"
2189 |       }
2190 |     },
2191 |     "strip-json-comments": {
2192 |       "version": "2.0.1",
2193 |       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
2194 |       "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
2195 |       "dev": true
2196 |     },
2197 |     "structured-source": {
2198 |       "version": "3.0.2",
2199 |       "resolved": "https://registry.npmjs.org/structured-source/-/structured-source-3.0.2.tgz",
2200 |       "integrity": "sha1-3YAkJeD1PcSm56yjdSkBoczaevU=",
2201 |       "dev": true,
2202 |       "requires": {
2203 |         "boundary": "1.0.1"
2204 |       }
2205 |     },
2206 |     "supports-color": {
2207 |       "version": "2.0.0",
2208 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
2209 |       "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
2210 |       "dev": true
2211 |     },
2212 |     "table": {
2213 |       "version": "3.8.3",
2214 |       "resolved": "https://registry.npmjs.org/table/-/table-3.8.3.tgz",
2215 |       "integrity": "sha1-K7xULw/amGGnVdOUf+/Ys/UThV8=",
2216 |       "dev": true,
2217 |       "requires": {
2218 |         "ajv": "4.11.8",
2219 |         "ajv-keywords": "1.5.1",
2220 |         "chalk": "1.1.3",
2221 |         "lodash": "4.17.4",
2222 |         "slice-ansi": "0.0.4",
2223 |         "string-width": "2.1.1"
2224 |       },
2225 |       "dependencies": {
2226 |         "ansi-regex": {
2227 |           "version": "3.0.0",
2228 |           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
2229 |           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
2230 |           "dev": true
2231 |         },
2232 |         "is-fullwidth-code-point": {
2233 |           "version": "2.0.0",
2234 |           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
2235 |           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
2236 |           "dev": true
2237 |         },
2238 |         "string-width": {
2239 |           "version": "2.1.1",
2240 |           "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
2241 |           "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
2242 |           "dev": true,
2243 |           "requires": {
2244 |             "is-fullwidth-code-point": "2.0.0",
2245 |             "strip-ansi": "4.0.0"
2246 |           }
2247 |         },
2248 |         "strip-ansi": {
2249 |           "version": "4.0.0",
2250 |           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
2251 |           "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
2252 |           "dev": true,
2253 |           "requires": {
2254 |             "ansi-regex": "3.0.0"
2255 |           }
2256 |         }
2257 |       }
2258 |     },
2259 |     "text-table": {
2260 |       "version": "0.2.0",
2261 |       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
2262 |       "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
2263 |       "dev": true
2264 |     },
2265 |     "textlint": {
2266 |       "version": "8.2.1",
2267 |       "resolved": "https://registry.npmjs.org/textlint/-/textlint-8.2.1.tgz",
2268 |       "integrity": "sha1-aAOrds35UyqsDqEGqJ4Jrmqnl10=",
2269 |       "dev": true,
2270 |       "requires": {
2271 |         "@textlint/ast-node-types": "1.1.2",
2272 |         "@textlint/feature-flag": "1.0.1",
2273 |         "@textlint/kernel": "0.2.1",
2274 |         "bluebird": "3.5.1",
2275 |         "chalk": "1.1.3",
2276 |         "debug": "2.6.9",
2277 |         "deep-equal": "1.0.1",
2278 |         "diff": "2.2.3",
2279 |         "file-entry-cache": "2.0.0",
2280 |         "get-stdin": "5.0.1",
2281 |         "glob": "7.1.2",
2282 |         "interop-require": "1.0.0",
2283 |         "is-file": "1.0.0",
2284 |         "log-symbols": "1.0.2",
2285 |         "map-like": "1.1.3",
2286 |         "md5": "2.2.1",
2287 |         "mkdirp": "0.5.1",
2288 |         "object-assign": "4.1.1",
2289 |         "optionator": "0.8.2",
2290 |         "path-to-glob-pattern": "1.0.2",
2291 |         "rc-config-loader": "2.0.0",
2292 |         "read-pkg": "1.1.0",
2293 |         "string-width": "1.0.2",
2294 |         "structured-source": "3.0.2",
2295 |         "text-table": "0.2.0",
2296 |         "textlint-formatter": "1.8.0",
2297 |         "textlint-plugin-markdown": "2.0.5",
2298 |         "textlint-plugin-text": "1.1.4",
2299 |         "try-resolve": "1.0.1",
2300 |         "txt-ast-traverse": "1.2.1",
2301 |         "unique-concat": "0.2.2"
2302 |       }
2303 |     },
2304 |     "textlint-formatter": {
2305 |       "version": "1.8.0",
2306 |       "resolved": "https://registry.npmjs.org/textlint-formatter/-/textlint-formatter-1.8.0.tgz",
2307 |       "integrity": "sha1-MlTpvX1MjPAxt0d4vyG8CG+v8+s=",
2308 |       "dev": true,
2309 |       "requires": {
2310 |         "@azu/format-text": "1.0.1",
2311 |         "@azu/style-format": "1.0.0",
2312 |         "chalk": "1.1.3",
2313 |         "concat-stream": "1.6.0",
2314 |         "js-yaml": "3.10.0",
2315 |         "optionator": "0.8.2",
2316 |         "pluralize": "2.0.0",
2317 |         "string-width": "1.0.2",
2318 |         "string.prototype.padstart": "3.0.0",
2319 |         "strip-ansi": "3.0.1",
2320 |         "table": "3.8.3",
2321 |         "text-table": "0.2.0",
2322 |         "try-resolve": "1.0.1",
2323 |         "xml-escape": "1.1.0"
2324 |       }
2325 |     },
2326 |     "textlint-plugin-markdown": {
2327 |       "version": "2.0.5",
2328 |       "resolved": "https://registry.npmjs.org/textlint-plugin-markdown/-/textlint-plugin-markdown-2.0.5.tgz",
2329 |       "integrity": "sha1-Qid97Kb+3bonEvuDVwYUYxp+IdA=",
2330 |       "dev": true,
2331 |       "requires": {
2332 |         "markdown-to-ast": "4.0.0"
2333 |       }
2334 |     },
2335 |     "textlint-plugin-text": {
2336 |       "version": "1.1.4",
2337 |       "resolved": "https://registry.npmjs.org/textlint-plugin-text/-/textlint-plugin-text-1.1.4.tgz",
2338 |       "integrity": "sha1-/iB5Fnt5ub7CaetoQmUIFmS7HR0=",
2339 |       "dev": true,
2340 |       "requires": {
2341 |         "txt-to-ast": "1.1.0"
2342 |       }
2343 |     },
2344 |     "textlint-rule-eslint": {
2345 |       "version": "2.0.1",
2346 |       "resolved": "https://registry.npmjs.org/textlint-rule-eslint/-/textlint-rule-eslint-2.0.1.tgz",
2347 |       "integrity": "sha1-1d+zWbHn3z/6UALPkGeUnWz5iPY=",
2348 |       "dev": true
2349 |     },
2350 |     "throat": {
2351 |       "version": "2.0.2",
2352 |       "resolved": "https://registry.npmjs.org/throat/-/throat-2.0.2.tgz",
2353 |       "integrity": "sha1-qfzoCLaeEzpjJZB4DzQsMKYkmwI=",
2354 |       "dev": true
2355 |     },
2356 |     "through": {
2357 |       "version": "2.3.8",
2358 |       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
2359 |       "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
2360 |       "dev": true
2361 |     },
2362 |     "tmp": {
2363 |       "version": "0.0.33",
2364 |       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
2365 |       "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
2366 |       "dev": true,
2367 |       "requires": {
2368 |         "os-tmpdir": "1.0.2"
2369 |       }
2370 |     },
2371 |     "to-fast-properties": {
2372 |       "version": "2.0.0",
2373 |       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
2374 |       "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
2375 |       "dev": true
2376 |     },
2377 |     "traverse": {
2378 |       "version": "0.6.6",
2379 |       "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.6.tgz",
2380 |       "integrity": "sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=",
2381 |       "dev": true
2382 |     },
2383 |     "trim": {
2384 |       "version": "0.0.1",
2385 |       "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz",
2386 |       "integrity": "sha1-WFhUf2spB1fulczMZm+1AITEYN0=",
2387 |       "dev": true
2388 |     },
2389 |     "trim-trailing-lines": {
2390 |       "version": "1.1.0",
2391 |       "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.0.tgz",
2392 |       "integrity": "sha1-eu+7eAjfnWafbaLkOMrIxGradoQ=",
2393 |       "dev": true
2394 |     },
2395 |     "trough": {
2396 |       "version": "1.0.1",
2397 |       "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.1.tgz",
2398 |       "integrity": "sha1-qf2LA5Swro//guBjOgo2zK1bX4Y=",
2399 |       "dev": true
2400 |     },
2401 |     "try-resolve": {
2402 |       "version": "1.0.1",
2403 |       "resolved": "https://registry.npmjs.org/try-resolve/-/try-resolve-1.0.1.tgz",
2404 |       "integrity": "sha1-z95vq9ctY+V5fPqrhzq76OcA6RI=",
2405 |       "dev": true
2406 |     },
2407 |     "tryit": {
2408 |       "version": "1.0.3",
2409 |       "resolved": "https://registry.npmjs.org/tryit/-/tryit-1.0.3.tgz",
2410 |       "integrity": "sha1-OTvnMKlEb9Hq1tpZoBQwjzbCics=",
2411 |       "dev": true
2412 |     },
2413 |     "txt-ast-traverse": {
2414 |       "version": "1.2.1",
2415 |       "resolved": "https://registry.npmjs.org/txt-ast-traverse/-/txt-ast-traverse-1.2.1.tgz",
2416 |       "integrity": "sha1-WOP+Q92121yotRFClDsNG5cN70E=",
2417 |       "dev": true
2418 |     },
2419 |     "txt-to-ast": {
2420 |       "version": "1.1.0",
2421 |       "resolved": "https://registry.npmjs.org/txt-to-ast/-/txt-to-ast-1.1.0.tgz",
2422 |       "integrity": "sha1-65GnSE/0peE29tJM5aR6hszBEAg=",
2423 |       "dev": true
2424 |     },
2425 |     "type-check": {
2426 |       "version": "0.3.2",
2427 |       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
2428 |       "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
2429 |       "dev": true,
2430 |       "requires": {
2431 |         "prelude-ls": "1.1.2"
2432 |       }
2433 |     },
2434 |     "typedarray": {
2435 |       "version": "0.0.6",
2436 |       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
2437 |       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
2438 |       "dev": true
2439 |     },
2440 |     "ua-parser-js": {
2441 |       "version": "0.7.17",
2442 |       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.17.tgz",
2443 |       "integrity": "sha512-uRdSdu1oA1rncCQL7sCj8vSyZkgtL7faaw9Tc9rZ3mGgraQ7+Pdx7w5mnOSF3gw9ZNG6oc+KXfkon3bKuROm0g==",
2444 |       "dev": true
2445 |     },
2446 |     "unherit": {
2447 |       "version": "1.1.0",
2448 |       "resolved": "https://registry.npmjs.org/unherit/-/unherit-1.1.0.tgz",
2449 |       "integrity": "sha1-a5qu379z3xdWrZ4xbdmBiFhAzX0=",
2450 |       "dev": true,
2451 |       "requires": {
2452 |         "inherits": "2.0.3",
2453 |         "xtend": "4.0.1"
2454 |       }
2455 |     },
2456 |     "unified": {
2457 |       "version": "6.1.5",
2458 |       "resolved": "https://registry.npmjs.org/unified/-/unified-6.1.5.tgz",
2459 |       "integrity": "sha1-cWk3hyYhpjE15iztLzrGoGPG+4c=",
2460 |       "dev": true,
2461 |       "requires": {
2462 |         "bail": "1.0.2",
2463 |         "extend": "3.0.1",
2464 |         "is-plain-obj": "1.1.0",
2465 |         "trough": "1.0.1",
2466 |         "vfile": "2.2.0",
2467 |         "x-is-function": "1.0.4",
2468 |         "x-is-string": "0.1.0"
2469 |       }
2470 |     },
2471 |     "unique-concat": {
2472 |       "version": "0.2.2",
2473 |       "resolved": "https://registry.npmjs.org/unique-concat/-/unique-concat-0.2.2.tgz",
2474 |       "integrity": "sha1-khD5vcqsxeHjkpSQ18AZ35bxhxI=",
2475 |       "dev": true
2476 |     },
2477 |     "unist-util-modify-children": {
2478 |       "version": "1.1.1",
2479 |       "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-1.1.1.tgz",
2480 |       "integrity": "sha1-ZtfmpEnm9nIguXarPLi166w55R0=",
2481 |       "dev": true,
2482 |       "requires": {
2483 |         "array-iterate": "1.1.1"
2484 |       }
2485 |     },
2486 |     "unist-util-remove-position": {
2487 |       "version": "1.1.1",
2488 |       "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-1.1.1.tgz",
2489 |       "integrity": "sha1-WoXBVV/BugwQG4ZwfRXlD6TIcbs=",
2490 |       "dev": true,
2491 |       "requires": {
2492 |         "unist-util-visit": "1.1.3"
2493 |       }
2494 |     },
2495 |     "unist-util-stringify-position": {
2496 |       "version": "1.1.1",
2497 |       "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-1.1.1.tgz",
2498 |       "integrity": "sha1-PMvcU2ee7W7PN3fdf14yKcG2qjw=",
2499 |       "dev": true
2500 |     },
2501 |     "unist-util-visit": {
2502 |       "version": "1.1.3",
2503 |       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.1.3.tgz",
2504 |       "integrity": "sha1-7CaOcxudJ3p5pbWqBkOZDkBdYAs=",
2505 |       "dev": true
2506 |     },
2507 |     "util-deprecate": {
2508 |       "version": "1.0.2",
2509 |       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
2510 |       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
2511 |       "dev": true
2512 |     },
2513 |     "validate-npm-package-license": {
2514 |       "version": "3.0.1",
2515 |       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz",
2516 |       "integrity": "sha1-KAS6vnEq0zeUWaz74kdGqywwP7w=",
2517 |       "dev": true,
2518 |       "requires": {
2519 |         "spdx-correct": "1.0.2",
2520 |         "spdx-expression-parse": "1.0.4"
2521 |       }
2522 |     },
2523 |     "vfile": {
2524 |       "version": "2.2.0",
2525 |       "resolved": "https://registry.npmjs.org/vfile/-/vfile-2.2.0.tgz",
2526 |       "integrity": "sha1-zkek+zNZIrIz5TXbD32BIdj87U4=",
2527 |       "dev": true,
2528 |       "requires": {
2529 |         "is-buffer": "1.1.5",
2530 |         "replace-ext": "1.0.0",
2531 |         "unist-util-stringify-position": "1.1.1"
2532 |       }
2533 |     },
2534 |     "vfile-location": {
2535 |       "version": "2.0.2",
2536 |       "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-2.0.2.tgz",
2537 |       "integrity": "sha1-02dcWch3SY5JK0dW/2Xkrxp1IlU=",
2538 |       "dev": true
2539 |     },
2540 |     "whatwg-fetch": {
2541 |       "version": "2.0.3",
2542 |       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz",
2543 |       "integrity": "sha1-nITsLc9oGH/wC8ZOEnS0QhduHIQ=",
2544 |       "dev": true
2545 |     },
2546 |     "which": {
2547 |       "version": "1.3.0",
2548 |       "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
2549 |       "integrity": "sha512-xcJpopdamTuY5duC/KnTTNBraPK54YwpenP4lzxU8H91GudWpFv38u0CKjclE1Wi2EH2EDz5LRcHcKbCIzqGyg==",
2550 |       "dev": true,
2551 |       "requires": {
2552 |         "isexe": "2.0.0"
2553 |       }
2554 |     },
2555 |     "wordwrap": {
2556 |       "version": "1.0.0",
2557 |       "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
2558 |       "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
2559 |       "dev": true
2560 |     },
2561 |     "wrappy": {
2562 |       "version": "1.0.2",
2563 |       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
2564 |       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
2565 |       "dev": true
2566 |     },
2567 |     "write": {
2568 |       "version": "0.2.1",
2569 |       "resolved": "https://registry.npmjs.org/write/-/write-0.2.1.tgz",
2570 |       "integrity": "sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=",
2571 |       "dev": true,
2572 |       "requires": {
2573 |         "mkdirp": "0.5.1"
2574 |       }
2575 |     },
2576 |     "x-is-function": {
2577 |       "version": "1.0.4",
2578 |       "resolved": "https://registry.npmjs.org/x-is-function/-/x-is-function-1.0.4.tgz",
2579 |       "integrity": "sha1-XSlNw9Joy90GJYDgxd93o5HR+h4=",
2580 |       "dev": true
2581 |     },
2582 |     "x-is-string": {
2583 |       "version": "0.1.0",
2584 |       "resolved": "https://registry.npmjs.org/x-is-string/-/x-is-string-0.1.0.tgz",
2585 |       "integrity": "sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=",
2586 |       "dev": true
2587 |     },
2588 |     "xml-escape": {
2589 |       "version": "1.1.0",
2590 |       "resolved": "https://registry.npmjs.org/xml-escape/-/xml-escape-1.1.0.tgz",
2591 |       "integrity": "sha1-OQTBQ/qOs6ADDsZG0pAqLxtwbEQ=",
2592 |       "dev": true
2593 |     },
2594 |     "xtend": {
2595 |       "version": "4.0.1",
2596 |       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
2597 |       "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
2598 |       "dev": true
2599 |     },
2600 |     "yallist": {
2601 |       "version": "2.1.2",
2602 |       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
2603 |       "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
2604 |       "dev": true
2605 |     }
2606 |   }
2607 | }
2608 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "frameworks-code-comparison",
 3 |   "version": "1.0.0",
 4 |   "description": "Frontend frameworks code comparison",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "lint": "textlint README.md",
 8 |     "lint-fix": "textlint --fix README.md",
 9 |     "test": "echo \"Error: no test specified\" && exit 1"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git+https://github.com/feimosi/frameworks-code-comparison.git"
14 |   },
15 |   "keywords": [],
16 |   "author": "",
17 |   "license": "ISC",
18 |   "bugs": {
19 |     "url": "https://github.com/feimosi/frameworks-code-comparison/issues"
20 |   },
21 |   "homepage": "https://github.com/feimosi/frameworks-code-comparison#readme",
22 |   "devDependencies": {
23 |     "babel-eslint": "^8.0.1",
24 |     "eslint": "^4.9.0",
25 |     "eslint-plugin-react": "^7.4.0",
26 |     "textlint": "^8.2.1",
27 |     "textlint-rule-eslint": "^2.0.1"
28 |   }
29 | }
30 | 


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