linting: disable several rules to keep this pull request reviewable

app/src/App.tsx

@@ -8,6 +8,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable new-cap */
 /* eslint-disable @typescript-eslint/prefer-optional-chain */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/restrict-plus-operands */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */

app/src/ModalContent.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/restrict-plus-operands */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 
 import { useEffect, useState } from 'react'
 import { TextView } from 'utopia-ui'

app/src/api/itemsApi.ts

@@ -111,8 +111,8 @@ export class itemsApi<T> implements ItemsApi<T> {
 
   async deleteItem(id: string): Promise<boolean> {
     try {
-      const result = await directusClient.request(deleteItem(this.collectionName, id))
-      return result as unknown as boolean
+      await directusClient.request(deleteItem(this.collectionName, id))
+      return true
     } catch (error: any) {
       console.log(error)
       if (error.errors[0].message) throw error.errors[0].message

app/src/api/refiBcnApi.ts

@@ -1,6 +1,7 @@
 /* eslint-disable no-console */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
 import axios from 'axios'
 
 import type { ItemsApi } from 'utopia-ui'

app/src/pages/MapContainer.tsx

@@ -3,6 +3,7 @@
 /* eslint-disable import-x/no-relative-parent-imports */
 /* eslint-disable new-cap */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { useEffect, useState } from 'react'
 import {

lib/src/Components/AppShell/SidebarSubmenu.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/prefer-find */
 import ChevronDownIcon from '@heroicons/react/24/outline/ChevronDownIcon'
 import { useEffect, useState } from 'react'
 import { Link, useLocation } from 'react-router-dom'

lib/src/Components/Auth/LoginPage.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { useCallback, useEffect, useState } from 'react'
 import { Link, useNavigate } from 'react-router-dom'
 import { toast } from 'react-toastify'

lib/src/Components/Auth/SignupPage.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { toast } from 'react-toastify'

lib/src/Components/Auth/useAuth.tsx

@@ -67,7 +67,7 @@ export const AuthProvider = ({ userApi, children }: AuthProviderProps) => {
         return undefined
       }
       // eslint-disable-next-line no-catch-all/no-catch-all
-    } catch (error) {
+    } catch {
       setLoading(false)
       return undefined
     } finally {

lib/src/Components/Item/PopupView.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+/* eslint-disable @typescript-eslint/restrict-plus-operands */
 import { useContext, useMemo, useState } from 'react'
 import { Marker, Tooltip } from 'react-leaflet'
 

lib/src/Components/Map/Subcomponents/AddButton.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { MapPinIcon } from '@heroicons/react/24/solid'
 import { useState } from 'react'
 import SVG from 'react-inlinesvg'

lib/src/Components/Map/Subcomponents/Controls/FilterControl.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable array-callback-return */
 import FunnelIcon from '@heroicons/react/24/outline/FunnelIcon'
 import { useEffect, useState } from 'react'
 

lib/src/Components/Map/Subcomponents/Controls/LocateControl.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable camelcase */ // Directus database fields use snake_case
+/* eslint-disable promise/always-return */
 import { control } from 'leaflet'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import SVG from 'react-inlinesvg'

lib/src/Components/Map/Subcomponents/Controls/SearchControl.tsx

@@ -3,6 +3,7 @@
 /* eslint-disable @typescript-eslint/no-misused-promises */
 /* eslint-disable @typescript-eslint/no-floating-promises */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-argument */

lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ItemAvatar.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { QrCodeIcon } from '@heroicons/react/24/solid'
 import { useState } from 'react'
 

lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ItemTitle.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { MapPinIcon } from '@heroicons/react/24/solid'
 import { useEffect, useRef, useState } from 'react'
 

lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/hooks.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { toast } from 'react-toastify'
 
 import type { Item } from '#types/Item'

lib/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx

@@ -1,5 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unnecessary-condition */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/no-base-to-string */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+/* eslint-disable @typescript-eslint/prefer-optional-chain */
 import { get } from 'radash'
 import { Link } from 'react-router-dom'
 

lib/src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { TextAreaInput } from '#components/Input'
 
 import type { Item } from '#types/Item'

lib/src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { TextInput } from '#components/Input'
 
 import type { Item } from '#types/Item'

lib/src/Components/Map/hooks/useLayers.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 import { useCallback, useReducer, createContext, useContext } from 'react'
 
 import type { LayerProps } from '#types/LayerProps'

lib/src/Components/Map/hooks/useLeafletRefs.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable @typescript-eslint/no-empty-object-type */
 import { useCallback, useReducer, createContext, useContext } from 'react'
 
 import type { Item } from '#types/Item'

lib/src/Components/Map/hooks/usePermissions.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { useCallback, useReducer, createContext, useContext, useState } from 'react'
 
 import { useAuth } from '#components/Auth/useAuth'

lib/src/Components/Map/hooks/useReverseGeocode.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { useState, useEffect } from 'react'
 
 interface GeocodeResult {

lib/src/Components/Profile/ProfileForm.tsx

@@ -1,6 +1,7 @@
 /* eslint-disable camelcase */ // Directus database fields use snake_case
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/no-unnecessary-condition */
+/* eslint-disable @typescript-eslint/prefer-optional-chain */
 import classNames from 'classnames'
 import { useEffect, useState } from 'react'
 import { useLocation, useNavigate } from 'react-router-dom'

lib/src/Components/Profile/ProfileView.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-
+/* eslint-disable @typescript-eslint/use-unknown-in-catch-callback-variable */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
 

lib/src/Components/Profile/Subcomponents/ActionsButton.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unnecessary-condition */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/prefer-optional-chain */
 import LinkIcon from '@heroicons/react/24/outline/LinkIcon'
 import PlusIcon from '@heroicons/react/24/outline/PlusIcon'
 import { useState } from 'react'

lib/src/Components/Profile/Subcomponents/AvatarWidget.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-floating-promises */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/prefer-optional-chain */
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import ArrowUpTrayIcon from '@heroicons/react/24/outline/ArrowUpTrayIcon'
 import { useState, useCallback, useRef } from 'react'
 import { ReactCrop, centerCrop, makeAspectCrop } from 'react-image-crop'

lib/src/Components/Profile/Subcomponents/FormHeader.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 
 import { TextInput } from '#components/Input'
 

lib/src/Components/Profile/Subcomponents/GalleryForm.spec.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable camelcase */ // Directus database fields use snake_case
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { readFileSync } from 'node:fs'
 import path from 'node:path'
 

lib/src/Components/Profile/Subcomponents/GalleryForm.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable camelcase */ // Directus database fields use snake_case
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import TrashIcon from '@heroicons/react/24/solid/TrashIcon'
 import imageCompression from 'browser-image-compression'
 import { useState } from 'react'
@@ -51,7 +52,8 @@ export const GalleryForm = ({ state, setState, hideInputLabel = false }: Props)
       }
     })
 
-    for await (const upload of uploads) {
+    const results = await Promise.all(uploads)
+    for (const upload of results) {
       setState((prevState) => ({
         ...prevState,
         uploadingImages: prevState.uploadingImages.filter((f) => f.name !== upload.name),

lib/src/Components/Profile/Subcomponents/LinkedItemsHeaderView.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unnecessary-condition */
+/* eslint-disable no-constant-binary-expression */
 
 import EllipsisVerticalIcon from '@heroicons/react/16/solid/EllipsisVerticalIcon'
 import LinkSlashIcon from '@heroicons/react/24/outline/LinkSlashIcon'

lib/src/Components/Profile/Subcomponents/SocialShareBar.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/use-unknown-in-catch-callback-variable */
 import { toast } from 'react-toastify'
 
 import ChevronSVG from '#assets/chevron.svg'

lib/src/Components/Profile/Subcomponents/TagsWidget.tsx

@@ -3,6 +3,7 @@
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 import { useEffect, useState } from 'react'
 

lib/src/Components/Profile/Templates/SimpleForm.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { TextAreaInput } from '#components/Input'
 
 // eslint-disable-next-line react/prop-types

lib/src/Components/Profile/Templates/TabsForm.tsx

@@ -3,6 +3,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable @typescript-eslint/restrict-plus-operands */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 /* eslint-disable react/prop-types */

lib/src/Components/Profile/UserSettings.tsx

@@ -1,4 +1,7 @@
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+/* eslint-disable promise/always-return */
+/* eslint-disable @typescript-eslint/use-unknown-in-catch-callback-variable */
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { toast } from 'react-toastify'

lib/src/Components/Profile/itemFunctions.ts

@@ -3,6 +3,7 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /* eslint-disable @typescript-eslint/prefer-optional-chain */
 /* eslint-disable @typescript-eslint/restrict-plus-operands */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-explicit-any */

lib/src/Components/Templates/AttestationForm.tsx

@@ -1,4 +1,6 @@
 /* eslint-disable camelcase */ // Directus database fields use snake_case
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable promise/always-return */
 import { useRef, useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { toast } from 'react-toastify'
@@ -63,7 +65,6 @@ export const AttestationForm = ({ api }: { api?: ItemsApi<unknown> }) => {
             success: 'Attestation created',
             error: {
               render({ data }) {
-                // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
                 return `${data}`
               },
             },

lib/src/Components/Templates/DialogModal.tsx

@@ -47,9 +47,11 @@ const DialogModal = ({
         className={`${className ?? ''} tw:card tw:shadow-xl tw:absolute tw:right-0 tw:top-0 tw:bottom-0 tw:left-0 tw:m-auto tw:transition-opacity tw:duration-300 tw:p-4 tw:max-w-xl tw:bg-base-100`}
         ref={ref}
         onCancel={onClose}
-        onClick={(e) =>
-          ref.current && !isClickInsideRectangle(e, ref.current) && closeOnClickOutside && onClose()
-        }
+        onClick={(e) => {
+          if (ref.current && !isClickInsideRectangle(e, ref.current) && closeOnClickOutside) {
+            onClose()
+          }
+        }}
       >
         <div className='tw:card-body tw:p-2'>
           {title && (

lib/src/Components/Templates/MarketView.tsx

@@ -3,6 +3,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/restrict-plus-operands */
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 

lib/src/Components/Templates/Tabs.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable security/detect-object-injection */
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { useState, useEffect, useCallback } from 'react'
 import { useLocation, useNavigate } from 'react-router-dom'
 

lib/src/Utils/MarkerIconFactory.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 import { divIcon, Point } from 'leaflet'
 
 import type { MarkerIcon } from '#types/MarkerIcon'

lib/src/Utils/ReverseGeocoder.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import axios from 'axios'
 
 interface ReverseGeocodeResponse {

lib/src/Utils/TimeAgo.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 // in miliseconds
 const units = [
   { label: 'year', seconds: 31536000 },

lib/src/Utils/getImageDimensions.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/prefer-promise-reject-errors */
 export const getImageDimensions = (
   file: File,
 ): Promise<{

lib/src/types/FormState.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 import type { markerIcon } from '#utils/MarkerIconFactory'
 import type { GalleryItem, Item } from './Item'
 import type { Tag } from './Tag'