Added select for multi line

Author: leoafarias

lib/src/modules/sandbox/components/terminal.dart lib/src/modules/sandbox/components/sandbox_terminal.dart

@@ -1,4 +1,3 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
@@ -7,15 +6,14 @@ import 'package:fvm/fvm.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
 
-import '../../../components/atoms/typography.dart';
 import '../../../modules/common/dto/release.dto.dart';
 import '../../../modules/common/utils/notify.dart';
 import '../sandbox.provider.dart';
 
 /// Sandbox terminal
-class SandboxConsole extends HookWidget {
+class SandboxTerminal extends HookWidget {
   /// Constructor
-  const SandboxConsole({
+  const SandboxTerminal({
     this.project,
     this.release,
     Key key,
@@ -41,23 +39,21 @@ class SandboxConsole extends HookWidget {
 
     final processing = terminalState.processing;
 
-    void submitCmd(
+    void onSubmit(
       String value,
-    ) async {
+    ) {
       try {
         /// Don't do anything if its empty
         if (value.isEmpty) return;
         // Reset command index
         currentCmdIdx.value = 0;
         // Add to the beginning of list
         textController.clear();
-        await terminal.sendIsolate(
+        terminal.sendIsolate(
           value,
           release,
           project,
         );
-        // Clear controller
-        scrollController.jumpTo(0);
       } on Exception catch (e) {
         notifyError(e.toString());
       }
@@ -79,6 +75,20 @@ class SandboxConsole extends HookWidget {
       }
     }, [processing]);
 
+    useEffect(() {
+      /// Scroll to bottom
+      if (scrollController.hasClients) {
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          scrollController.animateTo(
+            scrollController.position.maxScrollExtent,
+            duration: Duration(milliseconds: 250),
+            curve: Curves.ease,
+          );
+        });
+      }
+      return;
+    }, [terminalState.lines]);
+
     void moveCmdIndex(int step) {
       final cmds = terminalState.cmdHistory;
       final currentIdx = currentCmdIdx.value;
@@ -108,7 +118,7 @@ class SandboxConsole extends HookWidget {
       });
     }
 
-    void handleKey(RawKeyEvent key) {
+    void handlekeyDown(RawKeyEvent key) {
       if (key.runtimeType.toString() == 'RawKeyDownEvent') {
         if (key.data.logicalKey == LogicalKeyboardKey.arrowUp) {
           if (terminalState.cmdHistory.length > currentCmdIdx.value) {
@@ -124,27 +134,26 @@ class SandboxConsole extends HookWidget {
     }
 
     return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [
         Expanded(
-          child: CupertinoScrollbar(
-            child: ListView.builder(
-              controller: scrollController,
-              reverse: true,
-              padding: const EdgeInsets.fromLTRB(20, 10, 20, 10),
-              itemCount: terminalState.lines.length,
-              itemBuilder: (context, index) {
-                final line = terminalState.lines[index];
-                switch (line.type) {
-                  case OutputType.stderr:
-                    return ConsoleTextError(line.text);
-                  case OutputType.info:
-                    return ConsoleTextInfo(line.text);
-                  case OutputType.stdout:
-                    return ConsoleText(line.text);
-                  default:
-                    return Container();
-                }
-              },
+          child: SingleChildScrollView(
+            primary: false,
+            controller: scrollController,
+            child: Padding(
+              padding: const EdgeInsets.all(8.0),
+              child: SelectableText.rich(
+                TextSpan(
+                  children: terminalState.lines
+                      .map(
+                        (e) => TextSpan(
+                          text: '${e.text}\n',
+                          style: e.style,
+                        ),
+                      )
+                      .toList(),
+                ),
+              ),
             ),
           ),
         ),
@@ -155,12 +164,12 @@ class SandboxConsole extends HookWidget {
               Expanded(
                 child: RawKeyboardListener(
                   focusNode: keyListenerFocus,
-                  onKey: handleKey,
+                  onKey: handlekeyDown,
                   child: TextField(
                     focusNode: focus,
                     enabled: !terminalState.processing,
                     controller: textController,
-                    onSubmitted: submitCmd,
+                    onSubmitted: onSubmit,
                     decoration: const InputDecoration(
                       icon: Icon(MdiIcons.chevronRight),
                       border: InputBorder.none,

lib/src/modules/sandbox/sandbox.provider.dart

@@ -1,13 +1,15 @@
 import 'dart:async';
 import 'dart:isolate';
 
+import 'package:flutter/material.dart';
 import 'package:fvm/fvm.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 import '../../modules/common/dto/release.dto.dart';
 import '../../modules/common/utils/notify.dart';
 import 'terminal_processor.dart';
 
+//TODO: Refactor file and reorganize providers and helpers
 /// Sandbox terminal state
 class TerminalState {
   /// Constructor
@@ -46,7 +48,7 @@ class TerminalState {
   }
 
   void addConsoleLine(ConsoleLine line) {
-    lines.insert(0, line);
+    lines.add(line);
   }
 
   void addLine(String text) {
@@ -73,7 +75,7 @@ class TerminalState {
 
   TerminalState copy() {
     return TerminalState(
-      lines: lines,
+      lines: [...lines],
       processing: processing,
       cmdHistory: _cmdHistory,
     );
@@ -95,6 +97,27 @@ class ConsoleLine {
     this.text,
   });
 
+  TextStyle get style {
+    final style = TextStyle(
+      fontSize: 12,
+      color: Colors.grey,
+    );
+
+    if (type == OutputType.stderr) {
+      return style.copyWith(
+        color: Colors.deepOrange,
+      );
+    }
+
+    if (type == OutputType.info) {
+      return style.copyWith(
+        color: Colors.white,
+      );
+    }
+
+    return style;
+  }
+
   factory ConsoleLine.empty() {
     return ConsoleLine(text: '');
   }
@@ -204,14 +227,14 @@ class SandboxStateNotifier extends StateNotifier<TerminalState> {
       // Send command to terminal
       if (!supressCmdOutput) {
         // Add to command history
-        //
+
         state.addToHistory(cmd);
         state.addLine('\n$cmd\n');
       }
 
       // Set to processing
-      state.processing = true;
       // Notify listeners
+      state.processing = true;
       _notifyListeners();
       // Receiver port for isolate
       final receivePort = ReceivePort();
@@ -235,9 +258,9 @@ class SandboxStateNotifier extends StateNotifier<TerminalState> {
           receivePort.close();
           _killIsolate();
         } else {
-          state.lines = [line, ...state.lines];
-          _notifyListeners();
+          state.lines = [...state.lines, line];
         }
+        _notifyListeners();
       }
     } on Exception catch (e) {
       notifyError(e.toString());

lib/src/modules/sandbox/sandbox.screen.dart

@@ -9,7 +9,7 @@ import 'package:material_design_icons_flutter/material_design_icons_flutter.dart
 import '../../components/atoms/typography.dart';
 import '../../modules/common/dto/release.dto.dart';
 import '../releases/releases.provider.dart';
-import 'components/terminal.dart';
+import 'components/sandbox_terminal.dart';
 import 'sandbox.provider.dart';
 
 /// Sandbox screen
@@ -177,7 +177,7 @@ class SandboxScreen extends HookWidget {
                 ),
                 const Divider(height: 1),
                 Expanded(
-                  child: SandboxConsole(
+                  child: SandboxTerminal(
                     project: project,
                     release: selectedRelease.value,
                   ),