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
102 lines
3.8 KiB
TypeScript
102 lines
3.8 KiB
TypeScript
/// <reference types="node" />
|
|
/// <reference types="node" />
|
|
import type { IncomingMessage, ServerResponse } from 'http';
|
|
import type { ParsedUrlQuery } from 'querystring';
|
|
import type { DomainLocale } from './config';
|
|
import type { AppType, DocumentType } from '../shared/lib/utils';
|
|
import type { ImageConfigComplete } from '../shared/lib/image-config';
|
|
import { type __ApiPreviewProps } from './api-utils';
|
|
import type { FontManifest, FontConfig } from './font-utils';
|
|
import type { LoadComponentsReturnType } from './load-components';
|
|
import type { ServerRuntime, SizeLimit } from 'next/types';
|
|
import type { ClientReferenceManifest } from '../build/webpack/plugins/flight-manifest-plugin';
|
|
import type { NextFontManifest } from '../build/webpack/plugins/next-font-manifest-plugin';
|
|
import type { PagesModule } from './future/route-modules/pages/module';
|
|
import type { NextParsedUrlQuery } from './request-meta';
|
|
import type { SwrDelta } from './lib/revalidate';
|
|
import React from 'react';
|
|
import RenderResult from './render-result';
|
|
import type { DeepReadonly } from '../shared/lib/deep-readonly';
|
|
export type RenderOptsPartial = {
|
|
buildId: string;
|
|
canonicalBase: string;
|
|
runtimeConfig?: {
|
|
[key: string]: any;
|
|
};
|
|
assetPrefix?: string;
|
|
err?: Error | null;
|
|
nextExport?: boolean;
|
|
dev?: boolean;
|
|
ampPath?: string;
|
|
ErrorDebug?: React.ComponentType<{
|
|
error: Error;
|
|
}>;
|
|
ampValidator?: (html: string, pathname: string) => Promise<void>;
|
|
ampSkipValidation?: boolean;
|
|
ampOptimizerConfig?: {
|
|
[key: string]: any;
|
|
};
|
|
isNextDataRequest?: boolean;
|
|
params?: ParsedUrlQuery;
|
|
previewProps: __ApiPreviewProps | undefined;
|
|
basePath: string;
|
|
unstable_runtimeJS?: false;
|
|
unstable_JsPreload?: false;
|
|
optimizeFonts: FontConfig;
|
|
fontManifest?: DeepReadonly<FontManifest>;
|
|
optimizeCss: any;
|
|
nextConfigOutput?: 'standalone' | 'export';
|
|
nextScriptWorkers: any;
|
|
assetQueryString?: string;
|
|
resolvedUrl?: string;
|
|
resolvedAsPath?: string;
|
|
clientReferenceManifest?: DeepReadonly<ClientReferenceManifest>;
|
|
nextFontManifest?: DeepReadonly<NextFontManifest>;
|
|
distDir?: string;
|
|
locale?: string;
|
|
locales?: string[];
|
|
defaultLocale?: string;
|
|
domainLocales?: DomainLocale[];
|
|
disableOptimizedLoading?: boolean;
|
|
supportsDynamicResponse: boolean;
|
|
isBot?: boolean;
|
|
runtime?: ServerRuntime;
|
|
serverComponents?: boolean;
|
|
serverActions?: {
|
|
bodySizeLimit?: SizeLimit;
|
|
allowedOrigins?: string[];
|
|
};
|
|
customServer?: boolean;
|
|
crossOrigin?: 'anonymous' | 'use-credentials' | '' | undefined;
|
|
images: ImageConfigComplete;
|
|
largePageDataBytes?: number;
|
|
isOnDemandRevalidate?: boolean;
|
|
strictNextHead: boolean;
|
|
isDraftMode?: boolean;
|
|
deploymentId?: string;
|
|
isServerAction?: boolean;
|
|
isExperimentalCompile?: boolean;
|
|
isPrefetch?: boolean;
|
|
swrDelta?: SwrDelta;
|
|
};
|
|
export type RenderOpts = LoadComponentsReturnType<PagesModule> & RenderOptsPartial;
|
|
/**
|
|
* RenderOptsExtra is being used to split away functionality that's within the
|
|
* renderOpts. Eventually we can have more explicit render options for each
|
|
* route kind.
|
|
*/
|
|
export type RenderOptsExtra = {
|
|
App: AppType;
|
|
Document: DocumentType;
|
|
};
|
|
export declare function errorToJSON(err: Error): {
|
|
name: string;
|
|
source: "server" | "edge-server";
|
|
message: string;
|
|
stack: string | undefined;
|
|
digest: any;
|
|
};
|
|
export declare function renderToHTMLImpl(req: IncomingMessage, res: ServerResponse, pathname: string, query: NextParsedUrlQuery, renderOpts: Omit<RenderOpts, keyof RenderOptsExtra>, extra: RenderOptsExtra): Promise<RenderResult>;
|
|
export type PagesRender = (req: IncomingMessage, res: ServerResponse, pathname: string, query: NextParsedUrlQuery, renderOpts: RenderOpts) => Promise<RenderResult>;
|
|
export declare const renderToHTML: PagesRender;
|