Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
  • Có gì không ổn?
#1,634 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 7 ngày

@aazminu đang làm issue này rồi.

Từ ngày 19/10/2026.

  • #1681 của @aazminu — đang mở

Đánh giá

Độ khó
1/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
25/100
Loại issue
Tính năng
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
next.js, typescript
Lĩnh vực
frontend, security

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.
Ngôn ngữ chính
TypeScript
Star
18
Fork
250
Merge trung bình
5 ngày 6 giờ
Pull request đã merge (30 ngày)
82

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của LabsCrypt/flowfi

Tất cả issue của LabsCrypt/flowfi

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.