feat/devtools (#82)

.vscode/launch.json

@@ -5,49 +5,59 @@
       "type": "dart",
       "request": "launch",
       "program": "main.dart",
-      "cwd": "packages/solidart/example"
+      "cwd": "packages/solidart/example",
     },
     {
       "name": "flutter_solidart Example",
       "type": "dart",
       "request": "launch",
       "program": "lib/main.dart",
-      "cwd": "packages/flutter_solidart/example"
+      "cwd": "packages/flutter_solidart/example",
     },
     {
       "name": "Flutter: Run all Tests",
       "type": "dart",
       "request": "launch",
       "program": "./test/",
-      "cwd": "packages/solidart"
+      "cwd": "packages/solidart",
     },
     {
       "name": "Todos",
       "type": "dart",
       "request": "launch",
       "program": "lib/main.dart",
-      "cwd": "examples/todos/"
+      "cwd": "examples/todos/",
     },
     {
       "name": "Counter",
       "type": "dart",
       "request": "launch",
       "program": "lib/main.dart",
-      "cwd": "examples/counter/"
+      "cwd": "examples/counter/",
     },
     {
       "name": "Toggle Theme",
       "type": "dart",
       "request": "launch",
       "program": "lib/main.dart",
-      "cwd": "examples/toggle_theme/"
+      "cwd": "examples/toggle_theme/",
     },
     {
       "name": "Github search",
       "type": "dart",
       "request": "launch",
       "program": "lib/main.dart",
-      "cwd": "examples/github_search/"
-    }
+      "cwd": "examples/github_search/",
+    },
+    {
+      "name": "DevTools extension",
+      "type": "dart",
+      "request": "launch",
+      "program": "lib/main.dart",
+      "cwd": "packages/solidart_devtools_extension",
+      "args": [
+        "--dart-define=use_simulated_environment=true"
+      ]
+    },
   ]
 }

README.md

@@ -286,6 +286,12 @@ value.
 `context.get<Signal<ThemeMode>>` where `Signal<ThemeMode>` is the type
 of signal with its type value.
 
+## DevTools
+
+<img src="https://raw.githubusercontent.com/nank1ro/solidart/main/assets/devtools.png" height="800">
+
+You can debug your application using the Solidart DevTools extension and filter your signals.
+
 ## Examples
 
 ### Sample features using flutter_solidart:

examples/counter/devtools_options.yaml

@@ -0,0 +1,2 @@
+extensions:
+  - solidart: true

examples/counter/pubspec.yaml

@@ -31,7 +31,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  flutter_solidart: ^1.6.1
+  flutter_solidart: ^1.7.0
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.

examples/github_search/devtools_options.yaml

@@ -0,0 +1,2 @@
+extensions:
+  - solidart: true

examples/github_search/pubspec.yaml

@@ -30,7 +30,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  flutter_solidart: ^1.6.1
+  flutter_solidart: ^1.7.0
   json_annotation: ^4.8.1
   equatable: ^2.0.5
   http: ^1.0.0

examples/todos/devtools_options.yaml

@@ -0,0 +1,2 @@
+extensions:
+  - solidart: true

examples/todos/pubspec.yaml

@@ -31,7 +31,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  flutter_solidart: ^1.6.1
+  flutter_solidart: ^1.7.0
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.

examples/toggle_theme/pubspec.yaml

@@ -31,7 +31,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  flutter_solidart: ^1.6.1
+  flutter_solidart: ^1.7.0
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.

packages/flutter_solidart/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 1.7.0
+
+### Changes from solidart
+
+- **FEAT**: Add DevTools extension to solidart.
+
 ## 1.6.1
 
 ### Changes from solidart

packages/flutter_solidart/README.md

@@ -286,6 +286,12 @@ value.
 `context.get<Signal<ThemeMode>>` where `Signal<ThemeMode>` is the type
 of signal with its type value.
 
+## DevTools
+
+<img src="https://raw.githubusercontent.com/nank1ro/solidart/main/assets/devtools.png" height="800">
+
+You can debug your application using the Solidart DevTools extension and filter your signals.
+
 ## Examples
 
 ### Sample features using flutter_solidart:

packages/flutter_solidart/example/devtools_options.yaml

@@ -0,0 +1,2 @@
+extensions:
+  - solidart: true

packages/flutter_solidart/example/lib/pages/counter.dart

@@ -9,7 +9,7 @@ class CounterPage extends StatefulWidget {
 }
 
 class _CounterPageState extends State<CounterPage> {
-  final counter = Signal(0);
+  final counter = Signal(0, options: SignalOptions(name: 'counter'));
 
   @override
   Widget build(BuildContext context) {

packages/flutter_solidart/example/lib/pages/derived_signal.dart

@@ -9,8 +9,9 @@ class DerivedSignalsPage extends StatefulWidget {
 }
 
 class _DerivedSignalsPageState extends State<DerivedSignalsPage> {
-  late final count = Signal(0);
-  late final doubleCount = Computed(() => count() * 2);
+  late final count = Signal(0, options: SignalOptions(name: 'count'));
+  late final doubleCount =
+      Computed(() => count() * 2, options: SignalOptions(name: 'doubleCount'));
 
   @override
   Widget build(BuildContext context) {

packages/flutter_solidart/example/lib/pages/dual_signal_builder.dart

@@ -9,8 +9,8 @@ class DualSignalBuilderPage extends StatefulWidget {
 }
 
 class _DualSignalBuilderPageState extends State<DualSignalBuilderPage> {
-  final counter1 = Signal(0);
-  final counter2 = Signal(0);
+  final counter1 = Signal(0, options: SignalOptions(name: 'counter1'));
+  final counter2 = Signal(0, options: SignalOptions(name: 'counter2'));
 
   @override
   Widget build(BuildContext context) {

packages/flutter_solidart/example/lib/pages/effects.dart

@@ -9,7 +9,7 @@ class EffectsPage extends StatefulWidget {
 }
 
 class _EffectsPageState extends State<EffectsPage> {
-  final count = Signal(0);
+  final count = Signal(0, options: SignalOptions(name: 'count'));
   late final DisposeEffect disposeEffect;
 
   @override

packages/flutter_solidart/example/lib/pages/list_signal.dart

@@ -13,7 +13,7 @@ class ListSignalPage extends StatefulWidget {
 }
 
 class _ListSignalPageState extends State<ListSignalPage> {
-  final items = ListSignal([1, 2]);
+  final items = ListSignal([1, 2], options: SignalOptions(name: 'items'));
 
   @override
   void initState() {

packages/flutter_solidart/example/lib/pages/map_signal.dart

@@ -15,7 +15,8 @@ class MapSignalPage extends StatefulWidget {
 }
 
 class _MapSignalPageState extends State<MapSignalPage> {
-  final items = MapSignal({'a': 1, 'b': 2});
+  final items =
+      MapSignal({'a': 1, 'b': 2}, options: SignalOptions(name: 'items'));
 
   @override
   void initState() {

packages/flutter_solidart/example/lib/pages/resource.dart

@@ -12,13 +12,16 @@ class ResourcePage extends StatefulWidget {
 }
 
 class _ResourcePageState extends State<ResourcePage> {
-  final userId = Signal(1);
+  final userId = Signal(1, options: SignalOptions(name: 'userId'));
 
-  late final user = Resource(fetcher: fetchUser, source: userId);
+  late final user = Resource(
+      fetcher: fetchUser,
+      source: userId,
+      options: ResourceOptions(name: 'user'));
 
   late final userHairColor = user.select((data) {
     return jsonDecode(data)['hair_color'] as String;
-  });
+  }, name: 'userHairColor');
 
   Future<String> fetchUser() async {
     // simulating a delay to mimic a slow HTTP request

packages/flutter_solidart/example/lib/pages/set_signal.dart

@@ -13,7 +13,7 @@ class SetSignalPage extends StatefulWidget {
 }
 
 class _SetSignalPageState extends State<SetSignalPage> {
-  final items = SetSignal({1, 2});
+  final items = SetSignal({1, 2}, options: SignalOptions(name: 'items'));
 
   @override
   void initState() {

packages/flutter_solidart/example/lib/pages/show.dart

@@ -10,7 +10,8 @@ class ShowPage extends StatefulWidget {
 }
 
 class _ShowPageState extends State<ShowPage> {
-  final loggedIn = Signal(false);
+  final loggedIn =
+      Signal<bool>(false, options: SignalOptions(name: 'loggedIn'));
 
   @override
   Widget build(BuildContext context) {

packages/flutter_solidart/example/pubspec.yaml

@@ -36,7 +36,7 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
-  flutter_solidart: ^1.6.1
+  flutter_solidart: ^1.7.0
 
 dev_dependencies:
   flutter_test:

packages/flutter_solidart/pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_solidart
 description: A simple State Management solution for Flutter applications inspired by SolidJS
-version: 1.6.1
+version: 1.7.0
 repository: https://github.com/nank1ro/solidart
 documentation: https://docs.page/nank1ro/solidart~dev
 topics:
@@ -16,7 +16,7 @@ dependencies:
   flutter:
     sdk: flutter
   meta: ^1.9.1
-  solidart: ^1.4.1
+  solidart: ^1.5.0
 
 dev_dependencies:
   flutter_test:

packages/solidart/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.5.0
+
+- **FEAT**: Add DevTools extension to solidart.
+
 ## 1.4.1
 
 - **BUGFIX**: The method `didUpdateSignal` of `SolidartObserver` was not triggered for collections.

packages/solidart/README.md

@@ -170,3 +170,9 @@ ResourceBuilder(
 
 The `on` method forces you to handle all the states of a Resource (_ready_, _error_ and _loading_).
 The are also other convenience methods to handle only specific states.
+
+## DevTools
+
+<img src="https://raw.githubusercontent.com/nank1ro/solidart/main/assets/devtools.png" height="800">
+
+You can debug your application using the Solidart DevTools extension and filter your signals.

packages/solidart/extension/devtools/.pubignore

@@ -0,0 +1 @@
+!./build

packages/solidart/extension/devtools/config.yaml

@@ -0,0 +1,4 @@
+name: solidart
+issueTracker: https://github.com/nank1ro/solidart/issues
+version: 0.0.1
+materialIconCodePoint: "0xf0249"

packages/solidart/lib/src/core/core.dart

@@ -1,22 +1,25 @@
 import 'dart:async';
 import 'dart:collection';
+import 'dart:convert';
+import 'dart:developer' as dev;
 import 'dart:math';
 
 import 'package:collection/collection.dart';
 import 'package:meta/meta.dart';
 import 'package:solidart/src/utils.dart';
 
 part 'atom.dart';
+part 'collections/list.dart';
+part 'collections/map.dart';
+part 'collections/set.dart';
 part 'computed.dart';
+part 'config.dart';
 part 'derivation.dart';
+part 'devtools.dart';
 part 'effect.dart';
 part 'reactive_context.dart';
 part 'read_signal.dart';
 part 'resource.dart';
 part 'signal.dart';
-part 'signal_options.dart';
 part 'signal_base.dart';
-part 'collections/list.dart';
-part 'collections/set.dart';
-part 'collections/map.dart';
-part 'config.dart';
+part 'signal_options.dart';