[{"_1":2,"_132":-5,"_133":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":41,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_94":-5,"_95":17,"_96":97,"_128":31,"_129":130,"_131":17},"id","d744b4b6825294472383","isMyApp",false,"name","declassify","description","A synchronized 12-hour countdown timer styled as a top-secret government terminal revealing classified JFK files when it hits zero. Watch as random \"redacted\" text occasionally flickers across your screen!","brief","","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/d744b4b6825294472383/33938_bd146d0a.webp","cdnUrl","https://cdn.dev.fun/app/d744b4b6825294472383/33938","createdAt",["D",1742272791026],"updatedAt",["D",1742274879802],"lastCommitId",["B","33938"],"tier",1,"credits",-1,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"ed477a36-599d-43e3-9dcf-8a5093b6cd3b","uniqueId","6R5csVf6FBVbZvyqmBctHrJ2H2RLTSYkH1yoNrPvUCHr","username","solanaWallet","displayName","6R5...CHr","bio","avatar","/avatar.svg","commitCount",9,"forkCount",0,"likeCount","runsCount",746,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","B5yMes1Je4YsJQxN2UwHTX2SLfyr24rtDyzH7CBYpump","code","import { useState, useEffect, useRef } from 'react';\nimport { io } from 'socket.io-client';\n\n// Initialize socket connection\nconst socket = io('wss://ws.dev.fun/app-d744b4b6825294472383');\n\n// Set a constant for 12 hours in milliseconds\nconst TWELVE_HOURS_MS = 12 * 60 * 60 * 1000;\n\n// Create a special key for this specific countdown\nconst STORAGE_KEY = 'jfkFiles_endTime_v2';\nexport default function App() {\n const [timeRemaining, setTimeRemaining] = useState(TWELVE_HOURS_MS / 1000);\n const [isConnected, setIsConnected] = useState(false);\n const endTimeRef = useRef(null);\n const timerRef = useRef(null);\n const syncAttemptRef = useRef(0);\n const [serverTimeOffset, setServerTimeOffset] = useState(0);\n\n // Function to get accurate current time with server offset\n const getCurrentTime = () => Date.now() + serverTimeOffset;\n\n // Function to calculate remaining time\n const calculateTimeRemaining = () => {\n if (!endTimeRef.current) return TWELVE_HOURS_MS / 1000;\n const now = getCurrentTime();\n return Math.max(0, (endTimeRef.current - now) / 1000);\n };\n\n // Function to update the timer display\n const updateTimerDisplay = () => {\n setTimeRemaining(calculateTimeRemaining());\n };\n\n // Function to save end time to local storage\n const saveEndTime = endTime => {\n localStorage.setItem(STORAGE_KEY, endTime.toString());\n endTimeRef.current = endTime;\n updateTimerDisplay();\n };\n\n // Function to create a new end time\n const createNewEndTime = () => {\n const now = getCurrentTime();\n const newEndTime = now + TWELVE_HOURS_MS;\n saveEndTime(newEndTime);\n\n // Broadcast to other clients\n if (isConnected) {\n socket.emit('timer_sync', {\n endTime: newEndTime\n });\n }\n return newEndTime;\n };\n\n // Function to sync with server time\n const syncServerTime = () => {\n const clientTime = Date.now();\n fetch('https://worldtimeapi.org/api/ip').then(response => response.json()).then(data => {\n const serverTime = new Date(data.utc_datetime).getTime();\n const offset = serverTime - clientTime;\n setServerTimeOffset(offset);\n }).catch(() => {\n // If world time API fails, try another approach or use local time\n setServerTimeOffset(0);\n });\n };\n\n // Synchronize server time on component mount\n useEffect(() => {\n syncServerTime();\n // Refresh server time every 10 minutes\n const syncInterval = setInterval(syncServerTime, 10 * 60 * 1000);\n return () => clearInterval(syncInterval);\n }, []);\n\n // Socket connection and event handlers\n useEffect(() => {\n const onConnect = () => {\n setIsConnected(true);\n socket.emit('request_timer_sync');\n syncAttemptRef.current = 0;\n };\n const onDisconnect = () => {\n setIsConnected(false);\n };\n const onTimerSync = data => {\n if (data && data.endTime) {\n saveEndTime(data.endTime);\n }\n };\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('timer_sync', onTimerSync);\n\n // Immediately request sync if already connected\n if (socket.connected) {\n onConnect();\n }\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('timer_sync', onTimerSync);\n };\n }, []);\n\n // Initialize the timer\n useEffect(() => {\n // Try to get end time from local storage first\n const storedEndTime = localStorage.getItem(STORAGE_KEY);\n if (storedEndTime) {\n const parsedEndTime = parseInt(storedEndTime, 10);\n // Only use if it's in the future\n if (parsedEndTime > getCurrentTime()) {\n endTimeRef.current = parsedEndTime;\n updateTimerDisplay();\n }\n }\n\n // Schedule requesting timer sync again if we don't get it immediately\n const syncTimer = setInterval(() => {\n if (!endTimeRef.current && isConnected) {\n socket.emit('request_timer_sync');\n syncAttemptRef.current += 1;\n\n // After a few attempts, create our own timer if needed\n if (syncAttemptRef.current >= 3 && !endTimeRef.current) {\n createNewEndTime();\n clearInterval(syncTimer);\n }\n } else if (endTimeRef.current) {\n clearInterval(syncTimer);\n }\n }, 1000);\n\n // Set up the countdown timer that updates every second\n timerRef.current = setInterval(() => {\n updateTimerDisplay();\n }, 1000);\n\n // Final fallback: if after 5 seconds we still have no end time, create one\n const fallbackTimer = setTimeout(() => {\n if (!endTimeRef.current) {\n createNewEndTime();\n }\n }, 5000);\n return () => {\n clearInterval(syncTimer);\n clearInterval(timerRef.current);\n clearTimeout(fallbackTimer);\n };\n }, [isConnected]);\n\n // Format time as HH:MM:SS\n const formatTime = seconds => {\n const hours = Math.floor(seconds / 3600);\n const minutes = Math.floor(seconds % 3600 / 60);\n const secs = Math.floor(seconds % 60);\n return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n };\n return

THE JFK FILES

\n \n

\n {formatTime(timeRemaining)}\n

\n\n {/* Secret text appears occasionally in the background */}\n

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

\n █████████ CLASSIFIED ████████ REDACTED ██████████ TOP SECRET ████████████\n

)}\n

\n \n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"socket.io-client\":\"4.7.1\"}}","appFunctions",[],"token",{"_18":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":-5,"_92":41,"_93":41,"_70":71},"The JFK Files ","symbol","JFK","price",0.00000532,"marketcap",6004.39411068,"image","https://pump.mypinata.cloud/ipfs/QmdVJUCUjf34vRJHARNzgqhZ1D7JKatghCLJJp5757vRkk?img-width=256&img-dpr=2","website","https://dev.fun/p/d744b4b6825294472383","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[98,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_99":100,"_101":58},"day","2025-08-12","runCount",{"_99":103,"_101":58},"2025-08-13",{"_99":105,"_101":58},"2025-08-14",{"_99":107,"_101":58},"2025-08-15",{"_99":109,"_101":58},"2025-08-16",{"_99":111,"_101":58},"2025-08-17",{"_99":113,"_101":58},"2025-08-18",{"_99":115,"_101":58},"2025-08-19",{"_99":117,"_101":58},"2025-08-20",{"_99":119,"_101":58},"2025-08-21",{"_99":121,"_101":58},"2025-08-22",{"_99":123,"_101":58},"2025-08-23",{"_99":125,"_101":58},"2025-08-24",{"_99":127,"_101":41},"2025-08-25","snapshot","ogImage","https://cdn.dev.fun/og/image/d744b4b6825294472383/ad4c9bb9.webp","isDevbase","actionData","errors"]

say something