✨ 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
72 lines
3.8 KiB
JavaScript
72 lines
3.8 KiB
JavaScript
/* eslint-disable import/no-extraneous-dependencies */ import "server-only";
|
|
/* eslint-disable import/no-extraneous-dependencies */ import { renderToReadableStream, decodeReply } from "react-server-dom-webpack/server.edge";
|
|
/* eslint-disable import/no-extraneous-dependencies */ import { createFromReadableStream, encodeReply } from "react-server-dom-webpack/client.edge";
|
|
import { streamToString } from "../stream-utils/node-web-streams-helper";
|
|
import { arrayBufferToString, decrypt, encrypt, getActionEncryptionKey, getClientReferenceManifestSingleton, getServerModuleMap, stringToUint8Array } from "./encryption-utils";
|
|
const textEncoder = new TextEncoder();
|
|
const textDecoder = new TextDecoder();
|
|
async function decodeActionBoundArg(actionId, arg) {
|
|
const key = await getActionEncryptionKey();
|
|
if (typeof key === "undefined") {
|
|
throw new Error(`Missing encryption key for Server Action. This is a bug in Next.js`);
|
|
}
|
|
// Get the iv (16 bytes) and the payload from the arg.
|
|
const originalPayload = atob(arg);
|
|
const ivValue = originalPayload.slice(0, 16);
|
|
const payload = originalPayload.slice(16);
|
|
const decrypted = textDecoder.decode(await decrypt(key, stringToUint8Array(ivValue), stringToUint8Array(payload)));
|
|
if (!decrypted.startsWith(actionId)) {
|
|
throw new Error("Invalid Server Action payload: failed to decrypt.");
|
|
}
|
|
return decrypted.slice(actionId.length);
|
|
}
|
|
async function encodeActionBoundArg(actionId, arg) {
|
|
const key = await getActionEncryptionKey();
|
|
if (key === undefined) {
|
|
throw new Error(`Missing encryption key for Server Action. This is a bug in Next.js`);
|
|
}
|
|
// Get 16 random bytes as iv.
|
|
const randomBytes = new Uint8Array(16);
|
|
crypto.getRandomValues(randomBytes);
|
|
const ivValue = arrayBufferToString(randomBytes.buffer);
|
|
const encrypted = await encrypt(key, randomBytes, textEncoder.encode(actionId + arg));
|
|
return btoa(ivValue + arrayBufferToString(encrypted));
|
|
}
|
|
// Encrypts the action's bound args into a string.
|
|
export async function encryptActionBoundArgs(actionId, args) {
|
|
const clientReferenceManifestSingleton = getClientReferenceManifestSingleton();
|
|
// Using Flight to serialize the args into a string.
|
|
const serialized = await streamToString(renderToReadableStream(args, clientReferenceManifestSingleton.clientModules));
|
|
// Encrypt the serialized string with the action id as the salt.
|
|
// Add a prefix to later ensure that the payload is correctly decrypted, similar
|
|
// to a checksum.
|
|
const encrypted = await encodeActionBoundArg(actionId, serialized);
|
|
return encrypted;
|
|
}
|
|
// Decrypts the action's bound args from the encrypted string.
|
|
export async function decryptActionBoundArgs(actionId, encrypted) {
|
|
// Decrypt the serialized string with the action id as the salt.
|
|
const decryped = await decodeActionBoundArg(actionId, await encrypted);
|
|
// Using Flight to deserialize the args from the string.
|
|
const deserialized = await createFromReadableStream(new ReadableStream({
|
|
start (controller) {
|
|
controller.enqueue(textEncoder.encode(decryped));
|
|
controller.close();
|
|
}
|
|
}), {
|
|
ssrManifest: {
|
|
// TODO: We can't use the client reference manifest to resolve the modules
|
|
// on the server side - instead they need to be recovered as the module
|
|
// references (proxies) again.
|
|
// For now, we'll just use an empty module map.
|
|
moduleLoading: {},
|
|
moduleMap: {}
|
|
}
|
|
});
|
|
// This extra step ensures that the server references are recovered.
|
|
const serverModuleMap = getServerModuleMap();
|
|
const transformed = await decodeReply(await encodeReply(deserialized), serverModuleMap);
|
|
return transformed;
|
|
}
|
|
|
|
//# sourceMappingURL=encryption.js.map
|