RequestBin Clone

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_237":238,"_239":240},"routes/_app.x.$handle.$name",{"_100":99,"_32":49,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"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",6,"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":33,"_34":21,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","7f7e6cd8-374d-11f0-97ab-9e149126039e","name","index.html","fileType","content","\n\n\n \n \n RequestBin Clone\n \n \n \n\n\n

\n \n\n","createdAt",["D",1747946643942],"branchVersion","branchId","3bd18b82-374d-11f0-8879-9e149126039e",{"_30":44,"_32":43,"_34":45,"_35":-5,"_37":46,"_39":14,"_40":41,"_24":25},"frontend","05e84ba7-8918-4048-8fbe-958570b2521f","directory",["D",1747946643942],"id","3bd13e2a-374d-11f0-8879-9e149126039e","postPit",["D",1747946530404],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","2d487d52-cbc9-4a61-b392-31d4cf85f198","pinnedFileId","79e3e80c-374d-11f0-bc59-9e149126039e","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",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_47":41,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"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",{"_47":48,"_32":49,"_37":233,"_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":234,"_84":235,"_86":236,"_88":25},"tree",[169,174,176,178],"files",[169,170,171,172,173,174,175,176,177,178],"counts",{"_159":66,"_160":138,"_161":66,"_162":163,"_164":165},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":62,"_37":157,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":158},{"_47":150,"_32":43,"_30":44,"_137":-5,"_40":41,"_39":14,"_139":62,"_37":151,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":152},{"_47":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":62,"_37":148,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":149},{"_47":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":25,"_37":140,"_13":66,"_34":21,"_35":141,"_24":25,"_142":-5,"_27":143},"5f514f34-374d-11f0-84ce-9e149126039e","README.md","5f514fde-374d-11f0-84ce-9e149126039e","parentId",1,"latest",["D",1747946589959],"# RequestBin Clone\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- JSON formatting and syntax highlighting\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│ │ └── 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",[135],"61ff4484-374d-11f0-90a3-9e149126039e","shared","93d389b9-55b6-4996-8f7d-a4df73827516",2,["D",1747946594452],[145],"7f7e8f9c-374d-11f0-97ab-9e149126039e",["D",1747946643942],[43],"6626daf4-374d-11f0-a6e2-9e149126039e","backend","e910d39d-3b1e-4e7e-89fd-53fcd1d35e91",3,["D",1747946601426],[154],"pulls","branches","forks","envVars",{"_166":66,"_168":66},"connections",{"_166":66,"_167":66},"count","unfilledCount","emptyCount",{"_47":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":62,"_37":230,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":231,"_27":232},{"_47":226,"_32":218,"_30":212,"_137":155,"_40":41,"_39":156,"_139":62,"_37":227,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":228,"_27":229},{"_47":219,"_32":220,"_30":221,"_137":212,"_40":41,"_39":156,"_139":62,"_37":222,"_13":66,"_34":187,"_35":223,"_24":25,"_142":-5,"_180":224,"_27":225},{"_47":209,"_32":210,"_30":211,"_137":212,"_40":41,"_39":213,"_139":62,"_37":214,"_13":66,"_34":187,"_35":215,"_24":25,"_142":-5,"_180":216,"_27":217},{"_47":201,"_32":202,"_30":60,"_137":155,"_40":41,"_39":203,"_139":25,"_37":204,"_13":66,"_34":187,"_35":205,"_24":25,"_142":206,"_180":207,"_27":208},{"_47":150,"_32":43,"_30":44,"_137":-5,"_40":41,"_39":14,"_139":62,"_37":198,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":199,"_27":200},{"_47":194,"_32":33,"_30":31,"_137":44,"_40":41,"_39":14,"_139":25,"_37":195,"_13":66,"_34":21,"_35":36,"_24":25,"_142":-5,"_180":196,"_27":197},{"_47":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":62,"_37":191,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":192,"_27":193},{"_47":183,"_32":184,"_30":185,"_137":146,"_40":41,"_39":147,"_139":62,"_37":186,"_13":66,"_34":187,"_35":188,"_24":25,"_142":-5,"_180":189,"_27":190},{"_47":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":25,"_37":179,"_13":66,"_34":21,"_35":141,"_24":25,"_142":-5,"_180":181,"_27":182},["D",1747946589959],"children",[],[135],"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}",[],[145,184],["D",1747946594452],[177],[145],"7f7e6c06-374d-11f0-97ab-9e149126039e",["D",1747946643942],[],[43,33],["D",1747946643942],[175],[43],"79e3e758-374d-11f0-bc59-9e149126039e","index.ts",5,["D",1747946634541],"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 bin\napp.post(\"/api/bins\", async c => {\n const binId = generateBinId();\n const bin = await createBin(binId);\n \n return c.json({\n success: true,\n bin,\n url: `${getBaseUrl(c)}/bin/${binId}`\n });\n});\n\n// Get bin details and requests\napp.get(\"/api/bins/:binId\", async c => {\n const binId = c.req.param(\"binId\");\n const binWithRequests = await getBinWithRequests(binId);\n \n if (!binWithRequests) {\n return c.json({ error: \"Bin not found\" }, 404);\n }\n \n return c.json(binWithRequests);\n});\n\n// View bin in UI\napp.get(\"/bin/:binId/view\", async c => {\n const binId = c.req.param(\"binId\");\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject bin 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(\"/bin/:binId\", async c => {\n const binId = c.req.param(\"binId\");\n \n // Check if bin exists\n const binWithRequests = await getBinWithRequests(binId);\n if (!binWithRequests) {\n return c.json({ error: \"Bin 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 c.req.header().forEach((value, key) => {\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: binId,\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;","postpit",[],[154,202],"6e5ba8c6-374d-11f0-b20a-9e149126039e","queries.ts","6e5ba970-374d-11f0-b20a-9e149126039e","cb0c684f-bdca-44d7-bb8b-6086c301dcc5",4,["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}",[],[154,218,210],"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 };",[],[154,218,220],"6626dcb6-374d-11f0-a6e2-9e149126039e",["D",1747946601426],[171,172],[154,218],["D",1747946601426],[170,173],[154],["D",1747946530404],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},{"_13":89,"_32":90,"_47":41,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"ctx",{"_82":-5,"_127":270,"_271":272,"_273":274,"_275":25,"_276":25,"_277":25,"_278":62,"_279":-5,"_280":-7,"_281":-7,"_282":66,"_283":25,"_284":25,"_285":-5,"_286":25,"_287":25,"_288":25,"_289":-5},"ENV",{"_241":242,"_243":244,"_245":90,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · v6