Remote Devtools for flutter_bloc

Overview

Remote Devtools for flutter_bloc

Remote Devtools support for Blocs of flutter_bloc.

N.B. Cubit is not supported

Devtools Demo

Installation

Add the library to pubspec.yaml:

dependencies:
  flutter_bloc_devtools: ^0.1.0

BlocObserver configuration

Add RemoteDevToolsObserver to your Bloc.observer:

void main() async {
  final observer = RemoteDevToolsObserver('192.168.1.7:8000');
  await observer.connect();
  Bloc.observer = observer;

  runApp(const CounterApp());
}

Making your Events and States Mappable

Events and States have to implements Mappable:

class CounterState extends Equatable implements Mappable {
  final int counter;

  const CounterState({
    this.counter,
  });

  @override
  List<Object> get props => [
        counter,
      ];

  @override
  Map<String, dynamic> toMap() => {
        'counter': counter,
      };
}

Using remotedev

Use the Javascript Remote Devtools package. Start the remotedev server on your machine

npm install -g remotedev-server
remotedev --port 8000

Run your application. It will connect to the remotedev server. You can now debug your flutter_bloc application by opening up http://localhost:8000 in a web browser.

Examples

You might also like...

Made with Clean architecture + TDD + GraphQL + flutter_bloc + CodeCov + GitHooks + GitHub Actions (CI/CD) and finally with 💙

Made with Clean architecture + TDD + GraphQL + flutter_bloc + CodeCov + GitHooks + GitHub Actions (CI/CD) and finally with 💙

Rick and Morty Info A simple app to demonstrate Clean Architecture with GraphQL and flutter_bloc Motivation In Martin Fowler's words, “Any fool can wr

Dec 25, 2022

A Very Good Blog App using Flutter, flutter_bloc, django rest framework for backend✨

A Very Good Blog App using Flutter, flutter_bloc, django rest framework for backend✨

Very Good Blog App - Blog sharing Features Login, register, manage personal information. Compose, edit, post blog to share with everyone. Like, save b

Nov 27, 2022

In this Project I will demonstrate you the power of firebase remote config :)

power-of-firebase-remote-config In this Project I will demonstrate you the power of firebase remote config :) This project serves as a template. Purpo

Mar 7, 2022

A remote app built using Flutter that creates the users of the specific wordpress website.

wp_users A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Feb 3, 2022

Remote debugging system.

rds A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is y

Oct 24, 2021

A Dockerfile & config for developing with Flutter and the VS Remote - Containers extension.

flutter-devcontainer A Dockerfile & config for developing with Flutter and the VS Remote - Containers extension. Usage: Clone this repository git clon

Sep 24, 2022

Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/

Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/

Loading GIFs High quality Android and iOS loading spinners. View Demo Loading GIFs is a collection of high fidelity loading animations in GIF format.

Dec 23, 2022

A VLC remote control written with Flutter

A VLC remote control written with Flutter

VLC Remote A VLC remote control written with Flutter. Initial Setup Guides The first time you start VLC Remote, it will provide a guide to setting up

Oct 27, 2022

Dart package to retrieve Transmission data from remote instance

transmission Dart package to talk to a Transmission torrent instance, for a flutter package including UI widget please check transmission Getting Star

Nov 6, 2022

Flutter remote controller for Samsung TV

Flutter remote controller for Samsung TV

Flutter remote controller for Smart TVs models (2016 and up) A dart implementation for samsungtv by Christian Bromann Inspired from Universal Remote Y

Dec 11, 2022

Just audio background - A flutter package plugs into just audio to add background playback support and remote controls

just_audio_background This package plugs into just_audio to add background playb

Jan 11, 2022

Presentation-Remote-PC - Manage your presentation from your smart phone - Phone Client

Presentation-Remote-PC - Manage your presentation from your smart phone - Phone Client

Presentation-Remote-PC Manage your presentation from your smart phone - Phone Cl

Jan 25, 2022

A Flutter audio plugin (Swift/Java) to play remote or local audio files on iOS / Android / MacOS and Web

A Flutter audio plugin (Swift/Java) to play remote or local audio files on iOS / Android / MacOS and Web

AudioPlayer A Flutter audio plugin (Swift/Java) to play remote or local audio files on iOS / Android / MacOS and Web. Online demo Features Android / i

Dec 18, 2022

Rv-app - Flutter Remote Viewing Assistant App

Flutter Remote Viewing Assistant App screenshots web version https://rv-assistan

Dec 1, 2022

Remote Flutter/Dart Compiler for CloudRun and Docker

flutter_remote_compiler Running the Application Locally Run aqueduct serve from this directory to run the application. For running within an IDE, run

Dec 12, 2022

SSH no ports provides ssh to a remote Linux device with out that device having any ports open

Ssh! No ports ssh no ports provides a way to ssh to a remote linux host/device without that device having any open ports (not even 22) on external int

Dec 21, 2022

Listen to remote Flutter GTK application instances' command-line arguments and file open requests.

gtk_application This package allows the primary Flutter GTK application instance to listen to remote application instances' command-line arguments and

Dec 15, 2022
Comments
  • Upgrade dependencies to latest versions

    Upgrade dependencies to latest versions

    This updates the following dependencies:

    • bloc to 7.0.0
    • socketcluster_client to 0.3.0

    Also updates the flutter_bloc dependency to 7.0.1 in both example projects.

    opened by vatthikorn 0
  • updated to v8.0.0 of Bloc, which includes Cubit support

    updated to v8.0.0 of Bloc, which includes Cubit support

    I updated/migrated this nice package (Thanks @andrea689 ) to v8.0.0 of bloc.

    The examples/counter should work. Just clone and run. -Building for web works, and if you build for web, you can keep the 127.0.0.1 host ip -If you build for android or ios, you'll need the ip on your laptop (or wherever you are running the RemoteDev)

    I also did some miscellaneous tasks

    • [x] Ran flutter create . to get Dart Analysis and other support. Otherwise, no linting.

    Later, I will add

    • [ ] a v8.0.0 bloc/examples/flutter_todo example
    opened by chonghorizons 0
  • [WIP] No mappable

    [WIP] No mappable

    Simplified the logic a bit, got rid of Mappable, implemented the toJson replacement and migrated the example packages. I've yet to add tests, and i want to know what you think.

    opened by KalilDev 2
  • Does the Mappable interface reallly need to exist?

    Does the Mappable interface reallly need to exist?

    In dart:convert, in the json to string encoder, the dart objects are passed to the toEncodable function or are treated as dynamic and the toJson method is called https://github.com/dart-lang/sdk/blob/d86f0e2836d0941776f911dfc86ff444121fd29d/sdk/lib/convert/json.dart#L521 , and if an NoSuchMethod is thrown, the encoder catches the error and throws an encoding error.

    This library could do something similar. If the object is not an Map<String, dynamic>, then the toJson function gets called and in case it throws a NoSuchMethod, you can add no info, otherwise add the resulting json. This allows using standard codegen libraries, instead of having to wire everything up or making an MappableFromJson mixin which uses the toJson method (what im gonna use rn).

    opened by KalilDev 2
Owner
Andrea Valenzano
CTO @ Wher
Andrea Valenzano
Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

唯鹿 165 Jan 2, 2023
Devtools - Performance tools for Flutter

Dart & Flutter DevTools What is this? Dart & Flutter DevTools is a suite of performance tools for Dart and Flutter. Getting started For documentation

Flutter 1.3k Dec 29, 2022
Basic implementation of flutter_bloc with firebase auth and other related stuff :)

flutter_bloc_implementation A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get

Muhammad Hamza 4 Mar 7, 2022
A simple app to demonstrate a testable, maintainable, and scalable architecture for flutter. flutter_bloc, hive, and REST API are some of the tech stacks used in this project.

last_fm A simple app to demonstrate a testable, maintainable, and scalable architecture for flutter. flutter_bloc, hive, and REST API are some of the

Elias Andualem 140 Dec 31, 2022
Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc & more

Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc & more This reference project shows how to implement a (Netflix-inspired) mo

Andrea Bizzotto 427 Dec 29, 2022
Flutter food app using flutter_bloc

kamelfoodapp A new Flutter project. Getting Started Why bloc? Business logic components (BLoC) allow you to separate the business logic from the UI. W

Kamel Neili 25 Oct 24, 2022
a shop app with flutter_bloc and laravel api

kamelshop A new Flutter project. link to the backend api: https://github.com/kamelneili/kamelshop_api Why bloc ? Business logic components (BLoC) allo

Kamel Neili 10 Nov 22, 2022
Resto with flutter_bloc and firebase

eshop A new Flutter project. Getting Started Why bloc ? Business logic components (BLoC) allow you to separate the business logic from the UI. Writing

Kamel Neili 11 Nov 11, 2022
A weather app with a minimalist design using the flutter_bloc library for state management.

weather_bloc_app_v2 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you star

null 1 Jul 9, 2022
flutter_bloc state management extension that integrates sealed_unions.

flutter_bloc meets sealed_unions Sponsors Our top sponsors are shown below! [Become a Sponsor] Try the Flutter Chat Tutorial ?? Quick Start Extend Uni

Felix Angelov 70 Aug 16, 2022