regex url
Uma URL tem esquema, host, porta opcional, caminho, query e fragmento. Este preset detecta HTTP e HTTPS dentro de texto livre, mas a classe de caracteres restrita corta a captura assim que encontra porta ou fragmento, dois pedaços comuns de uma URL real.
Sem porta nem fragmento, todo caractere do host e do caminho está dentro das classes aceitas, então a URL inteira entra no resultado.
O `:8080` interrompe a captura logo depois do host, porque `:` não está na classe `[\w.-]`; o caminho e a query, mesmo válidos, nunca chegam a ser lidos.
Aqui a query entra no resultado normalmente, mas o `#section` fica de fora porque `#` não está na classe de caminho, só `?`, `%`, `&` e `=`.
Sim. A ideia é permitir montar a expressão, aplicar flags e conferir matches em tempo real, o que ajuda bastante em depuração, aprendizado e ajuste fino de padrões.
Não. A classe de host `[\w.-]+` não inclui `:`, então assim que o padrão encontra o dois-pontos da porta, ele para de capturar ali mesmo. `https://example.com:8080/path` casa só como `https://example.com`, sem porta e sem caminho.
Não. A classe de caminho aceita `?`, `%`, `&` e `=`, mas não `#`, então tudo depois do símbolo de fragmento fica fora do resultado, mesmo quando query e caminho antes dele casam normalmente.
`new URL()` separa a string em `protocol`, `hostname`, `port`, `pathname`, `search` e `hash` já prontos para uso, entende porta e fragmento nativamente e lança erro em URL inválida. Esta regex serve para achar uma URL solta num texto, não para desmontá-la com segurança.
Tudo roda localmente no seu navegador. Nada é enviado para o servidor.