[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_164":165,"_166":167},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_85":66,"_86":87,"_64":-7,"_88":-5,"_13":89,"_90":91,"_11":92,"_93":94,"_95":96,"_97":-5,"_98":-5,"_99":100,"_101":26,"_102":103,"_104":37,"_105":-5,"_106":-5,"_107":108},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":37,"_38":37,"_39":-5,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":49,"_50":49,"_51":52,"_53":52,"_54":52,"_55":49,"_56":49,"_57":58,"_59":60,"_61":62,"_63":26},"query","handle","wolf","id","06090950-4718-11f0-a0bc-76b3cceeab13","name","JSONRPC-Viewer","createdAt",["D",1749682895450],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","imageUrl","userId","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",{"_16":17,"_84":80},"org",{"_16":17,"_78":-5,"_79":80,"_32":33,"_81":82,"_83":26},"branch",{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":72,"_73":28,"_74":19,"_75":43,"_76":21,"_77":17},"isOwned","version",1,"working","d73bc50a-471b-11f0-9afb-76b3cceeab13","projectId","forkedBranchId","06095aae-4718-11f0-a0bc-76b3cceeab13","forkedBranchVersion",27,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":160,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":37,"_38":37,"_39":-5,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":49,"_50":49,"_51":52,"_53":52,"_54":52,"_55":49,"_56":49,"_57":161,"_59":162,"_61":163,"_63":26},"tree",[151,152],[151,152],"counts",{"_140":41,"_141":142,"_143":41,"_144":145,"_146":147},"contents",[116,117],"file","upstreamProject","upstreamBranch",{"_18":70,"_22":109,"_110":111,"_20":112,"_68":19,"_64":113,"_69":-5,"_71":-5,"_114":115,"_24":-5,"_63":26,"_27":28,"_77":17,"_42":43,"_76":21},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749682895450],"updatedAt",["D",1749685009976],"main",54,"lockfileKey","1765126604127-esm.town_v_wolf_JSONRPC-Viewer@54-main",{"_18":134,"_20":135,"_120":136,"_122":-5,"_123":67,"_124":65,"_125":37,"_22":137,"_64":41,"_127":97,"_129":138,"_131":26,"_132":-5,"_86":139},{"_18":118,"_20":119,"_120":121,"_122":-5,"_123":67,"_124":65,"_125":37,"_22":126,"_64":41,"_127":128,"_129":130,"_131":26,"_132":-5,"_86":133},"d73e3d76-471b-11f0-9afb-76b3cceeab13","index.ts","fileId","62b788df-6204-4bd2-9ffe-a219fca35fd3","parentId","branchId","branchVersion","latest",["D",1749684534928],"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}","deleted","label",[119],"d73e2d04-471b-11f0-9afb-76b3cceeab13","README.md","38a81da2-f616-4fa5-aeea-fdbcf5313bf1",["D",1749684534928],"# 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",[135],"pulls","branches",2,"forks","envVars",{"_148":41,"_150":41},"connections",{"_148":41,"_149":41},"count","unfilledCount","emptyCount",{"_18":134,"_20":135,"_120":136,"_122":-5,"_123":67,"_124":65,"_125":37,"_22":157,"_64":41,"_127":97,"_129":138,"_131":26,"_132":-5,"_154":158,"_86":159},{"_18":118,"_20":119,"_120":121,"_122":-5,"_123":67,"_124":65,"_125":37,"_22":153,"_64":41,"_127":128,"_129":130,"_131":26,"_132":-5,"_154":155,"_86":156},["D",1749684534928],"children",[],[119],["D",1749684534928],[],[135],["D",1749682895450],{"_16":17,"_84":80},{"_16":17,"_78":-5,"_79":80,"_32":33,"_81":82,"_83":26},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":72,"_73":28,"_74":19,"_75":43,"_76":21,"_77":17},"ctx",{"_57":-5,"_106":197,"_198":199,"_200":201,"_202":26,"_203":26,"_204":26,"_205":37,"_206":-5,"_207":-7,"_208":-7,"_209":41,"_210":26,"_211":26,"_212":-5,"_213":26,"_214":26,"_215":26,"_216":-5},"ENV",{"_168":169,"_170":171,"_172":112,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196},"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"]

Search