From dd4ef2c4cdccec9e541c05f2db934b891f235f70 Mon Sep 17 00:00:00 2001 From: Gemini Agent Date: Fri, 23 Jan 2026 09:42:46 +0000 Subject: [PATCH] Add 11 major features for caregiver health management Features added: - Emergency Info Card: Full-screen emergency view with patient info - Refill Tracker: Track pill counts with auto-decrement on dose - Activity Feed: View caregiver activity with filtering - Symptom Tracker: Log symptoms with severity and offline sync - Print Views: Daily meds, appointments, doctor visit summaries - iCal Export: Calendar subscription for appointments - PDF Export: Medical summary for doctor visits - Calendar View: Monthly calendar for appointments - Appointment Preparation: Checklist for upcoming appointments - Medication Reminders: PWA push notifications with quiet hours Bug fixes: - Fix invite workflow: Register/login now properly redirect back - Add undo for doctor questions (can unmark "asked" questions) - Fix API route type annotations for Next.js 14 compatibility - Add Suspense boundary for useSearchParams in login/register Co-Authored-By: Claude Opus 4.5 --- docker-compose.yml | 7 +- firebase-debug.log | 7 + package-lock.json | 323 +++++++++++++++++- package.json | 4 + .../migration.sql | 102 ++++++ prisma/schema.prisma | 125 ++++++- public/sw.js | 148 ++++++++ src/app/(app)/activity/page.tsx | 133 ++++++++ src/app/(app)/appointments/[id]/page.tsx | 262 ++++++++++++++ src/app/(app)/appointments/[id]/prep/page.tsx | 142 ++++++++ src/app/(app)/appointments/calendar/page.tsx | 115 +++++++ src/app/(app)/appointments/page.tsx | 26 +- src/app/(app)/emergency/page.tsx | 115 +++++++ src/app/(app)/layout.tsx | 4 + src/app/(app)/meds/[id]/page.tsx | 247 ++++++++++++++ src/app/(app)/meds/new/page.tsx | 59 ++++ src/app/(app)/meds/page.tsx | 36 +- src/app/(app)/notes/questions/page.tsx | 27 +- src/app/(app)/print/appointments/page.tsx | 157 +++++++++ src/app/(app)/print/daily-meds/page.tsx | 208 +++++++++++ src/app/(app)/print/doctor-visit/page.tsx | 323 ++++++++++++++++++ src/app/(app)/print/page.tsx | 74 ++++ src/app/(app)/provider.tsx | 2 + src/app/(app)/settings/emergency/page.tsx | 219 ++++++++++++ src/app/(app)/settings/notifications/page.tsx | 144 ++++++++ src/app/(app)/settings/page.tsx | 199 ++++++++++- src/app/(app)/symptoms/history/page.tsx | 159 +++++++++ src/app/(app)/symptoms/page.tsx | 150 ++++++++ src/app/(app)/today/page.tsx | 89 ++++- src/app/api/notifications/send/route.ts | 48 +++ src/app/api/notifications/subscribe/route.ts | 106 ++++++ src/app/api/sync/route.ts | 77 ++++- src/app/api/workspaces/[id]/activity/route.ts | 55 +++ .../[appointmentId]/checklist/route.ts | 107 ++++++ .../api/workspaces/[id]/calendar.ics/route.ts | 71 ++++ src/app/api/workspaces/[id]/doses/route.ts | 30 +- .../workspaces/[id]/emergency-info/route.ts | 132 +++++++ .../[id]/export/summary.pdf/route.ts | 107 ++++++ .../[medicationId]/refill/route.ts | 86 +++++ .../[id]/medications/[medicationId]/route.ts | 7 +- .../api/workspaces/[id]/medications/route.ts | 9 +- .../[id]/symptoms/[symptomId]/route.ts | 85 +++++ src/app/api/workspaces/[id]/symptoms/route.ts | 110 ++++++ src/app/globals.css | 2 + src/app/login/page.tsx | 23 +- src/app/register/page.tsx | 23 +- src/components/activity/ActivityFilter.tsx | 34 ++ src/components/activity/ActivityItem.tsx | 96 ++++++ src/components/appointments/PrepChecklist.tsx | 164 +++++++++ src/components/calendar/CalendarDayCell.tsx | 71 ++++ src/components/calendar/CalendarMonth.tsx | 170 +++++++++ src/components/emergency/EmergencyCard.tsx | 178 ++++++++++ src/components/layout/bottom-nav.tsx | 6 +- src/components/medications/RefillAlert.tsx | 50 +++ src/components/medications/RefillTracker.tsx | 147 ++++++++ .../notifications/NotificationPermission.tsx | 227 ++++++++++++ .../notifications/ServiceWorkerRegistrar.tsx | 26 ++ src/components/symptoms/SymptomCard.tsx | 88 +++++ src/components/symptoms/SymptomChart.tsx | 112 ++++++ src/components/symptoms/SymptomQuickLog.tsx | 145 ++++++++ src/lib/appointments/prep-generator.ts | 55 +++ src/lib/calendar/ical-generator.ts | 175 ++++++++++ src/lib/export/pdf-generator.ts | 266 +++++++++++++++ src/lib/notifications/push.ts | 81 +++++ src/lib/notifications/scheduler.ts | 188 ++++++++++ src/lib/sync/db.ts | 47 ++- src/lib/sync/index.ts | 1 + src/lib/sync/manager.ts | 121 ++++++- src/lib/validation/schemas.ts | 54 ++- src/styles/print.css | 215 ++++++++++++ 70 files changed, 7322 insertions(+), 79 deletions(-) create mode 100644 firebase-debug.log create mode 100644 prisma/migrations/20260119092945_add_emergency_symptoms_refills_checklists_push/migration.sql create mode 100644 public/sw.js create mode 100644 src/app/(app)/activity/page.tsx create mode 100644 src/app/(app)/appointments/[id]/page.tsx create mode 100644 src/app/(app)/appointments/[id]/prep/page.tsx create mode 100644 src/app/(app)/appointments/calendar/page.tsx create mode 100644 src/app/(app)/emergency/page.tsx create mode 100644 src/app/(app)/meds/[id]/page.tsx create mode 100644 src/app/(app)/print/appointments/page.tsx create mode 100644 src/app/(app)/print/daily-meds/page.tsx create mode 100644 src/app/(app)/print/doctor-visit/page.tsx create mode 100644 src/app/(app)/print/page.tsx create mode 100644 src/app/(app)/settings/emergency/page.tsx create mode 100644 src/app/(app)/settings/notifications/page.tsx create mode 100644 src/app/(app)/symptoms/history/page.tsx create mode 100644 src/app/(app)/symptoms/page.tsx create mode 100644 src/app/api/notifications/send/route.ts create mode 100644 src/app/api/notifications/subscribe/route.ts create mode 100644 src/app/api/workspaces/[id]/activity/route.ts create mode 100644 src/app/api/workspaces/[id]/appointments/[appointmentId]/checklist/route.ts create mode 100644 src/app/api/workspaces/[id]/calendar.ics/route.ts create mode 100644 src/app/api/workspaces/[id]/emergency-info/route.ts create mode 100644 src/app/api/workspaces/[id]/export/summary.pdf/route.ts create mode 100644 src/app/api/workspaces/[id]/medications/[medicationId]/refill/route.ts create mode 100644 src/app/api/workspaces/[id]/symptoms/[symptomId]/route.ts create mode 100644 src/app/api/workspaces/[id]/symptoms/route.ts create mode 100644 src/components/activity/ActivityFilter.tsx create mode 100644 src/components/activity/ActivityItem.tsx create mode 100644 src/components/appointments/PrepChecklist.tsx create mode 100644 src/components/calendar/CalendarDayCell.tsx create mode 100644 src/components/calendar/CalendarMonth.tsx create mode 100644 src/components/emergency/EmergencyCard.tsx create mode 100644 src/components/medications/RefillAlert.tsx create mode 100644 src/components/medications/RefillTracker.tsx create mode 100644 src/components/notifications/NotificationPermission.tsx create mode 100644 src/components/notifications/ServiceWorkerRegistrar.tsx create mode 100644 src/components/symptoms/SymptomCard.tsx create mode 100644 src/components/symptoms/SymptomChart.tsx create mode 100644 src/components/symptoms/SymptomQuickLog.tsx create mode 100644 src/lib/appointments/prep-generator.ts create mode 100644 src/lib/calendar/ical-generator.ts create mode 100644 src/lib/export/pdf-generator.ts create mode 100644 src/lib/notifications/push.ts create mode 100644 src/lib/notifications/scheduler.ts create mode 100644 src/styles/print.css diff --git a/docker-compose.yml b/docker-compose.yml index 6a1a49b..3a32a08 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -45,10 +45,9 @@ services: timeout: 5s retries: 5 start_period: 10s - # Do not expose PostgreSQL to the host - only accessible within the network - # If you need direct access for migrations, uncomment below: - # ports: - # - "127.0.0.1:5432:5432" + # Expose PostgreSQL to localhost for migrations + ports: + - "127.0.0.1:5432:5432" volumes: postgres_data: diff --git a/firebase-debug.log b/firebase-debug.log new file mode 100644 index 0000000..0b7d56b --- /dev/null +++ b/firebase-debug.log @@ -0,0 +1,7 @@ +[debug] [2026-01-19T13:24:37.682Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] +[debug] [2026-01-19T13:24:37.718Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] +[debug] [2026-01-19T13:24:37.720Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] +[debug] [2026-01-19T13:24:37.965Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] +[debug] [2026-01-19T13:24:37.967Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] +[debug] [2026-01-19T13:24:37.969Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] +[debug] [2026-01-19T13:24:37.970Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"] diff --git a/package-lock.json b/package-lock.json index db3f4da..a803a58 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,16 +19,20 @@ "lucide-react": "^0.468.0", "nanoid": "^5.0.9", "next": "^14.2.21", + "pdfkit": "^0.17.2", "react": "^18.3.1", "react-dom": "^18.3.1", "react-hot-toast": "^2.4.1", + "web-push": "^3.6.7", "zod": "^3.24.1" }, "devDependencies": { "@tailwindcss/forms": "^0.5.9", "@types/node": "^22.10.5", + "@types/pdfkit": "^0.17.4", "@types/react": "^18.3.18", "@types/react-dom": "^18.3.5", + "@types/web-push": "^3.6.4", "autoprefixer": "^10.4.20", "eslint": "^8.57.1", "eslint-config-next": "^14.2.21", @@ -1456,6 +1460,16 @@ "undici-types": "~6.21.0" } }, + "node_modules/@types/pdfkit": { + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/pdfkit/-/pdfkit-0.17.4.tgz", + "integrity": "sha512-odAmVuuguRxKh1X4pbMrJMp8ecwNqHRw6lweupvzK+wuyNmi6wzlUlGVZ9EqMvp3Bs2+L9Ty0sRlrvKL+gsQZg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, "node_modules/@types/prop-types": { "version": "15.7.15", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz", @@ -1482,6 +1496,16 @@ "@types/react": "^18.0.0" } }, + "node_modules/@types/web-push": { + "version": "3.6.4", + "resolved": "https://registry.npmjs.org/@types/web-push/-/web-push-3.6.4.tgz", + "integrity": "sha512-GnJmSr40H3RAnj0s34FNTcJi1hmWFV5KXugE0mYWnYhgTAHLJ/dJKAwDmvPJYMke0RplY2XE9LnM4hqSqKIjhQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, "node_modules/@typescript-eslint/eslint-plugin": { "version": "8.53.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.53.0.tgz", @@ -2163,6 +2187,15 @@ "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, + "node_modules/agent-base": { + "version": "7.1.4", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", + "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", + "license": "MIT", + "engines": { + "node": ">= 14" + } + }, "node_modules/ajv": { "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", @@ -2426,6 +2459,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/asn1.js": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz", + "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==", + "license": "MIT", + "dependencies": { + "bn.js": "^4.0.0", + "inherits": "^2.0.1", + "minimalistic-assert": "^1.0.0", + "safer-buffer": "^2.1.0" + } + }, "node_modules/assertion-error": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz", @@ -2533,6 +2578,26 @@ "dev": true, "license": "MIT" }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, "node_modules/baseline-browser-mapping": { "version": "2.9.15", "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.15.tgz", @@ -2556,6 +2621,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/bn.js": { + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz", + "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==", + "license": "MIT" + }, "node_modules/brace-expansion": { "version": "1.1.12", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", @@ -2580,6 +2651,15 @@ "node": ">=8" } }, + "node_modules/brotli": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz", + "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==", + "license": "MIT", + "dependencies": { + "base64-js": "^1.1.2" + } + }, "node_modules/browserslist": { "version": "4.28.1", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz", @@ -2614,6 +2694,12 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/buffer-equal-constant-time": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz", + "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==", + "license": "BSD-3-Clause" + }, "node_modules/busboy": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz", @@ -2813,6 +2899,15 @@ "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==", "license": "MIT" }, + "node_modules/clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==", + "license": "MIT", + "engines": { + "node": ">=0.8" + } + }, "node_modules/clsx": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", @@ -2874,6 +2969,12 @@ "node": ">= 8" } }, + "node_modules/crypto-js": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz", + "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==", + "license": "MIT" + }, "node_modules/cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -2977,7 +3078,6 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", - "dev": true, "license": "MIT", "dependencies": { "ms": "^2.1.3" @@ -3061,6 +3161,12 @@ "react": ">=16" } }, + "node_modules/dfa": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz", + "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==", + "license": "MIT" + }, "node_modules/didyoumean": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", @@ -3110,6 +3216,15 @@ "dev": true, "license": "MIT" }, + "node_modules/ecdsa-sig-formatter": { + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz", + "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==", + "license": "Apache-2.0", + "dependencies": { + "safe-buffer": "^5.0.1" + } + }, "node_modules/electron-to-chromium": { "version": "1.5.267", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz", @@ -3845,7 +3960,6 @@ "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true, "license": "MIT" }, "node_modules/fast-glob": { @@ -3967,6 +4081,32 @@ "dev": true, "license": "ISC" }, + "node_modules/fontkit": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz", + "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==", + "license": "MIT", + "dependencies": { + "@swc/helpers": "^0.5.12", + "brotli": "^1.3.2", + "clone": "^2.1.2", + "dfa": "^1.2.0", + "fast-deep-equal": "^3.1.3", + "restructure": "^3.0.0", + "tiny-inflate": "^1.0.3", + "unicode-properties": "^1.4.0", + "unicode-trie": "^2.0.0" + } + }, + "node_modules/fontkit/node_modules/@swc/helpers": { + "version": "0.5.18", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.18.tgz", + "integrity": "sha512-TXTnIcNJQEKwThMMqBXsZ4VGAza6bvN4pa41Rkqoio6QBKMvo+5lexeTMScGCIxtzgQJzElcvIltani+adC5PQ==", + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.8.0" + } + }, "node_modules/for-each": { "version": "0.3.5", "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz", @@ -4381,6 +4521,28 @@ "node": ">= 0.4" } }, + "node_modules/http_ece": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http_ece/-/http_ece-1.2.0.tgz", + "integrity": "sha512-JrF8SSLVmcvc5NducxgyOrKXe3EsyHMgBFgSaIUGmArKe+rwr0uphRkRXvwiom3I+fpIfoItveHrfudL8/rxuA==", + "license": "MIT", + "engines": { + "node": ">=16" + } + }, + "node_modules/https-proxy-agent": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", + "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==", + "license": "MIT", + "dependencies": { + "agent-base": "^7.1.2", + "debug": "4" + }, + "engines": { + "node": ">= 14" + } + }, "node_modules/ignore": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", @@ -4434,7 +4596,6 @@ "version": "2.0.4", "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true, "license": "ISC" }, "node_modules/internal-slot": { @@ -4948,6 +5109,13 @@ "jiti": "bin/jiti.js" } }, + "node_modules/jpeg-exif": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/jpeg-exif/-/jpeg-exif-1.1.4.tgz", + "integrity": "sha512-a+bKEcCjtuW5WTdgeXFzswSrdqi0jk4XlEtZlx5A94wCoBpFjfFTbo/Tra5SpNCl/YFZPvcV1dJc+TAYeg6ROQ==", + "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.", + "license": "MIT" + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -5017,6 +5185,27 @@ "node": ">=4.0" } }, + "node_modules/jwa": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.1.tgz", + "integrity": "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==", + "license": "MIT", + "dependencies": { + "buffer-equal-constant-time": "^1.0.1", + "ecdsa-sig-formatter": "1.0.11", + "safe-buffer": "^5.0.1" + } + }, + "node_modules/jws": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.1.tgz", + "integrity": "sha512-EKI/M/yqPncGUUh44xz0PxSidXFr/+r0pA70+gIYhjv+et7yxM+s29Y+VGDkovRofQem0fs7Uvf4+YmAdyRduA==", + "license": "MIT", + "dependencies": { + "jwa": "^2.0.1", + "safe-buffer": "^5.0.1" + } + }, "node_modules/keyv": { "version": "4.5.4", "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", @@ -5074,6 +5263,25 @@ "url": "https://github.com/sponsors/antonk52" } }, + "node_modules/linebreak": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz", + "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==", + "license": "MIT", + "dependencies": { + "base64-js": "0.0.8", + "unicode-trie": "^2.0.0" + } + }, + "node_modules/linebreak/node_modules/base64-js": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz", + "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/lines-and-columns": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", @@ -5193,6 +5401,12 @@ "mini-svg-data-uri": "cli.js" } }, + "node_modules/minimalistic-assert": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", + "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==", + "license": "ISC" + }, "node_modules/minimatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", @@ -5210,7 +5424,6 @@ "version": "1.2.8", "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", - "dev": true, "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" @@ -5230,7 +5443,6 @@ "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", - "dev": true, "license": "MIT" }, "node_modules/mz": { @@ -5630,6 +5842,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/pako": { + "version": "0.2.9", + "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz", + "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==", + "license": "MIT" + }, "node_modules/parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", @@ -5714,6 +5932,19 @@ "node": ">= 14.16" } }, + "node_modules/pdfkit": { + "version": "0.17.2", + "resolved": "https://registry.npmjs.org/pdfkit/-/pdfkit-0.17.2.tgz", + "integrity": "sha512-UnwF5fXy08f0dnp4jchFYAROKMNTaPqb/xgR8GtCzIcqoTnbOqtp3bwKvO4688oHI6vzEEs8Q6vqqEnC5IUELw==", + "license": "MIT", + "dependencies": { + "crypto-js": "^4.2.0", + "fontkit": "^2.0.4", + "jpeg-exif": "^1.1.4", + "linebreak": "^1.1.0", + "png-js": "^1.0.0" + } + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -5753,6 +5984,11 @@ "node": ">= 6" } }, + "node_modules/png-js": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/png-js/-/png-js-1.0.0.tgz", + "integrity": "sha512-k+YsbhpA9e+EFfKjTCH3VW6aoKlyNYI6NYdTfDL4CIvFnvsuO84ttonmZE7rc+v23SLTH8XX+5w/Ak9v0xGY4g==" + }, "node_modules/possible-typed-array-names": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz", @@ -6175,6 +6411,12 @@ "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1" } }, + "node_modules/restructure": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz", + "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==", + "license": "MIT" + }, "node_modules/reusify": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", @@ -6314,6 +6556,26 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, "node_modules/safe-push-apply": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz", @@ -6349,6 +6611,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "license": "MIT" + }, "node_modules/scheduler": { "version": "0.23.2", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", @@ -6964,6 +7232,12 @@ "node": ">=0.8" } }, + "node_modules/tiny-inflate": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz", + "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==", + "license": "MIT" + }, "node_modules/tinybench": { "version": "2.9.0", "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz", @@ -7272,6 +7546,26 @@ "dev": true, "license": "MIT" }, + "node_modules/unicode-properties": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz", + "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==", + "license": "MIT", + "dependencies": { + "base64-js": "^1.3.0", + "unicode-trie": "^2.0.0" + } + }, + "node_modules/unicode-trie": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz", + "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==", + "license": "MIT", + "dependencies": { + "pako": "^0.2.5", + "tiny-inflate": "^1.0.0" + } + }, "node_modules/unrs-resolver": { "version": "1.11.1", "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz", @@ -7934,6 +8228,25 @@ } } }, + "node_modules/web-push": { + "version": "3.6.7", + "resolved": "https://registry.npmjs.org/web-push/-/web-push-3.6.7.tgz", + "integrity": "sha512-OpiIUe8cuGjrj3mMBFWY+e4MMIkW3SVT+7vEIjvD9kejGUypv8GPDf84JdPWskK8zMRIJ6xYGm+Kxr8YkPyA0A==", + "license": "MPL-2.0", + "dependencies": { + "asn1.js": "^5.3.0", + "http_ece": "1.2.0", + "https-proxy-agent": "^7.0.0", + "jws": "^4.0.0", + "minimist": "^1.2.5" + }, + "bin": { + "web-push": "src/cli.js" + }, + "engines": { + "node": ">= 16" + } + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", diff --git a/package.json b/package.json index ac93dfa..4b00100 100644 --- a/package.json +++ b/package.json @@ -28,16 +28,20 @@ "lucide-react": "^0.468.0", "nanoid": "^5.0.9", "next": "^14.2.21", + "pdfkit": "^0.17.2", "react": "^18.3.1", "react-dom": "^18.3.1", "react-hot-toast": "^2.4.1", + "web-push": "^3.6.7", "zod": "^3.24.1" }, "devDependencies": { "@tailwindcss/forms": "^0.5.9", "@types/node": "^22.10.5", + "@types/pdfkit": "^0.17.4", "@types/react": "^18.3.18", "@types/react-dom": "^18.3.5", + "@types/web-push": "^3.6.4", "autoprefixer": "^10.4.20", "eslint": "^8.57.1", "eslint-config-next": "^14.2.21", diff --git a/prisma/migrations/20260119092945_add_emergency_symptoms_refills_checklists_push/migration.sql b/prisma/migrations/20260119092945_add_emergency_symptoms_refills_checklists_push/migration.sql new file mode 100644 index 0000000..ef17691 --- /dev/null +++ b/prisma/migrations/20260119092945_add_emergency_symptoms_refills_checklists_push/migration.sql @@ -0,0 +1,102 @@ +-- CreateEnum +CREATE TYPE "SymptomType" AS ENUM ('FATIGUE', 'NAUSEA', 'PAIN', 'APPETITE', 'SLEEP', 'MOOD', 'CUSTOM'); + +-- AlterTable +ALTER TABLE "Medication" ADD COLUMN "lastRefillDate" TIMESTAMP(3), +ADD COLUMN "pillCount" INTEGER, +ADD COLUMN "pillsPerDose" INTEGER DEFAULT 1, +ADD COLUMN "refillThreshold" INTEGER DEFAULT 7; + +-- AlterTable +ALTER TABLE "Workspace" ADD COLUMN "allergies" TEXT, +ADD COLUMN "bloodType" TEXT, +ADD COLUMN "medicalConditions" TEXT, +ADD COLUMN "patientDOB" TIMESTAMP(3), +ADD COLUMN "patientName" TEXT, +ADD COLUMN "physicianPhone" TEXT, +ADD COLUMN "primaryPhysician" TEXT; + +-- CreateTable +CREATE TABLE "Symptom" ( + "id" TEXT NOT NULL, + "workspaceId" TEXT NOT NULL, + "type" "SymptomType" NOT NULL, + "customName" TEXT, + "severity" INTEGER NOT NULL, + "notes" TEXT, + "recordedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "deletedAt" TIMESTAMP(3), + "createdById" TEXT NOT NULL, + "version" INTEGER NOT NULL DEFAULT 1, + "syncedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + + CONSTRAINT "Symptom_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "AppointmentChecklist" ( + "id" TEXT NOT NULL, + "workspaceId" TEXT NOT NULL, + "appointmentId" TEXT NOT NULL, + "item" TEXT NOT NULL, + "isReady" BOOLEAN NOT NULL DEFAULT false, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + + CONSTRAINT "AppointmentChecklist_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "PushSubscription" ( + "id" TEXT NOT NULL, + "userId" TEXT NOT NULL, + "workspaceId" TEXT NOT NULL, + "endpoint" TEXT NOT NULL, + "p256dh" TEXT NOT NULL, + "auth" TEXT NOT NULL, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + + CONSTRAINT "PushSubscription_pkey" PRIMARY KEY ("id") +); + +-- CreateIndex +CREATE INDEX "Symptom_workspaceId_recordedAt_idx" ON "Symptom"("workspaceId", "recordedAt"); + +-- CreateIndex +CREATE INDEX "Symptom_workspaceId_type_idx" ON "Symptom"("workspaceId", "type"); + +-- CreateIndex +CREATE INDEX "Symptom_workspaceId_deletedAt_idx" ON "Symptom"("workspaceId", "deletedAt"); + +-- CreateIndex +CREATE INDEX "Symptom_syncedAt_idx" ON "Symptom"("syncedAt"); + +-- CreateIndex +CREATE INDEX "AppointmentChecklist_appointmentId_idx" ON "AppointmentChecklist"("appointmentId"); + +-- CreateIndex +CREATE INDEX "AppointmentChecklist_workspaceId_idx" ON "AppointmentChecklist"("workspaceId"); + +-- CreateIndex +CREATE INDEX "PushSubscription_workspaceId_idx" ON "PushSubscription"("workspaceId"); + +-- CreateIndex +CREATE UNIQUE INDEX "PushSubscription_userId_endpoint_key" ON "PushSubscription"("userId", "endpoint"); + +-- AddForeignKey +ALTER TABLE "Symptom" ADD CONSTRAINT "Symptom_workspaceId_fkey" FOREIGN KEY ("workspaceId") REFERENCES "Workspace"("id") ON DELETE CASCADE ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "Symptom" ADD CONSTRAINT "Symptom_createdById_fkey" FOREIGN KEY ("createdById") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "AppointmentChecklist" ADD CONSTRAINT "AppointmentChecklist_workspaceId_fkey" FOREIGN KEY ("workspaceId") REFERENCES "Workspace"("id") ON DELETE CASCADE ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "AppointmentChecklist" ADD CONSTRAINT "AppointmentChecklist_appointmentId_fkey" FOREIGN KEY ("appointmentId") REFERENCES "Appointment"("id") ON DELETE CASCADE ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "PushSubscription" ADD CONSTRAINT "PushSubscription_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "PushSubscription" ADD CONSTRAINT "PushSubscription_workspaceId_fkey" FOREIGN KEY ("workspaceId") REFERENCES "Workspace"("id") ON DELETE CASCADE ON UPDATE CASCADE; diff --git a/prisma/schema.prisma b/prisma/schema.prisma index d9b73ea..a4a38d3 100644 --- a/prisma/schema.prisma +++ b/prisma/schema.prisma @@ -31,6 +31,8 @@ model User { loggedDoses DoseLog[] @relation("DoseLoggedBy") undoneDoses DoseLog[] @relation("DoseUndoneBy") auditLogs AuditLog[] + symptoms Symptom[] + pushSubscriptions PushSubscription[] @@index([email]) } @@ -78,15 +80,27 @@ model Workspace { createdAt DateTime @default(now()) updatedAt DateTime @updatedAt + // Emergency info fields + patientName String? + patientDOB DateTime? + bloodType String? + allergies String? // Comma-separated or free text + medicalConditions String? // Comma-separated or free text + primaryPhysician String? + physicianPhone String? + // Relations - members WorkspaceMember[] - inviteTokens InviteToken[] - appointments Appointment[] - medications Medication[] - notes Note[] - doseLogs DoseLog[] - auditLogs AuditLog[] - syncCursors SyncCursor[] + members WorkspaceMember[] + inviteTokens InviteToken[] + appointments Appointment[] + medications Medication[] + notes Note[] + doseLogs DoseLog[] + auditLogs AuditLog[] + syncCursors SyncCursor[] + symptoms Symptom[] + appointmentChecklists AppointmentChecklist[] + pushSubscriptions PushSubscription[] @@index([name]) } @@ -152,9 +166,10 @@ model Appointment { syncedAt DateTime @default(now()) // Relations - workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade) - createdBy User @relation("AppointmentCreatedBy", fields: [createdById], references: [id]) - updatedBy User @relation("AppointmentUpdatedBy", fields: [updatedById], references: [id]) + workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade) + createdBy User @relation("AppointmentCreatedBy", fields: [createdById], references: [id]) + updatedBy User @relation("AppointmentUpdatedBy", fields: [updatedById], references: [id]) + checklists AppointmentChecklist[] @@index([workspaceId, datetime]) @@index([workspaceId, deletedAt]) @@ -188,6 +203,12 @@ model Medication { createdById String updatedById String + // Refill tracking fields + pillCount Int? + pillsPerDose Int? @default(1) + refillThreshold Int? @default(7) + lastRefillDate DateTime? + // Sync tracking version Int @default(1) syncedAt DateTime @default(now()) @@ -290,6 +311,88 @@ model AuditLog { @@index([entityType, entityId]) } +// ============================================ +// SYMPTOMS +// ============================================ + +enum SymptomType { + FATIGUE + NAUSEA + PAIN + APPETITE + SLEEP + MOOD + CUSTOM +} + +model Symptom { + id String @id @default(cuid()) + workspaceId String + type SymptomType + customName String? // Only used when type is CUSTOM + severity Int // 1-5 scale + notes String? + recordedAt DateTime @default(now()) + deletedAt DateTime? + createdById String + + // Sync tracking + version Int @default(1) + syncedAt DateTime @default(now()) + + // Relations + workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade) + createdBy User @relation(fields: [createdById], references: [id]) + + @@index([workspaceId, recordedAt]) + @@index([workspaceId, type]) + @@index([workspaceId, deletedAt]) + @@index([syncedAt]) +} + +// ============================================ +// APPOINTMENT CHECKLIST +// ============================================ + +model AppointmentChecklist { + id String @id @default(cuid()) + workspaceId String + appointmentId String + item String + isReady Boolean @default(false) + createdAt DateTime @default(now()) + updatedAt DateTime @updatedAt + + // Relations + workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade) + appointment Appointment @relation(fields: [appointmentId], references: [id], onDelete: Cascade) + + @@unique([workspaceId, appointmentId, item]) + @@index([appointmentId]) + @@index([workspaceId]) +} + +// ============================================ +// PUSH NOTIFICATIONS +// ============================================ + +model PushSubscription { + id String @id @default(cuid()) + userId String + workspaceId String + endpoint String + p256dh String + auth String + createdAt DateTime @default(now()) + + // Relations + user User @relation(fields: [userId], references: [id], onDelete: Cascade) + workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade) + + @@unique([userId, endpoint]) + @@index([workspaceId]) +} + // ============================================ // SYNC // ============================================ diff --git a/public/sw.js b/public/sw.js new file mode 100644 index 0000000..ffd68d1 --- /dev/null +++ b/public/sw.js @@ -0,0 +1,148 @@ +// NextStep Service Worker for Push Notifications + +const CACHE_NAME = 'nextstep-v1' + +// Install event - cache critical assets +self.addEventListener('install', (event) => { + console.log('Service Worker: Installing...') + event.waitUntil( + caches.open(CACHE_NAME).then((cache) => { + return cache.addAll([ + '/', + '/today', + '/meds', + '/icon-192.png', + '/icon-512.png', + ]) + }) + ) + self.skipWaiting() +}) + +// Activate event - clean up old caches +self.addEventListener('activate', (event) => { + console.log('Service Worker: Activating...') + event.waitUntil( + caches.keys().then((cacheNames) => { + return Promise.all( + cacheNames + .filter((name) => name !== CACHE_NAME) + .map((name) => caches.delete(name)) + ) + }) + ) + self.clients.claim() +}) + +// Fetch event - serve from cache when offline +self.addEventListener('fetch', (event) => { + // Only cache GET requests + if (event.request.method !== 'GET') return + + event.respondWith( + caches.match(event.request).then((cached) => { + // Return cached version or fetch from network + return ( + cached || + fetch(event.request).then((response) => { + // Don't cache API responses + if (event.request.url.includes('/api/')) { + return response + } + // Cache successful responses + if (response.status === 200) { + const clone = response.clone() + caches.open(CACHE_NAME).then((cache) => { + cache.put(event.request, clone) + }) + } + return response + }) + ) + }) + ) +}) + +// Push event - handle incoming push notifications +self.addEventListener('push', (event) => { + console.log('Service Worker: Push received') + + let data = { + title: 'Medication Reminder', + body: 'Time to take your medication', + icon: '/icon-192.png', + badge: '/badge-72.png', + tag: 'medication-reminder', + data: { + url: '/meds', + }, + } + + if (event.data) { + try { + data = { ...data, ...event.data.json() } + } catch (e) { + console.error('Failed to parse push data:', e) + } + } + + const options = { + body: data.body, + icon: data.icon || '/icon-192.png', + badge: data.badge || '/badge-72.png', + tag: data.tag || 'default', + vibrate: [100, 50, 100], + data: data.data || {}, + actions: data.actions || [ + { action: 'take', title: 'Taken' }, + { action: 'snooze', title: 'Snooze' }, + ], + requireInteraction: true, + } + + event.waitUntil(self.registration.showNotification(data.title, options)) +}) + +// Notification click event - handle user interaction +self.addEventListener('notificationclick', (event) => { + console.log('Service Worker: Notification clicked', event.action) + + event.notification.close() + + const data = event.notification.data || {} + let url = data.url || '/meds' + + // Handle different actions + if (event.action === 'take' && data.medicationId) { + // Open meds page with action to log dose + url = `/meds?action=take&id=${data.medicationId}` + } else if (event.action === 'snooze') { + // Schedule a new notification in 15 minutes + // This would require server-side logic + console.log('Snooze requested') + } + + event.waitUntil( + clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => { + // Try to focus an existing window + for (const client of clientList) { + if (client.url.includes('/') && 'focus' in client) { + client.navigate(url) + return client.focus() + } + } + // Open new window if none exists + if (clients.openWindow) { + return clients.openWindow(url) + } + }) + ) +}) + +// Background sync event - for offline dose logging +self.addEventListener('sync', (event) => { + if (event.tag === 'sync-doses') { + console.log('Service Worker: Syncing doses...') + // This would sync offline dose logs when connection is restored + } +}) diff --git a/src/app/(app)/activity/page.tsx b/src/app/(app)/activity/page.tsx new file mode 100644 index 0000000..9ada732 --- /dev/null +++ b/src/app/(app)/activity/page.tsx @@ -0,0 +1,133 @@ +'use client' + +import { useState, useEffect, useCallback } from 'react' +import { Loader2 } from 'lucide-react' + +import { Card, LoadingState, Button } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { ActivityItem } from '@/components/activity/ActivityItem' +import { ActivityFilter } from '@/components/activity/ActivityFilter' +import { useApp } from '../provider' + +interface Activity { + id: string + action: string + entityType: string + entityId: string + details: Record | null + createdAt: string + user: { id: string; name: string } +} + +export default function ActivityPage() { + const { currentWorkspace } = useApp() + const [activities, setActivities] = useState([]) + const [loading, setLoading] = useState(true) + const [loadingMore, setLoadingMore] = useState(false) + const [hasMore, setHasMore] = useState(false) + const [entityType, setEntityType] = useState('') + const [offset, setOffset] = useState(0) + + const fetchActivities = useCallback(async (reset = false) => { + const currentOffset = reset ? 0 : offset + if (reset) { + setLoading(true) + } else { + setLoadingMore(true) + } + + try { + const params = new URLSearchParams({ + limit: '50', + offset: String(currentOffset), + ...(entityType && { entityType }), + }) + + const response = await fetch( + `/api/workspaces/${currentWorkspace.id}/activity?${params}` + ) + + if (!response.ok) throw new Error('Failed to fetch') + + const data = await response.json() + + if (reset) { + setActivities(data.activities) + setOffset(data.activities.length) + } else { + setActivities((prev) => [...prev, ...data.activities]) + setOffset(currentOffset + data.activities.length) + } + setHasMore(data.hasMore) + } catch (err) { + console.error('Failed to fetch activities:', err) + } finally { + setLoading(false) + setLoadingMore(false) + } + }, [currentWorkspace.id, entityType, offset]) + + useEffect(() => { + fetchActivities(true) + }, [currentWorkspace.id, entityType]) + + const handleLoadMore = () => { + fetchActivities(false) + } + + const handleEntityTypeChange = (type: string) => { + setEntityType(type) + setOffset(0) + } + + if (loading) { + return ( + <> +
+ + + + + ) + } + + return ( + <> +
+ + + + {activities.length === 0 ? ( + +

No activity yet

+ + ) : ( + +
+ {activities.map((activity) => ( +
+ +
+ ))} +
+ + )} + + {hasMore && ( +
+ +
+ )} + + + ) +} diff --git a/src/app/(app)/appointments/[id]/page.tsx b/src/app/(app)/appointments/[id]/page.tsx new file mode 100644 index 0000000..e34e806 --- /dev/null +++ b/src/app/(app)/appointments/[id]/page.tsx @@ -0,0 +1,262 @@ +'use client' + +import { useState, useEffect } from 'react' +import { useRouter, useParams } from 'next/navigation' +import { format, parseISO, isPast, isTomorrow, isToday } from 'date-fns' +import { toZonedTime } from 'date-fns-tz' +import { + Calendar, + MapPin, + Clock, + Edit, + Trash2, + ExternalLink, + ClipboardCheck, + ChevronRight, +} from 'lucide-react' + +import { Card, Button, LoadingState, Modal, showToast } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { useApp } from '../../provider' + +const TIMEZONE = 'Australia/Perth' + +interface Appointment { + id: string + title: string + datetime: string + location: string | null + mapUrl: string | null + notes: string | null +} + +export default function AppointmentDetailPage() { + const router = useRouter() + const params = useParams() + const appointmentId = params.id as string + const { currentWorkspace, refreshData } = useApp() + const [appointment, setAppointment] = useState(null) + const [loading, setLoading] = useState(true) + const [showDelete, setShowDelete] = useState(false) + const [deleting, setDeleting] = useState(false) + + useEffect(() => { + async function fetchAppointment() { + try { + const response = await fetch( + `/api/workspaces/${currentWorkspace.id}/appointments/${appointmentId}` + ) + if (response.ok) { + const data = await response.json() + setAppointment(data.appointment) + } + } catch (err) { + console.error('Failed to fetch appointment:', err) + } finally { + setLoading(false) + } + } + + fetchAppointment() + }, [currentWorkspace.id, appointmentId]) + + const handleDelete = async () => { + setDeleting(true) + try { + const response = await fetch( + `/api/workspaces/${currentWorkspace.id}/appointments/${appointmentId}`, + { method: 'DELETE' } + ) + + if (!response.ok) throw new Error('Failed to delete') + + showToast('Appointment deleted', 'success') + refreshData() + router.push('/appointments') + } catch { + showToast('Failed to delete', 'error') + } finally { + setDeleting(false) + setShowDelete(false) + } + } + + if (loading) { + return ( + <> +
+ + + + + ) + } + + if (!appointment) { + return ( + <> +
+ + +

Appointment not found

+ + + + ) + } + + const apptDate = toZonedTime(parseISO(appointment.datetime), TIMEZONE) + const isInPast = isPast(apptDate) + const showPrepButton = !isInPast && (isToday(apptDate) || isTomorrow(apptDate) || !isPast(apptDate)) + + return ( + <> +
, + label: 'Edit', + onClick: () => router.push(`/appointments/${appointmentId}/edit`), + }} + /> + + {/* Main details */} + +
+
+ +
+
+

+ {appointment.title} +

+ +
+

+ + + {format(apptDate, 'EEEE, MMMM d, yyyy')} at{' '} + {format(apptDate, 'h:mm a')} + +

+ + {appointment.location && ( +
+ + {appointment.location} +
+ )} +
+
+
+ + + {/* Map link */} + {appointment.mapUrl && ( + + +
+ + Open in Maps +
+ + + )} + + {/* Preparation checklist */} + {showPrepButton && ( + router.push(`/appointments/${appointmentId}/prep`)} + className="hover:bg-secondary-50 cursor-pointer" + > +
+
+ +
+
+

+ Prepare for this appointment +

+

+ Checklist to help you get ready +

+
+ +
+ + )} + + {/* Notes */} + {appointment.notes && ( + +

Notes

+

+ {appointment.notes} +

+ + )} + + {/* Delete button */} +
+ +
+ + + {/* Delete confirmation modal */} + setShowDelete(false)} + title="Delete Appointment" + > +
+

+ Are you sure you want to delete "{appointment.title}"? This action + cannot be undone. +

+
+ + +
+
+ + + ) +} diff --git a/src/app/(app)/appointments/[id]/prep/page.tsx b/src/app/(app)/appointments/[id]/prep/page.tsx new file mode 100644 index 0000000..03c066a --- /dev/null +++ b/src/app/(app)/appointments/[id]/prep/page.tsx @@ -0,0 +1,142 @@ +'use client' + +import { useState, useEffect } from 'react' +import { useParams } from 'next/navigation' +import { format, parseISO } from 'date-fns' +import { Calendar, MapPin, Clock, Printer } from 'lucide-react' + +import { Card, LoadingState, Button } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { PrepChecklist } from '@/components/appointments/PrepChecklist' +import { useApp } from '../../../provider' + +interface Appointment { + id: string + title: string + datetime: string + location: string | null + notes: string | null +} + +export default function AppointmentPrepPage() { + const params = useParams() + const appointmentId = params.id as string + const { currentWorkspace } = useApp() + const [appointment, setAppointment] = useState(null) + const [loading, setLoading] = useState(true) + + useEffect(() => { + async function fetchAppointment() { + try { + const response = await fetch( + `/api/workspaces/${currentWorkspace.id}/appointments/${appointmentId}` + ) + if (response.ok) { + const data = await response.json() + setAppointment(data.appointment) + } + } catch (err) { + console.error('Failed to fetch appointment:', err) + } finally { + setLoading(false) + } + } + + fetchAppointment() + }, [currentWorkspace.id, appointmentId]) + + if (loading) { + return ( + <> +
+ + + + + ) + } + + if (!appointment) { + return ( + <> +
+ + +

Appointment not found

+ + + + ) + } + + const apptDate = parseISO(appointment.datetime) + + return ( + <> +
, + label: 'Print', + onClick: () => window.print(), + }} + /> + + {/* Appointment summary */} + +
+
+ +
+
+

+ {appointment.title} +

+

+ + {format(apptDate, 'EEEE, MMMM d')} at {format(apptDate, 'h:mm a')} +

+ {appointment.location && ( +

+ + {appointment.location} +

+ )} +
+
+ + + {/* Tips */} +
+

Preparation Tips

+
    +
  • Arrive 15 minutes early
    • +
  • Bring all items on your checklist
    • +
  • Have someone drive you if needed
    • +
  • Eat a light meal beforehand unless fasting
    • +
+
+ + {/* Checklist */} +
+

+ Preparation Checklist +

+ +
+ + {/* Notes */} + {appointment.notes && ( + +

Notes

+

{appointment.notes}

+ + )} + + + ) +} diff --git a/src/app/(app)/appointments/calendar/page.tsx b/src/app/(app)/appointments/calendar/page.tsx new file mode 100644 index 0000000..a06232c --- /dev/null +++ b/src/app/(app)/appointments/calendar/page.tsx @@ -0,0 +1,115 @@ +'use client' + +import { useState, useEffect } from 'react' +import { useRouter } from 'next/navigation' +import { List, Plus } from 'lucide-react' +import { useLiveQuery } from 'dexie-react-hooks' + +import { db } from '@/lib/sync' +import { Card, LoadingState, Button } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { CalendarMonth } from '@/components/calendar/CalendarMonth' +import { useApp } from '../../provider' + +export default function CalendarPage() { + const router = useRouter() + const { currentWorkspace } = useApp() + const [currentMonth, setCurrentMonth] = useState(new Date()) + const [selectedDate, setSelectedDate] = useState(new Date()) + const [loading, setLoading] = useState(true) + const [serverAppointments, setServerAppointments] = useState([]) + + // Fetch from IndexedDB for offline support + const localAppointments = useLiveQuery( + () => + db.appointments + .where('workspaceId') + .equals(currentWorkspace.id) + .and((a) => !a.deletedAt) + .toArray(), + [currentWorkspace.id] + ) + + // Also fetch from server for latest data + useEffect(() => { + async function fetchAppointments() { + try { + const response = await fetch( + `/api/workspaces/${currentWorkspace.id}/appointments` + ) + if (response.ok) { + const data = await response.json() + setServerAppointments(data.appointments) + } + } catch (err) { + console.error('Failed to fetch appointments:', err) + } finally { + setLoading(false) + } + } + + fetchAppointments() + }, [currentWorkspace.id]) + + // Prefer server data if available + const appointments = serverAppointments.length > 0 ? serverAppointments : localAppointments || [] + + if (loading && !localAppointments) { + return ( + <> +
, + label: 'List view', + onClick: () => router.push('/appointments'), + }} + /> + + + + + ) + } + + return ( + <> +
, + label: 'List view', + onClick: () => router.push('/appointments'), + }} + /> + + + ({ + id: a.id, + title: a.title, + datetime: a.datetime, + location: a.location, + }))} + selectedDate={selectedDate} + onDateSelect={setSelectedDate} + onMonthChange={setCurrentMonth} + currentMonth={currentMonth} + /> + + + {/* Add appointment FAB */} +
+ +
+ + + ) +} diff --git a/src/app/(app)/appointments/page.tsx b/src/app/(app)/appointments/page.tsx index c629283..fe41e3f 100644 --- a/src/app/(app)/appointments/page.tsx +++ b/src/app/(app)/appointments/page.tsx @@ -3,11 +3,11 @@ import { useRouter } from 'next/navigation' import { format, isToday, isTomorrow, parseISO, startOfDay } from 'date-fns' import { toZonedTime } from 'date-fns-tz' -import { Plus, Calendar, MapPin, Clock, ChevronRight } from 'lucide-react' +import { Plus, Calendar, MapPin, Clock, ChevronRight, CalendarDays } from 'lucide-react' import { useLiveQuery } from 'dexie-react-hooks' import { db } from '@/lib/sync' -import { Card, LoadingState, EmptyState } from '@/components/ui' +import { Card, LoadingState, EmptyState, Button } from '@/components/ui' import { Header, PageContainer } from '@/components/layout/header' import { useApp } from '../provider' @@ -59,9 +59,9 @@ export default function AppointmentsPage() {
, - label: 'Add appointment', - onClick: () => router.push('/appointments/new'), + icon: , + label: 'Calendar view', + onClick: () => router.push('/appointments/calendar'), }} /> @@ -76,9 +76,9 @@ export default function AppointmentsPage() {
, - label: 'Add appointment', - onClick: () => router.push('/appointments/new'), + icon: , + label: 'Calendar view', + onClick: () => router.push('/appointments/calendar'), }} /> @@ -158,6 +158,16 @@ export default function AppointmentsPage() { })} )} + + {/* Add appointment FAB */} +
+ +
) diff --git a/src/app/(app)/emergency/page.tsx b/src/app/(app)/emergency/page.tsx new file mode 100644 index 0000000..d6ab771 --- /dev/null +++ b/src/app/(app)/emergency/page.tsx @@ -0,0 +1,115 @@ +'use client' + +import { useEffect, useState } from 'react' +import { ArrowLeft, Edit2 } from 'lucide-react' +import { useRouter } from 'next/navigation' +import { useLiveQuery } from 'dexie-react-hooks' + +import { db } from '@/lib/sync' +import { EmergencyCard } from '@/components/emergency/EmergencyCard' +import { Button, LoadingState } from '@/components/ui' +import { useApp } from '../provider' + +export default function EmergencyPage() { + const router = useRouter() + const { currentWorkspace } = useApp() + + // Fetch workspace from IndexedDB for offline access + const workspace = useLiveQuery( + () => db.workspaces.get(currentWorkspace.id), + [currentWorkspace.id] + ) + + // Fetch active medications + const medications = useLiveQuery( + () => + db.medications + .where('workspaceId') + .equals(currentWorkspace.id) + .and((m) => m.active && !m.deletedAt) + .toArray(), + [currentWorkspace.id] + ) + + if (!workspace) { + return + } + + const emergencyInfo = { + patientName: workspace.patientName, + patientDOB: workspace.patientDOB, + bloodType: workspace.bloodType, + allergies: workspace.allergies, + medicalConditions: workspace.medicalConditions, + primaryPhysician: workspace.primaryPhysician, + physicianPhone: workspace.physicianPhone, + clinicPhone: workspace.clinicPhone, + emergencyPhone: workspace.emergencyPhone, + } + + const hasInfo = emergencyInfo.patientName || emergencyInfo.bloodType || + emergencyInfo.allergies || emergencyInfo.medicalConditions + + const medsList = medications?.map(m => ({ + name: m.name, + instructions: m.instructions, + })) || [] + + return ( +
+ {/* Header */} +
+
+ + {currentWorkspace.role !== 'VIEWER' && ( + + )} +
+
+ +
+ {hasInfo ? ( + + ) : ( +
+
+ +
+

+ No Emergency Info Set +

+

+ Add important medical information for emergencies. +

+ {currentWorkspace.role !== 'VIEWER' && ( + + )} +
+ )} +
+ + {/* Offline indicator */} +
+
+

+ This information is available offline +

+
+
+
+ ) +} diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx index d148939..8dd0b33 100644 --- a/src/app/(app)/layout.tsx +++ b/src/app/(app)/layout.tsx @@ -2,6 +2,7 @@ import { redirect } from 'next/navigation' import { getSession } from '@/lib/auth' import { prisma } from '@/lib/db/prisma' import { BottomNav } from '@/components/layout/bottom-nav' +import { ServiceWorkerRegistrar } from '@/components/notifications/ServiceWorkerRegistrar' import { AppProvider } from './provider' export default async function AppLayout({ @@ -36,6 +37,8 @@ export default async function AppLayout({ clinicPhone: m.workspace.clinicPhone, emergencyPhone: m.workspace.emergencyPhone, largeTextMode: m.workspace.largeTextMode, + quietHoursStart: m.workspace.quietHoursStart, + quietHoursEnd: m.workspace.quietHoursEnd, })) return ( @@ -44,6 +47,7 @@ export default async function AppLayout({ workspaces={workspaces} initialWorkspaceId={workspaces[0].id} > +
{children} diff --git a/src/app/(app)/meds/[id]/page.tsx b/src/app/(app)/meds/[id]/page.tsx new file mode 100644 index 0000000..fa30b42 --- /dev/null +++ b/src/app/(app)/meds/[id]/page.tsx @@ -0,0 +1,247 @@ +'use client' + +import { use, useEffect, useState, useCallback } from 'react' +import { useRouter } from 'next/navigation' +import { format } from 'date-fns' +import { Pill, Clock, Edit2, Trash2, History } from 'lucide-react' +import { useLiveQuery } from 'dexie-react-hooks' + +import { db, logDose, undoDose } from '@/lib/sync' +import { Card, Button, LoadingState, Modal, showToast, showUndoToast } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { RefillTracker } from '@/components/medications/RefillTracker' +import { useApp } from '../../provider' + +export default function MedicationDetailPage({ params }: { params: Promise<{ id: string }> }) { + const { id: medicationId } = use(params) + const router = useRouter() + const { currentWorkspace, refreshData } = useApp() + const [showDeleteModal, setShowDeleteModal] = useState(false) + const [deleting, setDeleting] = useState(false) + + // Fetch medication from IndexedDB + const medication = useLiveQuery( + () => db.medications.get(medicationId), + [medicationId] + ) + + // Fetch recent dose logs + const doseLogs = useLiveQuery( + () => + db.doseLogs + .where('medicationId') + .equals(medicationId) + .reverse() + .limit(10) + .toArray(), + [medicationId] + ) + + const handleRefresh = useCallback(async () => { + await refreshData() + }, [refreshData]) + + const handleTakeDose = useCallback(async () => { + if (!medication) return + try { + const doseLog = await logDose( + currentWorkspace.id, + medication.id, + { id: medication.id, name: medication.name } + ) + showUndoToast(`Took ${medication.name}`, async () => { + await undoDose(doseLog) + showToast('Dose undone', 'info') + }) + } catch { + showToast('Failed to log dose', 'error') + } + }, [medication, currentWorkspace.id]) + + const handleDelete = async () => { + if (!medication) return + setDeleting(true) + try { + const response = await fetch( + `/api/workspaces/${currentWorkspace.id}/medications/${medication.id}`, + { method: 'DELETE' } + ) + if (!response.ok) throw new Error('Failed to delete') + await refreshData() + showToast('Medication deleted', 'success') + router.push('/meds') + } catch { + showToast('Failed to delete medication', 'error') + } finally { + setDeleting(false) + setShowDeleteModal(false) + } + } + + const formatSchedule = () => { + if (!medication) return '' + const data = medication.scheduleData as Record + switch (medication.scheduleType) { + case 'FIXED_TIMES': + return `Daily at ${(data.times as string[]).join(', ')}` + case 'INTERVAL': + return `Every ${data.hours} hours (starting ${data.startTime})` + case 'WEEKDAYS': + const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] + const selectedDays = (data.days as number[]).map(d => days[d]).join(', ') + return `${selectedDays} at ${data.time}` + case 'PRN': + return `As needed (min ${data.minHoursBetween}h between doses)` + default: + return medication.scheduleType + } + } + + if (!medication) { + return ( + <> +
+ + + + + ) + } + + const recentDoses = doseLogs?.filter(d => !d.undoneAt) || [] + + return ( + <> +
, + label: 'Delete', + onClick: () => setShowDeleteModal(true), + } + : undefined + } + /> + + {/* Status Card */} + +
+
+ +
+
+

+ {medication.name} +

+

+ + {formatSchedule()} +

+ {medication.instructions && ( +

+ {medication.instructions} +

+ )} + {!medication.active && ( +

+ Inactive +

+ )} +
+
+ {currentWorkspace.role !== 'VIEWER' && medication.active && ( + + )} + + + {/* Refill Tracker */} + {medication.pillCount !== null && ( + + )} + + {/* Recent Doses */} +
+
+

Recent Doses

+ +
+ {recentDoses.length > 0 ? ( + +
    + {recentDoses.map((dose) => ( +
  • +
    +

    + {format(new Date(dose.takenAt), 'EEEE, MMM d')} +

    +

    + {format(new Date(dose.takenAt), 'h:mm a')} + {dose.loggedBy && ` by ${dose.loggedBy.name}`} +

    +
    +
    • + ))} +
+ + ) : ( + +

No doses logged yet

+ + )} +
+ + + {/* Delete Confirmation Modal */} + setShowDeleteModal(false)} + title="Delete Medication" + > +

+ Are you sure you want to delete "{medication.name}"? This action cannot be undone. +

+
+ + +
+ + + ) +} diff --git a/src/app/(app)/meds/new/page.tsx b/src/app/(app)/meds/new/page.tsx index 32644a4..bd00b91 100644 --- a/src/app/(app)/meds/new/page.tsx +++ b/src/app/(app)/meds/new/page.tsx @@ -47,6 +47,12 @@ export default function NewMedicationPage() { // PRN const [minHoursBetween, setMinHoursBetween] = useState(4) + // Refill tracking (optional) + const [trackRefills, setTrackRefills] = useState(false) + const [pillCount, setPillCount] = useState('') + const [pillsPerDose, setPillsPerDose] = useState(1) + const [refillThreshold, setRefillThreshold] = useState(7) + const [loading, setLoading] = useState(false) const [error, setError] = useState('') @@ -102,6 +108,12 @@ export default function NewMedicationPage() { scheduleType, scheduleData: buildScheduleData(), active: true, + // Refill tracking (optional) + ...(trackRefills && pillCount !== '' && { + pillCount: Number(pillCount), + pillsPerDose, + refillThreshold, + }), }), } ) @@ -248,6 +260,53 @@ export default function NewMedicationPage() { /> )} + {/* Refill Tracking (optional) */} +
+
+ setTrackRefills(e.target.checked)} + className="w-5 h-5 rounded border-border text-primary-600 focus:ring-primary-500" + /> + +
+ + {trackRefills && ( +
+ setPillCount(e.target.value === '' ? '' : parseInt(e.target.value))} + placeholder="e.g., 30" + helperText="How many pills do you have now?" + /> +
+ setPillsPerDose(parseInt(e.target.value) || 1)} + /> + setRefillThreshold(parseInt(e.target.value) || 7)} + helperText="pills" + /> +
+
+ )} +
+ {error && (

{error} diff --git a/src/app/(app)/meds/page.tsx b/src/app/(app)/meds/page.tsx index 4d607ec..1ad3eed 100644 --- a/src/app/(app)/meds/page.tsx +++ b/src/app/(app)/meds/page.tsx @@ -2,7 +2,7 @@ import { useEffect, useState, useCallback } from 'react' import { useRouter } from 'next/navigation' -import { Plus, Pill, Clock, ChevronRight, History } from 'lucide-react' +import { Plus, Pill, Clock, ChevronRight, History, AlertTriangle } from 'lucide-react' import { useLiveQuery } from 'dexie-react-hooks' import { db, logDose, undoDose } from '@/lib/sync' @@ -10,6 +10,7 @@ import { calculateAllMedicationsDue, formatTimeUntil } from '@/lib/schedule' import type { Medication, DoseLog, MedicationDueStatus } from '@/lib/schedule' import { Card, Button, LoadingState, EmptyState, showUndoToast, showToast } from '@/components/ui' import { Header, PageContainer } from '@/components/layout/header' +import { RefillAlert } from '@/components/medications/RefillAlert' import { useApp } from '../provider' export default function MedsPage() { @@ -119,16 +120,26 @@ export default function MedsPage() { onClick: () => router.push('/meds/new'), }} /> - + {/* History link */} + {/* Refill Alerts */} + ({ + id: m.id, + name: m.name, + pillCount: m.pillCount, + refillThreshold: m.refillThreshold, + }))} + /> + {medications.length === 0 ? ( { if (isOverdue && nextDueAt) { return formatTimeUntil(nextDueAt, now) @@ -230,11 +247,18 @@ function MedicationCard({ status, now, onTake, onClick }: MedicationCardProps) { return (

-
- +
+
-

{medication.name}

+
+

{medication.name}

+ {isLowOnPills && ( + + {med.pillCount} left + + )} +

{getTimeLabel()} diff --git a/src/app/(app)/notes/questions/page.tsx b/src/app/(app)/notes/questions/page.tsx index 2e019b0..3f93259 100644 --- a/src/app/(app)/notes/questions/page.tsx +++ b/src/app/(app)/notes/questions/page.tsx @@ -6,7 +6,7 @@ import { toZonedTime } from 'date-fns-tz' import { HelpCircle, CheckCircle, Copy } from 'lucide-react' import { useLiveQuery } from 'dexie-react-hooks' -import { db, markQuestionAsked } from '@/lib/sync' +import { db, markQuestionAsked, unmarkQuestionAsked } from '@/lib/sync' import { Card, Button, LoadingState, EmptyState, showToast } from '@/components/ui' import { Header, PageContainer } from '@/components/layout/header' import { useApp } from '../../provider' @@ -46,6 +46,22 @@ export default function QuestionsPage() { [questions, refreshData] ) + const handleUnmarkAsked = useCallback( + async (noteId: string) => { + const note = questions?.find((n) => n.id === noteId) + if (!note) return + + try { + await unmarkQuestionAsked(note) + await refreshData() + showToast('Moved back to "To Ask"', 'success') + } catch { + showToast('Failed to update', 'error') + } + }, + [questions, refreshData] + ) + const copyAllQuestions = () => { const text = unanswered.map((q) => `• ${q.content}`).join('\n') navigator.clipboard.writeText(text) @@ -129,7 +145,7 @@ export default function QuestionsPage() {

{answered.map((note) => ( - +
@@ -144,6 +160,13 @@ export default function QuestionsPage() { )}

+
))} diff --git a/src/app/(app)/print/appointments/page.tsx b/src/app/(app)/print/appointments/page.tsx new file mode 100644 index 0000000..ddf95f8 --- /dev/null +++ b/src/app/(app)/print/appointments/page.tsx @@ -0,0 +1,157 @@ +'use client' + +import { useState, useEffect } from 'react' +import { format, isAfter, parseISO, addMonths } from 'date-fns' +import { Printer, MapPin } from 'lucide-react' + +import { Button, LoadingState } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { useApp } from '../../provider' +import '@/styles/print.css' + +interface Appointment { + id: string + title: string + datetime: string + location: string | null + mapUrl: string | null + notes: string | null +} + +export default function AppointmentsPrintPage() { + const { currentWorkspace } = useApp() + const [appointments, setAppointments] = useState([]) + const [loading, setLoading] = useState(true) + + useEffect(() => { + async function fetchAppointments() { + try { + const response = await fetch(`/api/workspaces/${currentWorkspace.id}/appointments`) + if (response.ok) { + const data = await response.json() + // Filter to upcoming appointments within next 3 months + const now = new Date() + const threeMonthsFromNow = addMonths(now, 3) + const upcoming = data.appointments + .filter((a: Appointment) => { + const apptDate = parseISO(a.datetime) + return isAfter(apptDate, now) && isAfter(threeMonthsFromNow, apptDate) + }) + .sort( + (a: Appointment, b: Appointment) => + parseISO(a.datetime).getTime() - parseISO(b.datetime).getTime() + ) + setAppointments(upcoming) + } + } catch (err) { + console.error('Failed to fetch appointments:', err) + } finally { + setLoading(false) + } + } + + fetchAppointments() + }, [currentWorkspace.id]) + + const handlePrint = () => { + window.print() + } + + if (loading) { + return ( + <> +
+ + + + + ) + } + + const today = format(new Date(), 'MMMM d, yyyy') + + return ( + <> +
+
+ +
+

Preview your printable appointments list

+ +
+ +
+ +
+
Upcoming Appointments
+
Generated: {today}
+ + {currentWorkspace.name && ( +
+ Patient: {currentWorkspace.name} +
+ )} + + {appointments.length === 0 ? ( +

No upcoming appointments scheduled

+ ) : ( + + + + + + + + + + + {appointments.map((appt) => ( + + + + + + + ))} + +
Date & TimeAppointmentLocationNotes
+
+ {format(parseISO(appt.datetime), 'EEE, MMM d')} +
+
+ {format(parseISO(appt.datetime), 'h:mm a')} +
+ 		+
{appt.title}
+ 		+ {appt.location && ( +
+ + {appt.location} +
+ )} + 		+ {appt.notes || '-'} +
+ )} + +
+
Reminders:
+
    +
  • Bring insurance card and photo ID
    • +
  • Arrive 15 minutes early for new appointments
    • +
  • Bring a list of current medications
    • +
  • Prepare questions for your doctor
    • +
+
+ +
+ Generated by NextStep - {today} +
+
+ + ) +} diff --git a/src/app/(app)/print/daily-meds/page.tsx b/src/app/(app)/print/daily-meds/page.tsx new file mode 100644 index 0000000..cced5b2 --- /dev/null +++ b/src/app/(app)/print/daily-meds/page.tsx @@ -0,0 +1,208 @@ +'use client' + +import { useState, useEffect } from 'react' +import { format } from 'date-fns' +import { Printer } from 'lucide-react' + +import { Button, LoadingState } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { useApp } from '../../provider' +import '@/styles/print.css' + +interface Medication { + id: string + name: string + instructions: string | null + scheduleType: string + scheduleData: { + type: string + times?: string[] + hours?: number + startTime?: string + time?: string + days?: number[] + } + active: boolean +} + +interface MedTime { + time: string + medications: { id: string; name: string; instructions: string | null }[] +} + +function parseScheduleTimes(med: Medication): string[] { + const { scheduleType, scheduleData } = med + + switch (scheduleType) { + case 'FIXED_TIMES': + return scheduleData.times || [] + case 'INTERVAL': + // Generate times based on interval + const times: string[] = [] + const startHour = parseInt(scheduleData.startTime?.split(':')[0] || '8') + const hours = scheduleData.hours || 4 + for (let h = startHour; h < 24; h += hours) { + const hourStr = h.toString().padStart(2, '0') + times.push(`${hourStr}:00`) + } + return times + case 'WEEKDAYS': + return scheduleData.time ? [scheduleData.time] : [] + case 'PRN': + return ['As needed'] + default: + return [] + } +} + +function groupMedicationsByTime(medications: Medication[]): MedTime[] { + const timeMap = new Map() + + for (const med of medications) { + if (!med.active) continue + + const times = parseScheduleTimes(med) + for (const time of times) { + if (!timeMap.has(time)) { + timeMap.set(time, []) + } + timeMap.get(time)!.push({ + id: med.id, + name: med.name, + instructions: med.instructions, + }) + } + } + + // Sort by time + const sorted = Array.from(timeMap.entries()) + .filter(([time]) => time !== 'As needed') + .sort(([a], [b]) => a.localeCompare(b)) + .map(([time, medications]) => ({ time, medications })) + + // Add PRN meds at the end + const prnMeds = timeMap.get('As needed') + if (prnMeds && prnMeds.length > 0) { + sorted.push({ time: 'As needed', medications: prnMeds }) + } + + return sorted +} + +function formatTime(time: string): string { + if (time === 'As needed') return time + const [hours, minutes] = time.split(':').map(Number) + const ampm = hours >= 12 ? 'PM' : 'AM' + const displayHours = hours % 12 || 12 + return `${displayHours}:${minutes.toString().padStart(2, '0')} ${ampm}` +} + +export default function DailyMedsPrintPage() { + const { currentWorkspace } = useApp() + const [medications, setMedications] = useState([]) + const [loading, setLoading] = useState(true) + + useEffect(() => { + async function fetchMedications() { + try { + const response = await fetch(`/api/workspaces/${currentWorkspace.id}/medications`) + if (response.ok) { + const data = await response.json() + setMedications(data.medications.filter((m: Medication) => m.active)) + } + } catch (err) { + console.error('Failed to fetch medications:', err) + } finally { + setLoading(false) + } + } + + fetchMedications() + }, [currentWorkspace.id]) + + const handlePrint = () => { + window.print() + } + + if (loading) { + return ( + <> +
+ + + + + ) + } + + const medTimes = groupMedicationsByTime(medications) + const today = format(new Date(), 'EEEE, MMMM d, yyyy') + + return ( + <> +
+
+ +
+

Preview your printable medication schedule

+ +
+ +
+ +
+
Daily Medication Schedule
+
{today}
+ + {currentWorkspace.name && ( +
+ Patient: {currentWorkspace.name} +
+ )} + + {medTimes.length === 0 ? ( +

No medications scheduled

+ ) : ( +
+ {medTimes.map((medTime, idx) => ( +
+
+ + {formatTime(medTime.time)} + +
+
+ {medTime.medications.map((med) => ( +
+
+
+
{med.name}
+ {med.instructions && ( +
+ {med.instructions} +
+ )} +
+
+ ))} +
+
+ ))} +
+ )} + +
+
Notes:
+
+
+ +
+ Generated by NextStep - {today} +
+
+ + ) +} diff --git a/src/app/(app)/print/doctor-visit/page.tsx b/src/app/(app)/print/doctor-visit/page.tsx new file mode 100644 index 0000000..1d554d6 --- /dev/null +++ b/src/app/(app)/print/doctor-visit/page.tsx @@ -0,0 +1,323 @@ +'use client' + +import { useState, useEffect } from 'react' +import { format, subDays } from 'date-fns' +import { Printer } from 'lucide-react' + +import { Button, LoadingState } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { useApp } from '../../provider' +import '@/styles/print.css' + +interface Medication { + id: string + name: string + instructions: string | null + scheduleType: string + active: boolean +} + +interface Symptom { + id: string + type: string + customName: string | null + severity: number + notes: string | null + recordedAt: string +} + +interface Note { + id: string + type: string + content: string + askedAt: string | null +} + +const SYMPTOM_LABELS: Record = { + FATIGUE: 'Fatigue', + NAUSEA: 'Nausea', + PAIN: 'Pain', + APPETITE: 'Appetite Changes', + SLEEP: 'Sleep Issues', + MOOD: 'Mood Changes', + CUSTOM: 'Other', +} + +const SEVERITY_LABELS = ['Minimal', 'Mild', 'Moderate', 'Severe', 'Extreme'] + +export default function DoctorVisitPrintPage() { + const { currentWorkspace } = useApp() + const [medications, setMedications] = useState([]) + const [symptoms, setSymptoms] = useState([]) + const [questions, setQuestions] = useState([]) + const [loading, setLoading] = useState(true) + + useEffect(() => { + async function fetchData() { + try { + // Fetch medications + const medsResponse = await fetch( + `/api/workspaces/${currentWorkspace.id}/medications` + ) + if (medsResponse.ok) { + const data = await medsResponse.json() + setMedications(data.medications.filter((m: Medication) => m.active)) + } + + // Fetch symptoms from last 30 days + const symptomsResponse = await fetch( + `/api/workspaces/${currentWorkspace.id}/symptoms?limit=50` + ) + if (symptomsResponse.ok) { + const data = await symptomsResponse.json() + const thirtyDaysAgo = subDays(new Date(), 30) + setSymptoms( + data.symptoms.filter( + (s: Symptom) => new Date(s.recordedAt) >= thirtyDaysAgo + ) + ) + } + + // Fetch questions (unasked notes) + const notesResponse = await fetch( + `/api/workspaces/${currentWorkspace.id}/notes` + ) + if (notesResponse.ok) { + const data = await notesResponse.json() + setQuestions( + data.notes.filter( + (n: Note) => n.type === 'QUESTION' && !n.askedAt + ) + ) + } + } catch (err) { + console.error('Failed to fetch data:', err) + } finally { + setLoading(false) + } + } + + fetchData() + }, [currentWorkspace.id]) + + const handlePrint = () => { + window.print() + } + + if (loading) { + return ( + <> +
+ + + + + ) + } + + const today = format(new Date(), 'MMMM d, yyyy') + + // Group symptoms by type for summary + const symptomSummary = symptoms.reduce( + (acc, s) => { + const key = s.type + if (!acc[key]) { + acc[key] = { count: 0, totalSeverity: 0, maxSeverity: 0 } + } + acc[key].count++ + acc[key].totalSeverity += s.severity + acc[key].maxSeverity = Math.max(acc[key].maxSeverity, s.severity) + return acc + }, + {} as Record + ) + + return ( + <> +
+
+ +
+

+ Complete summary for your doctor appointment +

+ +
+ +
+ +
+
+ Doctor's Visit Summary +
+
Prepared: {today}
+ + {/* Patient Info */} +
+
Patient Information
+
+
+ Name:{' '} + + {(currentWorkspace as any).patientName || currentWorkspace.name || '_______________'} + +
+
+ DOB:{' '} + + {(currentWorkspace as any).patientDOB + ? format(new Date((currentWorkspace as any).patientDOB), 'MM/dd/yyyy') + : '_______________'} + +
+
+ Blood Type:{' '} + + {(currentWorkspace as any).bloodType || '_______________'} + +
+
+ {(currentWorkspace as any).allergies && ( +
+ Allergies:{' '} + + {(currentWorkspace as any).allergies} + +
+ )} + {(currentWorkspace as any).medicalConditions && ( +
+ Medical Conditions:{' '} + + {(currentWorkspace as any).medicalConditions} + +
+ )} +
+ + {/* Current Medications */} +
+
+ Current Medications ({medications.length}) +
+ {medications.length === 0 ? ( +

No active medications

+ ) : ( + + + + + + + + + + {medications.map((med) => ( + + + + + + ))} + +
MedicationInstructionsSchedule
+ {med.name} + + {med.instructions || '-'} + + {med.scheduleType.replace('_', ' ')} +
+ )} +
+ + {/* Symptom Summary */} +
+
+ Symptoms (Last 30 Days) +
+ {Object.keys(symptomSummary).length === 0 ? ( +

No symptoms recorded

+ ) : ( + + + + + + + + + + + {Object.entries(symptomSummary) + .sort((a, b) => b[1].count - a[1].count) + .map(([type, data]) => ( + + + + + + + ))} + +
SymptomOccurrencesAvg SeverityMax Severity
+ {SYMPTOM_LABELS[type] || type} + {data.count}x + {SEVERITY_LABELS[Math.round(data.totalSeverity / data.count) - 1]} + + {SEVERITY_LABELS[data.maxSeverity - 1]} +
+ )} +
+ + {/* Questions to Ask */} +
+
+ Questions to Ask ({questions.length}) +
+ {questions.length === 0 ? ( +

No questions prepared

+ ) : ( +
+ {questions.map((q, idx) => ( +
+
+ + {idx + 1}. {q.content} + +
+ ))} +
+ )} +
+ + {/* Doctor's Notes Section */} +
+
Doctor's Notes
+
+
+ + {/* Follow-up */} +
+
Follow-up
+
+
+ Next Appointment:{' '} + ________________________ +
+
+ Labs Ordered:{' '} + ________________________ +
+
+
+ +
+ Generated by NextStep - {today} +
+
+ + ) +} diff --git a/src/app/(app)/print/page.tsx b/src/app/(app)/print/page.tsx new file mode 100644 index 0000000..0401a57 --- /dev/null +++ b/src/app/(app)/print/page.tsx @@ -0,0 +1,74 @@ +'use client' + +import { Printer, Pill, Calendar, Stethoscope } from 'lucide-react' +import Link from 'next/link' + +import { Card } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' + +const printOptions = [ + { + href: '/print/daily-meds', + icon: Pill, + title: 'Daily Medication Schedule', + description: 'Large checkboxes for tracking daily doses. Great for posting on the fridge.', + }, + { + href: '/print/appointments', + icon: Calendar, + title: 'Upcoming Appointments', + description: 'List of upcoming appointments with dates, times, and locations.', + }, + { + href: '/print/doctor-visit', + icon: Stethoscope, + title: "Doctor's Visit Summary", + description: 'Complete summary with medications, symptoms, and questions to ask.', + }, +] + +export default function PrintPage() { + return ( + <> +
+ +
+
+
+ +
+

Print Documents

+
+

+ Generate printable documents for caregiving, appointments, and medication tracking. +

+
+ +
+ {printOptions.map((option) => ( + + +
+
+ +
+
+

{option.title}

+

{option.description}

+
+
+ + + ))} +
+ +
+

+ Tip: After opening a print page, use your browser's print function + (Ctrl/Cmd + P) to print or save as PDF. +

+
+ + + ) +} diff --git a/src/app/(app)/provider.tsx b/src/app/(app)/provider.tsx index e421fec..ab8d1b8 100644 --- a/src/app/(app)/provider.tsx +++ b/src/app/(app)/provider.tsx @@ -16,6 +16,8 @@ interface Workspace { clinicPhone: string | null emergencyPhone: string | null largeTextMode: boolean + quietHoursStart: string | null + quietHoursEnd: string | null } interface AppContextType { diff --git a/src/app/(app)/settings/emergency/page.tsx b/src/app/(app)/settings/emergency/page.tsx new file mode 100644 index 0000000..8775c65 --- /dev/null +++ b/src/app/(app)/settings/emergency/page.tsx @@ -0,0 +1,219 @@ +'use client' + +import { useState, useEffect } from 'react' +import { useRouter } from 'next/navigation' +import { format } from 'date-fns' + +import { Input, Textarea, Select, Button, showToast } from '@/components/ui' +import { Header, PageContainer } from '@/components/layout/header' +import { useApp } from '../../provider' + +const BLOOD_TYPES = [ + { value: '', label: 'Select blood type' }, + { value: 'A+', label: 'A+' }, + { value: 'A-', label: 'A-' }, + { value: 'B+', label: 'B+' }, + { value: 'B-', label: 'B-' }, + { value: 'AB+', label: 'AB+' }, + { value: 'AB-', label: 'AB-' }, + { value: 'O+', label: 'O+' }, + { value: 'O-', label: 'O-' }, + { value: 'Unknown', label: 'Unknown' }, +] + +export default function EmergencySettingsPage() { + const router = useRouter() + const { currentWorkspace, refreshData } = useApp() + + const [saving, setSaving] = useState(false) + const [loading, setLoading] = useState(true) + + const [patientName, setPatientName] = useState('') + const [patientDOB, setPatientDOB] = useState('') + const [bloodType, setBloodType] = useState('') + const [allergies, setAllergies] = useState('') + const [medicalConditions, setMedicalConditions] = useState('') + const [primaryPhysician, setPrimaryPhysician] = useState('') + const [physicianPhone, setPhysicianPhone] = useState('') + const [clinicPhone, setClinicPhone] = useState('') + const [emergencyPhone, setEmergencyPhone] = useState('') + + useEffect(() => { + const loadData = async () => { + try { + const response = await fetch(`/api/workspaces/${currentWorkspace.id}/emergency-info`) + if (response.ok) { + const data = await response.json() + setPatientName(data.patientName || '') + setPatientDOB(data.patientDOB ? format(new Date(data.patientDOB), 'yyyy-MM-dd') : '') + setBloodType(data.bloodType || '') + setAllergies(data.allergies || '') + setMedicalConditions(data.medicalConditions || '') + setPrimaryPhysician(data.primaryPhysician || '') + setPhysicianPhone(data.physicianPhone || '') + setClinicPhone(data.clinicPhone || '') + setEmergencyPhone(data.emergencyPhone || '') + } + } catch (err) { + console.error('Failed to load emergency info:', err) + } finally { + setLoading(false) + } + } + + loadData() + }, [currentWorkspace.id]) + + const handleSave = async () => { + setSaving(true) + try { + const response = await fetch(`/api/workspaces/${currentWorkspace.id}/emergency-info`, { + method: 'PATCH', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ + patientName: patientName.trim() || null, + patientDOB: patientDOB ? new Date(patientDOB).toISOString() : null, + bloodType: bloodType || null, + allergies: allergies.trim() || null, + medicalConditions: medicalConditions.trim() || null, + primaryPhysician: primaryPhysician.trim() || null, + physicianPhone: physicianPhone.trim() || null, + clinicPhone: clinicPhone.trim() || null, + emergencyPhone: emergencyPhone.trim() || null, + }), + }) + + if (!response.ok) throw new Error('Failed to save') + + await refreshData() + showToast('Emergency information saved', 'success') + router.back() + } catch (err) { + showToast('Failed to save', 'error') + } finally { + setSaving(false) + } + } + + return ( + <> +
+ +

+ This information will be available offline in emergencies. Fill in what you know. +

+ + {/* Patient Information */} +
+

+ Patient Information +

+
+ setPatientName(e.target.value)} + placeholder="Full name" + disabled={loading} + /> + setPatientDOB(e.target.value)} + disabled={loading} + /> +