Skip to content

ia-eknorr/ignition-lint

Use this GitHub action with your project
Add this Action to an existing workflow or create a new one
View on Marketplace

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

181 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Ignition Lint Documentation

Overview

Ignition Lint is a Python framework designed to analyze and lint Ignition Perspective view.json files. It provides a structured way to parse view files, build an object model representation, and apply customizable linting rules to ensure code quality and consistency across your Ignition projects.

Getting Started with Poetry

Prerequisites

Installation Methods

Option 1: Install from PyPI (Recommended for Users)

# Install the package
pip install ignition-lint

# Verify installation
ignition-lint --help

Option 2: Development Setup with Poetry

  1. Clone the repository:

    git clone https://github.com/design-group/ignition-lint.git
    cd ignition-lint
  2. Install dependencies with Poetry:

    poetry install
  3. Activate the virtual environment:

    poetry shell
  4. Verify installation:

    poetry run python -m ignition_lint --help

Development Setup

For development work, install with development dependencies:

# Install all dependencies including dev tools
poetry install --with dev

# Run tests
cd tests
poetry run python test_runner.py --run-all

# Run linting
poetry run pylint ignition_lint/

# Format code
poetry run yapf -ir ignition_lint/

Running Without Activating Shell

You can run commands directly through Poetry without activating the shell:

# Run linting on a view file
poetry run python -m ignition_lint path/to/view.json

# Run with custom configuration
poetry run python -m ignition_lint --config my_rules.json --files "views/**/view.json"

# Using the CLI entry point
poetry run ignition-lint path/to/view.json

Building and Distribution

# Build the package
poetry build

# Install locally for testing
poetry install

# Export requirements.txt for CI/CD or Docker
poetry export --output requirements.txt --without-hashes

Key Features

  • Object Model Representation: Converts flattened JSON structures into a hierarchical object model
  • Extensible Rule System: Easy-to-extend framework for creating custom linting rules
  • Built-in Rules: Includes rules for script validation (via Pylint) and binding checks
  • Batch Processing: Efficiently processes multiple scripts and files in a single run
  • Pre-commit Integration: Can be integrated into your Git workflow

Architecture

Core Components

ignition_lint/
β”œβ”€β”€ common/          # Utilities for JSON processing
β”œβ”€β”€ model/           # Object model definitions
β”œβ”€β”€ rules/           # Linting rule implementations
β”œβ”€β”€ linter.py        # Main linting engine
└── main.py          # CLI entry point

Object Model

The framework decompiles Ignition Perspective views into a structured object model with the following node types:

Base Classes

  • ViewNode: Abstract base class for all nodes in the view tree
  • Visitor: Interface for implementing the visitor pattern

Component Nodes

  • Component: Represents UI components with properties and metadata
  • Property: Individual component properties

Binding Nodes

  • Binding: Base class for all binding types
  • ExpressionBinding: Expression-based bindings
  • PropertyBinding: Property-to-property bindings
  • TagBinding: Tag-based bindings

Script Nodes

  • Script: Base class for all script types
  • MessageHandlerScript: Scripts that handle messages
  • CustomMethodScript: Custom component methods
  • TransformScript: Script transforms in bindings
  • EventHandlerScript: Event handler scripts

Event Nodes

  • EventHandler: Base class for event handlers

How It Works

1. JSON Flattening

The framework first flattens the hierarchical view.json structure into path-value pairs:

# Original JSON
{
  "root": {
    "children": [{
      "meta": {"name": "Button"},
      "props": {"text": "Click Me"}
    }]
  }
}

# Flattened representation
{
  "root.children[0].meta.name": "Button",
  "root.children[0].props.text": "Click Me"
}

2. Model Building

The ViewModelBuilder class parses the flattened JSON and constructs the object model:

from ignition_lint.common.flatten_json import flatten_file
from ignition_lint.model import ViewModelBuilder

# Flatten the JSON file
flattened_json = flatten_file("path/to/view.json")

# Build the object model
builder = ViewModelBuilder()
model = builder.build_model(flattened_json)

# Access different node types
components = model['components']
bindings = model['bindings']
scripts = model['scripts']

3. Rule Application

Rules are applied using the visitor pattern, allowing each rule to process relevant nodes:

from ignition_lint.linter import LintEngine
from ignition_lint.rules import PylintScriptRule, PollingIntervalRule

# Create linter with rules
linter = LintEngine()
linter.register_rule(PylintScriptRule())
linter.register_rule(PollingIntervalRule(minimum_interval=10000))

# Run linting
errors = linter.lint(flattened_json)

Understanding the Visitor Pattern

What is the Visitor Pattern?

The Visitor pattern is a behavioral design pattern that lets you separate algorithms from the objects on which they operate. In Ignition Lint, it allows you to define new operations (linting rules) without changing the node classes.

How It Works in Ignition Lint

  1. Node Classes: Each node type (Component, Binding, Script, etc.) has an accept() method that takes a visitor
  2. Visitor Interface: The Visitor base class defines visit methods for each node type
  3. Double Dispatch: When a node accepts a visitor, it calls the appropriate visit method on that visitor

Here's the flow:

# 1. The linter calls accept on a node
node.accept(rule)

# 2. The node's accept method calls back to the visitor
def accept(self, visitor):
    return visitor.visit_component(self)  # for a Component node

# 3. The visitor's method processes the node
def visit_component(self, node):
    # Your rule logic here
    pass

Why Use the Visitor Pattern?

  • Separation of Concerns: Node structure is separate from operations
  • Easy Extension: Add new rules without modifying node classes
  • Type Safety: Each node type has its own visit method
  • Flexible Processing: Rules can choose which nodes to process

Creating Custom Rules - Deep Dive

What You Have Access To

When writing a custom rule, you have access to extensive information about each node:

Component Nodes

class MyComponentRule(LintingRule):
    def visit_component(self, node):
        # Available properties:
        node.path      # Full path in the view: "root.children[0].components.Label"
        node.name      # Component name: "Label_1"
        node.type      # Component type: "ia.display.label"
        node.properties # Dict of all component properties

        # Example: Check component positioning
        x_position = node.properties.get('position.x', 0)
        y_position = node.properties.get('position.y', 0)

        if x_position < 0 or y_position < 0:
            self.errors.append(
                f"{node.path}: Component '{node.name}' has negative position"
            )

Binding Nodes

class MyBindingRule(LintingRule):
    def visit_expression_binding(self, node):
        # Available for all bindings:
        node.path         # Path to the bound property
        node.binding_type # Type of binding: "expr", "property", "tag"
        node.config       # Full binding configuration dict

        # Specific to expression bindings:
        node.expression   # The expression string

        # Example: Check for hardcoded values in expressions
        if '"localhost"' in node.expression or "'localhost'" in node.expression:
            self.errors.append(
                f"{node.path}: Expression contains hardcoded localhost"
            )

    def visit_tag_binding(self, node):
        # Specific to tag bindings:
        node.tag_path    # The tag path string

        # Example: Ensure tags follow naming convention
        if not node.tag_path.startswith("[default]"):
            self.errors.append(
                f"{node.path}: Tag binding should use [default] provider"
            )

Script Nodes

class MyScriptRule(LintingRule):
    def visit_custom_method(self, node):
        # Available properties:
        node.path         # Path to the method
        node.name         # Method name: "refreshData"
        node.script         # Raw script code
        node.params       # List of parameter names

        # Special method:
        formatted_script = node.get_formatted_script()
        # Returns properly formatted Python with function definition

        # Example: Check for print statements
        if 'print(' in node.script:
            self.errors.append(
                f"{node.path}: Method '{node.name}' contains print statement"
            )

    def visit_message_handler(self, node):
        # Additional properties:
        node.message_type # The message type this handles
        node.scope        # Dict with scope settings:
                            # {'page': False, 'session': True, 'view': False}

        # Example: Warn about session-scoped handlers
        if node.scope.get('session', False):
            self.errors.append(
                f"{node.path}: Message handler '{node.message_type}' "
                f"uses session scope - ensure this is intentional"
            )

Advanced Rule Patterns

Pattern 1: Cross-Node Validation

class CrossReferenceRule(LintingRule):
    def __init__(self):
        super().__init__(node_types=[Component, PropertyBinding])
        self.component_paths = set()
        self.binding_targets = []

    def visit_component(self, node):
        # Collect all component paths
        self.component_paths.add(node.path)

    def visit_property_binding(self, node):
        # Store binding for later validation
        self.binding_targets.append((node.path, node.target_path))

    def process_collected_scripts(self):
        # This method is called after all nodes are visited
        for binding_path, target_path in self.binding_targets:
            if target_path not in self.component_paths:
                self.errors.append(
                    f"{binding_path}: Binding targets non-existent component"
                )

Pattern 2: Context-Aware Rules

class ContextAwareRule(LintingRule):
    def __init__(self):
        super().__init__(node_types=[Component, Script])
        self.current_component = None
        self.component_stack = []

    def visit_component(self, node):
        # Track component context
        self.component_stack.append(node)
        self.current_component = node

    def visit_script(self, node):
        # Use component context
        if self.current_component and self.current_component.type == "ia.display.table":
            if "selectedRow" in node.script and "rowData" not in node.script:
                self.errors.append(
                    f"{node.path}: Table script uses selectedRow without rowData check"
                )

Pattern 3: Statistical Analysis

class ComplexityAnalysisRule(LintingRule):
    def __init__(self, max_complexity_score=100):
        super().__init__(node_types=[Component])
        self.max_complexity = max_complexity_score
        self.complexity_scores = {}

    def visit_component(self, node):
        score = 0

        # Calculate complexity based on various factors
        score += len(node.properties) * 2  # Property count

        # Check for deeply nested properties
        for prop_name in node.properties:
            score += prop_name.count('.') * 3  # Nesting depth

        # Store score
        self.complexity_scores[node.path] = score

        if score > self.max_complexity:
            self.errors.append(
                f"{node.path}: Component complexity score {score} "
                f"exceeds maximum {self.max_complexity}"
            )

Accessing Raw JSON Data

Sometimes you need access to the original flattened JSON data:

class RawDataRule(LintingRule):
    def __init__(self):
        super().__init__()
        self.flattened_json = None

    def lint(self, flattened_json):
        # Store the flattened JSON for use in visit methods
        self.flattened_json = flattened_json
        return super().lint(flattened_json)

    def visit_component(self, node):
        # Access any part of the flattened JSON
        style_classes = self.flattened_json.get(
            f"{node.path}.props.style.classes",
            ""
        )

        if style_classes and "/" in style_classes:
            self.errors.append(
                f"{node.path}: Style classes contain invalid '/' character"
            )

Rule Lifecycle Methods

class LifecycleAwareRule(LintingRule):
    def __init__(self):
        super().__init__()
        self.setup_complete = False

    def before_visit(self):
        """Called before visiting any nodes."""
        self.setup_complete = True
        self.errors = []  # Reset errors

    def visit_component(self, node):
        """Process each component."""
        # Your logic here
        pass

    def process_collected_scripts(self):
        """Called after all nodes are visited."""
        # Batch processing, cross-validation, etc.
        pass

    def after_visit(self):
        """Called after all processing is complete."""
        # Cleanup, summary generation, etc.
        pass

Node Properties Reference

Component

  • path: Full path to the component
  • name: Component instance name
  • type: Component type (e.g., "ia.display.label")
  • properties: Dictionary of all component properties
  • children: List of child components (if container)

ExpressionBinding

  • path: Path to the bound property
  • expression: The expression string
  • binding_type: Always "expr"
  • config: Full binding configuration

PropertyBinding

  • path: Path to the bound property
  • target_path: Path to the source property
  • binding_type: Always "property"
  • config: Full binding configuration

TagBinding

  • path: Path to the bound property
  • tag_path: The tag path string
  • binding_type: Always "tag"
  • config: Full binding configuration

MessageHandlerScript

  • path: Path to the handler
  • script: Script string
  • message_type: Type of message handled
  • scope: Scope configuration dict
  • get_formatted_script(): Returns formatted Python code

CustomMethodScript

  • path: Path to the method
  • name: Method name
  • script: Script string
  • params: List of parameter names
  • get_formatted_script(): Returns formatted Python code

TransformScript

  • path: Path to the transform
  • script: Script string
  • binding_path: Path to parent binding
  • get_formatted_script(): Returns formatted Python code

EventHandlerScript

  • path: Path to the handler
  • event_type: Event type (e.g., "onClick")
  • script: Script string
  • scope: Scope setting ("L", "P", "S")
  • get_formatted_script(): Returns formatted Python code

Available Rules

The following rules are currently implemented and available for use:

Rule Type Description Configuration Options Default Enabled
NamePatternRule Warning Validates naming conventions for components and other elements convention, target_node_types, custom_pattern, node_type_specific_rules βœ…
PollingIntervalRule Error Ensures polling intervals meet minimum thresholds to prevent performance issues minimum_interval (default: 10000ms) βœ…
PylintScriptRule Error Runs Pylint analysis on all scripts to detect syntax errors, undefined variables, and code quality issues None (uses default Pylint configuration) βœ…
UnusedCustomPropertiesRule Warning Detects custom properties and view parameters that are defined but never referenced None βœ…
BadComponentReferenceRule Error Identifies brittle component object traversal patterns (getSibling, getParent, etc.) forbidden_patterns, case_sensitive βœ…

Rule Details

NamePatternRule

Validates naming conventions across different node types with flexible configuration options.

Supported Conventions:

  • PascalCase (default)
  • camelCase
  • snake_case
  • kebab-case
  • SCREAMING_SNAKE_CASE
  • Title Case
  • lower case

Configuration Example:

{
  "NamePatternRule": {
    "enabled": true,
    "kwargs": {
      "convention": "PascalCase",
      "target_node_types": ["component"],
      "node_type_specific_rules": {
        "custom_method": {
          "convention": "camelCase"
        }
      }
    }
  }
}

PollingIntervalRule

Prevents performance issues by enforcing minimum polling intervals in now() expressions.

What it checks:

  • Expression bindings containing now() calls
  • Property and tag bindings with polling configurations
  • Validates interval values are above minimum threshold

PylintScriptRule

Comprehensive Python code analysis using Pylint for all script types:

  • Custom method scripts
  • Event handler scripts
  • Message handler scripts
  • Transform scripts

Detected Issues:

  • Syntax errors
  • Undefined variables
  • Unused imports
  • Code style violations
  • Logical errors

UnusedCustomPropertiesRule

Identifies unused custom properties and view parameters to reduce view complexity.

Detection Coverage:

  • View-level custom properties (custom.*)
  • View parameters (params.*)
  • Component-level custom properties (*.custom.*)
  • References in expressions, bindings, and scripts

BadComponentReferenceRule

Prevents brittle view dependencies by detecting object traversal patterns.

Forbidden Patterns:

  • .getSibling(), .getParent(), .getChild(), .getChildren()
  • self.parent, self.children property access
  • Any direct component tree navigation

Recommended Alternatives:

  • Use view.custom properties for data sharing
  • Implement message handling for component communication
  • Design views with explicit data flow patterns

Usage Methods

This package can be utilized in several ways to fit different development workflows:

1. Command Line Interface (CLI)

Using the Installed Package

# After pip install ignition-lint
ignition-lint path/to/view.json

# Lint multiple files with glob pattern
ignition-lint --files "**/view.json"

# Use custom configuration
ignition-lint --config my_rules.json --files "views/**/view.json"

# Show help
ignition-lint --help

Using Poetry (Development)

# Using the CLI entry point
poetry run ignition-lint path/to/view.json

# Using the module directly
poetry run python -m ignition_lint path/to/view.json

# If you've activated the Poetry shell
poetry shell
ignition-lint path/to/view.json

2. Pre-commit Hook Integration

Add to your .pre-commit-config.yaml:

repos:
  - repo: https://github.com/design-group/ignition-lint
    rev: v0.1.0
    hooks:
      - id: ignition-lint
        args: [
          "--config", "rule_config.json",
          "--files", "**/*.json"
        ]
        files: view\.json$

Install and run:

# Install pre-commit hooks
pre-commit install

# Run on all files
pre-commit run --all-files

# Run on staged files only
pre-commit run

3. GitHub Actions Workflow

Create .github/workflows/ignition-lint.yml:

name: Ignition Lint

on:
  push:
    branches: [ main, develop ]
  pull_request:
    branches: [ main ]

jobs:
  lint:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout code
        uses: actions/checkout@v4

      - name: Set up Python
        uses: actions/setup-python@v5
        with:
          python-version: "3.11"

      - name: Install ignition-lint
        run: pip install ignition-lint

      - name: Run ignition-lint
        run: |
          # Lint all view.json files in the repository
          find . -name "view.json" -type f | while read file; do
            echo "Linting $file"
            ignition-lint "$file"
          done

4. Development Mode with Poetry

For contributors and package developers:

# Clone and set up development environment
git clone https://github.com/design-group/ignition-lint.git
cd ignition-lint

# Install with Poetry
poetry install

# Test the package locally
poetry run ignition-lint tests/cases/PreferredStyle/view.json

# Run the full test suite
cd tests
poetry run python test_runner.py --run-all

# Test GitHub Actions workflows locally
./test-actions.sh

# Format and lint code before committing
poetry run yapf -ir src/ tests/
poetry run pylint src/ignition_lint/

Configuration System

Rule Configuration

Rules are configured via JSON files (default: rule_config.json):

{
  "NamePatternRule": {
    "enabled": true,
    "kwargs": {
      "convention": "PascalCase",
      "target_node_types": ["component"]
    }
  },
  "PollingIntervalRule": {
    "enabled": true,
    "kwargs": {
      "minimum_interval": 10000
    }
  }
}

Severity Levels

Severity levels are determined by rule developers based on what each rule checks. Users cannot configure severity levels.

  • Warnings: Style and preference issues that don't prevent functionality
  • Errors: Critical issues that can cause functional problems or break systems

Built-in Rule Severities

Rule Severity Reason
NamePatternRule Warning Naming conventions are style preferences
PollingIntervalRule Error Performance issues can cause system problems
PylintScriptRule Error Syntax errors, undefined variables break functionality

Output Examples

Warnings (exit code 0):

⚠️  Found 3 warnings in view.json:
  πŸ“‹ NamePatternRule (warning):
    β€’ component: Name doesn't follow PascalCase convention

βœ… No errors found (warnings only)

Errors (exit code 1):

❌ Found 2 errors in view.json:
  πŸ“‹ PollingIntervalRule (error):
    β€’ binding: Polling interval 5000ms below minimum 10000ms

πŸ“ˆ Summary:
  ❌ Total issues: 2

Developer Guidelines for Rule Severity

When creating custom rules, set the severity based on the impact:

class MyCustomRule(LintingRule):
    # Use "warning" for style/preference issues
    severity = "warning"

    # Use "error" for functional/performance issues
    # severity = "error"

Best Practices

  1. Rule Granularity: Keep rules focused on a single concern
  2. Performance: Use batch processing for operations like script analysis
  3. Error Messages: Provide clear, actionable error messages with paths
  4. Configuration: Make rules configurable for different project requirements
  5. Testing: Test rules with various edge cases and malformed inputs
  6. Node Type Selection: Only register for node types you actually need to process

Future Enhancements

The framework is designed to be extended with:

  • Additional node types (e.g., style classes, custom properties)
  • More sophisticated analysis rules
  • Integration with CI/CD pipelines
  • Performance metrics and reporting
  • Auto-fix capabilities for certain rule violations

Contributing

When adding new features:

  1. Follow the existing object model patterns
  2. Implement the visitor pattern for new node types
  3. Provide configuration options for new rules
  4. Document rule behavior and configuration
  5. Add appropriate error handling

Development Workflow

# Fork and clone the repository
git clone https://github.com/yourusername/ignition-lint.git
cd ignition-lint

# Install development dependencies
poetry install --with dev

# Create a feature branch
git checkout -b feature/my-new-feature

# Make your changes and test
poetry run pytest
poetry run pylint ignition_lint/

# Commit and push
git commit -m "Add new feature"
git push origin feature/my-new-feature

About

Github action to lint Ignition projects

Topics

Resources

License

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •