Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

已关闭
#1,005 3 条评论 0 个 reaction 已指派 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
平均合并
7 小时 48 分钟
30 天内合并 PR
274

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

HelpCode-ai/anythingmcp 的其他 Issue

查看 HelpCode-ai/anythingmcp 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。