Small improvements to tsconfig settings

ResilienceWeb · Dec 21, 2024 · 2d790a3 · 2d790a3
1 parent e2532cf
commit 2d790a3
Show file tree

Hide file tree

Showing 21 changed files with 39 additions and 25 deletions.
diff --git a/app/[subdomain]/Web.tsx b/app/[subdomain]/Web.tsx
@@ -23,7 +23,7 @@ import {
 import useCategoriesPublic from '@hooks/categories/useCategoriesPublic'
 import useSelectedWebSlug from '@hooks/application/useSelectedWebSlug'
 import useTagsPublic from '@hooks/tags/useTagsPublic'
-import { Category } from '@prisma/client'
+import type { Category } from '@prisma/client'
 
 const NetworkComponent = dynamic(() => import('@components/network'), {
   ssr: false,

diff --git a/app/admin/team/page.tsx b/app/admin/team/page.tsx
@@ -1,5 +1,6 @@
 'use client'
-import { Formik, Form, Field, FormikHelpers } from 'formik'
+import { Formik, Form, Field } from 'formik'
+import type { FormikHelpers } from 'formik'
 import { useCallback, useMemo } from 'react'
 import { useSession } from 'next-auth/react'
 import {

diff --git a/app/admin/user-settings/page.tsx b/app/admin/user-settings/page.tsx
@@ -1,7 +1,8 @@
 'use client'
 import { useCallback, useEffect } from 'react'
 import { useSession } from 'next-auth/react'
-import { Formik, Form, Field, FieldProps } from 'formik'
+import { Formik, Form, Field } from 'formik'
+import type { FieldProps } from 'formik'
 import {
   Box,
   Center,

diff --git a/app/admin/web-settings/page.tsx b/app/admin/web-settings/page.tsx
@@ -1,6 +1,7 @@
 'use client'
 import { useCallback, useEffect } from 'react'
-import { Formik, Form, Field, FieldProps } from 'formik'
+import { Formik, Form, Field } from 'formik'
+import type { FieldProps } from 'formik'
 import {
   Box,
   Center,

diff --git a/app/api/categories/route.ts b/app/api/categories/route.ts
@@ -1,4 +1,4 @@
-import { Category } from '@prisma/client'
+import type { Category } from '@prisma/client'
 import prisma from '@prisma-rw'
 
 export async function GET(request) {

diff --git a/app/api/tags/route.ts b/app/api/tags/route.ts
@@ -1,4 +1,4 @@
-import { Tag } from '@prisma/client'
+import type { Tag } from '@prisma/client'
 import prisma from '@prisma-rw'
 
 export async function GET(request) {

diff --git a/app/api/webs/[slug]/route.ts b/app/api/webs/[slug]/route.ts
@@ -1,4 +1,5 @@
-import { Web, Prisma } from '@prisma/client'
+import { Prisma } from '@prisma/client'
+import type { Web } from '@prisma/client'
 import prisma from '@prisma-rw'
 import uploadImage from '@helpers/uploadImage'
 import { stringToBoolean } from '@helpers/utils'

diff --git a/app/edit/[webSlug]/[listingSlug]/page.tsx b/app/edit/[webSlug]/[listingSlug]/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from 'next'
+import type { Metadata } from 'next'
 import getListing from '../../../[subdomain]/[slug]/getListing'
 import EditListing from './EditListing'
 

diff --git a/components/admin/listing-form/ListingForm.tsx b/components/admin/listing-form/ListingForm.tsx
@@ -1,8 +1,9 @@
 import { memo, useEffect, useMemo } from 'react'
-import { Formik, Form, Field, FieldProps, useFormikContext } from 'formik'
+import { Formik, Form, Field, useFormikContext } from 'formik'
+import type { FieldProps } from 'formik'
 import ReactSelect from 'react-select'
 import type { Options } from 'react-select'
-import { Category } from '@prisma/client'
+import type { Category } from '@prisma/client'
 import NextLink from 'next/link'
 import dynamic from 'next/dynamic'
 import {

diff --git a/components/admin/listing-form/ListingFormSimplified.tsx b/components/admin/listing-form/ListingFormSimplified.tsx
@@ -1,8 +1,9 @@
 import { memo, useEffect, useMemo } from 'react'
-import { Formik, Form, Field, FieldProps, useFormikContext } from 'formik'
+import { Formik, Form, Field, useFormikContext } from 'formik'
+import type { FieldProps } from 'formik'
 import ReactSelect from 'react-select'
 import type { Options } from 'react-select'
-import { Category } from '@prisma/client'
+import type { Category } from '@prisma/client'
 import {
   chakra,
   Box,

diff --git a/components/admin/permissions-list/PermissionsList.tsx b/components/admin/permissions-list/PermissionsList.tsx
@@ -1,5 +1,6 @@
 import { memo, useCallback, useMemo } from 'react'
-import { Formik, Form, Field, FieldProps } from 'formik'
+import { Formik, Form, Field } from 'formik'
+import type { FieldProps } from 'formik'
 import isEqual from 'lodash/isEqual'
 import { useSession } from 'next-auth/react'
 import {

diff --git a/components/admin/sidebar/SidebarContent.tsx b/components/admin/sidebar/SidebarContent.tsx
@@ -1,4 +1,5 @@
-import { ReactElement, useMemo } from 'react'
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
 import NextLink from 'next/link'
 import Image from 'next/legacy/image'
 import { usePathname } from 'next/navigation'
@@ -8,13 +9,13 @@ import {
   CloseButton,
   Flex,
   Icon,
-  FlexProps,
   Button,
   Link,
   Stack,
   Heading,
   Text,
 } from '@chakra-ui/react'
+import type { FlexProps } from '@chakra-ui/react'
 import {
   HiViewList,
   HiUserGroup,

diff --git a/components/admin/web-creation/WebCreation.tsx b/components/admin/web-creation/WebCreation.tsx
@@ -17,7 +17,8 @@ import {
   InputRightAddon,
   Textarea,
 } from '@chakra-ui/react'
-import { Formik, Form, Field, FieldProps, useFormikContext } from 'formik'
+import { Formik, Form, Field, useFormikContext } from 'formik'
+import type { FieldProps } from 'formik'
 import LogoImage from '../../../public/logo.png'
 import { fieldRequiredValidator, urlValidator } from '@helpers/formValidation'
 import useCreateWeb from '@hooks/webs/useCreateWeb'

diff --git a/components/footer/Footer.tsx b/components/footer/Footer.tsx
@@ -10,7 +10,7 @@ import {
   VisuallyHidden,
 } from '@chakra-ui/react'
 import NextLink from 'next/link'
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import {
   FaGithub,
   FaFacebook,

diff --git a/hooks/categories/useCategories.tsx b/hooks/categories/useCategories.tsx
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { Category } from '@prisma/client'
+import type { Category } from '@prisma/client'
 import { useAppContext } from '@store/hooks'
 
 async function fetchCategoriesRequest({ queryKey }) {

diff --git a/hooks/categories/useCategoriesPublic.tsx b/hooks/categories/useCategoriesPublic.tsx
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { Category } from '@prisma/client'
+import type { Category } from '@prisma/client'
 
 async function fetchCategoriesRequest({ queryKey }) {
   const [_key, { webSlug }] = queryKey

diff --git a/hooks/tags/useTags.tsx b/hooks/tags/useTags.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query'
 import { useAppContext } from '@store/hooks'
-import { Tag } from '@prisma/client'
+import type { Tag } from '@prisma/client'
 import useIsAdminMode from '@hooks/application/useIsAdminMode'
 
 async function fetchTagsRequest({ queryKey }) {

diff --git a/hooks/tags/useTagsPublic.tsx b/hooks/tags/useTagsPublic.tsx
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { Tag } from '@prisma/client'
+import type { Tag } from '@prisma/client'
 import useSelectedWebSlug from '@hooks/application/useSelectedWebSlug'
 
 async function fetchTagsRequest({ queryKey }) {

diff --git a/hooks/webs/useCreateWeb.tsx b/hooks/webs/useCreateWeb.tsx
@@ -1,5 +1,5 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { Web } from '@prisma/client'
+import type { Web } from '@prisma/client'
 
 async function createWebRequest(webData): Promise<{ web: Web }> {
   const response = await fetch('/api/webs', {

diff --git a/hooks/webs/useUpdateWeb.tsx b/hooks/webs/useUpdateWeb.tsx
@@ -1,5 +1,5 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { Web } from '@prisma/client'
+import type { Web } from '@prisma/client'
 
 async function updateWebRequest(webData) {
   const formData = new FormData()

diff --git a/tsconfig.json b/tsconfig.json
@@ -11,11 +11,16 @@
     "strict": false,
     "forceConsistentCasingInFileNames": true,
     "allowImportingTsExtensions": true,
+    // Make indexing stricter
+    "noUncheckedIndexedAccess": true,
     "noEmit": true,
     "incremental": true,
     "esModuleInterop": true,
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "module": "Preserve",
+    // No accidental global scripts
+    "moduleDetection": "force",
+    // Enforced 'type-only' imports
+    "verbatimModuleSyntax": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",