4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:Tb03,"use client"; import { Map, MapControls, MapGeoJSON, MapMarker, MarkerContent, MarkerTooltip, } from "@/components/ui/map"; import { OverviewCard } from "./components/overview-card"; import { BreakdownCard } from "./components/breakdown-card"; import { locations, visitedPagesRows, countriesRows, referrersRows, browsersRows, } from "./data"; const MAP_HEIGHT = "38rem"; // Country borders from a public CDN, or swap in your own GeoJSON. const WORLD_GEOJSON = "https://cdn.jsdelivr.net/gh/nvkelso/natural-earth-vector@v5.1.2/geojson/ne_110m_admin_0_countries.geojson"; export default function Page() { return (

{locations.map((location) => (

{location.city}

{location.size} active users

))}

); } 51:Tf63,import { type ChartConfig } from "@/components/ui/chart"; export interface LocationPoint { city: string; lng: number; lat: number; size: number; } export interface BreakdownRow { label: string; value: number; } export const locations: LocationPoint[] = [ { city: "San Francisco", lng: -122.4194, lat: 37.7749, size: 16 }, { city: "New York", lng: -74.006, lat: 40.7128, size: 15 }, { city: "Toronto", lng: -79.3832, lat: 43.6532, size: 11 }, { city: "Mexico City", lng: -99.1332, lat: 19.4326, size: 10 }, { city: "Sao Paulo", lng: -46.6333, lat: -23.5505, size: 12 }, { city: "Buenos Aires", lng: -58.3816, lat: -34.6037, size: 9 }, { city: "London", lng: -0.1276, lat: 51.5074, size: 14 }, { city: "Berlin", lng: 13.405, lat: 52.52, size: 11 }, { city: "Paris", lng: 2.3522, lat: 48.8566, size: 13 }, { city: "Madrid", lng: -3.7038, lat: 40.4168, size: 10 }, { city: "Cairo", lng: 31.2357, lat: 30.0444, size: 9 }, { city: "Lagos", lng: 3.3792, lat: 6.5244, size: 10 }, { city: "Mumbai", lng: 72.8777, lat: 19.076, size: 13 }, { city: "Dubai", lng: 55.2708, lat: 25.2048, size: 11 }, { city: "Seoul", lng: 126.978, lat: 37.5665, size: 12 }, { city: "Singapore", lng: 103.8198, lat: 1.3521, size: 10 }, { city: "Tokyo", lng: 139.6917, lat: 35.6895, size: 12 }, { city: "Sydney", lng: 151.2093, lat: -33.8688, size: 9 }, { city: "Auckland", lng: 174.7633, lat: -36.8485, size: 8 }, ]; export const usersPerDay = [ { day: "1", users: 420 }, { day: "2", users: 468 }, { day: "3", users: 512 }, { day: "4", users: 390 }, { day: "5", users: 540 }, { day: "6", users: 305 }, { day: "7", users: 268 }, { day: "8", users: 498 }, { day: "9", users: 610 }, { day: "10", users: 472 }, { day: "11", users: 845 }, { day: "12", users: 690 }, { day: "13", users: 360 }, { day: "14", users: 322 }, { day: "15", users: 588 }, { day: "16", users: 654 }, { day: "17", users: 720 }, { day: "18", users: 505 }, { day: "19", users: 932 }, { day: "20", users: 410 }, { day: "21", users: 372 }, { day: "22", users: 640 }, { day: "23", users: 712 }, { day: "24", users: 598 }, { day: "25", users: 1040 }, { day: "26", users: 805 }, { day: "27", users: 445 }, { day: "28", users: 398 }, { day: "29", users: 702 }, { day: "30", users: 868 }, ]; export const usersPerDayChartConfig = { users: { label: "Users", color: "var(--chart-2)", }, } satisfies ChartConfig; export const deviceCategoryData = [ { name: "Desktop", value: 73.3, fill: "var(--chart-1)" }, { name: "Mobile", value: 25.0, fill: "var(--chart-2)" }, { name: "Tablet", value: 1.7, fill: "var(--chart-3)" }, ]; export const deviceCategoryChartConfig = { desktop: { label: "Desktop", color: "var(--chart-1)" }, mobile: { label: "Mobile", color: "var(--chart-2)" }, tablet: { label: "Tablet", color: "var(--chart-3)" }, } satisfies ChartConfig; export const visitedPagesRows: BreakdownRow[] = [ { label: "Home", value: 31 }, { label: "Pricing", value: 23 }, { label: "Docs / Basic Map", value: 18 }, { label: "Installation", value: 12 }, { label: "Components", value: 9 }, { label: "Blog", value: 6 }, ]; export const countriesRows: BreakdownRow[] = [ { label: "United States", value: 27 }, { label: "India", value: 14 }, { label: "United Kingdom", value: 8 }, { label: "Germany", value: 6 }, { label: "Japan", value: 4 }, { label: "Australia", value: 2 }, ]; export const referrersRows: BreakdownRow[] = [ { label: "google", value: 38 }, { label: "direct", value: 26 }, { label: "github.com", value: 19 }, { label: "x.com", value: 11 }, { label: "ui.shadcn.com", value: 8 }, { label: "other", value: 5 }, ]; export const browsersRows: BreakdownRow[] = [ { label: "Chrome", value: 52 }, { label: "Safari", value: 21 }, { label: "Firefox", value: 14 }, { label: "Edge", value: 8 }, { label: "Other", value: 5 }, ]; 52:Td1a,"use client"; import { Card, CardContent, CardHeader } from "@/components/ui/card"; import { ChartContainer } from "@/components/ui/chart"; import { TrendingUp } from "lucide-react"; import { Area, AreaChart, Pie, PieChart } from "recharts"; import { deviceCategoryChartConfig, deviceCategoryData, usersPerDay, usersPerDayChartConfig, } from "../data"; function MetricChart() { return ( ); } export function OverviewCard() { return (

Users in last 30 days

17,234

+12.5% vs previous 30 days

Device category in last 30 days

{deviceCategoryData.map((device) => (

{device.name}

{device.value}%

))}

); } 53:T69b,"use client"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { type BreakdownRow } from "../data"; interface BreakdownCardProps { title: string; rows: BreakdownRow[]; } export function BreakdownCard({ title, rows }: BreakdownCardProps) { const maxRowValue = rows.length > 0 ? Math.max(...rows.map((row) => row.value)) : 0; return ( {title}

{title} Visitors

{rows.map((row) => { const pct = maxRowValue ? (row.value / maxRowValue) * 100 : 0; return (

{row.label} {row.value.toLocaleString()}

); })}

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","recharts",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/recharts","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"recharts"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@mapcn","registryDependencies":["@mapcn/map","card","chart"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/blocks/analytics-map/page.tsx","content":"$50","type":"registry:page","target":"app/analytics/page.tsx"},{"path":"src/registry/blocks/analytics-map/data.ts","content":"$51","type":"registry:component","target":"app/analytics/data.ts"},{"path":"src/registry/blocks/analytics-map/components/overview-card.tsx","content":"$52","type":"registry:component","target":"app/analytics/components/overview-card.tsx"},{"path":"src/registry/blocks/analytics-map/components/breakdown-card.tsx","content":"$53","type":"registry:component","target":"app/analytics/components/breakdown-card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]