Spaces:

OrganizedProgrammers
/

Docxtract

Sleeping

App Files Files Community

Lucas ARRIESSE commited on Aug 4

Commit

e4907af

1 Parent(s): 4036d98

Add timeline export real quick

Browse files

Files changed (3) hide show

static/index.html +6 -2
static/js/app.js +3 -2
static/js/ui.js +47 -0

static/index.html CHANGED Viewed

@@ -8,6 +8,7 @@
     <!--See JS imports for ESM modules-->
     <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
     <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 </head>
 <body class="bg-gray-100 min-h-screen">
@@ -376,9 +377,9 @@
                                         </textarea>
                                     </div>
                                     <div class="card-actions justify-end mt-6">
-                                        <button id="fto-analysis-btn" class="btn btn-warning">Perform FTO on
                                             draft</button>
-                                        <button id="refine-btn" class="btn btn-primary">Refine draft</button>
                                     </div>
                                 </div>
                             </div>
@@ -397,6 +398,9 @@
                                     </ul>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>

     <!--See JS imports for ESM modules-->
     <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
     <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js "></script>
 </head>
 <body class="bg-gray-100 min-h-screen">
                                         </textarea>
                                     </div>
                                     <div class="card-actions justify-end mt-6">
+                                        <button id="fto-analysis-btn" class="btn btn-warning">🔎 Perform FTO on
                                             draft</button>
+                                        <button id="refine-btn" class="btn btn-primary">📝 Refine draft</button>
                                     </div>
                                 </div>
                             </div>
                                     </ul>
                                 </div>
                             </div>
+                            <div class="card-actions justify-center mt-6 mb-4">
+                                <button id="export-timeline-btn" class="btn btn-primary">📦 Export Timeline</button>
+                            </div>
                         </div>
                     </div>
                 </div>

static/js/app.js CHANGED Viewed

@@ -3,7 +3,7 @@ import {
     toggleElementsEnabled, toggleContainersVisibility, showLoadingOverlay, hideLoadingOverlay, populateSelect,
     populateCheckboxDropdown, populateDaisyDropdown, extractTableData, switchTab, enableTabSwitching, debounceAutoCategoryCount,
     bindTabs, checkPrivateLLMInfoAvailable, moveSolutionToDrafts, buildSolutionSubCategories, handleDraftRefine, renderDraftUI, populateLLMModelSelect,
-    displayFullAssessment, handleSaveConfigFields, handleLoadConfigFields, handleFTOAnalysis, handleClearConfig
 } from "./ui.js";
 import { postWithSSE } from "./sse.js";
@@ -1096,4 +1096,5 @@ document.getElementById('read-assessment-button').addEventListener('click', _ =>
 // Events des boutons pour le drafting de solutions
 document.getElementById('refine-btn').addEventListener('click', handleDraftRefine);
-document.getElementById('fto-analysis-btn').addEventListener('click', handleFTOAnalysis);

     toggleElementsEnabled, toggleContainersVisibility, showLoadingOverlay, hideLoadingOverlay, populateSelect,
     populateCheckboxDropdown, populateDaisyDropdown, extractTableData, switchTab, enableTabSwitching, debounceAutoCategoryCount,
     bindTabs, checkPrivateLLMInfoAvailable, moveSolutionToDrafts, buildSolutionSubCategories, handleDraftRefine, renderDraftUI, populateLLMModelSelect,
+    displayFullAssessment, handleSaveConfigFields, handleLoadConfigFields, handleFTOAnalysis, handleClearConfig, handleExportDrafts
 } from "./ui.js";
 import { postWithSSE } from "./sse.js";
 // Events des boutons pour le drafting de solutions
 document.getElementById('refine-btn').addEventListener('click', handleDraftRefine);
+document.getElementById('fto-analysis-btn').addEventListener('click', handleFTOAnalysis);
+document.getElementById('export-timeline-btn').addEventListener('click', handleExportDrafts)

static/js/ui.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { marked } from 'https://cdnjs.cloudflare.com/ajax/libs/marked/16.1.1/lib/marked.esm.js';
 import { assessSolution, getModelList, refineSolution, runFTOAnalysis } from "./gen.js"
 import { clearConfig, loadConfig, saveConfig } from "./persistence.js";
@@ -738,4 +739,50 @@ export function displayFullAssessment() {
     }
     modal.showModal();
 }

 import { marked } from 'https://cdnjs.cloudflare.com/ajax/libs/marked/16.1.1/lib/marked.esm.js';
+// import { JSZip } from 'https://cdn.jsdelivr.net/npm/jszip@3.10.1/+esm';
 import { assessSolution, getModelList, refineSolution, runFTOAnalysis } from "./gen.js"
 import { clearConfig, loadConfig, saveConfig } from "./persistence.js";
     }
     modal.showModal();
+}
+/**
+ * Exports asynchronously all drafts in the timeline
+ */
+export async function handleExportDrafts() {
+    if (draftHistory.length === 0) {
+        alert("No drafts to export!");
+        return;
+    }
+    console.log("Starting ZIP export...");
+    const zip = new JSZip();
+    const separator = '-----------------------------------------';
+    // Loop through each draft in the history
+    draftHistory.forEach((draft, index) => {
+        const fileContent = `## Problem Description\n\n${draft.solution.solution_description}\n\n## Solution\n\n${draft.solution.solution_description}\n\n${separator}\n\n## Assessment \n\n${draft.assessment_full}`;
+        // Define a unique filename for each draft
+        const fileName = `${draft.type}_${index + 1}.txt`;
+        zip.file(fileName, fileContent);
+    });
+    // 5. Generate the complete zip file as a "blob"
+    // This is an asynchronous operation, so we use .then() or await
+    try {
+        const content = await zip.generateAsync({ type: "blob" });
+        // 6. Trigger the download in the browser
+        // Create a temporary link element
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(content);
+        link.download = "drafts_export.zip"; // The name of the downloaded zip file
+        // Append to the document, click, and then remove
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        console.log("ZIP file generated and download triggered.");
+    } catch (error) {
+        console.error("Error exporting drafts to zip file:", error);
+    }
 }