[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_105":106,"_41":-7,"_107":-5,"_17":108,"_109":110,"_111":112,"_113":114,"_115":116,"_117":-5,"_118":-5,"_119":120,"_121":26,"_122":123,"_124":76,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","wolf","name","JSONRPC-Viewer","branchName","working","project",{"_32":40,"_13":14,"_34":66,"_47":-5,"_67":26,"_49":50,"_68":50,"_69":-5,"_70":-5,"_71":72,"_73":74,"_75":76,"_77":76,"_78":-5,"_79":20,"_52":53,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":28,"_48":26},"ahead",0,"behind",27,"diff",{"_60":61,"_62":63,"_64":65},"hasChanges",false,"sourceBranch",{"_41":55,"_13":16,"_32":56,"_39":40,"_43":33,"_44":22,"_57":50,"_58":40,"_59":53,"_54":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":26,"_49":50,"_51":12,"_52":53,"_54":14},"pull","id","06095aae-4718-11f0-a0bc-76b3cceeab13","createdAt",["D",1749682895450],"updatedAt",["D",1749685009976],"main","projectId","06090950-4718-11f0-a0bc-76b3cceeab13","version",54,"forkedBranchId","forkedBranchVersion","lockfileKey","1765126604127-esm.town_v_wolf_JSONRPC-Viewer@54-main","deletedAt","isOwned","privacy","public","userHandle","orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","projectName",1,"d73bc50a-471b-11f0-9afb-76b3cceeab13","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[],["D",1749682895450],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","006ad326-471c-11f0-9092-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_104":100},"org",{"_11":12,"_98":-5,"_99":100,"_71":72,"_101":102,"_103":26},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","path","","adoptOrgId",{"_32":40,"_13":14,"_34":174,"_47":-5,"_67":26,"_49":50,"_68":50,"_69":-5,"_70":-5,"_71":72,"_73":74,"_75":76,"_77":76,"_78":-5,"_79":20,"_52":53,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":175,"_95":176,"_97":177,"_48":26},"tree",[165,166],"files",[165,166],"counts",{"_154":20,"_155":156,"_157":20,"_158":159,"_160":161},"contents",[131,132],"file","upstreamProject","upstreamBranch",{"_32":33,"_34":129,"_36":130,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":26,"_49":50,"_51":12,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749682895450],["D",1749685009976],{"_32":148,"_13":149,"_135":150,"_137":-5,"_138":56,"_139":55,"_140":76,"_34":151,"_41":20,"_142":117,"_144":152,"_62":26,"_146":-5,"_105":153},{"_32":133,"_13":134,"_135":136,"_137":-5,"_138":56,"_139":55,"_140":76,"_34":141,"_41":20,"_142":143,"_144":145,"_62":26,"_146":-5,"_105":147},"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}","label",[134],"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",[149],"pulls","branches",2,"forks","envVars",{"_162":20,"_164":20},"connections",{"_162":20,"_163":20},"count","unfilledCount","emptyCount",{"_32":148,"_13":149,"_135":150,"_137":-5,"_138":56,"_139":55,"_140":76,"_34":171,"_41":20,"_142":117,"_144":152,"_62":26,"_146":-5,"_168":172,"_105":173},{"_32":133,"_13":134,"_135":136,"_137":-5,"_138":56,"_139":55,"_140":76,"_34":167,"_41":20,"_142":143,"_144":145,"_62":26,"_146":-5,"_168":169,"_105":170},["D",1749684534928],"children",[],[134],["D",1749684534928],[],[149],["D",1749682895450],{"_11":12,"_104":100},{"_11":12,"_98":-5,"_99":100,"_71":72,"_101":102,"_103":26},{"_41":55,"_13":16,"_32":56,"_39":40,"_43":33,"_44":22,"_57":50,"_58":40,"_59":53,"_54":14,"_51":12},"ctx",{"_93":-5,"_126":211,"_212":213,"_214":215,"_216":26,"_217":26,"_218":26,"_219":76,"_220":-5,"_221":-7,"_222":-7,"_223":20,"_224":26,"_225":26,"_226":-5,"_227":26,"_228":26,"_229":26,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":38,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"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"]

Compare

Mergeworkingintomain