feat: add defaultValue property in input component

Author: LeadcodeDev

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.5.0
+
+- Add `defaultValue` property on `input` component
+
 ## 1.4.1
 
 - Add `max` property on `checkbox` component

README.md

@@ -10,7 +10,7 @@ user input.
 To use Commander in your Dart project, add this to your `pubspec.yaml` file :
 ```yaml
 dependencies:
-  commander_ui: ^1.3.0
+  commander_ui: ^1.5.0
 ```
 
 Then run `pub get` to install the dependencies.
@@ -23,7 +23,7 @@ A simple example of using Commander to create an input component :
 
 - ✅ Placeholder
 - ✅ Validator with error message as callback 
-- ❌ Default value
+- ✅ Default value
 
 ```dart
 Future<void> main() async {

example/input.dart

@@ -4,6 +4,7 @@ Future<void> main() async {
   final input = Input(
     answer: 'What is your name?',
     placeholder: 'Name',
+    defaultValue: 'John Doe',
     validate: (value) {
       if (value.isEmpty) {
         return Err('Name cannot be empty');

lib/src/components/input.dart

@@ -18,6 +18,7 @@ class Input with Tools implements Component<String> {
   final bool hidden;
   late final List<Sequence> exitMessage;
   String value = '';
+  String defaultValue;
   String? errorMessage;
   late Result Function(String value) validate;
 
@@ -33,6 +34,7 @@ class Input with Tools implements Component<String> {
     this.placeholder,
     this.secure = false,
     this.hidden = false,
+    this.defaultValue = '',
     Result Function(String value)? validate,
     List<Sequence>? exitMessage,
   }) {
@@ -66,7 +68,7 @@ class Input with Tools implements Component<String> {
   }
 
   void onSubmit(String key, void Function() dispose) {
-    final result = validate(value);
+    final result = validate(value.isEmpty ? defaultValue : value);
     if (result case Err(:final String error)) {
       errorMessage = error;
       render();
@@ -88,14 +90,16 @@ class Input with Tools implements Component<String> {
       SetStyles.reset,
       Print(' $answer '),
       SetStyles(Style.foreground(Color.brightBlack)),
-      Print(generateValue()),
+      Print(defaultValue.isNotEmpty
+          ? defaultValue
+          : placeholder ?? generateValue()),
       SetStyles.reset,
     ]);
 
     stdout.writeln();
 
     saveCursorPosition();
-    _completer.complete(value);
+    _completer.complete(value.isEmpty ? defaultValue : value);
   }
 
   void onExit(void Function() dispose) {
@@ -137,7 +141,9 @@ class Input with Tools implements Component<String> {
       Print(' $answer '),
       SetStyles(Style.foreground(Color.brightBlack)),
       Print(value.isEmpty && errorMessage == null
-          ? placeholder ?? generateValue()
+          ? defaultValue.isNotEmpty
+              ? defaultValue
+              : placeholder ?? generateValue()
           : generateValue()),
       SetStyles.reset,
     ]);

pubspec.yaml

@@ -1,6 +1,6 @@
 name: commander_ui
 description: Commander is a Dart library for creating user interfaces within the terminal.
-version: 1.4.1
+version: 1.5.0
 repository: https://github.com/LeadcodeDev/commander
 
 topics: