refactor: Refactor existing files to adhere to the prettier config

zufall-labs · Nov 9, 2024 · 7c1adb0 · 7c1adb0
1 parent d4ccc4a
commit 7c1adb0
Show file tree

Hide file tree

Showing 10 changed files with 140 additions and 128 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -4,80 +4,80 @@
  * and should modify this configuration to best suit your team's needs.
  */
 
-/** @type {import('eslint').Linter.Config} */
+/** @type {import("eslint").Linter.Config} */
 module.exports = {
-  root: true,
-  parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-    ecmaFeatures: {
-      jsx: true,
+    root: true,
+    parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module",
+        ecmaFeatures: {
+            jsx: true
+        }
+    },
+    env: {
+        browser: true,
+        commonjs: true,
+        es6: true
     },
-  },
-  env: {
-    browser: true,
-    commonjs: true,
-    es6: true,
-  },
 
-  // Base config
-  extends: ["eslint:recommended"],
+    // Base config
+    extends: ["eslint:recommended"],
 
-  overrides: [
-    // React
-    {
-      files: ["**/*.{js,jsx,ts,tsx}"],
-      plugins: ["react", "jsx-a11y"],
-      extends: [
-        "plugin:react/recommended",
-        "plugin:react/jsx-runtime",
-        "plugin:react-hooks/recommended",
-        "plugin:jsx-a11y/recommended",
-      ],
-      settings: {
-        react: {
-          version: "detect",
-        },
-        formComponents: ["Form"],
-        linkComponents: [
-          { name: "Link", linkAttribute: "to" },
-          { name: "NavLink", linkAttribute: "to" },
-        ],
-        "import/resolver": {
-          typescript: {},
+    overrides: [
+        // React
+        {
+            files: ["**/*.{js,jsx,ts,tsx}"],
+            plugins: ["react", "jsx-a11y"],
+            extends: [
+                "plugin:react/recommended",
+                "plugin:react/jsx-runtime",
+                "plugin:react-hooks/recommended",
+                "plugin:jsx-a11y/recommended"
+            ],
+            settings: {
+                react: {
+                    version: "detect"
+                },
+                formComponents: ["Form"],
+                linkComponents: [
+                    { name: "Link", linkAttribute: "to" },
+                    { name: "NavLink", linkAttribute: "to" }
+                ],
+                "import/resolver": {
+                    typescript: {}
+                }
+            }
         },
-      },
-    },
 
-    // Typescript
-    {
-      files: ["**/*.{ts,tsx}"],
-      plugins: ["@typescript-eslint", "import"],
-      parser: "@typescript-eslint/parser",
-      settings: {
-        "import/internal-regex": "^~/",
-        "import/resolver": {
-          node: {
-            extensions: [".ts", ".tsx"],
-          },
-          typescript: {
-            alwaysTryTypes: true,
-          },
+        // Typescript
+        {
+            files: ["**/*.{ts,tsx}"],
+            plugins: ["@typescript-eslint", "import"],
+            parser: "@typescript-eslint/parser",
+            settings: {
+                "import/internal-regex": "^~/",
+                "import/resolver": {
+                    node: {
+                        extensions: [".ts", ".tsx"]
+                    },
+                    typescript: {
+                        alwaysTryTypes: true
+                    }
+                }
+            },
+            extends: [
+                "plugin:@typescript-eslint/recommended",
+                "plugin:import/recommended",
+                "plugin:import/typescript"
+            ]
         },
-      },
-      extends: [
-        "plugin:@typescript-eslint/recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript",
-      ],
-    },
 
-    // Node
-    {
-      files: [".eslintrc.js"],
-      env: {
-        node: true,
-      },
-    },
-  ],
+        // Node
+        {
+            files: [".eslintrc.js"],
+            env: {
+                node: true
+            }
+        }
+    ]
 };
diff --git a/app/root.tsx b/app/root.tsx
@@ -1,27 +1,27 @@
 import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
+    Links,
+    Meta,
+    Outlet,
+    Scripts,
+    ScrollRestoration
 } from "@remix-run/react";
 
 import "~/styles/tailwind.css";
 
 export default function App() {
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <Meta />
-        <Links />
-      </head>
-      <body>
+    return (
+        <html lang="en">
+        <head>
+            <meta charSet="utf-8" />
+            <meta name="viewport" content="width=device-width, initial-scale=1" />
+            <Meta />
+            <Links />
+        </head>
+        <body>
         <Outlet />
         <ScrollRestoration />
         <Scripts />
-      </body>
-    </html>
-  );
+        </body>
+        </html>
+    );
 }
diff --git a/app/routes/api.issues.ts b/app/routes/api.issues.ts
@@ -6,12 +6,12 @@ import type { RepoIssues, GitHubLoaderData } from "~/types/github";
 const CONFIG = {
     OWNER: "zufall-labs",
     CACHE_DURATION: 5 * 60 * 1000, // 5 Minutes
-    GITHUB_API_BASE: "https://api.github.com",
+    GITHUB_API_BASE: "https://api.github.com"
 } as const;
 
 const envSchema = z.object({
     REPOSITORIES: z.string().transform(str => str.split(",").map(s => s.trim())),
-    SECRET_ACCESS_TOKEN: z.string().min(1, "GitHub token is required"),
+    SECRET_ACCESS_TOKEN: z.string().min(1, "GitHub token is required")
 });
 
 let cachedData: RepoIssues[] | null = null;
@@ -23,8 +23,8 @@ const fetchRepoIssues = async (repo: string, token: string) => {
         {
             headers: {
                 "Authorization": `token ${token}`,
-                "Accept": "application/vnd.github.v3+json",
-            },
+                "Accept": "application/vnd.github.v3+json"
+            }
         }
     );
 

diff --git a/app/routes/apitest.tsx b/app/routes/apitest.tsx
@@ -16,7 +16,7 @@ export const loader: LoaderFunction = async ({ request }) => {
         const data = await response.json();
         return json<GitHubLoaderData>(data);
     } catch (error) {
-        console.error('Error fetching issues:', error);
+        console.error("Error fetching issues:", error);
         return json<GitHubLoaderData>({ data: [] });
     }
 };
@@ -44,10 +44,10 @@ export default function APITest() {
                                     >
                                         {issue.title}
                                     </a>
-                                    <span className={`ml-2 px-2 py-1 text-sm rounded-full ${issue.state === 'open'
-                                            ? 'bg-green-100 text-green-800'
-                                            : 'bg-gray-100 text-gray-800'
-                                        }`}>
+                                    <span className={`ml-2 px-2 py-1 text-sm rounded-full ${issue.state === "open"
+                                        ? "bg-green-100 text-green-800"
+                                        : "bg-gray-100 text-gray-800"
+                                    }`}>
                                         {issue.state}
                                     </span>
                                 </li>
@@ -58,4 +58,4 @@ export default function APITest() {
             ))}
         </div>
     );
-}
+}
diff --git a/app/styles/tailwind.css b/app/styles/tailwind.css
@@ -1,4 +1,5 @@
 @import "../../public/fonts/stylesheet.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/app/types/github.ts b/app/types/github.ts
@@ -2,7 +2,7 @@ export interface GitHubIssue {
     id: number;
     number: number;
     title: string;
-    state: 'open' | 'closed';
+    state: "open" | "closed";
     created_at: string;
     updated_at: string;
     html_url: string;
@@ -15,4 +15,4 @@ export interface RepoIssues {
 
 export interface GitHubLoaderData {
     data: RepoIssues[];
-}
+}
diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -1,6 +1,6 @@
 module.exports = {
     plugins: {
         tailwindcss: {},
-        autoprefixer: {},
-    },
-};
+        autoprefixer: {}
+    }
+};
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -1,27 +1,27 @@
-import type { Config } from 'tailwindcss'
+import type { Config } from "tailwindcss";
 
 export default {
-  content: [
-    "./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}",
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        'helvetica-now': [
-          'Helvetica Now Display',
-          'sans-serif',
-        ],
-      },
-      fontWeight: {
-        'thin': '100',
-        'light': '300',
-        'normal': '400',
-        'medium': '500',
-        'bold': '700',
-        'extra-bold': '800',
-        'black': '900',
-      }
+    content: [
+        "./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"
+    ],
+    theme: {
+        extend: {
+            fontFamily: {
+                "helvetica-now": [
+                    "Helvetica Now Display",
+                    "sans-serif"
+                ]
+            },
+            fontWeight: {
+                "thin": "100",
+                "light": "300",
+                "normal": "400",
+                "medium": "500",
+                "bold": "700",
+                "extra-bold": "800",
+                "black": "900"
+            }
+        }
     },
-  },
-  plugins: [],
-} satisfies Config
+    plugins: []
+} satisfies Config;
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,7 +1,16 @@
 {
-  "include": ["env.d.ts", "**/*.ts", "**/*.tsx", "netlify-edge-plugin.ts"],
+  "include": [
+    "env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "netlify-edge-plugin.ts"
+  ],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2022"
+    ],
     "isolatedModules": true,
     "esModuleInterop": true,
     "jsx": "react-jsx",
@@ -15,7 +24,9 @@
     "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"]
+      "~/*": [
+        "./app/*"
+      ]
     },
     // Vite takes care of building everything, not tsc.
     "noEmit": true

diff --git a/vite.config.ts b/vite.config.ts
@@ -4,5 +4,5 @@ import tsconfigPaths from "vite-tsconfig-paths";
 import { netlifyPlugin } from "@netlify/remix-adapter/plugin";
 
 export default defineConfig({
-  plugins: [remix(), netlifyPlugin(), tsconfigPaths()],
+    plugins: [remix(), netlifyPlugin(), tsconfigPaths()]
 });