🆙 eslint (#441)

eslint.config.js

@@ -0,0 +1,2 @@
+import config from "@bradgarropy/eslint-config"
+export default config

package.json

@@ -1,6 +1,6 @@
 {
     "name": "bradgarropy.com",
-    "version": "8.1.0",
+    "version": "8.2.0",
     "description": "🏠 my home on the web",
     "type": "module",
     "keywords": [
@@ -81,9 +81,7 @@
         "unified": "^11.0.4"
     },
     "devDependencies": {
-        "@bradgarropy/eslint-config": "^1.1.0",
-        "@bradgarropy/eslint-config-react": "^1.0.0",
-        "@bradgarropy/eslint-config-typescript": "^1.1.0",
+        "@bradgarropy/eslint-config": "^3.0.1",
         "@bradgarropy/plop-generator-react-component": "^1.1.1",
         "@bradgarropy/plop-generator-react-context": "^1.1.1",
         "@bradgarropy/plop-generator-react-hook": "^1.1.1",
@@ -100,17 +98,9 @@
         "@types/node": "^20.10.4",
         "@types/react": "^19.0.1",
         "@types/react-dom": "^19.0.2",
-        "@typescript-eslint/eslint-plugin": "^8.18.0",
-        "@typescript-eslint/parser": "^8.18.0",
         "@vitejs/plugin-react": "^4.2.1",
         "@vitest/coverage-v8": "^1.1.0",
         "all-contributors-cli": "^6.24.0",
-        "eslint": "^8.37.0",
-        "eslint-config-prettier": "^9.0.0",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.32.2",
-        "eslint-plugin-react-hooks": "^4.3.0",
-        "eslint-plugin-simple-import-sort": "^12.0.0",
         "jest": "^29.7.0",
         "jsdom": "^24.0.0",
         "plop": "^4.0.1",

src/components/GoogleAnalytics/GoogleAnalytics.test.tsx

@@ -1,8 +1,9 @@
 import {render} from "@testing-library/react"
-import {test} from "vitest"
+import {expect, test} from "vitest"
 
 import GoogleAnalytics from "~/components/GoogleAnalytics"
 
 test("renders script tags", async () => {
-    render(<GoogleAnalytics measurementId="test" />)
+    const {baseElement} = render(<GoogleAnalytics measurementId="test" />)
+    expect(baseElement.children).toHaveLength(1)
 })

src/components/Logo/Logo.test.tsx

@@ -1,8 +1,9 @@
 import {render} from "@testing-library/react"
-import {test} from "vitest"
+import {expect, test} from "vitest"
 
 import Logo from "~/components/Logo"
 
 test("shows logo", () => {
-    render(<Logo />)
+    const {container} = render(<Logo />)
+    expect(container.getElementsByTagName("svg")).toHaveLength(1)
 })

src/hooks/useMarkdown/useMarkdown.test.tsx

@@ -40,7 +40,6 @@ test("renders images", () => {
 
     const {result} = renderHook(() =>
         useMarkdown(
-            // eslint-disable-next-line quotes
             '<img src="https://bradgarropy.com/profile.jpg" alt="profile" width="100" height="100"/>',
         ),
     )

src/transformers/twitch/twitch.test.ts

@@ -62,7 +62,5 @@ test("transforms twitch clips", () => {
     )
 
     const emptyHtml = twitchTransformer.getHTML("https://twitch.tv")
-
-    // eslint-disable-next-line quotes
     expect(emptyHtml).toEqual('<div class="twitch"></div>')
 })

src/transformers/twitch/twitch.ts

@@ -17,7 +17,6 @@ const getHTML = (string: string): string => {
     } else if (isClip(string)) {
         src = `https://clips.twitch.tv/embed?clip=${id}`
     } else {
-        // eslint-disable-next-line quotes
         const html = '<div class="twitch"></div>'
         return html
     }

src/transformers/twitter/twitter.test.ts

@@ -22,18 +22,15 @@ test("transforms twitter links", async () => {
     )
 
     expect(html).toEqual(
-        // eslint-disable-next-line quotes
         expect.stringContaining('<div class="grid justify-center">'),
     )
 
     expect(html).toEqual(
-        // eslint-disable-next-line quotes
         expect.stringContaining('<blockquote class="twitter-tweet">'),
     )
 
     expect(html).toEqual(
         expect.stringContaining(
-            // eslint-disable-next-line quotes
             '<script async src="https://platform.twitter.com/widgets.js" charset="utf-8">',
         ),
     )

src/utils/feed.test.ts

@@ -63,8 +63,6 @@ test("caches json feed", async () => {
     expect(feedCache.get("feed")).toBeUndefined()
 
     const feed = await generateFeed("json")
-
-    // eslint-disable-next-line quotes
     expect(feed).toContain('"title": "bradgarropy.com"')
     expect(feed).not.toBeUndefined()
 

src/utils/markdown.server.test.ts

@@ -30,7 +30,6 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             '<a href="https://bradgarropy.com/profile.jpg"><img src="https://bradgarropy.com/profile.jpg" alt="brad garropy"></a>',
         )
     })
@@ -43,7 +42,6 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             '<a href="http://res.cloudinary.com/profile.jpg"><img src="http://res.cloudinary.com/profile.jpg" alt="brad garropy" width="100" height="100"></a>',
         )
 
@@ -52,7 +50,6 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             '<a href="https://res.cloudinary.com/profile.jpg"><img src="https://res.cloudinary.com/profile.jpg" alt="brad garropy" width="100" height="100"></a>',
         )
     })
@@ -63,7 +60,6 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             '<a href="https://bradgarropy.com/profile.jpg"><img src="https://bradgarropy.com/profile.jpg" alt="brad garropy"></a>',
         )
     })
@@ -74,7 +70,6 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             '<a href="https://res.cloudinary.com/bradgarropy/image/upload/bradgarropy.com/profile.jpg"><img src="https://res.cloudinary.com/bradgarropy/image/upload/f_auto,q_auto,w_660,c_limit/bradgarropy.com/profile.jpg" alt="brad garropy" width="100" height="100"></a>',
         )
     })
@@ -85,7 +80,6 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             '<a href="https://bradgarropy.com/profile.jpg"><img src="https://bradgarropy.com/profile.jpg" alt="brad garropy"></a>',
         )
     })
@@ -99,7 +93,6 @@ describe("transforms markdown", () => {
 
         expect(html).toEqual(
             expect.stringContaining(
-                // eslint-disable-next-line quotes
                 'src="https://codesandbox.io/embed/exciting-pascal-j5hwu"',
             ),
         )
@@ -108,14 +101,10 @@ describe("transforms markdown", () => {
     test("embeds twitch", async () => {
         const html = await transformMarkdown("https://twitch.tv/bradgarropy")
 
-        expect(html).toEqual(
-            // eslint-disable-next-line quotes
-            expect.stringContaining("<iframe"),
-        )
+        expect(html).toEqual(expect.stringContaining("<iframe"))
 
         expect(html).toEqual(
             expect.stringContaining(
-                // eslint-disable-next-line quotes
                 'src="https://player.twitch.tv?channel=bradgarropy&#x26;parent=bradgarropy.com"',
             ),
         )
@@ -127,18 +116,15 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             expect.stringContaining('<div class="grid justify-center">'),
         )
 
         expect(html).toEqual(
-            // eslint-disable-next-line quotes
             expect.stringContaining('<blockquote class="twitter-tweet">'),
         )
 
         expect(html).toEqual(
             expect.stringContaining(
-                // eslint-disable-next-line quotes
                 '<script async src="https://platform.twitter.com/widgets.js" charset="utf-8">',
             ),
         )
@@ -149,12 +135,10 @@ describe("transforms markdown", () => {
 
         expect(html).toEqual(expect.stringContaining("<iframe"))
 
-        // eslint-disable-next-line quotes
         expect(html).toEqual(expect.stringContaining('title="9zcU6oUOHVc"'))
 
         expect(html).toEqual(
             expect.stringContaining(
-                // eslint-disable-next-line quotes
                 'src="https://www.youtube-nocookie.com/embed/9zcU6oUOHVc"',
             ),
         )
@@ -166,31 +150,15 @@ describe("transforms markdown", () => {
         )
 
         expect(html).toEqual(
-            expect.stringContaining(
-                // eslint-disable-next-line quotes
-                '<a href="https://example.com"',
-            ),
+            expect.stringContaining('<a href="https://example.com"'),
         )
 
-        expect(html).toEqual(
-            expect.stringContaining(
-                // eslint-disable-next-line quotes
-                "external link</a>",
-            ),
-        )
+        expect(html).toEqual(expect.stringContaining("external link</a>"))
 
         expect(html).toEqual(
-            expect.stringContaining(
-                // eslint-disable-next-line quotes
-                'rel="noopener noreferrer"',
-            ),
+            expect.stringContaining('rel="noopener noreferrer"'),
         )
 
-        expect(html).toEqual(
-            expect.stringContaining(
-                // eslint-disable-next-line quotes
-                'target="_blank"',
-            ),
-        )
+        expect(html).toEqual(expect.stringContaining('target="_blank"'))
     })
 })

tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 
-const typography = require("@tailwindcss/typography")
+import typography from "@tailwindcss/typography"
 
 const config = {
     content: [