docs: add comprehensive static daily reminders documentation

- Add static daily reminders to README.md core features and API reference
- Create detailed usage guide in USAGE.md with examples and best practices
- Add version 2.1.0 changelog entry documenting new reminder functionality
- Create examples/static-daily-reminders.ts with complete usage examples
- Update test-apps README to include reminder testing capabilities

The static daily reminder feature provides simple daily notifications
without network content dependency, supporting cross-platform scheduling
with rich customization options.
This commit is contained in:
Matthew Raymer
2025-10-05 05:12:06 +00:00
parent 9ec30974da
commit f9c21d4e5b
21 changed files with 2120 additions and 0 deletions

View File

@@ -402,6 +402,57 @@
<button id="test-phase4-integration" class="btn-secondary">Test Complete Integration</button>
</div>
</div>
<!-- Static Daily Reminders Testing -->
<div class="ui-section">
<h3>⏰ Static Daily Reminders</h3>
<div class="button-grid">
<button id="schedule-reminder" class="btn-primary">Schedule Daily Reminder</button>
<button id="cancel-reminder" class="btn-primary">Cancel Reminder</button>
<button id="get-reminders" class="btn-primary">Get Scheduled Reminders</button>
<button id="update-reminder" class="btn-primary">Update Reminder</button>
</div>
<div class="form-section">
<h4>Reminder Configuration</h4>
<div class="form-group">
<label for="reminder-id">Reminder ID:</label>
<input type="text" id="reminder-id" value="morning_checkin" placeholder="e.g., morning_checkin">
</div>
<div class="form-group">
<label for="reminder-title">Title:</label>
<input type="text" id="reminder-title" value="Good Morning!" placeholder="Reminder title">
</div>
<div class="form-group">
<label for="reminder-body">Body:</label>
<input type="text" id="reminder-body" value="Time to check your TimeSafari community updates" placeholder="Reminder message">
</div>
<div class="form-group">
<label for="reminder-time">Time (HH:mm):</label>
<input type="text" id="reminder-time" value="09:00" placeholder="09:00">
</div>
<div class="form-group">
<label>
<input type="checkbox" id="reminder-sound" checked> Sound
</label>
<label>
<input type="checkbox" id="reminder-vibration" checked> Vibration
</label>
</div>
<div class="form-group">
<label for="reminder-priority">Priority:</label>
<select id="reminder-priority">
<option value="low">Low</option>
<option value="normal" selected>Normal</option>
<option value="high">High</option>
</select>
</div>
<div class="form-group">
<label>
<input type="checkbox" id="reminder-repeat" checked> Repeat Daily
</label>
</div>
</div>
</div>
<!-- Error Handling Section -->
<div class="ui-section">