├── .gitignore
├── LICENSE
├── README.md
├── package.json
├── src
    ├── authContext.ts
    ├── authProvider.tsx
    ├── index.ts
    ├── useAuthContext.ts
    └── useCredentialManagement.ts
├── tsconfig.json
├── tslint.json
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Created by https://www.gitignore.io/api/node
 2 | # Edit at https://www.gitignore.io/?templates=node
 3 | 
 4 | ### Node ###
 5 | # Logs
 6 | logs
 7 | *.log
 8 | npm-debug.log*
 9 | yarn-debug.log*
10 | yarn-error.log*
11 | lerna-debug.log*
12 | 
13 | # Diagnostic reports (https://nodejs.org/api/report.html)
14 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
15 | 
16 | # Runtime data
17 | pids
18 | *.pid
19 | *.seed
20 | *.pid.lock
21 | 
22 | # Directory for instrumented libs generated by jscoverage/JSCover
23 | lib-cov
24 | 
25 | # Coverage directory used by tools like istanbul
26 | coverage
27 | *.lcov
28 | 
29 | # nyc test coverage
30 | .nyc_output
31 | 
32 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
33 | .grunt
34 | 
35 | # Bower dependency directory (https://bower.io/)
36 | bower_components
37 | 
38 | # node-waf configuration
39 | .lock-wscript
40 | 
41 | # Compiled binary addons (https://nodejs.org/api/addons.html)
42 | build/Release
43 | 
44 | # Dependency directories
45 | node_modules/
46 | jspm_packages/
47 | 
48 | # TypeScript v1 declaration files
49 | typings/
50 | 
51 | # TypeScript cache
52 | *.tsbuildinfo
53 | 
54 | # Optional npm cache directory
55 | .npm
56 | 
57 | # Optional eslint cache
58 | .eslintcache
59 | 
60 | # Optional REPL history
61 | .node_repl_history
62 | 
63 | # Output of 'npm pack'
64 | *.tgz
65 | 
66 | # Yarn Integrity file
67 | .yarn-integrity
68 | 
69 | # dotenv environment variables file
70 | .env
71 | .env.test
72 | 
73 | # parcel-bundler cache (https://parceljs.org/)
74 | .cache
75 | 
76 | # next.js build output
77 | .next
78 | 
79 | # nuxt.js build output
80 | .nuxt
81 | 
82 | # vuepress build output
83 | .vuepress/dist
84 | 
85 | # Serverless directories
86 | .serverless/
87 | 
88 | # FuseBox cache
89 | .fusebox/
90 | 
91 | # DynamoDB Local files
92 | .dynamodb/
93 | 
94 | # End of https://www.gitignore.io/api/node


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


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # react-use-credential-management
  2 | 
  3 | React hook to leverage Credential Management API
  4 | 
  5 | ## Usage
  6 | 
  7 | Wrap your `<App/>` with `AuthProvider`:
  8 | 
  9 | ```ts
 10 | const App: React.FC = () => {
 11 |   return (
 12 |     <AuthProvider authenticate={authenticate}>
 13 |       <div className="App">{...}</div>
 14 |     </AuthProvider>
 15 |   )
 16 | }
 17 | ```
 18 | 
 19 | The `authenticate` prop must be an **async** function taking a [`PasswordCredentialData`](https://developer.mozilla.org/en-US/docs/Web/API/PasswordCredential/PasswordCredential) as first argument, and returning a complete user profile. Use it to fetch icon URL and full name from backend. Example:
 20 | 
 21 | ```ts
 22 | const authenticate = async ({ id, password }: PasswordCredentialData) => {
 23 |   const body = new FormData()
 24 |   body.append('id', id)
 25 |   body.append('password', password)
 26 | 
 27 |   const url = new URL('/auth/login', 'https://example.com')
 28 |   const res = await fetch(url.href, { body, method: 'POST' })
 29 |   if (!res.ok) {
 30 |     throw new Error(res.statusText)
 31 |   }
 32 | 
 33 |   const { iconURL, name } = await res.json()
 34 |   return { id, password, iconURL, name }
 35 | }
 36 | ```
 37 | 
 38 | Where `id` is whatever unique value you choose to identify users, be it email, username, or anything else. It will be used to retrieve unique user information from your database.
 39 | 
 40 | ### Login button
 41 | 
 42 | Use `login` to try stored credentials. Pass `'silent'` to prevent asking the user for permission, `'optional'` to optionally ask for consent if needed (otherwise, behaves as `'silent'`), and `'required'` to unconditionally ask for consent.
 43 | 
 44 | ```ts
 45 | const { isLoading, login } = useCredentialManagement()
 46 | 
 47 | if (isLoading) {
 48 |   return null
 49 | }
 50 | 
 51 | return <button onClick={login('optional')}>Login</button>
 52 | ```
 53 | 
 54 | Use `logout` to require user consent next login:
 55 | 
 56 | ```ts
 57 | const { isLoading, logout } = useCredentialManagement()
 58 | 
 59 | if (isLoading) {
 60 |   return null
 61 | }
 62 | 
 63 | return <button onClick={logout}>Login</button>
 64 | ```
 65 | 
 66 | Use `isAuthenticated` to check if user is already logged in. You can leverage it to select between login and logout buttons:
 67 | 
 68 | ```ts
 69 | const {
 70 |   isAuthenticated,
 71 |   isLoading,
 72 |   logout,
 73 |   silentLogin,
 74 | } = useCredentialManagement()
 75 | 
 76 | if (isLoading) {
 77 |   return null
 78 | }
 79 | 
 80 | return isAuthenticated ? (
 81 |   <button onClick={logout}>Login</button>
 82 | ) : (
 83 |   <button onClick={login('optional')}>Login</button>
 84 | )
 85 | ```
 86 | 
 87 | Use `signup` to create new credentials:
 88 | 
 89 | ```ts
 90 | const { isLoading, signup } = useCredentialManagement()
 91 | const [isFormOpen, setFormOpen] = useState(false)
 92 | 
 93 | if (isLoading) {
 94 |   return null
 95 | }
 96 | 
 97 | const onSubmit = async (e: React.SyntheticEvent<HTMLFormElement>) => {
 98 |   e.preventDefault()
 99 |   const { elements } = e.currentTarget
100 | 
101 |   const extract = (name: string) => {
102 |     const el = elements.namedItem(name) as HTMLInputElement
103 |     return el.value
104 |   }
105 |   await signup(extract('id'), extract('password'))
106 |   setFormOpen(false)
107 | }
108 | 
109 | return (
110 |   <form onSubmit={onSubmit}>
111 |     <p>
112 |       <label>
113 |         <span>Username:</span>
114 |         <input name="id" autoComplete="username" required />
115 |       </label>
116 |     </p>
117 | 
118 |     <p>
119 |       <label>
120 |         <span>Password:</span>
121 |         <input
122 |           name="password"
123 |           type="password"
124 |           autoComplete="current-password"
125 |           required
126 |         />
127 |       </label>
128 |     </p>
129 | 
130 |     <button type="submit">Submit</button>
131 |   </form>
132 | )
133 | ```
134 | 
135 | Complete example:
136 | 
137 | ```ts
138 | const {
139 |   isAuthenticated,
140 |   isLoading,
141 |   login,
142 |   logout,
143 |   signup,
144 | } = useCredentialManagement()
145 | const [isFormOpen, setFormOpen] = useState(false)
146 | 
147 | if (isLoading) {
148 |   return null
149 | }
150 | 
151 | const onSubmit = async (e: React.SyntheticEvent<HTMLFormElement>) => {
152 |   e.preventDefault()
153 |   const { elements } = e.currentTarget
154 | 
155 |   const extract = (name: string) => {
156 |     const el = elements.namedItem(name) as HTMLInputElement
157 |     return el.value
158 |   }
159 |   await signup(extract('id'), extract('password'))
160 |   setFormOpen(false)
161 | }
162 | 
163 | const silentLogin = async () => {
164 |   const success = await login('optional')
165 |   setFormOpen(!success)
166 | }
167 | 
168 | return isAuthenticated ? (
169 |   <button onClick={logout}>Logout</button>
170 | ) : isFormOpen ? (
171 |   <form onSubmit={onSubmit}>
172 |     <p>
173 |       <label>
174 |         <span>Username:</span>
175 |         <input name="id" autoComplete="username" required />
176 |       </label>
177 |     </p>
178 | 
179 |     <p>
180 |       <label>
181 |         <span>Password:</span>
182 |         <input
183 |           name="password"
184 |           type="password"
185 |           autoComplete="current-password"
186 |           required
187 |         />
188 |       </label>
189 |     </p>
190 | 
191 |     <button type="submit">Submit</button>
192 |   </form>
193 | ) : (
194 |   <button onClick={silentLogin}>Login</button>
195 | )
196 | ```
197 | 
198 | ## License
199 | 
200 | This project is licensed under the MIT License - see [LICENSE](LICENSE) for details.
201 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-use-credential-management",
 3 |   "version": "0.1.1",
 4 |   "description": "React hook to leverage Credential Management API",
 5 |   "main": "lib/index.js",
 6 |   "typings": "lib/index.d.ts",
 7 |   "repository": "https://github.com/ranisalt/react-use-credential-management",
 8 |   "scripts": {
 9 |     "build": "tsc -p .",
10 |     "clean": "rimraf lib",
11 |     "lint": "tslint 'src/*.{ts,tsx}' -t verbose",
12 |     "posttest": "yarn run check",
13 |     "prepare": "yarn run build",
14 |     "pretest": "yarn run build"
15 |   },
16 |   "author": "Ranieri Althoff <ranisalt@gmail.com>",
17 |   "files": [
18 |     "lib/"
19 |   ],
20 |   "license": "MIT",
21 |   "devDependencies": {
22 |     "@types/node": "^10.0.3",
23 |     "@types/react": "^16.9.2",
24 |     "@types/webappsec-credential-management": "^0.5.1",
25 |     "react": "^16.9.0",
26 |     "rimraf": "^3.0.0",
27 |     "tslint": "^5.19.0",
28 |     "tslint-config-prettier": "^1.18.0",
29 |     "typescript": "~3.5.0"
30 |   },
31 |   "peerDependencies": {
32 |     "react": "^16.9.0"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/src/authContext.ts:
--------------------------------------------------------------------------------
 1 | import { createContext } from 'react';
 2 | 
 3 | import { AuthenticateFunc } from './useAuthContext';
 4 | 
 5 | const authContext = createContext<AuthenticateFunc>(async () => {
 6 |   throw new Error('authenticate() has been called before being set');
 7 | });
 8 | 
 9 | export default authContext;
10 | 


--------------------------------------------------------------------------------
/src/authProvider.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | import AuthContext from './authContext';
 4 | import { AuthenticateFunc } from './useAuthContext';
 5 | 
 6 | export const authProvider: React.FC<{
 7 |   authenticate: AuthenticateFunc;
 8 | }> = ({ authenticate, children }) => {
 9 |   return (
10 |     <AuthContext.Provider value={authenticate}>{children}</AuthContext.Provider>
11 |   );
12 | };
13 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | export { default as AuthProvider } from './authProvider';
2 | export { default as useCredentialManagement } from './useCredentialManagement';
3 | 


--------------------------------------------------------------------------------
/src/useAuthContext.ts:
--------------------------------------------------------------------------------
 1 | import { useContext } from 'react';
 2 | 
 3 | import AuthContext from './authContext';
 4 | 
 5 | export type AuthenticateFunc = (
 6 |   fields: Readonly<PasswordCredentialData>
 7 | ) => Promise<PasswordCredentialData>;
 8 | 
 9 | const useAuthContext = () => useContext(AuthContext);
10 | 
11 | export default useAuthContext;
12 | 


--------------------------------------------------------------------------------
/src/useCredentialManagement.ts:
--------------------------------------------------------------------------------
 1 | import { useState, useCallback, useEffect } from 'react'
 2 | 
 3 | import useAuthContext from './useAuthContext'
 4 | 
 5 | const useCredentialManagement = () => {
 6 |   const authenticate = useAuthContext()
 7 |   const [isAuthenticated, setAuthenticated] = useState(false)
 8 |   const [isLoading, setLoading] = useState(true)
 9 | 
10 |   const wrapAuthenticate = useCallback(
11 |     async (credential: PasswordCredentialData) => {
12 |       setLoading(true)
13 |       try {
14 |         return authenticate(credential)
15 |       } finally {
16 |         setLoading(false)
17 |       }
18 |     },
19 |     [authenticate]
20 |   )
21 | 
22 |   const login = useCallback(
23 |     async mediation => {
24 |       const credential = await navigator.credentials.get({
25 |         password: true,
26 |         mediation,
27 |       })
28 | 
29 |       if (credential == null) {
30 |         return false
31 |       } else if (credential.type === 'password') {
32 |         await wrapAuthenticate(credential as PasswordCredentialData)
33 |         setAuthenticated(true)
34 |         return true
35 |       }
36 |       return false
37 |     },
38 |     [wrapAuthenticate]
39 |   )
40 | 
41 |   const signup = useCallback(
42 |     async (id: Readonly<string>, password: Readonly<string>) => {
43 |       const credential = await navigator.credentials.create({
44 |         password: await wrapAuthenticate({ id, password }),
45 |       })
46 |       if (!credential) {
47 |         return
48 |       }
49 | 
50 |       await navigator.credentials.store(credential)
51 |       setAuthenticated(true)
52 |     },
53 |     [wrapAuthenticate]
54 |   )
55 | 
56 |   const logout = useCallback(async () => {
57 |     setAuthenticated(false)
58 |     await navigator.credentials.preventSilentAccess()
59 |   }, [])
60 | 
61 |   useEffect(() => {
62 |     if (!isAuthenticated) {
63 |       login('silent')
64 |     }
65 |   }, [isAuthenticated, login])
66 | 
67 |   return { isAuthenticated, isLoading, login, logout, signup }
68 | }
69 | 
70 | export default useCredentialManagement
71 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "allowUnreachableCode": false,
 4 |     "allowUnusedLabels": false,
 5 |     "declaration": true,
 6 |     "esModuleInterop": true,
 7 |     "forceConsistentCasingInFileNames": true,
 8 |     "jsx": "react",
 9 |     "lib": ["dom", "es2015"],
10 |     "module": "commonjs",
11 |     "noEmitOnError": true,
12 |     "noFallthroughCasesInSwitch": true,
13 |     "noImplicitReturns": true,
14 |     "outDir": "./lib",
15 |     "pretty": true,
16 |     "rootDir": "./src",
17 |     "sourceMap": false,
18 |     "strict": true,
19 |     "target": "es5"
20 |   },
21 |   "include": ["src/*.ts", "src/*.tsx"],
22 |   "exclude": ["node_modules", "lib"]
23 | }
24 | 


--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": ["tslint-config-prettier"],
 3 |   "rules": {
 4 |     "array-type": [true, "array-simple"],
 5 |     "arrow-return-shorthand": true,
 6 |     "ban": [
 7 |       true,
 8 |       { "name": ["it", "skip"] },
 9 |       { "name": ["it", "only"] },
10 |       { "name": ["it", "async", "skip"] },
11 |       { "name": ["it", "async", "only"] },
12 |       { "name": ["describe", "skip"] },
13 |       { "name": ["describe", "only"] },
14 |       { "name": "parseInt", "message": "tsstyle#type-coercion" },
15 |       { "name": "parseFloat", "message": "tsstyle#type-coercion" },
16 |       { "name": "Array", "message": "tsstyle#array-constructor" },
17 |       {
18 |         "name": ["*", "innerText"],
19 |         "message": "Use .textContent instead. tsstyle#browser-oddities"
20 |       }
21 |     ],
22 |     "ban-ts-ignore": true,
23 |     "ban-types": [
24 |       true,
25 |       ["Object", "Use {} instead."],
26 |       ["String", "Use 'string' instead."],
27 |       ["Number", "Use 'number' instead."],
28 |       ["Boolean", "Use 'boolean' instead."]
29 |     ],
30 |     "class-name": true,
31 |     "curly": [true, "ignore-same-line"],
32 |     "forin": true,
33 |     "interface-name": [true, "never-prefix"],
34 |     "interface-over-type-literal": true,
35 |     "jsdoc-format": true,
36 |     "label-position": true,
37 |     "member-access": [true, "no-public"],
38 |     "new-parens": true,
39 |     "no-angle-bracket-type-assertion": true,
40 |     "no-any": true,
41 |     "no-arg": true,
42 |     "no-conditional-assignment": true,
43 |     "no-construct": true,
44 |     "no-debugger": true,
45 |     "no-duplicate-variable": true,
46 |     "no-inferrable-types": true,
47 |     "no-namespace": [true, "allow-declarations"],
48 |     "no-reference": true,
49 |     "no-string-throw": true,
50 |     "no-return-await": true,
51 |     "no-unsafe-finally": true,
52 |     "no-unused-expression": true,
53 |     "no-var-keyword": true,
54 |     "object-literal-shorthand": true,
55 |     "only-arrow-functions": [
56 |       true,
57 |       "allow-declarations",
58 |       "allow-named-functions"
59 |     ],
60 |     "prefer-const": true,
61 |     "radix": true,
62 |     "semicolon": [true, "always", "ignore-bound-class-methods"],
63 |     "switch-default": true,
64 |     "trailing-comma": [
65 |       true,
66 |       {
67 |         "multiline": {
68 |           "objects": "always",
69 |           "arrays": "always",
70 |           "functions": "never",
71 |           "typeLiterals": "ignore"
72 |         },
73 |         "esSpecCompliant": true
74 |       }
75 |     ],
76 |     "triple-equals": [true, "allow-null-check"],
77 |     "use-isnan": true,
78 |     "variable-name": [
79 |       true,
80 |       "check-format",
81 |       "ban-keywords",
82 |       "allow-leading-underscore",
83 |       "allow-trailing-underscore"
84 |     ]
85 |   }
86 | }
87 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | "@babel/code-frame@^7.0.0":
  6 |   version "7.5.5"
  7 |   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
  8 |   integrity sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==
  9 |   dependencies:
 10 |     "@babel/highlight" "^7.0.0"
 11 | 
 12 | "@babel/highlight@^7.0.0":
 13 |   version "7.5.0"
 14 |   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
 15 |   integrity sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==
 16 |   dependencies:
 17 |     chalk "^2.0.0"
 18 |     esutils "^2.0.2"
 19 |     js-tokens "^4.0.0"
 20 | 
 21 | "@types/node@^10.0.3":
 22 |   version "10.14.17"
 23 |   resolved "https://registry.yarnpkg.com/@types/node/-/node-10.14.17.tgz#b96d4dd3e427382482848948041d3754d40fd5ce"
 24 |   integrity sha512-p/sGgiPaathCfOtqu2fx5Mu1bcjuP8ALFg4xpGgNkcin7LwRyzUKniEHBKdcE1RPsenq5JVPIpMTJSygLboygQ==
 25 | 
 26 | "@types/prop-types@*":
 27 |   version "15.7.2"
 28 |   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.2.tgz#0e58ae66773d7fd7c372a493aff740878ec9ceaa"
 29 |   integrity sha512-f8JzJNWVhKtc9dg/dyDNfliTKNOJSLa7Oht/ElZdF/UbMUmAH3rLmAk3ODNjw0mZajDEgatA03tRjB4+Dp/tzA==
 30 | 
 31 | "@types/react@^16.9.2":
 32 |   version "16.9.2"
 33 |   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.2.tgz#6d1765431a1ad1877979013906731aae373de268"
 34 |   integrity sha512-jYP2LWwlh+FTqGd9v7ynUKZzjj98T8x7Yclz479QdRhHfuW9yQ+0jjnD31eXSXutmBpppj5PYNLYLRfnZJvcfg==
 35 |   dependencies:
 36 |     "@types/prop-types" "*"
 37 |     csstype "^2.2.0"
 38 | 
 39 | "@types/webappsec-credential-management@^0.5.1":
 40 |   version "0.5.1"
 41 |   resolved "https://registry.yarnpkg.com/@types/webappsec-credential-management/-/webappsec-credential-management-0.5.1.tgz#a739d039a3a122486304c3d64fd58adcc2b1344a"
 42 |   integrity sha512-ZIl4fCJm3mo0jzivFnxhA4qYEY/HicVPxLbcqQTZ3JjnhEFJwYAEPEZft7AJo/MVxHU4mFdAauX+jo+a4m1Qkg==
 43 | 
 44 | ansi-styles@^3.2.1:
 45 |   version "3.2.1"
 46 |   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
 47 |   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
 48 |   dependencies:
 49 |     color-convert "^1.9.0"
 50 | 
 51 | argparse@^1.0.7:
 52 |   version "1.0.10"
 53 |   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
 54 |   integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
 55 |   dependencies:
 56 |     sprintf-js "~1.0.2"
 57 | 
 58 | balanced-match@^1.0.0:
 59 |   version "1.0.0"
 60 |   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
 61 |   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 62 | 
 63 | brace-expansion@^1.1.7:
 64 |   version "1.1.11"
 65 |   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
 66 |   integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
 67 |   dependencies:
 68 |     balanced-match "^1.0.0"
 69 |     concat-map "0.0.1"
 70 | 
 71 | builtin-modules@^1.1.1:
 72 |   version "1.1.1"
 73 |   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
 74 |   integrity sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=
 75 | 
 76 | chalk@^2.0.0, chalk@^2.3.0:
 77 |   version "2.4.2"
 78 |   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
 79 |   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
 80 |   dependencies:
 81 |     ansi-styles "^3.2.1"
 82 |     escape-string-regexp "^1.0.5"
 83 |     supports-color "^5.3.0"
 84 | 
 85 | color-convert@^1.9.0:
 86 |   version "1.9.3"
 87 |   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
 88 |   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
 89 |   dependencies:
 90 |     color-name "1.1.3"
 91 | 
 92 | color-name@1.1.3:
 93 |   version "1.1.3"
 94 |   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
 95 |   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 96 | 
 97 | commander@^2.12.1:
 98 |   version "2.20.0"
 99 |   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
100 |   integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==
101 | 
102 | concat-map@0.0.1:
103 |   version "0.0.1"
104 |   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
105 |   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
106 | 
107 | csstype@^2.2.0:
108 |   version "2.6.6"
109 |   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.6.tgz#c34f8226a94bbb10c32cc0d714afdf942291fc41"
110 |   integrity sha512-RpFbQGUE74iyPgvr46U9t1xoQBM8T4BL8SxrN66Le2xYAPSaDJJKeztV3awugusb3g3G9iL8StmkBBXhcbbXhg==
111 | 
112 | diff@^3.2.0:
113 |   version "3.5.0"
114 |   resolved "https://registry.yarnpkg.com/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12"
115 |   integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==
116 | 
117 | escape-string-regexp@^1.0.5:
118 |   version "1.0.5"
119 |   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
120 |   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
121 | 
122 | esprima@^4.0.0:
123 |   version "4.0.1"
124 |   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
125 |   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
126 | 
127 | esutils@^2.0.2:
128 |   version "2.0.3"
129 |   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
130 |   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
131 | 
132 | fs.realpath@^1.0.0:
133 |   version "1.0.0"
134 |   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
135 |   integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
136 | 
137 | glob@^7.1.1, glob@^7.1.3:
138 |   version "7.1.4"
139 |   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.4.tgz#aa608a2f6c577ad357e1ae5a5c26d9a8d1969255"
140 |   integrity sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==
141 |   dependencies:
142 |     fs.realpath "^1.0.0"
143 |     inflight "^1.0.4"
144 |     inherits "2"
145 |     minimatch "^3.0.4"
146 |     once "^1.3.0"
147 |     path-is-absolute "^1.0.0"
148 | 
149 | has-flag@^3.0.0:
150 |   version "3.0.0"
151 |   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
152 |   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
153 | 
154 | inflight@^1.0.4:
155 |   version "1.0.6"
156 |   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
157 |   integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
158 |   dependencies:
159 |     once "^1.3.0"
160 |     wrappy "1"
161 | 
162 | inherits@2:
163 |   version "2.0.4"
164 |   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
165 |   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
166 | 
167 | "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
168 |   version "4.0.0"
169 |   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
170 |   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
171 | 
172 | js-yaml@^3.13.1:
173 |   version "3.13.1"
174 |   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
175 |   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
176 |   dependencies:
177 |     argparse "^1.0.7"
178 |     esprima "^4.0.0"
179 | 
180 | loose-envify@^1.1.0, loose-envify@^1.4.0:
181 |   version "1.4.0"
182 |   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
183 |   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
184 |   dependencies:
185 |     js-tokens "^3.0.0 || ^4.0.0"
186 | 
187 | minimatch@^3.0.4:
188 |   version "3.0.4"
189 |   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
190 |   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
191 |   dependencies:
192 |     brace-expansion "^1.1.7"
193 | 
194 | minimist@0.0.8:
195 |   version "0.0.8"
196 |   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
197 |   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
198 | 
199 | mkdirp@^0.5.1:
200 |   version "0.5.1"
201 |   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
202 |   integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
203 |   dependencies:
204 |     minimist "0.0.8"
205 | 
206 | object-assign@^4.1.1:
207 |   version "4.1.1"
208 |   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
209 |   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
210 | 
211 | once@^1.3.0:
212 |   version "1.4.0"
213 |   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
214 |   integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
215 |   dependencies:
216 |     wrappy "1"
217 | 
218 | path-is-absolute@^1.0.0:
219 |   version "1.0.1"
220 |   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
221 |   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
222 | 
223 | path-parse@^1.0.6:
224 |   version "1.0.7"
225 |   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
226 |   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
227 | 
228 | prop-types@^15.6.2:
229 |   version "15.7.2"
230 |   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
231 |   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
232 |   dependencies:
233 |     loose-envify "^1.4.0"
234 |     object-assign "^4.1.1"
235 |     react-is "^16.8.1"
236 | 
237 | react-is@^16.8.1:
238 |   version "16.9.0"
239 |   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb"
240 |   integrity sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw==
241 | 
242 | react@^16.9.0:
243 |   version "16.9.0"
244 |   resolved "https://registry.yarnpkg.com/react/-/react-16.9.0.tgz#40ba2f9af13bc1a38d75dbf2f4359a5185c4f7aa"
245 |   integrity sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==
246 |   dependencies:
247 |     loose-envify "^1.1.0"
248 |     object-assign "^4.1.1"
249 |     prop-types "^15.6.2"
250 | 
251 | resolve@^1.3.2:
252 |   version "1.12.0"
253 |   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6"
254 |   integrity sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==
255 |   dependencies:
256 |     path-parse "^1.0.6"
257 | 
258 | rimraf@^3.0.0:
259 |   version "3.0.0"
260 |   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.0.tgz#614176d4b3010b75e5c390eb0ee96f6dc0cebb9b"
261 |   integrity sha512-NDGVxTsjqfunkds7CqsOiEnxln4Bo7Nddl3XhS4pXg5OzwkLqJ971ZVAAnB+DDLnF76N+VnDEiBHaVV8I06SUg==
262 |   dependencies:
263 |     glob "^7.1.3"
264 | 
265 | semver@^5.3.0:
266 |   version "5.7.2"
267 |   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
268 |   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
269 | 
270 | sprintf-js@~1.0.2:
271 |   version "1.0.3"
272 |   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
273 |   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
274 | 
275 | supports-color@^5.3.0:
276 |   version "5.5.0"
277 |   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
278 |   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
279 |   dependencies:
280 |     has-flag "^3.0.0"
281 | 
282 | tslib@^1.8.0, tslib@^1.8.1:
283 |   version "1.10.0"
284 |   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
285 |   integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
286 | 
287 | tslint-config-prettier@^1.18.0:
288 |   version "1.18.0"
289 |   resolved "https://registry.yarnpkg.com/tslint-config-prettier/-/tslint-config-prettier-1.18.0.tgz#75f140bde947d35d8f0d238e0ebf809d64592c37"
290 |   integrity sha512-xPw9PgNPLG3iKRxmK7DWr+Ea/SzrvfHtjFt5LBl61gk2UBG/DB9kCXRjv+xyIU1rUtnayLeMUVJBcMX8Z17nDg==
291 | 
292 | tslint@^5.19.0:
293 |   version "5.19.0"
294 |   resolved "https://registry.yarnpkg.com/tslint/-/tslint-5.19.0.tgz#a2cbd4a7699386da823f6b499b8394d6c47bb968"
295 |   integrity sha512-1LwwtBxfRJZnUvoS9c0uj8XQtAnyhWr9KlNvDIdB+oXyT+VpsOAaEhEgKi1HrZ8rq0ki/AAnbGSv4KM6/AfVZw==
296 |   dependencies:
297 |     "@babel/code-frame" "^7.0.0"
298 |     builtin-modules "^1.1.1"
299 |     chalk "^2.3.0"
300 |     commander "^2.12.1"
301 |     diff "^3.2.0"
302 |     glob "^7.1.1"
303 |     js-yaml "^3.13.1"
304 |     minimatch "^3.0.4"
305 |     mkdirp "^0.5.1"
306 |     resolve "^1.3.2"
307 |     semver "^5.3.0"
308 |     tslib "^1.8.0"
309 |     tsutils "^2.29.0"
310 | 
311 | tsutils@^2.29.0:
312 |   version "2.29.0"
313 |   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-2.29.0.tgz#32b488501467acbedd4b85498673a0812aca0b99"
314 |   integrity sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==
315 |   dependencies:
316 |     tslib "^1.8.1"
317 | 
318 | typescript@~3.5.0:
319 |   version "3.5.3"
320 |   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.5.3.tgz#c830f657f93f1ea846819e929092f5fe5983e977"
321 |   integrity sha512-ACzBtm/PhXBDId6a6sDJfroT2pOWt/oOnk4/dElG5G33ZL776N3Y6/6bKZJBFpd+b05F3Ct9qDjMeJmRWtE2/g==
322 | 
323 | wrappy@1:
324 |   version "1.0.2"
325 |   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
326 |   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
327 | 


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