refactor trpc setup

@react-vite-trpc/eslint-config/eslint.js

@@ -1,33 +1,60 @@
-module.exports = {
-   extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const path = require('path')
+
+/** @type {import("eslint").Linter.Config} */
+const config = {
+   overrides: [
+      {
+         extends: [
+            'plugin:@typescript-eslint/stylistic-type-checked',
+            'plugin:@typescript-eslint/recommended-type-checked',
+         ],
+         files: ['*.ts', '*.tsx'],
+         parserOptions: {
+            project: path.join(__dirname, 'tsconfig.json'),
+         },
+      },
+   ],
    parser: '@typescript-eslint/parser',
-   plugins: ['@typescript-eslint', 'prettier', 'unused-imports'],
-   ignorePatterns: ['node_modules', '.turbo', 'dist', 'dev-dist', 'coverage'],
+   parserOptions: {
+      project: path.join(__dirname, 'tsconfig.json'),
+   },
+   plugins: ['@typescript-eslint', 'eslint-plugin-local-rules'],
+   extends: [
+      'eslint:recommended',
+      'plugin:@typescript-eslint/stylistic',
+      'plugin:@typescript-eslint/recommended',
+      'next/core-web-vitals',
+      'prettier',
+   ],
+   ignorePatterns: ['node_modules', '*.stories.*', '*.test.*'],
    rules: {
-      'prettier/prettier': ['error', { endOfLine: 'auto' }],
-      'no-return-await': ['error'],
-      'prefer-destructuring': ['error'],
-      'object-shorthand': ['error'],
-      'no-unneeded-ternary': ['error'],
-      'prefer-template': ['error'],
-      '@typescript-eslint/consistent-type-imports': ['error', { fixStyle: 'inline-type-imports' }],
-      'no-empty': ['error', { allowEmptyCatch: true }],
-      'unused-imports/no-unused-imports': 'warn',
+      '@next/next/no-img-element': 'off',
+      'import/no-anonymous-default-export': 'off',
+      '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+      'no-process-env': 'error',
+      'no-console': 'error',
+      '@typescript-eslint/consistent-type-imports': [
+         'warn',
+         {
+            prefer: 'type-imports',
+            fixStyle: 'inline-type-imports',
+         },
+      ],
       '@typescript-eslint/no-unused-vars': [
-         'error',
+         'warn',
          {
             argsIgnorePattern: '^_',
-            varsIgnorePattern: '^_',
          },
       ],
-      'object-curly-newline': [
-         'warn',
+      '@typescript-eslint/no-misused-promises': [
+         'error',
          {
-            ObjectExpression: {
-               multiline: true,
-               minProperties: 2,
-            },
+            checksVoidReturn: false,
          },
       ],
+      'no-unreachable': 'error',
+      'local-rules/require-data-mapper': 'error',
    },
 }
+module.exports = config

apps/server/package.json

@@ -15,16 +15,19 @@
       "build": "tsc -b"
    },
    "dependencies": {
+      "@libsql/client": "^0.6.0",
+      "@trpc/client": "^10.29.1",
       "@trpc/server": "^10.29.1",
       "cookie-parser": "^1.4.6",
-      "@trpc/client": "^10.29.1",
+      "drizzle-orm": "^0.30.9",
+      "drizzle-zod": "^0.5.1",
       "express": "^4.18.2",
       "express-serve-static-core": "^0.1.1",
       "zod": "^3.21.4"
    },
    "devDependencies": {
-      "@react-vite-trpc/tsconfig": "workspace:*",
       "@react-vite-trpc/config": "workspace:*",
+      "@react-vite-trpc/tsconfig": "workspace:*",
       "@swc/core": "^1.3.62",
       "@types/cookie-parser": "^1.4.3",
       "@types/express": "^4.17.17",
@@ -33,11 +36,12 @@
       "@types/node": "^18.16.17",
       "cross-env": "^7.0.3",
       "dotenv": "^16.1.4",
+      "drizzle-kit": "^0.20.17",
       "envalid": "^7.3.1",
       "fs-extra": "^11.1.1",
       "module-alias": "^2.2.3",
       "nodemon": "^2.0.22",
-      "typescript": "^4.9.5",
-      "pm2": "^5.3.0"
+      "pm2": "^5.3.0",
+      "typescript": "^4.9.5"
    }
 }

apps/server/src/db/db.ts

@@ -0,0 +1,11 @@
+import { createClient } from '@libsql/client'
+import { drizzle } from 'drizzle-orm/libsql'
+
+import 'dotenv/config'
+
+const turso = createClient({
+   url: process.env.TURSO_CONNECTION_URL!,
+   authToken: process.env.TURSO_AUTH_TOKEN!,
+})
+
+export const db = drizzle(turso)

apps/server/src/db/schema.ts

@@ -0,0 +1,14 @@
+import { createInsertSchema } from 'drizzle-zod'
+import { z } from 'zod'
+
+import { integer, sqliteTable, text } from 'drizzle-orm/sqlite-core'
+
+export const projects = sqliteTable('projects', {
+   id: integer('id').primaryKey(),
+   name: text('name').notNull(),
+})
+
+export type InsertProject = typeof projects.$inferInsert
+export type SelectProjects = typeof projects.$inferSelect
+export const apiProject = createInsertSchema(projects, { name: z.string() })
+export const apiCreateProject = apiProject.omit({ id: true })

apps/server/src/trpc/api/router.ts

@@ -5,13 +5,13 @@ import type { Application } from 'express'
 
 import { router } from 'trpc'
 
-import { getRole } from './resolvers'
+import { projectsRouter } from './routers/projects'
 
 export type AppRouter = typeof appRouter
 
 export type Context = inferAsyncReturnType<typeof createContext>
 
-const appRouter = router({ getRole })
+const appRouter = router({ project: projectsRouter })
 
 const createContext = ({ req, res }: CreateExpressContextOptions) => ({
    req,

apps/server/src/trpc/api/routers/projects.ts

@@ -0,0 +1,14 @@
+import { db } from 'db/db'
+import { apiCreateProject, projects } from 'db/schema'
+
+import { publicProcedure, router } from 'trpc'
+
+export const projectsRouter = router({
+   create: publicProcedure.input(apiCreateProject).mutation(async req => {
+      return await db.insert(projects).values(req.input).returning()
+   }),
+
+   getAll: publicProcedure.query(async () => {
+      return await db.select(projects)
+   }),
+})

apps/server/src/trpc/trpc.ts

@@ -4,6 +4,6 @@ import { type Context } from './api/router'
 
 const t = initTRPC.context<Context>().create()
 
-export const userProcedure = t.procedure
+export const publicProcedure = t.procedure
 
 export const { middleware, router } = t

apps/web/src/components/features/Home/Home.tsx

@@ -1,7 +1,7 @@
 import { trpc } from 'trpc'
 
 export const Home = () => {
-   const { data } = trpc.getRole.useQuery()
+   const { data } = trpc.project.getAll.useQuery()
 
-   return <div>Current role: {data?.role}</div>
+   return <div>All projects:</div>
 }