PhongPham
c65cc97a33
✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
80 lines
4.8 KiB
TypeScript
80 lines
4.8 KiB
TypeScript
import { UseSuspenseQueryResult, UseSuspenseQueryOptions } from './types.js';
|
|
import { QueryFunction, ThrowOnError, DefaultError, QueryClient } from '@tanstack/query-core';
|
|
|
|
type MAXIMUM_DEPTH = 20;
|
|
type SkipTokenForUseQueries = symbol;
|
|
type GetUseSuspenseQueryOptions<T> = T extends {
|
|
queryFnData: infer TQueryFnData;
|
|
error?: infer TError;
|
|
data: infer TData;
|
|
} ? UseSuspenseQueryOptions<TQueryFnData, TError, TData> : T extends {
|
|
queryFnData: infer TQueryFnData;
|
|
error?: infer TError;
|
|
} ? UseSuspenseQueryOptions<TQueryFnData, TError> : T extends {
|
|
data: infer TData;
|
|
error?: infer TError;
|
|
} ? UseSuspenseQueryOptions<unknown, TError, TData> : T extends [infer TQueryFnData, infer TError, infer TData] ? UseSuspenseQueryOptions<TQueryFnData, TError, TData> : T extends [infer TQueryFnData, infer TError] ? UseSuspenseQueryOptions<TQueryFnData, TError> : T extends [infer TQueryFnData] ? UseSuspenseQueryOptions<TQueryFnData> : T extends {
|
|
queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey> | SkipTokenForUseQueries;
|
|
select?: (data: any) => infer TData;
|
|
throwOnError?: ThrowOnError<any, infer TError, any, any>;
|
|
} ? UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> : T extends {
|
|
queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey> | SkipTokenForUseQueries;
|
|
throwOnError?: ThrowOnError<any, infer TError, any, any>;
|
|
} ? UseSuspenseQueryOptions<TQueryFnData, TError, TQueryFnData, TQueryKey> : UseSuspenseQueryOptions;
|
|
type GetUseSuspenseQueryResult<T> = T extends {
|
|
queryFnData: any;
|
|
error?: infer TError;
|
|
data: infer TData;
|
|
} ? UseSuspenseQueryResult<TData, TError> : T extends {
|
|
queryFnData: infer TQueryFnData;
|
|
error?: infer TError;
|
|
} ? UseSuspenseQueryResult<TQueryFnData, TError> : T extends {
|
|
data: infer TData;
|
|
error?: infer TError;
|
|
} ? UseSuspenseQueryResult<TData, TError> : T extends [any, infer TError, infer TData] ? UseSuspenseQueryResult<TData, TError> : T extends [infer TQueryFnData, infer TError] ? UseSuspenseQueryResult<TQueryFnData, TError> : T extends [infer TQueryFnData] ? UseSuspenseQueryResult<TQueryFnData> : T extends {
|
|
queryFn?: QueryFunction<infer TQueryFnData, any> | SkipTokenForUseQueries;
|
|
select?: (data: any) => infer TData;
|
|
throwOnError?: ThrowOnError<any, infer TError, any, any>;
|
|
} ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, unknown extends TError ? DefaultError : TError> : T extends {
|
|
queryFn?: QueryFunction<infer TQueryFnData, any> | SkipTokenForUseQueries;
|
|
throwOnError?: ThrowOnError<any, infer TError, any, any>;
|
|
} ? UseSuspenseQueryResult<TQueryFnData, unknown extends TError ? DefaultError : TError> : UseSuspenseQueryResult;
|
|
/**
|
|
* SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param
|
|
*/
|
|
type SuspenseQueriesOptions<T extends Array<any>, TResults extends Array<any> = [], TDepth extends ReadonlyArray<number> = []> = TDepth['length'] extends MAXIMUM_DEPTH ? Array<UseSuspenseQueryOptions> : T extends [] ? [] : T extends [infer Head] ? [...TResults, GetUseSuspenseQueryOptions<Head>] : T extends [infer Head, ...infer Tails] ? SuspenseQueriesOptions<[
|
|
...Tails
|
|
], [
|
|
...TResults,
|
|
GetUseSuspenseQueryOptions<Head>
|
|
], [
|
|
...TDepth,
|
|
1
|
|
]> : Array<unknown> extends T ? T : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>> ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>> : Array<UseSuspenseQueryOptions>;
|
|
/**
|
|
* SuspenseQueriesResults reducer recursively maps type param to results
|
|
*/
|
|
type SuspenseQueriesResults<T extends Array<any>, TResults extends Array<any> = [], TDepth extends ReadonlyArray<number> = []> = TDepth['length'] extends MAXIMUM_DEPTH ? Array<UseSuspenseQueryResult> : T extends [] ? [] : T extends [infer Head] ? [...TResults, GetUseSuspenseQueryResult<Head>] : T extends [infer Head, ...infer Tails] ? SuspenseQueriesResults<[
|
|
...Tails
|
|
], [
|
|
...TResults,
|
|
GetUseSuspenseQueryResult<Head>
|
|
], [
|
|
...TDepth,
|
|
1
|
|
]> : {
|
|
[K in keyof T]: GetUseSuspenseQueryResult<T[K]>;
|
|
};
|
|
declare function useSuspenseQueries<T extends Array<any>, TCombinedResult = SuspenseQueriesResults<T>>(options: {
|
|
queries: readonly [...SuspenseQueriesOptions<T>] | readonly [...{
|
|
[K in keyof T]: GetUseSuspenseQueryOptions<T[K]>;
|
|
}];
|
|
combine?: (result: SuspenseQueriesResults<T>) => TCombinedResult;
|
|
}, queryClient?: QueryClient): TCombinedResult;
|
|
declare function useSuspenseQueries<T extends Array<any>, TCombinedResult = SuspenseQueriesResults<T>>(options: {
|
|
queries: readonly [...SuspenseQueriesOptions<T>];
|
|
combine?: (result: SuspenseQueriesResults<T>) => TCombinedResult;
|
|
}, queryClient?: QueryClient): TCombinedResult;
|
|
|
|
export { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries };
|