Merge pull request #9 from rwlove/claude/suspicious-darwin

Remove Save button and implement debounced autosave

Author: rwlove

README.md

@@ -1,9 +1,7 @@
-[![Publish Container Images](https://github.com/rwlove/WorkoutDiary/actions/workflows/container-publish.yml/badge.svg)](https://github.com/rwlove/WorkoutDiary/actions/workflows/container-publish.yml)
-[![Go Report Card](https://goreportcard.com/badge/github.com/aceberg/workoutdiary)](https://goreportcard.com/report/github.com/aceberg/workoutdiary)
+[![Publish Container Images](https://github.com/rwlove/ExerciseDiary/actions/workflows/container-publish.yml/badge.svg)](https://github.com/rwlove/ExerciseDiary/actions/workflows/container-publish.yml)
+[![Go Report Card](https://goreportcard.com/badge/github.com/rwlove/WorkoutDiary)](https://goreportcard.com/report/github.com/rwlove/WorkoutDiary)
 
-<h1><a href="https://github.com/rwlove/WorkoutDiary">
-    <img src="https://raw.githubusercontent.com/aceberg/workoutdiary/main/assets/logo.png" width="35" />
-</a>Workout Diary</h1>
+<h1>Workout Diary</h1>
 
 Workout diary with GitHub-style year visualization. Log daily sets, track body weight, and visualize training history with intensity heatmaps.
 
@@ -15,8 +13,6 @@ Workout diary with GitHub-style year visualization. Log daily sets, track body w
 - [Local network only](#local-network-only)
 - [Thanks](#thanks)
 
-![Screenshot](assets/Screenshot.png)
-
 ## Architecture
 
 Workout Diary runs as two independent services:
@@ -72,13 +68,9 @@ Both services are configured exclusively via environment variables. No config fi
 | `DATA_DIR` | SQLite data directory (also settable via `-d` flag) | `/data/WorkoutDiary` |
 | `API_KEY` | Require this value on every `X-Api-Key` request header; empty = no auth | `""` |
 | `THEME` | Any [Bootswatch](https://bootswatch.com) theme (lowercase) or extras: `emerald`, `grass`, `grayscale`, `ocean`, `sand`, `wood` | `grass` |
-| `COLOR` | Background: `light` or `dark` | `light` |
+| `COLOR` | Background: `light` or `dark` | `dark` |
 | `HEATCOLOR` | Heatmap cell color | `#03a70c` |
 | `PAGESTEP` | Rows per page | `10` |
-| `AUTH` | Enable session-cookie authentication | `false` |
-| `AUTH_USER` | Username | `""` |
-| `AUTH_PASSWORD` | bcrypt-hashed password — [how to generate](docs/BCRYPT.md) | `""` |
-| `AUTH_EXPIRE` | Session expiration: number + suffix `m`, `h`, `d`, or `M` | `7d` |
 | `TZ` | Timezone | `""` |
 
 ### Frontend server (`workoutdiary-frontend`)
@@ -93,36 +85,35 @@ Both services are configured exclusively via environment variables. No config fi
 
 ## Local network only
 
-By default the app loads themes, icons, and fonts from the internet. For an air-gapped setup, run the [node-bootstrap](https://github.com/aceberg/my-dockerfiles/tree/main/node-bootstrap) sidecar and pass its URL to the frontend via `-n`:
+By default the app loads themes, icons, and fonts from the internet. For an air-gapped setup, run the [node-bootstrap](https://github.com/aceberg/my-dockerfiles/tree/main/node-bootstrap) sidecar and set `NODE_PATH` on the frontend:
 
 ```sh
 docker run --name node-bootstrap \
   -v ~/.dockerdata/icons:/app/icons \
   -p 8850:8850 \
   aceberg/node-bootstrap
 
-docker run --name exdiary-frontend \
-  -p 8080:8080 \
-  ghcr.io/rwlove/workoutdiary-frontend \
-  -a http://<YOUR_HOST_IP>:8851 \
-  -n http://<YOUR_HOST_IP>:8850
-```
-
-Or use [docker-compose-local.yml](docker-compose-local.yml) to build both images from source.
-
-Set `NODE_PATH` on the frontend to point at the node-bootstrap instance:
-
-```sh
 docker run --name exdiary-frontend \
   -e API_URL=http://<YOUR_HOST_IP>:8851 \
   -e NODE_PATH=http://<YOUR_HOST_IP>:8850 \
   -p 8080:8080 \
   ghcr.io/rwlove/workoutdiary-frontend
 ```
 
+## Features
+
+- **Exercise library** — organize exercises into groups, store default weight/reps/intensity
+- **Daily workout log** — autosaves on every change (no Save button)
+- **Body weight tracking** — log weight and view a rolling chart
+- **Heatmap history** — GitHub-style workout intensity and per-exercise color heatmaps
+- **Stats page** — per-exercise intensity charts with period filtering
+- **Dark mode by default** — full Bootstrap dark theme
+- **PWA support** — installable as a home screen app
+
 ## Thanks
 
-- All Go packages listed in [dependencies](https://github.com/aceberg/workoutdiary/network/dependencies)
+- All Go packages listed in [go.mod](go.mod)
 - [Bootstrap](https://getbootstrap.com/) and [Bootswatch](https://bootswatch.com) themes
 - [Chart.js](https://github.com/chartjs/Chart.js) and [chartjs-chart-matrix](https://github.com/kurkle/chartjs-chart-matrix)
+- [Gin](https://github.com/gin-gonic/gin)
 - Favicon and logo: [Flaticon](https://www.flaticon.com/icons/)

internal/web/public/css/style.css

@@ -157,6 +157,43 @@ input[type="date"] {
   display: block;
 }
 
+/* ─── Autosave status indicator ─────────────────────────────────────────── */
+
+.save-status {
+  font-size: 0.72rem;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  color: var(--bs-secondary-color);
+  display: flex;
+  align-items: center;
+  gap: 0.35em;
+  min-width: 0;
+  white-space: nowrap;
+}
+
+.save-status.saving::before {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: spin 0.6s linear infinite;
+}
+
+.save-status.saved {
+  color: #198754;
+}
+
+.save-status.error {
+  color: #dc3545;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
 /* ─── Workout details slide panel (heatmap tooltip) ──────────────────────── */
 
 .workout-details-panel {

internal/web/public/js/index.js

@@ -1,5 +1,32 @@
 var id = 0;
 var today = null;
+var _saveTimer = null;
+
+function saveWorkout() {
+    var form = document.forms['sets'];
+    if (!form) return;
+    var status = document.getElementById('saveStatus');
+    if (status) { status.className = 'save-status saving'; status.textContent = 'Saving…'; }
+    var data = new FormData(form);
+    fetch('/set/', { method: 'POST', body: data })
+        .then(function(r) {
+            if (!r.ok) throw new Error('HTTP ' + r.status);
+            if (status) { status.className = 'save-status saved'; status.textContent = 'Saved'; }
+            setTimeout(function() {
+                if (status && status.className === 'save-status saved') {
+                    status.className = 'save-status'; status.textContent = '';
+                }
+            }, 2000);
+        })
+        .catch(function() {
+            if (status) { status.className = 'save-status error'; status.textContent = 'Error saving'; }
+        });
+}
+
+function scheduleAutosave() {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveWorkout, 600);
+}
 
 function addExercise(name, weight, reps, intensity, color) {
     id++;
@@ -32,17 +59,30 @@ function addExercise(name, weight, reps, intensity, color) {
         </div>
     `;
 
-    // Wire up color picker → color strip live update
+    // Wire up color picker → color strip live update + autosave
     var strip = entry.querySelector('.entry-color-strip');
     var colorPicker = entry.querySelector('.entry-color-picker');
     colorPicker.addEventListener('input', function() {
         strip.style.backgroundColor = this.value;
+        scheduleAutosave();
     });
-    // Remove the inline oninput we set above (cleaner)
     colorPicker.removeAttribute('oninput');
 
+    // Wire intensity input → autosave
+    entry.querySelector('.entry-intensity').addEventListener('change', scheduleAutosave);
+
+    // Wire delete button → autosave
+    entry.querySelector('.entry-del-btn').addEventListener('click', function() {
+        entry.remove();
+        updateEmptyState();
+        scheduleAutosave();
+    });
+    // Remove inline onclick so the event listener handles it
+    entry.querySelector('.entry-del-btn').removeAttribute('onclick');
+
     container.appendChild(entry);
     updateEmptyState();
+    scheduleAutosave();
 }
 
 function updateEmptyState() {

internal/web/templates/index.html

@@ -194,6 +194,7 @@ <h6 class="modal-title fw-bold mb-0">{{ .Name }}</h6>
       <div class="panel">
         <div class="panel-header">
           <span class="panel-title">Today's Workout</span>
+          <span class="save-status" id="saveStatus"></span>
         </div>
         <form action="/set/" method="post" name="sets">
           <input name="date" type="hidden" id="formDate">
@@ -204,11 +205,6 @@ <h6 class="modal-title fw-bold mb-0">{{ .Name }}</h6>
               <p>Tap an exercise on the left to add it here</p>
             </div>
           </div>
-          <div class="panel-footer">
-            <button type="submit" class="btn btn-primary w-100 rounded-3">
-              <i class="bi bi-check2-circle me-2"></i>Save Workout
-            </button>
-          </div>
         </form>
       </div>
     </div>