feat(serve): exclude built-in components from checks

Author: cossssmin

src/server/compatibility.ts

@@ -5,7 +5,7 @@ import safeParser from 'postcss-safe-parser'
 import valueParser from 'postcss-value-parser'
 import { Parser } from 'htmlparser2'
 import { DomHandler, type ChildNode, type Element } from 'domhandler'
-import { parseSfcBlocks, findComponentTags, buildComponentMap, type SfcBlock } from './sfc-utils.ts'
+import { parseSfcBlocks, findComponentTags, buildComponentMap, isFrameworkComponent, type SfcBlock } from './sfc-utils.ts'
 import { scanLint } from './linter.ts'
 import { tailwindcss as compileWithPipeline } from '../transformers/tailwindcss.ts'
 import type { MaizzleConfig } from '../types/index.ts'
@@ -915,6 +915,7 @@ export async function serveCompatibility(
     })
 
     let issues: Issue[] = [...compatIssues, ...lintAsIssues]
+    issues = issues.filter((i) => !isFrameworkComponent(i.file))
     if (checksCfg.level) issues = issues.filter((i) => passesLevelFilter(i, checksCfg.level))
     issues.sort((a, b) => {
       const c = CATEGORY_ORDER.indexOf(a.category) - CATEGORY_ORDER.indexOf(b.category)

src/server/linter.ts

@@ -1,6 +1,6 @@
 import { readFileSync } from 'node:fs'
 import { resolve } from 'node:path'
-import { parseSfcBlocks, findComponentTags, buildComponentMap } from './sfc-utils.ts'
+import { parseSfcBlocks, findComponentTags, buildComponentMap, isFrameworkComponent } from './sfc-utils.ts'
 import type { MaizzleConfig } from '../types/index.ts'
 import type { NormalizedComponentSource } from '../utils/componentSources.ts'
 
@@ -67,7 +67,8 @@ export async function serveLint(url: string, res: any, config: MaizzleConfig, co
 
   try {
     const absolutePath = resolve(filePath)
-    const issues = await scanLint(absolutePath, config, componentDirs)
+    const issues = (await scanLint(absolutePath, config, componentDirs))
+      .filter(i => !isFrameworkComponent(i.file))
 
     // Sort: errors first, then warnings, then by line
     issues.sort((a, b) => {

src/server/sfc-utils.ts

@@ -6,6 +6,17 @@ import { componentNameFromPath, type NormalizedComponentSource } from '../utils/
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
+/**
+ * Built-in framework components Maizzle ships internally. Issues raised
+ * against these files are framework-owned, not the user's responsibility,
+ * so the dev UI's Checks tab filters them out.
+ */
+const FRAMEWORK_COMPONENTS_DIR = resolve(__dirname, '../components').replace(/\\/g, '/') + '/'
+
+export function isFrameworkComponent(file: string): boolean {
+  return file.replace(/\\/g, '/').startsWith(FRAMEWORK_COMPONENTS_DIR)
+}
+
 export interface SfcBlock {
   content: string
   offset: number