Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
#1,634 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 7 giorni

@aazminu ci sta già lavorando.

Dal 19/10/2026.

  • #1681 di @aazminu — aperta

Valutazione

Difficoltà
1/5
Tempo stimato
1-3 ore
Idoneità per principianti
25/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
next.js, typescript
Ambito
frontend, security

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.
Lingua principale
TypeScript
Stelle
18
Fork
250
Merge medio
5g 6h
PR unite (30g)
82

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di LabsCrypt/flowfi

Tutte le issue di LabsCrypt/flowfi

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.