Merge pull request #33 from adeeteya/feature_update

✨ Major Feature update

Author: adeeteya

.github/workflows/pr-checker.yaml

@@ -4,7 +4,7 @@ on:
   pull_request:
 
 env:
-  FLUTTER_VERSION: 3.35.4
+  FLUTTER_VERSION: 3.35.6
 
 jobs:
   lint:

README.md

@@ -82,6 +82,7 @@ Please star⭐ the repo if you like what you see😊.
 - [x] Ability to open .md files directly from the explorer
 - [x] Convenient way to style text (bold,italics,headings and etc)
 - [x] Convenient way to add links
+- [x] Convenient way to add tables
 - [x] Ability to preview JPEG, PNG, GIF, WebP, BMP, and WBMP image formats.
 - [x] Easily open links from the preview
 - [x] Light and Dark Theme Modes available
@@ -91,6 +92,10 @@ Please star⭐ the repo if you like what you see😊.
 - [x] Ability to clear text and start from scratch
 - [x] Create new .md files
 - [x] Edit existing .md files
+- [x] LaTex support
+- [x] Horizontal Swipe to Switch between Preview and Editing View in Single View Mode
+- [x] Default Folder for Opening and Saving .md files
+- [x] Added Print/Save as Pdf Option
 
 ## 📸 Screenshots
 

lib/device_preference_notifier.dart

@@ -1,34 +1,45 @@
 import 'package:flutter/foundation.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 
-enum _SharedPreferencesKeys { isDarkMode, isSplitLayout }
+enum _SharedPreferencesKeys { isDarkMode, isSplitLayout, defaultFolderPath }
 
 class DevicePreferences {
   final bool isDarkMode;
   final bool isSplitLayout;
+  final String? defaultFolderPath;
 
-  DevicePreferences({this.isDarkMode = false, this.isSplitLayout = false});
+  DevicePreferences({
+    this.isDarkMode = false,
+    this.isSplitLayout = false,
+    this.defaultFolderPath,
+  });
 
-  DevicePreferences copyWith({bool? isDarkMode, bool? isSplitLayout}) {
+  DevicePreferences copyWith({
+    bool? isDarkMode,
+    bool? isSplitLayout,
+    String? defaultFolderPath,
+  }) {
     return DevicePreferences(
       isDarkMode: isDarkMode ?? this.isDarkMode,
       isSplitLayout: isSplitLayout ?? this.isSplitLayout,
+      defaultFolderPath: defaultFolderPath ?? this.defaultFolderPath,
     );
   }
 
   @override
   bool operator ==(Object other) {
     return other is DevicePreferences &&
         other.isDarkMode == isDarkMode &&
-        other.isSplitLayout == isSplitLayout;
+        other.isSplitLayout == isSplitLayout &&
+        other.defaultFolderPath == defaultFolderPath;
   }
 
   @override
-  int get hashCode => Object.hash(isDarkMode, isSplitLayout);
+  int get hashCode => Object.hash(isDarkMode, isSplitLayout, defaultFolderPath);
 
   @override
   String toString() {
-    return 'DevicePreferences(isDarkMode: $isDarkMode, isSplitLayout: $isSplitLayout)';
+    return 'DevicePreferences(isDarkMode: $isDarkMode, isSplitLayout: $isSplitLayout, defaultFolderPath: $defaultFolderPath)';
   }
 }
 
@@ -45,9 +56,13 @@ class DevicePreferenceNotifier extends ValueNotifier<DevicePreferences> {
         PlatformDispatcher.instance.platformBrightness == Brightness.dark;
     final isSplitLayout =
         _prefs.getBool(_SharedPreferencesKeys.isSplitLayout.name) ?? true;
+    final defaultFolderPath = _prefs.getString(
+      _SharedPreferencesKeys.defaultFolderPath.name,
+    );
     value = DevicePreferences(
       isDarkMode: isDarkMode,
       isSplitLayout: isSplitLayout,
+      defaultFolderPath: defaultFolderPath,
     );
     notifyListeners();
   }
@@ -69,4 +84,10 @@ class DevicePreferenceNotifier extends ValueNotifier<DevicePreferences> {
     );
     notifyListeners();
   }
+
+  Future<void> setDefaultFolderPath(String path) async {
+    value = value.copyWith(defaultFolderPath: path);
+    await _prefs.setString(_SharedPreferencesKeys.defaultFolderPath.name, path);
+    notifyListeners();
+  }
 }

lib/home.dart

@@ -1,19 +1,25 @@
+import 'dart:async';
 import 'dart:convert';
 import 'dart:io';
 
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:htmltopdfwidgets/htmltopdfwidgets.dart' as html2pdf;
+import 'package:markdown/markdown.dart' as md;
 import 'package:markdown_editor/device_preference_notifier.dart';
 import 'package:markdown_editor/l10n/generated/app_localizations.dart';
 import 'package:markdown_editor/widgets/MarkdownBody/custom_image_config.dart';
 import 'package:markdown_editor/widgets/MarkdownBody/custom_text_node.dart';
 import 'package:markdown_editor/widgets/MarkdownBody/latex_node.dart';
 import 'package:markdown_editor/widgets/MarkdownTextInput/markdown_text_input.dart';
 import 'package:markdown_widget/markdown_widget.dart';
+import 'package:pdf/widgets.dart' as pw;
+import 'package:printing/printing.dart';
+import 'package:url_launcher/url_launcher.dart';
 
-enum MenuItem { switchTheme, switchView, open, clear, save }
+enum MenuItem { switchTheme, switchView, open, clear, save, print, donate }
 
 class Home extends StatefulWidget {
   final DevicePreferenceNotifier devicePreferenceNotifier;
@@ -95,6 +101,8 @@ class _HomeState extends State<Home> {
     try {
       final FilePickerResult? result = await FilePicker.platform.pickFiles(
         type: FileType.custom,
+        initialDirectory:
+            widget.devicePreferenceNotifier.value.defaultFolderPath,
         allowedExtensions: ['md'],
       );
       if (result != null) {
@@ -107,6 +115,13 @@ class _HomeState extends State<Home> {
         _inputText = await file.readAsString();
         _textEditingController.text = _inputText;
         setState(() {});
+        final folderPath = _filePath.substring(
+          0,
+          _filePath.lastIndexOf(Platform.pathSeparator),
+        );
+        unawaited(
+          widget.devicePreferenceNotifier.setDefaultFolderPath(folderPath),
+        );
       }
     } catch (e) {
       if (mounted) {
@@ -174,13 +189,46 @@ class _HomeState extends State<Home> {
       );
       return;
     } else {
-      await FilePicker.platform.saveFile(
+      final filePath = await FilePicker.platform.saveFile(
         dialogTitle: AppLocalizations.of(context)!.saveFileDialogTitle,
         fileName: (!kIsWeb && Platform.isWindows) ? null : "$_fileName.md",
+        initialDirectory:
+            widget.devicePreferenceNotifier.value.defaultFolderPath,
         type: FileType.custom,
         allowedExtensions: ['md'],
         bytes: utf8.encode(_inputText),
       );
+      if (filePath != null) {
+        final folderPath = filePath.substring(
+          0,
+          filePath.lastIndexOf(Platform.pathSeparator),
+        );
+        unawaited(
+          widget.devicePreferenceNotifier.setDefaultFolderPath(folderPath),
+        );
+      }
+    }
+  }
+
+  Future<void> _printFile() async {
+    if (_inputText.isEmpty) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(AppLocalizations.of(context)!.emptyInputTextContent),
+        ),
+      );
+      return;
+    } else {
+      final htmlFromMarkdown = md.markdownToHtml(_inputText);
+      await Printing.layoutPdf(
+        usePrinterSettings: true,
+        onLayout: (format) async {
+          final pdf = pw.Document();
+          final widgets = await html2pdf.HTMLToPdf().convert(htmlFromMarkdown);
+          pdf.addPage(pw.MultiPage(build: (context) => widgets));
+          return pdf.save();
+        },
+      );
     }
   }
 
@@ -272,18 +320,28 @@ class _HomeState extends State<Home> {
       child: AnimatedSwitcher(
         duration: const Duration(milliseconds: 300),
         reverseDuration: const Duration(milliseconds: 300),
-        child: _isPreview
-            ? _markdownPreviewWidget()
-            : MarkdownTextInput(
-                (String value) {
-                  setState(() {
-                    _inputText = value;
-                  });
-                },
-                _inputText,
-                controller: _textEditingController,
-                label: AppLocalizations.of(context)!.markdownTextInputLabel,
-              ),
+        child: GestureDetector(
+          onHorizontalDragEnd: (drag) {
+            if (drag.primaryVelocity == null) {
+              return;
+            }
+            setState(() {
+              _isPreview = !_isPreview;
+            });
+          },
+          child: _isPreview
+              ? _markdownPreviewWidget()
+              : MarkdownTextInput(
+                  (String value) {
+                    setState(() {
+                      _inputText = value;
+                    });
+                  },
+                  _inputText,
+                  controller: _textEditingController,
+                  label: AppLocalizations.of(context)!.markdownTextInputLabel,
+                ),
+        ),
       ),
     );
   }
@@ -334,6 +392,15 @@ class _HomeState extends State<Home> {
                     case MenuItem.save:
                       await _saveFile();
                       break;
+                    case MenuItem.print:
+                      await _printFile();
+                      break;
+                    case MenuItem.donate:
+                      await launchUrl(
+                        Uri.parse("https://buymeacoffee.com/adeeteya"),
+                        mode: LaunchMode.externalApplication,
+                      );
+                      break;
                   }
                 },
                 itemBuilder: (context) => [
@@ -391,6 +458,26 @@ class _HomeState extends State<Home> {
                       ],
                     ),
                   ),
+                  PopupMenuItem(
+                    value: MenuItem.print,
+                    child: Row(
+                      children: [
+                        const Icon(Icons.print),
+                        const SizedBox(width: 8),
+                        Text(AppLocalizations.of(context)!.print),
+                      ],
+                    ),
+                  ),
+                  PopupMenuItem(
+                    value: MenuItem.donate,
+                    child: Row(
+                      children: [
+                        const Icon(Icons.volunteer_activism),
+                        const SizedBox(width: 8),
+                        Text(AppLocalizations.of(context)!.donate),
+                      ],
+                    ),
+                  ),
                 ],
               ),
             ],

lib/l10n/app_en.arb

@@ -130,5 +130,29 @@
   "confirmAppExitContent": "Are you sure you want to exit this app?",
   "@confirmAppExitContent": {
     "description": "Content for the Confirm Exit Dialog"
+  },
+  "donate": "Donate",
+  "@donate": {
+    "description": "Menu Item for Donate"
+  },
+  "print": "Print",
+  "@print": {
+    "description": "Menu Item for Print"
+  },
+  "table": "Table",
+  "@table": {
+    "description": "Tooltip for the Table Icon Button"
+  },
+  "rows": "Rows",
+  "@rows": {
+    "description": "Label for the Rows Text Field in the Table Dialog"
+  },
+  "columns": "Columns",
+  "@columns": {
+    "description": "Label for the Columns Text Field in the Table Dialog"
+  },
+  "insert": "Insert",
+  "@insert": {
+    "description": "Text Action for the Insert Table Dialog"
   }
 }

lib/l10n/app_es.arb

@@ -4,19 +4,19 @@
   "cancel": "Cancelar",
   "appTitle": "Editor de markdown",
   "previewToolTip": "Avance",
-  "switchThemeMenuItem": "Tema de cambio",
-  "switchViewMenuItem": "Vista de interruptor",
-  "openFileMenuItem": "Abierto",
+  "switchThemeMenuItem": "Cambiar tema",
+  "switchViewMenuItem": "Cambiar vista",
+  "openFileMenuItem": "Abrir",
   "markdownTextInputLabel": "Ingrese su texto de Markdown aquí",
   "error": "Error",
   "unableToOpenFileError": "No se puede abrir el archivo, intente abrirlo desde la opción de archivo abierto en el menú",
   "unableToOpenFileFromMenuError": "No se puede abrir el archivo",
   "emptyInputTextContent": "Por favor ingrese algún texto",
-  "clear": "Claro",
+  "clear": "Borrar todo",
   "clearAllTitle": "Despejar todo",
   "clearAllContent": "¿Estás seguro de que quieres borrar todo el texto?",
   "saveFileDialogTitle": "Ingrese el nombre del archivo",
-  "save": "Ahorrar",
+  "save": "Guardar",
   "linkDialogTextTitle": "Texto",
   "linkDialogLinkTitle": "Enlace",
   "enterLinkTextDialogTitle": "Ingrese el enlace",