[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_294":295,"_296":297},"routes/_app.x.$handle.$name",{"_96":95,"_32":46,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",33,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","79e3e80c-374d-11f0-bc59-9e149126039e","name","index.ts","fileType","http","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { createBin, getBinWithRequests, saveRequest } from \"./database/queries.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// Run migrations on startup\nawait runMigrations();\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// Homepage\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Create a new pit\napp.post(\"/api/pits\", async c => {\n const pitId = generatePitId();\n const pit = await createBin(pitId);\n \n return c.json({\n success: true,\n pit,\n url: `${getBaseUrl(c)}/pit/${pitId}`\n });\n});\n\n// Get pit details and requests\napp.get(\"/api/pits/:pitId\", async c => {\n const pitId = c.req.param(\"pitId\");\n const pitWithRequests = await getBinWithRequests(pitId);\n \n if (!pitWithRequests) {\n return c.json({ error: \"Pit not found\" }, 404);\n }\n \n return c.json(pitWithRequests);\n});\n\n// View pit in UI\napp.get(\"/pit/:pitId/view\", async c => {\n const pitId = c.req.param(\"pitId\");\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject pit ID for the frontend\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// Capture webhook requests (all methods)\napp.all(\"/pit/:pitId\", async c => {\n const pitId = c.req.param(\"pitId\");\n \n // Check if pit exists\n const pitWithRequests = await getBinWithRequests(pitId);\n if (!pitWithRequests) {\n return c.json({ error: \"Pit not found\" }, 404);\n }\n \n // Extract request details\n const method = c.req.method;\n const url = c.req.url;\n const headers: Record = {};\n \n // Convert headers to plain object\n const headerEntries = Object.entries(c.req.header());\n for (const [key, value] of headerEntries) {\n headers[key] = value;\n }\n \n // Get body\n let body = \"\";\n try {\n body = await c.req.text();\n } catch (e) {\n // Body might be empty or invalid\n }\n \n // Extract query parameters\n const urlObj = new URL(url);\n const query_params: Record = {};\n urlObj.searchParams.forEach((value, key) => {\n query_params[key] = value;\n });\n \n // Get client info\n const ip_address = c.req.header(\"x-forwarded-for\") || c.req.header(\"x-real-ip\") || \"unknown\";\n const user_agent = c.req.header(\"user-agent\") || \"\";\n \n // Save the request\n await saveRequest({\n bin_id: pitId,\n method,\n url,\n headers,\n body,\n query_params,\n ip_address,\n user_agent\n });\n \n return c.json({ \n success: true, \n message: \"Request captured successfully\",\n timestamp: new Date().toISOString()\n });\n});\n\nfunction generateBinId(): string {\n const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';\n let result = '';\n for (let i = 0; i < 8; i++) {\n result += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n return result;\n}\n\nfunction getBaseUrl(c: any): string {\n const url = new URL(c.req.url);\n return `${url.protocol}//${url.host}`;\n}\n\nexport default app.fetch;","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { createBin, getBinWithRequests, saveRequest } from \"./database/queries.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// Run migrations on startup\nawait runMigrations();\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// Homepage\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Create a new pit\napp.post(\"/api/pits\", async c => {\n const pitId = generatePitId();\n const pit = await createBin(pitId);\n \n return c.json({\n success: true,\n pit,\n url: `${getBaseUrl(c)}/pit/${pitId}`\n });\n});\n\n// Get pit details and requests\napp.get(\"/api/pits/:pitId\", async c => {\n const pitId = c.req.param(\"pitId\");\n const pitWithRequests = await getBinWithRequests(pitId);\n \n if (!pitWithRequests) {\n return c.json({ error: \"Pit not found\" }, 404);\n }\n \n return c.json(pitWithRequests);\n});\n\n// View pit in UI\napp.get(\"/pit/:pitId/view\", async c => {\n const pitId = c.req.param(\"pitId\");\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject pit ID for the frontend\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// Capture webhook requests (all methods)\napp.all(\"/pit/:pitId\", async c => {\n const pitId = c.req.param(\"pitId\");\n \n // Check if pit exists\n const pitWithRequests = await getBinWithRequests(pitId);\n if (!pitWithRequests) {\n return c.json({ error: \"Pit not found\" }, 404);\n }\n \n // Extract request details\n const method = c.req.method;\n const url = c.req.url;\n const headers: Record = {};\n \n // Convert headers to plain object\n const headerEntries = Object.entries(c.req.header());\n for (const [key, value] of headerEntries) {\n headers[key] = value;\n }\n \n // Get body\n let body = \"\";\n try {\n body = await c.req.text();\n } catch (e) {\n // Body might be empty or invalid\n }\n \n // Extract query parameters\n const urlObj = new URL(url);\n const query_params: Record = {};\n urlObj.searchParams.forEach((value, key) => {\n query_params[key] = value;\n });\n \n // Get client info\n const ip_address = c.req.header(\"x-forwarded-for\") || c.req.header(\"x-real-ip\") || \"unknown\";\n const user_agent = c.req.header(\"user-agent\") || \"\";\n \n // Save the request\n await saveRequest({\n bin_id: pitId,\n method,\n url,\n headers,\n body,\n query_params,\n ip_address,\n user_agent\n });\n \n return c.json({ \n success: true, \n message: \"Request captured successfully\",\n timestamp: new Date().toISOString()\n });\n});\n\nfunction generatePitId(): string {\n const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';\n let result = '';\n for (let i = 0; i < 8; i++) {\n result += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n return result;\n}\n\nfunction getBaseUrl(c: any): string {\n const url = new URL(c.req.url);\n return `${url.protocol}//${url.host}`;\n}\n\nexport default app.fetch;","createdAt",["D",1748553301566],"branchVersion","branchId","3bd18b82-374d-11f0-8879-9e149126039e","id","3bd13e2a-374d-11f0-8879-9e149126039e","postPit",["D",1747946530404],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","2d487d52-cbc9-4a61-b392-31d4cf85f198","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0132d666-d9e2-43c0-8d3f-94d10d615f1a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned",49,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nholden","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycE9WWjZnNEJWM1Vxc1l2V09HcFg3UTFxcDgifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":290,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":291,"_80":292,"_82":293,"_84":25},"tree",[171,176,184,186],"files",[171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186],"counts",{"_160":62,"_161":162,"_163":62,"_164":165,"_166":167},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_31":126},"postpit.app",{"_44":155,"_32":156,"_30":157,"_134":-5,"_42":43,"_41":138,"_136":58,"_39":158,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_27":159},{"_44":149,"_32":150,"_30":151,"_134":-5,"_42":43,"_41":152,"_136":58,"_39":153,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_27":154},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":145,"_136":58,"_39":146,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_27":148},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":138,"_34":20,"_36":139,"_24":25,"_140":-5,"_27":141},"a286ca20-3cd1-11f0-8560-9e149126039e","README.md","5f514fde-374d-11f0-84ce-9e149126039e","parentId",26,"latest",["D",1748553152099],3,"# POST Pit\n\nA webhook testing service that captures HTTP requests and displays them in a user-friendly interface.\n\n## Features\n\n- Generate unique URLs for capturing webhook events\n- Persist all incoming requests with full details (headers, body, method, etc.)\n- Real-time UI for viewing captured requests\n- Support for all HTTP methods\n- **Enhanced JSON formatting with collapsible/expandable objects and arrays**\n- Syntax highlighting for JSON data\n- Request timestamps and metadata\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React app\n│ │ ├── BinView.tsx # Individual bin viewer\n│ │ ├── JsonViewer.tsx # Enhanced JSON viewer with collapsible objects\n│ │ └── RequestList.tsx # Request list component\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. Visit the homepage to create a new request bin\n2. Copy the generated URL and use it as a webhook endpoint\n3. Send HTTP requests to the URL\n4. View captured requests in real-time on the bin page\n\n## API Endpoints\n\n- `GET /` - Homepage\n- `POST /api/bins` - Create a new bin\n- `GET /api/bins/:binId` - Get bin details and requests\n- `ALL /bin/:binId` - Capture webhook requests\n- `GET /bin/:binId/view` - View bin in UI","label",[132],"61ff4484-374d-11f0-90a3-9e149126039e","shared","93d389b9-55b6-4996-8f7d-a4df73827516",2,["D",1747946594452],"directory",[143],"7f7e8f9c-374d-11f0-97ab-9e149126039e","frontend","05e84ba7-8918-4048-8fbe-958570b2521f",6,["D",1747946643942],[150],"6626daf4-374d-11f0-a6e2-9e149126039e","backend","e910d39d-3b1e-4e7e-89fd-53fcd1d35e91",["D",1747946601426],[156],"pulls","branches",1,"forks","envVars",{"_168":62,"_170":62},"connections",{"_168":62,"_169":62},"count","unfilledCount","emptyCount",{"_44":155,"_32":156,"_30":157,"_134":-5,"_42":43,"_41":138,"_136":58,"_39":287,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_188":288,"_27":289},{"_44":283,"_32":275,"_30":270,"_134":157,"_42":43,"_41":138,"_136":58,"_39":284,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_188":285,"_27":286},{"_44":276,"_32":277,"_30":278,"_134":270,"_42":43,"_41":138,"_136":58,"_39":279,"_13":62,"_34":195,"_36":280,"_24":25,"_140":-5,"_188":281,"_27":282},{"_44":267,"_32":268,"_30":269,"_134":270,"_42":43,"_41":263,"_136":58,"_39":271,"_13":62,"_34":195,"_36":272,"_24":25,"_140":-5,"_188":273,"_27":274},{"_44":261,"_32":33,"_30":31,"_134":157,"_42":43,"_41":14,"_136":58,"_39":262,"_13":263,"_34":35,"_36":38,"_24":25,"_140":264,"_188":265,"_27":266},{"_44":149,"_32":150,"_30":151,"_134":-5,"_42":43,"_41":152,"_136":58,"_39":258,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_188":259,"_27":260},{"_44":253,"_32":228,"_30":221,"_134":151,"_42":43,"_41":254,"_136":58,"_39":255,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_188":256,"_27":257},{"_44":245,"_32":246,"_30":247,"_134":221,"_42":43,"_41":248,"_136":25,"_39":249,"_13":145,"_34":195,"_36":250,"_24":25,"_140":-5,"_188":251,"_27":252},{"_44":237,"_32":238,"_30":239,"_134":221,"_42":43,"_41":240,"_136":25,"_39":241,"_13":145,"_34":195,"_36":242,"_24":25,"_140":-5,"_188":243,"_27":244},{"_44":229,"_32":230,"_30":231,"_134":221,"_42":43,"_41":232,"_136":58,"_39":233,"_13":62,"_34":195,"_36":234,"_24":25,"_140":-5,"_188":235,"_27":236},{"_44":218,"_32":219,"_30":220,"_134":221,"_42":43,"_41":222,"_136":58,"_39":223,"_13":224,"_34":195,"_36":225,"_24":25,"_140":-5,"_188":226,"_27":227},{"_44":210,"_32":211,"_30":212,"_134":151,"_42":43,"_41":213,"_136":25,"_39":214,"_13":145,"_34":20,"_36":215,"_24":25,"_140":-5,"_188":216,"_27":217},{"_44":202,"_32":203,"_30":204,"_134":151,"_42":43,"_41":205,"_136":58,"_39":206,"_13":62,"_34":195,"_36":207,"_24":25,"_140":-5,"_188":208,"_27":209},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":145,"_136":58,"_39":199,"_13":62,"_34":147,"_36":-5,"_24":25,"_140":-5,"_188":200,"_27":201},{"_44":191,"_32":192,"_30":193,"_134":144,"_42":43,"_41":145,"_136":58,"_39":194,"_13":62,"_34":195,"_36":196,"_24":25,"_140":-5,"_188":197,"_27":198},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":187,"_13":138,"_34":20,"_36":139,"_24":25,"_140":-5,"_188":189,"_27":190},["D",1748553152099],"children",[],[132],"61ff1b80-374d-11f0-90a3-9e149126039e","types.ts","61ff1c48-374d-11f0-90a3-9e149126039e",["D",1747946594452],"script","export interface RequestBin {\n id: string;\n created_at: string;\n last_request_at?: string;\n request_count: number;\n}\n\nexport interface CapturedRequest {\n id: string;\n bin_id: string;\n method: string;\n url: string;\n headers: Record;\n body: string;\n query_params: Record;\n timestamp: string;\n ip_address?: string;\n user_agent?: string;\n}\n\nexport interface BinWithRequests {\n bin: RequestBin;\n requests: CapturedRequest[];\n}",[],[143,192],["D",1747946594452],[185],[143],"8264f98a-374d-11f0-944d-9e149126039e","index.tsx","8264fa5c-374d-11f0-944d-9e149126039e",7,["D",1747946648809],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[150,203],"a4815502-3cd1-11f0-b195-9e149126039e","index.html","7f7e6cd8-374d-11f0-97ab-9e149126039e",27,["D",1748553155419],"\n\n\n \n \n POST Pit\n \n \n \n\n\n

\n \n\n",[],[150,211],"0b83f634-3cd1-11f0-8c05-9e149126039e","RequestList.tsx","a792fc66-374d-11f0-b20a-9e149126039e","b28a3444-b9fd-4dce-b200-fe861d10c0c5",23,["D",1748552898745],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { CapturedRequest } from \"../../shared/types.ts\";\nimport JsonViewer from \"./JsonViewer.tsx\";\n\ninterface RequestListProps {\n requests: CapturedRequest[];\n}\n\nexport default function RequestList({ requests }: RequestListProps) {\n const [expandedRequest, setExpandedRequest] = useState(null);\n const [expandedHeaders, setExpandedHeaders] = useState>(new Set());\n\n if (requests.length === 0) {\n return (\n

📭

\n No requests yet\n

\n Send a request to your URL and it will appear here\n

\n );\n }\n\n const toggleExpanded = (requestId: string) => {\n setExpandedRequest(expandedRequest === requestId ? null : requestId);\n };\n\n const toggleHeaders = (requestId: string) => {\n const newExpanded = new Set(expandedHeaders);\n if (newExpanded.has(requestId)) {\n newExpanded.delete(requestId);\n } else {\n newExpanded.add(requestId);\n }\n setExpandedHeaders(newExpanded);\n };\n\n const getMethodBadgeClass = (method: string) => {\n const baseClass = \"method-badge \";\n switch (method.toUpperCase()) {\n case 'GET': return baseClass + \"method-get\";\n case 'POST': return baseClass + \"method-post\";\n case 'PUT': return baseClass + \"method-put\";\n case 'DELETE': return baseClass + \"method-delete\";\n case 'PATCH': return baseClass + \"method-patch\";\n case 'OPTIONS': return baseClass + \"method-options\";\n case 'HEAD': return baseClass + \"method-head\";\n default: return baseClass + \"method-options\";\n }\n };\n\n const isJsonString = (str: string) => {\n try {\n JSON.parse(str);\n return true;\n } catch {\n return false;\n }\n };\n\n return (\n

\n {requests.map((request) => {\n const isExpanded = expandedRequest === request.id;\n const hasBody = request.body && request.body.trim().length > 0;\n const hasQueryParams = Object.keys(request.query_params).length > 0;\n const headerCount = Object.keys(request.headers).length;\n \n return (\n

toggleExpanded(request.id)}\n >\n

\n \n {request.method}\n \n

\n {new URL(request.url).pathname}\n

\n {new Date(request.timestamp).toLocaleString()}\n

\n {hasBody && (\n \n Body\n \n )}\n {hasQueryParams && (\n \n Query\n \n )}\n {headerCount > 0 && (\n \n {headerCount} Headers\n \n )}\n \n {isExpanded ? '▼' : '▶'}\n \n

\n\n {isExpanded && (\n

\n {/* URL Details */}\n

URL

\n {request.url}\n

\n\n {/* Query Parameters */}\n {hasQueryParams && (\n

Query Parameters

\n \n

\n )}\n\n {/* Headers */}\n

toggleHeaders(request.id)}\n >\n

Headers

\n \n {expandedHeaders.has(request.id) ? '▼' : '▶'} {Object.keys(request.headers).length} headers\n \n

\n {expandedHeaders.has(request.id) && (\n \n )}\n

\n\n {/* Body */}\n {hasBody && (\n

\n Body\n {isJsonString(request.body) && (\n \n JSON\n \n )}\n

\n \n

\n )}\n\n {/* Metadata */}\n

Metadata

\n \n

\n )}\n

\n );\n })}\n

\n );\n}",[],[150,228,219],"components","f0ab0046-3cd0-11f0-8be7-9e149126039e","JsonViewer.tsx","f0ab00f0-3cd0-11f0-8be7-9e149126039e",19,["D",1748552853701],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface JsonViewerProps {\n data: any;\n className?: string;\n}\n\ninterface JsonNodeProps {\n data: any;\n keyName?: string;\n level?: number;\n isLast?: boolean;\n}\n\nfunction JsonNode({ data, keyName, level = 0, isLast = true }: JsonNodeProps) {\n const [isCollapsed, setIsCollapsed] = useState(false);\n \n const indent = \" \".repeat(level);\n const nextIndent = \" \".repeat(level + 1);\n \n if (data === null) {\n return (\n \n {keyName && \"{keyName}\": }\n null\n {!isLast && \",\"}
\n \n );\n }\n \n if (typeof data === \"string\") {\n return (\n \n {keyName && \"{keyName}\": }\n \"{data}\"\n {!isLast && \",\"}
\n \n );\n }\n \n if (typeof data === \"number\") {\n return (\n \n {keyName && \"{keyName}\": }\n {data}\n {!isLast && \",\"}
\n \n );\n }\n \n if (typeof data === \"boolean\") {\n return (\n \n {keyName && \"{keyName}\": }\n {data.toString()}\n {!isLast && \",\"}
\n \n );\n }\n \n if (Array.isArray(data)) {\n if (data.length === 0) {\n return (\n \n {keyName && \"{keyName}\": }\n []\n {!isLast && \",\"}
\n \n );\n }\n \n return (\n \n {keyName && \"{keyName}\": }\n setIsCollapsed(!isCollapsed)}\n title={isCollapsed ? \"Click to expand\" : \"Click to collapse\"}\n >\n {isCollapsed ? \"▶\" : \"▼\"}\n \n [\n {isCollapsed ? (\n ... {data.length} items \n ) : (\n <>\n
\n {data.map((item, index) => (\n \n {nextIndent}\n \n \n ))}\n {indent}\n \n )}\n ]\n {!isLast && \",\"}
\n \n );\n }\n \n if (typeof data === \"object\") {\n const keys = Object.keys(data);\n \n if (keys.length === 0) {\n return (\n \n {keyName && \"{keyName}\": }\n {\"{}\"}\n {!isLast && \",\"}
\n \n );\n }\n \n return (\n \n {keyName && \"{keyName}\": }\n setIsCollapsed(!isCollapsed)}\n title={isCollapsed ? \"Click to expand\" : \"Click to collapse\"}\n >\n {isCollapsed ? \"▶\" : \"▼\"}\n \n {\"{\"}\n {isCollapsed ? (\n ... {keys.length} keys \n ) : (\n <>\n
\n {keys.map((key, index) => (\n \n {nextIndent}\n \n \n ))}\n {indent}\n \n )}\n {\"}\"}\n {!isLast && \",\"}
\n \n );\n }\n \n // Fallback for other types\n return (\n \n {keyName && \"{keyName}\": }\n {String(data)}\n {!isLast && \",\"}
\n \n );\n}\n\nexport default function JsonViewer({ data, className = \"\" }: JsonViewerProps) {\n let parsedData;\n \n // If data is a string, try to parse it as JSON\n if (typeof data === \"string\") {\n try {\n parsedData = JSON.parse(data);\n } catch {\n // If it's not valid JSON, display as plain text\n return (\n

{data}

\n );\n }\n } else {\n parsedData = data;\n }\n \n return (\n

\n        \n

\n );\n}",[],[150,228,230],"b5fea8ac-3cd1-11f0-a9fc-9e149126039e","BinView.tsx","9a6a5c78-374d-11f0-84b4-9e149126039e",31,["D",1748553184757],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport RequestList from \"./RequestList.tsx\";\nimport type { BinWithRequests } from \"../../shared/types.ts\";\n\ninterface BinViewProps {\n binId: string;\n onGoHome: () => void;\n}\n\nexport default function BinView({ binId, onGoHome }: BinViewProps) {\n const [binData, setBinData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [copied, setCopied] = useState(false);\n\n const binUrl = `${window.location.origin}/bin/${binId}`;\n\n const fetchBinData = async () => {\n try {\n const response = await fetch(`/api/bins/${binId}`);\n if (!response.ok) {\n throw new Error('Bin not found');\n }\n const data = await response.json();\n setBinData(data);\n setError(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load bin');\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchBinData();\n \n // Poll for new requests every 3 seconds\n const interval = setInterval(fetchBinData, 3000);\n return () => clearInterval(interval);\n }, [binId]);\n\n const copyToClipboard = async () => {\n try {\n await navigator.clipboard.writeText(binUrl);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (err) {\n // Fallback for older browsers\n const textArea = document.createElement('textarea');\n textArea.value = binUrl;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand('copy');\n document.body.removeChild(textArea);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n };\n\n if (loading) {\n return (\n

Loading bin...

\n );\n }\n\n if (error) {\n return (\n

❌

POST Pit Not Found

{error}

\n \n Create New POST Pit\n \n

\n );\n }\n\n if (!binData) return null;\n\n return (\n

\n {/* Header */}\n

\n \n ← Back to Home\n \n

\n POST Pit: {binId}\n

\n Created: {new Date(binData.bin.created_at).toLocaleString()}\n

\n Requests: {binData.bin.request_count}\n

\n\n {/* URL Section */}\n

\n Your Request URL\n

\n {binUrl}\n

\n \n {copied ? 'Copied!' : 'Copy'}\n \n

\n Send HTTP requests to this URL and they'll appear below in real-time.\n

\n\n {/* Requests Section */}\n

\n Captured Requests ({binData.requests.length})\n

\n \n 🔄 Refresh\n \n

\n \n \n

\n );\n}",[],[150,228,238],"ad796fd2-3cd1-11f0-b88b-9e149126039e","App.tsx","8ca4e18a-374d-11f0-91d8-9e149126039e",29,["D",1748553170464],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport BinView from \"./BinView.tsx\";\n\ndeclare global {\n interface Window {\n __BIN_ID__?: string;\n }\n}\n\nexport default function App() {\n const [currentBinId, setCurrentBinId] = useState(null);\n const [isCreating, setIsCreating] = useState(false);\n\n useEffect(() => {\n // Check if we're viewing a specific bin\n if (window.__BIN_ID__) {\n setCurrentBinId(window.__BIN_ID__);\n }\n }, []);\n\n const createNewBin = async () => {\n setIsCreating(true);\n try {\n const response = await fetch('/api/bins', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n \n const data = await response.json();\n if (data.success) {\n setCurrentBinId(data.bin.id);\n // Update URL without page reload\n window.history.pushState({}, '', `/bin/${data.bin.id}/view`);\n }\n } catch (error) {\n console.error('Failed to create bin:', error);\n } finally {\n setIsCreating(false);\n }\n };\n\n const goHome = () => {\n setCurrentBinId(null);\n window.history.pushState({}, '', '/');\n };\n\n if (currentBinId) {\n return ;\n }\n\n return (\n

\n 🕳️ POST Pit\n

\n Capture and inspect HTTP requests sent to your unique URL\n

\n \n

\n Create a POST Pit\n

\n Get a unique URL to capture webhook requests, form submissions, and API calls.\n Perfect for testing and debugging HTTP integrations.\n

\n \n \n {isCreating ? 'Creating...' : 'Create POST Pit'}\n \n

\n\n

🎯

\n Capture Requests\n

\n Send HTTP requests to your unique URL and see them appear in real-time\n

\n \n

🔍

\n Inspect Details\n

\n View headers, body, query parameters, and metadata for each request\n

\n \n

⚡

\n Real-time Updates\n

\n See new requests as they arrive without refreshing the page\n

\n );\n}",[],[150,228,246],"8ca5020a-374d-11f0-91d8-9e149126039e",8,["D",1747946666001],[178,179,180,181],[150,228],["D",1747946643942],[177,182,183],[150],"fb9e25d6-3cd1-11f0-b4e2-9e149126039e",["D",1748553301566],4,"postpit",[],[156,33],"6e5ba8c6-374d-11f0-b20a-9e149126039e","queries.ts","6e5ba970-374d-11f0-b20a-9e149126039e","cb0c684f-bdca-44d7-bb8b-6086c301dcc5",["D",1747946615196],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { BINS_TABLE, REQUESTS_TABLE } from \"./migrations.ts\";\nimport type { RequestBin, CapturedRequest, BinWithRequests } from \"../../shared/types.ts\";\n\nexport async function createBin(id: string): Promise {\n const now = new Date().toISOString();\n \n await sqlite.execute(\n `INSERT INTO ${BINS_TABLE} (id, created_at, request_count) VALUES (?, ?, ?)`,\n [id, now, 0]\n );\n\n return {\n id,\n created_at: now,\n request_count: 0\n };\n}\n\nexport async function getBin(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${BINS_TABLE} WHERE id = ?`,\n [id]\n );\n\n if (result.rows.length === 0) {\n return null;\n }\n\n const row = result.rows[0];\n return {\n id: row[0] as string,\n created_at: row[1] as string,\n last_request_at: row[2] as string || undefined,\n request_count: row[3] as number\n };\n}\n\nexport async function saveRequest(request: Omit): Promise {\n const id = crypto.randomUUID();\n const timestamp = new Date().toISOString();\n\n await sqlite.execute(\n `INSERT INTO ${REQUESTS_TABLE} (\n id, bin_id, method, url, headers, body, query_params, timestamp, ip_address, user_agent\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n id,\n request.bin_id,\n request.method,\n request.url,\n JSON.stringify(request.headers),\n request.body,\n JSON.stringify(request.query_params),\n timestamp,\n request.ip_address,\n request.user_agent\n ]\n );\n\n // Update bin's last_request_at and increment request_count\n await sqlite.execute(\n `UPDATE ${BINS_TABLE} \n SET last_request_at = ?, request_count = request_count + 1 \n WHERE id = ?`,\n [timestamp, request.bin_id]\n );\n\n return {\n id,\n ...request,\n timestamp\n };\n}\n\nexport async function getBinRequests(binId: string, limit: number = 50): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${REQUESTS_TABLE} \n WHERE bin_id = ? \n ORDER BY timestamp DESC \n LIMIT ?`,\n [binId, limit]\n );\n\n return result.rows.map(row => ({\n id: row[0] as string,\n bin_id: row[1] as string,\n method: row[2] as string,\n url: row[3] as string,\n headers: JSON.parse(row[4] as string),\n body: row[5] as string,\n query_params: JSON.parse(row[6] as string || '{}'),\n timestamp: row[7] as string,\n ip_address: row[8] as string,\n user_agent: row[9] as string\n }));\n}\n\nexport async function getBinWithRequests(binId: string): Promise {\n const bin = await getBin(binId);\n if (!bin) {\n return null;\n }\n\n const requests = await getBinRequests(binId);\n \n return {\n bin,\n requests\n };\n}",[],[156,275,268],"database","6626baec-374d-11f0-a6e2-9e149126039e","migrations.ts","6626bbaa-374d-11f0-a6e2-9e149126039e",["D",1747946601426],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst BINS_TABLE = 'request_bins_v1';\nconst REQUESTS_TABLE = 'captured_requests_v1';\n\nexport async function runMigrations() {\n // Create bins table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${BINS_TABLE} (\n id TEXT PRIMARY KEY,\n created_at TEXT NOT NULL,\n last_request_at TEXT,\n request_count INTEGER DEFAULT 0\n )`);\n\n // Create requests table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${REQUESTS_TABLE} (\n id TEXT PRIMARY KEY,\n bin_id TEXT NOT NULL,\n method TEXT NOT NULL,\n url TEXT NOT NULL,\n headers TEXT NOT NULL,\n body TEXT,\n query_params TEXT,\n timestamp TEXT NOT NULL,\n ip_address TEXT,\n user_agent TEXT,\n FOREIGN KEY (bin_id) REFERENCES ${BINS_TABLE} (id)\n )`);\n\n // Create index for faster queries\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_requests_bin_id ON ${REQUESTS_TABLE} (bin_id)`);\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_requests_timestamp ON ${REQUESTS_TABLE} (timestamp DESC)`);\n}\n\nexport { BINS_TABLE, REQUESTS_TABLE };",[],[156,275,277],"6626dcb6-374d-11f0-a6e2-9e149126039e",["D",1747946601426],[173,174],[156,275],["D",1747946601426],[172,175],[156],["D",1747946530404],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_78":-5,"_123":327,"_328":329,"_330":331,"_332":25,"_333":25,"_334":25,"_335":58,"_336":-5,"_337":-7,"_338":-7,"_339":62,"_340":25,"_341":25,"_342":-5,"_343":25,"_344":25,"_345":25,"_346":-5},"ENV",{"_298":299,"_300":301,"_302":86,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · v33