Tooling phoenix (kamp-us#444)

Update eslint, tsconfig & prettier.

here is what i did:

i moved the packages/apps we don't use anymore to deprecated folder

apps/pano
apps/home
packages/kampus-ui
packages/pano-button
i removed packages/kampus-eslint-config and packages/kampus-tsconfig

created config folder and added it as workspaces folder in package.json. I thought we can host the configs over there.

redid the prettier config based on https://github.com/t3-oss/create-t3-turbo/blob/main/prettier.config.cjs

Author: usirin

.eslintrc.js

@@ -1,8 +1,14 @@
 /** @type {import("eslint").Linter.Config} */
 const config = {
   root: true,
-  extends: ["@kampus/eslint-config/next"],
+  extends: ["@kampus/eslint-config"], // uses the config in `config/eslint`
   parser: "@typescript-eslint/parser",
+  ignorePatterns: ["**/*.generated.ts"],
+  parserOptions: {
+    ecmaVersion: "latest",
+    tsconfigRootDir: __dirname,
+    project: ["./tsconfig.json", "./apps/*/tsconfig.json", "./packages/*/tsconfig.json"],
+  },
   settings: {
     next: {
       rootDir: ["apps/kampus", "apps/gql"],

.prettierignore

@@ -1,4 +1,5 @@
 node_modules
+__generated__
 
 .next
 

.prettierrc

@@ -1,6 +1,7 @@
-import { createSchema, createYoga } from "graphql-yoga";
 import { readFileSync } from "node:fs";
 import { join } from "node:path";
+import { createSchema, createYoga } from "graphql-yoga";
+
 import { createClients } from "~/clients";
 import { createLoaders } from "~/loaders";
 import { resolvers } from "~/schema/resolvers";
@@ -12,7 +13,7 @@ const { handleRequest } = createYoga({
   schema: createSchema({ typeDefs, resolvers }),
   logging: "debug",
   graphiql: true,
-  context: async () => ({
+  context: () => ({
     loaders: createLoaders(clients),
   }),
 

apps/gql/app/graphql/route.ts

@@ -1,4 +1,5 @@
 import { PrismaClient } from "@kampus-db/pano-prisma";
+
 import { env } from "~/env";
 
 export function createPrismaClient() {

apps/gql/clients/prisma.ts

@@ -1,7 +1,7 @@
+import { type Clients } from "~/clients/types";
 import { createSozlukLoaders } from "./sozluk";
 import { type DataLoaders } from "./types";
 import { createUsersLoader } from "./users";
-import { type Clients } from "~/clients/types";
 
 export const createLoaders = (clients: Clients): DataLoaders => {
   return {

apps/gql/loaders/index.ts

@@ -1,8 +1,10 @@
-import { allTerms } from "@kampus/sozluk-content";
 import DataLoader from "dataloader";
-import { LoaderKey } from "./utils/loader-key";
+
+import { allTerms } from "@kampus/sozluk-content";
+
 import { type Clients } from "~/clients/types";
 import { type SozlukTerm } from "~/schema/types.generated";
+import { LoaderKey } from "./utils/loader-key";
 
 export const createSozlukLoaders = (clients: Clients) => {
   return {
@@ -14,6 +16,7 @@ export type SozlukTermsLoader = DataLoader<SozlukTermLoaderKey, SozlukTerm>;
 export class SozlukTermLoaderKey extends LoaderKey<"id", string> {}
 
 function createTermsLoader(_: Clients) {
+  // eslint-disable-next-line @typescript-eslint/require-await
   return new DataLoader<SozlukTermLoaderKey, SozlukTerm>(async (keys) => {
     console.log({ keys });
 

apps/gql/loaders/sozluk.ts

@@ -1,31 +1,30 @@
 import DataLoader from "dataloader";
-import { LoaderKey } from "./utils/loader-key";
+
 import { type Clients } from "~/clients/types";
 import { type User } from "~/schema/types.generated";
+import { LoaderKey } from "./utils/loader-key";
 
 export type UsersLoader = DataLoader<UserLoaderKey, User>;
 
 export class UserLoaderKey extends LoaderKey<"id" | "username", string> {}
 
 export const createUsersLoader = (clients: Clients): UsersLoader =>
   new DataLoader<UserLoaderKey, User>(async (keys) => {
-    const request: Record<string, string[]> = {
-      ids: [],
-      usernames: [],
-    };
+    const ids: string[] = [];
+    const usernames: string[] = [];
 
     keys.forEach((key) => {
       const { identifier, value } = key;
       if (identifier === "id") {
-        request.ids.push(value);
+        ids.push(value);
       } else if (identifier === "username") {
-        request.usernames.push(value);
+        usernames.push(value);
       }
     });
 
     const users = await clients.prisma.user.findMany({
       where: {
-        OR: [{ id: { in: request.ids } }, { username: { in: request.usernames } }],
+        OR: [{ id: { in: ids } }, { username: { in: usernames } }],
         deletedAt: null,
       },
     });

apps/gql/loaders/users.ts

@@ -1,6 +1,6 @@
+import { type Resolvers } from "../types.generated";
 import { term } from "./Query/SozlukQuery/term";
 import { user } from "./Query/user";
-import { type Resolvers } from "../types.generated";
 
 export const resolvers = {
   Query: {

apps/gql/schema/resolvers/index.ts

@@ -1,5 +1,7 @@
 import { GraphQLResolveInfo } from "graphql";
+
 import { KampusGQLContext } from "./types";
+
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
 export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };