@@ -101,7 +111,7 @@ document.addEventListener('DOMContentLoaded', function() {
-
Hello! I'm EduCat AI, your study assistant. I can help you with questions about your notes, study techniques, and academic topics. How can I assist you today?
+
${formattedWelcome}
Just now
@@ -125,18 +135,81 @@ document.addEventListener('DOMContentLoaded', function() {
sendToAI(message);
}
+ function formatMessage(text, isBot = false) {
+ if (!isBot) {
+ // For user messages, just escape HTML and preserve basic formatting
+ return text.replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/\n/g, '
');
+ }
+
+ // For bot messages, apply rich formatting
+ let formatted = text
+ // Escape HTML first
+ .replace(/&/g, '&')
+ .replace(//g, '>');
+
+ // Convert markdown-style formatting
+ // Bold text **text** or __text__
+ formatted = formatted.replace(/\*\*(.*?)\*\*/g, '
$1 ');
+ formatted = formatted.replace(/__(.*?)__/g, '
$1 ');
+
+ // Italic text *text* or _text_
+ formatted = formatted.replace(/(?$1');
+ formatted = formatted.replace(/(?$1');
+
+ // Code blocks ```code```
+ formatted = formatted.replace(/```([\s\S]*?)```/g, '
$1');
+
+ // Inline code `code`
+ formatted = formatted.replace(/`([^`]+)`/g, '
$1');
+
+ // Headers
+ formatted = formatted.replace(/^### (.*$)/gm, '
$1 ');
+ formatted = formatted.replace(/^## (.*$)/gm, '
$1 ');
+ formatted = formatted.replace(/^# (.*$)/gm, '
$1 ');
+
+ // Convert bullet points and numbered lists
+ // Handle bullet points: - item, * item, โข item
+ formatted = formatted.replace(/^[\s]*[-*โข]\s+(.+)$/gm, '
$1 ');
+
+ // Handle numbered lists: 1. item, 2. item, etc.
+ formatted = formatted.replace(/^[\s]*\d+\.\s+(.+)$/gm, '
$1 ');
+
+ // Wrap consecutive list items in proper list containers
+ formatted = formatted.replace(/(
.*?<\/li>)(?:\s* .*?<\/li>)*/gs, function(match) {
+ return '';
+ });
+
+ formatted = formatted.replace(/( .*?<\/li>)(?:\s* .*?<\/li>)*/gs, function(match) {
+ return '' + match.replace(/class="numbered-item"/g, 'class="list-item"') + ' ';
+ });
+
+ // Convert line breaks to or list tags
+ let parts = formatted.split(/(||)/);
+ for (let i = 0; i < parts.length; i += 2) {
+ parts[i] = parts[i].replace(/\n\s*\n/g, '
-
${message}
+
${formattedMessage}
${time}
@@ -153,7 +226,7 @@ document.addEventListener('DOMContentLoaded', function() {
-
${message}
+
${formattedMessage}
${time}
diff --git a/views/dashboard.ejs b/views/dashboard.ejs
index adc90e9..64182d6 100644
--- a/views/dashboard.ejs
+++ b/views/dashboard.ejs
@@ -890,25 +890,100 @@ async function previewRevisedFile(fileId) {
const file = fileInfo.file;
- // Download the file content
- const contentResponse = await fetch(`/uploads/revised-notes/${file.filename}`);
+ // Get file content using the new API endpoint
+ const contentResponse = await fetch(`/api/revised-files/${fileId}/content`);
if (!contentResponse.ok) {
throw new Error('Failed to load file content');
}
- const content = await contentResponse.text();
+ const contentResult = await contentResponse.json();
+ if (!contentResult.success) {
+ throw new Error('Failed to load file content');
+ }
+
+ const content = contentResult.content;
const modal = new bootstrap.Modal(document.getElementById('previewModal'));
+ // Create preview content with display mode toggle
document.getElementById('preview-content').innerHTML = `
-
-
-
AI-Revised Content โข ${file.revisionType} โข From: ${file.originalFileName || 'Unknown'}
+
-
-
${escapeHtml(content)}
+
`;
+ // Add event listeners for display mode toggle
+ const modeMarkdown = document.getElementById('preview-mode-markdown');
+ const modeHtml = document.getElementById('preview-mode-html');
+ const contentContainer = document.getElementById('preview-content-container');
+
+ async function updatePreviewMode() {
+ const selectedMode = document.querySelector('input[name="previewDisplayMode"]:checked').value;
+
+ try {
+ const renderResponse = await fetch('/api/render-revised-content', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ content: content,
+ displayMode: selectedMode,
+ autoDetect: true
+ })
+ });
+
+ const renderResult = await renderResponse.json();
+
+ if (renderResult.success) {
+ if (selectedMode === 'html') {
+ let htmlContent = `
${renderResult.renderedContent}
`;
+
+ if (renderResult.isMarkdownContent) {
+ htmlContent = `
+
+
+ ${htmlContent}
+ `;
+ }
+
+ contentContainer.innerHTML = htmlContent;
+ contentContainer.style.backgroundColor = '#ffffff';
+ } else {
+ contentContainer.innerHTML = `
${escapeHtml(renderResult.renderedContent)} `;
+ contentContainer.style.backgroundColor = '#f8f9fa';
+ }
+ } else {
+ throw new Error(renderResult.error || 'Failed to render content');
+ }
+ } catch (error) {
+ console.error('Error rendering preview:', error);
+ // Fallback to escaped text
+ contentContainer.innerHTML = `
${escapeHtml(content)} `;
+ contentContainer.style.backgroundColor = '#f8f9fa';
+ }
+ }
+
+ modeMarkdown.addEventListener('change', updatePreviewMode);
+ modeHtml.addEventListener('change', updatePreviewMode);
+
modal.show();
} catch (error) {
console.error('Error previewing revised file:', error);
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index 8563293..ac5b4dc 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -4,6 +4,13 @@
<%= title %>
+
+
+
+
+
+
+
diff --git a/views/revise.ejs b/views/revise.ejs
index a6c89d0..8cf67b5 100644
--- a/views/revise.ejs
+++ b/views/revise.ejs
@@ -35,7 +35,20 @@
-
AI-Revised Notes
+
Select a revision type and click "Revise" to see AI-enhanced notes here.
@@ -139,11 +152,72 @@ document.addEventListener('DOMContentLoaded', function() {
const revisionType = document.getElementById('revision-type');
const saveBtn = document.getElementById('save-btn');
const downloadBtn = document.getElementById('download-btn');
+ const displayModeToggle = document.getElementById('display-mode-toggle');
+ const modeMarkdown = document.getElementById('mode-markdown');
+ const modeHtml = document.getElementById('mode-html');
const fileId = '<%= file.id %>';
const content = <%- JSON.stringify(content) %>;
let currentRevisedContent = '';
let currentRevisionType = '';
+ let currentDisplayMode = 'markdown';
+
+ // Handle display mode changes
+ function updateDisplayMode() {
+ if (!currentRevisedContent) return;
+
+ const selectedMode = document.querySelector('input[name="displayMode"]:checked').value;
+ currentDisplayMode = selectedMode;
+
+ renderRevisedContent(currentRevisedContent, selectedMode);
+ }
+
+ // Render revised content based on display mode
+ async function renderRevisedContent(content, displayMode = 'markdown') {
+ try {
+ const response = await fetch('/api/render-revised-content', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ content: content,
+ displayMode: displayMode,
+ autoDetect: true
+ })
+ });
+
+ const result = await response.json();
+
+ if (result.success) {
+ if (displayMode === 'html') {
+ // Render as HTML
+ revisedContent.innerHTML = `
${result.renderedContent}
`;
+
+ // Show format detection info if available
+ if (result.isMarkdownContent) {
+ const formatInfo = document.createElement('div');
+ formatInfo.className = 'alert alert-info alert-sm mb-2';
+ formatInfo.innerHTML = '
';
+ revisedContent.insertBefore(formatInfo, revisedContent.firstChild);
+ }
+ } else {
+ // Show as raw markdown/text
+ revisedContent.innerHTML = `
${escapeHtml(result.renderedContent)} `;
+ }
+ } else {
+ throw new Error(result.error || 'Failed to render content');
+ }
+ } catch (error) {
+ console.error('Error rendering content:', error);
+ // Fallback to escaped text
+ revisedContent.innerHTML = `
${escapeHtml(content)} `;
+ }
+ }
+
+ // Add event listeners for display mode toggle
+ modeMarkdown.addEventListener('change', updateDisplayMode);
+ modeHtml.addEventListener('change', updateDisplayMode);
reviseBtn.addEventListener('click', async function() {
const type = revisionType.value;
@@ -153,6 +227,7 @@ document.addEventListener('DOMContentLoaded', function() {
reviseBtn.disabled = true;
revisionProgress.classList.remove('d-none');
+ displayModeToggle.style.display = 'none'; // Hide toggle during processing
revisedContent.innerHTML = '
Processing...
AI is processing your notes...
';
try {
@@ -175,9 +250,15 @@ document.addEventListener('DOMContentLoaded', function() {
console.log('Revision result:', result);
if (result.success) {
- revisedContent.innerHTML = '
' + escapeHtml(result.revisedContent) + ' ';
currentRevisedContent = result.revisedContent;
currentRevisionType = type;
+
+ // Show display mode toggle
+ displayModeToggle.style.display = 'block';
+
+ // Render content based on current display mode
+ await renderRevisedContent(currentRevisedContent, currentDisplayMode);
+
saveBtn.disabled = false;
downloadBtn.disabled = false;
} else {
diff --git a/views/upload.ejs b/views/upload.ejs
index 14047d5..abfdde3 100644
--- a/views/upload.ejs
+++ b/views/upload.ejs
@@ -14,12 +14,18 @@
Drag & Drop your files here
or click to browse
-
+
+ Supported file types: PDF, Word (.doc, .docx), Excel (.xlsx, .xls), text files (.txt, .md, .json, .csv, .xml)
+ Only text-extractable documents are allowed to ensure optimal AI processing and prevent RAG corruption.
+
+
-
+
PDF Files
Upload PDF documents
-
+
Word Documents
DOC & DOCX files
-
+
-
+
+
Excel Files
+
XLSX & XLS files
+
+
+
+
+
Text Files
-
Plain text documents
+
TXT, MD, JSON, CSV, XML