feat: mono font for code block

PeronGH · Dec 10, 2023 · 613d6de · 613d6de
1 parent a6acfab
commit 613d6de
Show file tree

Hide file tree

Showing 17 changed files with 53 additions and 1 deletion.
diff --git a/fonts/RobotoMono-Bold.ttf b/fonts/RobotoMono-Bold.ttf
diff --git a/fonts/RobotoMono-BoldItalic.ttf b/fonts/RobotoMono-BoldItalic.ttf
diff --git a/fonts/RobotoMono-ExtraLight.ttf b/fonts/RobotoMono-ExtraLight.ttf
diff --git a/fonts/RobotoMono-ExtraLightItalic.ttf b/fonts/RobotoMono-ExtraLightItalic.ttf
diff --git a/fonts/RobotoMono-Italic.ttf b/fonts/RobotoMono-Italic.ttf
diff --git a/fonts/RobotoMono-Light.ttf b/fonts/RobotoMono-Light.ttf
diff --git a/fonts/RobotoMono-LightItalic.ttf b/fonts/RobotoMono-LightItalic.ttf
diff --git a/fonts/RobotoMono-Medium.ttf b/fonts/RobotoMono-Medium.ttf
diff --git a/fonts/RobotoMono-MediumItalic.ttf b/fonts/RobotoMono-MediumItalic.ttf
diff --git a/fonts/RobotoMono-Regular.ttf b/fonts/RobotoMono-Regular.ttf
diff --git a/fonts/RobotoMono-SemiBold.ttf b/fonts/RobotoMono-SemiBold.ttf
diff --git a/fonts/RobotoMono-SemiBoldItalic.ttf b/fonts/RobotoMono-SemiBoldItalic.ttf
diff --git a/fonts/RobotoMono-Thin.ttf b/fonts/RobotoMono-Thin.ttf
diff --git a/fonts/RobotoMono-ThinItalic.ttf b/fonts/RobotoMono-ThinItalic.ttf
diff --git a/lib/widgets/message_tile.dart b/lib/widgets/message_tile.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:sydney_webui/models/message.dart';
 import 'package:sydney_webui/utils/array.dart';
 
@@ -16,6 +17,10 @@ class MessageTile extends StatelessWidget {
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
 
+    final markdownTheme = MarkdownStyleSheet.fromTheme(theme).copyWith(
+        code: theme.textTheme.bodyMedium!
+            .copyWith(fontFamily: GoogleFonts.robotoMono().fontFamily));
+
     return ListTile(
       title: Padding(
         padding: const EdgeInsets.only(bottom: 8),
@@ -42,7 +47,11 @@ class MessageTile extends StatelessWidget {
           ],
         ),
       ),
-      subtitle: MarkdownBody(data: message.content),
+      subtitle: MarkdownBody(
+        selectable: true,
+        data: message.content,
+        styleSheet: markdownTheme,
+      ),
       titleTextStyle: theme.textTheme.bodySmall,
     );
   }

diff --git a/pubspec.lock b/pubspec.lock
@@ -49,6 +49,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.3"
   fake_async:
     dependency: transitive
     description:
@@ -128,6 +136,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.1"
+  google_fonts:
+    dependency: "direct main"
+    description:
+      name: google_fonts
+      sha256: f0b8d115a13ecf827013ec9fc883390ccc0e87a96ed5347a3114cac177ef18e8
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.0"
+  http:
+    dependency: transitive
+    description:
+      name: http
+      sha256: d4872660c46d929f6b8a9ef4e7a7eff7e49bbf0c4ec3f385ee32df5119175139
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
   lints:
     dependency: transitive
     description:
@@ -293,6 +325,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.1"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.2"
   vector_math:
     dependency: transitive
     description:

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -34,6 +34,7 @@ dependencies:
     get_storage:
     file_picker: ^6.1.1
     flutter_markdown:
+    google_fonts:
 
 dev_dependencies:
     flutter_test:
@@ -52,3 +53,5 @@ dev_dependencies:
 # The following section is specific to Flutter packages.
 flutter:
     uses-material-design: true
+    assets:
+        - fonts/