[{"_1":2,"_227":-5,"_228":-5},"loaderData",{"_3":4,"_91":92,"_218":219,"_226":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_213":-5,"_214":-5,"_215":216,"_128":129,"_136":137,"_100":101,"_98":99,"_117":-7,"_50":51,"_217":26},"type","val","author","7ee2c18d-9116-452d-82bf-876ebb62a363",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":127,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":139},"name","subtleAmaranthWasp","valNameId","2b24294e-d261-11ef-bab5-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","2c8e8d80-df39-11ef-b940-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction NewTokenDisplay({ data }) {\n return (\n

New Token Created: {data.name} ({data.symbol})

\n Mint Address:{\" \"}\n \n {data.mint}\n \n

\n Creator: {data.traderPublicKey}\n

\n Initial Buy: {data.initialBuy.toLocaleString()} tokens\n

\n SOL Amount: {data.solAmount} SOL\n

\n Tokens in Bonding Curve: {data.vTokensInBondingCurve.toLocaleString()}\n

\n SOL in Bonding Curve: {data.vSolInBondingCurve.toFixed(4)} SOL\n

\n );\n}\n\nfunction SubscriptionControl({ type, isConnected, isSubscribed, onSubscribe, onUnsubscribe }) {\n return (\n

{type}

\n \n \n

\n Status: {isSubscribed ? \"Subscribed\" : \"Not Subscribed\"}\n

\n );\n}\n\nfunction App() {\n const [messages, setMessages] = useState({\n newToken: [],\n });\n const [socket, setSocket] = useState(null);\n const [isConnected, setIsConnected] = useState(false);\n const [subscriptions, setSubscriptions] = useState({\n subscribeNewToken: false,\n });\n const [error, setError] = useState(null);\n\n const connectWebSocket = useCallback(() => {\n const ws = new WebSocket(\"wss://pumpportal.fun/api/data\");\n\n ws.onopen = () => {\n console.log(\"WebSocket connected to PumpPortal\");\n setSocket(ws);\n setIsConnected(true);\n setError(null);\n };\n\n ws.onmessage = (event) => {\n const message = JSON.parse(event.data);\n console.log(\"Received message:\", message);\n setMessages((prevMessages) => {\n if (message.txType === \"create\") {\n return { ...prevMessages, newToken: [message, ...prevMessages.newToken] };\n }\n return prevMessages;\n });\n };\n\n ws.onclose = () => {\n console.log(\"WebSocket disconnected from PumpPortal\");\n setIsConnected(false);\n setSubscriptions({\n subscribeNewToken: false,\n });\n setTimeout(connectWebSocket, 5000); // Attempt to reconnect after 5 seconds\n };\n\n ws.onerror = (error) => {\n console.error(\"WebSocket error:\", error);\n setError(\"WebSocket error occurred. Please try again.\");\n };\n }, []);\n\n useEffect(() => {\n connectWebSocket();\n return () => {\n if (socket) {\n socket.close();\n }\n };\n }, [connectWebSocket]);\n\n const handleSubscription = useCallback((type, subscribe) => {\n if (socket && socket.readyState === WebSocket.OPEN) {\n const method = subscribe ? type : type.replace(\"subscribe\", \"unsubscribe\");\n console.log(`Sending subscription request: ${method}`);\n socket.send(JSON.stringify({ method }));\n setSubscriptions(prev => ({ ...prev, [type]: subscribe }));\n console.log(`Subscription status updated: ${type} - ${subscribe}`);\n } else {\n setError(\"WebSocket is not connected. Please wait and try again.\");\n }\n }, [socket]);\n\n return (\n

PumpPortal Data Stream

\n handleSubscription(\"subscribeNewToken\", true)}\n onUnsubscribe={() => handleSubscription(\"subscribeNewToken\", false)}\n />\n

\n {error &&

{error}

}\n

Status: {isConnected ? \"Connected\" : \"Disconnected\"}

New Tokens

\n {messages.newToken.filter((_, index) => index % 3 === 0).map((msg, index) => (\n \n ))}\n

\n {messages.newToken.filter((_, index) => index % 3 === 1).map((msg, index) => (\n \n ))}\n

\n {messages.newToken.filter((_, index) => index % 3 === 2).map((msg, index) => (\n \n ))}\n

\n \n View source: Val Town\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n PumpPortal Data Stream\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\n body {\n font-family: 'Fira Code', monospace;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n background-color: #282a36;\n color: #f8f8f2;\n }\n h1, h2 {\n color: #ff79c6;\n text-align: center;\n }\n .subscription-controls {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n }\n .subscription-control {\n text-align: center;\n }\n button {\n padding: 8px 15px;\n margin: 0 5px;\n background-color: #6272a4;\n color: #f8f8f2;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n button:hover:not(:disabled) {\n background-color: #44475a;\n }\n button:disabled {\n background-color: #44475a;\n cursor: not-allowed;\n opacity: 0.6;\n }\n .subscription-status {\n margin-top: 5px;\n font-weight: bold;\n color: #8be9fd;\n }\n .new-tokens-container {\n width: 100%;\n }\n .new-tokens-columns {\n display: flex;\n justify-content: space-between;\n }\n .column {\n flex: 1;\n margin: 0 10px;\n }\n .new-token {\n background-color: #44475a;\n padding: 15px;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.3);\n margin-bottom: 10px;\n }\n .new-token h3 {\n margin-top: 0;\n color: #50fa7b;\n }\n .token-details {\n display: grid;\n grid-template-columns: 1fr;\n gap: 5px;\n }\n .token-details p {\n margin: 5px 0;\n font-size: 0.9em;\n }\n .token-details a {\n color: #8be9fd;\n text-decoration: none;\n word-break: break-all;\n }\n .token-details a:hover {\n text-decoration: underline;\n }\n pre {\n white-space: pre-wrap;\n word-wrap: break-word;\n font-size: 0.8em;\n background-color: #282a36;\n padding: 10px;\n border-radius: 4px;\n }\n .error {\n color: #ff5555;\n font-weight: bold;\n text-align: center;\n }\n .status {\n text-align: center;\n font-weight: bold;\n color: #bd93f9;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-track {\n background: #44475a;\n }\n ::-webkit-scrollbar-thumb {\n background: #6272a4;\n border-radius: 5px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #8be9fd;\n }\n`;","createdAt",["D",1738262212527],"version",18,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","gigmx","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybnBtekRodDdiRDdIQmJqQXNJY0hiQmhyNEoifQ","forkedVal","interval","slug","gigmx/subtleAmaranthWasp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,206,210],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1738262212527],{"_117":144,"_141":-5,"_115":145,"_112":146},17,["D",1738191158622],"bd2248a6-de93-11ef-a6ce-e6cdfca9ef9f",{"_117":148,"_141":-5,"_115":149,"_112":150},16,["D",1738183234603],"4a0b5e46-de81-11ef-bb22-e6cdfca9ef9f",{"_117":152,"_141":-5,"_115":153,"_112":154},15,["D",1736876869744],"abe8b552-d29f-11ef-9a80-e6cdfca9ef9f",{"_117":156,"_141":-5,"_115":157,"_112":158},14,["D",1736876058964],"c8a6776c-d29d-11ef-b7f0-e6cdfca9ef9f",{"_117":160,"_141":-5,"_115":161,"_112":162},13,["D",1736873279861],"50331084-d297-11ef-969a-e6cdfca9ef9f",{"_117":164,"_141":-5,"_115":165,"_112":166},12,["D",1736872384315],"3a63f3e2-d295-11ef-9f83-e6cdfca9ef9f",{"_117":168,"_141":-5,"_115":169,"_112":170},11,["D",1736870363431],"85d9833c-d290-11ef-a50b-e6cdfca9ef9f",{"_117":172,"_141":-5,"_115":173,"_112":174},10,["D",1736869424132],"55fae572-d28e-11ef-9242-e6cdfca9ef9f",{"_117":176,"_141":-5,"_115":177,"_112":178},9,["D",1736853391574],"01d5a150-d269-11ef-b80a-e6cdfca9ef9f",{"_117":180,"_141":-5,"_115":181,"_112":182},8,["D",1736852645689],"4540b440-d267-11ef-8d51-e6cdfca9ef9f",{"_117":184,"_141":-5,"_115":185,"_112":186},7,["D",1736851688209],"0a8c7854-d265-11ef-b756-e6cdfca9ef9f",{"_117":188,"_141":-5,"_115":189,"_112":190},6,["D",1736851432197],"71f3e988-d264-11ef-b333-e6cdfca9ef9f",{"_117":192,"_141":-5,"_115":193,"_112":194},5,["D",1736851294022],"1f97d636-d264-11ef-bc8e-e6cdfca9ef9f",{"_117":196,"_141":-5,"_115":197,"_112":198},4,["D",1736850170246],"81c4595e-d261-11ef-9074-e6cdfca9ef9f",{"_117":200,"_141":-5,"_115":201,"_112":202},3,["D",1736850121384],"64a5ecd4-d261-11ef-a647-e6cdfca9ef9f",{"_117":90,"_141":-5,"_115":204,"_112":205},["D",1736850105853],"5b635346-d261-11ef-a187-e6cdfca9ef9f",{"_117":207,"_141":-5,"_115":208,"_112":209},1,["D",1736850075632],"4960a31a-d261-11ef-98bb-e6cdfca9ef9f",{"_117":31,"_141":-5,"_115":211,"_112":212},["D",1736850024916],"2b2cc81a-d261-11ef-bab5-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.dependencies",{"_220":221,"_222":31,"_223":135,"_224":31,"_94":225},"dependenciesList",[],"dependenciesCount","valname","page",{"_112":110,"_98":99,"_128":129,"_11":96,"_117":118,"_100":101,"_113":114,"_104":105,"_111":26,"_134":135},"routes/_app","actionData","errors"]