├── .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 `` with `AuthProvider`: 8 | 9 | ```ts 10 | const App: React.FC = () => { 11 | return ( 12 | 13 |
{...}
14 |
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 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 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 | 82 | ) : ( 83 | 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) => { 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 |
111 |

112 | 116 |

117 | 118 |

119 | 128 |

129 | 130 | 131 |
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) => { 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 | 170 | ) : isFormOpen ? ( 171 |
172 |

173 | 177 |

178 | 179 |

180 | 189 |

190 | 191 | 192 |
193 | ) : ( 194 | 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 ", 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(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 | {children} 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 7 | ) => Promise; 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, password: Readonly) => { 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 | --------------------------------------------------------------------------------