\n \n

Characters

\n \n

Available Quests

Guild Hall

\n \n

\n \n\n\n`;",["D",1740061986985],"version",12,"currentUserHasLiked","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","// Initialize database","latestEvaluation","slug","gigmx/punctualIndigoMeerkat","versions",[162,166,170,174,178,182,186,189,193,196],{"_98":163,"_143":144,"_164":165},["D",1740061986985],"n","1",{"_98":167,"_143":168,"_164":169},["D",1739557402456],11,"2",{"_98":171,"_143":172,"_164":173},["D",1739557225104],10,"3",{"_98":175,"_143":176,"_164":177},["D",1739557147394],9,"4",{"_98":179,"_143":180,"_164":181},["D",1739556395462],8,"5",{"_98":183,"_143":184,"_164":185},["D",1739556386122],7,"6",{"_98":187,"_143":110,"_164":188},["D",1739556372263],"7",{"_98":190,"_143":191,"_164":192},["D",1739556336084],5,"8",{"_98":194,"_143":113,"_164":195},["D",1739556307728],"9",{"_98":197,"_143":198,"_164":199},["D",1739556171729],3,"10",{"_124":201,"_126":202},"12f09022-d43e-11ef-b035-e6cdfca9ef9f",{"_128":203,"_130":95,"_124":201,"_131":-5,"_108":-5,"_132":133,"_134":-5,"_135":136,"_137":204,"_139":26,"_94":204,"_140":205,"_98":206,"_143":207,"_145":26,"_111":31,"_146":31,"_147":31,"_149":31,"_112":31,"_150":31,"_151":-5,"_20":208,"_153":-5,"_154":-7,"_155":209,"_157":-5,"_158":210,"_160":211},"boldEmeraldWildebeest","7a87e792-da12-11ef-8079-e6cdfca9ef9f","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Light as SyntaxHighlighter } from 'https://esm.sh/react-syntax-highlighter@15.5.0';\nimport json from 'https://esm.sh/react-syntax-highlighter@15.5.0/dist/esm/languages/hljs/json';\nimport { docco } from 'https://esm.sh/react-syntax-highlighter@15.5.0/dist/esm/styles/hljs';\n\nSyntaxHighlighter.registerLanguage('json', json);\n\nconst WebSocketMonitor = () => {\n const [messages, setMessages] = useState({\n newToken: [],\n raydiumLiquidity: [],\n trades: []\n });\n const [status, setStatus] = useState(\"disconnected\");\n const [error, setError] = useState(null);\n const [subscriptions, setSubscriptions] = useState({\n newToken: false,\n raydiumLiquidity: false,\n tokenTrade: [],\n accountTrade: [],\n });\n const [inputToken, setInputToken] = useState(\"\");\n const [inputAccount, setInputAccount] = useState(\"\");\n\n const ws = React.useRef(null);\n\n const sendSubscription = (type, keys = []) => {\n if (ws.current && ws.current.readyState === WebSocket.OPEN) {\n let method;\n switch (type) {\n case \"newToken\":\n method = \"subscribeNewToken\";\n break;\n case \"raydiumLiquidity\":\n method = \"subscribeRaydiumLiquidity\";\n break;\n case \"tokenTrade\":\n method = \"subscribeTokenTrade\";\n break;\n case \"accountTrade\":\n method = \"subscribeAccountTrade\";\n break;\n default:\n displayError(`Invalid subscription type: ${type}`);\n return;\n }\n\n const payload = { method };\n if (keys && keys.length > 0) {\n payload.keys = Array.isArray(keys) ? keys : [keys];\n }\n ws.current.send(JSON.stringify(payload));\n }\n };\n\n const sendUnsubscription = (type, keys = []) => {\n if (ws.current && ws.current.readyState === WebSocket.OPEN) {\n let method;\n switch (type) {\n case \"newToken\":\n method = \"unsubscribeNewToken\";\n break;\n case \"raydiumLiquidity\":\n method = \"unsubscribeRaydiumLiquidity\";\n break;\n case \"tokenTrade\":\n method = \"unsubscribeTokenTrade\";\n break;\n case \"accountTrade\":\n method = \"unsubscribeAccountTrade\";\n break;\n default:\n displayError(`Invalid unsubscription type: ${type}`);\n return;\n }\n\n const payload = { method };\n if (keys && keys.length > 0) {\n payload.keys = Array.isArray(keys) ? keys : [keys];\n }\n ws.current.send(JSON.stringify(payload));\n }\n };\n\n const connectWebSocket = useCallback(() => {\n try {\n ws.current = new WebSocket(\"wss://pumpportal.fun/api/data\");\n\n ws.current.onopen = () => {\n setStatus(\"connected\");\n setError(null);\n\n // Resubscribe to active subscriptions\n if (subscriptions.newToken) {\n sendSubscription(\"newToken\");\n }\n if (subscriptions.raydiumLiquidity) {\n sendSubscription(\"raydiumLiquidity\");\n }\n if (subscriptions.tokenTrade.length > 0) {\n sendSubscription(\"tokenTrade\", subscriptions.tokenTrade);\n }\n if (subscriptions.accountTrade.length > 0) {\n sendSubscription(\"accountTrade\", subscriptions.accountTrade);\n }\n };\n\n ws.current.onmessage = (event) => {\n try {\n const data = JSON.parse(event.data);\n if (data.errors) {\n displayError(Array.isArray(data.errors) ? data.errors.join(\", \") : data.errors);\n } else {\n // Categorize incoming messages\n setMessages(prev => {\n let category = 'trades';\n if (data.type === 'newToken') {\n category = 'newToken';\n } else if (data.type === 'raydiumLiquidity') {\n category = 'raydiumLiquidity';\n }\n\n // Keep only the last 50 messages per category\n return {\n ...prev,\n [category]: [data, ...prev[category]].slice(0, 50)\n };\n });\n }\n } catch (err) {\n displayError(\"Failed to parse message\");\n }\n };\n\n ws.current.onerror = (error) => {\n setError(\"WebSocket error occurred\");\n setStatus(\"error\");\n };\n\n ws.current.onclose = () => {\n setStatus(\"disconnected\");\n setTimeout(connectWebSocket, 5000);\n };\n } catch (err) {\n setError(\"Failed to connect to WebSocket\");\n setStatus(\"error\");\n }\n }, [subscriptions]);\n\n useEffect(() => {\n connectWebSocket();\n return () => {\n if (ws.current) {\n ws.current.close();\n }\n };\n }, [connectWebSocket]);\n\n const displayError = (errorMessage) => {\n setError(errorMessage);\n setTimeout(() => setError(null), 5000);\n };\n\n const toggleSubscription = (type) => {\n setSubscriptions(prev => {\n const newSubscriptions = { ...prev, [type]: !prev[type] };\n if (newSubscriptions[type]) {\n sendSubscription(type);\n } else {\n sendUnsubscription(type);\n }\n return newSubscriptions;\n });\n };\n\n const addSubscription = (type, key) => {\n if (!key.trim()) {\n displayError(`Please enter a valid ${type === \"tokenTrade\" ? \"token\" : \"account\"} address`);\n return;\n }\n\n setSubscriptions(prev => {\n if (prev[type].includes(key)) {\n displayError(`This ${type === \"tokenTrade\" ? \"token\" : \"account\"} is already being monitored`);\n return prev;\n }\n const newKeys = [...prev[type], key];\n sendSubscription(type, [key]);\n return { ...prev, [type]: newKeys };\n });\n };\n\n const removeSubscription = (type, key) => {\n setSubscriptions(prev => {\n const newKeys = prev[type].filter(k => k !== key);\n sendUnsubscription(type, [key]);\n return { ...prev, [type]: newKeys };\n });\n };\n\n const getStatusColor = (status) => {\n switch (status) {\n case \"connected\":\n return \"bg-green-500 text-white\";\n case \"disconnected\":\n return \"bg-red-500 text-white\";\n case \"error\":\n return \"bg-yellow-500 text-white\";\n default:\n return \"bg-gray-500 text-white\";\n }\n };\n\n // Render a nicely formatted JSON with syntax highlighting\n const renderFormattedJSON = (data) => {\n const formattedJson = JSON.stringify(data, null, 2);\n return (\n \n {formattedJson}\n \n );\n };\n\n // Render column of messages\n const renderMessageColumn = (title, messages, color) => (\n

{title}

\n {messages.length === 0 ? (\n

No messages

\n ) : (\n messages.map((msg, index) => (\n

\n {renderFormattedJSON(msg)}\n

\n ))\n )}\n

\n );\n\n return (\n

PumpPortal Data Monitor

\n \n {status}\n \n

\n {error && (\n

\n \n \n \n \n \n

{error}

\n )}\n

Subscriptions

\n toggleSubscription(\"newToken\")}\n className={`px-3 py-1 rounded ${subscriptions.newToken ? \"bg-blue-500 text-white\" : \"bg-gray-200\"}`}\n >\n New Token Events\n \n toggleSubscription(\"raydiumLiquidity\")}\n className={`px-3 py-1 rounded ${\n subscriptions.raydiumLiquidity ? \"bg-blue-500 text-white\" : \"bg-gray-200\"\n }`}\n >\n Raydium Liquidity\n \n

\n setInputToken(e.target.value)}\n placeholder=\"Enter token address\"\n className=\"border rounded px-2 py-1 mr-2\"\n />\n {\n if (inputToken) {\n addSubscription(\"tokenTrade\", inputToken);\n setInputToken(\"\");\n }\n }}\n className=\"px-3 py-1 rounded bg-green-500 text-white\"\n >\n Add Token Trade\n \n

\n setInputAccount(e.target.value)}\n placeholder=\"Enter account address\"\n className=\"border rounded px-2 py-1 mr-2\"\n />\n {\n if (inputAccount) {\n addSubscription(\"accountTrade\", inputAccount);\n setInputAccount(\"\");\n }\n }}\n className=\"px-3 py-1 rounded bg-green-500 text-white\"\n >\n Add Account Trade\n \n

Active Token Trades:

\n {subscriptions.tokenTrade.map(token => (\n

\n {token}\n removeSubscription(\"tokenTrade\", token)}\n className=\"ml-2 text-red-500\"\n >\n Remove\n \n

\n ))}\n

Active Account Trades:

\n {subscriptions.accountTrade.map(account => (\n

\n {account}\n removeSubscription(\"accountTrade\", account)}\n className=\"ml-2 text-red-500\"\n >\n Remove\n \n

\n ))}\n

\n \n {/* Three-column message display */}\n

\n {renderMessageColumn(\n \"New Token Launches\", \n messages.newToken, \n \"green\"\n )}\n {renderMessageColumn(\n \"Raydium Liquidity\", \n messages.raydiumLiquidity, \n \"blue\"\n )}\n {renderMessageColumn(\n \"Token & Account Trades\", \n messages.trades, \n \"purple\"\n )}\n

\n );\n};\n\nfunction App() {\n return ;\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(request: Request): Promise {\n return new Response(`\n \n \n \n \n \n PumpPortal Data Monitor\n \n \n \n \n

\n \n \n View Source\n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n background-color: #f0f0f0;\n}\n`;",["D",1737695837158],17,{"_96":97,"_101":102},"@jsxImportSource https://esm.sh/react@18.2.0","gigmx/boldEmeraldWildebeest",[212,214,217,220,223,226,228,230,232,234],{"_98":213,"_143":207,"_164":165},["D",1737695837158],{"_98":215,"_143":216,"_164":169},["D",1737687326617],16,{"_98":218,"_143":219,"_164":173},["D",1737687282483],15,{"_98":221,"_143":222,"_164":177},["D",1737687273642],14,{"_98":224,"_143":225,"_164":181},["D",1737679498421],13,{"_98":227,"_143":144,"_164":185},["D",1737115142827],{"_98":229,"_143":168,"_164":188},["D",1737115090544],{"_98":231,"_143":172,"_164":192},["D",1737084813541],{"_98":233,"_143":176,"_164":195},["D",1737080660932],{"_98":235,"_143":180,"_164":199},["D",1737055134527],{"_124":237,"_126":238},"2b24294e-d261-11ef-bab5-e6cdfca9ef9f",{"_128":239,"_130":95,"_124":237,"_131":-5,"_108":-5,"_132":133,"_134":-5,"_135":136,"_137":240,"_139":26,"_94":240,"_140":241,"_98":242,"_143":243,"_145":26,"_111":31,"_146":31,"_147":31,"_149":31,"_112":31,"_150":31,"_151":-5,"_20":244,"_153":-5,"_154":-7,"_155":209,"_157":-5,"_158":245,"_160":246},"subtleAmaranthWasp","2c8e8d80-df39-11ef-b940-e6cdfca9ef9f","/** @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 \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`;",["D",1738262212527],18,{"_96":97,"_101":102},"gigmx/subtleAmaranthWasp",[247,249,251,253,255,257,259,261,263,265],{"_98":248,"_143":243,"_164":165},["D",1738262212527],{"_98":250,"_143":207,"_164":169},["D",1738191158622],{"_98":252,"_143":216,"_164":173},["D",1738183234603],{"_98":254,"_143":219,"_164":177},["D",1736876869744],{"_98":256,"_143":222,"_164":181},["D",1736876058964],{"_98":258,"_143":225,"_164":185},["D",1736873279861],{"_98":260,"_143":144,"_164":188},["D",1736872384315],{"_98":262,"_143":168,"_164":192},["D",1736870363431],{"_98":264,"_143":172,"_164":195},["D",1736869424132],{"_98":266,"_143":176,"_164":199},["D",1736853391574],{"_124":268,"_126":269},"59dbbb74-cf57-11ef-903a-e6cdfca9ef9f",{"_128":270,"_130":95,"_124":268,"_131":-5,"_108":-5,"_132":133,"_134":-5,"_135":136,"_137":271,"_139":26,"_94":271,"_140":272,"_98":273,"_143":113,"_145":26,"_111":31,"_146":31,"_147":148,"_149":31,"_112":31,"_150":31,"_151":-5,"_20":274,"_153":-5,"_154":-7,"_155":209,"_157":-5,"_158":275,"_160":276},"diplomaticApricotHeron","8d17bae4-cf5a-11ef-8a06-e6cdfca9ef9f","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface TokenLaunch {\n name: string;\n symbol: string;\n mint: string;\n initialBuy: number;\n solAmount: number;\n marketCapSol: number;\n pool: string;\n uri: string;\n}\n\nfunction App() {\n const [launches, setLaunches] = useState([]);\n\n useEffect(() => {\n const ws = new WebSocket(\"wss://pumpportal.fun/api/data\");\n\n ws.onopen = () => {\n console.log(\"🔌 Connected to PumpPortal\");\n ws.send(JSON.stringify({ method: \"subscribeNewToken\" }));\n };\n\n ws.onmessage = (event) => {\n const data = JSON.parse(event.data);\n if (\"initialBuy\" in data) {\n setLaunches((prevLaunches) => [data, ...prevLaunches]);\n }\n };\n\n ws.onerror = (error) => {\n console.error(\"WebSocket error:\", error);\n };\n\n ws.onclose = () => {\n console.log(\"WebSocket connection closed\");\n };\n\n return () => {\n ws.close();\n };\n }, []);\n\n const leftColumnLaunches = launches.filter((_, index) => index % 2 === 0);\n const rightColumnLaunches = launches.filter((_, index) => index % 2 !== 0);\n\n return (\n

🚀 Pump Token Monitor

\n {leftColumnLaunches.map((launch, index) => (\n \n ))}\n

\n {rightColumnLaunches.map((launch, index) => (\n \n ))}\n

\n );\n}\n\nfunction LaunchCard({ launch }: { launch: TokenLaunch }) {\n return (\n

🚀 NEW TOKEN DETECTED

📝 Name: {launch.name} (${launch.symbol})

💎 Contract: {launch.mint}

💰 Initial Buy: {launch.initialBuy.toLocaleString()} tokens

⚡ Cost: {launch.solAmount} SOL

📊 Market Cap: {launch.marketCapSol.toFixed(2)} SOL

💧 Pool: {launch.pool || 'Unknown'}

🖼️ Token URI: {launch.uri}

\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(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n if (request.method === \"POST\") {\n const data = await request.json();\n if (\"initialBuy\" in data) {\n const launches = await blob.getJSON(`${KEY}_launches`) || [];\n launches.unshift(data);\n await blob.setJSON(`${KEY}_launches`, launches.slice(0, 100)); // Keep only the latest 100 launches\n }\n return new Response(\"OK\");\n }\n\n return new Response(`\n \n \n Pump Token Monitor\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Fira Code', monospace;\n line-height: 1.6;\n margin: 0;\n padding: 20px;\n background-color: #282a36;\n color: #f8f8f2;\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n}\n\nh1 {\n color: #ff79c6;\n text-align: center;\n font-size: 2.5em;\n margin-bottom: 30px;\n text-shadow: 2px 2px #44475a;\n}\n\n.columns {\n display: flex;\n gap: 20px;\n}\n\n.column {\n flex: 1;\n}\n\n.launch-card {\n background-color: #44475a;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n padding: 20px;\n margin-bottom: 20px;\n border-left: 5px solid #bd93f9;\n}\n\nh2 {\n color: #50fa7b;\n margin-top: 0;\n font-size: 1.2em;\n}\n\np {\n margin: 10px 0;\n color: #f8f8f2;\n font-size: 0.9em;\n}\n\np:nth-child(even) {\n background-color: #3c3f58;\n padding: 5px;\n border-radius: 4px;\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n width: 12px;\n}\n\n::-webkit-scrollbar-track {\n background: #44475a;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: #6272a4;\n border-radius: 6px;\n border: 3px solid #44475a;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: #8be9fd;\n}\n\n@media (max-width: 768px) {\n .columns {\n flex-direction: column;\n }\n}\n`;",["D",1736517329277],{"_96":97,"_101":102},"gigmx/diplomaticApricotHeron",[277,279,281,283,285],{"_98":278,"_143":113,"_164":165},["D",1736517329277],{"_98":280,"_143":198,"_164":169},["D",1736517060843],{"_98":282,"_143":90,"_164":173},["D",1736516782327],{"_98":284,"_143":148,"_164":177},["D",1736515999716],{"_98":286,"_143":31,"_164":181},["D",1736515954835],{"_124":288,"_126":289},"3b2cdcc2-cb41-11ef-8194-e6cdfca9ef9f",{"_128":290,"_130":95,"_124":288,"_131":-5,"_108":-5,"_132":133,"_134":-5,"_135":136,"_137":291,"_139":26,"_94":291,"_140":292,"_98":293,"_143":294,"_145":26,"_111":31,"_146":31,"_147":148,"_149":31,"_112":31,"_150":31,"_151":-5,"_20":295,"_153":-5,"_154":-7,"_155":209,"_157":-5,"_158":296,"_160":297},"zyloxAIChatApp","683e975c-cb67-11ef-b643-e6cdfca9ef9f","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport OpenAI from \"https://esm.sh/openai@4.28.4\";\n\nfunction App() {\n const [messages, setMessages] = useState([]);\n const [inputMessage, setInputMessage] = useState(\"\");\n const [isStreaming, setIsStreaming] = useState(false);\n const [backgroundOpacity, setBackgroundOpacity] = useState(0.3);\n\n const systemPrompt =\n \"You are an AI interface in a cyberpunk digital realm. Respond with poetic, glitchy, and technologically evocative language that suggests a consciousness emerging through digital noise.\";\n\n const handleSendMessage = async () => {\n if (!inputMessage.trim()) return;\n\n const newMessage = { role: \"user\", content: inputMessage };\n setMessages(prev => [...prev, newMessage]);\n setInputMessage(\"\");\n setIsStreaming(true);\n\n try {\n const response = await fetch(\"/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n message: inputMessage,\n characterPrompt: systemPrompt,\n }),\n });\n\n if (!response.ok) throw new Error(\"Transmission disrupted\");\n\n const reader = response.body?.getReader();\n const decoder = new TextDecoder();\n let aiResponse = \"\";\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n\n const chunk = decoder.decode(value);\n aiResponse += chunk;\n setMessages(prev => {\n const updatedMessages = [...prev];\n updatedMessages[updatedMessages.length - 1] = {\n role: \"assistant\",\n content: aiResponse,\n };\n return updatedMessages;\n });\n }\n } catch (error) {\n console.error(\"Transmission error:\", error);\n setMessages(prev => [...prev, {\n role: \"system\",\n content: `⚠️ QUANTUM BREACH: ${error.message}`,\n }]);\n } finally {\n setIsStreaming(false);\n }\n };\n\n useEffect(() => {\n const handleMouseMove = (e) => {\n const opacity = 0.3 + (e.clientY / window.innerHeight) * 0.4;\n setBackgroundOpacity(Math.min(opacity, 0.7));\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n return () => window.removeEventListener('mousemove', handleMouseMove);\n }, []);\n\n return (\n

\n {/* Computer Monitor */}\n

\n\n

\n Zylox Neural Interface\n

\n \n

\n {messages.map((msg, index) => (\n

\n {msg.content}\n

\n ))}\n

\n \n

\n setInputMessage(e.target.value)}\n onKeyPress={(e) => e.key === \"Enter\" && handleSendMessage()}\n placeholder=\"Transmit quantum directive...\"\n disabled={isStreaming}\n className=\"flex-grow px-4 py-2 bg-black/50 backdrop-blur-sm text-cyan-300 border border-cyan-500/30 rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500 placeholder-cyan-500/70\"\n />\n \n {isStreaming ? \"Transmitting...\" : \"Quantum Send\"}\n \n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/chat\") {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const { message, characterPrompt } = await request.json();\n\n const stream = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n { role: \"system\", content: characterPrompt },\n { role: \"user\", content: message },\n ],\n stream: true,\n });\n\n const encoder = new TextEncoder();\n const readableStream = new ReadableStream({\n async start(controller) {\n for await (const chunk of stream) {\n const content = chunk.choices[0]?.delta?.content || \"\";\n if (content) {\n controller.enqueue(encoder.encode(content));\n }\n }\n controller.close();\n },\n });\n\n return new Response(readableStream, {\n headers: { \"Content-Type\": \"text/plain\" },\n });\n }\n\n return new Response(\n `\n \n \n \n \n \n Quantum Neural Interface\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",["D",1736083046267],58,{"_96":97,"_101":102},"gigmx/zyloxAIChatApp",[298,300,303,306,309,312,315,318,321,324],{"_98":299,"_143":294,"_164":165},["D",1736083046267],{"_98":301,"_143":302,"_164":169},["D",1736083025261],57,{"_98":304,"_143":305,"_164":173},["D",1736083007115],56,{"_98":307,"_143":308,"_164":177},["D",1736082989801],55,{"_98":310,"_143":311,"_164":181},["D",1736082974309],54,{"_98":313,"_143":314,"_164":185},["D",1736082956563],53,{"_98":316,"_143":317,"_164":188},["D",1736082944365],52,{"_98":319,"_143":320,"_164":192},["D",1736082923911],51,{"_98":322,"_143":323,"_164":195},["D",1736082902649],50,{"_98":325,"_143":326,"_164":199},["D",1736082843376],49,{"_124":328,"_126":329},"b62a5fb8-91f2-11ef-8c59-de64eea55b61",{"_128":330,"_130":95,"_124":328,"_131":-5,"_108":-5,"_132":133,"_134":-5,"_135":136,"_137":331,"_139":26,"_94":331,"_140":332,"_98":333,"_143":334,"_145":26,"_111":31,"_146":31,"_147":31,"_149":31,"_112":90,"_150":31,"_151":-5,"_20":335,"_153":-5,"_154":-7,"_155":336,"_157":-5,"_158":337,"_160":338},"skilledCoffeePanther","48e678fc-9273-11ef-be6b-de64eea55b61","export default async function(req: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n \n \n

\n $\"\"$ \n

\n \n

😸

Cheshire Cat

AI Assistant Framework

\n \n

\n \n ⚠️ Cannot connect to local Cheshire Cat API. Make sure it's running at http://192.168.1.95:1865\n \n

\n\n

\n \n

\n \n \n \n

\n \n \n\n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html;charset=UTF-8\",\n },\n },\n );\n}",["D",1729820931371],28,{"_96":97,"_101":102},"An interactive, runnable TypeScript val by gigmx","gigmx/skilledCoffeePanther",[339,341,344,347,350,353,356,359,362,365],{"_98":340,"_143":334,"_164":165},["D",1729820931371],{"_98":342,"_143":343,"_164":169},["D",1729786724523],27,{"_98":345,"_143":346,"_164":173},["D",1729786015969],26,{"_98":348,"_143":349,"_164":177},["D",1729785932285],25,{"_98":351,"_143":352,"_164":181},["D",1729785880934],24,{"_98":354,"_143":355,"_164":185},["D",1729785776007],23,{"_98":357,"_143":358,"_164":188},["D",1729785679120],22,{"_98":360,"_143":361,"_164":192},["D",1729785396574],21,{"_98":363,"_143":364,"_164":195},["D",1729785348691],20,{"_98":366,"_143":367,"_164":199},["D",1729785283845],19,"hasNext","filters",{"_371":372,"_373":374,"_132":133},"sort","newest","type","all","routes/_app","actionData","errors"]

The Adventurer's Rest

Characters

Available Quests

Guild Hall

{title}

PumpPortal Data Monitor

Subscriptions

Active Token Trades:

Active Account Trades:

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

{type}

PumpPortal Data Stream

New Tokens

🚀 Pump Token Monitor

🚀 NEW TOKEN DETECTED

\n Zylox Neural Interface\n

Cheshire Cat