@mocoto/mahoraga 0.14.1 → 0.14.3

package/dist/analysts/css/analysts/analyst-css.js

@@ -34,35 +34,33 @@ function collectCssIssues(src, relPath) {
             });
         }
         const current = stack[stack.length - 1];
-        if (current) {
-            const propMatch = /^([a-zA-Z-]+)\s*:\s*([^;]+)?/.exec(trimmed);
-            if (propMatch) {
-                const prop = propMatch[1].toLowerCase();
-                const value = (propMatch[2] || '').trim();
-                const prev = current.props[prop];
-                if (prev) {
-                    const ctx = current.context ? {
-                        currentAtRule: current.context
-                    } : undefined;
-                    if (isLikelyIntentionalDuplicate(prop, prev.value, value, ctx)) {
-                        // Duplicata legítima (fallback vendor, viewport, cor, etc)
-                    }
-                    else if (prev.value === value) {
-                        // Mesma propriedade, mesmo valor = erro claro
-                        ocorrencias.push(warn(messages.CssMensagens.duplicatePropertySame(prop), relPath, line));
-                    }
-                    else {
-                        // Valores diferentes sem padrão claro = possível erro
-                        ocorrencias.push(warn(messages.CssMensagens.duplicatePropertyDifferent(prop, prev.value, value), relPath, line));
-                    }
+        const propMatch = /^([a-zA-Z-]+)\s*:\s*([^;]+)?/.exec(trimmed);
+        if (propMatch) {
+            const prop = propMatch[1].toLowerCase();
+            const value = (propMatch[2] || '').trim();
+            const prev = current.props[prop];
+            if (prop in current.props) {
+                const ctx = {
+                    currentAtRule: current.context
+                };
+                if (isLikelyIntentionalDuplicate(prop, prev.value, value, ctx)) {
+                    // Duplicata legítima (fallback vendor, viewport, cor, etc)
+                }
+                else if (prev.value === value) {
+                    // Mesma propriedade, mesmo valor = erro claro
+                    ocorrencias.push(warn(messages.CssMensagens.duplicatePropertySame(prop), relPath, line));
                 }
                 else {
-                    current.props[prop] = {
-                        line,
-                        value
-                    };
+                    // Valores diferentes sem padrão claro = possível erro
+                    ocorrencias.push(warn(messages.CssMensagens.duplicatePropertyDifferent(prop, prev.value, value), relPath, line));
                 }
             }
+            else {
+                current.props[prop] = {
+                    line,
+                    value
+                };
+            }
         }
         // !important
         if (/!important/.test(trimmed)) {
@@ -125,7 +123,8 @@ function splitSimpleSelectors(selectorText) {
 function parseWithPostCssRoots(src, relPath) {
     const isScss = /\.scss$/i.test(relPath);
     const isSass = /\.sass$/i.test(relPath);
-    const syntax = isScss ? postcssScss : isSass ? postcssSass : undefined;
+    const rawSyntax = isScss ? postcssScss : isSass ? postcssSass : undefined;
+    const syntax = rawSyntax;
     try {
         // Importante: `postcss.parse(..., { syntax })` ignora `syntax`.
         // Para aplicar parser SCSS/SASS corretamente, usamos `postcss().process`.
@@ -214,6 +213,18 @@ function detectCssHacks(value) {
     }
     return null;
 }
+function processDuplicateProperty(propChave, propRaw, prev, value, inFontFace, relPath, line, pushOnce) {
+    const ctx = inFontFace ? { currentAtRule: 'font-face' } : undefined;
+    if (isLikelyIntentionalDuplicate(propChave, prev.value, value, ctx)) {
+        return;
+    }
+    if (prev.value === value) {
+        pushOnce(warn(messages.CssMensagens.duplicatePropertySame(propRaw), relPath, line));
+    }
+    else {
+        pushOnce(warn(messages.CssMensagens.duplicatePropertyDifferent(propRaw, prev.value, value), relPath, line));
+    }
+}
 function collectCssIssuesFromPostCssAst(root, relPath) {
     const ocorrencias = [];
     const seen = new Set();
@@ -242,19 +253,8 @@ function collectCssIssuesFromPostCssAst(root, relPath) {
                 const value = normalizeCssValue(`${(decl.value || '')}${decl.important ? ' !important' : ''}`);
                 const line = getNodeLine(decl);
                 const prev = props[propChave];
-                if (prev) {
-                    const ctx = inFontFace ? {
-                        currentAtRule: 'font-face'
-                    } : undefined;
-                    if (isLikelyIntentionalDuplicate(propChave, prev.value, value, ctx)) {
-                        // duplicata intencional
-                    }
-                    else if (prev.value === value) {
-                        pushOnce(warn(messages.CssMensagens.duplicatePropertySame(propRaw), relPath, line));
-                    }
-                    else {
-                        pushOnce(warn(messages.CssMensagens.duplicatePropertyDifferent(propRaw, prev.value, value), relPath, line));
-                    }
+                if (propChave in props) {
+                    processDuplicateProperty(propChave, propRaw, prev, value, inFontFace, relPath, line, pushOnce);
                 }
                 props[propChave] = {
                     value,
@@ -280,11 +280,11 @@ function collectCssIssuesFromPostCssAst(root, relPath) {
         // 2) Unificação/centralização (apenas em regras com seletores simples)
         if (container.type === 'rule') {
             const rule = container;
-            const selectorText = (rule.selector || '');
+            const selectorText = rule.selector;
             const simpleSelectors = splitSimpleSelectors(selectorText);
             if (simpleSelectors.length) {
                 const decls = [];
-                rule.nodes.forEach(node => {
+                rule.nodes?.forEach(node => {
                     if (node.type !== 'decl') {
                         return;
                     }
@@ -300,7 +300,7 @@ function collectCssIssuesFromPostCssAst(root, relPath) {
                     });
                 });
                 // Detecta regras vazias (ignora @apply do Tailwind CSS)
-                const hasApplyDirective = rule.nodes.some(node => node.type === 'atrule' && (node).name === 'apply') ?? false;
+                const hasApplyDirective = rule.nodes?.some(node => node.type === 'atrule' && (node).name === 'apply');
                 if (decls.length === 0 && !hasApplyDirective) {
                     pushOnce(warn(messages.CssMensagens.emptyRule, relPath, getNodeLine(rule)));
                 }

package/dist/analysts/css/corrections/correction-css.js

@@ -10,6 +10,22 @@
 import { messages } from '../../../core/messages/index.js';
 import { splitLines } from '../../../shared/helpers/index.js';
 import { criarOcorrencia } from '../../../types/index.js';
+function detectarIdSelector(linha, numeroLinha) {
+    if (!/#[a-zA-Z0-9_-]+\s*\{/.test(linha)) {
+        return null;
+    }
+    const idMatch = linha.match(/#([a-zA-Z0-9_-]+)/);
+    if (!idMatch) {
+        return null;
+    }
+    return {
+        tipo: 'css-id-to-class',
+        original: linha.trim(),
+        sugerido: linha.replace(/#([a-zA-Z0-9_-]+)/, `.${idMatch[1]}`),
+        linha: numeroLinha,
+        confianca: 70
+    };
+}
 export function detectarCorrecoesCss(src, _relPath) {
     const correcoes = [];
     const linhas = splitLines(src);
@@ -24,17 +40,9 @@ export function detectarCorrecoesCss(src, _relPath) {
                 confianca: 80
             });
         }
-        if (/#[a-zA-Z0-9_-]+\s*\{/.test(linha)) {
-            const idMatch = linha.match(/#([a-zA-Z0-9_-]+)/);
-            if (idMatch) {
-                correcoes.push({
-                    tipo: 'css-id-to-class',
-                    original: linha.trim(),
-                    sugerido: linha.replace(/#([a-zA-Z0-9_-]+)/, `.${idMatch[1]}`),
-                    linha: numeroLinha,
-                    confianca: 70
-                });
-            }
+        const idCorrection = detectarIdSelector(linha, numeroLinha);
+        if (idCorrection) {
+            correcoes.push(idCorrection);
         }
     });
     return correcoes;

package/dist/analysts/css/detectors/detector-css-best-practices.js

@@ -63,151 +63,162 @@ export const detectorCssBestPractices = {
         const _idSelectorCount = 0;
         const allSelectors = [];
         const _selectorDepth = 0;
-        linhas.forEach((linha, index) => {
-            const numeroLinha = index + 1;
-            const trimmed = linha.trim();
-            if (trimmed.includes('{')) {
-                depth++;
-                if (depth > maxDepth) {
-                    maxDepth = depth;
+        function processarAberturaBloco(linha, trimmed, numeroLinha) {
+            depth++;
+            if (depth > maxDepth) {
+                maxDepth = depth;
+            }
+            const selectorPart = trimmed.replace(/\s*\{.*$/, '').trim();
+            if (!selectorPart) {
+                return;
+            }
+            allSelectors.push(selectorPart);
+            const simpleCount = selectorPart.split(',').length;
+            if (simpleCount > 5) {
+                ocorrencias.push(criarOcorrencia({
+                    tipo: 'css-too-many-selectors',
+                    nivel: 'info',
+                    mensagem: messages.DetectorCssMensagens.tooManySelectors,
+                    relPath,
+                    linha: numeroLinha,
+                    sugestao: messages.DetectorCssMensagens.tooManySelectorsSugestao
+                }));
+            }
+            const baseSelector = selectorPart.replace(/,.*$/, '').trim();
+            if (baseSelector) {
+                if (seenSelectors.has(baseSelector)) {
+                    seenSelectors.get(baseSelector)?.push(numeroLinha);
                 }
-                const selectorPart = trimmed.replace(/\s*\{.*$/, '').trim();
-                if (selectorPart) {
-                    allSelectors.push(selectorPart);
-                    const simpleCount = selectorPart.split(',').length;
-                    if (simpleCount > 5) {
-                        ocorrencias.push(criarOcorrencia({
-                            tipo: 'css-too-many-selectors',
-                            nivel: 'info',
-                            mensagem: messages.DetectorCssMensagens.tooManySelectors,
-                            relPath,
-                            linha: numeroLinha,
-                            sugestao: messages.DetectorCssMensagens.tooManySelectorsSugestao
-                        }));
-                    }
-                    const baseSelector = selectorPart.replace(/,.*$/, '').trim();
-                    if (baseSelector) {
-                        if (seenSelectors.has(baseSelector)) {
-                            seenSelectors.get(baseSelector)?.push(numeroLinha);
-                        }
-                        else {
-                            seenSelectors.set(baseSelector, [numeroLinha]);
-                        }
-                    }
+                else {
+                    seenSelectors.set(baseSelector, [numeroLinha]);
                 }
             }
-            if (trimmed.includes('}')) {
-                if (propsInBlock.size === 0 && depth > 0) {
-                    ocorrencias.push(criarOcorrencia({
-                        tipo: 'css-empty-rule',
-                        nivel: 'info',
-                        mensagem: messages.DetectorCssMensagens.emptyRule,
-                        relPath,
-                        linha: numeroLinha,
-                        sugestao: messages.DetectorCssMensagens.emptyRuleSugestao
-                    }));
-                }
-                propsInBlock.clear();
-                depth--;
+        }
+        function processarFechamentoBloco(numeroLinha) {
+            if (propsInBlock.size === 0 && depth > 0) {
+                ocorrencias.push(criarOcorrencia({
+                    tipo: 'css-empty-rule',
+                    nivel: 'info',
+                    mensagem: messages.DetectorCssMensagens.emptyRule,
+                    relPath,
+                    linha: numeroLinha,
+                    sugestao: messages.DetectorCssMensagens.emptyRuleSugestao
+                }));
             }
-            if (/!important/.test(trimmed)) {
+            propsInBlock.clear();
+            depth--;
+        }
+        function processarPropriedade(trimmed, numeroLinha) {
+            const propMatch = /^([a-zA-Z-]+)\s*:\s*([^;]+)?/.exec(trimmed);
+            if (!propMatch || depth <= 0) {
+                return;
+            }
+            const prop = propMatch[1].toLowerCase();
+            const value = (propMatch[2] || '').trim();
+            allDeclaredProps.push(prop);
+            if (propsInBlock.has(prop)) {
                 ocorrencias.push(criarOcorrencia({
-                    tipo: 'css-important-usage',
+                    tipo: 'css-duplicate-property',
                     nivel: 'aviso',
-                    mensagem: messages.DetectorCssMensagens.important,
+                    mensagem: messages.DetectorCssMensagens.duplicateProperty(prop),
                     relPath,
                     linha: numeroLinha,
-                    sugestao: messages.DetectorCssMensagens.importantSugestao
+                    sugestao: messages.DetectorCssMensagens.duplicatePropertySugestao
                 }));
             }
-            const propMatch = /^([a-zA-Z-]+)\s*:\s*([^;]+)?/.exec(trimmed);
-            if (propMatch && depth > 0) {
-                const prop = propMatch[1].toLowerCase();
-                const value = (propMatch[2] || '').trim();
-                allDeclaredProps.push(prop);
-                if (propsInBlock.has(prop)) {
-                    ocorrencias.push(criarOcorrencia({
-                        tipo: 'css-duplicate-property',
-                        nivel: 'aviso',
-                        mensagem: messages.DetectorCssMensagens.duplicateProperty(prop),
-                        relPath,
-                        linha: numeroLinha,
-                        sugestao: messages.DetectorCssMensagens.duplicatePropertySugestao
-                    }));
-                }
-                propsInBlock.set(prop, { line: numeroLinha, value });
-                if (value === '0' && !prop.startsWith('--')) {
+            propsInBlock.set(prop, { line: numeroLinha, value });
+            if (value === '0' && !prop.startsWith('--')) {
+                ocorrencias.push(criarOcorrencia({
+                    tipo: 'css-unitless-zero',
+                    nivel: 'info',
+                    mensagem: messages.DetectorCssMensagens.unitlessZero,
+                    relPath,
+                    linha: numeroLinha,
+                    sugestao: messages.DetectorCssMensagens.unitlessZeroSugestao
+                }));
+            }
+            if (prop === 'font-family') {
+                const families = value.split(',').map(f => f.trim().replace(/['"]/g, ''));
+                const hasGeneric = families.some(f => GENERIC_FONTS.has(f.toLowerCase()));
+                if (!hasGeneric) {
                     ocorrencias.push(criarOcorrencia({
-                        tipo: 'css-unitless-zero',
+                        tipo: 'css-font-stack-missing',
                         nivel: 'info',
-                        mensagem: messages.DetectorCssMensagens.unitlessZero,
+                        mensagem: messages.DetectorCssMensagens.fontStackMissing,
                         relPath,
                         linha: numeroLinha,
-                        sugestao: messages.DetectorCssMensagens.unitlessZeroSugestao
+                        sugestao: messages.DetectorCssMensagens.fontStackMissingSugestao
                     }));
                 }
-                if (prop === 'font-family') {
-                    const families = value.split(',').map(f => f.trim().replace(/['"]/g, ''));
-                    const hasGeneric = families.some(f => GENERIC_FONTS.has(f.toLowerCase()));
-                    if (!hasGeneric) {
-                        ocorrencias.push(criarOcorrencia({
-                            tipo: 'css-font-stack-missing',
-                            nivel: 'info',
-                            mensagem: messages.DetectorCssMensagens.fontStackMissing,
-                            relPath,
-                            linha: numeroLinha,
-                            sugestao: messages.DetectorCssMensagens.fontStackMissingSugestao
-                        }));
-                    }
-                }
-                if (prop === 'z-index') {
-                    const zVal = parseInt(value, 10);
-                    if (!isNaN(zVal) && (zVal > 100 || zVal < -1)) {
-                        ocorrencias.push(criarOcorrencia({
-                            tipo: 'css-zindex-unmanaged',
-                            nivel: 'aviso',
-                            mensagem: messages.DetectorCssMensagens.zIndexUnmanaged,
-                            relPath,
-                            linha: numeroLinha,
-                            sugestao: messages.DetectorCssMensagens.zIndexUnmanagedSugestao
-                        }));
-                    }
-                }
-                if (/^(px|pt|pc|mm|cm|in)\b/.test(value) && (prop.startsWith('width') || prop.startsWith('height') || prop === 'font-size')) {
+            }
+            if (prop === 'z-index') {
+                const zVal = parseInt(value, 10);
+                if (!isNaN(zVal) && (zVal > 100 || zVal < -1)) {
                     ocorrencias.push(criarOcorrencia({
-                        tipo: 'css-absolute-units',
-                        nivel: 'info',
-                        mensagem: messages.DetectorCssMensagens.absoluteUnits,
+                        tipo: 'css-zindex-unmanaged',
+                        nivel: 'aviso',
+                        mensagem: messages.DetectorCssMensagens.zIndexUnmanaged,
                         relPath,
                         linha: numeroLinha,
-                        sugestao: messages.DetectorCssMensagens.absoluteUnitsSugestao
+                        sugestao: messages.DetectorCssMensagens.zIndexUnmanagedSugestao
                     }));
                 }
-                const missingPrefix = detectMissingVendorPrefix(prop);
-                if (missingPrefix) {
+            }
+            if (/^(px|pt|pc|mm|cm|in)\b/.test(value) && (prop.startsWith('width') || prop.startsWith('height') || prop === 'font-size')) {
+                ocorrencias.push(criarOcorrencia({
+                    tipo: 'css-absolute-units',
+                    nivel: 'info',
+                    mensagem: messages.DetectorCssMensagens.absoluteUnits,
+                    relPath,
+                    linha: numeroLinha,
+                    sugestao: messages.DetectorCssMensagens.absoluteUnitsSugestao
+                }));
+            }
+            const missingPrefix = detectMissingVendorPrefix(prop);
+            if (missingPrefix) {
+                ocorrencias.push(criarOcorrencia({
+                    tipo: 'css-vendor-prefix-missing',
+                    nivel: 'aviso',
+                    mensagem: messages.DetectorCssMensagens.vendorPrefixMissing,
+                    relPath,
+                    linha: numeroLinha,
+                    sugestao: messages.DetectorCssMensagens.vendorPrefixMissingSugestao
+                }));
+            }
+            if (CSS_SHORTHAND_PROPS.has(prop)) {
+                const related = allDeclaredProps.filter(p => p.startsWith(`${prop}-`));
+                if (related.length >= 2) {
                     ocorrencias.push(criarOcorrencia({
-                        tipo: 'css-vendor-prefix-missing',
-                        nivel: 'aviso',
-                        mensagem: messages.DetectorCssMensagens.vendorPrefixMissing,
+                        tipo: 'css-missing-shorthand',
+                        nivel: 'info',
+                        mensagem: messages.DetectorCssMensagens.missingShorthand,
                         relPath,
                         linha: numeroLinha,
-                        sugestao: messages.DetectorCssMensagens.vendorPrefixMissingSugestao
+                        sugestao: messages.DetectorCssMensagens.missingShorthandSugestao
                     }));
                 }
-                if (CSS_SHORTHAND_PROPS.has(prop)) {
-                    const related = allDeclaredProps.filter(p => p.startsWith(`${prop}-`));
-                    if (related.length >= 2) {
-                        ocorrencias.push(criarOcorrencia({
-                            tipo: 'css-missing-shorthand',
-                            nivel: 'info',
-                            mensagem: messages.DetectorCssMensagens.missingShorthand,
-                            relPath,
-                            linha: numeroLinha,
-                            sugestao: messages.DetectorCssMensagens.missingShorthandSugestao
-                        }));
-                    }
-                }
             }
+        }
+        linhas.forEach((linha, index) => {
+            const numeroLinha = index + 1;
+            const trimmed = linha.trim();
+            if (trimmed.includes('{')) {
+                processarAberturaBloco(linha, trimmed, numeroLinha);
+            }
+            if (trimmed.includes('}')) {
+                processarFechamentoBloco(numeroLinha);
+            }
+            if (/!important/.test(trimmed)) {
+                ocorrencias.push(criarOcorrencia({
+                    tipo: 'css-important-usage',
+                    nivel: 'aviso',
+                    mensagem: messages.DetectorCssMensagens.important,
+                    relPath,
+                    linha: numeroLinha,
+                    sugestao: messages.DetectorCssMensagens.importantSugestao
+                }));
+            }
+            processarPropriedade(trimmed, numeroLinha);
             if (/#[a-zA-Z0-9_-]+\s*\{/.test(trimmed)) {
                 ocorrencias.push(criarOcorrencia({
                     tipo: 'css-id-selector',

package/dist/analysts/css/scorers/scorer-css.js

@@ -1,5 +1,27 @@
 // SPDX-License-Identifier: MIT
 import { splitLines } from '../../../shared/helpers/index.js';
+function contarPropriedadesPorBloco(linhas) {
+    const props = new Map();
+    let inBlock = false;
+    for (const linha of linhas) {
+        if (linha.includes('{')) {
+            inBlock = true;
+            props.clear();
+        }
+        if (linha.includes('}')) {
+            inBlock = false;
+            continue;
+        }
+        if (inBlock) {
+            const match = /^\s*([a-zA-Z-]+)\s*:/.exec(linha);
+            if (match) {
+                const prop = match[1].toLowerCase();
+                props.set(prop, (props.get(prop) ?? 0) + 1);
+            }
+        }
+    }
+    return props;
+}
 export function pontuarCss(src, _relPath) {
     let score = 0;
     const maxScore = 100;
@@ -20,24 +42,7 @@ export function pontuarCss(src, _relPath) {
         score += 3;
         issues.push(`${importantCount} usos de !important - refatore especificidade`);
     }
-    const props = new Map();
-    let inBlock = false;
-    linhas.forEach(linha => {
-        if (linha.includes('{')) {
-            inBlock = true;
-            props.clear();
-        }
-        if (linha.includes('}')) {
-            inBlock = false;
-        }
-        if (inBlock) {
-            const match = /^\s*([a-zA-Z-]+)\s*:/.exec(linha);
-            if (match) {
-                const prop = match[1].toLowerCase();
-                props.set(prop, (props.get(prop) ?? 0) + 1);
-            }
-        }
-    });
+    const props = contarPropriedadesPorBloco(linhas);
     const duplicates = [...props.values()].filter(valor => valor > 1).length;
     if (duplicates === 0) {
         score += 10;

package/dist/analysts/css-in-js/analysts/analyst-css-in-js.js

@@ -1,5 +1,6 @@
 // SPDX-License-Identifier: MIT
 import { messages } from '../../../core/messages/index.js';
+import { IMPORTANT_PATTERN } from '../shared.js';
 import { criarAnalista, criarOcorrencia } from '../../../types/index.js';
 const disableEnv = process.env.SUKUNA_DISABLE_PLUGIN_CSS_IN_JS === '1';
 function findLine(src, index = 0) {
@@ -80,6 +81,26 @@ function detectarStyledJsx(src) {
         indices
     };
 }
+function processarStyledComponents(sc, src, relPath, ocorrencias) {
+    if (!sc.detected) {
+        return;
+    }
+    const first = sc.indices[0] ?? 0;
+    ocorrencias.push(emitir(messages.CssInJsMensagens.detectedStyledComponents, relPath, messages.SeverityNiveis.info, findLine(src, first)));
+    if (sc.global) {
+        ocorrencias.push(emitir(messages.CssInJsMensagens.globalStyles('styled-components'), relPath, messages.SeverityNiveis.warning, findLine(src, first)));
+    }
+}
+function processarStyledJsx(sj, src, relPath, ocorrencias) {
+    if (!sj.detected) {
+        return;
+    }
+    const first = sj.indices[0] ?? 0;
+    ocorrencias.push(emitir(messages.CssInJsMensagens.detectedStyledJsx, relPath, messages.SeverityNiveis.info, findLine(src, first)));
+    if (sj.global) {
+        ocorrencias.push(emitir(messages.CssInJsMensagens.globalStyles('styled-jsx'), relPath, messages.SeverityNiveis.warning, findLine(src, first)));
+    }
+}
 export const analistaCssInJs = criarAnalista({
     nome: 'analista-css-in-js',
     categoria: 'estilo',
@@ -93,7 +114,6 @@ export const analistaCssInJs = criarAnalista({
         if (relPath.includes('src/analistas/css-in-js/')) {
             return null;
         }
-        // Prefiltro barato para evitar múltiplos matchAll em arquivos que não têm sinais.
         if (!/styled-components|styled-jsx|<style\b[^>]*\bjsx\b|\bcreateGlobalStyle\b|\bstyled\b/i.test(src)) {
             return null;
         }
@@ -103,22 +123,9 @@ export const analistaCssInJs = criarAnalista({
         if (!sc.detected && !sj.detected) {
             return null;
         }
-        if (sc.detected) {
-            const first = sc.indices[0] ?? 0;
-            ocorrencias.push(emitir(messages.CssInJsMensagens.detectedStyledComponents, relPath, messages.SeverityNiveis.info, findLine(src, first)));
-            if (sc.global) {
-                ocorrencias.push(emitir(messages.CssInJsMensagens.globalStyles('styled-components'), relPath, messages.SeverityNiveis.warning, findLine(src, first)));
-            }
-        }
-        if (sj.detected) {
-            const first = sj.indices[0] ?? 0;
-            ocorrencias.push(emitir(messages.CssInJsMensagens.detectedStyledJsx, relPath, messages.SeverityNiveis.info, findLine(src, first)));
-            if (sj.global) {
-                ocorrencias.push(emitir(messages.CssInJsMensagens.globalStyles('styled-jsx'), relPath, messages.SeverityNiveis.warning, findLine(src, first)));
-            }
-        }
-        // Sinais comuns dentro de CSS em template strings / style tags
-        if (/!important/.test(src)) {
+        processarStyledComponents(sc, src, relPath, ocorrencias);
+        processarStyledJsx(sj, src, relPath, ocorrencias);
+        if (IMPORTANT_PATTERN.test(src)) {
             ocorrencias.push(emitir(messages.CssInJsMensagens.importantUsage, relPath, messages.SeverityNiveis.warning, 1));
         }
         if (/url\(\s*['"]?http:\/\//i.test(src)) {

package/dist/analysts/css-in-js/corrections/correction-css-in-js.js

@@ -12,30 +12,45 @@
  */
 import { getMessages } from '../../../core/messages/index.js';
 import { splitLines } from '../../../shared/helpers/index.js';
+import { IMPORTANT_PATTERN, IMPORTANT_WS_GLOBAL } from '../shared.js';
 import { criarOcorrencia } from '../../../types/index.js';
+function detectarCreateGlobalStyle(linha, numeroLinha, m) {
+    if (!/createGlobalStyle/.test(linha)) {
+        return null;
+    }
+    return {
+        tipo: 'css-in-js-extract-global',
+        original: linha.trim(),
+        sugerido: m.extractGlobalCss,
+        linha: numeroLinha,
+        confianca: 70
+    };
+}
+function detectarImportantCorrection(linha, numeroLinha) {
+    if (!IMPORTANT_PATTERN.test(linha) || !/styled|css\s*`/.test(linha)) {
+        return null;
+    }
+    return {
+        tipo: 'css-in-js-remove-important',
+        original: linha.trim(),
+        sugerido: linha.replace(IMPORTANT_WS_GLOBAL, ''),
+        linha: numeroLinha,
+        confianca: 80
+    };
+}
 export function detectarCorrecoesCssInJs(src, _relPath) {
     const m = getMessages().CssInJsCorrecaoMensagens;
     const correcoes = [];
     const linhas = splitLines(src);
     linhas.forEach((linha, index) => {
         const numeroLinha = index + 1;
-        if (/createGlobalStyle/.test(linha)) {
-            correcoes.push({
-                tipo: 'css-in-js-extract-global',
-                original: linha.trim(),
-                sugerido: m.extractGlobalCss,
-                linha: numeroLinha,
-                confianca: 70
-            });
+        const globalCorrection = detectarCreateGlobalStyle(linha, numeroLinha, m);
+        if (globalCorrection) {
+            correcoes.push(globalCorrection);
         }
-        if (/!important/.test(linha) && /styled|css\s*`/.test(linha)) {
-            correcoes.push({
-                tipo: 'css-in-js-remove-important',
-                original: linha.trim(),
-                sugerido: linha.replace(/\s*!important/g, ''),
-                linha: numeroLinha,
-                confianca: 80
-            });
+        const importantCorrection = detectarImportantCorrection(linha, numeroLinha);
+        if (importantCorrection) {
+            correcoes.push(importantCorrection);
         }
     });
     return correcoes;