refactor: remove all any types, add strict GraphQL scalar typing
All checks were successful
Build Docker Image / build (push) Successful in 4m3s
All checks were successful
Build Docker Image / build (push) Successful in 4m3s
- Add strictScalars: true to codegen.ts with proper scalar mappings (Date, Decimal, JSONString, JSON, UUID, BigInt → string/Record) - Replace all ref<any[]> with proper GraphQL-derived types - Add type guards for null filtering in arrays - Fix bugs exposed by typing (locationLatitude vs latitude, etc.) - Add interfaces for external components (MapboxSearchBox) This enables end-to-end type safety from GraphQL schema to frontend.
This commit is contained in:
@@ -94,6 +94,10 @@
|
||||
import { NuxtLink } from '#components'
|
||||
import type { MapMouseEvent, Map as MapboxMapType } from 'mapbox-gl'
|
||||
|
||||
interface MapboxSearchBox {
|
||||
value: string
|
||||
}
|
||||
|
||||
definePageMeta({
|
||||
layout: 'topnav',
|
||||
middleware: ['auth-oidc']
|
||||
@@ -112,7 +116,7 @@ const isSaving = ref(false)
|
||||
const isDeleting = ref(false)
|
||||
const searchBoxContainer = ref<HTMLElement | null>(null)
|
||||
const mapInstance = ref<MapboxMapType | null>(null)
|
||||
const searchBoxRef = ref<any>(null)
|
||||
const searchBoxRef = ref<MapboxSearchBox | null>(null)
|
||||
|
||||
const addressData = ref<{
|
||||
uuid: string
|
||||
@@ -130,7 +134,7 @@ const loadAddress = async () => {
|
||||
const { GetTeamAddressesDocument } = await import('~/composables/graphql/team/teams-generated')
|
||||
const data = await execute(GetTeamAddressesDocument, {}, 'team', 'teams')
|
||||
const addresses = data?.teamAddresses || []
|
||||
const found = addresses.find((a: any) => a.uuid === uuid.value)
|
||||
const found = addresses.find((a) => a?.uuid === uuid.value)
|
||||
|
||||
if (found) {
|
||||
addressData.value = {
|
||||
@@ -167,7 +171,7 @@ const reverseGeocode = async (lat: number, lng: number): Promise<{ address: stri
|
||||
if (!feature) return { address: null, countryCode: null }
|
||||
|
||||
// Extract country code from context
|
||||
const countryContext = feature.context?.find((c: any) => c.id?.startsWith('country.'))
|
||||
const countryContext = feature.context?.find((c: { id?: string }) => c.id?.startsWith('country.'))
|
||||
const countryCode = countryContext?.short_code?.toUpperCase() || null
|
||||
|
||||
return { address: feature.place_name, countryCode }
|
||||
@@ -215,7 +219,7 @@ onMounted(async () => {
|
||||
searchBox.value = addressData.value.address
|
||||
}
|
||||
|
||||
searchBox.addEventListener('retrieve', (event: any) => {
|
||||
searchBox.addEventListener('retrieve', (event: CustomEvent) => {
|
||||
if (!addressData.value) return
|
||||
|
||||
const feature = event.detail.features?.[0]
|
||||
|
||||
@@ -118,8 +118,10 @@ const onSearch = () => {
|
||||
// TODO: Implement search
|
||||
}
|
||||
|
||||
const onSelectAddress = (item: any) => {
|
||||
selectedAddressId.value = item.uuid
|
||||
const onSelectAddress = (item: { uuid?: string | null }) => {
|
||||
if (item.uuid) {
|
||||
selectedAddressId.value = item.uuid
|
||||
}
|
||||
}
|
||||
|
||||
await init()
|
||||
|
||||
@@ -62,10 +62,12 @@ await init()
|
||||
const mapRef = ref<{ flyTo: (lat: number, lng: number, zoom?: number) => void } | null>(null)
|
||||
const selectedItemId = ref<string | null>(null)
|
||||
|
||||
const selectItem = (item: any) => {
|
||||
selectedItemId.value = item.uuid
|
||||
if (item.latitude && item.longitude) {
|
||||
mapRef.value?.flyTo(item.latitude, item.longitude, 8)
|
||||
const selectItem = (item: { uuid?: string | null; latitude?: number | null; longitude?: number | null }) => {
|
||||
if (item.uuid) {
|
||||
selectedItemId.value = item.uuid
|
||||
if (item.latitude && item.longitude) {
|
||||
mapRef.value?.flyTo(item.latitude, item.longitude, 8)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -71,6 +71,10 @@
|
||||
import { NuxtLink } from '#components'
|
||||
import type { MapMouseEvent, Map as MapboxMapType } from 'mapbox-gl'
|
||||
|
||||
interface MapboxSearchBox {
|
||||
value: string
|
||||
}
|
||||
|
||||
definePageMeta({
|
||||
layout: 'topnav',
|
||||
middleware: ['auth-oidc']
|
||||
@@ -84,7 +88,7 @@ const config = useRuntimeConfig()
|
||||
const isCreating = ref(false)
|
||||
const searchBoxContainer = ref<HTMLElement | null>(null)
|
||||
const mapInstance = ref<MapboxMapType | null>(null)
|
||||
const searchBoxRef = ref<any>(null)
|
||||
const searchBoxRef = ref<MapboxSearchBox | null>(null)
|
||||
|
||||
const newAddress = reactive({
|
||||
name: '',
|
||||
@@ -110,7 +114,7 @@ const reverseGeocode = async (lat: number, lng: number): Promise<{ address: stri
|
||||
if (!feature) return { address: null, countryCode: null }
|
||||
|
||||
// Extract country code from context
|
||||
const countryContext = feature.context?.find((c: any) => c.id?.startsWith('country.'))
|
||||
const countryContext = feature.context?.find((c: { id?: string }) => c.id?.startsWith('country.'))
|
||||
const countryCode = countryContext?.short_code?.toUpperCase() || null
|
||||
|
||||
return { address: feature.place_name, countryCode }
|
||||
@@ -151,7 +155,7 @@ onMounted(async () => {
|
||||
}
|
||||
searchBox.placeholder = t('profileAddresses.form.address.placeholder')
|
||||
|
||||
searchBox.addEventListener('retrieve', (event: any) => {
|
||||
searchBox.addEventListener('retrieve', (event: CustomEvent) => {
|
||||
const feature = event.detail.features?.[0]
|
||||
if (feature) {
|
||||
const [lng, lat] = feature.geometry.coordinates
|
||||
|
||||
Reference in New Issue
Block a user