feat: add eslint config

.eslintignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+/scripts/*
+yarn.lock
+.eslintrc.cjs

.eslintrc.cjs

@@ -0,0 +1,59 @@
+const tsconfig = require('./scripts/get-tsconfig.cjs');
+
+module.exports = {
+  ignorePatterns: ['/scripts'],
+  env: {
+    browser: true,
+    es2023: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+  ],
+  overrides: [
+    {
+      files: tsconfig.include,
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: __dirname,
+      },
+    },
+    {
+      files: ['*.astro'],
+      parser: 'astro-eslint-parser',
+      extends: [
+        'plugin:astro/recommended',
+      ],
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        extraFileExtensions: ['.astro'],
+      },
+      rules: {},
+    },
+    {
+      files: ['*.jsx', '*.tsx'],
+      extends: [
+        'plugin:react/recommended',
+        'plugin:react/jsx-runtime',
+        'plugin:react-hooks/recommended',
+      ],
+      plugins: [
+        'react',
+      ],
+      rules: {},
+    },
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    extraFileExtensions: ['.astro'],
+    project: './tsconfig.json',
+  },
+  plugins: ['@typescript-eslint'],
+  rules: {
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': ['warn', {argsIgnorePattern: '^_'}],
+    'no-restricted-imports': ['error'],
+  },
+};

package.json

@@ -26,8 +26,12 @@
     "preview": "astro preview",
     "astro": "astro",
     "prepare": "husky install",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\" --config ./prettier.config.js",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx}\" --config ./prettier.config.js"
+    "format": "prettier --write \"src/**/*.{ts,js.css}\" --config ./prettier.config.js",
+    "format:check": "yarn format --check",
+    "lint": "eslint $(git diff --name-only HEAD | grep -E '.(js|jsx|ts|tsx|astro)$' | xargs) --max-warnings=0",
+    "lint:typecheck": "tsc --project . --noEmit",
+    "lint:fix": "yarn lint --fix",
+    "lint:all": "eslint . --fix --max-warnings=0"
   },
   "dependencies": {
     "@astrojs/mdx": "^2.0.0",
@@ -45,11 +49,19 @@
     "gsap": "^3.12.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-router-dom": "^6.20.1"
+    "react-router-dom": "^6.20.1",
+    "typescript": "^5.3.3"
   },
   "devDependencies": {
     "@testing-library/react": "^14.1.2",
     "@testing-library/react-hooks": "^8.0.1",
+    "@types/eslint": "^8",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "eslint": "^8.55.0",
+    "eslint-plugin-astro": "^0.30.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
     "lint-staged": "^15.2.0",
     "prettier": "3.1.1",

prettier.config.js

@@ -5,7 +5,7 @@ const config = {
   trailingComma: 'es5',
   arrowParens: 'always',
   proseWrap: 'always',
-  xmlWhitespaceSensitivity: 'ignore',
+  htmlWhitespaceSensitivity: 'ignore',
   bracketSpacing: true,
 };
 

src/content/config.ts

@@ -1,15 +1,15 @@
 import { defineCollection, z } from 'astro:content';
 
 const blog = defineCollection({
-	// Type-check frontmatter using a schema
-	schema: z.object({
-		title: z.string(),
-		description: z.string(),
-		// Transform string to Date object
-		pubDate: z.coerce.date(),
-		updatedDate: z.coerce.date().optional(),
-		heroImage: z.string().optional(),
-	}),
+  // Type-check frontmatter using a schema
+  schema: z.object({
+    title: z.string(),
+    description: z.string(),
+    // Transform string to Date object
+    pubDate: z.coerce.date(),
+    updatedDate: z.coerce.date().optional(),
+    heroImage: z.string().optional(),
+  }),
 });
 
 export const collections = { blog };

src/pages/rss.xml.js

@@ -3,14 +3,14 @@ import { getCollection } from 'astro:content';
 import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 
 export async function GET(context) {
-	const posts = await getCollection('blog');
-	return rss({
-		title: SITE_TITLE,
-		description: SITE_DESCRIPTION,
-		site: context.site,
-		items: posts.map((post) => ({
-			...post.data,
-			link: `/blog/${post.slug}/`,
-		})),
-	});
+  const posts = await getCollection('blog');
+  return rss({
+    title: SITE_TITLE,
+    description: SITE_DESCRIPTION,
+    site: context.site,
+    items: posts.map((post) => ({
+      ...post.data,
+      link: `/blog/${post.slug}/`,
+    })),
+  });
 }

src/ui/components/organisms/siteHead/SiteHead.astro

@@ -3,7 +3,6 @@ import 'src/ui/styles/index.css';
 import '@fontsource/zilla-slab';
 import '@fontsource-variable/literata';
 import { ViewTransitions } from 'astro:transitions';
-import { loadEnv } from 'vite';
 
 interface Props {
   title: string;

src/ui/components/templates/articleLayout/ArticleLayout.astro

@@ -1,13 +1,13 @@
 ---
 import './articleLayout.css';
-import type { CollectionEntry } from 'astro:content';
+//import type { CollectionEntry } from 'astro:content';
 import Footer from '@components/organisms/footer/Footer.astro';
 import SiteHead from '@components/organisms/siteHead/SiteHead.astro';
 import Header from '@components/organisms/header/Header.astro';
 
-type ArticleLayoutProps = CollectionEntry<'blog'>['data'];
+// type ArticleLayoutProps = CollectionEntry<'blog'>['data'];
 
-const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
+const { title, description, heroImage } = Astro.props;
 ---
 
 <html lang="en">