attempted adding formatting

3 files changed, 65 insertions, 4 deletions

diff --git a/src/client/documents/Documents.ts b/src/client/documents/Documents.ts
index fe6e6b22d..d21fa04d4 100644
--- a/src/client/documents/Documents.ts
+++ b/src/client/documents/Documents.ts
@@ -919,9 +919,15 @@ export namespace Docs {
         // AARAV ADD //
 
         export function DailyJournalDocument(text: string | RichTextField, options: DocumentOptions = {}, fieldKey: string = 'text') {
+            const styles = {
+                bold: true, // Make the journal date bold
+                color: 'blue', // Set the journal date color to blue
+                fontSize: 18, // Set the font size to 18px for the whole text
+            };
+
             return InstanceFromProto(
                 Prototypes.get(DocumentType.JOURNAL),
-                typeof text === 'string' ? RichTextField.textToRtf(text) : text,
+                typeof text === 'string' ? RichTextField.textToRtfFormatting(text, undefined, undefined, styles) : text,
                 {
                     title: new Date().toLocaleDateString(undefined, {
                         weekday: 'long',
diff --git a/src/client/views/nodes/formattedText/DailyJournal.tsx b/src/client/views/nodes/formattedText/DailyJournal.tsx
index 7999357b0..42c559da4 100644
--- a/src/client/views/nodes/formattedText/DailyJournal.tsx
+++ b/src/client/views/nodes/formattedText/DailyJournal.tsx
@@ -31,7 +31,7 @@ export class DailyJournal extends ViewBoxAnnotatableComponent<FieldViewProps>()
             month: 'long',
             day: 'numeric',
         });
-        console.log('📆 getFormattedDate():', date);
+        console.log('getFormattedDate():', date);
         return date;
     }
 
@@ -56,8 +56,19 @@ export class DailyJournal extends ViewBoxAnnotatableComponent<FieldViewProps>()
 
         console.log('Checking if dataDoc has text field...');
 
+        const styles = { 
+            bold: true,  // Make the journal date bold
+            color: 'blue', // Set the journal date color to blue
+            fontSize: 18 // Set the font size to 18px for the whole text
+        };
+
         console.log('Setting new text field with:', initialText);
-        this.dataDoc[this.fieldKey] = RichTextField.textToRtf(initialText, undefined, placeholderText.length);
+        this.dataDoc[this.fieldKey] = RichTextField.textToRtfFormatting(
+            initialText,
+            undefined, // No image DocId
+            placeholderText.length, // The position for text selection
+            styles // Pass the styles object here
+        );
 
         console.log('Current text field:', this.dataDoc[this.fieldKey]);
     }
diff --git a/src/fields/RichTextField.ts b/src/fields/RichTextField.ts
index 4b1403b88..79ba34ada 100644
--- a/src/fields/RichTextField.ts
+++ b/src/fields/RichTextField.ts
@@ -111,7 +111,7 @@ export class RichTextField extends ObjectField {
                                   type: 'paragraph',
                                   attrs: { align: 'center', color: null, id: null, indent: null, inset: null, lineSpacing: null, paddingBottom: null, paddingTop: null },
                                   content: [
-                                      ...(text ? [{ type: 'text', text }] : []), //
+                                      ...(text ? [{ type: 'text', text }] : []), 
                                       ...(imgDocId ? [{ type: 'dashDoc', attrs: { width: '200px', height: '200px', title: 'dashDoc', float: 'unset', hidden: false, docId: imgDocId } }] : []),
                                   ],
                               },
@@ -122,4 +122,48 @@ export class RichTextField extends ObjectField {
             text
         );
     }
+
+    // AARAV ADD
+
+    public static textToRtfFormatting(
+        text: string, 
+        imgDocId?: string, 
+        selectBack?: number, 
+        styles?: { bold?: boolean, italic?: boolean, fontSize?: number, color?: string }
+    ) {
+        return new RichTextField(
+            !imgDocId
+                ? this.ToProsemirrorState(text, selectBack)
+                : JSON.stringify({
+                      // This is the RichText JSON with the text and optional image
+                      doc: {
+                          type: 'doc',
+                          content: [
+                              {
+                                  type: 'paragraph',
+                                  attrs: { align: 'center', color: null, id: null, indent: null, inset: null, lineSpacing: null, paddingBottom: null, paddingTop: null },
+                                  content: [
+                                      {
+                                          type: 'text',
+                                          text: text,
+                                          marks: [
+                                            ...(styles?.bold ? [{ type: 'bold' }] : []),  
+                                            ...(styles?.italic ? [{ type: 'italic' }] : []),  
+                                            ...(styles?.fontSize ? [{ type: 'textStyle', style: `font-size:${styles.fontSize}px` }] : []),  
+                                            ...(styles?.color ? [{ type: 'textStyle', style: `color:${styles.color}` }] : []), 
+                                        ]
+                                      }
+                                  ]
+                              }
+                          ]
+                      },
+                      selection: { type: 'text', anchor: 2 + text.length, head: 2 + text.length },
+                  }),
+            text
+        );
+    }
+    
+    
+    
+    
 }