[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_252":253,"_254":255},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",34,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","shared/MessageGrouper.js","latestPath","fileId","3331a712-471c-11f0-9115-76b3cceeab13","name","MessageGrouper.js","fileType","script","content","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) {\n if (!hidePingMessages) {\n return messages;\n }\n return messages.filter(message => !this.isPingMessage(message));\n }\n\n groupMessages(messages, hidePingMessages) {\n const groups = [];\n const requestMap = new Map();\n const ungroupedMessages = [];\n\n // Filter messages first if ping filtering is enabled\n const messagesToProcess = this.filterMessages(messages, hidePingMessages);\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}","createdAt",["D",1749684689196],"branchVersion","branchId","06095aae-4718-11f0-a0bc-76b3cceeab13","id","06090950-4718-11f0-a0bc-76b3cceeab13","JSONRPC-Viewer",["D",1749682895450],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","006ad326-471c-11f0-9092-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",54,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":248,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":249,"_79":250,"_81":251,"_83":24},"tree",[179,183,187,188,189],"files",[179,180,181,182,183,184,185,186,187,188,189],"counts",{"_168":61,"_169":170,"_171":61,"_172":173,"_174":175},"contents",[125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":162,"_31":163,"_29":164,"_132":-5,"_40":41,"_39":165,"_134":57,"_37":166,"_13":61,"_33":160,"_35":-5,"_23":24,"_137":-5,"_26":167},{"_42":155,"_31":156,"_29":157,"_132":-5,"_40":41,"_39":158,"_134":57,"_37":159,"_13":61,"_33":160,"_35":-5,"_23":24,"_137":-5,"_26":161},{"_42":148,"_31":149,"_29":150,"_132":-5,"_40":41,"_39":144,"_134":24,"_37":151,"_13":152,"_33":20,"_35":153,"_23":24,"_137":-5,"_26":154},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":24,"_37":143,"_13":144,"_33":145,"_35":146,"_23":24,"_137":-5,"_26":147},{"_42":130,"_31":131,"_29":55,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":135,"_13":61,"_33":34,"_35":136,"_23":24,"_137":-5,"_26":138},"006ad286-471c-11f0-9092-76b3cceeab13","main.ts","parentId",28,"latest",["D",1749684604007],"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;","label",[131],"cf5d29c8-471b-11f0-a38e-76b3cceeab13","index.ts","24393970-471a-11f0-a950-76b3cceeab13",27,["D",1749684521705],21,"http","export default async function(req: Request): Promise {\n const html = `\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 return new Response(html, {\n headers: {\n 'Content-Type': 'text/html',\n },\n });\n}",[140],"808136a0-471b-11f0-b3b9-76b3cceeab13","README.md","3472b776-471a-11f0-8402-76b3cceeab13",["D",1749684389403],1,"# 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- **Responsive Design**: Works on desktop and mobile devices\n- **Privacy-First**: All parsing happens client-side, no data sent to servers\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 vanilla JavaScript and TailwindCSS\n- Handles malformed JSON gracefully with error reporting\n- Supports large message logs with efficient parsing\n- No external dependencies or data transmission",[149],"2110bfb4-471c-11f0-977c-76b3cceeab13","shared","d8a55064-8c2e-4aab-82c9-82fc4ceb3c57",32,["D",1749684658781],"directory",[156],"0b869b3c-471c-11f0-b65e-76b3cceeab13","frontend","8e813ccc-9e6b-4569-88d0-73193adcbc13",29,["D",1749684622636],[163],"pulls","branches",2,"forks","envVars",{"_176":61,"_178":61},"connections",{"_176":61,"_177":61},"count","unfilledCount","emptyCount",{"_42":162,"_31":163,"_29":164,"_132":-5,"_40":41,"_39":165,"_134":57,"_37":245,"_13":61,"_33":160,"_35":-5,"_23":24,"_137":-5,"_191":246,"_26":247},{"_42":237,"_31":238,"_29":239,"_132":164,"_40":41,"_39":240,"_134":57,"_37":241,"_13":61,"_33":34,"_35":242,"_23":24,"_137":-5,"_191":243,"_26":244},{"_42":230,"_31":231,"_29":232,"_132":164,"_40":41,"_39":165,"_134":24,"_37":233,"_13":61,"_33":20,"_35":234,"_23":24,"_137":-5,"_191":235,"_26":236},{"_42":222,"_31":223,"_29":224,"_132":164,"_40":41,"_39":225,"_134":24,"_37":226,"_13":61,"_33":20,"_35":227,"_23":24,"_137":-5,"_191":228,"_26":229},{"_42":155,"_31":156,"_29":157,"_132":-5,"_40":41,"_39":158,"_134":57,"_37":219,"_13":61,"_33":160,"_35":-5,"_23":24,"_137":-5,"_191":220,"_26":221},{"_42":212,"_31":213,"_29":214,"_132":157,"_40":41,"_39":158,"_134":24,"_37":215,"_13":61,"_33":34,"_35":216,"_23":24,"_137":-5,"_191":217,"_26":218},{"_42":208,"_31":32,"_29":30,"_132":157,"_40":41,"_39":14,"_134":24,"_37":209,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_191":210,"_26":211},{"_42":200,"_31":201,"_29":202,"_132":157,"_40":41,"_39":203,"_134":57,"_37":204,"_13":61,"_33":34,"_35":205,"_23":24,"_137":-5,"_191":206,"_26":207},{"_42":148,"_31":149,"_29":150,"_132":-5,"_40":41,"_39":144,"_134":24,"_37":197,"_13":152,"_33":20,"_35":153,"_23":24,"_137":-5,"_191":198,"_26":199},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":24,"_37":194,"_13":144,"_33":145,"_35":146,"_23":24,"_137":-5,"_191":195,"_26":196},{"_42":130,"_31":131,"_29":55,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":190,"_13":61,"_33":34,"_35":136,"_23":24,"_137":-5,"_191":192,"_26":193},["D",1749684604007],"children",[],[131],["D",1749684521705],[],[140],["D",1749684389403],[],[149],"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}",[],[156,201],"3331a67c-471c-11f0-9115-76b3cceeab13",["D",1749684689196],[],[156,32],"2110a9ca-471c-11f0-977c-76b3cceeab13","JsonRpcViewer.js","2110aace-471c-11f0-977c-76b3cceeab13",["D",1749684658781],"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 = false;\n \n this.parser = new MessageParser();\n this.grouper = new MessageGrouper();\n this.renderer = new MessageRenderer();\n \n this.initializeEventListeners();\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\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 togglePingFilter() {\n this.hidePingMessages = !this.hidePingMessages;\n const btn = document.getElementById('hidePingBtn');\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 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);\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);\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 );\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);\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 );\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}",[],[156,213],["D",1749684658781],[184,185,186],[156],"1017cfea-471c-11f0-bad9-76b3cceeab13","style.css","1017d09e-471c-11f0-bad9-76b3cceeab13",30,["D",1749684630302],".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/* 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}",[],[163,223],"0b868e3a-471c-11f0-b65e-76b3cceeab13","index.html","0b868ef8-471c-11f0-b65e-76b3cceeab13",["D",1749684622636],"\n\n\n \n \n JSON-RPC Viewer\n \n \n \n\n\n

JSON-RPC Viewer

\n \n

📋 What is this tool for?

📝 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",[],[163,231],"1423c580-471c-11f0-bd82-76b3cceeab13","app.js","1423c634-471c-11f0-bd82-76b3cceeab13",31,["D",1749684637098],"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});",[],[163,238],["D",1749684622636],[180,181,182],[163],["D",1749682895450],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":285,"_286":287,"_288":289,"_290":24,"_291":24,"_292":24,"_293":57,"_294":-5,"_295":-7,"_296":-7,"_297":61,"_298":24,"_299":24,"_300":-5,"_301":24,"_302":24,"_303":24,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":85,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v34