Added TypeScript compiler checks on types and JavaScript files

Author: FlorianLeChat

app/[locale]/components/ui/form.tsx

@@ -5,11 +5,11 @@
 import { Slot } from "@radix-ui/react-slot";
 import { merge } from "@/utilities/tailwind";
 import { Controller,
-	FieldPath,
-	FieldValues,
 	FormProvider,
 	useFormContext,
-	ControllerProps } from "react-hook-form";
+	type FieldPath,
+	type FieldValues,
+	type ControllerProps } from "react-hook-form";
 import { useTranslations } from "next-intl";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { useId,

app/[locale]/dashboard/components/column-header.tsx

@@ -6,7 +6,7 @@
 "use client";
 
 import { merge } from "@/utilities/tailwind";
-import { Column } from "@tanstack/react-table";
+import { type Column } from "@tanstack/react-table";
 import { useTranslations } from "next-intl";
 import { useSearchParams } from "next/navigation";
 import { type HTMLAttributes } from "react";

app/[locale]/dashboard/components/data-table.tsx

@@ -12,14 +12,14 @@ import { useSearchParams } from "next/navigation";
 import { SessionProvider } from "next-auth/react";
 import { type TableMeta,
 	flexRender,
-	SortingState,
 	useReactTable,
-	VisibilityState,
 	getCoreRowModel,
 	getSortedRowModel,
-	ColumnFiltersState,
+	type SortingState,
 	getFilteredRowModel,
-	getPaginationRowModel } from "@tanstack/react-table";
+	type VisibilityState,
+	getPaginationRowModel,
+	type ColumnFiltersState } from "@tanstack/react-table";
 import type { FileAttributes } from "@/interfaces/File";
 import { useLocale, useMessages } from "next-intl";
 

app/[locale]/dashboard/components/pagination.tsx

@@ -5,11 +5,11 @@
 
 "use client";
 
-import { Table } from "@tanstack/react-table";
 import { ChevronLeft,
 	ChevronRight,
 	ChevronsLeft,
 	ChevronsRight } from "lucide-react";
+import type { Table } from "@tanstack/react-table";
 import { useTranslations } from "next-intl";
 import { useSearchParams } from "next/navigation";
 

app/manifest.ts

@@ -2,7 +2,7 @@
 // Route vers le manifeste de l'application.
 //  Source : https://nextjs.org/docs/app/api-reference/file-conventions/metadata/manifest
 //
-import { MetadataRoute } from "next";
+import { type MetadataRoute } from "next";
 import { generateMetadata } from "./[locale]/layout";
 
 export default async function manifest(): Promise<MetadataRoute.Manifest>

config/columns.tsx

@@ -5,8 +5,8 @@
 "use client";
 
 import { merge } from "@/utilities/tailwind";
-import { ColumnDef } from "@tanstack/react-table";
 import { formatSize } from "@/utilities/react-table";
+import type { ColumnDef } from "@tanstack/react-table";
 import type { FileAttributes } from "@/interfaces/File";
 
 import { Badge } from "@/components/ui/badge";

playwright.config.ts

@@ -1,5 +1,7 @@
 import { join } from "path";
-import { PlaywrightTestConfig, defineConfig, devices } from "@playwright/test";
+import { devices,
+	defineConfig,
+	type PlaywrightTestConfig } from "@playwright/test";
 
 const port = process.env.PORT ?? 3000;
 const baseURL = `http://localhost:${ port }`;

tsconfig.json

@@ -1,42 +1,44 @@
 {
-    "exclude": ["node_modules"],
-    "include": ["next-env.d.ts", "**/*.config.js", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-    "compilerOptions": {
-        "lib": ["dom", "dom.iterable", "esnext"],
-        "jsx": "preserve",
-        "paths": {
-            "@/*": ["./*"],
-            "@/app/*": ["./app/[locale]/*"],
-            "@/images/*": ["./public/assets/images/*"],
-            "@/settings/*": ["./app/[locale]/settings/*"],
-            "@/dashboard/*": ["./app/[locale]/dashboard/*"],
-            "@/components/*": ["./app/[locale]/components/*"],
-        },
-        "noEmit": true,
-        "strict": true,
-        "target": "esnext",
-        "module": "esnext",
-        "allowJs": true,
-        "plugins": [
-            {"name": "next"}
-        ],
-        "incremental": true,
-        "skipLibCheck": true,
-        "noImplicitAny": true,
-        "importHelpers": true,
-        "removeComments": true,
-        "noImplicitThis": true,
-        "noUnusedLocals": true,
-        "isolatedModules": true,
-        "esModuleInterop": true,
-        "strictNullChecks": true,
-        "moduleResolution": "bundler",
-        "resolveJsonModule": true,
-        "noImplicitOverride": true,
-        "noUnusedParameters": true,
-        "strictFunctionTypes": true,
-        "noFallthroughCasesInSwitch": true,
-        "allowSyntheticDefaultImports": true,
-        "forceConsistentCasingInFileNames": true
-    }
+	"exclude": ["node_modules"],
+	"include": ["next-env.d.ts", "**/*.config.js", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+	"compilerOptions": {
+		"lib": ["dom", "dom.iterable", "esnext"],
+		"jsx": "preserve",
+		"paths": {
+			"@/*": ["./*"],
+			"@/app/*": ["./app/[locale]/*"],
+			"@/images/*": ["./public/assets/images/*"],
+			"@/settings/*": ["./app/[locale]/settings/*"],
+			"@/dashboard/*": ["./app/[locale]/dashboard/*"],
+			"@/components/*": ["./app/[locale]/components/*"],
+		},
+		"noEmit": true,
+		"strict": true,
+		"target": "esnext",
+		"module": "esnext",
+		"allowJs": true,
+		"checkJs": true,
+		"plugins": [
+			{"name": "next"}
+		],
+		"incremental": true,
+		"skipLibCheck": true,
+		"noImplicitAny": true,
+		"importHelpers": true,
+		"removeComments": true,
+		"noImplicitThis": true,
+		"noUnusedLocals": true,
+		"isolatedModules": true,
+		"esModuleInterop": true,
+		"strictNullChecks": true,
+		"moduleResolution": "bundler",
+		"resolveJsonModule": true,
+		"noImplicitOverride": true,
+		"noUnusedParameters": true,
+		"strictFunctionTypes": true,
+		"verbatimModuleSyntax": true,
+		"noFallthroughCasesInSwitch": true,
+		"allowSyntheticDefaultImports": true,
+		"forceConsistentCasingInFileNames": true
+	}
 }