chore: apply ESLint and Prettier formatting across codebase

.eslintignore

@@ -0,0 +1,22 @@
+# Dependencies
+node_modules/
+
+# Build output
+build/
+dist/
+out/
+
+# Caches / temp
+.cache/
+.tmp/
+.eslintcache
+
+# Config files (optional)
+*.config.js
+babel.config.js
+
+# Docs
+*.md
+*.mdx
+docs/**/*.md
+blog/**/*.md

.eslintrc.cjs

@@ -0,0 +1,59 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: "latest",
+    sourceType: "module",
+  },
+  plugins: ["react", "@typescript-eslint", "prettier"],
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  rules: {
+    "prettier/prettier": "error",
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "react/no-unknown-property": "off",
+    "react/display-name": "off",
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-var-requires": "off",
+    "@typescript-eslint/no-require-imports": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/no-empty-object-type": "off",
+    "no-console": "off",
+    "no-undef": "off",
+    "no-useless-escape": "off",
+    "no-prototype-builtins": "off",
+    "no-constant-condition": "off",
+    "no-misleading-character-class": "off",
+    "react/no-unescaped-entities": "off",
+  },
+  ignorePatterns: [
+    "node_modules/",
+    "build/",
+    ".docusaurus/",
+    ".cache-loader/",
+    "tmp/",
+    "static/",
+    "*.config.js",
+    "babel.config.js",
+  ],
+};

.prettierignore

@@ -0,0 +1,17 @@
+# Documentation
+docs/**/*.md
+docs/**/*.mdx
+blog/**/*.md
+blog/**/*.mdx
+*.md
+*.mdx
+
+# Build outputs
+node_modules/
+build/
+.docusaurus/
+.cache-loader/
+tmp/
+
+# Package files
+package-lock.json

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": false,
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 80
+}

components.json

@@ -1,22 +1,21 @@
 {
-    "$schema": "https://ui.shadcn.com/schema.json",
-    "style": "new-york",
-    "rsc": false,
-    "tsx": true,
-    "tailwind": {
-      "config": "",
-      "css": "src/styles/globals.css",
-      "baseColor": "neutral",
-      "cssVariables": true,
-      "prefix": ""
-    },
-    "aliases": {
-      "components": "@site/src/components",
-      "utils": "@site/src/lib/utils",
-      "ui": "@site/src/components/ui",
-      "lib": "@site/src/lib",
-      "hooks": "@site/src/hooks"
-    },
-    "iconLibrary": "lucide"
-  }
-
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@site/src/components",
+    "utils": "@site/src/lib/utils",
+    "ui": "@site/src/components/ui",
+    "lib": "@site/src/lib",
+    "hooks": "@site/src/hooks"
+  },
+  "iconLibrary": "lucide"
+}

docs/GitHub/GitHub-basics/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "GitHub Basics",
-    "position": 4,
-    "link": {
-      "type": "generated-index",
-      "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
-    }
-  }
+  "label": "GitHub Basics",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
+  }
+}

docs/GitHub/Maintainer-guide/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "Maintainer Guide",
-    "position": 4,
-    "link": {
-      "type": "generated-index",
-      "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
-    }
-  }
+  "label": "Maintainer Guide",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
+  }
+}

docs/GitHub/setup-environment/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "Setting up environment",
-    "position": 2,
-    "link": {
-      "type": "generated-index",
-      "description": "In this section, In this tutorial, you will learn how to set up your development environment for Git And GitHub.."
-    }
-  }
+  "label": "Setting up environment",
+  "position": 2,
+  "link": {
+    "type": "generated-index",
+    "description": "In this section, In this tutorial, you will learn how to set up your development environment for Git And GitHub.."
+  }
+}

docs/sql/SQL-basics/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "SQL Basics",
-    "position": 4,
-    "link": {
-      "type": "generated-index",
-      "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
-    }
-  }
+  "label": "SQL Basics",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
+  }
+}

docs/sql/table-transformation/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "Table Transformation",
-    "position": 4,
-    "link": {
-      "type": "generated-index",
-      "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
-    }
-  }
+  "label": "Table Transformation",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "In this section, you will learn the basics of HTML, including how to create a simple webpage and how to use HTML tags to structure your content."
+  }
+}

docusaurus.config.ts

@@ -270,8 +270,11 @@ const config: Config = {
   customFields: {
     gitToken: process.env.DOCUSAURUS_GIT_TOKEN,
     // Shopify credentials for merch store
-    SHOPIFY_STORE_DOMAIN: process.env.SHOPIFY_STORE_DOMAIN || 'junh9v-gw.myshopify.com',
-    SHOPIFY_STOREFRONT_ACCESS_TOKEN: process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN || '2503dfbf93132b42e627e7d53b3ba3e9',
+    SHOPIFY_STORE_DOMAIN:
+      process.env.SHOPIFY_STORE_DOMAIN || "junh9v-gw.myshopify.com",
+    SHOPIFY_STOREFRONT_ACCESS_TOKEN:
+      process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN ||
+      "2503dfbf93132b42e627e7d53b3ba3e9",
     hooks: {
       onBrokenMarkdownLinks: "warn",
     },

package.json

@@ -13,7 +13,11 @@
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
-    "typecheck": "tsc"
+    "typecheck": "tsc",
+    "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
+    "lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css}\"",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@docusaurus/core": "^3.9.1",
@@ -65,8 +69,15 @@
     "@types/canvas-confetti": "^1.9.0",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.45.0",
+    "@typescript-eslint/parser": "^8.45.0",
     "autoprefixer": "^10.4.21",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
     "postcss": "^8.5.3",
+    "prettier": "^3.6.2",
     "tailwindcss": "^4.1.4",
     "typescript": "~5.3"
   },

postcss.config.ts

@@ -1,5 +1,5 @@
 module.exports = {
-    plugins: {
-      '@tailwindcss/postcss': {},
-    }
-  }
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};