struct for markdown, with a numbering algorithm for each node that goes in the form of #a#b#c

lib/collapsableEmailsWeb.dart

@@ -1,5 +1,3 @@
-import 'dart:js_interop';
-import 'package:web/web.dart' as web;
 import 'package:flutter/material.dart';
 import 'api_service.dart';
 import 'structs.dart';
@@ -25,59 +23,53 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
   List<String> emailsHTML = []; //html of the emails in the thread
   // build attachments with the forldar name and id
   Set<int> _expandedEmails = {}; //open emails
-  List viewtypeIDs = []; //IDs of the viewtypes, order matters
-  List heightOfViewTypes = []; //the height of each viewtype
+
   List<SerializableMessage> emailsInThread = [];
   bool _isLoaded = false;
-  static bool _isListenerRegistered = false;
-  static bool left = true;
-  static bool right = true;
-  web.EventListener? _listener;
   List<String> hirarchy = ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
   Map<String, int> hirarchyDict = {
     "h1": 1,
     "h2": 2,
     "h3": 3,
     "h4": 4,
-    "h5": 6,
-    "h6": 7,
+    "h5": 5,
+    "h6": 6,
     "p": 8,
     "ul": 8,
     "li": 8,
   };
 
   List<String> tagsCollected = [];
-  String markdown = '';
+  List<String> allMarkdown = [];
   List<List<String>> sentinel = [];
   int level = 0;
   AugmentTree zoomTreeRoot = AugmentTree();
-  late AugmentTree currentZoomNode;
+  // late AugmentTree currentZoomNode;
+  late List<AugmentTree> currentZoomTree = [];
   bool zoomOut = false;
   bool zoomIn = true;
+  late List<AugmentTree> threadNodes = [];
 
   @override
   void initState() {
     super.initState();
+    threadNodes = [];
+    currentZoomTree = [];
     _markdownConverter();
-    // _registerViewFactory(widget.threadHTML);
     _serializableData(widget.threadIDs); // this
-    _markdown2Tree(markdown);
-    _keyListener();
-    _buildForZooms();
+    _markdown2Tree(allMarkdown);
   }
 
   @override
   void dispose() {
-    if (_listener != null) {
-      web.window.document.removeEventListener('keydown', _listener!);
-      _listener = null;
-      _isListenerRegistered = false;
-    }
     super.dispose();
   }
 
   void _markdownConverter() async {
-    markdown = html2md.convert(widget.threadHTML[0]);
+    for (int email = 0; email < widget.threadHTML.length; email++) {
+      String markdown = html2md.convert(widget.threadHTML[email]);
+      allMarkdown.add(markdown);
+    }
   }
 
   void _add2Tree(AugmentTree tree, md.Element node2add) {
@@ -89,7 +81,6 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
     //1. a node that comes is lower than the root.children last, if so it goes beneath it
     if (tree.children.isEmpty) {
       // new level to be created when totally empty
-      print('is empty');
       tree.children.add(newNode);
       newNode.parent = tree;
     } else if (tree.children.isNotEmpty &&
@@ -128,99 +119,69 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
         _add2Tree(tree.children.last, node2add);
       } else if ((hirarchyDict[node2add.tag] ?? -1) ==
           (hirarchyDict[tree.children.last.ogTag] ?? -1)) {
-        // print("equals??");
         tree.children.add(newNode);
         newNode.parent = tree;
       }
     }
   }
 
-  void _markdown2Tree(String text) {
+  void _markdown2Tree(List<String> text) {
     print("started markdown2tree");
-    final List<md.Node> nakedList = md.Document().parseLines(text.split('\n'));
-    List<String> pList = [];
-    List<String> h1List = [];
-    List<String> h2List = [];
-    List<String> h3List = [];
-    List<String> h4List = [];
-    List<String> h5List = [];
-    List<String> h6List = [];
-
+    for (int emailsMD = 0; emailsMD < text.length; emailsMD++) {
+      final List<md.Node> nakedList =
+          md.Document().parseLines(text[emailsMD].split('\n'));
+      zoomTreeRoot = AugmentTree();
       for (var node in nakedList) {
         //maybe do an add function, but isn't this it?
         if (node is md.Element) {
-        // print(node.textContent);
           AugmentTree temp = AugmentTree();
           temp.data = node.textContent;
           temp.ogTag = node.tag;
           if (node.tag == 'h1') {
-          h1List.add(node.textContent);
+            // make this O(1)
             _add2Tree(zoomTreeRoot, node);
           } else if (node.tag == 'h2') {
             // i dont add any since i dont have it, maybe the function makes sense
-          h2List.add(node.textContent);
             _add2Tree(zoomTreeRoot, node); // fix this
           } else if (node.tag == 'h3') {
-          h3List.add(node.textContent);
             _add2Tree(zoomTreeRoot, node);
           } else if (node.tag == 'h4') {
-          h4List.add(node.textContent); //this broke it
             _add2Tree(zoomTreeRoot, node); // change to temp
           } else if (node.tag == 'h5') {
-          h5List.add(node.textContent);
-          print(node.textContent);
             _add2Tree(zoomTreeRoot, node);
           } else if (node.tag == 'h6') {
-          h6List.add(node.textContent);
             _add2Tree(zoomTreeRoot, node); // fix this
           } else if (node.tag == 'p' || node.tag == 'ul' || node.tag == 'li') {
-          pList.add(node.textContent);
             _add2Tree(zoomTreeRoot, node); // fix this
           }
         }
       }
+      zoomTreeRoot.addNumbering();
+      threadNodes.add(zoomTreeRoot);
+      currentZoomTree.add(zoomTreeRoot);
+    }
 
-    this.sentinel = [h1List, h2List, h3List, h4List, h5List, h6List, pList];
-    sentinel.removeWhere((hList) => hList.isEmpty);
-    currentZoomNode = zoomTreeRoot;
     if (!mounted) return;
     setState(() {
       _isLoaded = true;
     });
   }
 
-  void handleKeyDownMD(web.Event event) async {
-    final keyEvent = event as web.KeyboardEvent;
-
-    if (!mounted) return;
-    if (keyEvent.key == 'a') {
-      print("key a");
-      setState(() {
-        level = (level - 1).clamp(0, sentinel.length - 1);
-      });
-    } else if (keyEvent.key == "b") {
-      print("b");
-      setState(() {
-        level = (level + 1).clamp(0, sentinel.length - 1);
-      });
-    }
-  }
-
-  void _goToChildren(int index) async {
-    final target = currentZoomNode.children[index];
+  void _goToChildren(int indexThread, int index) async {
+    final target = currentZoomTree[indexThread].children[index];
     if (target.children.isNotEmpty) {
       setState(() {
-        currentZoomNode = target;
+        currentZoomTree[indexThread] = target;
       });
     } else {
       print("This child has no further children.");
     }
   }
 
-  void _goToParent() async {
-    if (currentZoomNode.parent != null) {
+  void _goToParent(int indexThread) async {
+    if (currentZoomTree[indexThread].parent != null) {
       setState(() {
-        currentZoomNode = currentZoomNode.parent!;
+        currentZoomTree[indexThread] = currentZoomTree[indexThread].parent!;
       });
     } else {
       print("Already at root.");
@@ -230,82 +191,30 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
   void _serializableData(String threadID) async {
     emailsInThread = await ApiService().threadsInSerializable(threadID);
     print("done thread serializable");
+
     if (!mounted) return;
     setState(() {
       _isLoaded = true;
     });
   }
 
-  void handleKeyDownHTML(web.Event event) {
-    final keyEvent = event as web.KeyboardEvent;
-
-    if (keyEvent.key == 'G') {
-      print('You pressed the "G" key!');
-      final rightPurpleNums = web.document.getElementsByClassName("right");
-      _CollapsableEmailsState.right = !_CollapsableEmailsState.right;
-      final newOpacity = _CollapsableEmailsState.right ? '1.0' : '0.0';
-      for (int i = 0; i < rightPurpleNums.length; i++) {
-        final currentElement = rightPurpleNums.item(i) as web.HTMLElement;
-        currentElement.style.opacity = newOpacity;
-      }
-    } else if (keyEvent.key == 'H') {
-      print('You pressed the "H" key!');
-      final leftPurpleNums = web.document.getElementsByClassName("left");
-      _CollapsableEmailsState.left = !_CollapsableEmailsState.left;
-      final newOpacity = _CollapsableEmailsState.left ? '1.0' : '0.0';
-      for (int i = 0; i < leftPurpleNums.length; i++) {
-        final currentElement = leftPurpleNums.item(i) as web.HTMLElement;
-        currentElement.style.opacity = newOpacity;
-      }
-    } else if (keyEvent.key == 'm') {
-      print("you pressed 'm'");
-      final purpleNums = web.document.getElementsByClassName("purplenumber");
-      _CollapsableEmailsState.left = true;
-      _CollapsableEmailsState.right = true;
-
-      for (int i = 0; i < purpleNums.length; i++) {
-        final currentElement = purpleNums.item(i) as web.HTMLElement;
-        currentElement.style.opacity = '1.0';
-      }
-    } else if (keyEvent.key == 'n') {
-      print("you pressed 'n'");
-      final purpleNums = web.document.getElementsByClassName("purplenumber");
-      _CollapsableEmailsState.left = false;
-      _CollapsableEmailsState.right = false;
-
-      for (int i = 0; i < purpleNums.length; i++) {
-        final currentElement = purpleNums.item(i) as web.HTMLElement;
-        currentElement.style.opacity = '0.0';
-      }
-    } else if (keyEvent.key == 'w') {
-      print("you pressed 'w'");
-    }
-  }
-
-  void _keyListener() {
-    if (_isListenerRegistered) return;
-    _isListenerRegistered = true;
-
-    // Convert the top-level function to JS-compatible
-    // _listener = handleKeyDownHTML.toJS;
-    _listener = handleKeyDownMD.toJS;
-
-    web.window.document.addEventListener('keydown', _listener!);
-  }
-
-  Widget _buildForZooms({Key? key}) {
+  Widget _buildForZooms(int indexThread) {
+    // IF I GIVE IT THE INDEX????
     if (!_isLoaded) {
       return const Center(child: CircularProgressIndicator()); // loading screen
     }
-    final canZoomOut = currentZoomNode.parent != null;
+
+    final AugmentTree currentZoomNodeForThisEmail =
+        currentZoomTree[indexThread];
+
+    final canZoomOut = currentZoomNodeForThisEmail.parent != null;
 
     return ListView.builder(
-      key: key,
-      itemCount: currentZoomNode.children.length,
+      itemCount: currentZoomNodeForThisEmail.children.length,
       itemBuilder: (context, index) {
-        final childNode = currentZoomNode.children[index];
+        final childNode = currentZoomNodeForThisEmail.children[index];
         final canZoomIn = childNode.children.isNotEmpty;
-
+        // currentZoomNodeForThisEmail.addNumbering();
         return Padding(
           padding: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 6.0),
           child: Material(
@@ -323,12 +232,13 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
                     children: [
                       OutlinedButton(
                         onPressed:
-                            canZoomOut ? () => _goToParent() : null,
+                            canZoomOut ? () => _goToParent(indexThread) : null,
                         child: Icon(Icons.north_west_sharp),
                       ),
                       OutlinedButton(
-                        onPressed:
-                            canZoomIn ? () => _goToChildren(index) : null,
+                        onPressed: canZoomIn
+                            ? () => _goToChildren(indexThread, index)
+                            : null,
                         child: Icon(Icons.south_east_sharp),
                       ),
                     ],
@@ -336,12 +246,17 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
                   SizedBox(width: 12.0),
                   Expanded(
                     child: MarkdownBlock(
-                      data: currentZoomNode
-                          .children[index].data, // one string of markdown
+                      data: childNode.data,
+                      // data: currentZoomNode
+                      //     .children[index].data, // one string of markdown
                       config: MarkdownConfig
                           .darkConfig, // or lightConfig depending on theme
                     ),
                   ),
+                  Text(
+                    childNode.numbering,
+                    style: TextStyle(color: Color(Colors.purple[400]!.value)),
+                  )
                 ],
               ),
             ),
@@ -382,7 +297,8 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
                             minHeight: 100,
                             maxHeight: MediaQuery.of(context).size.height * 0.6,
                           ),
-                          child: _buildForZooms(key: ValueKey(currentZoomNode)),
+                          child: _buildForZooms(index), //show the tree
+                          // child: _buildForZooms(key: ValueKey(currentZoomNode)),
                         ),
                       Divider(),
                     ],

lib/structs.dart

@@ -1,6 +1,7 @@
 //data structures
 
 import 'dart:typed_data';
+import 'package:markdown/markdown.dart' as md;
 
 class GetThreadResponse {
   final int id;
@@ -151,6 +152,48 @@ class AttachmentResponse {
 }
 
 class AugmentTree {
-  List children = [];
-  AugmentTree? node;
+  List<AugmentTree> children = [];
+
+  String data = '';
+  AugmentTree? parent;
+  String ogTag = '';
+  String numbering = '';
+
+  void setData(String data) {
+    this.data = data;
+  }
+
+  static String _intToLetter(int index) {
+    return String.fromCharCode('a'.runes.first + index);
+  }
+
+  void addNumbering({String prefix = ''}) {
+    //if called in root, numbers them all
+    for (int i = 0; i < children.length; i++) {
+      final child = children[i];
+      String childNumbering;
+      bool parentIsLettered = prefix.contains(RegExp(r'[a-z]'));
+      if (prefix.isEmpty) {
+        parentIsLettered = false;
+      } else {
+        parentIsLettered = prefix.runes.last >= 'a'.runes.first &&
+                                  prefix.runes.last <= 'z'.runes.first;
+      }
+
+      if (prefix.isEmpty) {
+        // Top-level children (direct children of the original root being numbered) get 1, 2, 3...
+        childNumbering = (i + 1).toString();
+      } else if (parentIsLettered) {
+        // Deeper children get '1a', '1b', '2a', '2b', etc.
+        childNumbering = '$prefix${i + 1}';
+      } else {
+        childNumbering = '$prefix${_intToLetter(i)}';
+      }
+
+      child.numbering = childNumbering;
+
+      // Recursively call for children
+      child.addNumbering(prefix: childNumbering);
+    }
+  }
 }