@monoes/monodesign 1.2.9 → 1.2.12

package/cli/engine/engines/static-html/css-cascade.mjs

@@ -118,17 +118,17 @@ function buildBorderOverrideMap(document, window) {
 
       for (const [prop, side] of SIDE_PROPS) {
         const val = rule.style[prop];
-        if (!val || !val.includes('var(')) continue;
+        if (!val?.includes('var(')) continue;
         const parsed = parseShorthand(resolveVar(val));
-        if (parsed && parsed.color) perSide[side] = parsed;
+        if (parsed?.color) perSide[side] = parsed;
       }
 
       // Uniform `border: <w> <style> var(...)` applies to every side the
       // per-side map didn't already claim.
       const borderAll = rule.style.border;
-      if (borderAll && borderAll.includes('var(')) {
+      if (borderAll?.includes('var(')) {
         const parsed = parseShorthand(resolveVar(borderAll));
-        if (parsed && parsed.color) {
+        if (parsed?.color) {
           for (const s of ['Top', 'Right', 'Bottom', 'Left']) {
             if (!perSide[s]) perSide[s] = parsed;
           }
@@ -144,7 +144,7 @@ function buildBorderOverrideMap(document, window) {
         ['borderBottomColor', 'Bottom'],
       ]) {
         const val = rule.style[prop];
-        if (!val || !val.includes('var(')) continue;
+        if (!val?.includes('var(')) continue;
         const resolved = resolveVar(val).trim();
         if (!resolved) continue;
         // Width may or may not come from this rule — that's fine; the
@@ -185,6 +185,7 @@ function buildBorderOverrideMap(document, window) {
 // styles. We walk the source character-by-character, balancing braces
 // so we correctly handle nested style rules inside the layer block.
 function unwrapCssAtLayer(source) {
+  // biome-ignore lint/complexity/useOptionalChain: exported helper with no typed callers; `source?.includes` would throw for a falsy non-string (0/false) that this guard currently returns unchanged
   if (!source || !source.includes('@layer')) return source;
   // Find `@layer <name>? {` openers. The match starts at the @, and
   // we then balance braces from the opening { onward.

package/cli/engine/engines/static-html/detect-html.mjs

@@ -74,14 +74,14 @@ function checkStaticPageTypography(document, window) {
     const sorted = [...sizes].sort((a, b) => a - b);
     const ratio = sorted[sorted.length - 1] / sorted[0];
     if (ratio < 2.0) {
-      findings.push({ id: 'flat-type-hierarchy', snippet: `Sizes: ${sorted.map(s => s + 'px').join(', ')} (ratio ${ratio.toFixed(1)}:1)` });
+      findings.push({ id: 'flat-type-hierarchy', snippet: `Sizes: ${sorted.map(s => `${s}px`).join(', ')} (ratio ${ratio.toFixed(1)}:1)` });
     }
   }
   return findings;
 }
 
 function checkElementBrokenImage(el) {
-  const src = (el.getAttribute && el.getAttribute('src')) ?? el.attribs?.src;
+  const src = el.getAttribute?.('src') ?? el.attribs?.src;
   // Missing src attribute entirely
   if (src === undefined || src === null) {
     return [{ id: 'broken-image', snippet: '<img> with no src attribute' }];
@@ -95,10 +95,10 @@ function checkElementBrokenImage(el) {
 }
 
 const STATIC_ELEMENT_RULES = [
-  { id: 'border-rules', selector: '*', run: (el, tag, style, window, customPropMap) => checkElementBorders(tag, style, null, resolveBorderRadiusPx(el, style, parseFloat(style.width) || 0, window)) },
+  { id: 'border-rules', selector: '*', run: (el, tag, style, window, _customPropMap) => checkElementBorders(tag, style, null, resolveBorderRadiusPx(el, style, parseFloat(style.width) || 0, window)) },
   { id: 'color-rules', selector: '*', run: (el, tag, style, window, customPropMap) => checkElementColors(el, style, tag, window, customPropMap, false) },
   { id: 'dark-glow', selector: '*', run: (el, tag, style, window, customPropMap) => checkElementGlow(tag, style, resolveBackground(el.parentElement || el, window, customPropMap)) },
-  { id: 'motion-rules', selector: '*', run: (el, tag, style) => checkElementMotion(tag, style) },
+  { id: 'motion-rules', selector: '*', run: (_el, tag, style) => checkElementMotion(tag, style) },
   { id: 'icon-tile-stack', selector: 'h1,h2,h3,h4,h5,h6', run: (el, tag, _style, window) => checkElementIconTile(el, tag, window) },
   { id: 'italic-serif-display', selector: 'h1,h2', run: (el, tag, style) => checkElementItalicSerif(el, style, tag) },
   { id: 'hero-eyebrow-chip', selector: 'h1', run: (el, tag, style, window, customPropMap) => checkElementHeroEyebrow(el, style, tag, window, customPropMap) },
@@ -106,8 +106,8 @@ const STATIC_ELEMENT_RULES = [
   { id: 'quality-rules', selector: '*', run: (el, tag, style, window) => checkElementQuality(el, style, tag, window) },
   { id: 'oversized-h1', selector: 'h1', run: (el, tag, style, window) => checkElementOversizedH1(el, style, tag, window) },
   { id: 'clipped-overflow-container', selector: '*', run: (el, tag, style, window) => checkElementClippedOverflow(el, style, tag, window) },
-  { id: 'gpt-thin-border-wide-shadow', selector: '*', run: (el, tag, style) => checkElementGptBorderShadow(el, style) },
-  { id: 'image-missing-dimensions', selector: 'img', run: (el, tag, style) => checkElementImageDimensions(el, style) },
+  { id: 'gpt-thin-border-wide-shadow', selector: '*', run: (el, _tag, style) => checkElementGptBorderShadow(el, style) },
+  { id: 'image-missing-dimensions', selector: 'img', run: (el, _tag, style) => checkElementImageDimensions(el, style) },
   { id: 'small-touch-target', selector: 'a,button,input,select,summary,[role=button],[role=link],[role=menuitem],[role=tab],[role=switch]', run: (el, tag, style) => checkElementSmallTouchTarget(el, style, tag) },
 ];
 

package/cli/engine/fix/index.mjs

@@ -130,7 +130,7 @@ function groupByRule(findings) {
 async function runFix(targets, options = {}) {
   const cwd = options.cwd || process.cwd();
   const dryRun = Boolean(options.dryRun);
-  const ruleFilter = options.rules && options.rules.length ? new Set(options.rules) : null;
+  const ruleFilter = options.rules?.length ? new Set(options.rules) : null;
   const config = options.noConfig
     ? { ignoreRules: [], ignoreFiles: [], ignoreValues: [] }
     : readDetectionConfig(cwd);
@@ -409,8 +409,8 @@ async function runFixCli(args) {
   const report = await runFix(targets, options);
   for (const warning of report.warnings) process.stderr.write(`${warning}\n`);
   const formatted = formatFixReport(report, jsonMode);
-  if (jsonMode || report.dryRun) process.stdout.write(formatted + '\n');
-  else process.stderr.write(formatted + '\n');
+  if (jsonMode || report.dryRun) process.stdout.write(`${formatted}\n`);
+  else process.stderr.write(`${formatted}\n`);
   process.exit(!report.dryRun && report.remaining.length > 0 ? 2 : 0);
 }
 

package/cli/engine/node/file-system.mjs

@@ -46,7 +46,7 @@ function resolveImport(specifier, fromDir, fileSet) {
   }
   // index file convention
   for (const ext of SCANNABLE_EXTENSIONS) {
-    const indexFile = path.join(base, 'index' + ext);
+    const indexFile = path.join(base, `index${ext}`);
     if (fileSet.has(indexFile)) return indexFile;
   }
   return null;

package/cli/engine/registry/antipatterns.mjs

@@ -527,7 +527,7 @@ function filterByProviders(findings, providers = []) {
   if (!GATED_PROVIDERS.size) return findings;
   return findings.filter(f => {
     const rule = getAntipattern(f.antipattern);
-    if (!rule || !rule.gated) return true;
+    if (!rule?.gated) return true;
     return enabled.has(rule.gated);
   });
 }

package/cli/engine/rules/checks.mjs

@@ -55,8 +55,8 @@ function checkBorders(tag, widths, colors, radius) {
 // (plus whitespace / variation selectors). Emojis render as multicolor glyphs
 // regardless of CSS `color`, so contrast checks against the element's text
 // color are meaningless for these nodes.
-const EMOJI_CHAR_RE = /[\u{1F1E6}-\u{1F1FF}\u{1F300}-\u{1F9FF}\u{1FA00}-\u{1FAFF}\u{2600}-\u{27BF}\u{2300}-\u{23FF}\u{FE0F}\u{200D}\u{1F3FB}-\u{1F3FF}]/u;
-const EMOJI_CHARS_GLOBAL = /[\u{1F1E6}-\u{1F1FF}\u{1F300}-\u{1F9FF}\u{1FA00}-\u{1FAFF}\u{2600}-\u{27BF}\u{2300}-\u{23FF}\u{FE0F}\u{200D}\u{1F3FB}-\u{1F3FF}]/gu;
+const EMOJI_CHAR_RE = /(?:[\u{1F1E6}-\u{1F1FF}\u{1F300}-\u{1F9FF}\u{1FA00}-\u{1FAFF}\u{2600}-\u{27BF}\u{2300}-\u{23FF}]|\u{FE0F}|\u{200D}|[\u{1F3FB}-\u{1F3FF}])/u;
+const EMOJI_CHARS_GLOBAL = /(?:[\u{1F1E6}-\u{1F1FF}\u{1F300}-\u{1F9FF}\u{1FA00}-\u{1FAFF}\u{2600}-\u{27BF}\u{2300}-\u{23FF}]|\u{FE0F}|\u{200D}|[\u{1F3FB}-\u{1F3FF}])/gu;
 function isEmojiOnlyText(text) {
   if (!text) return false;
   if (!EMOJI_CHAR_RE.test(text)) return false;
@@ -82,7 +82,7 @@ function checkColors(opts) {
   if (hasDirectText && textColor && !isEmojiOnly) {
     // Run background-dependent checks against either a solid bg or, if the
     // ancestor is a gradient, against every gradient stop (use the worst case).
-    const bgs = effectiveBg ? [effectiveBg] : (effectiveBgStops && effectiveBgStops.length ? effectiveBgStops : null);
+    const bgs = effectiveBg ? [effectiveBg] : (effectiveBgStops?.length ? effectiveBgStops : null);
     if (bgs) {
       // Gray on colored background — flag if every stop is chromatic
       const textLum = relativeLuminance(textColor);
@@ -263,7 +263,6 @@ function isAccentColor(cssColor) {
   if (!cssColor) return false;
   const s = String(cssColor).trim();
   // rgb / rgba — direct channel-distance check.
-  const rgbM = /rgba?\(\s*(\d+)\s*,?\s+|\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(s.replace(/rgba?\(\s*/, 'rgb(').replace(/,/g, ', '));
   const rgbStrict = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(s);
   if (rgbStrict) {
     const r = +rgbStrict[1], g = +rgbStrict[2], b = +rgbStrict[3];
@@ -308,7 +307,7 @@ function isAccentColor(cssColor) {
 // uppercase eyebrow OR the modern accent-colored bold eyebrow.
 function checkHeroEyebrow(opts) {
   const {
-    headingTag, headingText, headingFontSize,
+    headingTag, headingText,
     siblingTag, siblingText, siblingTextTransform,
     siblingFontSize, siblingLetterSpacing,
     siblingFontWeight, siblingColor,
@@ -779,7 +778,7 @@ function parseRadiusToPx(value, widthPx) {
   return num;
 }
 
-function resolveBorderRadiusPx(el, style, widthPx, win) {
+function resolveBorderRadiusPx(_el, style, widthPx, _win) {
   const fromComputed = parseRadiusToPx(style.borderRadius, widthPx);
   if (fromComputed !== null) return fromComputed;
   return 0;
@@ -822,7 +821,7 @@ function checkElementColorsDOM(el) {
     effectiveBg,
     effectiveBgStops: effectiveBg ? null : resolveGradientStops(el),
     fontSize: parseFloat(style.fontSize) || 16,
-    fontWeight: parseInt(style.fontWeight) || 400,
+    fontWeight: parseInt(style.fontWeight, 10) || 400,
     hasDirectText,
     isEmojiOnly: isEmojiOnlyText(directText),
     bgClip: style.webkitBackgroundClip || style.backgroundClip || '',
@@ -930,7 +929,7 @@ function buildCustomPropMap(document) {
       if (!style) continue;
       for (let i = 0; i < style.length; i++) {
         const prop = style[i];
-        if (!prop || !prop.startsWith('--')) continue;
+        if (!prop?.startsWith('--')) continue;
         const val = style.getPropertyValue(prop).trim();
         if (val) map.set(prop, val);
       }
@@ -972,7 +971,7 @@ function oklchToRgb(L, C, H) {
   const bLin = -0.0041960863 * lc - 0.7034186147 * mc + 1.7076147010 * sc;
   const enc = (x) => {
     const c = Math.max(0, Math.min(1, x));
-    return c <= 0.0031308 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
+    return c <= 0.0031308 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
   };
   return {
     r: Math.round(enc(rLin) * 255),
@@ -1274,7 +1273,7 @@ function resolveFontSizePx(el, win) {
     const v = chain[i];
     if (!v || v === 'inherit') continue;
     const num = parseFloat(v);
-    if (isNaN(num)) continue;
+    if (Number.isNaN(num)) continue;
     if (v.endsWith('px')) px = num;
     else if (v.endsWith('rem')) px = num * 16;
     else if (v.endsWith('em')) px = num * px;
@@ -1289,7 +1288,7 @@ function resolveFontSizePx(el, win) {
 function resolveLengthPx(value, fontSizePx) {
   if (!value || value === 'normal' || value === 'auto' || value === 'inherit') return null;
   const num = parseFloat(value);
-  if (isNaN(num)) return null;
+  if (Number.isNaN(num)) return null;
   if (value.endsWith('px')) return num;
   if (value.endsWith('rem')) return num * 16;
   if (value.endsWith('em')) return num * fontSizePx;
@@ -1405,7 +1404,7 @@ function checkQuality(opts) {
   // font-size — bigger text demands proportionally more padding.
   //   vertical:   max(4px, fontSize × 0.3)
   //   horizontal: max(8px, fontSize × 0.5)
-  const isInlineCode = tag === 'code' && !(el.closest && el.closest('pre'));
+  const isInlineCode = tag === 'code' && !el.closest?.('pre');
   if (!isInlineCode && rect && hasDirectText && textLen > 20 && rect.width > 100 && rect.height > 30) {
     const borders = {
       top: parseFloat(style.borderTopWidth) || 0,
@@ -1521,7 +1520,7 @@ function checkQuality(opts) {
         const CHILD_INSULATE_THRESHOLD = 4;
         const childrenInsulate = { top: false, right: false, bottom: false, left: false };
         for (const child of el.children) {
-          let childStyle = getComputedStyleFor(win, child);
+          const childStyle = getComputedStyleFor(win, child);
           if (!childStyle) continue;
           const childPad = {
             top:    resolveLengthPx(childStyle.paddingTop,    fontSize) ?? 0,
@@ -1653,7 +1652,7 @@ function checkQuality(opts) {
   // Only flag actual body content, not UI labels (buttons, tabs, badges, captions, footer text, etc.)
   if (hasDirectText && textLen > 20 && fontSize < 12) {
     const skipTags = ['sub', 'sup', 'code', 'kbd', 'samp', 'var', 'caption', 'figcaption'];
-    const inUIContext = el.closest && el.closest('button, a, label, summary, pre, [role="button"], [role="link"], [role="tab"], [role="menuitem"], [role="option"], nav, footer, [aria-hidden="true"], [class*="badge" i], [class*="caption" i], [class*="chip" i], [class*="code" i], [class*="console" i], [class*="diff" i], [class*="label" i], [class*="meta" i], [class*="mock" i], [class*="pill" i], [class*="preview" i], [class*="tag" i], [class*="terminal" i], [class*="writes" i]');
+    const inUIContext = el.closest?.('button, a, label, summary, pre, [role="button"], [role="link"], [role="tab"], [role="menuitem"], [role="option"], nav, footer, [aria-hidden="true"], [class*="badge" i], [class*="caption" i], [class*="chip" i], [class*="code" i], [class*="console" i], [class*="diff" i], [class*="label" i], [class*="meta" i], [class*="mock" i], [class*="pill" i], [class*="preview" i], [class*="tag" i], [class*="terminal" i], [class*="writes" i]');
     const isUppercase = style.textTransform === 'uppercase';
     if (!skipTags.includes(tag) && !inUIContext && !isUppercase) {
       findings.push({ id: 'tiny-text', snippet: `${fontSize}px body text` });
@@ -1718,7 +1717,7 @@ function checkPageQualityFromDoc(doc) {
   let prevLevel = 0;
   let prevText = '';
   for (const h of headings) {
-    const level = parseInt(h.tagName[1]);
+    const level = parseInt(h.tagName[1], 10);
     const text = (h.textContent || '').trim().replace(/\s+/g, ' ').slice(0, 60);
     if (prevLevel > 0 && level > prevLevel + 1) {
       findings.push({
@@ -1766,7 +1765,7 @@ function checkElementBorders(tag, style, overrides, resolvedRadius) {
     if (widths[s] === 0 && overrides && overrides[s]) {
       widths[s] = overrides[s].width;
       colors[s] = overrides[s].color;
-    } else if (colors[s] && colors[s].startsWith('var(') && overrides && overrides[s]) {
+    } else if (colors[s]?.startsWith('var(') && overrides?.[s]) {
       // Longhand case: jsdom kept the width but left the color as the
       // literal `var(...)` string. Substitute the resolved color.
       colors[s] = overrides[s].color;
@@ -1827,7 +1826,7 @@ function checkElementColors(el, style, tag, window, customPropMap, hasAnchorInhe
     effectiveBg,
     effectiveBgStops: effectiveBg ? null : resolveGradientStops(el, window),
     fontSize: parseFloat(style.fontSize) || 16,
-    fontWeight: parseInt(style.fontWeight) || 400,
+    fontWeight: parseInt(style.fontWeight, 10) || 400,
     hasDirectText,
     isEmojiOnly: isEmojiOnlyText(directText),
     bgClip: style.webkitBackgroundClip || style.backgroundClip || '',
@@ -1954,7 +1953,7 @@ function checkTypography() {
   let totalTextElements = 0;
   for (const el of document.querySelectorAll('p, h1, h2, h3, h4, h5, h6, li, td, th, dd, blockquote, figcaption, a, button, label, span')) {
     // Skip monodesign's own elements
-    if (el.closest && el.closest('.monodesign-overlay, .monodesign-label, .monodesign-banner, .monodesign-tooltip')) continue;
+    if (el.closest?.('.monodesign-overlay, .monodesign-label, .monodesign-banner, .monodesign-tooltip')) continue;
     // Only count elements that actually have visible direct text
     const hasText = [...el.childNodes].some(n => n.nodeType === 3 && n.textContent.trim().length > 0);
     if (!hasText) continue;
@@ -1995,7 +1994,7 @@ function checkTypography() {
     const sorted = [...sizes].sort((a, b) => a - b);
     const ratio = sorted[sorted.length - 1] / sorted[0];
     if (ratio < 2.0) {
-      findings.push({ type: 'flat-type-hierarchy', detail: `Sizes: ${sorted.map(s => s + 'px').join(', ')} (ratio ${ratio.toFixed(1)}:1)` });
+      findings.push({ type: 'flat-type-hierarchy', detail: `Sizes: ${sorted.map(s => `${s}px`).join(', ')} (ratio ${ratio.toFixed(1)}:1)` });
     }
   }
 
@@ -2114,7 +2113,7 @@ function checkPageTypography(doc, win) {
     const sorted = [...sizes].sort((a, b) => a - b);
     const ratio = sorted[sorted.length - 1] / sorted[0];
     if (ratio < 2.0) {
-      findings.push({ id: 'flat-type-hierarchy', snippet: `Sizes: ${sorted.map(s => s + 'px').join(', ')} (ratio ${ratio.toFixed(1)}:1)` });
+      findings.push({ id: 'flat-type-hierarchy', snippet: `Sizes: ${sorted.map(s => `${s}px`).join(', ')} (ratio ${ratio.toFixed(1)}:1)` });
     }
   }
 
@@ -2246,7 +2245,7 @@ function checkCreamPalette(doc, win) {
   // 2. Tailwind class fallback — for the static path, where utility classes
   //    never resolve to computed CSS.
   for (const el of [body, html]) {
-    const tok = creamFromClassList(el && el.getAttribute ? el.getAttribute('class') : '');
+    const tok = creamFromClassList(el?.getAttribute ? el.getAttribute('class') : '');
     if (tok) {
       findings.push({ id: 'cream-palette', snippet: `cream/beige page background (Tailwind ${tok})` });
       break;
@@ -2282,7 +2281,7 @@ function checkOversizedH1({ tag, fontSize, headingText, rect = null, viewportWid
   return [];
 }
 
-function checkElementOversizedH1(el, style, tag, window) {
+function checkElementOversizedH1(el, _style, tag, window) {
   if (tag !== 'h1') return [];
   const fontSize = resolveFontSizePx(el, window);
   const headingText = (el.textContent || '').trim().replace(/\s+/g, ' ');
@@ -2366,7 +2365,7 @@ function borderColorsFromStyle(style) {
   ];
 }
 
-function checkElementGptBorderShadow(el, style) {
+function checkElementGptBorderShadow(_el, style) {
   return checkGptThinBorderWideShadow({ borderWidths: borderWidthsFromStyle(style), borderColors: borderColorsFromStyle(style), boxShadow: style.boxShadow || '' });
 }
 
@@ -2516,7 +2515,7 @@ function checkClippedOverflow(el, style, getStyle) {
   return [];
 }
 
-function checkElementClippedOverflow(el, style, tag, window) {
+function checkElementClippedOverflow(el, style, _tag, window) {
   return checkClippedOverflow(el, style, (n) => window.getComputedStyle(n));
 }
 
@@ -2862,7 +2861,7 @@ function checkElementImageDimensions(el, style) {
   const parts = [el.getAttribute?.('style') || el.attribs?.style || ''];
   const ar = style && (style.aspectRatio || style['aspect-ratio']);
   if (ar && ar !== 'auto') parts.push(`aspect-ratio:${ar}`);
-  const h = style && style.height;
+  const h = style?.height;
   if (h && h !== 'auto' && h !== '') parts.push(`height:${h}`);
   return checkImageDimensions({ hasWidthAttr, hasHeightAttr, style: parts.join(';') });
 }
@@ -2922,7 +2921,7 @@ function checkElementSmallTouchTarget(el, style, tag) {
   // (button-like). jsdom returns '' for the default inline display, so key
   // off "not blockish" rather than "== inline".
   const isBlockish = /^(block|flex|grid|inline-block|inline-flex|table)/.test(style.display || '');
-  const inProse = !!(el.closest && el.closest(PROSE_ANCESTOR_SELECTOR));
+  const inProse = !!el.closest?.(PROSE_ANCESTOR_SELECTOR);
   const isInlineLinkInProse = tag === 'a' && !isBlockish && inProse;
   return checkSmallTouchTarget({ tag, role, href, inputType, widthPx, heightPx, isInlineLinkInProse });
 }
@@ -2936,7 +2935,7 @@ function checkElementSmallTouchTargetDOM(el) {
   const inputType = el.getAttribute('type') || '';
   const style = getComputedStyle(el);
   const isBlockish = /^(block|flex|grid|inline-block|inline-flex|table)/.test(style.display || '');
-  const inProse = !!(el.closest && el.closest(PROSE_ANCESTOR_SELECTOR));
+  const inProse = !!el.closest?.(PROSE_ANCESTOR_SELECTOR);
   const isInlineLinkInProse = tag === 'a' && !isBlockish && inProse;
   return checkSmallTouchTarget({ tag, role, href, inputType, widthPx: rect.width, heightPx: rect.height, isInlineLinkInProse });
 }

package/cli/engine/shared/color.mjs

@@ -72,7 +72,7 @@ function contrastRatio(c1, c2) {
 }
 
 function parseGradientColors(bgImage) {
-  if (!bgImage || !bgImage.includes('gradient')) return [];
+  if (!bgImage?.includes('gradient')) return [];
   const colors = [];
   for (const m of bgImage.matchAll(/rgba?\([^)]+\)/g)) {
     const c = parseRgb(m[0]);
@@ -109,7 +109,7 @@ function getHue(c) {
 
 function colorToHex(c) {
   if (!c) return '?';
-  return '#' + [c.r, c.g, c.b].map(v => v.toString(16).padStart(2, '0')).join('');
+  return `#${[c.r, c.g, c.b].map(v => v.toString(16).padStart(2, '0')).join('')}`;
 }
 
 export {

package/cli/engine/shared/constants.mjs

@@ -53,7 +53,7 @@ function isBrandFontOnOwnDomain(font) {
   const allowed = BRAND_FONT_DOMAINS[font];
   if (!allowed) return false;
   const host = location.hostname.toLowerCase();
-  return allowed.some(suffix => host === suffix || host.endsWith('.' + suffix));
+  return allowed.some(suffix => host === suffix || host.endsWith(`.${suffix}`));
 }
 
 const GENERIC_FONTS = new Set([

package/cli/engine/shared/inline-ignores.mjs

@@ -117,10 +117,10 @@ function setMatches(set, rule) {
 }
 
 function isInlineIgnored(finding, directives) {
-  const rule = normalizeRule(finding && finding.antipattern);
+  const rule = normalizeRule(finding?.antipattern);
   if (!rule) return false;
   if (setMatches(directives.file, rule)) return true;
-  const line = Number(finding && finding.line) || 0;
+  const line = Number(finding?.line) || 0;
   if (line > 0) {
     if (setMatches(directives.line.get(line), rule)) return true;
     if (setMatches(directives.nextLine.get(line), rule)) return true;

package/cli/lib/monodesign-config.mjs

@@ -36,11 +36,11 @@ function safeReadJson(filePath) {
 }
 
 function hookSection(raw) {
-  return raw && raw.hook && typeof raw.hook === 'object' && !Array.isArray(raw.hook) ? raw.hook : null;
+  return raw?.hook && typeof raw.hook === 'object' && !Array.isArray(raw.hook) ? raw.hook : null;
 }
 
 function detectorSection(raw) {
-  return raw && raw.detector && typeof raw.detector === 'object' && !Array.isArray(raw.detector) ? raw.detector : null;
+  return raw?.detector && typeof raw.detector === 'object' && !Array.isArray(raw.detector) ? raw.detector : null;
 }
 
 const DETECTOR_CONFIG_KEYS = new Set(['ignoreRules', 'ignoreFiles', 'ignoreValues', 'designSystem']);
@@ -74,7 +74,7 @@ function applyDetectionConfigSource(config, raw) {
   if (raw.designSystem && typeof raw.designSystem === 'object' && !Array.isArray(raw.designSystem)) {
     config.designSystem = {
       ...config.designSystem,
-      enabled: raw.designSystem.enabled === false ? false : true,
+      enabled: raw.designSystem.enabled !== false,
     };
   }
   if (Array.isArray(raw.ignoreRules)) {
@@ -153,7 +153,7 @@ function normalizeDetectionConfigForWrite(config) {
   out.ignoreValues = normalizeIgnoreValueEntries(config?.ignoreValues || []);
   if (config?.designSystem && typeof config.designSystem === 'object' && !Array.isArray(config.designSystem)) {
     out.designSystem = {
-      enabled: config.designSystem.enabled === false ? false : true,
+      enabled: config.designSystem.enabled !== false,
     };
   }
   return out;
@@ -242,7 +242,7 @@ function splitColorArgs(body) {
   if (text.includes(',')) {
     const parts = text.split(',').map((part) => part.trim()).filter(Boolean);
     const last = parts[parts.length - 1];
-    if (last && last.includes('/')) {
+    if (last?.includes('/')) {
       const split = last.split('/').map((part) => part.trim()).filter(Boolean);
       return [...parts.slice(0, -1), ...split];
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monoes/monodesign",
-  "version": "1.2.9",
+  "version": "1.2.12",
   "description": "Frontend design intelligence for AI agents — design tokens, antipattern detection, and the monodesign skill",
   "type": "module",
   "main": "./dist/index.js",
@@ -24,6 +24,13 @@
   "engines": {
     "node": ">=22.12.0"
   },
+  "scripts": {
+    "prebuild": "node ../../../scripts/build-fs.mjs clean dist tsconfig.tsbuildinfo",
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "test": "node scripts/run-tests.mjs",
+    "sync": "node scripts/sync-skill.mjs"
+  },
   "keywords": [
     "design-system",
     "design-tokens",
@@ -44,13 +51,7 @@
     "marked": "^18.0.0"
   },
   "optionalDependencies": {
-    "@monoes/monobrowse": "^1.0.7",
+    "@monoes/monobrowse": "workspace:*",
     "puppeteer": "^25.1.0"
-  },
-  "scripts": {
-    "prebuild": "node ../../../scripts/build-fs.mjs clean dist tsconfig.tsbuildinfo",
-    "build": "tsc",
-    "test": "node scripts/run-tests.mjs",
-    "sync": "node scripts/sync-skill.mjs"
   }
-}
+}

package/skill/scripts/context.mjs

@@ -205,7 +205,7 @@ function resolveLocalContextDir(root) {
 
 function resolveEnvContextDir(cwd) {
   const envDir = process.env.MONODESIGN_CONTEXT_DIR;
-  if (!envDir || !envDir.trim()) return null;
+  if (!envDir?.trim()) return null;
   const trimmed = envDir.trim();
   return path.isAbsolute(trimmed) ? trimmed : path.resolve(cwd, trimmed);
 }
@@ -880,7 +880,7 @@ async function computeUpdateDirective(now = Date.now()) {
   // there is no separate registry endpoint to poll. Kept as a stub so the boot
   // path (and MONODESIGN_NO_UPDATE_CHECK-aware tests) stays unchanged.
   return null;
-  // eslint-disable-next-line no-unreachable
+  // biome-ignore lint/correctness/noUnreachable: disabled on purpose (see above); kept to re-enable
   try {
     if (process.env.MONODESIGN_NO_UPDATE_CHECK) return null;
     if (updateCheckDisabledByConfig()) return null;
@@ -930,7 +930,7 @@ async function cli() {
   const targetExists = targetProvided ? pathExistsForTarget(process.cwd(), cliOptions.targetPath) : null;
   const selection = resolveTargetSelection(process.cwd(), cliOptions);
   if (selection) {
-    process.stdout.write(buildTargetSelectionDirective(selection) + '\n');
+    process.stdout.write(`${buildTargetSelectionDirective(selection)}\n`);
     process.exit(0);
   }
   const ctx = loadContext(process.cwd(), cliOptions);
@@ -952,7 +952,7 @@ async function cli() {
       parts.push(buildMissingTargetDirective());
     }
     if (updateDirective) parts.push(updateDirective);
-    process.stdout.write(parts.join('\n\n---\n\n') + '\n');
+    process.stdout.write(`${parts.join('\n\n---\n\n')}\n`);
     process.exit(0);
   }
   const parts = [`# PRODUCT.md\n\n${ctx.product.trim()}`];
@@ -989,7 +989,7 @@ async function cli() {
     }
   }
   if (updateDirective) parts.push(updateDirective);
-  process.stdout.write(parts.join('\n\n---\n\n') + '\n');
+  process.stdout.write(`${parts.join('\n\n---\n\n')}\n`);
 }
 
 function parseCliOptions(args) {

package/skill/scripts/critique-storage.mjs

@@ -381,7 +381,7 @@ function main(argv) {
     }
     case 'trend': {
       const rows = readTrend(args[0], { limit: args[1] ? Number(args[1]) : 5 });
-      process.stdout.write(JSON.stringify(rows, null, 2) + '\n');
+      process.stdout.write(`${JSON.stringify(rows, null, 2)}\n`);
       return;
     }
     case 'recall': {

package/skill/scripts/detect-csp.mjs

@@ -71,11 +71,6 @@ const INLINE_HEADER_SIGNALS = [
   /\bscript-src\b/,
   /\bconnect-src\b/,
 ];
-const NUXT_ROUTE_RULES_SIGNALS = [
-  /\brouteRules\b/,
-  /Content-Security-Policy/i,
-  /\bscript-src\b/,
-];
 
 const MIDDLEWARE_HINT = /headers\.set\(\s*["']Content-Security-Policy["']/i;
 const META_TAG_HINT = /http-equiv\s*=\s*["']Content-Security-Policy["']/i;
@@ -91,7 +86,7 @@ export function detectCsp(cwd = process.cwd()) {
     const ext = path.extname(absPath);
     const base = path.basename(absPath).toLowerCase();
     const isConfig = (name) =>
-      new RegExp('(^|/)' + name + '\\.config\\.').test(relPath);
+      new RegExp(`(^|/)${name}\\.config\\.`).test(relPath);
 
     // === append-arrays candidates ===
 

package/skill/scripts/hook-admin.mjs

@@ -184,7 +184,7 @@ function writeHookConfig(cwd, hookConfig, opts = {}) {
   // (consent, quiet, auditLog) survive an Monodesign hooks edit.
   const next = { ...existing, hook: { ...existingHook, ...hookConfig } };
   fs.mkdirSync(path.dirname(filePath), { recursive: true });
-  fs.writeFileSync(filePath, JSON.stringify(next, null, 2) + '\n');
+  fs.writeFileSync(filePath, `${JSON.stringify(next, null, 2)}\n`);
   return filePath;
 }
 
@@ -202,14 +202,14 @@ function writeDetectorConfig(cwd, detectorConfig, opts = {}) {
   if (Object.keys(nextHook).length > 0) next.hook = nextHook;
   else delete next.hook;
   fs.mkdirSync(path.dirname(filePath), { recursive: true });
-  fs.writeFileSync(filePath, JSON.stringify(next, null, 2) + '\n');
+  fs.writeFileSync(filePath, `${JSON.stringify(next, null, 2)}\n`);
   return filePath;
 }
 
 function mergeHookConfig(existing) {
   const base = existing && typeof existing === 'object' ? existing : {};
   return {
-    enabled: base.enabled === false ? false : true,
+    enabled: base.enabled !== false,
     limits: {
       maxFindings: Number.isFinite(base?.limits?.maxFindings) ? base.limits.maxFindings : DEFAULT_CONFIG.limits.maxFindings,
       maxChars: Number.isFinite(base?.limits?.maxChars) ? base.limits.maxChars : DEFAULT_CONFIG.limits.maxChars,
@@ -234,7 +234,7 @@ function mergeDetectorConfig(existing, seed = null) {
   if (base.designSystem && typeof base.designSystem === 'object' && !Array.isArray(base.designSystem)) {
     out.designSystem = {
       ...(out.designSystem || {}),
-      enabled: base.designSystem.enabled === false ? false : true,
+      enabled: base.designSystem.enabled !== false,
     };
   }
   if (Array.isArray(base.ignoreRules)) {
@@ -644,7 +644,7 @@ function reset(cwd) {
       if (Object.keys(rest).length === 0) {
         fs.unlinkSync(filePath);
       } else {
-        fs.writeFileSync(filePath, JSON.stringify(rest, null, 2) + '\n');
+        fs.writeFileSync(filePath, `${JSON.stringify(rest, null, 2)}\n`);
       }
       removed.push(path.relative(cwd, filePath).split(path.sep).join('/') || filePath);
     } catch { /* ignore */ }
@@ -684,7 +684,7 @@ function main() {
       case 'ignore-value': out = addIgnoreValue(cwd, rest); break;
       case 'reset':  out = reset(cwd); break;
     }
-    process.stdout.write(out + '\n');
+    process.stdout.write(`${out}\n`);
   } catch (err) {
     process.stderr.write(`Error: ${err.message || err}\n`);
     process.exit(1);

package/skill/scripts/hook-before-edit.mjs

@@ -17,11 +17,11 @@ import path from 'node:path';
 import {
   ALLOWED_EXTS,
   EDIT_COUNT_THRESHOLD,
-  GENERATED_PATH,
   SENSITIVE_PATH,
   appendDesignSystemNote,
   designSystemOptions,
   filterFindings,
+  isGeneratedPath,
   isNativePlatform,
   loadDetector,
   matchConfiguredExtension,
@@ -162,7 +162,7 @@ function replaceOnce(original, oldString, newString) {
 
 function readExistingProjectFile(filePath, cwd) {
   if (!isInsideProject(filePath, cwd)) return null;
-  if (SENSITIVE_PATH.test(filePath) || GENERATED_PATH.test(filePath)) return null;
+  if (SENSITIVE_PATH.test(filePath) || isGeneratedPath(filePath, cwd)) return null;
   try {
     const stat = fs.statSync(filePath);
     if (!stat.isFile() || stat.size > 1024 * 1024) return null;
@@ -233,7 +233,7 @@ function shellCopiedFileContent(command, cwd) {
   if (!source) return '';
   const sourcePath = path.isAbsolute(source) ? source : path.resolve(cwd, source);
   if (!isInsideProject(sourcePath, cwd)) return '';
-  if (SENSITIVE_PATH.test(sourcePath) || GENERATED_PATH.test(sourcePath)) return '';
+  if (SENSITIVE_PATH.test(sourcePath) || isGeneratedPath(sourcePath, cwd)) return '';
   try {
     const stat = fs.statSync(sourcePath);
     if (!stat.isFile() || stat.size > 1024 * 1024) return '';
@@ -416,7 +416,7 @@ async function main() {
   if (!filePath) return allow({ ...audit, skipped: 'no-file-path', durationMs: Date.now() - started });
   if (!isInsideProject(filePath, cwd)) return allow({ ...audit, skipped: 'outside-project', durationMs: Date.now() - started });
   if (SENSITIVE_PATH.test(filePath)) return allow({ ...audit, skipped: 'sensitive', durationMs: Date.now() - started });
-  if (GENERATED_PATH.test(filePath)) return allow({ ...audit, skipped: 'generated', durationMs: Date.now() - started });
+  if (isGeneratedPath(filePath, cwd)) return allow({ ...audit, skipped: 'generated', durationMs: Date.now() - started });
 
   // Config is read before the extension gate so `detector.extensions` entries
   // (e.g. `.blade.php` template files, issue #316) can widen it.