diff --git a/.prettierrc.json b/.prettierrc.json
index a241d4d..2125623 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,13 +1,15 @@
{
- "trailingComma": "es5",
+ "trailingComma": "none",
"tabWidth": 2,
- "semi": true,
+ "semi": false,
"singleQuote": true,
- "printWidth": 160,
+ "printWidth": 100,
"jsxSingleQuote": true,
"useTabs": false,
"useEditorConfig": true,
"htmlWhitespaceSensitivity": "css",
+ "bracketSameLine": true,
"bracketSpacing": true,
- "prettier.arrowParens": "always"
+ "arrowParens": "always",
+ "quoteProps": "as-needed"
}
diff --git a/__tests__/supertest.js b/__tests__/supertest.js
index c7652cf..a6dd2c1 100644
--- a/__tests__/supertest.js
+++ b/__tests__/supertest.js
@@ -1,53 +1,48 @@
-const request = require('supertest');
-
-
-
-const server = 'http://localhost:8080';
-
-describe('Route integration', function(){
- describe('/', () => {
- describe('GET', () => {
- it('responds with 200 status and text/html content type', function(done){
- request(server)
- .get('/convert-demo-db')
- .set('Accept', 'application/json')
- .expect('Content-Type', /json/)
- .expect(200, done);
- });
- });
-
-
- describe('POST', () => {
- it('responds with 200 status and text/html content type', function(done){
- request(server)
- .get('/convert-sql-db')
- .set('Accept', 'application/json')
- .expect('Content-Type', /json/)
- .expect(200, done);
- });
- });
+const request = require('supertest')
+
+const server = 'http://localhost:8080'
+
+describe('Route integration', function () {
+ describe('/', () => {
+ describe('GET', () => {
+ it('responds with 200 status and text/html content type', function (done) {
+ request(server)
+ .get('/convert-demo-db')
+ .set('Accept', 'application/json')
+ .expect('Content-Type', /json/)
+ .expect(200, done)
+ })
+ })
- describe('POST', () => {
- it('responds with 200 status and text/html content type', function(done){
- request(server)
- .get('/convert-mongo-db')
- .set('Accept', 'application/json')
- .expect('Content-Type', /json/)
- .expect(200, done);
- });
- });
+ describe('POST', () => {
+ it('responds with 200 status and text/html content type', function (done) {
+ request(server)
+ .get('/convert-sql-db')
+ .set('Accept', 'application/json')
+ .expect('Content-Type', /json/)
+ .expect(200, done)
+ })
+ })
+ describe('POST', () => {
+ it('responds with 200 status and text/html content type', function (done) {
+ request(server)
+ .get('/convert-mongo-db')
+ .set('Accept', 'application/json')
+ .expect('Content-Type', /json/)
+ .expect(200, done)
+ })
})
- describe('/', () => {
- describe('GET', () => {
- it('responds with 404 not found', function(done){
- request(server)
- .get('/fake')
- .set('Accept', 'application/json')
- .expect('Content-Type', /json/)
- .expect(404, done);
- });
- });
+ })
+ describe('/', () => {
+ describe('GET', () => {
+ it('responds with 404 not found', function (done) {
+ request(server)
+ .get('/fake')
+ .set('Accept', 'application/json')
+ .expect('Content-Type', /json/)
+ .expect(404, done)
+ })
})
-});
-
+ })
+})
diff --git a/components/CodeBoxContainer.js b/components/CodeBoxContainer.js
index 4800cdc..f09fe60 100644
--- a/components/CodeBoxContainer.js
+++ b/components/CodeBoxContainer.js
@@ -1,50 +1,50 @@
-import React from 'react';
-import { saveAs } from 'file-saver';
-import { useSelector } from 'react-redux';
-import SyntaxHighlighter from 'react-syntax-highlighter';
-import { Button } from '@nextui-org/react';
+import React from 'react'
+import { saveAs } from 'file-saver'
+import { useSelector } from 'react-redux'
+import SyntaxHighlighter from 'react-syntax-highlighter'
+import { Button } from '@nextui-org/react'
-import qtCreator from '../node_modules/react-syntax-highlighter/dist/esm/styles/hljs/qtcreator_dark';
-import styles from '../styles/CodeBoxContainer.module.css';
-import { SampleGQLServerCode, SampleGQLClientQueriesCode, SampleGQLClientMutationsCode } from '../server/sampleDB';
+import qtCreator from '../node_modules/react-syntax-highlighter/dist/esm/styles/hljs/qtcreator_dark'
+import styles from '../styles/CodeBoxContainer.module.css'
+import { SampleGQLServerCode, SampleGQLClientQueriesCode, SampleGQLClientMutationsCode } from '../server/sampleDB'
function CodeBoxContainer() {
- const showDemo = useSelector((state) => state.demo.showDemo);
- const data = useSelector((state) => state.demo.queries);
+ const showDemo = useSelector((state) => state.demo.showDemo)
+ const data = useSelector((state) => state.demo.queries)
- const uriDataGQLServerCode = data ? data.GQLServerCode : '';
- const uriDataGQLClientMutationsCode = data ? data.GQLClientMutationsCode : '';
- const uriDataGQLClientQueriesCode = data ? data.GQLClientQueriesCode : '';
+ const uriDataGQLServerCode = data ? data.GQLServerCode : ''
+ const uriDataGQLClientMutationsCode = data ? data.GQLClientMutationsCode : ''
+ const uriDataGQLClientQueriesCode = data ? data.GQLClientQueriesCode : ''
/* EXPORT GQL SERVER CODE */
const exportGQLServerCode = () => {
if (showDemo) {
- saveAs(new File([`${SampleGQLServerCode}`], 'GQLServerCode.js', { type: 'text/plain;charset=utf-8' }));
+ saveAs(new File([`${SampleGQLServerCode}`], 'GQLServerCode.js', { type: 'text/plain;charset=utf-8' }))
}
if (!showDemo && uriDataGQLServerCode !== '') {
- saveAs(new File([`${uriDataGQLServerCode}`], 'GQLServerCode.js', { type: 'text/plain;charset=utf-8' }));
+ saveAs(new File([`${uriDataGQLServerCode}`], 'GQLServerCode.js', { type: 'text/plain;charset=utf-8' }))
}
- };
+ }
/* EXPORT GQL CLIENT MUTATIONS CODE */
const exportGQLClientMutationsCode = () => {
if (showDemo) {
- saveAs(new File([`${SampleGQLClientMutationsCode}`], 'GQLClientMutationsCode.js', { type: 'text/plain;charset=utf-8' }));
+ saveAs(new File([`${SampleGQLClientMutationsCode}`], 'GQLClientMutationsCode.js', { type: 'text/plain;charset=utf-8' }))
}
if (!showDemo && uriDataGQLClientMutationsCode !== '') {
- saveAs(new File([`${uriDataGQLClientMutationsCode}`], 'GQLClientMutationsCode.js', { type: 'text/plain;charset=utf-8' }));
+ saveAs(new File([`${uriDataGQLClientMutationsCode}`], 'GQLClientMutationsCode.js', { type: 'text/plain;charset=utf-8' }))
}
- };
+ }
/* EXPORT GQL CLIENT QUERIES CODE */
const exportGQLClientQueriesCode = () => {
if (showDemo) {
- saveAs(new File([`${SampleGQLClientQueriesCode}`], 'GQLClientQueriesCode.js', { type: 'text/plain;charset=utf-8' }));
+ saveAs(new File([`${SampleGQLClientQueriesCode}`], 'GQLClientQueriesCode.js', { type: 'text/plain;charset=utf-8' }))
}
if (!showDemo && uriDataGQLClientQueriesCode !== '') {
- saveAs(new File([`${uriDataGQLClientQueriesCode}`], 'GQLClientQueriesCode.js', { type: 'text/plain;charset=utf-8' }));
+ saveAs(new File([`${uriDataGQLClientQueriesCode}`], 'GQLClientQueriesCode.js', { type: 'text/plain;charset=utf-8' }))
}
- };
+ }
return (
@@ -60,7 +60,7 @@ function CodeBoxContainer() {
size='sm'
css={{ px: '$4', height: '$10' }}
onClick={() => {
- exportGQLClientMutationsCode();
+ exportGQLClientMutationsCode()
}}
>
Export Code
@@ -81,7 +81,7 @@ function CodeBoxContainer() {
size='sm'
css={{ px: '$4', height: '$10' }}
onClick={() => {
- exportGQLClientQueriesCode();
+ exportGQLClientQueriesCode()
}}
>
Export Code
@@ -103,7 +103,7 @@ function CodeBoxContainer() {
size='sm'
css={{ px: '$4', height: '$10' }}
onClick={() => {
- exportGQLServerCode();
+ exportGQLServerCode()
}}
>
Export Code
@@ -114,7 +114,7 @@ function CodeBoxContainer() {
- );
+ )
}
-export default CodeBoxContainer;
+export default CodeBoxContainer
diff --git a/components/DbInfo.js b/components/DbInfo.js
index 6fd51e8..41cc3f0 100644
--- a/components/DbInfo.js
+++ b/components/DbInfo.js
@@ -1,15 +1,21 @@
-import React, { useState } from 'react';
-import { Button, Spacer } from '@nextui-org/react';
-import { useDispatch, useSelector } from 'react-redux';
+import React, { useState } from 'react'
+import { Button, Spacer } from '@nextui-org/react'
+import { useDispatch, useSelector } from 'react-redux'
-import { setQueries, showDemo, setIsError, setShowDBInfo, setShowFlowModal } from '../features/demoSlice';
-import styles from '../styles/DbInfo.module.css';
+import {
+ setQueries,
+ showDemo,
+ setIsError,
+ setShowDBInfo,
+ setShowFlowModal
+} from '../features/demoSlice'
+import styles from '../styles/DbInfo.module.css'
function DbInfo({ dbData, hidePanel, setDbData }) {
- const [dbName, setDBName] = useState(!dbData ? 'Sample Database' : dbData.name);
- const [dbType, setDBType] = useState(!dbData ? 'PostgreSQL' : dbData.type);
+ const [dbName, setDBName] = useState(!dbData ? 'Sample Database' : dbData.name)
+ const [dbType, setDBType] = useState(!dbData ? 'PostgreSQL' : dbData.type)
- const dispatch = useDispatch();
+ const dispatch = useDispatch()
return (
@@ -21,17 +27,16 @@ function DbInfo({ dbData, hidePanel, setDbData }) {
{
- dispatch(setQueries(''));
- dispatch(showDemo(false));
- dispatch(setIsError(false));
- dispatch(setShowDBInfo(false));
- setDbData(null);
- }}
- >
+ dispatch(setQueries(''))
+ dispatch(showDemo(false))
+ dispatch(setIsError(false))
+ dispatch(setShowDBInfo(false))
+ setDbData(null)
+ }}>
Reset
- );
+ )
}
-export default DbInfo;
+export default DbInfo
diff --git a/components/DbInput.js b/components/DbInput.js
index 061f84f..783bfa3 100644
--- a/components/DbInput.js
+++ b/components/DbInput.js
@@ -1,45 +1,52 @@
-import React, { useRef } from 'react';
-import { Input, Spacer, Button } from '@nextui-org/react';
-import { useDispatch, useSelector } from 'react-redux';
-import CryptoJS from 'crypto-js';
+import React, { useRef } from 'react'
+import { Input, Spacer, Button } from '@nextui-org/react'
+import { useDispatch, useSelector } from 'react-redux'
+import CryptoJS from 'crypto-js'
-import { setQueries, showDemo, setIsError, setErrorMsg, setShowLoader, setShowDBInfo } from '../features/demoSlice';
-import styles from '../styles/DbUri.module.css';
-import secretKey from '../server/secretKey';
+import {
+ setQueries,
+ showDemo,
+ setIsError,
+ setErrorMsg,
+ setShowLoader,
+ setShowDBInfo
+} from '../features/demoSlice'
+import styles from '../styles/DbUri.module.css'
+import secretKey from '../server/secretKey'
function DbInput({ fetchData }) {
- const uriField = useRef();
- const isError = useSelector((state) => state.demo.isError);
- const errorMsg = useSelector((state) => state.demo.errorMsg);
- const dispatch = useDispatch();
+ const uriField = useRef()
+ const isError = useSelector((state) => state.demo.isError)
+ const errorMsg = useSelector((state) => state.demo.errorMsg)
+ const dispatch = useDispatch()
const handleClick = async (e) => {
- dispatch(showDemo(false));
- const URILink = uriField.current.value;
- e.preventDefault();
+ dispatch(showDemo(false))
+ const URILink = uriField.current.value
+ e.preventDefault()
- const fetchEndpoint = await checkEndpoint(URILink);
+ const fetchEndpoint = await checkEndpoint(URILink)
if (URILink.length > 0 && fetchEndpoint.length > 0) {
- const encryptedURL = CryptoJS.AES.encrypt(URILink, secretKey).toString(); //Encrypting user-inputted DB URI string
- fetchData(encryptedURL, fetchEndpoint);
+ const encryptedURL = CryptoJS.AES.encrypt(URILink, secretKey).toString() //Encrypting user-inputted DB URI string
+ fetchData(encryptedURL, fetchEndpoint)
} else {
- dispatch(setErrorMsg('Please enter a valid PostgreSQL or MongoDB URI'));
- dispatch(setIsError(true));
+ dispatch(setErrorMsg('Please enter a valid PostgreSQL or MongoDB URI'))
+ dispatch(setIsError(true))
}
- };
+ }
const checkEndpoint = async (URILink) => {
- const mongodbURI = 'convert-mongo-db';
- const sqlURI = 'convert-sql-db';
+ const mongodbURI = 'convert-mongo-db'
+ const sqlURI = 'convert-sql-db'
if (URILink.includes('postgres://')) {
- return sqlURI;
+ return sqlURI
} else if (URILink.includes('mongodb+srv://')) {
- return mongodbURI;
+ return mongodbURI
} else {
- return '';
+ return ''
}
- };
+ }
return (
<>
@@ -54,7 +61,7 @@ function DbInput({ fetchData }) {
initialValue=''
ref={uriField}
onKeyDown={(e) => {
- if (e.key === 'Enter') handleClick(e);
+ if (e.key === 'Enter') handleClick(e)
}}
/>
-
- {showDBInfo ?
+ {showDBInfo ? (
+
- );
+ )
}
-export default DbUri;
+export default DbUri
diff --git a/components/Features.js b/components/Features.js
index d4236f6..0425172 100644
--- a/components/Features.js
+++ b/components/Features.js
@@ -1,11 +1,11 @@
-import React from 'react';
-import Image from 'next/image';
+import React from 'react'
+import Image from 'next/image'
-import styles from '../styles/Learn.module.css';
-import DbInput from '../public/home1.gif';
-import GQLCode from '../public/home2.gif';
-import ExportCode from '../public/home3.gif';
-import Visualize from '../public/home4.gif';
+import styles from '../styles/Learn.module.css'
+import DbInput from '../public/home1.gif'
+import GQLCode from '../public/home2.gif'
+import ExportCode from '../public/home3.gif'
+import Visualize from '../public/home4.gif'
function Features({ index, title, description }) {
if (index === 0) {
@@ -20,7 +20,7 @@ function Features({ index, title, description }) {
+ rel='noreferrer noopener'>
-
+
-
+
-
@@ -43,14 +54,13 @@ function GitHubStar() {
data-icon='octicon-star'
data-size='large'
data-show-count='true'
- aria-label='Star oslabs-beta/GQLevated on GitHub'
- >
+ aria-label='Star oslabs-beta/GQLevated on GitHub'>
Star
- );
+ )
}
-export default GitHubStar;
+export default GitHubStar
diff --git a/components/Hero.js b/components/Hero.js
index eb913bd..e59aa5e 100644
--- a/components/Hero.js
+++ b/components/Hero.js
@@ -1,23 +1,23 @@
-import React from 'react';
-import Link from 'next/link';
-import Image from 'next/image';
-import { motion } from 'framer-motion';
-import { Spacer } from '@nextui-org/react';
+import React from 'react'
+import Link from 'next/link'
+import Image from 'next/image'
+import { motion } from 'framer-motion'
+import { Spacer } from '@nextui-org/react'
-import styles from '../styles/Hero.module.css';
-import GQLLogo from '../public/LOGO.svg';
+import styles from '../styles/Hero.module.css'
+import GQLLogo from '../public/LOGO.svg'
-const easing = [0.17, 0.67, 0.84, 0.66];
+const easing = [0.17, 0.67, 0.84, 0.66]
const rotate = {
initial: {
rotate: [0, 750, 720],
transition: {
linear: easing,
- duration: 2.2,
- },
- },
-};
+ duration: 2.2
+ }
+ }
+}
function Hero() {
return (
@@ -34,7 +34,7 @@ function Hero() {
Learn More
- );
+ )
}
-export default Hero;
+export default Hero
diff --git a/components/HiddenURIPanel.js b/components/HiddenURIPanel.js
index 5d35bc9..00d4611 100644
--- a/components/HiddenURIPanel.js
+++ b/components/HiddenURIPanel.js
@@ -1,14 +1,14 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { motion } from 'framer-motion';
+import React, { useRef, useState, useEffect } from 'react'
+import { motion } from 'framer-motion'
-import styles from '../styles/HiddenURIPanel.module.css';
+import styles from '../styles/HiddenURIPanel.module.css'
-const easing = [0.83, 0, 0.17, 1];
+const easing = [0.83, 0, 0.17, 1]
const fadeInLeft = {
initial: {
x: [0, 10, 0],
- opacity: 1,
+ opacity: 1
},
animate: {
x: 0,
@@ -16,31 +16,31 @@ const fadeInLeft = {
transition: {
delay: 10,
type: 'bounce',
- duration: 1.0,
- },
- },
-};
+ duration: 1.0
+ }
+ }
+}
function HiddenURIPanel({ showPanel }) {
- const [showHoverPanel, setShowHoverPanel] = useState(false);
- const panelRef = useRef();
+ const [showHoverPanel, setShowHoverPanel] = useState(false)
+ const panelRef = useRef()
useEffect(() => {
if (showHoverPanel) {
- panelRef.current.style.boxShadow = '0 0 10px #cbcdd0';
- panelRef.current.style.backgroundColor = 'var(--secondary-color)';
- panelRef.current.style.opacity = '0.5';
+ panelRef.current.style.boxShadow = '0 0 10px #cbcdd0'
+ panelRef.current.style.backgroundColor = 'var(--secondary-color)'
+ panelRef.current.style.opacity = '0.5'
} else {
- panelRef.current.style.boxShadow = '';
- panelRef.current.style.backgroundColor = '';
+ panelRef.current.style.boxShadow = ''
+ panelRef.current.style.backgroundColor = ''
}
- }, [showHoverPanel]);
+ }, [showHoverPanel])
const bounceTransition = {
duration: 0.4,
yoyo: Infinity,
- ease: 'easeOut',
- };
+ ease: 'easeOut'
+ }
return (
showPanel()}
onMouseOver={() => setShowHoverPanel(true)}
- onMouseLeave={() => setShowHoverPanel(false)}
- >
- );
+ onMouseLeave={() => setShowHoverPanel(false)}>
+ )
}
-export default HiddenURIPanel;
+export default HiddenURIPanel
diff --git a/components/Layout.js b/components/Layout.js
index 1019a52..e3285d5 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -1,7 +1,7 @@
-import React from 'react';
+import React from 'react'
-import Nav from '../components/Nav';
-import styles from '../styles/Layout.module.css';
+import Nav from '../components/Nav'
+import styles from '../styles/Layout.module.css'
function Layout({ children }) {
return (
@@ -9,7 +9,7 @@ function Layout({ children }) {
{children}
- );
+ )
}
-export default Layout;
+export default Layout
diff --git a/components/LearnFeatures.js b/components/LearnFeatures.js
index 7b76b0e..5e9a19d 100644
--- a/components/LearnFeatures.js
+++ b/components/LearnFeatures.js
@@ -1,30 +1,30 @@
-import React from 'react';
-import { Spacer } from '@nextui-org/react';
+import React from 'react'
+import { Spacer } from '@nextui-org/react'
-import styles from '../styles/Learn.module.css';
-import Features from './Features';
+import styles from '../styles/Learn.module.css'
+import Features from './Features'
function LearnFeatures() {
const features = [
[
'Connect to your database',
- "Enter your PostgreSQL or MongoDB connection string and connect to your database. Don't have a connection string but still want to see how it works? No problem! Connect to our PostgresQL Sample Database and see GQLevated in action.",
+ "Enter your PostgreSQL or MongoDB connection string and connect to your database. Don't have a connection string but still want to see how it works? No problem! Connect to our PostgresQL Sample Database and see GQLevated in action."
],
[
'Generate your GraphQL Code',
- 'With one simple click of a button GQLevated connects to your database, parses the data and generates the corresponding GraphQL code for you. This production-ready GraphQL code includes server-side Types, Root Queries and Mutations as well as client-side Queries and Mutations. It is displayed for you in an easy to reason about way and ready to be injected into your own application.',
+ 'With one simple click of a button GQLevated connects to your database, parses the data and generates the corresponding GraphQL code for you. This production-ready GraphQL code includes server-side Types, Root Queries and Mutations as well as client-side Queries and Mutations. It is displayed for you in an easy to reason about way and ready to be injected into your own application.'
],
[
'Export your GraphQL Code',
- 'In addition to copying and pasting the newly generated GraphQL code straight from the browser display, users also have the option to export their customized GraphQL code as individual JavaScript files. Simply click on the ‘Export Code‘ button in the corresponding container of the code that you wish to download.',
+ 'In addition to copying and pasting the newly generated GraphQL code straight from the browser display, users also have the option to export their customized GraphQL code as individual JavaScript files. Simply click on the ‘Export Code‘ button in the corresponding container of the code that you wish to download.'
],
- ['Visualize your GraphQL Schema', 'Visualize and interact with your database relationships!'],
- ];
+ ['Visualize your GraphQL Schema', 'Visualize and interact with your database relationships!']
+ ]
- const introFeatures = [];
+ const introFeatures = []
for (let i = 0; i < features.length; i++) {
- const feature = features[i];
- introFeatures.push(
- Our Web Development Tool supplies users with customized, production-ready GraphQL code including server-side Types, Root Queries and Mutations as
- well as client-side Queries and Mutations. This allows developers to spend more time solving problems and less time tediously writing GraphQL code,
- thus ELEVATING the project as a whole.
+ Our Web Development Tool supplies users with customized, production-ready GraphQL code
+ including server-side Types, Root Queries and Mutations as well as client-side Queries
+ and Mutations. This allows developers to spend more time solving problems and less time
+ tediously writing GraphQL code, thus ELEVATING the project as a whole.
And it’s free to use for everyone - no need to create an account!
+
+ And it’s free to use for everyone - no need to create an account!
+
{introFeatures}
- );
+ )
}
-export default LearnFeatures;
+export default LearnFeatures
diff --git a/components/Loader.js b/components/Loader.js
index 2b5cf77..5d16829 100644
--- a/components/Loader.js
+++ b/components/Loader.js
@@ -1,20 +1,20 @@
-import React, { useEffect } from 'react';
-import { motion } from 'framer-motion';
+import React, { useEffect } from 'react'
+import { motion } from 'framer-motion'
-import GQLLogo from '../public/LOGO.svg';
-import Image from 'next/image';
+import GQLLogo from '../public/LOGO.svg'
+import Image from 'next/image'
-const easing = [0.17, 0.67, 0.84, 0.66];
+const easing = [0.17, 0.67, 0.84, 0.66]
const rotate = {
initial: {
rotate: [0, 750, 720],
transition: {
linear: easing,
- duration: 0.7,
- },
- },
-};
+ duration: 0.7
+ }
+ }
+}
function Loader() {
return (
@@ -23,7 +23,7 @@ function Loader() {
+
{field}
{dataType}
- );
+ )
}
if (tableReference) {
@@ -47,10 +54,10 @@ function flowModal({ data }) {
target: ref,
animated: true,
label: ref,
- labelStyle: { fontSize: '1.6rem', fontWeight: 600 },
- };
+ labelStyle: { fontSize: '1.6rem', fontWeight: 600 }
+ }
- elements.push(edge);
+ elements.push(edge)
}
}
@@ -65,19 +72,19 @@ function flowModal({ data }) {
{fields}
- ),
+ )
},
- position: { x: positionX, y: positionY },
- };
+ position: { x: positionX, y: positionY }
+ }
- row += 1;
- positionY += 600;
+ row += 1
+ positionY += 600
if (row % 2 === 0) {
- positionY = 100;
- positionX += 550;
+ positionY = 100
+ positionX += 550
}
- elements.push(newNode);
+ elements.push(newNode)
}
return (
@@ -89,7 +96,7 @@ function flowModal({ data }) {
- );
+ )
}
const CustomNodeComponent = ({ data }) => {
@@ -97,15 +104,25 @@ const CustomNodeComponent = ({ data }) => {
- );
-};
+ )
+}
const nodeTypes = {
- special: CustomNodeComponent,
-};
+ special: CustomNodeComponent
+}
const customNodeStyle = {
color: '#403D39',
@@ -117,8 +134,8 @@ const customNodeStyle = {
borderColor: '#8cbbad',
transition: 'all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
boxShadow: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)',
- width: 'min-content',
-};
+ width: 'min-content'
+}
const titleStyle = {
background: '#282b2e',
@@ -128,11 +145,11 @@ const titleStyle = {
padding: '5px 20px',
borderTopLeftRadius: '5px',
borderTopRightRadius: '5px',
- fontFamily: 'Montserrat, sans-serif',
-};
+ fontFamily: 'Montserrat, sans-serif'
+}
const containerStyle = {
- padding: 10,
-};
+ padding: 10
+}
-export default flowModal;
+export default flowModal
diff --git a/features/demoSlice.js b/features/demoSlice.js
index 424fda9..dd9251f 100644
--- a/features/demoSlice.js
+++ b/features/demoSlice.js
@@ -1,4 +1,4 @@
-import { createSlice } from '@reduxjs/toolkit';
+import { createSlice } from '@reduxjs/toolkit'
const initialStateValue = {
queries: undefined,
@@ -7,8 +7,8 @@ const initialStateValue = {
errorMsg: '',
showLoader: false,
showFlowModal: false,
- showDBInfo: false,
-};
+ showDBInfo: false
+}
//REDUCERS
export const demoSlice = createSlice({
@@ -16,29 +16,38 @@ export const demoSlice = createSlice({
initialState: initialStateValue,
reducers: {
setQueries: (state, action) => {
- state.queries = action.payload;
+ state.queries = action.payload
},
showDemo: (state, action) => {
- state.showDemo = action.payload;
+ state.showDemo = action.payload
},
setIsError: (state, action) => {
- state.isError = action.payload;
+ state.isError = action.payload
},
setErrorMsg: (state, action) => {
- state.errorMsg = action.payload;
+ state.errorMsg = action.payload
},
setShowLoader: (state, action) => {
- state.showLoader = action.payload;
+ state.showLoader = action.payload
},
setShowFlowModal: (state, action) => {
- state.showFlowModal = action.payload;
+ state.showFlowModal = action.payload
},
setShowDBInfo: (state, action) => {
- state.showDBInfo = action.payload;
- },
- },
-});
+ state.showDBInfo = action.payload
+ }
+ }
+})
-export const { setQueries, showDemo, setIsError, setErrorMsg, setShowLoader, setShowFlowModal, setFlowElements, setShowDBInfo } = demoSlice.actions;
+export const {
+ setQueries,
+ showDemo,
+ setIsError,
+ setErrorMsg,
+ setShowLoader,
+ setShowFlowModal,
+ setFlowElements,
+ setShowDBInfo
+} = demoSlice.actions
-export default demoSlice.reducer;
+export default demoSlice.reducer
diff --git a/package-lock.json b/package-lock.json
index 98f6856..9817a46 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -366,10 +366,19 @@
"node": ">=6.9.0"
}
},
+ "node_modules/@babel/helper-string-parser": {
+ "version": "7.24.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz",
+ "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
"node_modules/@babel/helper-validator-identifier": {
- "version": "7.16.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
- "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==",
+ "version": "7.22.20",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+ "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
"engines": {
"node": ">=6.9.0"
}
@@ -485,9 +494,9 @@
}
},
"node_modules/@babel/parser": {
- "version": "7.16.12",
- "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.12.tgz",
- "integrity": "sha512-VfaV15po8RiZssrkPweyvbGVSe4x2y+aciFCgn0n0/SJMR22cwofRV1mtnJQYcSB1wUTaA/X1LnA3es66MCO5A==",
+ "version": "7.24.1",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.1.tgz",
+ "integrity": "sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==",
"bin": {
"parser": "bin/babel-parser.js"
},
@@ -1560,6 +1569,84 @@
"node": ">=6"
}
},
+ "node_modules/@tootallnate/once": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+ "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/@types/babel__core": {
+ "version": "7.20.5",
+ "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+ "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+ "dev": true,
+ "dependencies": {
+ "@babel/parser": "^7.20.7",
+ "@babel/types": "^7.20.7",
+ "@types/babel__generator": "*",
+ "@types/babel__template": "*",
+ "@types/babel__traverse": "*"
+ }
+ },
+ "node_modules/@types/babel__core/node_modules/@babel/types": {
+ "version": "7.24.0",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz",
+ "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==",
+ "dev": true,
+ "dependencies": {
+ "@babel/helper-string-parser": "^7.23.4",
+ "@babel/helper-validator-identifier": "^7.22.20",
+ "to-fast-properties": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@types/babel__generator": {
+ "version": "7.6.8",
+ "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+ "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+ "dev": true,
+ "dependencies": {
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "node_modules/@types/babel__template": {
+ "version": "7.4.4",
+ "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+ "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+ "dev": true,
+ "dependencies": {
+ "@babel/parser": "^7.1.0",
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "node_modules/@types/babel__traverse": {
+ "version": "7.20.5",
+ "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz",
+ "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==",
+ "dev": true,
+ "dependencies": {
+ "@babel/types": "^7.20.7"
+ }
+ },
+ "node_modules/@types/babel__traverse/node_modules/@babel/types": {
+ "version": "7.24.0",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz",
+ "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==",
+ "dev": true,
+ "dependencies": {
+ "@babel/helper-string-parser": "^7.23.4",
+ "@babel/helper-validator-identifier": "^7.22.20",
+ "to-fast-properties": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
"node_modules/@types/body-parser": {
"version": "1.19.2",
"resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
@@ -1598,6 +1685,15 @@
"@types/range-parser": "*"
}
},
+ "node_modules/@types/graceful-fs": {
+ "version": "4.1.9",
+ "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+ "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+ "dev": true,
+ "dependencies": {
+ "@types/node": "*"
+ }
+ },
"node_modules/@types/hast": {
"version": "2.3.4",
"resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
@@ -1711,6 +1807,12 @@
"@types/node": "*"
}
},
+ "node_modules/@types/stack-utils": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+ "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+ "dev": true
+ },
"node_modules/@types/unist": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
@@ -9718,10 +9820,16 @@
}
}
},
+ "@babel/helper-string-parser": {
+ "version": "7.24.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz",
+ "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==",
+ "dev": true
+ },
"@babel/helper-validator-identifier": {
- "version": "7.16.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
- "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw=="
+ "version": "7.22.20",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+ "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A=="
},
"@babel/helper-validator-option": {
"version": "7.16.7",
@@ -9811,9 +9919,9 @@
}
},
"@babel/parser": {
- "version": "7.16.12",
- "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.12.tgz",
- "integrity": "sha512-VfaV15po8RiZssrkPweyvbGVSe4x2y+aciFCgn0n0/SJMR22cwofRV1mtnJQYcSB1wUTaA/X1LnA3es66MCO5A=="
+ "version": "7.24.1",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.1.tgz",
+ "integrity": "sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg=="
},
"@babel/plugin-syntax-async-generators": {
"version": "7.8.4",
@@ -10575,6 +10683,79 @@
"defer-to-connect": "^1.0.1"
}
},
+ "@tootallnate/once": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+ "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+ "dev": true
+ },
+ "@types/babel__core": {
+ "version": "7.20.5",
+ "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+ "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+ "dev": true,
+ "requires": {
+ "@babel/parser": "^7.20.7",
+ "@babel/types": "^7.20.7",
+ "@types/babel__generator": "*",
+ "@types/babel__template": "*",
+ "@types/babel__traverse": "*"
+ },
+ "dependencies": {
+ "@babel/types": {
+ "version": "7.24.0",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz",
+ "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==",
+ "dev": true,
+ "requires": {
+ "@babel/helper-string-parser": "^7.23.4",
+ "@babel/helper-validator-identifier": "^7.22.20",
+ "to-fast-properties": "^2.0.0"
+ }
+ }
+ }
+ },
+ "@types/babel__generator": {
+ "version": "7.6.8",
+ "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+ "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+ "dev": true,
+ "requires": {
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "@types/babel__template": {
+ "version": "7.4.4",
+ "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+ "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+ "dev": true,
+ "requires": {
+ "@babel/parser": "^7.1.0",
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "@types/babel__traverse": {
+ "version": "7.20.5",
+ "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz",
+ "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==",
+ "dev": true,
+ "requires": {
+ "@babel/types": "^7.20.7"
+ },
+ "dependencies": {
+ "@babel/types": {
+ "version": "7.24.0",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz",
+ "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==",
+ "dev": true,
+ "requires": {
+ "@babel/helper-string-parser": "^7.23.4",
+ "@babel/helper-validator-identifier": "^7.22.20",
+ "to-fast-properties": "^2.0.0"
+ }
+ }
+ }
+ },
"@types/body-parser": {
"version": "1.19.2",
"resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
@@ -10613,6 +10794,15 @@
"@types/range-parser": "*"
}
},
+ "@types/graceful-fs": {
+ "version": "4.1.9",
+ "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+ "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+ "dev": true,
+ "requires": {
+ "@types/node": "*"
+ }
+ },
"@types/hast": {
"version": "2.3.4",
"resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
@@ -10726,6 +10916,12 @@
"@types/node": "*"
}
},
+ "@types/stack-utils": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+ "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+ "dev": true
+ },
"@types/unist": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
diff --git a/pages/_app.js b/pages/_app.js
index 3a5a53b..a3f69f2 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,9 +1,9 @@
-import { createTheme, NextUIProvider } from '@nextui-org/react';
-import { Provider } from 'react-redux';
+import { createTheme, NextUIProvider } from '@nextui-org/react'
+import { Provider } from 'react-redux'
-import Layout from '../components/Layout';
-import { store } from '../store';
-import '../styles/globals.css';
+import Layout from '../components/Layout'
+import { store } from '../store'
+import '../styles/globals.css'
const theme = createTheme({
type: 'dark',
@@ -15,12 +15,12 @@ const theme = createTheme({
selection: '#005cce',
codeLight: 'rgba(27,31,36,0)',
gradient: 'linear-gradient(to right, #a359d8, rgba(21, 5, 194, 0.845)',
- myDarkColor: '#fffff',
+ myDarkColor: '#fffff'
},
space: {},
- fonts: {},
- },
-});
+ fonts: {}
+ }
+})
function MyApp({ Component, pageProps }) {
return (
@@ -31,7 +31,7 @@ function MyApp({ Component, pageProps }) {
- );
+ )
}
-export default MyApp;
+export default MyApp
diff --git a/pages/about.js b/pages/about.js
index 4a0b3db..e50ff3d 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -1,9 +1,8 @@
-import Head from 'next/head';
-import React from 'react';
+import Head from 'next/head'
+import React from 'react'
import PreviewImage from '../public/GQLevatedWordMark.png'
-
-import Team from '../components/Team';
+import Team from '../components/Team'
function About() {
return (
@@ -15,7 +14,7 @@ function About() {
@@ -87,17 +93,23 @@ function Demo() {
setShowURIPanel(false)} />
+ setShowURIPanel(false)}
+ />
) : (
setShowURIPanel(true)} />
)}
-
- );
+ )
}
-export default Demo;
+export default Demo
diff --git a/pages/index.js b/pages/index.js
index 8be6b15..fa44d44 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,8 +1,8 @@
-import Head from 'next/head';
+import Head from 'next/head'
import PreviewImage from '../public/GQLevatedWordMark.png'
-import styles from '../styles/HomeContent.module.css';
-import Hero from '../components/Hero';
-import LearnFeatures from '../components/LearnFeatures';
+import styles from '../styles/HomeContent.module.css'
+import Hero from '../components/Hero'
+import LearnFeatures from '../components/LearnFeatures'
export default function Home() {
return (
@@ -17,5 +17,5 @@ export default function Home() {
`s from expanding the number of files TypeScript should add to a project. */
- /* JavaScript Support */
- "allowJs": true /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */, // "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */
- // "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */
- /* Emit */
- // "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
- // "declarationMap": true, /* Create sourcemaps for d.ts files. */
- // "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */
- // "sourceMap": true, /* Create source map files for emitted JavaScript files. */
- // "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
- // "outDir": "./", /* Specify an output folder for all emitted files. */
- // "removeComments": true, /* Disable emitting comments. */
- // "noEmit": true, /* Disable emitting files from a compilation. */
- // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
- // "importsNotUsedAsValues": "remove", /* Specify emit/checking behavior for imports that are only used for types */
- // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
- // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */
- // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */
- // "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */
- // "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */
- // "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
- // "newLine": "crlf", /* Set the newline character for emitting files. */
- // "stripInternal": true, /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
- // "noEmitHelpers": true, /* Disable generating custom helper functions like `__extends` in compiled output. */
- // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */
- // "preserveConstEnums": true, /* Disable erasing `const enum` declarations in generated code. */
- // "declarationDir": "./", /* Specify the output directory for generated declaration files. */
- // "preserveValueImports": true, /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
- /* Interop Constraints */
- // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */
- // "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */
- "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
- // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
- "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
- /* Type Checking */
- "strict": true /* Enable all strict type-checking options. */,
- // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied `any` type.. */
- // "strictNullChecks": true, /* When type checking, take into account `null` and `undefined`. */
- // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
- // "strictBindCallApply": true, /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
- // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */
- // "noImplicitThis": true, /* Enable error reporting when `this` is given the type `any`. */
- // "useUnknownInCatchVariables": true, /* Type catch clause variables as 'unknown' instead of 'any'. */
- // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */
- // "noUnusedLocals": true, /* Enable error reporting when a local variables aren't read. */
- // "noUnusedParameters": true, /* Raise an error when a function parameter isn't read */
- // "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */
- // "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */
- // "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */
- // "noUncheckedIndexedAccess": true, /* Include 'undefined' in index signature results */
- // "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */
- // "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type */
- // "allowUnusedLabels": true, /* Disable error reporting for unused labels. */
- // "allowUnreachableCode": true, /* Disable error reporting for unreachable code. */
- /* Completeness */
- // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
- "skipLibCheck": true /* Skip type checking all .d.ts files. */,
+ "target": "es2016",
+ "module": "commonjs",
+ "allowJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "strict": true,
+ "skipLibCheck": true,
"lib": ["dom", "dom.iterable", "esnext"],
"noEmit": true,
"incremental": true,
@@ -95,7 +14,7 @@
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
- "typeRoots": ["node_modules/@types"] // ADDED THIS BY HAND
+ "typeRoots": ["node_modules/@types"]
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]