Add ESLint configuration and ignore files for improved code quality

rohanharikr · rohanharikr · commit 9a4d865f7cf4 · 2025-11-25T11:34:06.000Z
- Introduced .eslintrc.json to set up ESLint with recommended rules and React support.
- Added .eslintignore to exclude specific directories and files from linting, such as node_modules, build artifacts, and lock files.
- Updated package-lock.json to reflect dependency changes and ensure consistency.
- Minor adjustments to external link components for better accessibility by adding rel="noreferrer".
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,10 @@
+node_modules
+.next
+S3
+*.lock
+package-lock.json
+build
+dist
+coverage
+.dev
+
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,26 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node": true
+    },
+    "extends": ["eslint:recommended", "plugin:react/recommended"],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        }
+    },
+    "rules": {
+        "no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+        "no-console": "off",
+        "react/react-in-jsx-scope": "off",
+        "react/prop-types": "off"
+    }
+}
diff --git a/app/approach/data-governance/page.mdx b/app/approach/data-governance/page.mdx
@@ -53,4 +53,3 @@ We will not operate in those regimes. As Hellō is a global web service, anyone
 As noted in the previous question, we will not adjust our data governance. We do not see this as a missed commercial opportunity as China already has alternative digital identity mechanisms.
 
 </details>
-
diff --git a/app/page.js b/app/page.js
@@ -254,6 +254,7 @@ export default function Home() {
                             href="https://blog.hello.coop/"
                             target="_blank"
                             className="inline-block text-base md:text-lg xl:text-2xl opacity-50 hover:opacity-100 transition-all ext-link-icon"
+                            rel="noreferrer"
                         >
                             Read more at blog.hello.coop
                         </a>
diff --git a/components/animations/interchange-anim.js b/components/animations/interchange-anim.js
@@ -19,7 +19,7 @@ export default function InterchangeAnimation() {
         // Set opacity to 0 and position at start of path for #one through #seven
         numbers.forEach(num => {
             const elementSelector = `#interchange-animation #${num}`
-            const pathSelector = `#interchange-animation #${num}-path`
+            // const pathSelector = `#interchange-animation #${num}-path`
             gsap.set(elementSelector, {
                 opacity: 0,
             })
diff --git a/components/blog-feed.js b/components/blog-feed.js
@@ -71,6 +71,7 @@ export default function BlogFeed() {
                                 href={p.url}
                                 target="_blank"
                                 className="no-global-hover flex flex-col md:flex-row items-center gap-5 md:gap-10 hover:bg-charcoal/10 dark:hover:bg-gray/10 rounded-md p-4 -m-4 transition-all"
+                                rel="noreferrer"
                             >
                                 <img
                                     src={p.image}
diff --git a/components/products/coding-platforms.js b/components/products/coding-platforms.js
@@ -43,9 +43,10 @@ export default function CodingPlatforms({ showTitle = true, compact = false }) {
                                 href="https://www.hello.dev/docs/admin-mcp/"
                                 target="_blank"
                                 className="card-link-primary no-global-hover"
+                                rel="noreferrer"
                             >
                                 Try out the Admin MCP Server
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
@@ -56,9 +57,10 @@ export default function CodingPlatforms({ showTitle = true, compact = false }) {
                                 href="https://www.hello.dev/docs/apis/admin/"
                                 target="_blank"
                                 className="card-link-secondary no-global-hover"
+                                rel="noreferrer"
                             >
                                 Explore Admin API documentation
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
diff --git a/components/products/github-offboarding.js b/components/products/github-offboarding.js
@@ -63,7 +63,7 @@ export default function GitHubOffboarding({ showTitle = true, compact = false })
                                 className="card-link-primary no-global-hover cursor-pointer"
                             >
                                 Join the waitlist
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
diff --git a/components/products/hello-b2b-sso.js b/components/products/hello-b2b-sso.js
@@ -41,9 +41,10 @@ export default function HelloB2BSSO({ showTitle = true, compact = false }) {
                                 href="https://www.hello.dev/docs/getting-started/"
                                 target="_blank"
                                 className="card-link-primary no-global-hover"
+                                rel="noreferrer"
                             >
                                 Get started
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
@@ -54,9 +55,10 @@ export default function HelloB2BSSO({ showTitle = true, compact = false }) {
                                 href="https://www.b2bsaasdemo.com/"
                                 target="_blank"
                                 className="card-link-secondary no-global-hover"
+                                rel="noreferrer"
                             >
                                 Try out the B2B demo
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
diff --git a/components/products/hello-b2c-sso.js b/components/products/hello-b2c-sso.js
@@ -38,9 +38,10 @@ export default function HelloB2BSSO({ showTitle = true, compact = false }) {
                                 href="https://www.hello.dev/docs/getting-started/"
                                 target="_blank"
                                 className="card-link-primary no-global-hover"
+                                rel="noreferrer"
                             >
                                 Get started
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
@@ -51,9 +52,10 @@ export default function HelloB2BSSO({ showTitle = true, compact = false }) {
                                 href="https://www.greenfielddemo.com/"
                                 target="_blank"
                                 className="card-link-secondary no-global-hover"
+                                rel="noreferrer"
                             >
                                 Try out the B2C demo
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
diff --git a/components/products/hello-lifecycle.js b/components/products/hello-lifecycle.js
@@ -64,7 +64,7 @@ export default function HelloLifecycle({ showTitle = true, compact = false }) {
                                 className="card-link-primary no-global-hover cursor-pointer"
                             >
                                 Join the waitlist
-                                <svg width={10} height={10} fil="currentColor" className="ml-2">
+                                <svg width={10} height={10} fill="currentColor" className="ml-2">
                                     <g>
                                         <path className="line" d="M 0 5 H 7" />
                                         <path className="tip" d="M 5 10 L 10 5 L 5 0" />
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -53,4 +53,3 @@ We will not operate in those regimes. As Hellō is a global web service, anyone`
`53`	`53`	`As noted in the previous question, we will not adjust our data governance. We do not see this as a missed commercial opportunity as China already has alternative digital identity mechanisms.`
`54`	`54`
`55`	`55`	`</details>`
`56`		`-`
Original file line number	Diff line number	Diff line change
`@@ -254,6 +254,7 @@ export default function Home() {`
`254`	`254`	`href="https://blog.hello.coop/"`
`255`	`255`	`target="_blank"`
`256`	`256`	`className="inline-block text-base md:text-lg xl:text-2xl opacity-50 hover:opacity-100 transition-all ext-link-icon"`
	`257`	`+ rel="noreferrer"`
`257`	`258`	`>`
`258`	`259`	`Read more at blog.hello.coop`
`259`	`260`	`</a>`
Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,7 @@ export default function BlogFeed() {`
`71`	`71`	`href={p.url}`
`72`	`72`	`target="_blank"`
`73`	`73`	`className="no-global-hover flex flex-col md:flex-row items-center gap-5 md:gap-10 hover:bg-charcoal/10 dark:hover:bg-gray/10 rounded-md p-4 -m-4 transition-all"`
	`74`	`+ rel="noreferrer"`
`74`	`75`	`>`
`75`	`76`	`<img`
`76`	`77`	`src={p.image}`
Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ export default function GitHubOffboarding({ showTitle = true, compact = false })`
`63`	`63`	`className="card-link-primary no-global-hover cursor-pointer"`
`64`	`64`	`>`
`65`	`65`	`Join the waitlist`
`66`		`- <svg width={10} height={10} fil="currentColor" className="ml-2">`
	`66`	`+ <svg width={10} height={10} fill="currentColor" className="ml-2">`
`67`	`67`	`<g>`
`68`	`68`	`<path className="line" d="M 0 5 H 7" />`
`69`	`69`	`<path className="tip" d="M 5 10 L 10 5 L 5 0" />`