/gim, '');
-
+
// Line breaks
html = html.replace(/\n\n/gim, '');
html = html.replace(/\n/gim, '
');
-
+
// Clean up empty paragraphs
html = html.replace(/
<\/p>/gim, '');
html = html.replace(/
()/gim, '$1');
@@ -266,9 +266,9 @@ function markdownToHtml(markdown) {
html = html.replace(/(<\/ul>)<\/p>/gim, '$1');
html = html.replace(/(
)/gim, '$1');
html = html.replace(/(<\/pre>)<\/p>/gim, '$1');
-
+
// Wrap in paragraphs
html = '' + html + '
';
-
+
return html;
-}
\ No newline at end of file
+}
diff --git a/demos/chrome-extension/chrome-extension/content.js b/demos/chrome-extension/chrome-extension/content.js
index 8203ca33c4..d583ac7a80 100644
--- a/demos/chrome-extension/chrome-extension/content.js
+++ b/demos/chrome-extension/chrome-extension/content.js
@@ -21,7 +21,7 @@ async function loadModalHTML() {
// Inject CSS for modal
function injectModalCSS() {
if (document.getElementById(`${ID_PREFIX}modal-css`)) return;
-
+
const style = document.createElement('style');
style.id = `${ID_PREFIX}modal-css`;
style.textContent = `
@@ -47,7 +47,7 @@ async function loadSuperDoc() {
cssLink.rel = 'stylesheet';
cssLink.href = chrome.runtime.getURL('lib/style.css');
document.head.appendChild(cssLink);
-
+
// Check if SuperDoc library is available
if (!window.SuperDocLibrary) {
throw new Error('SuperDocLibrary not found - should be loaded via content script');
@@ -57,63 +57,63 @@ async function loadSuperDoc() {
// Create modal
async function createModal() {
if (modalContainer) return modalContainer;
-
+
injectModalCSS();
-
+
// Load external modal CSS
const modalCssLink = document.createElement('link');
modalCssLink.rel = 'stylesheet';
modalCssLink.href = chrome.runtime.getURL('modal.css');
document.head.appendChild(modalCssLink);
-
+
// Load modal HTML from file
const modalHTML = await loadModalHTML();
if (!modalHTML) {
console.error('Failed to load modal HTML');
return null;
}
-
+
const div = document.createElement('div');
div.innerHTML = modalHTML;
modalContainer = div.firstElementChild;
-
+
// Set the logo source after loading the HTML
const logoImg = modalContainer.querySelector(`#${ID_PREFIX}logo`);
if (logoImg) {
// Try to get the page's favicon from gstatic first
const currentDomain = window.location.hostname;
const faviconUrl = `https://www.google.com/s2/favicons?domain=${currentDomain}&sz=32`;
-
+
logoImg.src = faviconUrl;
-
+
// Fallback to extension logo if favicon fails to load
logoImg.onerror = () => {
logoImg.src = chrome.runtime.getURL('icons/logo.webp');
};
}
-
+
// Set the document title
const titleElement = modalContainer.querySelector(`#${ID_PREFIX}document-title`);
if (titleElement && currentFileData) {
const filename = currentFileData.filename.split('/').pop(); // Get just the filename
- const title = filename.replace(/\.[^/.]+$/, ""); // Remove file extension
- titleElement.textContent = title || "Untitled Document";
+ const title = filename.replace(/\.[^/.]+$/, ''); // Remove file extension
+ titleElement.textContent = title || 'Untitled Document';
}
-
+
document.body.appendChild(modalContainer);
-
+
// Setup event listeners
const closeBtn = modalContainer.querySelector(`#${ID_PREFIX}close-btn`);
const downloadBtn = modalContainer.querySelector(`#${ID_PREFIX}download-btn`);
const downloadDropdown = modalContainer.querySelector(`#${ID_PREFIX}download-dropdown`);
const downloadMarkdownBtn = modalContainer.querySelector(`#${ID_PREFIX}download-markdown`);
const downloadHtmlBtn = modalContainer.querySelector(`#${ID_PREFIX}download-html`);
-
+
closeBtn.addEventListener('click', closeModal);
downloadBtn.addEventListener('click', handleDownloadClick);
downloadMarkdownBtn.addEventListener('click', () => exportMarkdown());
downloadHtmlBtn.addEventListener('click', () => exportHTML());
-
+
// Close dropdown when clicking outside
document.addEventListener('click', (e) => {
if (!e.target.closest(`#${ID_PREFIX}download-wrapper`)) {
@@ -127,21 +127,21 @@ async function createModal() {
closeModal();
}
});
-
+
// Close on Escape key
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && modalContainer.style.display !== 'none') {
closeModal();
}
});
-
+
return modalContainer;
}
// Close modal
function closeModal() {
if (!modalContainer) return;
-
+
superdoc = null;
// Remove modal from DOM completely
@@ -153,26 +153,25 @@ function closeModal() {
// Show modal
function showModal() {
if (!modalContainer) return;
-
+
modalContainer.style.display = 'flex';
}
-
// Initialize SuperDoc in modal
async function initSuperdocWithDOCX(data) {
console.log('Initializing SuperDoc in modal');
-
+
try {
if (!window.SuperDocLibrary?.SuperDoc) {
console.error('SuperDocLibrary not available');
showFallback(data);
return;
}
-
+
const file = new File([data.blob], data.filename, { type: data.mimeType });
const fileUrl = URL.createObjectURL(file);
const superdocFile = await SuperDocLibrary.getFileObject(fileUrl, data.filename, data.mimeType);
-
+
const config = {
selector: `#${ID_PREFIX}docx-viewer`,
toolbar: `#${ID_PREFIX}toolbar`,
@@ -181,9 +180,9 @@ async function initSuperdocWithDOCX(data) {
rulers: true,
document: superdocFile,
onReady: () => console.log('SuperDoc ready in modal'),
- onEditorCreate: () => console.log('Editor created in modal')
+ onEditorCreate: () => console.log('Editor created in modal'),
};
-
+
superdoc = new SuperDocLibrary.SuperDoc(config);
// unhide selector
const viewerElement = modalContainer.querySelector(`#${ID_PREFIX}docx-viewer`);
@@ -191,7 +190,6 @@ async function initSuperdocWithDOCX(data) {
viewerElement.style.display = 'flex';
}
console.log('SuperDoc initialized in modal');
-
} catch (error) {
console.error('Error:', error.message);
showFallback(data);
@@ -203,7 +201,7 @@ async function handleDownloadClick() {
const markdownViewer = document.getElementById(`${ID_PREFIX}markdown-viewer`);
const docxViewer = document.getElementById(`${ID_PREFIX}docx-viewer`);
const downloadDropdown = document.getElementById(`${ID_PREFIX}download-dropdown`);
-
+
// Check if this is a markdown file
if (markdownViewer && markdownViewer.style.display !== 'none') {
// Show dropdown for markdown files
@@ -230,7 +228,7 @@ async function downloadCurrentFile() {
await exportMarkdown();
return;
}
-
+
// Export the current document from SuperDoc editor (DOCX files)
const blobToDownload = await superdoc.activeEditor.exportDocx();
@@ -247,12 +245,12 @@ async function downloadCurrentFile() {
if (fileName.includes('/') || fileName.includes('\\')) {
fileName = fileName.split('/').pop().split('\\').pop();
}
-
+
// Send download request to background script
const response = await chrome.runtime.sendMessage({
action: 'downloadFile',
url: dataUrl,
- filename: fileName
+ filename: fileName,
});
if (!response || !response.success) {
@@ -272,8 +270,8 @@ function showFallback(data) {
const k = 1024;
const sizes = ['B', 'KB', 'MB', 'GB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
- const formattedSize = bytes === 0 ? '0 B' : Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
-
+ const formattedSize = bytes === 0 ? '0 B' : Math.round((bytes / Math.pow(k, i)) * 100) / 100 + ' ' + sizes[i];
+
container.innerHTML = `
File: ${data.filename}
@@ -286,14 +284,14 @@ function showFallback(data) {
// Initialize SuperDoc with HTML content for markdown files
async function initSuperdocWithHTML(data) {
console.log('Initializing SuperDoc with HTML content');
-
+
try {
if (!window.SuperDocLibrary?.SuperDoc) {
console.error('SuperDocLibrary not available');
showMarkdownFallback(data);
return;
}
-
+
// Create a simple HTML document structure
const htmlContent = `
@@ -314,8 +312,7 @@ async function initSuperdocWithHTML(data) {