Angular Component Drift Detection

Angular-Specific Features

Component Templates

Scans inline and external HTML templates for hardcoded styles and classes.

Component Styles

Analyzes component stylesheets including :host selectors and encapsulated CSS.

Input/Output Detection

Extracts @Input() and @Output() decorators for prop consistency analysis.

Standalone Components

Full support for Angular 14+ standalone components and signals.

NgModule Analysis

Tracks component declarations and imports across modules.

Angular Material

Detects Angular Material theme overrides and custom styling.

See it in action

buoy-cli

⚓ Scanning Angular components...

Found 78 Angular components

Found 8 NgModules

WARNING 19 hardcoded values in component styles

WARNING 4 Angular Material theme overrides

INFO 7 @Input type inconsistencies

Configuration Example

.buoy.yaml

# .buoy.yaml
sources:
  angular:
    enabled: true
    include:
      - "src/app/**/*.component.ts"
      - "src/app/**/*.component.html"
      - "src/app/**/*.component.scss"

# Angular-specific options
angular:
  standalone: true
  materialTheme: "./src/styles/theme.scss"

tokens:
  source: "./src/styles/tokens.scss"