chore: Add SVG export functionality and enhance samples page with categorized regex examples

.gitignore

@@ -130,4 +130,16 @@ yarn-error.log*
 
 /export
 
-.swc
+.swc
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
+.tests-examples/
+.playwright.config.ts
+.reference/
+.rules
+.debug_tools/

package.json

@@ -63,6 +63,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.22.2",
+    "@swc/core": "^1.13.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",

public/locales/cn/translation.json

@@ -48,6 +48,11 @@
   "Parallel": "插入或",
   "After": "向后插入",
   "show more": "显示更多",
+  "Export": "导出",
+  "Export as SVG": "导出为SVG",
+  "No graph to export": "没有可导出的图形",
+  "Export failed": "导出失败",
+  "Graph exported as SVG": "图形已导出为SVG",
   "show less": "显示常用",
   "Expression": "表达式",
   "Content": "内容",
@@ -106,12 +111,88 @@
   "3. Whole + Decimal Numbers": "3. 整数 + 小数",
   "4. Negative, Positive Whole + Decimal Numbers": "4. 正负 整数 + 小数",
   "6. Date Format YYYY-MM-dd": "6. 日期格式 YYYY-MM-dd",
+  "Numbers": "数字",
+  "URLs": "网址",
+  "Dates": "日期",
+  "Phone Numbers": "电话号码",
+  "IP Addresses": "IP地址",
+  "HTML Tags": "HTML标签",
+  "Email Addresses": "邮箱地址",
+  "Passwords": "密码",
+  "ID Numbers": "证件号码",
+  "All Categories": "所有分类",
+  "Whole Numbers": "整数",
+  "Decimal Numbers": "小数",
+  "Whole + Decimal Numbers": "整数和小数",
+  "Negative, Positive Whole + Decimal Numbers": "正负整数和小数",
+  "Currency Amount": "货币金额",
+  "Percentage": "百分比",
+  "Basic URL": "基本URL",
+  "Domain Name": "域名",
+  "FTP URL": "FTP地址",
+  "URL with Port": "带端口的URL",
+  "Date Format YYYY-MM-DD": "日期格式 YYYY-MM-DD",
+  "Date Format DD/MM/YYYY": "日期格式 DD/MM/YYYY",
+  "Date Format MM/DD/YYYY": "日期格式 MM/DD/YYYY",
+  "Time Format HH:MM": "时间格式 HH:MM",
+  "DateTime ISO 8601": "ISO 8601日期时间",
+  "Chinese Mobile Phone": "中国手机号",
+  "US Phone Number": "美国电话号码",
+  "International Phone": "国际电话号码",
+  "Chinese Landline": "中国固定电话",
+  "IPv4 Address": "IPv4地址",
+  "IPv6 Address": "IPv6地址",
+  "MAC Address": "MAC地址",
+  "HTML Tag": "HTML标签",
+  "HTML Tag with Attributes": "带属性的HTML标签",
+  "HTML Comment": "HTML注释",
+  "HTML Image Tag": "HTML图片标签",
+  "Basic Email": "基本邮箱",
+  "Strict Email RFC 5322": "严格邮箱格式 RFC 5322",
+  "Strong Password": "强密码",
+  "Medium Password": "中等强度密码",
+  "Chinese ID Card": "中国身份证",
+  "Credit Card Number": "信用卡号码",
   "Flags: ": "标志: ",
   "Allows . to match newline": "允许 . 匹配换行符",
   "Settings: ": "设置: ",
   "include escape ": "包括转义 ",
   "Copy permalink": "复制链接",
   "Permalink copied.": "链接已复制",
   "Empty": "空",
-  "Group's name": "组名"
+  "Group's name": "组名",
+  "Regex Samples": "正则表达式样例",
+  "No regex samples available for this category": "此分类下没有可用的正则表达式样例",
+  "Matches one or more consecutive digits from start to end of string": "从字符串开始到结束匹配一个或多个连续数字",
+  "Matches numbers with decimal point, allowing optional digits before decimal": "匹配带小数点的数字，小数点前可选数字",
+  "Matches both integers and decimals using optional decimal group": "使用可选小数组匹配整数和小数",
+  "Includes optional minus sign for negative numbers with decimal support": "包含可选负号，支持负数和小数",
+  "Validates currency format with optional dollar sign, comma separators, and cents": "验证货币格式，可选美元符号、逗号分隔符和分",
+  "Matches percentage values from 0-999% with up to 2 decimal places": "匹配0-999%的百分比值，最多2位小数",
+  "Validates HTTP/HTTPS URLs with optional www prefix and query parameters": "验证HTTP/HTTPS URL，可选www前缀和查询参数",
+  "Matches valid domain names following RFC standards with length limits": "匹配符合RFC标准的有效域名，有长度限制",
+  "Validates FTP protocol URLs with optional port and path components": "验证FTP协议URL，可选端口和路径组件",
+  "Matches URLs with optional port numbers and path segments": "匹配带可选端口号和路径段的URL",
+  "Validates ISO date format with proper month and day ranges": "验证ISO日期格式，正确的月份和日期范围",
+  "European date format with day-first ordering and slash separators": "欧洲日期格式，日期在前，斜杠分隔",
+  "American date format with month-first ordering and validation": "美国日期格式，月份在前并验证",
+  "Validates 24-hour time format with proper hour and minute ranges": "验证24小时时间格式，正确的小时和分钟范围",
+  "Matches ISO 8601 datetime with optional milliseconds and timezone": "匹配ISO 8601日期时间，可选毫秒和时区",
+  "Validates 11-digit Chinese mobile numbers starting with 13-19": "验证以13-19开头的11位中国手机号",
+  "Matches US phone format with optional parentheses and separators": "匹配美国电话格式，可选括号和分隔符",
+  "Validates international phone numbers following E.164 standard": "验证符合E.164标准的国际电话号码",
+  "Matches Chinese landline format with area code and optional dash": "匹配中国固定电话格式，带区号和可选破折号",
+  "Validates IPv4 addresses with proper octet range validation (0-255)": "验证IPv4地址，正确的八位字节范围验证(0-255)",
+  "Matches full IPv6 addresses with 8 hexadecimal groups separated by colons": "匹配完整IPv6地址，8个十六进制组用冒号分隔",
+  "Validates MAC addresses with colon or hyphen separators between hex pairs": "验证MAC地址，十六进制对之间用冒号或连字符分隔",
+  "Matches opening and closing HTML tags with optional attributes": "匹配开始和结束HTML标签，可选属性",
+  "Captures complete HTML tag pairs with content using backreferences": "使用反向引用捕获完整的HTML标签对及内容",
+  "Matches HTML comments including multiline content with non-greedy matching": "匹配HTML注释，包括多行内容，非贪婪匹配",
+  "Extracts src attribute value from img tags with flexible attribute ordering": "从img标签中提取src属性值，灵活的属性顺序",
+  "Validates common email format with alphanumeric characters and standard symbols": "验证常见邮箱格式，字母数字字符和标准符号",
+  "Comprehensive RFC 5322 compliant email validation with full character set support": "全面的RFC 5322兼容邮箱验证，支持完整字符集",
+  "Strong password validation using positive lookaheads for complexity requirements": "使用正向前瞻的强密码验证，满足复杂性要求",
+  "Medium strength password requiring letters and numbers with minimum length": "中等强度密码，需要字母和数字，最小长度",
+  "Validates Chinese national ID format with birth date and checksum validation": "验证中国身份证格式，包含出生日期和校验位验证",
+  "Matches major credit card formats including Visa, MasterCard, AmEx, and Discover": "匹配主要信用卡格式，包括Visa、万事达、美国运通和Discover"
 }

public/locales/jp/translation.json

@@ -114,6 +114,48 @@
   "3. Whole + Decimal Numbers": "3. 整数と小数",
   "4. Negative, Positive Whole + Decimal Numbers": "4. 正負の整数と小数",
   "6. Date Format YYYY-MM-dd": "6. 日付形式 YYYY-MM-dd",
+  "Numbers": "数字",
+  "URLs": "URL",
+  "Dates": "日付",
+  "Phone Numbers": "電話番号",
+  "IP Addresses": "IPアドレス",
+  "HTML Tags": "HTMLタグ",
+  "Email Addresses": "メールアドレス",
+  "Passwords": "パスワード",
+  "ID Numbers": "ID番号",
+  "All Categories": "すべてのカテゴリ",
+  "Whole Numbers": "整数",
+  "Decimal Numbers": "小数",
+  "Whole + Decimal Numbers": "整数と小数",
+  "Negative, Positive Whole + Decimal Numbers": "正負の整数と小数",
+  "Currency Amount": "通貨金額",
+  "Percentage": "パーセンテージ",
+  "Basic URL": "基本URL",
+  "Domain Name": "ドメイン名",
+  "FTP URL": "FTP URL",
+  "URL with Port": "ポート付きURL",
+  "Date Format YYYY-MM-DD": "日付形式 YYYY-MM-DD",
+  "Date Format DD/MM/YYYY": "日付形式 DD/MM/YYYY",
+  "Date Format MM/DD/YYYY": "日付形式 MM/DD/YYYY",
+  "Time Format HH:MM": "時刻形式 HH:MM",
+  "DateTime ISO 8601": "ISO 8601日時",
+  "Chinese Mobile Phone": "中国携帯電話",
+  "US Phone Number": "米国電話番号",
+  "International Phone": "国際電話",
+  "Chinese Landline": "中国固定電話",
+  "IPv4 Address": "IPv4アドレス",
+  "IPv6 Address": "IPv6アドレス",
+  "MAC Address": "MACアドレス",
+  "HTML Tag": "HTMLタグ",
+  "HTML Tag with Attributes": "属性付きHTMLタグ",
+  "HTML Comment": "HTMLコメント",
+  "HTML Image Tag": "HTML画像タグ",
+  "Basic Email": "基本メール",
+  "Strict Email RFC 5322": "厳密メール RFC 5322",
+  "Strong Password": "強力パスワード",
+  "Medium Password": "中程度パスワード",
+  "Chinese ID Card": "中国身分証",
+  "Credit Card Number": "クレジットカード番号",
   "Flags: ": "フラグ: ",
   "Flag: ": "フラグ: ",
   "Allows . to match newline": "ドットが改行に一致することを許可",
@@ -122,5 +164,49 @@
   "Copy permalink": "パーマリンクをコピー",
   "Permalink copied.": "パーマリンクがコピーされました",
   "Empty": "空",
-  "Group's name": "グループ名"
+  "Group's name": "グループ名",
+  "Regex Samples": "正規表現サンプル",
+  "All Categories": "全カテゴリ",
+  "Numbers": "数字",
+  "URLs": "URL",
+  "Dates": "日付",
+  "Phone Numbers": "電話番号",
+  "IP Addresses": "IPアドレス",
+  "HTML Tags": "HTMLタグ",
+  "Email Addresses": "メールアドレス",
+  "Passwords": "パスワード",
+  "ID Numbers": "ID番号",
+  "No regex samples available for this category": "このカテゴリには利用可能な正規表現サンプルがありません",
+  "Matches one or more consecutive digits from start to end of string": "文字列の開始から終了まで1つ以上の連続する数字にマッチ",
+  "Matches numbers with decimal point, allowing optional digits before decimal": "小数点のある数字にマッチ、小数点前の数字は任意",
+  "Matches both integers and decimals using optional decimal group": "オプションの小数グループを使用して整数と小数の両方にマッチ",
+  "Includes optional minus sign for negative numbers with decimal support": "負の数のオプションのマイナス記号を含み、小数をサポート",
+  "Validates currency format with optional dollar sign, comma separators, and cents": "オプションのドル記号、カンマ区切り、セントを含む通貨形式を検証",
+  "Matches percentage values from 0-999% with up to 2 decimal places": "最大2桁の小数点以下を持つ0-999%のパーセンテージ値にマッチ",
+  "Validates HTTP/HTTPS URLs with optional www prefix and query parameters": "オプションのwwwプレフィックスとクエリパラメータを持つHTTP/HTTPS URLを検証",
+  "Matches valid domain names following RFC standards with length limits": "長さ制限のあるRFC標準に従った有効なドメイン名にマッチ",
+  "Validates FTP protocol URLs with optional port and path components": "オプションのポートとパスコンポーネントを持つFTPプロトコルURLを検証",
+  "Matches URLs with optional port numbers and path segments": "オプションのポート番号とパスセグメントを持つURLにマッチ",
+  "Validates ISO date format with proper month and day ranges": "適切な月と日の範囲を持つISO日付形式を検証",
+  "European date format with day-first ordering and slash separators": "日付優先順序とスラッシュ区切りのヨーロッパ日付形式",
+  "American date format with month-first ordering and validation": "月優先順序と検証のアメリカ日付形式",
+  "Validates 24-hour time format with proper hour and minute ranges": "適切な時間と分の範囲を持つ24時間時刻形式を検証",
+  "Matches ISO 8601 datetime with optional milliseconds and timezone": "オプションのミリ秒とタイムゾーンを持つISO 8601日時にマッチ",
+  "Validates 11-digit Chinese mobile numbers starting with 13-19": "13-19で始まる11桁の中国携帯電話番号を検証",
+  "Matches US phone format with optional parentheses and separators": "オプションの括弧と区切り文字を持つアメリカ電話形式にマッチ",
+  "Validates international phone numbers following E.164 standard": "E.164標準に従った国際電話番号を検証",
+  "Matches Chinese landline format with area code and optional dash": "市外局番とオプションのダッシュを持つ中国固定電話形式にマッチ",
+  "Validates IPv4 addresses with proper octet range validation (0-255)": "適切なオクテット範囲検証(0-255)を持つIPv4アドレスを検証",
+  "Matches full IPv6 addresses with 8 hexadecimal groups separated by colons": "コロンで区切られた8つの16進グループを持つ完全なIPv6アドレスにマッチ",
+  "Validates MAC addresses with colon or hyphen separators between hex pairs": "16進ペア間のコロンまたはハイフン区切りを持つMACアドレスを検証",
+  "Matches opening and closing HTML tags with optional attributes": "オプションの属性を持つ開始と終了HTMLタグにマッチ",
+  "Captures complete HTML tag pairs with content using backreferences": "後方参照を使用してコンテンツを持つ完全なHTMLタグペアをキャプチャ",
+  "Matches HTML comments including multiline content with non-greedy matching": "非貪欲マッチングで複数行コンテンツを含むHTMLコメントにマッチ",
+  "Extracts src attribute value from img tags with flexible attribute ordering": "柔軟な属性順序でimgタグからsrc属性値を抽出",
+  "Validates common email format with alphanumeric characters and standard symbols": "英数字と標準記号を持つ一般的なメール形式を検証",
+  "Comprehensive RFC 5322 compliant email validation with full character set support": "完全な文字セットサポートを持つ包括的なRFC 5322準拠メール検証",
+  "Strong password validation using positive lookaheads for complexity requirements": "複雑性要件のための正の先読みを使用した強力なパスワード検証",
+  "Medium strength password requiring letters and numbers with minimum length": "最小長を持つ文字と数字を必要とする中程度の強度のパスワード",
+  "Validates Chinese national ID format with birth date and checksum validation": "生年月日とチェックサム検証を持つ中国国民ID形式を検証",
+  "Matches major credit card formats including Visa, MasterCard, AmEx, and Discover": "Visa、MasterCard、AmEx、Discoverを含む主要なクレジットカード形式にマッチ"
 }