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

[Frontend] Validate HTTPS protocol requirement in WebhookModal URL input field

未关闭
#1,634 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 7 天内回复

@aazminu 已经在做这个了。

开始于 2026年10月19日。

  • #1681 来自 @aazminu —— 未关闭

评估

难度
1/5
预计耗时
1-3 小时
新手友好度
25/100
Issue 类型
功能
描述清晰度
描述清楚
活跃度
停滞
领域
frontend, security

调研方向

The issue names frontend/src/components/webhooks/WebhookModal.tsx. Read the URL input and submit button handling there, then check the linked pull request #1681 to see how the work is already being addressed. Done means invalid and non-local HTTP URLs are rejected with an inline error and the submit button stays disabled, while HTTPS and loopback URLs are allowed.

由索引模型根据 Issue 内容生成。

描述

drips-wave forms frontend good-first-issue security

Overview

In frontend/src/components/webhooks/WebhookModal.tsx, users registering a webhook endpoint can enter insecure http:// URLs or malformed strings before submitting to the backend.

Problem

  • Production webhook deliveries require https:// (except http://localhost in local development), causing form submission errors that could be caught immediately on the client.

Proposed Changes

  1. Add client-side URL validation in WebhookModal.tsx checking that the URL parses via new URL() and uses https: (or http://localhost / http://127.0.0.1).
  2. Render a helpful inline error message below the input when an invalid URL is entered.

Acceptance Criteria

  • Rejects invalid URLs and plain http:// non-localhost endpoints before submission.
  • Allows https:// and local loopback addresses for testing.
  • Submit button remains disabled while the URL is invalid.
主要语言
TypeScript
星标
18
派生
250
平均合并
5 天 6 小时
30 天内合并 PR
83

环境准备

从这里开始

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

LabsCrypt/flowfi 的其他 Issue

查看 LabsCrypt/flowfi 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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