From ac279473481c80c76c67553c63e7d656decafdb7 Mon Sep 17 00:00:00 2001
From: Adityasinh <work.adityasodha@gmail.com>
Date: Sat, 28 Dec 2024 19:17:00 +0530
Subject: [PATCH] add sample code

---
 scripts/script.js | 129 +++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 123 insertions(+), 6 deletions(-)

diff --git a/scripts/script.js b/scripts/script.js
index dc56019..e2882d2 100644
--- a/scripts/script.js
+++ b/scripts/script.js
@@ -8,7 +8,6 @@ const settingsMenu = document.getElementById('settings-menu');
 const editorContainer = document.querySelector('.editor-container');
 let isResizing = false;
 
-
 editorContainer.addEventListener('mousedown', (e) => {
     if (e.target === editorContainer) {
         isResizing = true;
@@ -149,6 +148,127 @@ themeSelector.addEventListener('change', (e) => {
 });
 
 
+document.addEventListener("DOMContentLoaded", () => {
+    const markdownInput = document.getElementById("markdown-input");
+    const preview = document.getElementById("preview");
+
+    // Sample Markdown code
+    const sampleMarkdown = `
+# MaxEdit
+
+# H1 Header
+## H2 Header
+### H3 Header
+#### H4 Header
+##### H5 Header
+###### H6 Header
+
+## Emphasis
+
+*Italic text using asterisks*
+
+_Italic text using underscores_
+
+**Bold text using double asterisks**
+
+__Bold text using double underscores__
+
+***Bold and italic text using triple asterisks***
+
+___Bold and italic text using triple underscores___
+
+## Lists
+
+### Unordered List
+
+- Item 1
+  - Subitem 1.1
+  - Subitem 1.2
+- Item 2
+
+### Ordered List
+
+1. First item
+2. Second item
+   1. Subitem 2.1
+   2. Subitem 2.2
+
+## Links
+
+You are using [MaxEdit](https://adityasinh-sodha.github.io/MaxEdit/) by [Adityasinh](https://bento.me/adityasinh)
+
+## Images
+
+![maxedit](https://simgbb.com/avatar/RT7C7DzzyZ2h.png) 
+
+## Blockquotes
+
+> This is a blockquote.
+>
+> Another line in the blockquote.
+
+
+## Tables
+
+| Column 1 | Column 2 | Column 3 |
+|----------|----------|----------|
+| Row 1    | Data 1.2 | Data 1.3 |
+| Row 2    | Data 2.2 | Data 2.3 |
+
+## Task Lists
+
+- [x] Task 1
+- [ ] Task 2
+- [ ] Task 3
+
+
+## Strikethrough
+
+~~This text is strikethrough.~~
+
+## Custom Syntax Highlighting
+
+
+
+## Author
+Developed by **Adityasinh**.
+    `;
+
+    const updatePreview = () => {
+        const markdownContent = markdownInput.innerText.trim();
+        if (markdownContent === "") {
+            preview.innerHTML = "";
+        } else {
+            const sanitizedHTML = DOMPurify.sanitize(marked.parse(markdownContent));
+            preview.innerHTML = sanitizedHTML;
+
+            preview.querySelectorAll("pre code").forEach((block) => {
+                Prism.highlightElement(block);
+            });
+        }
+    };
+
+    markdownInput.innerText = sampleMarkdown;
+
+    const tempDiv = document.createElement("div");
+    tempDiv.innerHTML = Prism.highlight(sampleMarkdown, Prism.languages.markdown, "markdown");
+    markdownInput.innerHTML = tempDiv.innerHTML;
+
+    const observer = new MutationObserver(() => {
+        updatePreview();
+    });
+
+    observer.observe(markdownInput, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+
+    updatePreview();
+});
+
+
+
 document.addEventListener("DOMContentLoaded", () => {
     const editorContainer = document.querySelector(".editor-container");
     const markdownInput = document.getElementById("markdown-input");
@@ -156,7 +276,6 @@ document.addEventListener("DOMContentLoaded", () => {
     const toolbar = document.querySelector(".top-toolbar");
     let toggleBtn = document.getElementById("toggle-btn");
 
-    
     if (!toggleBtn) {
         toggleBtn = document.createElement("button");
         toggleBtn.id = "toggle-btn";
@@ -184,18 +303,16 @@ document.addEventListener("DOMContentLoaded", () => {
         preview.style.height = "100%";
 
         document.body.style.overflow = "hidden"; 
-        toggleBtn.textContent = "Minimize"; "
+        toggleBtn.textContent = "Minimize"; 
     }
 
-    
     maximizeEditor();
 
-   
     toggleBtn.addEventListener("click", () => {
         const isMaximized = toggleBtn.textContent === "Minimize";
 
         if (isMaximized) {
-            
+            // Minimize logic
             editorContainer.style.position = "relative";
             editorContainer.style.width = "60%"; 
             editorContainer.style.height = "70%";