From 91a74fd88700a2a34ee31c442823e9b762186eb5 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Fri, 14 Nov 2025 16:16:54 +0000
Subject: [PATCH] Add YAML output on debug page.

---
 templates/trip_debug.html | 21 +++++++++++++--------
 web_view.py               |  2 ++
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/templates/trip_debug.html b/templates/trip_debug.html
index 7ccc06e..9d7cb3f 100644
--- a/templates/trip_debug.html
+++ b/templates/trip_debug.html
@@ -4,7 +4,7 @@
 
 {% block style %}
 <style>
-.json-display {
+.data-display {
     background-color: #f8f9fa;
     border: 1px solid #dee2e6;
     border-radius: 0.375rem;
@@ -72,13 +72,18 @@
         <h1>🐛 Trip Debug Information</h1>
         <p>Raw trip object data for: <strong>{{ trip.title }}</strong></p>
         <a href="{{ url_for('trip_page', start=start) }}" class="btn btn-primary">← Back to Trip Page</a>
-        <button onclick="copyToClipboard()" class="btn btn-secondary">📋 Copy JSON</button>
+        <button onclick="copyToClipboard('jsonDisplay', event)" class="btn btn-secondary">📋 Copy JSON</button>
+        <button onclick="copyToClipboard('yamlDisplay', event)" class="btn btn-secondary">📋 Copy YAML</button>
     </div>
     
     <div class="row">
         <div class="col-12">
             <h3>Trip Object (JSON)</h3>
-            <div class="json-display" id="jsonDisplay">{{ trip_json }}</div>
+            <div class="data-display json-display" id="jsonDisplay">{{ trip_json }}</div>
+        </div>
+        <div class="col-12 mt-4">
+            <h3>Trip Object (YAML)</h3>
+            <div class="data-display" id="yamlDisplay">{{ trip_yaml }}</div>
         </div>
     </div>
 </div>
@@ -86,11 +91,11 @@
 
 {% block scripts %}
 <script>
-function copyToClipboard() {
-    const jsonText = document.getElementById('jsonDisplay').textContent;
-    navigator.clipboard.writeText(jsonText).then(function() {
+function copyToClipboard(elementId, evt) {
+    const clipText = document.getElementById(elementId).textContent;
+    navigator.clipboard.writeText(clipText).then(function() {
         // Show a temporary notification
-        const btn = event.target;
+        const btn = evt.target;
         const originalText = btn.textContent;
         btn.textContent = '✅ Copied!';
         btn.classList.remove('btn-secondary');
@@ -125,4 +130,4 @@ function highlightJSON() {
 // Apply highlighting when page loads
 document.addEventListener('DOMContentLoaded', highlightJSON);
 </script>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/web_view.py b/web_view.py
index 3ac28a5..fa3c8ee 100755
--- a/web_view.py
+++ b/web_view.py
@@ -760,11 +760,13 @@ def trip_debug_page(start: str) -> str:
 
     # Convert to JSON for pretty printing
     trip_json = json.dumps(trip_dict, indent=2, default=str)
+    trip_yaml = yaml.safe_dump(json.loads(trip_json), sort_keys=False)
 
     return flask.render_template(
         "trip_debug.html",
         trip=trip,
         trip_json=trip_json,
+        trip_yaml=trip_yaml,
         start=start,
     )