# MLOK Weekly Overview Demo

This folder is a standalone web-push demo. It does not connect to, or change, the real MLOK app.

## Deploy it

From this folder, run:

```bash
npx wrangler pages deploy . --project-name mlok-weekly-overview-demo
```

Cloudflare will return a public HTTPS URL. Keep it; it is the exact URL for the next step.

## Create the OneSignal demo app

Create a new OneSignal Web Push app for the demo URL. Do not edit the existing MLOK app. Copy its App ID into `app.js`, replacing `PASTE_YOUR_STAGING_ONESIGNAL_APP_ID_HERE`, then deploy again.

When sending a test notification, set its launch URL to:

```
https://YOUR-DEMO-URL/weekly-overview.html
```

## Test on iPhone

1. Open the deployed URL in Safari on an iPhone running iOS 16.4 or newer.
2. Tap Share, then Add to Home Screen.
3. Open the icon from the Home Screen.
4. Tap Enable weekly reminders and allow notifications.
5. In OneSignal, find the new iOS Safari subscription, mark it as a Test Subscription, and send the test.