feat(parser): Add breaking change detection and styling

- [feat] Add breaking change detection logic in github-commit-labels.js:commit message parsing
- [feat] Add breaking change styling (red border, bold text) in github-commit-labels.js:label creation
- [feat] Add warning emoji for breaking changes in github-commit-labels.js:label text
- [docs] Update README.md with breaking change syntax and examples
- [release] Bump version to 1.5.1 in github-commit-labels.js

Author: nazdridoy

README.md

@@ -15,6 +15,7 @@ A userscript that enhances GitHub commits by adding beautiful labels for convent
 - ⚙️ Fully customizable through a user-friendly configuration panel
 - 🔄 Supports multiple aliases for each commit type
 - 🎯 Works on commit history and single commit pages
+- ⚠️ Special highlighting for BREAKING CHANGES (using `type!:` or `type(scope)!:`)
 
 
 ![preview1](https://raw.githubusercontent.com/nazdridoy/github-commit-labels/main/previews/preview1.png)
@@ -67,6 +68,8 @@ docs: update API documentation
 # With scope
 feat(auth): implement OAuth2 login
 fix(api): handle rate limiting errors
+feat!(auth): implement breaking change in auth
+refactor!(parser): rewrite parser logic (breaking change)
 docs(readme): add installation guide
 style(button): improve hover effects
 refactor(service): clean up user service code
@@ -77,8 +80,9 @@ test(auth): add unit tests for auth service
 The script will automatically detect the commit type from the first word of your commit message and add the appropriate label. Make sure to:
 1. Use one of the supported commit types or their aliases
 2. Follow the format: `type(scope): description` or `type: description`
-3. Keep the commit message clear and concise
-4. Use meaningful scopes that describe the area of the codebase being changed
+3. Indicate **breaking changes** by adding `!` after the type or scope: `type!:` or `type(scope)!:`.
+4. Keep the commit message clear and concise
+5. Use meaningful scopes that describe the area of the codebase being changed
 
 ## Installation
 

github-commit-labels.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         GitHub Commit Labels
 // @namespace    https://github.com/nazdridoy
-// @version      1.5.0
+// @version      1.5.1
 // @description  Enhances GitHub commits with beautiful labels for conventional commit types (feat, fix, docs, etc.)
 // @author       nazdridoy
 // @license      MIT
@@ -1313,14 +1313,31 @@ SOFTWARE.
                         continue;
                     }
 
-                    const match = text.match(/^(\w+)(?:\(([\w-]+)\))?:\s*(.*)/);
-                    debugLog('Commit message match result:', match);
+                    // Step 1: Basic parse - Capture type, middle part, and message
+                    const basicMatch = text.match(/^(\w+)(.*?):\s*(.*)$/);
+                    debugLog('Basic commit message match result:', basicMatch);
 
-                    if (match) {
-                        const type = match[1].toLowerCase();
-                        const scope = match[2] || '';
-                        const restOfMessage = match[3];
-                        debugLog(`Extracted: type=${type}, scope=${scope}, message=${restOfMessage}`);
+                    if (basicMatch) {
+                        const type = basicMatch[1].toLowerCase();
+                        const middlePart = basicMatch[2].trim();
+                        const restOfMessage = basicMatch[3];
+
+                        let scope = '';
+                        let isBreaking = false;
+                        let scopePart = middlePart; // Start with the full middle part
+
+                        // Step 2: Check for breaking change indicator anywhere in the middle part
+                        if (middlePart.includes('!')) {
+                            isBreaking = true;
+                            scopePart = middlePart.replace('!', '').trim(); // Remove ! for scope extraction
+                        }
+                        
+                        // Step 3: Check if the remaining part is a scope
+                        if (scopePart.startsWith('(') && scopePart.endsWith(')')) {
+                            scope = scopePart.slice(1, -1); // Extract scope content
+                        }
+
+                        debugLog(`Extracted: type=${type}, scope=${scope}, isBreaking=${isBreaking}, message=${restOfMessage}`);
 
                         if (USER_CONFIG.commitTypes[type]) {
                             debugLog(`Found matching commit type: ${type}`);
@@ -1331,6 +1348,9 @@ SOFTWARE.
                                 label.className = 'commit-label';
                                 label.dataset.commitType = type;
                                 label.dataset.commitScope = scope;
+                                if (isBreaking) {
+                                    label.dataset.isBreaking = 'true';
+                                }
 
                                 const color = COLORS[USER_CONFIG.commitTypes[type].color];
 
@@ -1342,6 +1362,11 @@ SOFTWARE.
                                     display: USER_CONFIG.labelsVisible ? 'inline-flex' : 'none'
                                 };
 
+                                if (isBreaking) {
+                                    styles.border = '2px solid #d73a49';
+                                    styles.fontWeight = 'bold';
+                                }
+
                                 label.style.cssText = Object.entries(styles)
                                     .map(([key, value]) => `${key.replace(/[A-Z]/g, m => '-' + m.toLowerCase())}: ${value}`)
                                     .join(';');
@@ -1444,6 +1469,9 @@ SOFTWARE.
 
                                 const labelText = document.createElement('span');
                                 labelText.textContent = USER_CONFIG.commitTypes[type].label;
+                                if (isBreaking) {
+                                    labelText.textContent += ' ⚠️';
+                                }
 
                                 label.appendChild(emoji);
                                 label.appendChild(labelText);