🔤 Regex Builder

← Back to skills

> Regular expression oluşturma ve test rehberi.

Category: Frontend & UI/UX
Repo: vuralserhat86-antigravity-agentic-skills
Path: skills/regex_builder/SKILL.md
Updated: 1/3/2026, 12:20:04 PM

AI Summary

> Regular expression oluşturma ve test rehberi. It is useful for React and Next.js, CSS and design systems, UI components, accessibility, and frontend polish. Source: vuralserhat86-antigravity-agentic-skills (skills/regex_builder/SKILL.md).

🔤 Regex Builder

Regular expression oluşturma ve test rehberi.


📋 Temel Syntax

Karakter Sınıfları

PatternEşleşirÖrnek
.Herhangi karaktera.c → "abc", "a1c"
\dRakam [0-9]\d+ → "123"
\wWord char [a-zA-Z0-9_]\w+ → "hello_123"
\sWhitespacea\sb → "a b"
\DRakam değil\D+ → "abc"
\WWord char değil\W+ → "!@#"

Quantifiers

PatternAnlamÖrnek
*0 veya daha fazlaab*c → "ac", "abc", "abbc"
+1 veya daha fazlaab+c → "abc", "abbc"
?0 veya 1ab?c → "ac", "abc"
{n}Tam n kerea{3} → "aaa"
{n,m}n ile m arasıa{2,4} → "aa", "aaa", "aaaa"
{n,}En az na{2,} → "aa", "aaa", ...

Anchors

PatternAnlam
^Satır başı
$Satır sonu
\bWord boundary
\BNon-word boundary

🔧 Yaygın Patterns

Email

^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$

URL

https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)

Telefon (TR)

^(\+90|0)?[0-9]{10}$

IP Address

^((25[0-5]|(2[0-4]|1\d|[1-9]|)\d)\.?\b){4}$

Date (YYYY-MM-DD)

^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$

Password (Strong)

^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$

🧪 Test Komutları

JavaScript

const regex = /pattern/flags;
regex.test('string');      // true/false
'string'.match(regex);     // matches array
'string'.replace(regex, 'replacement');

Python

import re

re.search(r'pattern', 'string')
re.findall(r'pattern', 'string')
re.sub(r'pattern', 'replacement', 'string')

CLI (ripgrep)

rg 'pattern' file.txt
rg -o 'pattern' file.txt  # Only matching
rg -c 'pattern' file.txt  # Count

🔍 Debugging Tips

  1. Escape special chars: . * + ? ^ $ { } [ ] ( ) | \
  2. Lazy vs Greedy: .*? (lazy) vs .* (greedy)
  3. Non-capturing group: (?:pattern)
  4. Lookahead: (?=pattern) ve (?!pattern)
  5. Lookbehind: (?<=pattern) ve (?<!pattern)

Regex Builder v1.1 - Enhanced

🔄 Workflow

Kaynak: Regular-Expressions.info & OWASP ReDoS Prevention

Aşama 1: Construction & Security

  • Named Groups: (?<year>\d{4}) gibi isimlendirilmiş gruplar kullan (Okunabilirlik).
  • ReDoS Prevention: "Catastrophic Backtracking"i önlemek için Atomic Groups (?>...) veya Possessive Quantifiers ++ kullan.
  • Boundaries: Her zaman ^ ve $ (veya \A ve \z) ile string sınırlarını belirle.

Aşama 2: Testing & Validation

  • Visual Testing: Regex101 veya RegExr üzerinde görsel olarak test et.
  • Unit Tests: Hem "match" (pozitif) hem "non-match" (negatif) case'lerini test et.
  • Performance: Regex'in çalışma süresini limitli tut (Execution timeout).

Aşama 3: Implementation

  • Pre-compilation: Döngü içinde regex derleme (new RegExp, re.compile). Başlangıçta derle.
  • Comments: Karmaşık regex'ler için (?# comment) veya "Verbose Mode" (Python re.X) kullan.
  • Library: Çok karmaşık patternler için hazır kütüphaneleri (URL parser, Email validator) tercih et, tekerleği yeniden icat etme.

Kontrol Noktaları

AşamaDoğrulama
1Regex ReDoS saldırısına karşı güvenli mi? (Safe-regex toolları ile tara).
2Pattern sadece beklenen karakterleri mi kabul ediyor? (Allowlist vs Blocklist).
3Unicode desteği (u flag) açık mı? (Emoji ve UTF-8 karakterler için).

Related skills