[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_174":175,"_176":177},"routes/_app.x.$handle.$name",{"_101":100,"_32":49,"_109":89,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_21":-5,"_121":-5,"_122":123,"_124":25,"_125":126,"_127":62,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_37":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",1,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","index.ts","latestPath","fileId","62b788df-6204-4bd2-9ffe-a219fca35fd3","name","fileType","http","content","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}","createdAt",["D",1749684534928],"branchVersion","branchId","d73bc50a-471b-11f0-9afb-76b3cceeab13",{"_30":44,"_32":43,"_33":21,"_35":45,"_37":46,"_39":14,"_40":41,"_24":25},"README.md","38a81da2-f616-4fa5-aeea-fdbcf5313bf1","# 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",["D",1749684534928],"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",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":58,"_105":106,"_107":25},"branch",{"_13":14,"_32":89,"_47":41,"_90":48,"_91":92,"_93":94,"_95":54,"_96":48,"_97":68,"_98":49,"_99":100},"isOwned","working","projectId","forkedBranchId","06095aae-4718-11f0-a0bc-76b3cceeab13","forkedBranchVersion",27,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_37":170,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":171,"_84":172,"_86":173,"_88":25},"tree",[161,162],"files",[161,162],"counts",{"_150":66,"_151":152,"_153":66,"_154":155,"_156":157},"contents",[139,140],"upstreamProject","upstreamBranch",{"_47":92,"_37":132,"_133":134,"_32":135,"_90":48,"_13":136,"_91":-5,"_93":-5,"_137":138,"_51":-5,"_88":25,"_53":54,"_99":100,"_67":68,"_98":49},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749682895450],"updatedAt",["D",1749685009976],"main",54,"lockfileKey","1765126604127-esm.town_v_wolf_JSONRPC-Viewer@54-main",{"_47":147,"_32":43,"_30":44,"_142":-5,"_40":41,"_39":14,"_143":62,"_37":148,"_13":66,"_33":21,"_35":45,"_24":25,"_145":-5,"_27":149},{"_47":141,"_32":28,"_30":31,"_142":-5,"_40":41,"_39":14,"_143":62,"_37":144,"_13":66,"_33":34,"_35":36,"_24":25,"_145":-5,"_27":146},"d73e3d76-471b-11f0-9afb-76b3cceeab13","parentId","latest",["D",1749684534928],"label",[28],"d73e2d04-471b-11f0-9afb-76b3cceeab13",["D",1749684534928],[43],"pulls","branches",2,"forks","envVars",{"_158":66,"_160":66},"connections",{"_158":66,"_159":66},"count","unfilledCount","emptyCount",{"_47":147,"_32":43,"_30":44,"_142":-5,"_40":41,"_39":14,"_143":62,"_37":167,"_13":66,"_33":21,"_35":45,"_24":25,"_145":-5,"_164":168,"_27":169},{"_47":141,"_32":28,"_30":31,"_142":-5,"_40":41,"_39":14,"_143":62,"_37":163,"_13":66,"_33":34,"_35":36,"_24":25,"_145":-5,"_164":165,"_27":166},["D",1749684534928],"children",[],[28],["D",1749684534928],[],[43],["D",1749682895450],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":58,"_105":106,"_107":25},{"_13":14,"_32":89,"_47":41,"_90":48,"_91":92,"_93":94,"_95":54,"_96":48,"_97":68,"_98":49,"_99":100},"ctx",{"_82":-5,"_129":207,"_208":209,"_210":211,"_212":25,"_213":25,"_214":25,"_215":62,"_216":-5,"_217":-7,"_218":-7,"_219":66,"_220":25,"_221":25,"_222":-5,"_223":25,"_224":25,"_225":25,"_226":-5},"ENV",{"_178":179,"_180":181,"_182":135,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206},"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 · v1