Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

🎃 Import a HAR file (browser network capture) as REST tools

オープン
#1,005 コメント 3 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@rangarajan19 がすでに取り組んでいます。

2026年10月12日 から。

  • #1057 @rangarajan19 による — オープン

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
42/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript

調査の方向性

Start with parsers/curl.parser.ts for the query, body and header mapping and parsers/tool-name.util.ts for capToolName, then read importTools in connectors.controller.ts and register the new HarParser in connectors.module.ts. Build a new parsers/har.parser.ts with a scrubbed HAR fixture and a spec under parsers/fixtures/. Done when the parser spec covers origin filtering, id-path grouping and credential stripping, and npx jest src/connectors/parsers passes.

索引モデルが issue の本文から書いたものです。

説明

enhancement hacktoberfest help wanted

Part of the October Challenge #997.

Why

Many internal tools and SaaS products have an API but no OpenAPI spec or Postman collection: the only description of it is what their own web app sends. A HAR file (browser DevTools → Network → "Save all as HAR") records exactly those requests. Importing it turns "click through the app once" into a set of REST tools. Today people do this by hand, one cURL command at a time ("Copy as cURL" in DevTools, then source: 'curl'). Insomnia and other API clients import HAR files for the same reason.

What already exists: POST /api/connectors/:id/import with the sources openapi, wsdl, graphql, postman, curl, json, mcp and odata (connectors.controller.ts:335-376, :1613-1794). curl and json imports are additive: they add or update the given tools and retire nothing (:1776-1781). The cURL parser (parsers/curl.parser.ts) already maps query parameters, JSON bodies and headers to tool parameters and an endpointMapping; follow its approach.

Self-hosted vs Cloud

  • Self-hosted: enabled in Community and Business. No ee/ code. Parsing makes no outbound request: the HAR is uploaded as content and never fetched from a URL (no url option, so no SSRF surface).
  • Cloud (DEPLOYMENT_MODE=cloud): enabled. A HAR file is sensitive: it contains the user's session cookies, bearer tokens and full response bodies with personal data. These rules apply to both deployments: the browser removes response bodies, cookies and credential headers before upload (which also keeps the request under the 10 MB body limit, main.ts:53); the backend works in memory, never stores or logs the HAR, and never keeps a credential value in a tool, neither as a header mapping nor as a parameter default.
  • Who can use it: the same roles as the other import sources: the connector's owner or an org ADMIN, never VIEWER (assertCanWrite, connectors.controller.ts:595-603).

What to build

  1. Parser packages/backend/src/connectors/parsers/har.parser.ts (HarParser, added to PARSERS in connectors.module.ts:35) with parse(har: string, opts: { baseUrl: string }): ParsedTool[]:
    • Accept HAR 1.2 (log.entries[].request); anything else gets a clear error.
    • Keep only entries with the same origin as the connector's baseUrl whose path starts with the base URL's path, and strip that prefix so endpointMapping.path is relative, as with other imports. Skip OPTIONS and HEAD, static assets (by file extension and by _resourceType when present: script, stylesheet, image, font, media) and WebSocket entries.
    • Group by method and path template: segments that look like ids (numbers, UUIDs, long hex strings) become path parameters, so /orders/123 and /orders/456 produce one tool with an {id} parameter.
    • Query string → optional parameters with the observed value as default. JSON body (postData.mimeType application/json) → body mapping like the cURL parser. application/x-www-form-urlencoded → fields from postData.params.
    • Drop credentials: Cookie, Authorization, Proxy-Authorization, HTTP/2 pseudo-headers (:authority …), and any header, query parameter or body field whose name matches /(token|secret|password|passwd|api[-_]?key|session|csrf|xsrf|auth|signature|sig)/i. A dropped body field stays a parameter, without a default. Also drop browser noise (User-Agent, Accept-*, Sec-*, Origin, Referer, Content-Length). The connector's own auth settings supply credentials at call time.
    • Tool names follow the cURL parser's scheme (<method>_<path>), capped with capToolName() (parsers/tool-name.util.ts) and made unique. Description: <METHOD> <path> (from HAR).
    • Never read response.content.
  2. Controller: add 'har' to ImportToolsDto.source and to the switch, require content, pass connector.baseUrl, and treat it as additive like curl/json (:1781). Return how many entries were skipped and why (other origin, static asset, duplicate).
  3. UI: add "HAR file (browser capture)" to IMPORT_SOURCES (connectors/[id]/page.tsx:23-32) with a file picker (.har, .json) instead of the URL and text fields. Before sending, the browser parses the file and removes response.content, request.cookies, response.cookies and the credential headers listed above, then sends the slimmed JSON as content. One line in the panel says that HAR files contain session data and that the import removes it.
  4. Docs: a "From a HAR file" section in docs/connectors/rest.md after "From cURL Commands" (:111), and an example in the Import Tools block of docs/api-reference.md:111-149.

Where to look

  • packages/backend/src/connectors/connectors.controller.ts:335-376 (ImportToolsDto), :1613-1794 (importTools), :2009 (createToolsFromParsed, which matches existing tools by operationId, then method and path, then name).
  • packages/backend/src/connectors/parsers/curl.parser.ts: header, query and body mapping, generateToolName.
  • packages/backend/src/connectors/parsers/openapi.parser.ts:12-35: the ParsedTool shape.
  • packages/backend/src/connectors/parsers/tool-name.util.ts: capToolName().
  • packages/backend/src/connectors/connectors.module.ts:35: parser registration.
  • packages/frontend/src/app/connectors/[id]/page.tsx:23-32 (IMPORT_SOURCES), :466-500 (handleImportTools), :1578-1660 (import panel).

Acceptance criteria

  • har.parser.spec.ts with a small HAR fixture exported from a browser and scrubbed by hand (in parsers/__fixtures__/): other origins and static assets are skipped; /orders/123 and /orders/456 become one tool with an {id} parameter; query and JSON body parameters are mapped; a base URL with a path prefix works.
  • Credential spec: a HAR with Cookie, Authorization, X-API-Key, ?access_token= and a password body field yields tools in which none of those values appear (assert on JSON.stringify(tools)).
  • An invalid file returns { error } like the other sources; importing the same HAR twice updates the tools instead of duplicating them.
  • cd packages/backend && npx jest src/connectors/parsers passes.
  • Manual check: capture a HAR from a web app you use, import it into a local instance and call one generated tool (describe it in the PR, without attaching the HAR).
  • Docs updated.

Out of scope

  • Building outputSchema or response mappings from recorded responses.
  • Detecting the auth scheme and configuring the connector's auth automatically.
  • Creating a new connector from a HAR in one step.
  • Splitting GraphQL requests in a HAR into separate tools.

Size

M (1–2 days)

How to claim

Comment "I'd like to work on this" and we'll assign you. Rules in #997.

主要言語
TypeScript
スター
856
フォーク
82
平均マージ
6時間 15分
マージ済み PR(30日)
141

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

HelpCode-ai/anythingmcp のほかの issue

HelpCode-ai/anythingmcp の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。