flutter_artist_styles_inspector 0.9.1

FlutterArtist Styles Inspector

flutter_artist_styles_inspector

The official companion visual debugging and code generation toolkit for the FlutterArtist Ecosystem.

This package provides interactive runtime inspectors and smart code generators directly inside your application layer to visualize token graphs, verify design contrast compliance, and instantly emit clean production code layouts.

⚠️ Pre-release Teaser (v0.9.1): This version officially unveils the inspection matrices and dynamic code generation pipelines for faColors. Visual components for faTheme are currently locked under active development and will be officially deployed in the next minor system sprint.

 Key Features

• Live Token Grid Matrix: Provides a comprehensive visual lookup index showcasing your runtime active token namespaces (ink, action, surface, bar, stroke, divider, selection, input).
• Guaranteed Contrast Guardrails: Built-in validation architecture inside the generator views that automatically filters and groups paired colors (e.g. enforces contrast pairing between background fills and layout inks) to eliminate compliance errors.
• Step-by-Step Code Generator Board: A visual stepping interface (Creation Type -> Background -> Foreground -> Border) built atop LeftRightContainer to seamlessly customize and emit tailored code recipes.
• One-Click Template Sync: Live responsive preview component cards paired with persistent source code text regions for rapid clipboard duplication.

 Installation

Add this development dependency to your pubspec.yaml:

dependencies:
flutter_artist_styles: ^latest_version
flutter_artist_styles_inspector: ^latest_version

 Core API & Presentation Triggers

Triggering the inspectors requires only a single semantic context execution line. You can bind these directly to a hidden debug trigger, developer float button, or admin control page gesture.

1. Show the Code Generator Dialog Only

Launches an explicit dialog workspace dedicated exclusively to compiling custom layouts step-by-step from design tokens.

void _openGenerator(BuildContext context) {
FaColorsOriginalGeneratorDialog.show(context);
}

2. Show the All-in-One Inspector Workspace Dialog

Launches the full comprehensive inspector terminal. This dialog acts as a master shell, mapping multiple configuration systems, asset token matrices, and includes a full standalone layout generation tab matching the standalone dialog above.

void _openFullInspector(BuildContext context) {
FaColorsInspectorDialog.show(context);
}

 Interactive Layout Previews

Token Context Layout Validation Tracker

Inspect active layout variables and verify translation flows instantly:

Multi-Step Live Blueprint Generator Board

Enforce design specs and copy raw layout templates directly into your codebase:

---