diff --git a/.gitignore b/.gitignore
index 4ca65c5..f43d2ac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -204,3 +204,8 @@ coverage/
*password*
# Notes to self: NEVER commit files with these patterns!
+
+# ===========================================
+# IGNORED DATA FOLDERS
+# ===========================================
+SAMPLE/
diff --git a/deploy-sync-upgrade-b64.ps1 b/deploy-sync-upgrade-b64.ps1
new file mode 100644
index 0000000..e79cfa3
--- /dev/null
+++ b/deploy-sync-upgrade-b64.ps1
@@ -0,0 +1,48 @@
+$Server = "172.16.69.219"
+$User = "root"
+$Pass = "Q4dv!Z`$nCe#`$OT&h"
+$RemotePath = "/var/www/web-page-performance-test"
+
+function Send-File-B64 {
+ param($LocalFile, $RemotePath)
+ echo "📄 Sending $LocalFile (Base64)..."
+
+ # Read file bytes and convert to Base64 string (single line)
+ $ContentBytes = [System.IO.File]::ReadAllBytes($LocalFile)
+ $B64 = [Convert]::ToBase64String($ContentBytes)
+
+ # Send command: echo "B64" | base64 -d > path
+ $Command = "echo '$B64' | base64 -d > $RemotePath"
+
+ # Execute via plink (non-interactive)
+ plink -batch -pw "$Pass" "$User@$Server" $Command
+
+ if ($LASTEXITCODE -ne 0) { throw "Failed to send $LocalFile" }
+}
+
+try {
+ # Send files using Base64 method
+ Send-File-B64 ".\auto-sync-robust.sh" "$RemotePath/auto-sync.sh"
+ Send-File-B64 ".\web-page-performance-test-sync.service" "/etc/systemd/system/web-page-performance-test-sync.service"
+ Send-File-B64 ".\web-page-performance-test-sync.timer" "/etc/systemd/system/web-page-performance-test-sync.timer"
+
+ # Configure server
+ echo "⚙️ Configuring Systemd Timer on server..."
+ $Commands = @(
+ "chmod +x $RemotePath/auto-sync.sh",
+ "crontab -l | grep -v 'auto-sync.sh' | crontab -", # Remove old cron job
+ "systemctl daemon-reload",
+ "systemctl enable web-page-performance-test-sync.timer",
+ "systemctl start web-page-performance-test-sync.timer",
+ "systemctl status web-page-performance-test-sync.timer --no-pager",
+ "echo '✅ Systemd Timer Upgrade Complete!'"
+ )
+ $CommandStr = $Commands -join " && "
+
+ plink -batch -pw "$Pass" "$User@$Server" $CommandStr
+
+}
+catch {
+ echo "❌ Error: $_"
+ exit 1
+}
diff --git a/index.html b/index.html
index 44828be..37dd8d4 100644
--- a/index.html
+++ b/index.html
@@ -91,6 +91,20 @@
TBT (ms)
+
+
+
+
+
+
+
Content Breakdown
+
+
+
+
Request Waterfall
+
+
+
+
+
+
+
+
+
+
+
+
Error: No test ID provided
';
+ return;
+ }
+
+ try {
+ const response = await fetch(`/reports/${testId}.har.json`);
+ if (!response.ok) throw new Error('HAR data not found');
+
+ currentHarData = await response.json();
+ renderWaterfall();
+ setupEventListeners();
+ } catch (error) {
+ document.getElementById('waterfallCanvas').innerHTML =
+ `Error loading waterfall data: ${error.message}
`;
+ }
+}
+
+function renderWaterfall() {
+ const canvas = document.getElementById('waterfallCanvas');
+ const entries = currentHarData.entries;
+
+ if (!entries || entries.length === 0) {
+ canvas.innerHTML = 'No requests found
';
+ return;
+ }
+
+ // Calculate timeline scale
+ const maxTime = Math.max(...entries.map(e => e.timing.endTime));
+ const scale = 1000 / maxTime; // pixels per second
+
+ // Filter entries based on active filter
+ const filteredEntries = currentFilter === 'all'
+ ? entries
+ : entries.filter(e => e.resourceType === currentFilter);
+
+ let html = '';
+
+ filteredEntries.forEach((entry, index) => {
+ const label = truncateUrl(entry.url, 50);
+ const timingBars = renderTimingBars(entry.timing, scale);
+
+ html += `
+
+
${label}
+
${timingBars}
+
+
General
+
+ URL:
+ ${entry.url}
+
+
+ Domain:
+ ${entry.domain}
+
+
+ Method:
+ ${entry.method}
+
+
+ Status:
+ ${entry.status}
+
+
+ Type:
+ ${entry.resourceType}
+
+
+ Protocol:
+ ${entry.protocol || 'N/A'}
+
+
+ Priority:
+ ${entry.priority || 'N/A'}
+
+ ${entry.isThirdParty ? '
⚠️ Third-Party Resource
' : ''}
+ ${entry.renderBlocking ? '
🚫 Render Blocking
' : ''}
+
+
Timing
+ ${entry.timing.dns > 0 ? `
DNS Lookup:${entry.timing.dns.toFixed(2)} ms
` : ''}
+ ${entry.timing.connect > 0 ? `
Connection:${entry.timing.connect.toFixed(2)} ms
` : ''}
+ ${entry.timing.ssl > 0 ? `
SSL:${entry.timing.ssl.toFixed(2)} ms
` : ''}
+ ${entry.timing.wait > 0 ? `
Time to First Byte:${entry.timing.wait.toFixed(2)} ms
` : ''}
+
+ Total Time:
+ ${entry.timing.total.toFixed(2)} ms
+
+
+
Size
+
+ Transfer Size:
+ ${formatBytes(entry.size.transferSize)}
+
+
+ Resource Size:
+ ${formatBytes(entry.size.resourceSize)}
+
+ ${entry.size.compressionRatio < 1 ? `
+
+ Compression:
+ ${(entry.size.compressionRatio * 100).toFixed(1)}% (${formatBytes(entry.size.resourceSize - entry.size.transferSize)} saved)
+
` : ''}
+