node_modules remove

client/.gitignore

@@ -18,7 +18,8 @@
 .env.test.local
 .env.production.local
 
-
+#DB
+src/db
 
 npm-debug.log*
 yarn-debug.log*

client/package.json

@@ -13,6 +13,8 @@
     "ngx-spinner": "^12.0.0",
     "node-sass": "^6.0.1",
     "nodemailer": "^6.6.2",
+    "pg": "^8.6.0",
+    "pg-hstore": "^2.3.4",
     "react": "^17.0.2",
     "react-bootstrap": "^1.6.1",
     "react-chartjs-2": "^3.0.3",
@@ -27,6 +29,7 @@
     "react-scripts": "4.0.3",
     "react-use": "^17.2.4",
     "sass": "^1.35.1",
+    "sequelize": "^6.6.5",
     "web-vitals": "^1.1.2"
   },
   "scripts": {

client/src/App.css

@@ -24,9 +24,9 @@ body {
 .card .card-subtitle {
   display: flex;
   color: rgb(129, 129, 129);
-  font-size: 0.8em;
-  height: 2em;
   align-items: center;
+  justify-content: center;
+  padding: 0.5em;
 }
 
 .form-group .form-control {

client/src/App.js

@@ -4,6 +4,7 @@ import './App.css';
 import Home from './pages/Home';
 import Oauth from './utils/Oauth';
 import SignupPage from './pages/SignupPage';
+import LoginPage from './pages/LoginPage';
 
 
 function App() {
@@ -13,6 +14,7 @@ function App() {
       <>
         <Route exact path='/' component={Home} />
         <Route exact path='/signup' component={SignupPage} />
+        <Route exact path='/login' component={LoginPage} />
         <Route path='/oauth' component={Oauth} />
       </>
     </Router>

client/src/Utils/Oauth.js

@@ -30,21 +30,24 @@ export function LoginWithKakao() {
                     console.log(response.kakao_account.email);
 
                     const userEmail = response.kakao_account.email.split('@')[0];
-                    console.log(userEmail)
-                    localStorage.setItem('user_email',userEmail)
-
+                    localStorage.setItem('user_email', userEmail)
+                    const user_email = localStorage.getItem('user_email')
+                    console.log(user_email)
+                    // window.location.replace('/' + '?kakaoemail='+ `${user_email}`)
                 }
+
             });
-            // window.location.replace('/' + '?kakaoemail=', userEmail)
+
 
 
         },
         fail: function (err) {
             alert(JSON.stringify(err))
 
-        }
+        },
     })
 
+
 }
 
 export function kakaoLogout() {

client/src/Utils/config/email.js

-const nodemailer = require('nodemailer');
-
-const smtpTransport = nodemailer.createTransport({
-    service: "Naver",
-    auth: {
-        user: "loot04@naver.com",
-        pass: "chswkddl04!"
-    },
-    tls: {
-        rejectUnauthorized: false
-    }
-  });
-
-  module.exports={
-      smtpTransport
-  }
\ No newline at end of file

client/src/components/LocalCode.js

 import React, { useState } from 'react'
 import { Container, Row, Card, Table, Button, Col, Modal } from 'react-bootstrap';
+// import db from "../db/index"
 import '../App.css'
 import { LoginWithKakao } from '../utils/Oauth';
 
@@ -22,7 +23,6 @@ function LocalCode() {
     const btnstyled2 = {
         background: 'white',
         margin: 'auto',
-        // maxWidth: 'fit-content',
         borderWidth: '2px',
         fontSize: '0.5em',
         color: 'rgb(110, 189, 142)',
@@ -31,17 +31,22 @@ function LocalCode() {
     }
 
     const [localChange, setLocalChange] = useState(false)
+    const user_email = localStorage.getItem('user_email')
     return (
         <>
             <Col className='text-center pt-3 pb-2 px-0'>
                 <Card style={cardstyled} id='localName'>
                     <Card.Title>
+                        {kakao_accToken ?
+                            `${user_email}`
+                            :
+                            <>
                                 GUEST
-                        {LoginWithKakao.userEmail}
+                            </>
+                        }
                     </Card.Title>
                     <Row style={{ alignItems: 'center', margin: 'auto', whiteSpace: 'nowrap' }}>
                         <Card.Subtitle>
-                            
                             지역코드
                         </Card.Subtitle>
                         {kakao_accToken &&

client/src/components/LoginComp.js

+import React from 'react'
+import '../App.css'
+import { Form, Modal, Button, Row, Col, Image, Alert, Card } from 'react-bootstrap';
+import Oauth, { LoginWithKakao } from '../utils/Oauth';
+import { useEffect } from 'react';
+import axios from 'axios';
+import { useState } from 'react';
+
+function LoginComp() {
+
+    const cardstyled = {
+        margin: 'auto',
+        padding: '1em',
+        display: 'flex',
+        justifyContent: 'center',
+        width: '100%',
+        borderWidth: '3px',
+        borderRadius: '20px',
+        borderColor: 'rgb(110, 189, 142)',
+        color: '#04AB70'
+    }
+
+    const inboxstyled = {
+        display: 'flex',
+        flexDirection: 'column',
+        maxWidth: '100%',
+        justifyContent: 'center',
+        margin: 'auto',
+        padding: '10px'
+    }
+
+    function loginWithKakao2() {
+        window.Kakao.Auth.authorize({
+            redirectUri: 'http://localhost:3000/oauth'
+        })
+    }
+
+    // useEffect(()=> {
+    //     window.location.replace('/')
+
+    // },[localStorage.getItem('Kakao_token')])
+
+
+    return (
+        <Row className='text-center w-100 my-2'>
+            <Card style={cardstyled}>
+                <Card.Title>
+                    LOGIN
+                </Card.Title>
+                <hr />
+                <Card.Text>
+                    <Form style={inboxstyled}>
+                        <Form.Group controlId="formBasicEmail">
+                            <Form.Control type="email" placeholder="Email" />
+                        </Form.Group>
+
+                        <Form.Group controlId="formBasicPassword">
+                            <Form.Control type="password" placeholder="Password" />
+                        </Form.Group>
+                        <Button variant='light' type="submit" id='formbtn'>
+                            LOGIN
+                        </Button>
+                    </Form>
+                    <hr />
+                    <Row style={{ margin: 'auto', marginBottom: '5px', display: 'flex', justifyContent: 'center' }}>
+                        <a href="#" onClick={loginWithKakao2} id='socialLink' >
+                            <img src='/images/Kakao1.jpg' id='logpng' />
+                            KAKAO
+                        </a>
+                        <a href="#;" onClick={LoginWithKakao} id='socialLink' >
+                            {/* 세미콜론이 붙으면 최상단 이동 x */}
+                            <img src='/images/Kakao1.jpg' id='logpng' />
+                            KAKAOHTML
+                        </a>
+
+                    </Row>
+                </Card.Text>
+            </Card>
+
+        </Row>
+    )
+}
+
+export default LoginComp;
\ No newline at end of file

client/src/components/MainLayer.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { Button, Form, Image, Row, ButtonGroup, Modal, Dropdown, Col } from 'react-bootstrap';
 import { Link, useHistory } from 'react-router-dom';
 import '../App.css'
-import LoginwithSocial from '../pages/LoginwithSocial';
+import LoginComp from './LoginComp';
 import { isLogined, isOauth } from '../utils/Auth';
 import LocalCode from '../components/LocalCode';
 // import { isOauthChecked } from './../utils/Auth';
@@ -61,8 +61,10 @@ function MainLayer() {
                         </Button>
                         :
                         //false
-                        <Button variant='light' style={btnstyled} onClick={() => setLogshow(true)}>
+                        <Button variant='light' style={btnstyled}>
+                            <Link to='/login' id='btnlink'>
                                 로그인
+                            </Link>
                         </Button>
                     }
                     <Modal
@@ -71,7 +73,7 @@ function MainLayer() {
                         onHide={() => setLogshow(false)}
                         aria-labelledby="example-modal-sizes-title-sm"
                     >
-                        <LoginwithSocial />
+                        <LoginComp />
                     </Modal>
                     {!kakao_accToken ?
                         <Button variant='light' style={btnstyled}>

client/src/pages/LoginPage.js

+import React, { useState, useEffect } from 'react'
+import { Container, Row, Col, Button } from 'react-bootstrap';
+import MainLayer from '../components/MainLayer';
+import '../App.css'
+import LoginComp from '../components/LoginComp';
+
+function SignupPage() {
+    const constyled = {
+        display: 'flex',
+        justifyContent: 'space-evenly',
+        width: '100%',
+        position: 'relative'
+    }
+
+    const col1sty = {
+        display: 'flex',
+        justifyContent: 'start',
+        alignItems: 'center'
+    }
+
+    const col2sty = {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+        padding: '0'
+    }
+
+
+    return (
+        <Container fluid className='m-auto d-flex justify-content-center position-relative'>
+            <Row style={constyled} className='m-auto'>
+                <Col xs={12} md={6} className='d-flex justify-content-center' id='stickyy'>
+                    <Row style={col1sty} className='m-auto'>
+                        <MainLayer />
+                    </Row>
+                </Col>
+
+                <Col md={6} style={col2sty}>
+
+                    <Row style={constyled} className='d-flex mb-2 w-100'>
+                        <LoginComp />
+                    </Row>
+                </Col>
+            </Row>
+        </Container>
+
+    );
+}
+
+export default SignupPage;
\ No newline at end of file

client/src/pages/LoginwithSocial.js

-import React from 'react'
-import '../App.css'
-import { Form, Modal, Button, Row, Col, Image, Alert } from 'react-bootstrap';
-import Oauth, { LoginWithKakao } from '../utils/Oauth';
-import { useEffect } from 'react';
-import axios from 'axios';
-import { useState } from 'react';
-
-function LoginwithSocial() {
-
-    const inboxstyled = {
-        display: 'flex',
-        flexDirection: 'column',
-        maxWidth: '100%',
-        justifyContent: 'center',
-        margin: 'auto',
-        padding: '10px'
-    }
-
-    function loginWithKakao2() {
-        window.Kakao.Auth.authorize({
-            redirectUri: 'http://localhost:3000/oauth'
-          })
-        }
-
-    // useEffect(()=> {
-    //     window.location.replace('/')
-
-    // },[localStorage.getItem('Kakao_token')])
-
-
-    return (
-        <Row className='m-auto'>
-            <Modal.Header className='d-flex justify-content-center w-100'>
-                <Modal.Title id="example-modal-sizes-title-sm">
-                    LOGIN
-                </Modal.Title>
-            </Modal.Header>
-            <Modal.Body>
-                <Form style={inboxstyled}>
-                    <Form.Group controlId="formBasicEmail">
-                        <Form.Control type="email" placeholder="Email" />
-                    </Form.Group>
-
-                    <Form.Group controlId="formBasicPassword">
-                        <Form.Control type="password" placeholder="Password" />
-                    </Form.Group>
-                    <Button variant='light' type="submit" id='formbtn'>
-                        LOGIN
-                    </Button>
-                </Form>
-                <hr />
-                <Row style={{ margin: 'auto', marginBottom: '5px', display: 'flex', justifyContent: 'center' }}>
-                    <a href="#" onClick={loginWithKakao2} id='socialLink' >
-                        <img src='/images/Kakao1.jpg' id='logpng' />
-                        KAKAO
-                    </a>
-                    <a href="#;" onClick={LoginWithKakao} id='socialLink' >
-                        {/* 세미콜론이 붙으면 최상단 이동 x */}
-                        <img src='/images/Kakao1.jpg' id='logpng' />
-                        KAKAOHTML
-                    </a>
-                   
-                </Row>
-            </Modal.Body>
-        </Row>
-    )
-}
-
-export default LoginwithSocial;
\ No newline at end of file

client/src/pages/SignupPage.js

@@ -25,10 +25,6 @@ function SignupPage() {
         flexDirection: 'column',
         padding: '0'
     }
-    useEffect(() => {
-        console.log('마운트 될때마다 실행');
-    }, []);
-
 
 
     return (

node_modules/.bin/tsc

-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-
-case `uname` in
-    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
-esac
-
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
-else 
-  exec node  "$basedir/../typescript/bin/tsc" "$@"
-fi

node_modules/.bin/tsc.cmd

-@ECHO off
-GOTO start
-:find_dp0
-SET dp0=%~dp0
-EXIT /b
-:start
-SETLOCAL
-CALL :find_dp0
-
-IF EXIST "%dp0%\node.exe" (
-  SET "_prog=%dp0%\node.exe"
-) ELSE (
-  SET "_prog=node"
-  SET PATHEXT=%PATHEXT:;.JS;=;%
-)
-
-endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\typescript\bin\tsc" %*

node_modules/.bin/tsc.ps1

-#!/usr/bin/env pwsh
-$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
-
-$exe=""
-if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
-  # Fix case when both the Windows and Linux builds of Node
-  # are installed in the same directory
-  $exe=".exe"
-}
-$ret=0
-if (Test-Path "$basedir/node$exe") {
-  # Support pipeline input
-  if ($MyInvocation.ExpectingInput) {
-    $input | & "$basedir/node$exe"  "$basedir/../typescript/bin/tsc" $args
-  } else {
-    & "$basedir/node$exe"  "$basedir/../typescript/bin/tsc" $args
-  }
-  $ret=$LASTEXITCODE
-} else {
-  # Support pipeline input
-  if ($MyInvocation.ExpectingInput) {
-    $input | & "node$exe"  "$basedir/../typescript/bin/tsc" $args
-  } else {
-    & "node$exe"  "$basedir/../typescript/bin/tsc" $args
-  }
-  $ret=$LASTEXITCODE
-}
-exit $ret

node_modules/.bin/tsserver

-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-
-case `uname` in
-    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
-esac
-
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
-else 
-  exec node  "$basedir/../typescript/bin/tsserver" "$@"
-fi

node_modules/.bin/tsserver.cmd

-@ECHO off
-GOTO start
-:find_dp0
-SET dp0=%~dp0
-EXIT /b
-:start
-SETLOCAL
-CALL :find_dp0
-
-IF EXIST "%dp0%\node.exe" (
-  SET "_prog=%dp0%\node.exe"
-) ELSE (
-  SET "_prog=node"
-  SET PATHEXT=%PATHEXT:;.JS;=;%
-)
-
-endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\typescript\bin\tsserver" %*

node_modules/.bin/tsserver.ps1

-#!/usr/bin/env pwsh
-$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
-
-$exe=""
-if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
-  # Fix case when both the Windows and Linux builds of Node
-  # are installed in the same directory
-  $exe=".exe"
-}
-$ret=0
-if (Test-Path "$basedir/node$exe") {
-  # Support pipeline input
-  if ($MyInvocation.ExpectingInput) {
-    $input | & "$basedir/node$exe"  "$basedir/../typescript/bin/tsserver" $args
-  } else {
-    & "$basedir/node$exe"  "$basedir/../typescript/bin/tsserver" $args
-  }
-  $ret=$LASTEXITCODE
-} else {
-  # Support pipeline input
-  if ($MyInvocation.ExpectingInput) {
-    $input | & "node$exe"  "$basedir/../typescript/bin/tsserver" $args
-  } else {
-    & "node$exe"  "$basedir/../typescript/bin/tsserver" $args
-  }
-  $ret=$LASTEXITCODE
-}
-exit $ret

node_modules/.package-lock.json

-{
-  "name": "EUE",
-  "lockfileVersion": 2,
-  "requires": true,
-  "packages": {
-    "node_modules/@jest/types": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
-      "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^15.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 10.14.2"
-      }
-    },
-    "node_modules/@types/istanbul-lib-coverage": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz",
-      "integrity": "sha512-sz7iLqvVUg1gIedBOvlkxPlc8/uVzyS5OwGz1cKjXzkl3FpL3al0crU8YGU1WoHkxn0Wxbw5tyi6hvzJKNzFsw=="
-    },
-    "node_modules/@types/istanbul-lib-report": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
-      "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "node_modules/@types/istanbul-reports": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
-      "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@types/jest": {
-      "version": "26.0.23",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-26.0.23.tgz",
-      "integrity": "sha512-ZHLmWMJ9jJ9PTiT58juykZpL7KjwJywFN3Rr2pTSkyQfydf/rk22yS7W8p5DaVUMQ2BQC7oYiU3FjbTM/mYrOA==",
-      "dependencies": {
-        "jest-diff": "^26.0.0",
-        "pretty-format": "^26.0.0"
-      }
-    },
-    "node_modules/@types/node": {
-      "version": "15.12.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-15.12.5.tgz",
-      "integrity": "sha512-se3yX7UHv5Bscf8f1ERKvQOD6sTyycH3hdaoozvaLxgUiY5lIGEeH37AD0G0Qi9kPqihPn0HOfd2yaIEN9VwEg=="
-    },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.3",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
-      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
-    },
-    "node_modules/@types/react": {
-      "version": "17.0.11",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.11.tgz",
-      "integrity": "sha512-yFRQbD+whVonItSk7ZzP/L+gPTJVBkL/7shLEF+i9GC/1cV3JmUxEQz6+9ylhUpWSDuqo1N9qEvqS6vTj4USUA==",
-      "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "17.0.8",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.8.tgz",
-      "integrity": "sha512-0ohAiJAx1DAUEcY9UopnfwCE9sSMDGnY/oXjWMax6g3RpzmTt2GMyMVAXcbn0mo8XAff0SbQJl2/SBU+hjSZ1A==",
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.1",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.1.tgz",
-      "integrity": "sha512-EaCxbanVeyxDRTQBkdLb3Bvl/HK7PBK6UJjsSixB0iHKoWxE5uu2Q/DgtpOhPIojN0Zl1whvOd7PoHs2P0s5eA=="
-    },
-    "node_modules/@types/yargs": {
-      "version": "15.0.13",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.13.tgz",
-      "integrity": "sha512-kQ5JNTrbDv3Rp5X2n/iUu37IJBDU2gsZ5R/g1/KHOOEc5IKfUFjXT6DENPGduh08I/pamwtEq4oul7gUqKTQDQ==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@types/yargs-parser": {
-      "version": "20.2.0",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-20.2.0.tgz",
-      "integrity": "sha512-37RSHht+gzzgYeobbG+KWryeAW8J33Nhr69cjTqSYymXVZEN9NbRYWoYlRtDhHKPVT1FyNKwaTPC1NynKZpzRA=="
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-      "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-      "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/csstype": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.8.tgz",
-      "integrity": "sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw=="
-    },
-    "node_modules/diff-sequences": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.6.2.tgz",
-      "integrity": "sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==",
-      "engines": {
-        "node": ">= 10.14.2"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-diff": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.6.2.tgz",
-      "integrity": "sha512-6m+9Z3Gv9wN0WFVasqjCL/06+EFCMTqDEUl/b87HYK2rAPTyfz4ZIuSlPhY51PIQRWx5TaxeF1qmXKe9gfN3sA==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^26.6.2",
-        "jest-get-type": "^26.3.0",
-        "pretty-format": "^26.6.2"
-      },
-      "engines": {
-        "node": ">= 10.14.2"
-      }
-    },
-    "node_modules/jest-get-type": {
-      "version": "26.3.0",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-26.3.0.tgz",
-      "integrity": "sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==",
-      "engines": {
-        "node": ">= 10.14.2"
-      }
-    },
-    "node_modules/pretty-format": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz",
-      "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==",
-      "dependencies": {
-        "@jest/types": "^26.6.2",
-        "ansi-regex": "^5.0.0",
-        "ansi-styles": "^4.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.4.tgz",
-      "integrity": "sha512-uauPG7XZn9F/mo+7MrsRjyvbxFpzemRjKEZXS4AK83oP2KKOJPvb+9cO/gmnv8arWZvhnjVOXz7B49m1l0e9Ew==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    }
-  }
-}