[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_326":327,"_328":329},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_243":-5,"_20":244,"_22":245,"_246":247,"_248":249,"_26":250,"_24":251,"_252":-5,"_253":-5,"_254":57,"_255":256,"_257":49,"_258":-5,"_259":-5,"_260":261},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","wolf","name","JSONRPC-Viewer","branchName","main","version","path","frontend","project",{"_37":190,"_13":14,"_50":191,"_192":-5,"_193":57,"_194":195,"_196":195,"_197":-5,"_198":-5,"_199":200,"_201":94,"_202":49,"_203":49,"_204":-5,"_205":72,"_206":207,"_208":-5,"_209":-5,"_210":-5,"_211":-5,"_212":213,"_214":213,"_215":216,"_217":216,"_218":216,"_219":213,"_220":213,"_221":222,"_223":224,"_225":226,"_227":57},"tree",[88,89,90,91],"file",{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":85,"_17":72,"_53":86,"_54":-5,"_56":57,"_58":-5,"_18":87},"contents",[33,34,35,36],"upstream","pull","ahead","behind","envVars",{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":80,"_17":72,"_53":24,"_54":81,"_56":57,"_58":-5,"_18":82},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":70,"_48":49,"_50":71,"_17":72,"_53":73,"_54":74,"_56":57,"_58":-5,"_18":75},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":64,"_17":52,"_53":24,"_54":65,"_56":57,"_58":-5,"_18":66},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_18":59},"id","f2653478-471c-11f0-80f6-76b3cceeab13","style.css","fileId","1017d09e-471c-11f0-bad9-76b3cceeab13","parentId","8e813ccc-9e6b-4569-88d0-73193adcbc13","branchId","06095aae-4718-11f0-a0bc-76b3cceeab13","branchVersion",54,"latest",true,"createdAt",["D",1749685009976],2,"fileType","content",".json-content {\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n font-size: 12px;\n line-height: 1.4;\n}\n\n.collapsible-content {\n max-height: 200px;\n overflow-y: auto;\n transition: max-height 0.3s ease;\n}\n\n.collapsed {\n max-height: 40px;\n}\n\n/* Custom scrollbar for JSON content */\n.json-content::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n.json-content::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 4px;\n}\n\n.json-content::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 4px;\n}\n\n.json-content::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}\n\n/* Side-by-side layout improvements */\n.pair-content .grid {\n align-items: start;\n}\n\n.pair-content .grid > div {\n min-height: 150px;\n}\n\n/* Responsive button layout */\n@media (max-width: 768px) {\n .button-container {\n flex-direction: column;\n gap: 0.5rem;\n }\n \n .button-container button {\n width: 100%;\n }\n \n /* Stack vertically on mobile */\n .pair-content .grid {\n grid-template-columns: 1fr;\n }\n \n /* Make toggle buttons stack on mobile */\n .button-container > div {\n width: 100%;\n }\n \n .button-container > div > button {\n flex: 1;\n }\n}\n\n/* Message type filter toggle styling */\n.button-container > div {\n display: flex;\n background-color: #e5e7eb;\n border-radius: 0.5rem;\n padding: 0.25rem;\n}\n\n.button-container > div > button {\n flex: 1;\n text-align: center;\n white-space: nowrap;\n}\n\n/* Better spacing for request-response pairs */\n.pair-content {\n margin-top: 1rem;\n}\n\n/* Ensure equal height columns */\n.pair-content .grid > div {\n display: flex;\n flex-direction: column;\n}\n\n.pair-content .json-content {\n flex: 1;\n}","deleted",false,"label",[19,39],"bcd48836-471c-11f0-a0bb-76b3cceeab13","index.html","0b868ef8-471c-11f0-b65e-76b3cceeab13",47,["D",1749684920106],"\n\n\n \n \n JSON-RPC Viewer\n \n \n \n\n\n

JSON-RPC Viewer

\n \n

📋 What is this tool for?

\n This tool parses and visualizes JSON Lines containing JSON-RPC messages. \n It's particularly useful for analyzing Language Server Protocol (LSP) logs, API debugging, \n and understanding request-response flows.\n

📝 Show example input format

Content-Length: 87\n\n{\"jsonrpc\":\"2.0\",\"id\":1,\"method\":\"initialize\",\"params\":{\"capabilities\":{}}}\nContent-Length: 45\n\n{\"jsonrpc\":\"2.0\",\"id\":1,\"result\":{\"capabilities\":{}}}\nContent-Length: 52\n\n{\"jsonrpc\":\"2.0\",\"method\":\"initialized\",\"params\":{}}

\n \n

Paste JSON-RPC Messages

\n \n

\n \n \n \n \n

\n \n \n

\n \n \n \n

\n\n

\n \n

\n\n \n\n",[19,61],"1423c580-471c-11f0-bd82-76b3cceeab13","app.js","1423c634-471c-11f0-bd82-76b3cceeab13",31,["D",1749684637098],0,"script","import { JsonRpcViewer } from '/shared/JsonRpcViewer.js';\n\n// Initialize the application when the page loads\ndocument.addEventListener('DOMContentLoaded', () => {\n const config = window.__APP_CONFIG__ || {};\n const viewer = new JsonRpcViewer(config);\n \n // Make viewer available globally for debugging\n window.jsonRpcViewer = viewer;\n \n console.log('JSON-RPC Viewer initialized', config);\n});",[19,68],"53e578b2-471c-11f0-8a44-76b3cceeab13","README.md","53e57984-471c-11f0-8a44-76b3cceeab13",37,["D",1749684744063],"# Frontend\n\nClient-side application for the JSON-RPC Viewer.\n\n## Structure\n\n- `index.html` - Main HTML template\n- `style.css` - Custom CSS styles and responsive design\n- `app.js` - Application entry point and initialization\n\n## Features\n\n- Responsive design with TailwindCSS\n- Modular JavaScript architecture\n- Custom scrollbars and animations\n- Mobile-friendly button layouts\n\n## Development\n\nThe frontend uses ES6 modules and imports shared components from `/shared/`. All JavaScript is vanilla ES6+ with no build step required.",[19,77],"0b869b3c-471c-11f0-b65e-76b3cceeab13",29,["D",1749684622636],"directory",[19],{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":171,"_17":72,"_53":86,"_54":-5,"_56":57,"_58":-5,"_100":172,"_18":173},{"_37":110,"_13":111,"_40":112,"_42":-5,"_44":45,"_46":113,"_48":49,"_50":114,"_17":72,"_53":86,"_54":-5,"_56":57,"_58":-5,"_100":115,"_18":116},{"_37":103,"_13":77,"_40":104,"_42":-5,"_44":45,"_46":105,"_48":49,"_50":106,"_17":52,"_53":24,"_54":107,"_56":57,"_58":-5,"_100":108,"_18":109},{"_37":92,"_13":93,"_40":94,"_42":-5,"_44":45,"_46":95,"_48":49,"_50":96,"_17":97,"_53":98,"_54":99,"_56":57,"_58":-5,"_100":101,"_18":102},"5dcfee52-471c-11f0-a57a-76b3cceeab13","main.ts","006ad326-471c-11f0-9092-76b3cceeab13",39,["D",1749684760695],1,"http","import { Hono } from \"https://esm.sh/hono@4.6.3\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main route - serve the HTML with initial data\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject any initial configuration if needed\n const configScript = ``;\n \n html = html.replace(\"\", `${configScript}`);\n return c.html(html);\n});\n\n// API endpoint for health check\napp.get(\"/api/health\", c => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app.fetch;","children",[],[93],"7081d79a-471c-11f0-a8e9-76b3cceeab13","3472b776-471a-11f0-8402-76b3cceeab13",40,["D",1749684792058],"# JSON-RPC Viewer\n\nA web-based tool for parsing and visualizing JSON Lines containing JSON-RPC messages. Perfect for analyzing Language Server Protocol (LSP) logs, debugging API communications, and understanding request-response flows.\n\n## 🚀 How to Use\n\n### 1. **Input Your Data**\nPaste your JSON-RPC communication logs into the textarea. The tool accepts:\n- Raw JSON Lines (one JSON object per line)\n- Messages with Content-Length headers (LSP format)\n- Mixed formats with varying whitespace\n\n### 2. **Parse & Visualize**\nClick **\"Parse Messages\"** to extract and display the JSON-RPC messages with:\n- **Request-Response Grouping**: Related messages are paired together\n- **Direction Indicators**: Client → Server vs Server → Client\n- **Message Types**: REQUEST, RESPONSE, NOTIFICATION\n- **Method Names & IDs**: Clearly labeled for easy identification\n\n### 3. **Control Your View**\nUse the toolbar buttons to customize the display:\n- **Toggle Grouping**: Switch between grouped pairs and chronological order\n- **Hide Ping**: Filter out noisy ping/keepalive messages\n- **Collapse/Expand All**: Minimize or maximize all message content\n- **Individual Controls**: Collapse/expand specific messages or pairs\n\n## 📋 Example Input Format\n\n```\nContent-Length: 87\n\n{\"jsonrpc\":\"2.0\",\"id\":1,\"method\":\"initialize\",\"params\":{\"capabilities\":{}}}\nContent-Length: 45\n\n{\"jsonrpc\":\"2.0\",\"id\":1,\"result\":{\"capabilities\":{}}}\nContent-Length: 52\n\n{\"jsonrpc\":\"2.0\",\"method\":\"initialized\",\"params\":{}}\n```\n\n## ✨ Key Features\n\n- **Smart Grouping**: Automatically pairs requests with their responses\n- **Ping Filtering**: Hide noisy keepalive messages with one click\n- **Visual Distinction**: Color-coded messages with clear direction indicators\n- **Flexible Views**: Toggle between grouped and chronological display\n- **Newest First**: Messages displayed in reverse chronological order\n- **Responsive Design**: Works on desktop and mobile devices\n- **Privacy-First**: All parsing happens client-side, no data sent to servers\n\n## 🏗️ Architecture\n\nThe application is organized into a clean, modular structure:\n\n```\n├── main.ts # Hono backend entry point\n├── frontend/ # Client-side application\n│ ├── index.html # Main HTML template\n│ ├── style.css # Custom styles\n│ ├── app.js # Application initialization\n│ └── README.md\n├── shared/ # Shared components\n│ ├── JsonRpcViewer.js # Main application orchestrator\n│ ├── MessageParser.js # JSON parsing logic\n│ ├── MessageGrouper.js# Message organization & filtering\n│ ├── MessageRenderer.js# DOM creation & visualization\n│ ├── utils.js # Shared utilities\n│ └── README.md\n└── README.md\n```\n\n### Component Responsibilities\n\n- **Backend (Hono)**: Static file serving and API endpoints\n- **Frontend**: User interface and interaction handling\n- **Shared**: Core business logic that works in both environments\n\n## 🎯 Perfect For\n\n- **LSP Analysis**: Debug Language Server Protocol communications\n- **API Development**: Visualize JSON-RPC API request/response flows\n- **Protocol Debugging**: Understand complex message sequences\n- **Documentation**: Create visual representations of API interactions\n- **Learning**: Study how JSON-RPC protocols work in practice\n\n## 🔧 Technical Notes\n\n- Built with Hono backend and vanilla JavaScript frontend\n- ES6 modules with no build step required\n- TailwindCSS for responsive styling\n- Handles malformed JSON gracefully with error reporting\n- Supports large message logs with efficient parsing\n- No external dependencies or data transmission",[],[77],"2110bfb4-471c-11f0-977c-76b3cceeab13","shared","d8a55064-8c2e-4aab-82c9-82fc4ceb3c57",32,["D",1749684658781],[117,118,119,120,121,122],[111],{"_37":162,"_13":163,"_40":164,"_42":112,"_44":45,"_46":165,"_48":49,"_50":166,"_17":167,"_53":73,"_54":168,"_56":57,"_58":-5,"_100":169,"_18":170},{"_37":154,"_13":155,"_40":156,"_42":112,"_44":45,"_46":157,"_48":49,"_50":158,"_17":97,"_53":73,"_54":159,"_56":57,"_58":-5,"_100":160,"_18":161},{"_37":146,"_13":147,"_40":148,"_42":112,"_44":45,"_46":149,"_48":49,"_50":150,"_17":72,"_53":73,"_54":151,"_56":57,"_58":-5,"_100":152,"_18":153},{"_37":138,"_13":139,"_40":140,"_42":112,"_44":45,"_46":141,"_48":49,"_50":142,"_17":52,"_53":73,"_54":143,"_56":57,"_58":-5,"_100":144,"_18":145},{"_37":131,"_13":77,"_40":132,"_42":112,"_44":45,"_46":133,"_48":49,"_50":134,"_17":72,"_53":24,"_54":135,"_56":57,"_58":-5,"_100":136,"_18":137},{"_37":123,"_13":124,"_40":125,"_42":112,"_44":45,"_46":126,"_48":49,"_50":127,"_17":72,"_53":73,"_54":128,"_56":57,"_58":-5,"_100":129,"_18":130},"503a8b26-471c-11f0-bcea-76b3cceeab13","utils.js","503a8cac-471c-11f0-bcea-76b3cceeab13",36,["D",1749684737908],"/**\n * Utility functions shared between frontend and backend\n */\n\nexport const APP_CONFIG = {\n VERSION: '1.0.0',\n FEATURES: {\n GROUPING: true,\n PING_FILTERING: true,\n REVERSE_ORDER: true\n }\n};\n\nexport const MESSAGE_TYPES = {\n REQUEST: 'request',\n RESPONSE: 'response',\n NOTIFICATION: 'notification',\n UNKNOWN: 'unknown'\n};\n\nexport const MESSAGE_DIRECTIONS = {\n CLIENT_TO_SERVER: 'client-to-server',\n SERVER_TO_CLIENT: 'server-to-client',\n UNKNOWN: 'unknown'\n};\n\n/**\n * Debounce function to limit the rate of function calls\n */\nexport function debounce(func, wait) {\n let timeout;\n return function executedFunction(...args) {\n const later = () => {\n clearTimeout(timeout);\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\n}\n\n/**\n * Format file size in human readable format\n */\nexport function formatFileSize(bytes) {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n}\n\n/**\n * Validate JSON-RPC message structure\n */\nexport function isValidJsonRpcMessage(message) {\n if (!message || typeof message !== 'object') return false;\n if (message.jsonrpc !== '2.0') return false;\n \n // Must have either method (request/notification) or result/error (response)\n const hasMethod = typeof message.method === 'string';\n const hasResult = message.hasOwnProperty('result');\n const hasError = message.hasOwnProperty('error');\n \n return hasMethod || hasResult || hasError;\n}",[],[111,124],"599f5e1c-471c-11f0-80fd-76b3cceeab13","599f5eda-471c-11f0-80fd-76b3cceeab13",38,["D",1749684753670],"# Shared\n\nShared utilities and components used by both frontend and backend.\n\n## Components\n\n- `JsonRpcViewer.js` - Main application class that orchestrates all functionality\n- `MessageParser.js` - Handles parsing of JSON Lines and Content-Length formatted input\n- `MessageGrouper.js` - Groups messages into request-response pairs and handles filtering\n- `MessageRenderer.js` - Creates DOM elements and handles visual representation\n- `utils.js` - Shared utility functions and constants\n\n## Architecture\n\nThe shared components follow a modular design:\n\n1. **Parser** - Extracts JSON-RPC messages from raw input\n2. **Grouper** - Organizes messages and applies filters\n3. **Renderer** - Creates visual elements\n4. **Viewer** - Orchestrates all components and handles user interactions\n\nThis separation allows for easy testing, maintenance, and potential reuse in other contexts.",[],[111,77],"ed61b4ba-471c-11f0-bb9d-76b3cceeab13","MessageRenderer.js","490b4bba-471c-11f0-95d1-76b3cceeab13",53,["D",1749685001565],"import { MessageGrouper } from './MessageGrouper.js';\n\nexport class MessageRenderer {\n constructor() {\n this.grouper = new MessageGrouper();\n }\n\n formatJson(obj) {\n return JSON.stringify(obj, null, 2);\n }\n\n createHeader(title, description, hiddenCount = 0, messageTypeFilter = 'both') {\n const headerDiv = document.createElement('div');\n headerDiv.className = 'bg-white rounded-lg shadow-lg p-4 mb-6';\n \n let statsText = description;\n \n // Add filter information\n const filterInfo = [];\n if (hiddenCount > 0) {\n filterInfo.push(`${hiddenCount} ping messages hidden`);\n }\n if (messageTypeFilter !== 'both') {\n const filterLabel = messageTypeFilter === 'requests' ? 'showing requests only' : 'showing notifications only';\n filterInfo.push(filterLabel);\n }\n \n if (filterInfo.length > 0) {\n statsText += ` (${filterInfo.join(', ')})`;\n }\n \n headerDiv.innerHTML = `\n

${title}

${statsText}

\n `;\n \n return headerDiv;\n }\n\n createMessageElement(message, index) {\n const type = this.grouper.getMessageType(message);\n const direction = this.grouper.getMessageDirection(message);\n const isClientMessage = direction === 'client-to-server';\n const isPing = this.grouper.isPingMessage(message);\n \n const messageDiv = document.createElement('div');\n messageDiv.className = `flex ${isClientMessage ? 'justify-end' : 'justify-start'} mb-4`;\n \n const contentDiv = document.createElement('div');\n let baseClasses = 'max-w-4xl rounded-lg p-4 shadow-md';\n \n if (isPing) {\n // Special styling for ping messages\n contentDiv.className = `${baseClasses} bg-yellow-50 border-l-4 border-yellow-400 opacity-75`;\n } else {\n contentDiv.className = `${baseClasses} ${\n isClientMessage \n ? 'bg-blue-100 border-l-4 border-blue-500' \n : 'bg-green-100 border-l-4 border-green-500'\n }`;\n }\n\n const headerDiv = document.createElement('div');\n headerDiv.className = 'flex justify-between items-center mb-2';\n \n const titleSpan = document.createElement('span');\n titleSpan.className = 'font-semibold text-sm';\n \n let titleText = `${isClientMessage ? '→ Client' : '← Server'} | ${type.toUpperCase()}`;\n if (isPing) {\n titleText += ' 🏓';\n }\n titleSpan.textContent = titleText;\n \n if (message.method) {\n const methodSpan = document.createElement('span');\n methodSpan.className = `text-xs px-2 py-1 rounded ml-2 ${\n isPing ? 'bg-yellow-200 text-yellow-800' : 'bg-gray-200'\n }`;\n methodSpan.textContent = message.method;\n titleSpan.appendChild(methodSpan);\n }\n \n if (message.id !== undefined) {\n const idSpan = document.createElement('span');\n idSpan.className = 'text-xs bg-gray-200 px-2 py-1 rounded ml-2';\n idSpan.textContent = `ID: ${message.id}`;\n titleSpan.appendChild(idSpan);\n }\n\n const toggleBtn = document.createElement('button');\n toggleBtn.className = 'text-xs bg-gray-300 hover:bg-gray-400 px-2 py-1 rounded transition-colors';\n toggleBtn.textContent = 'Collapse';\n \n headerDiv.appendChild(titleSpan);\n headerDiv.appendChild(toggleBtn);\n\n const jsonDiv = document.createElement('div');\n jsonDiv.className = 'collapsible-content json-content bg-white p-3 rounded border overflow-auto';\n \n const pre = document.createElement('pre');\n pre.className = 'whitespace-pre-wrap break-words';\n pre.textContent = this.formatJson(message);\n \n jsonDiv.appendChild(pre);\n \n // Toggle functionality\n let isCollapsed = false;\n toggleBtn.addEventListener('click', () => {\n isCollapsed = !isCollapsed;\n jsonDiv.classList.toggle('collapsed', isCollapsed);\n toggleBtn.textContent = isCollapsed ? 'Expand' : 'Collapse';\n });\n\n contentDiv.appendChild(headerDiv);\n contentDiv.appendChild(jsonDiv);\n messageDiv.appendChild(contentDiv);\n\n return messageDiv;\n }\n\n createRequestResponsePairElement(group) {\n const isPingPair = this.grouper.isPingMessage(group.request) || \n (group.response && this.grouper.isPingMessage(group.response));\n \n const pairDiv = document.createElement('div');\n pairDiv.className = `rounded-lg shadow-lg p-4 mb-6 border-l-4 ${\n isPingPair \n ? 'bg-yellow-50 border-yellow-400 opacity-75' \n : 'bg-white border-purple-500'\n }`;\n\n const headerDiv = document.createElement('div');\n headerDiv.className = 'flex justify-between items-center mb-4';\n \n const titleSpan = document.createElement('span');\n titleSpan.className = `font-semibold text-lg ${\n isPingPair ? 'text-yellow-700' : 'text-purple-700'\n }`;\n \n let titleText = 'Request-Response Pair';\n if (isPingPair) {\n titleText += ' 🏓';\n }\n titleSpan.textContent = titleText;\n \n if (group.request.method) {\n const methodSpan = document.createElement('span');\n methodSpan.className = `text-sm px-3 py-1 rounded ml-3 ${\n isPingPair \n ? 'bg-yellow-200 text-yellow-800' \n : 'bg-purple-100 text-purple-800'\n }`;\n methodSpan.textContent = group.request.method;\n titleSpan.appendChild(methodSpan);\n }\n \n const idSpan = document.createElement('span');\n idSpan.className = 'text-sm bg-gray-200 px-3 py-1 rounded ml-2';\n idSpan.textContent = `ID: ${group.request.id}`;\n titleSpan.appendChild(idSpan);\n\n const toggleBtn = document.createElement('button');\n toggleBtn.className = `text-sm px-4 py-2 rounded transition-colors ${\n isPingPair \n ? 'bg-yellow-200 hover:bg-yellow-300 text-yellow-800' \n : 'bg-purple-200 hover:bg-purple-300 text-purple-800'\n }`;\n toggleBtn.textContent = 'Collapse Pair';\n \n headerDiv.appendChild(titleSpan);\n headerDiv.appendChild(toggleBtn);\n\n const contentDiv = document.createElement('div');\n contentDiv.className = 'pair-content';\n\n // Create side-by-side layout\n const sideBySideDiv = document.createElement('div');\n sideBySideDiv.className = 'grid grid-cols-1 lg:grid-cols-2 gap-4';\n\n // Create request element\n const requestDiv = this.createPairMessageElement(group.request, 'REQUEST', 'blue');\n sideBySideDiv.appendChild(requestDiv);\n\n // Create response element (if exists)\n let responseDiv;\n if (group.response) {\n responseDiv = this.createPairMessageElement(group.response, 'RESPONSE', 'green');\n } else {\n // No response yet\n responseDiv = document.createElement('div');\n responseDiv.className = 'bg-yellow-50 rounded-lg p-4 border-l-4 border-yellow-400 flex items-center justify-center min-h-[200px]';\n responseDiv.innerHTML = '⏳ No response received yet';\n }\n sideBySideDiv.appendChild(responseDiv);\n\n contentDiv.appendChild(sideBySideDiv);\n\n // Pair toggle functionality\n let pairCollapsed = false;\n toggleBtn.addEventListener('click', () => {\n pairCollapsed = !pairCollapsed;\n contentDiv.style.display = pairCollapsed ? 'none' : 'block';\n toggleBtn.textContent = pairCollapsed ? 'Expand Pair' : 'Collapse Pair';\n });\n\n pairDiv.appendChild(headerDiv);\n pairDiv.appendChild(contentDiv);\n\n return pairDiv;\n }\n\n createPairMessageElement(message, label, color) {\n const messageDiv = document.createElement('div');\n messageDiv.className = `bg-${color}-50 rounded-lg p-4 border-l-4 border-${color}-400`;\n \n const headerDiv = document.createElement('div');\n headerDiv.className = 'flex justify-between items-center mb-2';\n \n const titleSpan = document.createElement('span');\n titleSpan.className = `font-medium text-${color}-700`;\n titleSpan.textContent = label === 'REQUEST' ? '→ REQUEST' : '← RESPONSE';\n \n const toggleBtn = document.createElement('button');\n toggleBtn.className = `text-xs bg-${color}-200 hover:bg-${color}-300 text-${color}-800 px-2 py-1 rounded transition-colors`;\n toggleBtn.textContent = 'Collapse';\n \n headerDiv.appendChild(titleSpan);\n headerDiv.appendChild(toggleBtn);\n \n const jsonDiv = document.createElement('div');\n jsonDiv.className = 'collapsible-content json-content bg-white p-3 rounded border overflow-auto mt-2';\n const pre = document.createElement('pre');\n pre.className = 'whitespace-pre-wrap break-words';\n pre.textContent = this.formatJson(message);\n jsonDiv.appendChild(pre);\n \n messageDiv.appendChild(headerDiv);\n messageDiv.appendChild(jsonDiv);\n\n // Toggle functionality\n let isCollapsed = false;\n toggleBtn.addEventListener('click', () => {\n isCollapsed = !isCollapsed;\n jsonDiv.classList.toggle('collapsed', isCollapsed);\n toggleBtn.textContent = isCollapsed ? 'Expand' : 'Collapse';\n });\n\n return messageDiv;\n }\n}",[],[111,139],"270b4fe2-471c-11f0-857c-76b3cceeab13","MessageParser.js","270b5096-471c-11f0-857c-76b3cceeab13",33,["D",1749684668814],"export class MessageParser {\n extractJsonMessages(input) {\n const messages = [];\n \n // Remove Content-Length headers first\n let text = input.replace(/Content-Length:\\s*\\d+\\s*[\\r\\n]+/g, '');\n \n // Find all JSON objects using brace counting\n let braceCount = 0;\n let currentJson = '';\n let inString = false;\n let escapeNext = false;\n \n for (let i = 0; i < text.length; i++) {\n const char = text[i];\n \n if (escapeNext) {\n escapeNext = false;\n currentJson += char;\n continue;\n }\n \n if (char === '\\\\') {\n escapeNext = true;\n currentJson += char;\n continue;\n }\n \n if (char === '\"' && !escapeNext) {\n inString = !inString;\n }\n \n if (!inString) {\n if (char === '{') {\n if (braceCount === 0) {\n currentJson = '';\n }\n braceCount++;\n } else if (char === '}') {\n braceCount--;\n }\n }\n \n currentJson += char;\n \n if (!inString && braceCount === 0 && currentJson.trim().endsWith('}')) {\n try {\n const parsed = JSON.parse(currentJson.trim());\n messages.push(parsed);\n currentJson = '';\n } catch (e) {\n // Continue accumulating\n }\n }\n }\n \n // Try to parse any remaining JSON\n if (currentJson.trim()) {\n try {\n const parsed = JSON.parse(currentJson.trim());\n messages.push(parsed);\n } catch (e) {\n console.warn('Could not parse remaining message:', currentJson.substring(0, 200) + '...');\n }\n }\n \n return messages;\n }\n}",[],[111,147],"dbfbaf3c-471c-11f0-abbb-76b3cceeab13","MessageGrouper.js","3331a712-471c-11f0-9115-76b3cceeab13",51,["D",1749684972376],"export class MessageGrouper {\n getMessageType(message) {\n if (message.method && message.id === undefined) {\n return 'notification';\n } else if (message.method && message.id !== undefined) {\n return 'request';\n } else if (message.result !== undefined || message.error !== undefined) {\n return 'response';\n } else {\n return 'unknown';\n }\n }\n\n isPingMessage(message) {\n const method = message.method || '';\n \n // Check if it's a ping request\n if (method.toLowerCase().includes('ping')) {\n return true;\n }\n \n // Check if it's a ping response (has result with \"pong\" or similar)\n if (message.result && typeof message.result === 'object') {\n const resultStr = JSON.stringify(message.result).toLowerCase();\n if (resultStr.includes('pong') || resultStr.includes('ping')) {\n return true;\n }\n }\n \n return false;\n }\n\n filterMessages(messages, hidePingMessages, messageTypeFilter = 'both') {\n let filteredMessages = messages;\n \n // Apply ping filtering\n if (hidePingMessages) {\n filteredMessages = filteredMessages.filter(message => !this.isPingMessage(message));\n }\n \n // Apply message type filtering\n if (messageTypeFilter !== 'both') {\n filteredMessages = filteredMessages.filter(message => {\n const type = this.getMessageType(message);\n \n if (messageTypeFilter === 'requests') {\n // Show requests and their responses\n return type === 'request' || type === 'response';\n } else if (messageTypeFilter === 'notifications') {\n // Show only notifications\n return type === 'notification';\n }\n \n return true;\n });\n }\n \n return filteredMessages;\n }\n\n groupMessages(messages, hidePingMessages, messageTypeFilter = 'both') {\n const groups = [];\n const requestMap = new Map();\n const ungroupedMessages = [];\n\n // Filter messages first\n const messagesToProcess = this.filterMessages(messages, hidePingMessages, messageTypeFilter);\n\n // First pass: collect all requests and responses\n messagesToProcess.forEach((message, originalIndex) => {\n const type = this.getMessageType(message);\n \n if (type === 'request') {\n requestMap.set(message.id, { \n request: message, \n requestIndex: originalIndex, \n response: null, \n responseIndex: -1 \n });\n } else if (type === 'response' && message.id !== undefined) {\n if (requestMap.has(message.id)) {\n const group = requestMap.get(message.id);\n group.response = message;\n group.responseIndex = originalIndex;\n } else {\n // Response without matching request (might be filtered out or orphaned)\n ungroupedMessages.push({ \n message, \n index: originalIndex, \n type: 'orphaned-response' \n });\n }\n } else {\n // Notifications and other messages\n ungroupedMessages.push({ \n message, \n index: originalIndex, \n type \n });\n }\n });\n\n // Add grouped request-response pairs, but filter out ping pairs if needed\n requestMap.forEach((group) => {\n // If hiding pings and this is a ping request, skip the entire pair\n if (hidePingMessages && this.isPingMessage(group.request)) {\n return;\n }\n \n groups.push({\n type: 'request-response-pair',\n request: group.request,\n response: group.response,\n requestIndex: group.requestIndex,\n responseIndex: group.responseIndex\n });\n });\n\n // Add ungrouped messages\n ungroupedMessages.forEach(item => {\n groups.push({\n type: 'single-message',\n message: item.message,\n messageType: item.type,\n index: item.index\n });\n });\n\n // Sort by the earliest index in each group (reverse order - newest first)\n groups.sort((a, b) => {\n const aIndex = a.type === 'request-response-pair' ? a.requestIndex : a.index;\n const bIndex = b.type === 'request-response-pair' ? b.requestIndex : b.index;\n return bIndex - aIndex; // Reversed: b - a instead of a - b\n });\n\n return groups;\n }\n\n getMessageDirection(message) {\n const type = this.getMessageType(message);\n \n // Heuristics for determining direction\n if (type === 'request') {\n // Most requests go from client to server\n return 'client-to-server';\n } else if (type === 'response') {\n // Responses go from server to client\n return 'server-to-client';\n } else if (type === 'notification') {\n // Notifications can go either way, use method name as hint\n const method = message.method || '';\n if (method.startsWith('textDocument/') || method.startsWith('workspace/')) {\n return 'client-to-server';\n } else {\n return 'server-to-client';\n }\n }\n return 'unknown';\n }\n}",[],[111,155],"e5f46fba-471c-11f0-80f6-76b3cceeab13","JsonRpcViewer.js","2110aace-471c-11f0-977c-76b3cceeab13",52,["D",1749684989103],6,"import { MessageParser } from './MessageParser.js';\nimport { MessageRenderer } from './MessageRenderer.js';\nimport { MessageGrouper } from './MessageGrouper.js';\n\nexport class JsonRpcViewer {\n constructor(config = {}) {\n this.config = config;\n this.messages = [];\n this.groupingEnabled = true;\n this.hidePingMessages = true; // Default to hiding pings\n this.messageTypeFilter = 'both'; // 'both', 'requests', 'notifications'\n \n this.parser = new MessageParser();\n this.grouper = new MessageGrouper();\n this.renderer = new MessageRenderer();\n \n this.initializeEventListeners();\n this.updatePingButtonState(); // Set initial button state\n this.updateMessageTypeButtons(); // Set initial message type button state\n }\n\n initializeEventListeners() {\n document.getElementById('parseBtn').addEventListener('click', () => this.parseMessages());\n document.getElementById('clearBtn').addEventListener('click', () => this.clearMessages());\n document.getElementById('collapseAllBtn').addEventListener('click', () => this.collapseAll());\n document.getElementById('expandAllBtn').addEventListener('click', () => this.expandAll());\n document.getElementById('toggleGroupBtn').addEventListener('click', () => this.toggleGrouping());\n document.getElementById('hidePingBtn').addEventListener('click', () => this.togglePingFilter());\n \n // Message type filter buttons\n document.getElementById('showBothBtn').addEventListener('click', () => this.setMessageTypeFilter('both'));\n document.getElementById('showRequestsBtn').addEventListener('click', () => this.setMessageTypeFilter('requests'));\n document.getElementById('showNotificationsBtn').addEventListener('click', () => this.setMessageTypeFilter('notifications'));\n }\n\n parseMessages() {\n const input = document.getElementById('jsonInput').value.trim();\n if (!input) return;\n\n try {\n this.messages = this.parser.extractJsonMessages(input);\n this.renderMessages();\n } catch (error) {\n alert('Error parsing messages: ' + error.message);\n }\n }\n\n updateMessageTypeButtons() {\n const buttons = {\n 'both': document.getElementById('showBothBtn'),\n 'requests': document.getElementById('showRequestsBtn'),\n 'notifications': document.getElementById('showNotificationsBtn')\n };\n\n Object.entries(buttons).forEach(([type, button]) => {\n if (button) {\n if (type === this.messageTypeFilter) {\n button.className = 'px-4 py-1 rounded-md text-sm font-medium transition-colors bg-blue-500 text-white';\n } else {\n button.className = 'px-4 py-1 rounded-md text-sm font-medium transition-colors text-gray-700 hover:text-gray-900';\n }\n }\n });\n }\n\n setMessageTypeFilter(filterType) {\n this.messageTypeFilter = filterType;\n this.updateMessageTypeButtons();\n this.renderMessages();\n }\n\n updatePingButtonState() {\n const btn = document.getElementById('hidePingBtn');\n if (btn) {\n btn.textContent = this.hidePingMessages ? 'Show Ping' : 'Hide Ping';\n btn.className = this.hidePingMessages \n ? 'bg-gray-500 hover:bg-gray-600 text-white px-6 py-2 rounded-lg font-medium transition-colors'\n : 'bg-orange-500 hover:bg-orange-600 text-white px-6 py-2 rounded-lg font-medium transition-colors';\n }\n }\n\n togglePingFilter() {\n this.hidePingMessages = !this.hidePingMessages;\n this.updatePingButtonState();\n this.renderMessages();\n }\n\n toggleGrouping() {\n this.groupingEnabled = !this.groupingEnabled;\n const btn = document.getElementById('toggleGroupBtn');\n btn.textContent = this.groupingEnabled ? 'Show Individual' : 'Show Grouped';\n this.renderMessages();\n }\n\n renderMessages() {\n const container = document.getElementById('messagesContainer');\n container.innerHTML = '';\n\n if (this.messages.length === 0) {\n container.innerHTML = '

No messages to display

';\n return;\n }\n\n if (this.groupingEnabled) {\n this.renderGroupedMessages(container);\n } else {\n this.renderIndividualMessages(container);\n }\n }\n\n renderGroupedMessages(container) {\n const groups = this.grouper.groupMessages(this.messages, this.hidePingMessages, this.messageTypeFilter);\n const requestResponsePairs = groups.filter(g => g.type === 'request-response-pair').length;\n const singleMessages = groups.filter(g => g.type === 'single-message').length;\n \n const filteredMessages = this.grouper.filterMessages(this.messages, this.hidePingMessages, this.messageTypeFilter);\n const hiddenCount = this.messages.length - filteredMessages.length;\n\n const headerDiv = this.renderer.createHeader(\n 'Grouped Messages',\n `Found ${filteredMessages.length} messages (newest first): ${requestResponsePairs} request-response pairs, ${singleMessages} individual messages`,\n hiddenCount,\n this.messageTypeFilter\n );\n container.appendChild(headerDiv);\n\n groups.forEach((group) => {\n if (group.type === 'request-response-pair') {\n const pairElement = this.renderer.createRequestResponsePairElement(group);\n container.appendChild(pairElement);\n } else {\n const messageElement = this.renderer.createMessageElement(group.message, group.index);\n container.appendChild(messageElement);\n }\n });\n }\n\n renderIndividualMessages(container) {\n const filteredMessages = this.grouper.filterMessages(this.messages, this.hidePingMessages, this.messageTypeFilter);\n const hiddenCount = this.messages.length - filteredMessages.length;\n\n const headerDiv = this.renderer.createHeader(\n 'Individual Messages',\n `Found ${filteredMessages.length} JSON-RPC messages (newest first)`,\n hiddenCount,\n this.messageTypeFilter\n );\n container.appendChild(headerDiv);\n\n // Reverse the order - newest first\n const reversedMessages = [...filteredMessages].reverse();\n reversedMessages.forEach((message, index) => {\n const messageElement = this.renderer.createMessageElement(message, filteredMessages.length - 1 - index);\n container.appendChild(messageElement);\n });\n }\n\n clearMessages() {\n document.getElementById('jsonInput').value = '';\n document.getElementById('messagesContainer').innerHTML = '';\n this.messages = [];\n }\n\n collapseAll() {\n // Collapse individual message content\n const collapsibleElements = document.querySelectorAll('.collapsible-content');\n collapsibleElements.forEach(el => el.classList.add('collapsed'));\n \n // Collapse request-response pairs\n const pairContents = document.querySelectorAll('.pair-content');\n pairContents.forEach(el => el.style.display = 'none');\n \n // Update button texts\n document.querySelectorAll('button').forEach(btn => {\n if (btn.textContent === 'Collapse') {\n btn.textContent = 'Expand';\n } else if (btn.textContent === 'Collapse Pair') {\n btn.textContent = 'Expand Pair';\n }\n });\n }\n\n expandAll() {\n // Expand individual message content\n const collapsibleElements = document.querySelectorAll('.collapsible-content');\n collapsibleElements.forEach(el => el.classList.remove('collapsed'));\n \n // Expand request-response pairs\n const pairContents = document.querySelectorAll('.pair-content');\n pairContents.forEach(el => el.style.display = 'block');\n \n // Update button texts\n document.querySelectorAll('button').forEach(btn => {\n if (btn.textContent === 'Expand') {\n btn.textContent = 'Collapse';\n } else if (btn.textContent === 'Expand Pair') {\n btn.textContent = 'Collapse Pair';\n }\n });\n }\n}",[],[111,163],["D",1749684622636],[174,175,176,177],[19],{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":187,"_17":72,"_53":24,"_54":81,"_56":57,"_58":-5,"_100":188,"_18":189},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":70,"_48":49,"_50":184,"_17":72,"_53":73,"_54":74,"_56":57,"_58":-5,"_100":185,"_18":186},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":181,"_17":52,"_53":24,"_54":65,"_56":57,"_58":-5,"_100":182,"_18":183},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":178,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_100":179,"_18":180},["D",1749685009976],[],[19,39],["D",1749684920106],[],[19,61],["D",1749684637098],[],[19,68],["D",1749684744063],[],[19,77],"06090950-4718-11f0-a0bc-76b3cceeab13",["D",1749682895450],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_242":238},"org",{"_11":12,"_236":-5,"_237":238,"_199":200,"_239":240,"_241":57},"branch",{"_17":47,"_13":16,"_37":45,"_228":190,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":14,"_235":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":190,"_13":14,"_50":322,"_192":-5,"_193":57,"_194":195,"_196":195,"_197":-5,"_198":-5,"_199":200,"_201":94,"_202":49,"_203":49,"_204":-5,"_205":72,"_206":207,"_208":-5,"_209":-5,"_210":-5,"_211":-5,"_212":213,"_214":213,"_215":216,"_217":216,"_218":216,"_219":213,"_220":213,"_221":323,"_223":324,"_225":325,"_227":57},[280,285,292,293],"files",[280,281,282,283,284,285,286,287,288,289,290,291,292,293],"counts",{"_271":72,"_272":52,"_273":72,"_32":274,"_275":276},[263,264,265,266],{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":85,"_17":72,"_53":86,"_54":-5,"_56":57,"_58":-5,"_18":262},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":80,"_17":72,"_53":24,"_54":81,"_56":57,"_58":-5,"_18":270},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":70,"_48":49,"_50":71,"_17":72,"_53":73,"_54":74,"_56":57,"_58":-5,"_18":269},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":64,"_17":52,"_53":24,"_54":65,"_56":57,"_58":-5,"_18":268},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_18":267},[19,39],[19,61],[19,68],[19,77],"pulls","branches","forks",{"_277":72,"_279":72},"connections",{"_277":72,"_278":72},"count","unfilledCount","emptyCount",{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":171,"_17":72,"_53":86,"_54":-5,"_56":57,"_58":-5,"_100":320,"_18":321},{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":187,"_17":72,"_53":24,"_54":81,"_56":57,"_58":-5,"_100":318,"_18":319},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":70,"_48":49,"_50":184,"_17":72,"_53":73,"_54":74,"_56":57,"_58":-5,"_100":316,"_18":317},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":181,"_17":52,"_53":24,"_54":65,"_56":57,"_58":-5,"_100":314,"_18":315},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":178,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_100":312,"_18":313},{"_37":110,"_13":111,"_40":112,"_42":-5,"_44":45,"_46":113,"_48":49,"_50":114,"_17":72,"_53":86,"_54":-5,"_56":57,"_58":-5,"_100":310,"_18":311},{"_37":162,"_13":163,"_40":164,"_42":112,"_44":45,"_46":165,"_48":49,"_50":166,"_17":167,"_53":73,"_54":168,"_56":57,"_58":-5,"_100":308,"_18":309},{"_37":154,"_13":155,"_40":156,"_42":112,"_44":45,"_46":157,"_48":49,"_50":158,"_17":97,"_53":73,"_54":159,"_56":57,"_58":-5,"_100":306,"_18":307},{"_37":146,"_13":147,"_40":148,"_42":112,"_44":45,"_46":149,"_48":49,"_50":150,"_17":72,"_53":73,"_54":151,"_56":57,"_58":-5,"_100":304,"_18":305},{"_37":138,"_13":139,"_40":140,"_42":112,"_44":45,"_46":141,"_48":49,"_50":142,"_17":52,"_53":73,"_54":143,"_56":57,"_58":-5,"_100":302,"_18":303},{"_37":131,"_13":77,"_40":132,"_42":112,"_44":45,"_46":133,"_48":49,"_50":134,"_17":72,"_53":24,"_54":135,"_56":57,"_58":-5,"_100":300,"_18":301},{"_37":123,"_13":124,"_40":125,"_42":112,"_44":45,"_46":126,"_48":49,"_50":127,"_17":72,"_53":73,"_54":128,"_56":57,"_58":-5,"_100":298,"_18":299},{"_37":103,"_13":77,"_40":104,"_42":-5,"_44":45,"_46":105,"_48":49,"_50":106,"_17":52,"_53":24,"_54":107,"_56":57,"_58":-5,"_100":296,"_18":297},{"_37":92,"_13":93,"_40":94,"_42":-5,"_44":45,"_46":95,"_48":49,"_50":96,"_17":97,"_53":98,"_54":99,"_56":57,"_58":-5,"_100":294,"_18":295},[],[93],[],[77],[],[111,124],[],[111,77],[],[111,139],[],[111,147],[],[111,155],[],[111,163],[286,287,288,289,290,291],[111],[],[19,39],[],[19,61],[],[19,68],[],[19,77],[281,282,283,284],[19],["D",1749682895450],{"_11":12,"_242":238},{"_11":12,"_236":-5,"_237":238,"_199":200,"_239":240,"_241":57},{"_17":47,"_13":16,"_37":45,"_228":190,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":14,"_235":12},"ctx",{"_221":-5,"_259":359,"_360":361,"_362":363,"_364":57,"_365":57,"_366":57,"_367":49,"_368":-5,"_369":-7,"_370":-7,"_371":72,"_372":57,"_373":57,"_374":-5,"_375":57,"_376":57,"_377":57,"_378":-5},"ENV",{"_330":331,"_332":333,"_334":16,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","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","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]