refactor: Still trying to reorganize edit mode to be more robust

markitect/static/js/core/section-manager.js

@@ -340,39 +340,51 @@ class SectionManager {
     }
 
     createSectionsFromMarkdown(markdownContent) {
-        const lines = markdownContent.split('\n');
+        // Split content into blocks separated by double newlines
+        const blocks = markdownContent.split(/\n\s*\n/);
         const sections = [];
-        let currentSection = '';
         let position = 0;
 
-        for (let i = 0; i < lines.length; i++) {
-            const line = lines[i];
-            const isHeading = /^#{1,6}\s/.test(line);
-            const isNewParagraph = line.trim() && i > 0 && !lines[i-1].trim();
-            const isNewSection = isHeading || isNewParagraph;
+        for (const block of blocks) {
+            const trimmedBlock = block.trim();
+            if (!trimmedBlock) continue;
 
-            if (isNewSection && currentSection.trim()) {
+            // Check if this block should be split further
+            const lines = trimmedBlock.split('\n');
+            let currentSection = '';
+
+            for (let i = 0; i < lines.length; i++) {
+                const line = lines[i];
+                const isHeading = /^#{1,6}\s/.test(line.trim());
+                const isImage = /^\s*!\[.*?\]\(.*?\)\s*$/.test(line);
+
+                // Each heading or image starts a new section
+                if ((isHeading || isImage) && currentSection.trim()) {
+                    // Save the previous section
+                    const sectionId = Section.generateId(currentSection, position);
+                    const sectionType = Section.detectType(currentSection);
+                    const section = new Section(sectionId, currentSection.trim(), sectionType);
+                    sections.push(section);
+                    this.sections.set(sectionId, section);
+                    position++;
+                    currentSection = line;
+                } else {
+                    if (currentSection) currentSection += '\n';
+                    currentSection += line;
+                }
+            }
+
+            // Save the final section from this block
+            if (currentSection.trim()) {
                 const sectionId = Section.generateId(currentSection, position);
                 const sectionType = Section.detectType(currentSection);
                 const section = new Section(sectionId, currentSection.trim(), sectionType);
                 sections.push(section);
                 this.sections.set(sectionId, section);
                 position++;
-                currentSection = line;
-            } else {
-                if (currentSection) currentSection += '\n';
-                currentSection += line;
             }
         }
 
-        if (currentSection.trim()) {
-            const sectionId = Section.generateId(currentSection, position);
-            const sectionType = Section.detectType(currentSection);
-            const section = new Section(sectionId, currentSection.trim(), sectionType);
-            sections.push(section);
-            this.sections.set(sectionId, section);
-        }
-
         this.emit('sections-created', { sections, count: sections.length });
         return sections;
     }