Update static/index.html

static/index.html

@@ -71,28 +71,44 @@
             parseSRT: (data) => {
                 if (!data) return [];
                 const normalized = data.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-                const blocks = normalized.trim().split(/\n\s*\n/);
+                
+                // Robust Regex-based parsing to handle inconsistent spacing/newlines
+                // Looks for: Line with Digits (ID) -> Newline -> Timestamp Line
+                const regex = /(\d+)\n(\d{2}:\d{2}:\d{2}[,.]\d{3}\s*-->\s*\d{2}:\d{2}:\d{2}[,.]\d{3})/g;
+                
                 const parsed = [];
-                blocks.forEach(block => {
-                    const lines = block.split('\n').map(l => l.trim()).filter(l => l);
-                    if (lines.length < 2) return;
+                let match;
+                const matches = [];
+                
+                // 1. Scan for all headers first
+                while ((match = regex.exec(normalized)) !== null) {
+                    matches.push({
+                        id: match[1],
+                        time: match[2],
+                        index: match.index,
+                        endHeader: match.index + match[0].length
+                    });
+                }
+                
+                // 2. Extract content between headers
+                matches.forEach((m, i) => {
+                    const nextMatch = matches[i + 1];
+                    const startText = m.endHeader;
+                    const endText = nextMatch ? nextMatch.index : normalized.length;
                     
-                    let timeLineIndex = lines.findIndex(l => l.includes('-->'));
-                    if (timeLineIndex !== -1) {
-                        const timeLine = lines[timeLineIndex];
-                        const id = timeLineIndex > 0 ? lines[timeLineIndex - 1] : String(parsed.length + 1);
-                        const textLines = lines.slice(timeLineIndex + 1);
-                        const text = textLines.length > 0 ? textLines.join(' ') : "[BLANK SUBTITLE]";
-                        const startTimeStr = timeLine.split('-->')[0].trim();
-                        
-                        parsed.push({
-                            id: id,
-                            time: timeLine,
-                            startTimeMs: Helpers.timeStringToMs(startTimeStr),
-                            text: text
-                        });
-                    }
+                    const textRaw = normalized.substring(startText, endText).trim();
+                    const text = textRaw || "[BLANK SUBTITLE]";
+                    
+                    const startTimeStr = m.time.split('-->')[0].trim();
+                    
+                    parsed.push({
+                        id: m.id,
+                        time: m.time,
+                        startTimeMs: Helpers.timeStringToMs(startTimeStr),
+                        text: text
+                    });
                 });
+                
                 return parsed;
             }
         };
@@ -299,7 +315,7 @@
                         </div>
                         <div className="col-span-9 flex flex-col justify-center">
                             <div className="flex items-center justify-between mb-1">
-                                <span className="text-xs font-bold text-slate-400 uppercase">Line #{parseInt(item.id) + 1}</span>
+                                <span className="text-xs font-bold text-slate-400 uppercase">Line #{parseInt(item.id)}</span>
                                 <span className="text-xs font-mono text-slate-500 bg-slate-100 px-2 py-0.5 rounded">{item.srt.time.split('-->')[0].trim()}</span>
                             </div>
                             <div className="text-sm font-medium text-slate-800 p-2 bg-slate-50 rounded border border-slate-100 group-hover:bg-white">{item.srt.text}</div>
@@ -400,7 +416,7 @@
 
                     if (hasArchive) {
                         displayItems = parsedSrt.map((srt, idx) => ({
-                            id: idx,
+                            id: srt.id,
                             srt: srt,
                             imgName: "Inside Archive",
                             imgUrl: null,
@@ -416,7 +432,7 @@
                         displayItems = parsedSrt.map((srt, idx) => {
                             const matchedImg = images[idx];
                             return {
-                                id: idx,
+                                id: srt.id,
                                 srt: srt,
                                 imgName: matchedImg ? matchedImg.file.name : "Missing Image",
                                 imgUrl: matchedImg ? URL.createObjectURL(matchedImg.file) : null,
@@ -425,7 +441,7 @@
                         });
                     } else {
                         displayItems = parsedSrt.map((srt, idx) => ({
-                            id: idx,
+                            id: srt.id,
                             srt: srt,
                             imgName: "Waiting for media...",
                             imgUrl: null,