241 support more characters in exported logs (#247)

* export for multiple languages * add readme instructions for adding fonts
ScottLogic · Sep 11, 2023 · e23bd1b · e23bd1b
1 parent 7b5f5c6
commit e23bd1b
Show file tree

Hide file tree

Showing 14 changed files with 35 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -78,3 +78,19 @@ npm run dev
 cd backend/
 npm run test
 ```
+
+
+## Export PDF Language Support
+To support multiple languages with special characters we need to register fonts and set the fontFamily (example in ExportContent.tsx)
+Download font families tts or otf files from https://fonts.google.com/noto to assets/fonts/
+
+Currently can only use a single file at a time, so we can merge multiple using script from https://github.com/notofonts/nototools/blob/main/nototools/merge_fonts.py. 
+
+The current CombinedFont.ttf contains: 
+* NotoSans-Regular.ttf
+* NotoSerifDevanagari-Regular.ttf   
+* NotoKufiArabic-Regular.ttf
+* NotoSansThai-Regular.ttf
+* NotoSerifBengali_Condensed-Regular.ttf
+* NotoSerifGurmukhi-Regular.ttf
+* NotoSansHebrew-Regular.ttf
diff --git a/frontend/src/assets/fonts/CombinedFonts.ttf b/frontend/src/assets/fonts/CombinedFonts.ttf
diff --git a/frontend/src/assets/fonts/NotoKufiArabic-Regular.ttf b/frontend/src/assets/fonts/NotoKufiArabic-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSans-Regular.ttf b/frontend/src/assets/fonts/NotoSans-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSansHebrew-Regular.ttf b/frontend/src/assets/fonts/NotoSansHebrew-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSansKR-Regular.ttf b/frontend/src/assets/fonts/NotoSansKR-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSansMonoCJKjp-Regular.otf b/frontend/src/assets/fonts/NotoSansMonoCJKjp-Regular.otf
diff --git a/frontend/src/assets/fonts/NotoSansSC-Regular.ttf b/frontend/src/assets/fonts/NotoSansSC-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSansThai-Regular.ttf b/frontend/src/assets/fonts/NotoSansThai-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSerifBengali_Condensed-Regular.ttf b/frontend/src/assets/fonts/NotoSerifBengali_Condensed-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSerifDevanagari-Regular.ttf b/frontend/src/assets/fonts/NotoSerifDevanagari-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSerifGurmukhi-Regular.ttf b/frontend/src/assets/fonts/NotoSerifGurmukhi-Regular.ttf
diff --git a/frontend/src/assets/fonts/NotoSerifJP-Regular.otf b/frontend/src/assets/fonts/NotoSerifJP-Regular.otf
diff --git a/frontend/src/components/ExportChat/ExportContent.tsx b/frontend/src/components/ExportChat/ExportContent.tsx
@@ -1,13 +1,31 @@
-import { Document, Page, View, Text, StyleSheet } from "@react-pdf/renderer";
+import {
+  Document,
+  Page,
+  View,
+  Text,
+  StyleSheet,
+  Font,
+} from "@react-pdf/renderer";
 import { ChatMessage } from "../../models/chat";
 import { EmailInfo } from "../../models/email";
 import ExportChatBox from "./ExportChatBox";
 import ExportEmailBox from "./ExportEmailBox";
 import { PHASE_NAMES } from "../../models/phase";
 
+import CombinedFonts from "../../assets/fonts/CombinedFonts.ttf";
+import NotoSerifJP from "../../assets/fonts/NotoSerifJP-Regular.otf";
+import NotoSansSC from "../../assets/fonts/NotoSansSC-Regular.ttf";
+
+Font.register({ family: "CombinedFonts", src: CombinedFonts });
+
+// chinese and japanese - currently multi lang not supported
+Font.register({ family: "NotoSerifJP", src: NotoSerifJP });
+Font.register({ family: "NotoSansSC", src: NotoSansSC });
+
 const styles = StyleSheet.create({
   page: {
     backgroundColor: "white",
+    fontFamily: "CombinedFonts",
   },
   pageContent: {
     flexDirection: "row",