Add hot reload and hot restart buttons to the simulated devtools environment

packages/devtools_extensions/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 0.0.3-wip
+* Add hot reload and hot restart actions to the simulated DevTools environment.
+
 ## 0.0.2
 * Add a simulated DevTools environment that for easier development.
 * Add a `build_and_copy` command to build a devtools extension and copy the output to the

packages/devtools_extensions/lib/src/template/_simulated_devtools_environment/_simulated_devtools_controller.dart

@@ -9,7 +9,7 @@ class _SimulatedDevToolsController extends DisposableController
     implements DevToolsExtensionHostInterface {
   /// Logs of the post message communication that goes back and forth between
   /// the extension and the simulated DevTools environment.
-  final messageLogs = ListValueNotifier<_PostMessageLogEntry>([]);
+  final messageLogs = ListValueNotifier<_MessageLogEntry>([]);
 
   void init() {
     html.window.addEventListener('message', _handleMessage);
@@ -65,8 +65,8 @@ class _SimulatedDevToolsController extends DisposableController
     void Function()? onUnknownEvent,
   }) {
     messageLogs.add(
-      _PostMessageLogEntry(
-        source: _PostMessageSource.extension,
+      _MessageLogEntry(
+        source: _MessageSource.extension,
         data: event.toJson(),
       ),
     );
@@ -82,26 +82,48 @@ class _SimulatedDevToolsController extends DisposableController
       html.window.origin!,
     );
     messageLogs.add(
-      _PostMessageLogEntry(
-        source: _PostMessageSource.devtools,
+      _MessageLogEntry(
+        source: _MessageSource.devtools,
         data: eventJson,
       ),
     );
   }
+
+  Future<void> hotReloadConnectedApp() async {
+    await serviceManager.performHotReload();
+    messageLogs.add(
+      _MessageLogEntry(
+        source: _MessageSource.info,
+        message: 'Hot reload performed on connected app',
+      ),
+    );
+  }
+
+  Future<void> hotRestartConnectedApp() async {
+    await serviceManager.performHotRestart();
+    messageLogs.add(
+      _MessageLogEntry(
+        source: _MessageSource.info,
+        message: 'Hot restart performed on connected app',
+      ),
+    );
+  }
 }
 
-class _PostMessageLogEntry {
-  _PostMessageLogEntry({required this.source, required this.data})
+class _MessageLogEntry {
+  _MessageLogEntry({required this.source, this.data, this.message})
       : timestamp = DateTime.now();
 
-  final _PostMessageSource source;
-  final Map<String, Object?> data;
+  final _MessageSource source;
+  final Map<String, Object?>? data;
+  final String? message;
   final DateTime timestamp;
 }
 
-enum _PostMessageSource {
+enum _MessageSource {
   devtools,
-  extension;
+  extension,
+  info;
 
   String get display {
     return name.toUpperCase();

packages/devtools_extensions/lib/src/template/_simulated_devtools_environment/_simulated_devtools_environment.dart

@@ -147,15 +147,35 @@ class _SimulatedApi extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+    return Column(
       children: [
-        DevToolsButton(
-          label: 'PING',
-          onPressed: simController.ping,
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            DevToolsButton(
+              label: 'PING',
+              onPressed: simController.ping,
+            ),
+            // TODO(kenz): add buttons for other simulated events as the extension
+            // API expands.
+          ],
+        ),
+        const SizedBox(height: defaultSpacing),
+        Row(
+          children: [
+            DevToolsButton(
+              icon: Icons.bolt,
+              tooltip: 'Hot reload connected app',
+              onPressed: simController.hotReloadConnectedApp,
+            ),
+            const SizedBox(width: denseSpacing),
+            DevToolsButton(
+              icon: Icons.replay,
+              tooltip: 'Hot restart connected app',
+              onPressed: simController.hotRestartConnectedApp,
+            ),
+          ],
         ),
-        // TODO(kenz): add buttons for other simulated events as the extension
-        // API expands.
       ],
     );
   }
@@ -205,9 +225,11 @@ class _LogMessagesState extends State<_LogMessages> {
                       '[${log.timestamp.toString()}] from ${log.source.display}',
                       style: theme.fixedFontStyle,
                     ),
-                    FormattedJson(
-                      json: log.data,
-                    ),
+                    if (log.message != null) Text(log.message!),
+                    if (log.data != null)
+                      FormattedJson(
+                        json: log.data,
+                      ),
                   ],
                 ),
               );

packages/devtools_extensions/pubspec.yaml

@@ -1,6 +1,6 @@
 name: devtools_extensions
 description: A package for building and supporting extensions for Dart DevTools.
-version: 0.0.2
+version: 0.0.3-wip
 repository: https://github.com/flutter/devtools/tree/master/packages/devtools_extensions
 
 environment: