feat: add new eslint rules (#22)

* feat: add new eslint rules

* feat: add providers props

* fix: error build

.eslintrc.yaml

@@ -2,6 +2,10 @@ env:
     browser: true
     node: true
 
+globals:
+    React: true
+    JSX: true
+
 plugins:
     - '@typescript-eslint'
 
@@ -15,12 +19,12 @@ parser: '@typescript-eslint/parser'
 
 rules:
     'no-console': 'warn'
+    'no-nested-ternary': 'warn'
+    'no-use-before-define': 'warn'
     '@typescript-eslint/array-type':
         - 'warn'
         - 'default': 'array-simple'
-    '@typescript-eslint/consistent-indexed-object-style': 'warn'
     '@typescript-eslint/no-explicit-any': 'warn'
-
-globals:
-    JSX: true
-    React: true
+    '@typescript-eslint/consistent-type-imports': 'warn'
+    '@typescript-eslint/consistent-type-definitions': 'warn'
+    '@typescript-eslint/consistent-indexed-object-style': 'warn'

src/app/layout.tsx

@@ -8,18 +8,8 @@ import Providers from '@/app/providers';
 import { cn } from '@/utils/cn';
 
 import type { Metadata } from 'next';
-import type { TLayoutProps } from '@/types/layout.type';
 
-const DEFAULT_TITLE = 'Next.js App Dir Template';
-const DEFAULT_DESCRIPTION = 'Next.js app directory template, built with Next.js (TypeScript) and Tailwind CSS.';
-
-export const metadata: Metadata = {
-    title: {
-        template: `%s - ${DEFAULT_TITLE}`,
-        default: DEFAULT_TITLE,
-    },
-    description: DEFAULT_DESCRIPTION,
-};
+import type { TLayoutProps } from '@/types/layout';
 
 export default async function Layout({ children }: TLayoutProps) {
     return (
@@ -30,3 +20,14 @@ export default async function Layout({ children }: TLayoutProps) {
         </html>
     );
 }
+
+const DEFAULT_TITLE = 'Next.js App Dir Template';
+const DEFAULT_DESCRIPTION = 'Next.js app directory template, built with Next.js (TypeScript) and Tailwind CSS.';
+
+export const metadata: Metadata = {
+    title: {
+        template: `%s - ${DEFAULT_TITLE}`,
+        default: DEFAULT_TITLE,
+    },
+    description: DEFAULT_DESCRIPTION,
+};

src/app/providers.tsx

@@ -8,7 +8,7 @@ import { ThemeProvider } from 'next-themes';
 import { ThemeWatcher } from '@/app/_components/theme-watcher';
 import { TRPCReactProvider } from '@/trpc/client/react';
 
-type TProvidersProps = React.PropsWithChildren;
+import type { TProvidersProps } from '@/types/providers';
 
 export default function Providers({ children }: TProvidersProps) {
     return (

src/server/db/adapter.ts

@@ -22,11 +22,11 @@ import {
     text,
     primaryKey,
     integer,
-    PgTableFn,
-    PgDatabase,
     serial,
     varchar,
     index,
+    type PgTableFn,
+    type PgDatabase,
 } from 'drizzle-orm/pg-core';
 
 import type { Adapter, AdapterAccount } from 'next-auth/adapters';

src/types/layout.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from 'react';
+
+// import type { TParams, TSearchParams } from '@/types/params';
+
+// export type TLayoutProps<P = TParams, SP = TSearchParams> = PropsWithChildren<{
+//     params: P;
+//     searchParams: SP;
+// }>;
+
+export type TLayoutProps<T = unknown> = PropsWithChildren<T>;

src/types/page.ts

@@ -0,0 +1,6 @@
+import type { TParams, TSearchParams } from '@/types/params';
+
+export interface TPageProps<P = TParams, SP = TSearchParams> {
+    params: P;
+    searchParams: SP;
+}

src/types/params.ts

@@ -0,0 +1,3 @@
+export type TParams = Record<string, string | string[] | undefined>;
+
+export type TSearchParams = Record<string, string | string[] | undefined>;

src/types/providers.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+
+export type TProvidersProps<T = unknown> = PropsWithChildren<T>;