ispectify_bloc 4.2.0

An additional package for BLoC (logging and handling).

BLoC state management integration for ISpectify logging system

🔍 Overview

ISpectify BLoC provides seamless integration between BLoC state management and the ISpectify logging system.

🔄 State Tracking • 📝 Event Logging • 🔍 Transition Monitoring • ❌ Error Handling

Enhance your BLoC debugging workflow by automatically capturing and logging all state management interactions. Perfect for tracking state changes, debugging complex flows, and monitoring application behavior.

🎯 Key Features

• 🔄 State Change Logging: Automatic logging of all BLoC state changes
• 📝 Event Tracking: Detailed event logging with parameters
• 🔍 Transition Monitoring: Complete state transition tracking
• ❌ Error Handling: BLoC error logging with stack traces
• ⚡ Performance Metrics: State change timing and performance tracking
• 🎛️ Configurable: Flexible filtering and formatting options

🔧 Configuration Options

Basic Setup

// Initialize in ISpect.run onInit callback
ISpect.run(
  () => runApp(MyApp()),
  logger: iSpectify,
  onInit: () {
    // Set up BLoC observer for automatic logging
    Bloc.observer = ISpectifyBlocObserver(
      iSpectify: iSpectify,
    );
  },
);

Filtering BLoC Logs

// You can disable specific BLoC logs in ISpectTheme
ISpectBuilder(
  theme: const ISpectTheme(
    logDescriptions: [
      LogDescription(
        key: 'bloc-event',
        isDisabled: true, // Disable event logs
      ),
      LogDescription(
        key: 'bloc-transition',
        isDisabled: true, // Disable transition logs
      ),
      LogDescription(
        key: 'bloc-close',
        isDisabled: true, // Disable close logs
      ),
      LogDescription(
        key: 'bloc-create',
        isDisabled: true, // Disable create logs
      ),
      LogDescription(
        key: 'bloc-state',
        isDisabled: true, // Disable state logs
      ),
    ],
  ),
  child: child,
)

Using with Different BLoC Types

// Works with Cubit
class CounterCubit extends Cubit<int> {
  CounterCubit() : super(0);
  void increment() => emit(state + 1);
}

// Works with BLoC
class CounterBloc extends Bloc<CounterEvent, int> {
  CounterBloc() : super(0) {
    on<CounterIncremented>((event, emit) {
      emit(state + 1);
    });
  }
}

// All state changes will be automatically logged

📦 Installation

Add ispectify_bloc to your pubspec.yaml:

dependencies:
  ispectify_bloc: ^4.1.4

🚀 Quick Start

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:ispect/ispect.dart';
import 'package:ispectify_bloc/ispectify_bloc.dart';

void main() {
  final ISpectify iSpectify = ISpectifyFlutter.init();

  ISpect.run(
    () => runApp(MyApp()),
    logger: iSpectify,
    onInit: () {
      // Set up BLoC observer for automatic state tracking
      Bloc.observer = ISpectifyBlocObserver(
        iSpectify: iSpectify,
      );
    },
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: BlocProvider(
        create: (context) => CounterCubit(),
        child: const CounterPage(),
      ),
    );
  }
}

// Your Cubit/BLoC will be automatically logged
class CounterCubit extends Cubit<int> {
  CounterCubit() : super(0);

  void increment() => emit(state + 1);
  void decrement() => emit(state - 1);
  
  void load({required String data}) {
    // All state changes will be automatically logged
    emit(state + 1);
  }
}

class CounterPage extends StatelessWidget {
  const CounterPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('ISpectify BLoC Example')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            BlocBuilder<CounterCubit, int>(
              builder: (context, state) {
                return Text('Count: $state');
              },
            ),
            const SizedBox(height: 16),
            ElevatedButton(
              onPressed: () {
                // This state change will be logged
                context.read<CounterCubit>().increment();
              },
              child: const Text('Increment'),
            ),
            const SizedBox(height: 8),
            ElevatedButton(
              onPressed: () {
                // This state change will also be logged
                context.read<CounterCubit>().load(data: 'Test data');
              },
              child: const Text('Load Data'),
            ),
          ],
        ),
      ),
    );
  }
}

📚 Examples

See the example/ directory for complete integration examples with different BLoC patterns.

🏗️ Architecture

ISpectifyBloc integrates with the BLoC library through observers:

Component	Description
BLoC Observer	Captures all BLoC events and state changes
Event Logger	Logs events with parameters and metadata
State Logger	Logs state changes and transitions
Error Handler	Captures and logs BLoC errors
Performance Tracker	Measures state change performance

🤝 Contributing

Contributions are welcome! Please read our contributing guidelines and submit pull requests to the main branch.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🔗 Related Packages

• ispectify - Foundation logging system
• ispect - Main debugging interface
• flutter_bloc - BLoC state management library
• bloc - Core BLoC library

---

Built with ❤️ for the Flutter community