ispect_ai 0.0.4-dev.2

An additional package for ISpect to interact with logs using Google Gemini AI

An additional package for ISpect to interact with logs using Google Gemini AI. 🚀

An additional package for ISpect to interact with logs using Google Gemini AI.
Show some ❤️ and star the repo to support the project!

Packages

ISpect can be extended using other parts of this package

Package	Version	Description
ispect		Main package of ISpect
ispect_ai		An add-on package to use the Gemini AI Api to generate a report and log questions
ispect_jira		An add-on package to use the Jira Atlassian Api to create issue tickets immediately via Feedback

📌 Features

• ✅ Draggable button for route to ISpect page, manage Inspector tools
• ✅ Localizations: ru, en, kk. (I will add more translations in the future.)
• ✅ ISpectify logger implementation: BLoC, Dio, http, Routing, Provider
• ✅ You can customize more options during initialization of ISpectISpectify like BLoC, Dispatcher error and etc.
• ✅ Updated ISpectISpectify page: added more options.
  • Detailed HTTP logs: request, response, error
  • Debug tools
  • Cache manager
  • Device and app info
• ✅ Feedback
• ✅ Performance tracker
• ✅ AI helper

📜 Showcase

📌 Getting Started

Follow these steps to use this package

Add dependency

dependencies:
  ispect: ^2.0.7
  ispect_ai: ^0.0.3

Add import package

import 'package:ispect/ispect.dart';
import 'package:ispect_ai/ispect_ai.dart';

Easy to use

Instructions for use:

1. Wrap runApp with ISpect.run method and pass ISpectify instance to it.
2. Initialize ISpectGoogleAi to MaterialApp and pass the Google Ai token. For example, from an .env file or an environment variable.

ISpectGoogleAi.init('token');

3. In actionItems inside ISpectOptions add the corresponding Action buttons. For example:

actionItems: [
          ISpectifyActionItem(
            title: 'AI Chat',
            icon: Icons.bubble_chart,
            onTap: (context) {
              Navigator.of(context).push(
                MaterialPageRoute(
                  builder: (context) => const AiChatPage(),
                ),
              );
            },
          ),
          ISpectifyActionItem(
            title: 'AI Reporter',
            icon: Icons.report_rounded,
            onTap: (context) {
              Navigator.of(context).push(
                MaterialPageRoute(
                  builder: (context) => const AiReporterPage(),
                ),
              );
            },
          ),
        ],

4. Add ISpectAILocalization to your localizationsDelegates in MaterialApp.

localizationsDelegates: ISpectLocalizations.localizationDelegates([
          ExampleGeneratedLocalization.delegate,
          ISpectAILocalization.delegate,
        ]),

5. Wrap your root widget with ISpectScopeWrapper widget to enable ISpect where you can pass theme and options.
6. Add ISpectBuilder widget to your material app's builder and put NavigatorObserver.

Please, check the example for more details.

Note

• To add ISpect Jira, follow the instructions provided here ispect_jira.

You can also check out an example of usage directly in ispect_jira/example.

### For change `ISpect` theme:
```dart
ISpect.read(context).setThemeMode(value ? ThemeMode.dark : ThemeMode.light);

For handle routing (GoRouter)

You can use ISpectNavigatorObserver, but in practice it does not always work correctly with the GoRouter package. You need add observer in each GoRoute. Alternatively, you can use a listener:

    _router.routerDelegate.addListener(() {
      final String location =
          _router.routerDelegate.currentConfiguration.last.matchedLocation;
      ISpect.route(location);
    });

Referenced packages:

A list of great packages I've used in ISpect AI: path_provider, device_info_plus, share_plus, package_info_plus, gap, auto_size_text, feedback, inspector, performance, cr_json_widget. google_generative_ai. flutter_markdown.

Thanks to all contributors of this package