feat: Add ZIP export and batch selection (#76, #867)

[stephanbuettig]

ZIP Export & Batch Selection

Implements two features discussed in #866:

• Batch Export (#76) — Multi-select exchanges, export as HAR or ZIP
• ZIP Export (#867) — Export snippets in 37 formats as a single ZIP

What changed

New "ZIP (Selected Formats)" option in the Export card dropdown. When selected, a format picker replaces the code editor, letting the user choose which of the 37 snippet formats to include. The selection persists across sessions.

Multi-select toolbar. Ctrl+Click, Shift+Click, or Ctrl+A to select multiple exchanges. A toolbar appears with "Export HAR" and "Export ZIP" buttons.

Footer ZIP button. One-click ZIP export of all visible exchanges using the persisted format selection.

How it works

All snippet generation and ZIP compression runs in the existing Web Worker using fflate (as recommended). The UI shows a progress spinner and never freezes, even with thousands of requests.

The ZIP contains:

• One folder per snippet format (e.g., shell-curl/, python-requests/)
• Each file named {index}_{METHOD}_{STATUS}_{hostname}.{ext} for readability
• A .har file with complete traffic (requests AND responses with headers, bodies, timings)
• _metadata.json with export info
• _errors.json if any snippets failed (with full context for debugging)

Design decisions following @pimterry's guidance

Guidance	Implementation
"fflate is the preferred option"	Using fflate with level 6 compression
"heavy processing has to happen off the main thread"	All work runs in the existing Web Worker with progress reporting
"include in the dropdown menu... show a download button below"	ZIP option at top of Export dropdown, shows format picker + download button
"skip it in [the context menu] scenario"	ZIP not added to context menu
"reuse the existing logic"	Uses @httptoolkit/httpsnippet directly with HAR data

Testing

• 15 unit tests for filename generation (zero-padding, hostname extraction, edge cases)
• Manual E2E testing: 30-request batch export produces 1112 files across 37 formats, 99.9% success rate
• Single-exchange ZIP export verified (37 format folders + HAR)
• Fast dev build config (webpack.fast.ts) for rapid iteration (~60s, <1GB RAM)

Screenshots

The ZIP option appears at the top of the existing export dropdown:

Export ▾
─────────
  Archive
    ZIP (Selected Formats)    ← new
─────────
  Shell
    cURL
    HTTPie
    Wget
  JavaScript
    Fetch API
    ...

When selected, the format picker shows checkboxes grouped by language category with quick actions (Select All, Popular, None).

Closes

• Multi selection for intercepted request httptoolkit#76
• Export all code snippet formats as once httptoolkit#867

Related

• Community Export Script: Ghost Collector — HAR/cURL/Fetch/Python bulk export via DevTools console httptoolkit#866 (Ghost Collector discussion that started this)

[CLAassistant]

All committers have signed the CLA.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	fflate@​0.4.8 ⏵ 0.8.2	-1		+1

View full report

[pimterry]

Can you split this into separate PRs please? To review this and discuss each part separately, it'll need to be separate PR for each feature, and then a separate PR for any of the build/testing changes you'd made here if you think they should be included. It's much more effective to review & manage each change separately (either in parallel, or in series if they have direct dependencies) instead of trying to review a combination of everything mixed all together.

Since the discussion 3 weeks back there has been quite a bit of other progress on the multi-select part I'm afraid, so I wouldn't focus on that part to much initially - there's some other changes on main and the multi-select branch that will probably conflict significantly and cover the same ground. Some of that still looks good and will want to be merged into this, but it's more complicated.

The zip export looks much clearer though and very useful already. As a step 1 can you want to extract the bulk zip export into a standalone PR by itself (this one or elsewhere) and then we can discuss that directly?

You'll also need to sign the CLA, see the comment above.

[stephanbuettig]

Thanks for the feedback @pimterry! I've split this PR into two separate PRs as requested:

1. feat: Add bulk ZIP export (#867) #222 — feat: Add bulk ZIP export (#867) — Standalone ZIP archive export with 37 snippet formats, format picker, and Web Worker generation. Can be reviewed and merged independently.
2. feat: Add multi-select batch export (#76) #223 — feat: Add multi-select batch export (Local build is broken #76) — Ctrl+Click/Shift+Click selection with batch toolbar. Depends on feat: Add bulk ZIP export (#867) #222.

Both PRs are rebased on current `main` and TypeScript compiles cleanly. The CLA has been signed. I've incorporated the updated ARIA roles and focus management improvements from your recent commits into PR #223.

Closing this combined PR in favor of the split PRs above.