Skip to content
This repository was archived by the owner on Nov 11, 2024. It is now read-only.

Commit 0c3ce1b

Browse files
author
seek
committed
setup linting
1 parent 2a83d3f commit 0c3ce1b

26 files changed

+2659
-364
lines changed

‎ .lintstagedrc.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"./**/*.{ts,tsx}": "npm lint:fix"
3+
}

‎.eslintrc.json

+67-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,69 @@
11
{
2-
"extends": "next/core-web-vitals"
2+
"env": {
3+
"es2021": true,
4+
"node": true,
5+
"browser": true,
6+
"commonjs": true
7+
},
8+
"parser": "@typescript-eslint/parser",
9+
"parserOptions": {
10+
"ecmaVersion": 2021,
11+
"ecmaFeatures": {
12+
"jsx": true
13+
},
14+
"sourceType": "module"
15+
},
16+
"settings": {
17+
"react": {
18+
"version": "detect"
19+
},
20+
"import/resolver": {
21+
"typescript": { "project": "./" }
22+
}
23+
},
24+
"plugins": [
25+
"react-hooks",
26+
"react",
27+
"@typescript-eslint",
28+
"jsx-a11y",
29+
"import"
30+
],
31+
"extends": [
32+
"next/core-web-vitals",
33+
"plugin:@typescript-eslint/eslint-recommended",
34+
"plugin:@typescript-eslint/recommended",
35+
"plugin:jsx-a11y/recommended",
36+
"plugin:import/errors",
37+
"plugin:import/warnings",
38+
"prettier"
39+
],
40+
"rules": {
41+
"react/prop-types": "off",
42+
"@next/next/no-img-element": "off",
43+
"@next/next/no-html-link-for-pages": "off"
44+
},
45+
"overrides": [
46+
{
47+
"files": ["*.js"],
48+
"rules": {
49+
"@typescript-eslint/no-var-requires": "error",
50+
"@typescript-eslint/explicit-function-return-type": "error",
51+
"@typescript-eslint/ban-types": [
52+
"error",
53+
{
54+
"types": {
55+
"{}": false
56+
}
57+
}
58+
],
59+
"react/prop-types": ["off"],
60+
"react/react-in-jsx-scope": "off",
61+
"react/jsx-filename-extension": [
62+
"error",
63+
{ "extensions": [".jsx", ".tsx"] }
64+
],
65+
"import/order": ["error"]
66+
}
67+
}
68+
]
369
}

‎app/.prettierignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
**/package-lock.json
2+
**/node_modules/
3+
**/.next/

‎app/[...not_found]/page.tsx

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1-
import Link from 'next/link'
2-
import {notFound} from "next/navigation"
1+
import { notFound } from "next/navigation";
32

43
export default function NotFoundCatchAll() {
5-
notFound()
6-
return null
7-
}
4+
notFound();
5+
return null;
6+
}

‎app/animations/AnimatedBody.tsx

-4
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,12 @@ import { useInView } from "react-intersection-observer";
55
type AnimatedBodyProps = {
66
text: string;
77
className?: string;
8-
wordSpace?: string;
9-
charSpace?: string;
108
delay?: number;
119
};
1210

1311
export default function AnimatedBody({
1412
text,
1513
className,
16-
wordSpace,
17-
charSpace,
1814
delay,
1915
}: AnimatedBodyProps) {
2016
const ctrls = useAnimation();

‎app/animations/AnimatedLetters.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
1-
import { motion } from "framer-motion";
1+
import { motion, useAnimation } from "framer-motion";
22
import { useEffect } from "react";
3-
import { useAnimation } from "framer-motion";
43
import { useInView } from "react-intersection-observer";
54

65
type AnimatedLettersProps = {
@@ -42,7 +41,7 @@ const AnimatedLetters: React.FC<AnimatedLettersProps> = ({ title, style }) => {
4241
};
4342

4443
return (
45-
<h1 aria-label={title} role="heading">
44+
<h1 aria-label={title}>
4645
<motion.span
4746
ref={ref}
4847
className="flex max-w-[500px] flex-col overflow-hidden text-center text-[96px] font-extrabold leading-[0.8em] text-[#f8fbff] sm:text-[120px] sm:leading-[0.85em] md:max-w-[900px] md:text-[155.5px] lg:text-[215px]"

‎app/animations/AnimatedTitle.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ export default function AnimatedTitle({
5353
};
5454

5555
return (
56-
<h2 aria-label={text} role="heading" className={className}>
56+
<h2 aria-label={text} className={className}>
5757
{text.split(" ").map((word, index) => {
5858
return (
5959
<motion.span

‎app/animations/AnimatedWords.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
1-
import { motion } from "framer-motion";
1+
import { motion, useAnimation } from "framer-motion";
22
import { useEffect } from "react";
3-
import { useAnimation } from "framer-motion";
43
import { useInView } from "react-intersection-observer";
54

65
type AnimatedWordsProps = {
@@ -41,7 +40,7 @@ const AnimatedWords: React.FC<AnimatedWordsProps> = ({ title, style }) => {
4140
};
4241

4342
return (
44-
<h1 aria-label={title} role="heading">
43+
<h1 aria-label={title}>
4544
<motion.span className={style} ref={ref}>
4645
{title.split(" ").map((word, index) => (
4746
<motion.div

‎app/animations/animate.css

+6
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,12 @@
33
0% {
44
left: 0;
55
}
6+
67
100% {
78
left: -340%;
89
}
910
}
11+
1012
.animate {
1113
animation: marquee 20s linear infinite;
1214
transform: translate(0, -50%);
@@ -18,10 +20,12 @@
1820
0% {
1921
left: 0;
2022
}
23+
2124
100% {
2225
left: -355%;
2326
}
2427
}
28+
2529
.animate {
2630
animation: marquee 20s linear infinite;
2731
transform: translate(0, -50%);
@@ -33,10 +37,12 @@
3337
0% {
3438
left: 0;
3539
}
40+
3641
100% {
3742
left: -300%;
3843
}
3944
}
45+
4046
.animate {
4147
animation: marquee 20s linear infinite;
4248
transform: translate(0, -50%);

‎app/components/background/ContactBackground.tsx

+3-12
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,13 @@ import "./background.css";
44
const ContactBackground: React.FC = () => {
55
return (
66
<div>
7-
<video
8-
className="contact"
9-
autoPlay
10-
loop
11-
muted
12-
playsInline
13-
preload="auto"
14-
>
7+
<video className="contact" autoPlay loop muted playsInline preload="auto">
158
<source src="/contact.mp4" type="video/mp4" />
169
<source src="/contact.png" type="video/mp4" />
1710
</video>
18-
<div
19-
className="contact-bg"
20-
/>
11+
<div className="contact-bg" />
2112
</div>
2213
);
2314
};
2415

25-
export default ContactBackground;
16+
export default ContactBackground;

‎app/components/background/HeroBackground.tsx

+3-13
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,15 @@
11
import React from "react";
2-
import Image from "next/image";
32
import "./background.css";
43

54
const HeroBackground: React.FC = () => {
65
return (
76
<div>
8-
<video
9-
className= "hero"
10-
autoPlay
11-
loop
12-
muted
13-
playsInline
14-
preload="auto"
15-
>
7+
<video className="hero" autoPlay loop muted playsInline preload="auto">
168
<source src="/hero.mp4" type="video/mp4" />
179
</video>
18-
<div
19-
className="hero-bg"
20-
/>
10+
<div className="hero-bg" />
2111
</div>
2212
);
2313
};
2414

25-
export default HeroBackground;
15+
export default HeroBackground;

‎app/components/background/background.css

+26-27
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,34 @@
11
.hero {
2-
position: absolute;
3-
top: 0;
4-
left: 0;
5-
width: 100%;
6-
height: 100%;
7-
object-fit: cover;
8-
2+
position: absolute;
3+
top: 0;
4+
left: 0;
5+
width: 100%;
6+
height: 100%;
7+
object-fit: cover;
98
}
109
.hero-bg {
11-
position: absolute;
12-
top: 0;
13-
left: 0;
14-
width: 100%;
15-
height: 100%;
16-
background: linear-gradient(0deg, #0E1016 0%, transparent 100%);
10+
position: absolute;
11+
top: 0;
12+
left: 0;
13+
width: 100%;
14+
height: 100%;
15+
background: linear-gradient(0deg, #0e1016 0%, transparent 100%);
1716
}
1817

1918
.contact {
20-
position: absolute;
21-
top: 0;
22-
left: 0;
23-
width: 100%;
24-
height: 100%;
25-
object-fit: cover;
26-
19+
position: absolute;
20+
top: 0;
21+
left: 0;
22+
width: 100%;
23+
height: 100%;
24+
object-fit: cover;
2725
}
2826
.contact-bg {
29-
position: absolute;
30-
top: 0;
31-
left: 0;
32-
width: 100%;
33-
height: 100%;
34-
background: linear-gradient(180deg, #0E1016 0%, transparent 50%), linear-gradient(0deg, #0E1016 0%, transparent 100%);
35-
}
27+
position: absolute;
28+
top: 0;
29+
left: 0;
30+
width: 100%;
31+
height: 100%;
32+
background: linear-gradient(180deg, #0e1016 0%, transparent 50%),
33+
linear-gradient(0deg, #0e1016 0%, transparent 100%);
34+
}

‎app/components/container/Container.tsx

-30
Original file line numberDiff line numberDiff line change
@@ -59,37 +59,8 @@ const HoverRectangle: React.FC<HoverRectangleProps> = ({
5959
return color;
6060
};
6161

62-
const getBorderStyle = () => {
63-
const gradientColor = `linear-gradient(${angle}deg, rgba(255, 255, 255, 0) 0%, ${color} 100%)`;
64-
return `${gradientColor}`;
65-
};
66-
67-
const circleStyle = {
68-
position: "absolute",
69-
width: "100%",
70-
height: "100%",
71-
top: "-1px",
72-
left: "-1px",
73-
borderRadius:
74-
typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius,
75-
background: `radial-gradient(800px circle at ${cursorPosition.x}px ${cursorPosition.y}px, rgba(81, 88, 180, 0.4),transparent 40%)`,
76-
opacity: isHovered ? 0.5 : 0,
77-
transition: "opacity 0.3s ease-out",
78-
pointerEvents: "none",
79-
};
80-
8162
const blurClasses = useBlur ? "inline-block px-1 py-1 backdrop-blur-md" : "";
8263

83-
const reverseGradient = (angle: number | null | undefined) => {
84-
if (typeof angle !== "number" || isNaN(angle)) {
85-
return 0;
86-
}
87-
const rotation = Math.floor(angle / 360);
88-
const newAngle = angle - rotation * 360;
89-
const reverseAngle = newAngle + 180;
90-
return reverseAngle;
91-
};
92-
9364
return (
9465
<div
9566
className={`${blurClasses}`}
@@ -111,7 +82,6 @@ const HoverRectangle: React.FC<HoverRectangleProps> = ({
11182
onMouseLeave={() => setIsHovered(false)}
11283
onFocus={() => setIsHovered(true)}
11384
onBlur={() => setIsHovered(false)}
114-
tabIndex={0}
11585
ref={containerRef}
11686
>
11787
{children}

‎app/components/container/NavBarWindow.tsx

-16
Original file line numberDiff line numberDiff line change
@@ -59,23 +59,8 @@ const NavBarWindow: React.FC<NavBarWindowProps> = ({
5959
return color;
6060
};
6161

62-
const getBorderStyle = () => {
63-
const gradientColor = `linear-gradient(${angle}deg, rgba(255, 255, 255, 0) 0%, ${color} 100%)`;
64-
return `${gradientColor}`;
65-
};
66-
6762
const blurClasses = useBlur ? "inline-block px-1 py-1 backdrop-blur-md" : "";
6863

69-
const reverseGradient = (angle: number | null | undefined) => {
70-
if (typeof angle !== "number" || isNaN(angle)) {
71-
return 0;
72-
}
73-
const rotation = Math.floor(angle / 360);
74-
const newAngle = angle - rotation * 360;
75-
const reverseAngle = newAngle + 180;
76-
return reverseAngle;
77-
};
78-
7964
return (
8065
<div
8166
className={`${blurClasses}`}
@@ -96,7 +81,6 @@ const NavBarWindow: React.FC<NavBarWindowProps> = ({
9681
onMouseLeave={() => setIsHovered(false)}
9782
onFocus={() => setIsHovered(true)}
9883
onBlur={() => setIsHovered(false)}
99-
tabIndex={0}
10084
ref={containerRef}
10185
>
10286
<div

0 commit comments

Comments
 (0)