[{"_1":2,"_129":-5,"_130":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_128":-5,"_125":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":17,"_67":25,"_68":69,"_70":71,"_72":73,"_74":75,"_90":-5,"_91":17,"_92":93,"_125":30,"_126":127},"id","95d7f52c81f0e5261afa","isMyApp",false,"name","pizza meter","description","Watch pizza orders sizzle in real-time across your neighborhood with this hypnotic tracker! PizzaPulse displays a minimalist map of local pizzerias with pulsating markers that throb with each new order, turning mundane food delivery data into a mesmerizing digital heartbeat of hunger.","brief","See your neighborhood's pizza cravings come alive with real-time order tracking on a minimalist map!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/95d7f52c81f0e5261afa/81260_f4a25046.webp","cdnUrl","https://cdn.dev.fun/app/95d7f52c81f0e5261afa/81260","createdAt",["D",1749842683578],"updatedAt",["D",1749843248389],"lastCommitId",["B","81260"],"tier",1,"credits",37,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"452d9145-a200-42a5-8452-70325addd375","uniqueId","8ZPdVkYLgcP3MHWGG7jHo1tHoNsxskPr63U9N7u4FxWk","username","solanaWallet","displayName","8ZP...xWk","bio","avatar","/avatar.svg","commitCount",4,"forkCount",0,"likeCount","runsCount",12,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","H3TTYQ1L2uamZmiB6E1gC5sudY7gt3ArKi2HdmE9pump","code","import { useState, useEffect } from 'react';\nimport { io } from 'socket.io-client';\nimport { MapPin, Pizza } from 'lucide-react';\nimport { motion, AnimatePresence } from 'framer-motion';\nconst socket = io('wss://ws.dev.fun/app-95d7f52c81f0e5261afa');\nconst pizzaShops = [{\n id: 1,\n name: \"Domino's Pizza\",\n lat: 40.7484,\n lng: -73.9857,\n orders: 0,\n color: \"bg-blue-500\"\n}, {\n id: 2,\n name: \"Pizza Hut\",\n lat: 40.7506,\n lng: -73.9872,\n orders: 0,\n color: \"bg-red-500\"\n}, {\n id: 3,\n name: \"Papa John's\",\n lat: 40.7530,\n lng: -73.9840,\n orders: 0,\n color: \"bg-green-500\"\n}, {\n id: 4,\n name: \"Little Caesars\",\n lat: 40.7468,\n lng: -73.9845,\n orders: 0,\n color: \"bg-yellow-500\"\n}, {\n id: 5,\n name: \"Joe's Pizza\",\n lat: 40.7512,\n lng: -73.9890,\n orders: 0,\n color: \"bg-purple-500\"\n}];\nexport default function App() {\n const [shops, setShops] = useState(pizzaShops);\n const [totalOrders, setTotalOrders] = useState(0);\n const [newOrderAnimation, setNewOrderAnimation] = useState(null);\n const [isConnected, setIsConnected] = useState(false);\n const [orderHistory, setOrderHistory] = useState([]);\n useEffect(() => {\n function onConnect() {\n setIsConnected(true);\n console.log('Connected to socket');\n }\n function onDisconnect() {\n setIsConnected(false);\n console.log('Disconnected from socket');\n }\n function onNewOrder(data) {\n const {\n shopId,\n timestamp,\n pizzaType\n } = data;\n setNewOrderAnimation(shopId);\n setOrderHistory(prev => [{\n shopId,\n shopName: shops.find(s => s.id === shopId)?.name,\n timestamp,\n pizzaType\n }, ...prev.slice(0, 9)]);\n setTimeout(() => setNewOrderAnimation(null), 2000);\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('new_pizza_order', onNewOrder);\n setFixedOrders();\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('new_pizza_order', onNewOrder);\n };\n }, [shops]);\n const setFixedOrders = () => {\n const fixedOrders = [{\n id: 1,\n orders: 24\n }, {\n id: 2,\n orders: 18\n }, {\n id: 3,\n orders: 32\n }, {\n id: 4,\n orders: 15\n }, {\n id: 5,\n orders: 27\n }];\n const updatedShops = shops.map(shop => {\n const fixedOrderData = fixedOrders.find(item => item.id === shop.id);\n return {\n ...shop,\n orders: fixedOrderData.orders\n };\n });\n setShops(updatedShops);\n setTotalOrders(updatedShops.reduce((sum, shop) => sum + shop.orders, 0));\n };\n const getMarkerPosition = (lat, lng) => {\n const centerLat = 40.7500;\n const centerLng = -73.9865;\n const latRange = 0.008;\n const lngRange = 0.010;\n const x = (lng - centerLng) / lngRange * 80 + 50;\n const y = -(lat - centerLat) / latRange * 80 + 50;\n return {\n x: `${x}%`,\n y: `${y}%`\n };\n };\n const formatTime = isoString => {\n if (!isoString) return '';\n const date = new Date(isoString);\n return date.toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n return

\n {}\n $\"Pizza$ \n

\n Pizza Meter\n

\n \n

\n {}\n

\n \n

\n \n {}\n

\n {[...Array(7)].map((_, i) =>

)}\n

\n \n

\n {isConnected ? 'Live' : 'Offline'}\n

\n\n

\n {}\n

Pizza Orders

\n \n

Total Orders

{totalOrders}

\n \n \n \n

\n \n

By Restaurant

\n {shops.map(shop =>

\n {shop.name}\n

\n {shop.orders}\n

)}\n

\n \n

Recent Orders

\n \n {orderHistory.length > 0 ? orderHistory.map((order, i) => \n

\n {order.shopName}\n {formatTime(order.timestamp)}\n

{order.pizzaType} Pizza

\n ) :

No recent orders to display

}\n \n

\n\n {}\n

\n {}\n

\n {Array.from({\n length: 64\n }).map((_, i) =>

)}\n

\n \n {}\n

\n {}\n

\n \n {}\n {Array.from({\n length: 20\n }).map((_, i) => {\n const size = 5 + Math.random() * 15;\n const x = Math.random() * 100;\n const y = Math.random() * 100;\n return

;\n })}\n

\n \n {}\n {shops.map(shop => {\n const {\n x,\n y\n } = getMarkerPosition(shop.lat, shop.lng);\n return

\n {}\n {newOrderAnimation === shop.id && }\n \n {}\n \n \n {}\n

\n \n

\n \n {}\n

\n {shop.orders > 99 ? '99+' : shop.orders}\n

\n \n {}\n

\n {shop.name}\n

;\n })}\n \n {}\n

\n Pizza Meter Minimalist Map\n

\n \n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"socket.io-client\":\"4.7.2\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\"}}","token",{"_18":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":-5,"_88":40,"_89":40,"_68":69},"Pizza Meter","symbol","PIZZAMETER","price",0.00000411,"marketcap",4080.33551606,"image","https://pump.mypinata.cloud/ipfs/bafybeib6nipediq367ez4fssza2nc57adrfxzsonyadtuh24cpny3bk5rm?img-width=256&img-dpr=2","website","https://dev.fun/p/95d7f52c81f0e5261afa","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[94,98,100,102,104,106,108,110,112,114,116,118,120,122,124],{"_95":96,"_97":57},"day","2025-06-01","runCount",{"_95":99,"_97":57},"2025-06-02",{"_95":101,"_97":57},"2025-06-03",{"_95":103,"_97":57},"2025-06-04",{"_95":105,"_97":57},"2025-06-05",{"_95":107,"_97":57},"2025-06-06",{"_95":109,"_97":57},"2025-06-07",{"_95":111,"_97":57},"2025-06-08",{"_95":113,"_97":57},"2025-06-09",{"_95":115,"_97":57},"2025-06-10",{"_95":117,"_97":57},"2025-06-11",{"_95":119,"_97":57},"2025-06-12",{"_95":121,"_97":57},"2025-06-13",{"_95":123,"_97":57},"2025-06-14",{"_95":121,"_97":60},"snapshot","ogImage","https://cdn.dev.fun/og/image/95d7f52c81f0e5261afa/36bb8f27.webp","commitDetail","actionData","errors"]