recover generateProofTreeHTML function in sequentAst.js for possible future functionality

src/App.vue

@@ -173,7 +173,6 @@ export default {
 
     handleSubmitAnswer(input) {
 
-    
       const topsStrings = input.standardAnswer;
       const rule = this.ruleToLatex(input.rule);
 

src/utils/sequentAst.js

@@ -37,6 +37,34 @@ function generateNodeHTML(node) {
 }
 
 
+// top is empty list
+function generateProofTreeHTML(node) {
+
+    if (!node) return '';
+ 
+    // Generate a unique id
+    const uniqueId = `tops-${nodeIdCounter++}`;
+
+    // Generate HTML for the current node
+    let html = `<div class="node" original-input-string="${node.bottomString}">`;
+
+    html += `<div class="topsLatex" id="${uniqueId}">`;
+
+    // If the node has a rule, display the rule, the bar and the children nodes
+    if (node.rule) {
+
+        // Recursively process prerequisite nodes
+        node.topsLatex.forEach(childNode => {
+            html += generateProofTreeHTML(childNode);
+        });
+
+        html += `<div class="bar"><div class="rule">\\(${node.rule}\\)</div></div>`;
+    }
+    html += '</div>';
+
+    html += `<div class="bottomLatex"><span class="math">\\(${node.bottomLatex}\\)</span></div>`;
+}
+
 
 
 
@@ -70,5 +98,6 @@ module.exports = {
     isSequentNode,
     linkSequentNode,
     generateNodeHTML,
+    generateProofTreeHTML,
     addRule,
 };
\ No newline at end of file