Public Access
Initial clean VYTA import
This commit is contained in:
siliconsolder committed
commit
3ea1c3f889
92 files changed
+25789
No files matched your search
+33
@@ -0,0 +1,33 @@
|
||||
.env
|
||||
.env.*
|
||||
*.pem
|
||||
*secret*
|
||||
*credentials*
|
||||
*token*
|
||||
|
||||
data/
|
||||
private-data/
|
||||
public/data/
|
||||
.garmin_tokens/
|
||||
garmin-credentials.json
|
||||
vyta-garmin.json
|
||||
sync-status.json
|
||||
sync-request.json
|
||||
push-subscriptions.json
|
||||
notification-state.json
|
||||
settings.json
|
||||
|
||||
node_modules/
|
||||
.next/
|
||||
.vercel/
|
||||
out/
|
||||
build/
|
||||
*.tsbuildinfo
|
||||
__pycache__/
|
||||
*.pyc
|
||||
logs/
|
||||
|
||||
*probe*
|
||||
*output*
|
||||
*.bak*
|
||||
.DS_Store
|
||||
@@ -0,0 +1,50 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.*
|
||||
.yarn/*
|
||||
!.yarn/patches
|
||||
!.yarn/plugins
|
||||
!.yarn/releases
|
||||
!.yarn/versions
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
.pnpm-debug.log*
|
||||
|
||||
# env files (can opt-in for committing if needed)
|
||||
.env*
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
|
||||
.vercel
|
||||
.env*
|
||||
|
||||
# local Garmin credentials/tokens
|
||||
private-data/garmin-credentials.json
|
||||
private-data/.garmin_tokens/
|
||||
.garmin_tokens/
|
||||
garmin-credentials.json
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"semi": true,
|
||||
"singleQuote": false,
|
||||
"tabWidth": 2,
|
||||
"useTabs": false,
|
||||
"printWidth": 100,
|
||||
"trailingComma": "es5",
|
||||
"bracketSpacing": true,
|
||||
"arrowParens": "always"
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
<!-- BEGIN:nextjs-agent-rules -->
|
||||
|
||||
# This is NOT the Next.js you know
|
||||
|
||||
This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
|
||||
|
||||
This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
|
||||
|
||||
<!-- END:nextjs-agent-rules -->
|
||||
@@ -0,0 +1 @@
|
||||
@AGENTS.md
|
||||
@@ -0,0 +1,42 @@
|
||||
FROM node:24-alpine AS deps
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
COPY package.json package-lock.json ./
|
||||
|
||||
RUN npm ci
|
||||
|
||||
|
||||
FROM node:24-alpine AS builder
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
COPY --from=deps /app/node_modules ./node_modules
|
||||
COPY . .
|
||||
|
||||
ENV NEXT_TELEMETRY_DISABLED=1
|
||||
|
||||
RUN npm run build
|
||||
|
||||
|
||||
FROM node:24-alpine AS runner
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
ENV NODE_ENV=production
|
||||
ENV NEXT_TELEMETRY_DISABLED=1
|
||||
ENV HOSTNAME=0.0.0.0
|
||||
ENV PORT=3000
|
||||
|
||||
RUN addgroup --system --gid 1001 nodejs \
|
||||
&& adduser --system --uid 1001 nextjs
|
||||
|
||||
COPY --from=builder /app/public ./public
|
||||
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
|
||||
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
|
||||
|
||||
USER nextjs
|
||||
|
||||
EXPOSE 3000
|
||||
|
||||
CMD ["node", "server.js"]
|
||||
@@ -0,0 +1,36 @@
|
||||
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
|
||||
|
||||
## Getting Started
|
||||
|
||||
First, run the development server:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
# or
|
||||
pnpm dev
|
||||
# or
|
||||
bun dev
|
||||
```
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
||||
|
||||
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
|
||||
|
||||
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
|
||||
|
||||
## Learn More
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
|
||||
|
||||
## Deploy on Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
|
||||
@@ -0,0 +1,18 @@
|
||||
import { defineConfig, globalIgnores } from "eslint/config";
|
||||
import nextVitals from "eslint-config-next/core-web-vitals";
|
||||
import nextTs from "eslint-config-next/typescript";
|
||||
|
||||
const eslintConfig = defineConfig([
|
||||
...nextVitals,
|
||||
...nextTs,
|
||||
// Override default ignores of eslint-config-next.
|
||||
globalIgnores([
|
||||
// Default ignores of eslint-config-next:
|
||||
".next/**",
|
||||
"out/**",
|
||||
"build/**",
|
||||
"next-env.d.ts",
|
||||
]),
|
||||
]);
|
||||
|
||||
export default eslintConfig;
|
||||
@@ -0,0 +1,8 @@
|
||||
import type { NextConfig } from "next";
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
reactCompiler: true,
|
||||
output: "standalone",
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
Generated
+7318
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,36 @@
|
||||
{
|
||||
"name": "vyta",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "eslint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/blob": "^2.8.0",
|
||||
"bcryptjs": "^3.0.3",
|
||||
"jose": "^6.2.8",
|
||||
"leaflet": "^1.9.4",
|
||||
"next": "16.3.1",
|
||||
"openid-client": "^6.8.5",
|
||||
"react": "19.2.8",
|
||||
"react-dom": "19.2.8",
|
||||
"react-leaflet": "^5.0.0",
|
||||
"web-push": "^3.6.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/postcss": "^4",
|
||||
"@types/leaflet": "^1.9.22",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^19",
|
||||
"@types/react-dom": "^19",
|
||||
"@types/web-push": "^3.6.4",
|
||||
"babel-plugin-react-compiler": "1.0.0",
|
||||
"eslint": "^9",
|
||||
"eslint-config-next": "16.3.1",
|
||||
"tailwindcss": "^4",
|
||||
"typescript": "^5"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
const config = {
|
||||
plugins: {
|
||||
"@tailwindcss/postcss": {},
|
||||
},
|
||||
};
|
||||
|
||||
export default config;
|
||||
@@ -0,0 +1,5 @@
|
||||
.next
|
||||
node_modules
|
||||
.vercel
|
||||
private-data
|
||||
public/data
|
||||
@@ -0,0 +1 @@
|
||||
<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 391 B |
@@ -0,0 +1 @@
|
||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,84 @@
|
||||
self.addEventListener("push", (event) => {
|
||||
let payload = {};
|
||||
|
||||
try {
|
||||
payload = event.data
|
||||
? event.data.json()
|
||||
: {};
|
||||
} catch {
|
||||
payload = {
|
||||
title: "Vyta",
|
||||
body: event.data
|
||||
? event.data.text()
|
||||
: "Ny uppdatering",
|
||||
};
|
||||
}
|
||||
|
||||
const title =
|
||||
payload.title || "Vyta";
|
||||
|
||||
const options = {
|
||||
body:
|
||||
payload.body ||
|
||||
"Ny hälsouppdatering finns.",
|
||||
|
||||
icon:
|
||||
payload.icon ||
|
||||
"/icon",
|
||||
|
||||
badge:
|
||||
payload.badge ||
|
||||
"/icon",
|
||||
|
||||
tag:
|
||||
payload.tag ||
|
||||
"vyta",
|
||||
|
||||
data: {
|
||||
url:
|
||||
payload.url ||
|
||||
"/",
|
||||
},
|
||||
};
|
||||
|
||||
event.waitUntil(
|
||||
self.registration.showNotification(
|
||||
title,
|
||||
options
|
||||
)
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
self.addEventListener(
|
||||
"notificationclick",
|
||||
(event) => {
|
||||
event.notification.close();
|
||||
|
||||
const targetUrl =
|
||||
event.notification.data?.url ||
|
||||
"/";
|
||||
|
||||
event.waitUntil(
|
||||
clients
|
||||
.matchAll({
|
||||
type: "window",
|
||||
includeUncontrolled: true,
|
||||
})
|
||||
.then((clientList) => {
|
||||
for (const client of clientList) {
|
||||
if ("focus" in client) {
|
||||
client.navigate(targetUrl);
|
||||
return client.focus();
|
||||
}
|
||||
}
|
||||
|
||||
if (clients.openWindow) {
|
||||
return clients.openWindow(
|
||||
targetUrl
|
||||
);
|
||||
}
|
||||
})
|
||||
);
|
||||
}
|
||||
);
|
||||
@@ -0,0 +1 @@
|
||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 128 B |
@@ -0,0 +1 @@
|
||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
|
||||
|
After Width: | Height: | Size: 385 B |
@@ -0,0 +1,183 @@
|
||||
import {
|
||||
NextRequest,
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
cookies,
|
||||
} from "next/headers";
|
||||
|
||||
import * as oidc from "openid-client";
|
||||
|
||||
import {
|
||||
createSessionToken,
|
||||
SESSION_COOKIE,
|
||||
SESSION_MAX_AGE,
|
||||
} from "@/lib/auth";
|
||||
|
||||
import {
|
||||
getPocketIdConfig,
|
||||
getPocketIdRedirectUri,
|
||||
} from "@/lib/pocketId";
|
||||
|
||||
const PKCE_COOKIE =
|
||||
"vyta_oidc_pkce";
|
||||
|
||||
const STATE_COOKIE =
|
||||
"vyta_oidc_state";
|
||||
|
||||
export async function GET(
|
||||
request: NextRequest
|
||||
) {
|
||||
try {
|
||||
const config =
|
||||
await getPocketIdConfig();
|
||||
|
||||
const cookieStore =
|
||||
await cookies();
|
||||
|
||||
const codeVerifier =
|
||||
cookieStore.get(
|
||||
PKCE_COOKIE
|
||||
)?.value;
|
||||
|
||||
const expectedState =
|
||||
cookieStore.get(
|
||||
STATE_COOKIE
|
||||
)?.value;
|
||||
|
||||
if (
|
||||
!codeVerifier ||
|
||||
!expectedState
|
||||
) {
|
||||
throw new Error(
|
||||
"OIDC state eller PKCE saknas"
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Viktigt bakom Pangolin/reverse proxy:
|
||||
*
|
||||
* request.url kan innehålla den interna
|
||||
* hosten/protokollet. Token exchange måste
|
||||
* använda exakt samma redirect_uri som
|
||||
* authorize-anropet använde.
|
||||
*/
|
||||
const callbackUrl =
|
||||
new URL(
|
||||
getPocketIdRedirectUri()
|
||||
);
|
||||
|
||||
/*
|
||||
* Behåll query-parametrarna från den faktiska
|
||||
* callbacken: code, state osv.
|
||||
*/
|
||||
const incomingUrl =
|
||||
new URL(
|
||||
request.url
|
||||
);
|
||||
|
||||
callbackUrl.search =
|
||||
incomingUrl.search;
|
||||
|
||||
const tokens =
|
||||
await oidc.authorizationCodeGrant(
|
||||
config,
|
||||
callbackUrl,
|
||||
{
|
||||
pkceCodeVerifier:
|
||||
codeVerifier,
|
||||
|
||||
expectedState,
|
||||
}
|
||||
);
|
||||
|
||||
const claims =
|
||||
tokens.claims();
|
||||
|
||||
if (
|
||||
!claims ||
|
||||
typeof claims.sub !==
|
||||
"string"
|
||||
) {
|
||||
throw new Error(
|
||||
"Pocket ID returnerade ingen giltig användaridentitet"
|
||||
);
|
||||
}
|
||||
|
||||
const sessionToken =
|
||||
await createSessionToken(
|
||||
claims.sub
|
||||
);
|
||||
|
||||
const publicUrl =
|
||||
process.env
|
||||
.VYTA_PUBLIC_URL;
|
||||
|
||||
if (!publicUrl) {
|
||||
throw new Error(
|
||||
"VYTA_PUBLIC_URL saknas"
|
||||
);
|
||||
}
|
||||
|
||||
const response =
|
||||
NextResponse.redirect(
|
||||
new URL(
|
||||
"/",
|
||||
publicUrl
|
||||
)
|
||||
);
|
||||
|
||||
response.cookies.set({
|
||||
name:
|
||||
SESSION_COOKIE,
|
||||
|
||||
value:
|
||||
sessionToken,
|
||||
|
||||
httpOnly:
|
||||
true,
|
||||
|
||||
secure:
|
||||
true,
|
||||
|
||||
sameSite:
|
||||
"lax",
|
||||
|
||||
path:
|
||||
"/",
|
||||
|
||||
maxAge:
|
||||
SESSION_MAX_AGE,
|
||||
});
|
||||
|
||||
response.cookies.delete(
|
||||
PKCE_COOKIE
|
||||
);
|
||||
|
||||
response.cookies.delete(
|
||||
STATE_COOKIE
|
||||
);
|
||||
|
||||
return response;
|
||||
} catch (
|
||||
error
|
||||
) {
|
||||
console.error(
|
||||
"Pocket ID callback error:",
|
||||
error
|
||||
);
|
||||
|
||||
const publicUrl =
|
||||
process.env
|
||||
.VYTA_PUBLIC_URL ||
|
||||
"https://vyta.bitli.se";
|
||||
|
||||
return NextResponse.redirect(
|
||||
new URL(
|
||||
"/login?error=oidc",
|
||||
publicUrl
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
cookies,
|
||||
} from "next/headers";
|
||||
|
||||
import * as oidc from "openid-client";
|
||||
|
||||
import {
|
||||
getPocketIdConfig,
|
||||
getPocketIdRedirectUri,
|
||||
} from "@/lib/pocketId";
|
||||
|
||||
const PKCE_COOKIE =
|
||||
"vyta_oidc_pkce";
|
||||
|
||||
const STATE_COOKIE =
|
||||
"vyta_oidc_state";
|
||||
|
||||
export async function GET() {
|
||||
const config =
|
||||
await getPocketIdConfig();
|
||||
|
||||
const codeVerifier =
|
||||
oidc.randomPKCECodeVerifier();
|
||||
|
||||
const codeChallenge =
|
||||
await oidc.calculatePKCECodeChallenge(
|
||||
codeVerifier
|
||||
);
|
||||
|
||||
const state =
|
||||
oidc.randomState();
|
||||
|
||||
const authorizationUrl =
|
||||
oidc.buildAuthorizationUrl(
|
||||
config,
|
||||
{
|
||||
redirect_uri:
|
||||
getPocketIdRedirectUri(),
|
||||
|
||||
scope:
|
||||
"openid profile email",
|
||||
|
||||
code_challenge:
|
||||
codeChallenge,
|
||||
|
||||
code_challenge_method:
|
||||
"S256",
|
||||
|
||||
state,
|
||||
}
|
||||
);
|
||||
|
||||
const cookieStore =
|
||||
await cookies();
|
||||
|
||||
cookieStore.set(
|
||||
PKCE_COOKIE,
|
||||
codeVerifier,
|
||||
{
|
||||
httpOnly: true,
|
||||
secure: true,
|
||||
sameSite: "lax",
|
||||
path: "/",
|
||||
maxAge: 600,
|
||||
}
|
||||
);
|
||||
|
||||
cookieStore.set(
|
||||
STATE_COOKIE,
|
||||
state,
|
||||
{
|
||||
httpOnly: true,
|
||||
secure: true,
|
||||
sameSite: "lax",
|
||||
path: "/",
|
||||
maxAge: 600,
|
||||
}
|
||||
);
|
||||
|
||||
return NextResponse.redirect(
|
||||
authorizationUrl
|
||||
);
|
||||
}
|
||||
+91
@@ -0,0 +1,91 @@
|
||||
import { NextResponse } from "next/server";
|
||||
|
||||
import { isAuthenticated } from "@/lib/auth";
|
||||
import {
|
||||
deleteGarminCredentials,
|
||||
getGarminConnectionStatus,
|
||||
saveGarminCredentials,
|
||||
} from "@/lib/garminConnection";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
export async function GET() {
|
||||
if (!(await isAuthenticated())) {
|
||||
return unauthorized();
|
||||
}
|
||||
|
||||
return NextResponse.json(await getGarminConnectionStatus());
|
||||
}
|
||||
|
||||
export async function POST(request: Request) {
|
||||
if (!(await isAuthenticated())) {
|
||||
return unauthorized();
|
||||
}
|
||||
|
||||
try {
|
||||
const body = await request.json();
|
||||
const email = typeof body.email === "string" ? body.email.trim() : "";
|
||||
const password = typeof body.password === "string" ? body.password : "";
|
||||
|
||||
if (!email || !email.includes("@")) {
|
||||
return invalid("Ange en giltig Garmin-mejl.");
|
||||
}
|
||||
|
||||
if (!password) {
|
||||
return invalid("Ange Garmin-lösenord.");
|
||||
}
|
||||
|
||||
const status = await saveGarminCredentials(email, password);
|
||||
|
||||
return NextResponse.json({
|
||||
ok: true,
|
||||
...status,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Garmin connection save error:", error);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Kunde inte spara Garmin-kopplingen.",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export async function DELETE() {
|
||||
if (!(await isAuthenticated())) {
|
||||
return unauthorized();
|
||||
}
|
||||
|
||||
const status = await deleteGarminCredentials();
|
||||
|
||||
return NextResponse.json({
|
||||
ok: true,
|
||||
...status,
|
||||
});
|
||||
}
|
||||
|
||||
function unauthorized() {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function invalid(message: string) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: message,
|
||||
},
|
||||
{
|
||||
status: 400,
|
||||
}
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
import bcrypt from "bcryptjs";
|
||||
|
||||
import {
|
||||
NextRequest,
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
createSessionToken,
|
||||
SESSION_COOKIE,
|
||||
SESSION_MAX_AGE,
|
||||
} from "@/lib/auth";
|
||||
|
||||
function getPublicOrigin(
|
||||
request: NextRequest
|
||||
) {
|
||||
const forwardedHost =
|
||||
request.headers.get(
|
||||
"x-forwarded-host"
|
||||
);
|
||||
|
||||
const host =
|
||||
forwardedHost ||
|
||||
request.headers.get(
|
||||
"host"
|
||||
);
|
||||
|
||||
const forwardedProto =
|
||||
request.headers.get(
|
||||
"x-forwarded-proto"
|
||||
);
|
||||
|
||||
const protocol =
|
||||
forwardedProto ||
|
||||
(
|
||||
host?.includes(
|
||||
"172.16."
|
||||
) ||
|
||||
host?.includes(
|
||||
"localhost"
|
||||
) ||
|
||||
host?.includes(
|
||||
"127.0.0.1"
|
||||
)
|
||||
? "http"
|
||||
: "https"
|
||||
);
|
||||
|
||||
if (host) {
|
||||
return `${protocol}://${host}`;
|
||||
}
|
||||
|
||||
return request.nextUrl.origin;
|
||||
}
|
||||
|
||||
export async function POST(
|
||||
request: NextRequest
|
||||
) {
|
||||
const formData =
|
||||
await request.formData();
|
||||
|
||||
const username =
|
||||
String(
|
||||
formData.get(
|
||||
"username"
|
||||
) ?? ""
|
||||
).trim();
|
||||
|
||||
const password =
|
||||
String(
|
||||
formData.get(
|
||||
"password"
|
||||
) ?? ""
|
||||
);
|
||||
|
||||
const expectedUsername =
|
||||
process.env.VYTA_USERNAME;
|
||||
|
||||
const passwordHash =
|
||||
process.env.VYTA_PASSWORD_HASH;
|
||||
|
||||
if (
|
||||
!expectedUsername ||
|
||||
!passwordHash
|
||||
) {
|
||||
console.error(
|
||||
"VYTA_USERNAME eller VYTA_PASSWORD_HASH saknas"
|
||||
);
|
||||
|
||||
return new NextResponse(
|
||||
"Auth är inte konfigurerad",
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
const passwordMatches =
|
||||
await bcrypt.compare(
|
||||
password,
|
||||
passwordHash
|
||||
);
|
||||
|
||||
const usernameMatches =
|
||||
username ===
|
||||
expectedUsername;
|
||||
|
||||
const origin =
|
||||
getPublicOrigin(
|
||||
request
|
||||
);
|
||||
|
||||
if (
|
||||
!usernameMatches ||
|
||||
!passwordMatches
|
||||
) {
|
||||
return NextResponse.redirect(
|
||||
new URL(
|
||||
"/login?error=1",
|
||||
origin
|
||||
),
|
||||
303
|
||||
);
|
||||
}
|
||||
|
||||
const token =
|
||||
await createSessionToken(
|
||||
username
|
||||
);
|
||||
|
||||
const response =
|
||||
NextResponse.redirect(
|
||||
new URL(
|
||||
"/",
|
||||
origin
|
||||
),
|
||||
303
|
||||
);
|
||||
|
||||
const isHttps =
|
||||
origin.startsWith(
|
||||
"https://"
|
||||
);
|
||||
|
||||
response.cookies.set({
|
||||
name:
|
||||
SESSION_COOKIE,
|
||||
|
||||
value:
|
||||
token,
|
||||
|
||||
httpOnly:
|
||||
true,
|
||||
|
||||
secure:
|
||||
isHttps,
|
||||
|
||||
sameSite:
|
||||
"strict",
|
||||
|
||||
path:
|
||||
"/",
|
||||
|
||||
maxAge:
|
||||
SESSION_MAX_AGE,
|
||||
});
|
||||
|
||||
return response;
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
SESSION_COOKIE,
|
||||
} from "@/lib/auth";
|
||||
|
||||
export async function POST() {
|
||||
const publicUrl =
|
||||
process.env.VYTA_PUBLIC_URL;
|
||||
|
||||
const response =
|
||||
NextResponse.redirect(
|
||||
new URL(
|
||||
"/login",
|
||||
publicUrl ||
|
||||
"https://vyta.bitli.se"
|
||||
),
|
||||
303
|
||||
);
|
||||
|
||||
response.cookies.set({
|
||||
name:
|
||||
SESSION_COOKIE,
|
||||
|
||||
value:
|
||||
"",
|
||||
|
||||
path:
|
||||
"/",
|
||||
|
||||
expires:
|
||||
new Date(0),
|
||||
|
||||
httpOnly:
|
||||
true,
|
||||
|
||||
secure:
|
||||
true,
|
||||
|
||||
sameSite:
|
||||
"lax",
|
||||
});
|
||||
|
||||
return response;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
import { timingSafeEqual } from "crypto";
|
||||
|
||||
import { NextResponse } from "next/server";
|
||||
|
||||
import { evaluateNotifications } from "@/lib/notificationEngine";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
export async function POST(request: Request) {
|
||||
if (!authorized(request)) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
const result = await evaluateNotifications();
|
||||
|
||||
return NextResponse.json(result);
|
||||
} catch (error) {
|
||||
console.error("Notification evaluation failed:", error);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Notification evaluation failed",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function authorized(request: Request) {
|
||||
const secret = process.env.VYTA_INTERNAL_SYNC_SECRET;
|
||||
|
||||
if (!secret) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const authorization = request.headers.get("authorization");
|
||||
|
||||
if (!authorization?.startsWith("Bearer ")) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const supplied = authorization.slice(7);
|
||||
|
||||
const expectedBuffer = Buffer.from(secret);
|
||||
|
||||
const suppliedBuffer = Buffer.from(supplied);
|
||||
|
||||
if (expectedBuffer.length !== suppliedBuffer.length) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return timingSafeEqual(expectedBuffer, suppliedBuffer);
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
isAuthenticated,
|
||||
} from "@/lib/auth";
|
||||
|
||||
import {
|
||||
savePushSubscription,
|
||||
} from "@/lib/pushSubscriptions";
|
||||
|
||||
|
||||
export const dynamic =
|
||||
"force-dynamic";
|
||||
|
||||
|
||||
export async function POST(
|
||||
request: Request
|
||||
) {
|
||||
const authenticated =
|
||||
await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
const subscription =
|
||||
await request.json();
|
||||
|
||||
if (
|
||||
!subscription ||
|
||||
typeof subscription.endpoint !==
|
||||
"string" ||
|
||||
!subscription.keys?.p256dh ||
|
||||
!subscription.keys?.auth
|
||||
) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Ogiltig push-subscription",
|
||||
},
|
||||
{
|
||||
status: 400,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
await savePushSubscription(
|
||||
subscription
|
||||
);
|
||||
|
||||
return NextResponse.json({
|
||||
ok: true,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(
|
||||
"Push subscribe error:",
|
||||
error
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Kunde inte spara push-subscription",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
isAuthenticated,
|
||||
} from "@/lib/auth";
|
||||
|
||||
import {
|
||||
sendPush,
|
||||
} from "@/lib/sendPush";
|
||||
|
||||
export const dynamic =
|
||||
"force-dynamic";
|
||||
|
||||
export async function POST() {
|
||||
const authenticated =
|
||||
await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
const result =
|
||||
await sendPush({
|
||||
title:
|
||||
"Vyta fungerar 🎉",
|
||||
|
||||
body:
|
||||
"Pushnotiser är aktiverade.",
|
||||
|
||||
url: "/",
|
||||
|
||||
tag:
|
||||
"vyta-test",
|
||||
});
|
||||
|
||||
return NextResponse.json({
|
||||
ok: true,
|
||||
...result,
|
||||
});
|
||||
} catch (
|
||||
error: unknown
|
||||
) {
|
||||
console.error(
|
||||
"Push test error:",
|
||||
error
|
||||
);
|
||||
|
||||
const details =
|
||||
extractPushError(
|
||||
error
|
||||
);
|
||||
|
||||
console.error(
|
||||
"Push test details:",
|
||||
details
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Kunde inte skicka testnotis",
|
||||
|
||||
details,
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function extractPushError(
|
||||
error: unknown
|
||||
) {
|
||||
if (
|
||||
typeof error !==
|
||||
"object" ||
|
||||
error === null
|
||||
) {
|
||||
return {
|
||||
message:
|
||||
String(error),
|
||||
};
|
||||
}
|
||||
|
||||
const object =
|
||||
error as Record<
|
||||
string,
|
||||
unknown
|
||||
>;
|
||||
|
||||
return {
|
||||
message:
|
||||
typeof object.message ===
|
||||
"string"
|
||||
? object.message
|
||||
: null,
|
||||
|
||||
statusCode:
|
||||
typeof object.statusCode ===
|
||||
"number"
|
||||
? object.statusCode
|
||||
: null,
|
||||
|
||||
body:
|
||||
typeof object.body ===
|
||||
"string"
|
||||
? object.body
|
||||
: null,
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,259 @@
|
||||
import { NextResponse } from "next/server";
|
||||
|
||||
import { isAuthenticated } from "@/lib/auth";
|
||||
|
||||
import {
|
||||
getVytaSettings,
|
||||
saveVytaSettings,
|
||||
type StrainScale,
|
||||
} from "@/lib/vytaSettings";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
export async function GET() {
|
||||
const authenticated = await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
const settings = await getVytaSettings();
|
||||
|
||||
return NextResponse.json(settings);
|
||||
}
|
||||
|
||||
export async function POST(request: Request) {
|
||||
const authenticated = await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
const body = await request.json();
|
||||
|
||||
/*
|
||||
* Partiella uppdateringar.
|
||||
*
|
||||
* Om ett fält inte skickas behåller vi
|
||||
* det befintliga värdet.
|
||||
*/
|
||||
|
||||
const existing = await getVytaSettings();
|
||||
|
||||
const heightCm =
|
||||
body.heightCm === undefined
|
||||
? existing.heightCm
|
||||
: parseOptionalNumber(body.heightCm);
|
||||
|
||||
const weightKg =
|
||||
body.weightKg === undefined
|
||||
? existing.weightKg
|
||||
: parseOptionalNumber(body.weightKg);
|
||||
|
||||
const weightTargetKg =
|
||||
body.weightTargetKg === undefined
|
||||
? existing.weightTargetKg
|
||||
: parseOptionalNumber(body.weightTargetKg);
|
||||
|
||||
const calorieTarget =
|
||||
body.calorieTarget === undefined
|
||||
? existing.calorieTarget
|
||||
: parseOptionalNumber(body.calorieTarget);
|
||||
|
||||
const stepGoal =
|
||||
body.stepGoal === undefined
|
||||
? existing.stepGoal
|
||||
: parseOptionalNumber(body.stepGoal);
|
||||
|
||||
const intensityMinutesGoal =
|
||||
body.intensityMinutesGoal === undefined
|
||||
? existing.intensityMinutesGoal
|
||||
: parseOptionalNumber(body.intensityMinutesGoal);
|
||||
|
||||
const highIntensityMinutesGoal =
|
||||
body.highIntensityMinutesGoal === undefined
|
||||
? existing.highIntensityMinutesGoal
|
||||
: parseOptionalNumber(body.highIntensityMinutesGoal);
|
||||
|
||||
const sleepGoalMinutes =
|
||||
body.sleepGoalMinutes === undefined
|
||||
? existing.sleepGoalMinutes
|
||||
: parseOptionalNumber(body.sleepGoalMinutes);
|
||||
|
||||
const strainScale: StrainScale =
|
||||
body.strainScale === undefined
|
||||
? existing.strainScale
|
||||
: body.strainScale === "100"
|
||||
? "100"
|
||||
: "21";
|
||||
|
||||
/*
|
||||
* Validering
|
||||
*/
|
||||
|
||||
if (
|
||||
heightCm !== null &&
|
||||
(heightCm < 100 || heightCm > 250)
|
||||
) {
|
||||
return invalid(
|
||||
"Längden måste vara mellan 100 och 250 cm."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
weightKg !== null &&
|
||||
(weightKg < 30 || weightKg > 350)
|
||||
) {
|
||||
return invalid(
|
||||
"Vikten måste vara mellan 30 och 350 kg."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
weightTargetKg !== null &&
|
||||
(weightTargetKg < 30 ||
|
||||
weightTargetKg > 350)
|
||||
) {
|
||||
return invalid(
|
||||
"Viktmålet måste vara mellan 30 och 350 kg."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
calorieTarget !== null &&
|
||||
(calorieTarget < 800 ||
|
||||
calorieTarget > 6000)
|
||||
) {
|
||||
return invalid(
|
||||
"Kalorimålet måste vara mellan 800 och 6 000 kcal."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
stepGoal !== null &&
|
||||
(stepGoal < 1000 ||
|
||||
stepGoal > 50000)
|
||||
) {
|
||||
return invalid(
|
||||
"Stegmålet måste vara mellan 1 000 och 50 000 steg."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
intensityMinutesGoal !== null &&
|
||||
(intensityMinutesGoal < 0 ||
|
||||
intensityMinutesGoal > 1500)
|
||||
) {
|
||||
return invalid(
|
||||
"Aktivitetsmålet måste vara mellan 0 och 1 500 min/vecka."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
highIntensityMinutesGoal !== null &&
|
||||
(highIntensityMinutesGoal < 0 ||
|
||||
highIntensityMinutesGoal > 1000)
|
||||
) {
|
||||
return invalid(
|
||||
"Målet för hög intensitet måste vara mellan 0 och 1 000 min/vecka."
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
sleepGoalMinutes !== null &&
|
||||
(sleepGoalMinutes < 240 ||
|
||||
sleepGoalMinutes > 720)
|
||||
) {
|
||||
return invalid(
|
||||
"Sömnmålet måste vara mellan 4 och 12 timmar."
|
||||
);
|
||||
}
|
||||
|
||||
const notifications =
|
||||
typeof body.notifications === "object" &&
|
||||
body.notifications !== null
|
||||
? body.notifications
|
||||
: undefined;
|
||||
|
||||
const settings = await saveVytaSettings({
|
||||
heightCm,
|
||||
weightKg,
|
||||
weightTargetKg,
|
||||
|
||||
calorieTarget,
|
||||
|
||||
stepGoal,
|
||||
intensityMinutesGoal,
|
||||
highIntensityMinutesGoal,
|
||||
sleepGoalMinutes,
|
||||
|
||||
strainScale,
|
||||
|
||||
notifications,
|
||||
});
|
||||
|
||||
return NextResponse.json({
|
||||
ok: true,
|
||||
settings,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(
|
||||
"Settings save error:",
|
||||
error
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Kunde inte spara inställningarna.",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function parseOptionalNumber(
|
||||
value: unknown
|
||||
): number | null {
|
||||
if (
|
||||
value === null ||
|
||||
value === undefined ||
|
||||
value === ""
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const number = Number(value);
|
||||
|
||||
return Number.isFinite(number)
|
||||
? number
|
||||
: null;
|
||||
}
|
||||
|
||||
function invalid(message: string) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: message,
|
||||
},
|
||||
{
|
||||
status: 400,
|
||||
}
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
import fs from "fs/promises";
|
||||
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
isAuthenticated,
|
||||
} from "@/lib/auth";
|
||||
|
||||
export const dynamic =
|
||||
"force-dynamic";
|
||||
|
||||
const STATUS_PATH =
|
||||
process.env
|
||||
.VYTA_SYNC_STATUS_PATH ||
|
||||
"/data/sync-status.json";
|
||||
|
||||
export async function GET() {
|
||||
const authenticated =
|
||||
await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
const raw =
|
||||
await fs.readFile(
|
||||
STATUS_PATH,
|
||||
"utf-8"
|
||||
);
|
||||
|
||||
const status =
|
||||
JSON.parse(
|
||||
raw
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
status
|
||||
);
|
||||
} catch (
|
||||
error: unknown
|
||||
) {
|
||||
if (
|
||||
typeof error ===
|
||||
"object" &&
|
||||
error !== null &&
|
||||
"code" in error &&
|
||||
(
|
||||
error as {
|
||||
code?: string;
|
||||
}
|
||||
).code === "ENOENT"
|
||||
) {
|
||||
return NextResponse.json({
|
||||
status:
|
||||
"unknown",
|
||||
lastSuccessfulSync:
|
||||
null,
|
||||
nextAutomaticSyncInSeconds:
|
||||
null,
|
||||
syncIntervalSeconds:
|
||||
300,
|
||||
});
|
||||
}
|
||||
|
||||
console.error(
|
||||
"Sync status error:",
|
||||
error
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Kunde inte läsa sync-status.",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
isAuthenticated,
|
||||
} from "@/lib/auth";
|
||||
|
||||
export const dynamic =
|
||||
"force-dynamic";
|
||||
|
||||
const REQUEST_PATH =
|
||||
process.env
|
||||
.VYTA_SYNC_REQUEST_PATH ||
|
||||
"/data/sync-request.json";
|
||||
|
||||
export async function POST() {
|
||||
const authenticated =
|
||||
await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
await fs.mkdir(
|
||||
path.dirname(
|
||||
REQUEST_PATH
|
||||
),
|
||||
{
|
||||
recursive: true,
|
||||
}
|
||||
);
|
||||
|
||||
const requestedAt =
|
||||
new Date()
|
||||
.toISOString();
|
||||
|
||||
await fs.writeFile(
|
||||
REQUEST_PATH,
|
||||
JSON.stringify(
|
||||
{
|
||||
requestedAt,
|
||||
},
|
||||
null,
|
||||
2
|
||||
),
|
||||
"utf-8"
|
||||
);
|
||||
|
||||
return NextResponse.json({
|
||||
ok: true,
|
||||
requestedAt,
|
||||
});
|
||||
} catch (
|
||||
error
|
||||
) {
|
||||
console.error(
|
||||
"Manual sync error:",
|
||||
error
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Kunde inte starta synkningen.",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
import {
|
||||
NextResponse,
|
||||
} from "next/server";
|
||||
|
||||
import {
|
||||
isAuthenticated,
|
||||
} from "@/lib/auth";
|
||||
|
||||
import {
|
||||
getVytaData,
|
||||
} from "@/lib/getVytaData";
|
||||
|
||||
export const dynamic =
|
||||
"force-dynamic";
|
||||
|
||||
export async function GET() {
|
||||
const authenticated =
|
||||
await isAuthenticated();
|
||||
|
||||
if (!authenticated) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
const data =
|
||||
await getVytaData();
|
||||
|
||||
return NextResponse.json(
|
||||
data,
|
||||
{
|
||||
headers: {
|
||||
"Cache-Control":
|
||||
"private, no-store, max-age=0",
|
||||
},
|
||||
}
|
||||
);
|
||||
} catch (error) {
|
||||
console.error(
|
||||
"Kunde inte läsa Vyta-data:",
|
||||
error
|
||||
);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error:
|
||||
"Kunde inte läsa Vyta-data",
|
||||
},
|
||||
{
|
||||
status: 500,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
import { ImageResponse } from "next/og";
|
||||
|
||||
export const size = {
|
||||
width: 180,
|
||||
height: 180,
|
||||
};
|
||||
|
||||
export const contentType = "image/png";
|
||||
|
||||
export default function AppleIcon() {
|
||||
return new ImageResponse(
|
||||
(
|
||||
<div
|
||||
style={{
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
background: "#080a0c",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
width: 142,
|
||||
height: 142,
|
||||
borderRadius: 38,
|
||||
background: "#111418",
|
||||
border: "2px solid #24282e",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
fontSize: 92,
|
||||
fontWeight: 800,
|
||||
color: "#ffffff",
|
||||
}}
|
||||
>
|
||||
V
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
{
|
||||
...size,
|
||||
}
|
||||
);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1,180 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
background: #080a0c;
|
||||
}
|
||||
|
||||
html {
|
||||
min-height: 100%;
|
||||
background: #080a0c;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
|
||||
background: #080a0c;
|
||||
color: #ffffff;
|
||||
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
overscroll-behavior-y: none;
|
||||
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button,
|
||||
a {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
user-select: text;
|
||||
}
|
||||
.vyta-page {
|
||||
padding-top: calc(env(safe-area-inset-top, 0px) + 2.75rem);
|
||||
}
|
||||
|
||||
.vyta-bottom-safe {
|
||||
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 7rem);
|
||||
}
|
||||
.vyta-orb-breath {
|
||||
animation: vyta-orb-breath 5.8s ease-in-out infinite;
|
||||
filter: blur(22px);
|
||||
transform-origin: 50% 50%;
|
||||
will-change: opacity, transform;
|
||||
}
|
||||
|
||||
.vyta-orb-shell {
|
||||
animation: vyta-orb-morph 10s ease-in-out infinite;
|
||||
transform-origin: 50% 50%;
|
||||
will-change: transform, filter;
|
||||
}
|
||||
|
||||
.vyta-orb-particles {
|
||||
animation: vyta-orb-drift 34s linear infinite;
|
||||
transform-origin: 50% 50%;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.vyta-orb-particle {
|
||||
animation-name: vyta-orb-twinkle;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-iteration-count: infinite;
|
||||
box-shadow: 0 0 10px currentColor;
|
||||
will-change: opacity, filter;
|
||||
}
|
||||
|
||||
@keyframes vyta-orb-breath {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.28;
|
||||
transform: scale(0.96);
|
||||
}
|
||||
|
||||
48% {
|
||||
opacity: 0.66;
|
||||
transform: scale(1.045);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes vyta-orb-morph {
|
||||
0%,
|
||||
100% {
|
||||
border-radius: 44% 56% 49% 51% / 50% 44% 56% 50%;
|
||||
filter: brightness(0.96) saturate(0.98);
|
||||
transform: rotate(0deg) scale(0.992);
|
||||
}
|
||||
|
||||
28% {
|
||||
border-radius: 50% 50% 44% 56% / 47% 53% 48% 52%;
|
||||
filter: brightness(1.08) saturate(1.08);
|
||||
transform: rotate(1.2deg) scale(1.028);
|
||||
}
|
||||
|
||||
58% {
|
||||
border-radius: 52% 48% 43% 57% / 46% 54% 46% 54%;
|
||||
filter: brightness(1.03) saturate(1.04);
|
||||
transform: rotate(2deg) scale(1.01);
|
||||
}
|
||||
|
||||
78% {
|
||||
border-radius: 47% 53% 56% 44% / 56% 45% 55% 44%;
|
||||
filter: brightness(0.94) saturate(0.96);
|
||||
transform: rotate(-1.6deg) scale(0.985);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes vyta-orb-drift {
|
||||
from {
|
||||
transform: rotate(0deg) scale(1);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes vyta-orb-twinkle {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.25;
|
||||
filter: blur(0px);
|
||||
}
|
||||
|
||||
45% {
|
||||
opacity: 0.95;
|
||||
filter: blur(0.2px);
|
||||
}
|
||||
|
||||
70% {
|
||||
opacity: 0.55;
|
||||
filter: blur(0px);
|
||||
}
|
||||
}
|
||||
|
||||
.vyta-orb-rim {
|
||||
border: 1px solid rgba(209, 250, 229, 0.18);
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(16, 185, 129, 0.08),
|
||||
0 0 28px rgba(16, 185, 129, 0.16),
|
||||
inset 0 0 18px rgba(255, 255, 255, 0.08),
|
||||
inset 0 0 72px rgba(0, 0, 0, 0.55);
|
||||
animation: vyta-orb-rim 5.8s ease-in-out infinite;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
@keyframes vyta-orb-rim {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.58;
|
||||
filter: brightness(0.92);
|
||||
transform: rotate(0deg) scale(0.985);
|
||||
}
|
||||
|
||||
48% {
|
||||
opacity: 1;
|
||||
filter: brightness(1.2);
|
||||
transform: rotate(1.5deg) scale(1.035);
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,54 @@
|
||||
import { ImageResponse } from "next/og";
|
||||
|
||||
export const size = {
|
||||
width: 512,
|
||||
height: 512,
|
||||
};
|
||||
|
||||
export const contentType = "image/png";
|
||||
|
||||
export default function Icon() {
|
||||
return new ImageResponse(
|
||||
(
|
||||
<div
|
||||
style={{
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
background: "#080a0c",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
width: 360,
|
||||
height: 360,
|
||||
borderRadius: 100,
|
||||
background: "#111418",
|
||||
border: "4px solid #24282e",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
fontSize: 210,
|
||||
fontWeight: 800,
|
||||
color: "#ffffff",
|
||||
letterSpacing: "-18px",
|
||||
transform: "translateX(-8px)",
|
||||
}}
|
||||
>
|
||||
V
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
{
|
||||
...size,
|
||||
}
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,278 @@
|
||||
import SyncStatus from "@/components/SyncStatus";
|
||||
import NotificationSettings from "@/components/NotificationSettings";
|
||||
import Link from "next/link";
|
||||
|
||||
import PushNotifications from "@/components/PushNotifications";
|
||||
import SettingsForm from "@/components/SettingsForm";
|
||||
import GarminConnectionSettings from "@/components/GarminConnectionSettings";
|
||||
|
||||
import { calculateVytaTdee, getTdeeConfidenceLabel } from "@/lib/energy";
|
||||
|
||||
import { getVytaData } from "@/lib/getVytaData";
|
||||
|
||||
import { getVytaSettings } from "@/lib/vytaSettings";
|
||||
import { getGarminConnectionStatus } from "@/lib/garminConnection";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
export default async function SettingsPage() {
|
||||
const [data, settings, garminConnection] = await Promise.all([
|
||||
getVytaData(),
|
||||
getVytaSettings(),
|
||||
getGarminConnectionStatus(),
|
||||
]);
|
||||
|
||||
const tdee = calculateVytaTdee(data.history, data.meta.latestDataDate, 28);
|
||||
|
||||
const history = data.history.slice(-28);
|
||||
|
||||
const averageSteps = average(history.map((day) => day.activity.steps));
|
||||
|
||||
const averageIntensityMinutes = weeklyAverage(
|
||||
history.map(
|
||||
(day) =>
|
||||
(day.activity.moderateIntensityMinutes ?? 0) + (day.activity.vigorousIntensityMinutes ?? 0)
|
||||
)
|
||||
);
|
||||
|
||||
const averageHighIntensityMinutes = weeklyAverage(
|
||||
history.map((day) => day.activity.vigorousIntensityMinutes ?? 0)
|
||||
);
|
||||
|
||||
const averageSleepMinutes = average(history.map((day) => day.sleep.durationMinutes));
|
||||
|
||||
/*
|
||||
* VYTA-rekommendationerna är datadrivna men försiktiga.
|
||||
* Garmin-data beskriver nuläget; Vyta föreslår nästa rimliga mål.
|
||||
*/
|
||||
const suggestedStepGoal =
|
||||
averageSteps !== null ? Math.max(9000, roundTo(averageSteps + 1500, 500)) : 9000;
|
||||
|
||||
const suggestedIntensityGoal = Math.max(
|
||||
150,
|
||||
averageIntensityMinutes !== null ? roundTo(averageIntensityMinutes + 30, 15) : 150
|
||||
);
|
||||
|
||||
const suggestedHighIntensityGoal = Math.max(
|
||||
45,
|
||||
averageHighIntensityMinutes !== null ? roundTo(averageHighIntensityMinutes + 15, 5) : 45
|
||||
);
|
||||
|
||||
const suggestedSleepGoalMinutes =
|
||||
averageSleepMinutes !== null && averageSleepMinutes > 8 * 60
|
||||
? Math.round(averageSleepMinutes)
|
||||
: 7.5 * 60;
|
||||
|
||||
const recentWeights = settings.weightHistory.slice(-8).reverse();
|
||||
|
||||
const weightTrend = calculateWeightTrend(settings.weightHistory);
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-[#080a0c] text-white">
|
||||
<div className="vyta-page vyta-bottom-safe mx-auto min-h-screen max-w-md px-5">
|
||||
<header>
|
||||
<div className="flex items-center justify-between">
|
||||
<Link href="/" className="text-sm text-zinc-500 transition hover:text-white">
|
||||
← Idag
|
||||
</Link>
|
||||
|
||||
<p className="text-sm font-bold tracking-[0.32em]">VYTA</p>
|
||||
</div>
|
||||
|
||||
<h1 className="mt-6 text-3xl font-semibold tracking-tight">Inställningar</h1>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-500">Kropp, energi, notiser och personliga mål.</p>
|
||||
</header>
|
||||
|
||||
<div className="mt-7">
|
||||
<SettingsForm
|
||||
initialHeightCm={settings.heightCm}
|
||||
initialWeightKg={settings.weightKg}
|
||||
initialWeightTargetKg={settings.weightTargetKg}
|
||||
initialCalorieTarget={settings.calorieTarget}
|
||||
initialStepGoal={settings.stepGoal}
|
||||
initialIntensityMinutesGoal={settings.intensityMinutesGoal}
|
||||
initialHighIntensityMinutesGoal={settings.highIntensityMinutesGoal}
|
||||
initialSleepGoalMinutes={settings.sleepGoalMinutes}
|
||||
initialStrainScale={settings.strainScale}
|
||||
|
||||
suggestedStepGoal={suggestedStepGoal}
|
||||
suggestedIntensityGoal={suggestedIntensityGoal}
|
||||
suggestedHighIntensityGoal={suggestedHighIntensityGoal}
|
||||
suggestedSleepGoalMinutes={suggestedSleepGoalMinutes}
|
||||
|
||||
averageSteps={averageSteps}
|
||||
averageIntensityMinutes={averageIntensityMinutes}
|
||||
averageHighIntensityMinutes={averageHighIntensityMinutes}
|
||||
averageSleepMinutes={averageSleepMinutes}
|
||||
|
||||
tdee={tdee.tdee}
|
||||
tdeeDays={tdee.daysUsed}
|
||||
tdeeConfidence={getTdeeConfidenceLabel(tdee.confidence)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">VIKTTREND</p>
|
||||
|
||||
<p className="mt-4 text-3xl font-semibold tracking-tight">
|
||||
{settings.weightKg !== null ? `${formatWeight(settings.weightKg)} kg` : "—"}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-xs text-zinc-600">Senaste registrerade vikt</p>
|
||||
</div>
|
||||
|
||||
{weightTrend !== null && (
|
||||
<div className="text-right">
|
||||
<p
|
||||
className={`text-lg font-semibold ${
|
||||
weightTrend < 0
|
||||
? "text-emerald-400"
|
||||
: weightTrend > 0
|
||||
? "text-amber-300"
|
||||
: "text-zinc-400"
|
||||
}`}
|
||||
>
|
||||
{weightTrend > 0 ? "+" : ""}
|
||||
{formatWeight(weightTrend)} kg
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-[11px] text-zinc-600">sedan första mätningen</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{recentWeights.length > 0 ? (
|
||||
<div className="mt-6 space-y-3">
|
||||
{recentWeights.map((entry) => (
|
||||
<div
|
||||
key={entry.date}
|
||||
className="flex items-center justify-between border-t border-white/[0.04] pt-3 first:border-0 first:pt-0"
|
||||
>
|
||||
<span className="text-xs text-zinc-600">{formatDate(entry.date)}</span>
|
||||
|
||||
<span className="text-sm font-medium">{formatWeight(entry.weightKg)} kg</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="mt-5 text-sm leading-6 text-zinc-500">
|
||||
Spara din vikt för att börja bygga en vikttrend.
|
||||
</p>
|
||||
)}
|
||||
</section>
|
||||
|
||||
<GarminConnectionSettings
|
||||
initialConnected={garminConnection.connected}
|
||||
initialEmail={garminConnection.email}
|
||||
initialUpdatedAt={garminConnection.updatedAt}
|
||||
latestDataDate={data.meta.latestDataDate}
|
||||
tdeeDays={tdee.daysUsed}
|
||||
/>
|
||||
|
||||
<SyncStatus />
|
||||
<PushNotifications />
|
||||
<NotificationSettings />
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">VYTA</p>
|
||||
|
||||
<p className="mt-4 text-sm leading-6 text-zinc-400">
|
||||
Dina personliga mål sparas separat i Vyta. Garmin-data ändras aldrig när du ändrar
|
||||
inställningarna här.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">KONTO</p>
|
||||
|
||||
<div className="mt-4">
|
||||
<p className="text-sm font-medium">Pocket ID</p>
|
||||
|
||||
<p className="mt-1 text-xs leading-5 text-zinc-600">
|
||||
Din inloggning hanteras säkert via Pocket ID.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form method="POST" action="/api/logout" className="mt-5">
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full rounded-2xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm font-semibold text-red-400 transition hover:bg-red-500/15"
|
||||
>
|
||||
Logga ut
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
function InfoRow({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div className="mt-3 flex justify-between gap-4 text-xs first:mt-0">
|
||||
<span className="text-zinc-600">{label}</span>
|
||||
|
||||
<span className="text-zinc-400">{value}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function calculateWeightTrend(
|
||||
history: Array<{
|
||||
weightKg: number;
|
||||
}>
|
||||
) {
|
||||
if (history.length < 2) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const first = history[0];
|
||||
|
||||
const latest = history[history.length - 1];
|
||||
|
||||
return latest.weightKg - first.weightKg;
|
||||
}
|
||||
|
||||
function average(values: Array<number | null | undefined>) {
|
||||
const valid = values.filter(
|
||||
(value): value is number => typeof value === "number" && Number.isFinite(value)
|
||||
);
|
||||
|
||||
if (valid.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return valid.reduce((total, value) => total + value, 0) / valid.length;
|
||||
}
|
||||
|
||||
function weeklyAverage(dailyValues: number[]) {
|
||||
if (dailyValues.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (dailyValues.reduce((total, value) => total + value, 0) / dailyValues.length) * 7;
|
||||
}
|
||||
|
||||
function roundTo(value: number, increment: number) {
|
||||
return Math.round(value / increment) * increment;
|
||||
}
|
||||
|
||||
function formatWeight(value: number) {
|
||||
return value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
|
||||
function formatDate(date: string) {
|
||||
const parsed = new Date(`${date}T12:00:00`);
|
||||
|
||||
if (Number.isNaN(parsed.getTime())) {
|
||||
return date;
|
||||
}
|
||||
|
||||
return parsed.toLocaleDateString("sv-SE", {
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
import type {
|
||||
Metadata,
|
||||
Viewport,
|
||||
} from "next";
|
||||
|
||||
import "./globals.css";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Vyta",
|
||||
description:
|
||||
"Din personliga hälsa, återhämtning och träning.",
|
||||
applicationName: "Vyta",
|
||||
manifest: "/manifest.webmanifest",
|
||||
appleWebApp: {
|
||||
capable: true,
|
||||
title: "Vyta",
|
||||
statusBarStyle: "black",
|
||||
},
|
||||
};
|
||||
|
||||
export const viewport: Viewport = {
|
||||
width: "device-width",
|
||||
initialScale: 1,
|
||||
maximumScale: 1,
|
||||
viewportFit: "cover",
|
||||
themeColor: "#080a0c",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="sv">
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
export default async function LoginPage({
|
||||
searchParams,
|
||||
}: {
|
||||
searchParams: Promise<{
|
||||
error?: string;
|
||||
}>;
|
||||
}) {
|
||||
const params =
|
||||
await searchParams;
|
||||
|
||||
const hasOidcError =
|
||||
params.error ===
|
||||
"oidc";
|
||||
|
||||
return (
|
||||
<main className="flex min-h-screen items-center justify-center bg-[#080a0c] px-5 text-white">
|
||||
<div className="w-full max-w-sm">
|
||||
<div className="mb-10 text-center">
|
||||
<p className="text-sm font-bold tracking-[0.32em]">
|
||||
VYTA
|
||||
</p>
|
||||
|
||||
<h1 className="mt-5 text-3xl font-semibold tracking-tight">
|
||||
Välkommen tillbaka
|
||||
</h1>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-500">
|
||||
Logga in säkert med Pocket ID.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<a
|
||||
href="/api/auth/login"
|
||||
className="flex w-full items-center justify-center rounded-2xl bg-white px-4 py-3 font-semibold !text-black"
|
||||
style={{
|
||||
color: "#000000",
|
||||
}}
|
||||
>
|
||||
Fortsätt med Pocket ID
|
||||
</a>
|
||||
|
||||
{hasOidcError && (
|
||||
<p className="mt-4 text-center text-sm text-red-400">
|
||||
Pocket ID-inloggningen misslyckades.
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
import type { MetadataRoute } from "next";
|
||||
|
||||
export default function manifest(): MetadataRoute.Manifest {
|
||||
return {
|
||||
name: "Vyta",
|
||||
short_name: "Vyta",
|
||||
|
||||
description:
|
||||
"Återhämtning, belastning, sömn och hälsa baserat på dina kroppssignaler.",
|
||||
|
||||
start_url: "/",
|
||||
scope: "/",
|
||||
|
||||
display: "standalone",
|
||||
|
||||
background_color: "#080a0c",
|
||||
theme_color: "#080a0c",
|
||||
|
||||
orientation: "portrait",
|
||||
|
||||
icons: [
|
||||
{
|
||||
src: "/icon",
|
||||
sizes: "512x512",
|
||||
type: "image/png",
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,870 @@
|
||||
import Link from "next/link";
|
||||
|
||||
import BottomNav from "@/components/BottomNav";
|
||||
import DateNavigator from "@/components/DateNavigator";
|
||||
import VytaInsightCard from "@/components/VytaInsightCard";
|
||||
import WeeklySummaryCard from "@/components/WeeklySummaryCard";
|
||||
|
||||
import { getVytaData } from "@/lib/getVytaData";
|
||||
|
||||
import { getVytaSettings } from "@/lib/vytaSettings";
|
||||
|
||||
import { formatDecimal } from "@/lib/format";
|
||||
|
||||
import { formatStrain, getStrainSuffix } from "@/lib/strainScale";
|
||||
import { calculateVytaIntelligence } from "@/lib/vytaIntelligence";
|
||||
|
||||
type PageProps = {
|
||||
searchParams: Promise<{
|
||||
date?: string;
|
||||
}>;
|
||||
};
|
||||
|
||||
export default async function Home({ searchParams }: PageProps) {
|
||||
const [data, settings] = await Promise.all([getVytaData(), getVytaSettings()]);
|
||||
|
||||
const params = await searchParams;
|
||||
|
||||
const dates = data.history.map((day) => day.date).sort();
|
||||
|
||||
const latestDate = data.meta.latestDataDate;
|
||||
|
||||
const requestedDate = params.date;
|
||||
|
||||
const selectedDate = requestedDate && dates.includes(requestedDate) ? requestedDate : latestDate;
|
||||
|
||||
const currentIndex = dates.indexOf(selectedDate);
|
||||
|
||||
const previousDate = currentIndex > 0 ? dates[currentIndex - 1] : null;
|
||||
|
||||
const nextDate =
|
||||
currentIndex >= 0 && currentIndex < dates.length - 1 ? dates[currentIndex + 1] : null;
|
||||
|
||||
const isLatest = selectedDate === latestDate;
|
||||
|
||||
const historicalDay = data.history.find((day) => day.date === selectedDate);
|
||||
|
||||
if (!historicalDay) {
|
||||
return (
|
||||
<main className="flex min-h-screen items-center justify-center bg-[#080a0c] text-white">
|
||||
Kunde inte hitta data för dagen.
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* RECOVERY / BELASTNING
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const recovery = isLatest ? data.today.recovery : historicalDay.recovery;
|
||||
|
||||
const strain = isLatest ? data.today.strain : historicalDay.strain;
|
||||
|
||||
/*
|
||||
* strain ligger alltid internt på 0–21.
|
||||
* strainScale påverkar endast presentationen.
|
||||
*/
|
||||
const strainScale = settings.strainScale;
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* HEART
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const hrv = isLatest ? data.today.heart.hrv : historicalDay.heart.hrv;
|
||||
|
||||
const restingHeartRate = isLatest
|
||||
? data.today.heart.restingHeartRate
|
||||
: historicalDay.heart.restingHeartRate;
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* SÖMN
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const sleepScore = isLatest ? data.today.sleep.score : historicalDay.sleep.score;
|
||||
|
||||
const sleepDuration = isLatest
|
||||
? data.today.sleep.durationMinutes
|
||||
: (historicalDay.sleep.durationMinutes ?? null);
|
||||
|
||||
const sleepAwake = isLatest
|
||||
? data.today.sleep.awakeMinutes
|
||||
: (historicalDay.sleep.awakeMinutes ?? null);
|
||||
|
||||
const sleepNeed = isLatest
|
||||
? data.today.sleep.needMinutes
|
||||
: (historicalDay.sleep.needMinutes ?? null);
|
||||
|
||||
const sleepDebt = isLatest
|
||||
? data.today.sleep.debtMinutes
|
||||
: (historicalDay.sleep.debtMinutes ?? null);
|
||||
|
||||
const deepSleep = isLatest
|
||||
? data.today.sleep.deepMinutes
|
||||
: (historicalDay.sleep.deepMinutes ?? null);
|
||||
|
||||
const remSleep = isLatest
|
||||
? data.today.sleep.remMinutes
|
||||
: (historicalDay.sleep.remMinutes ?? null);
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* ENERGY
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const stress = isLatest ? data.today.energy.stress : historicalDay.energy.stress;
|
||||
|
||||
const bodyBattery = isLatest
|
||||
? data.today.energy.bodyBattery
|
||||
: (historicalDay.energy.bodyBattery ?? null);
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* HEALTH
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const spo2 = isLatest
|
||||
? data.today.health.spo2Average
|
||||
: (historicalDay.health?.spo2Average ?? null);
|
||||
|
||||
const respiration = isLatest
|
||||
? data.today.health.respirationSleep
|
||||
: (historicalDay.health?.respirationSleep ?? null);
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* AKTIVITET
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const activity = isLatest ? data.today.activity : historicalDay.activity;
|
||||
|
||||
const steps = activity?.steps ?? null;
|
||||
|
||||
const distanceMeters = activity?.distanceMeters ?? null;
|
||||
|
||||
const totalCalories = activity?.totalCalories ?? null;
|
||||
|
||||
const activeCalories = activity?.activeCalories ?? null;
|
||||
|
||||
const moderateIntensityMinutes = activity?.moderateIntensityMinutes ?? 0;
|
||||
|
||||
const vigorousIntensityMinutes = activity?.vigorousIntensityMinutes ?? 0;
|
||||
|
||||
/*
|
||||
* Garmin-princip:
|
||||
* vigorous räknas dubbelt.
|
||||
*/
|
||||
const intensityMinutes = moderateIntensityMinutes + vigorousIntensityMinutes * 2;
|
||||
|
||||
const distanceKm = distanceMeters !== null ? distanceMeters / 1000 : null;
|
||||
|
||||
/*
|
||||
* Vyta-mål tills vi eventuellt
|
||||
* hämtar Garmins egna stegsmål.
|
||||
*/
|
||||
const stepGoal = 10000;
|
||||
|
||||
const stepProgress = steps !== null ? Math.min(100, Math.round((steps / stepGoal) * 100)) : 0;
|
||||
|
||||
/*
|
||||
* =======================================================
|
||||
* DERIVED
|
||||
* =======================================================
|
||||
*/
|
||||
|
||||
const recoveryStatus = getRecoveryStatus(recovery);
|
||||
|
||||
const strainStatus = getStrainStatus(strain);
|
||||
|
||||
const sleepEfficiency =
|
||||
sleepDuration !== null && sleepDuration > 0 && sleepAwake !== null
|
||||
? Math.round((sleepDuration / (sleepDuration + sleepAwake)) * 100)
|
||||
: null;
|
||||
|
||||
const intelligence = calculateVytaIntelligence({
|
||||
recovery,
|
||||
strain,
|
||||
|
||||
hrv,
|
||||
hrvBaseline: data.baselines.hrv,
|
||||
|
||||
restingHeartRate,
|
||||
restingHeartRateBaseline: data.baselines.restingHeartRate,
|
||||
|
||||
sleepScore,
|
||||
sleepBaseline: data.baselines.sleepScore,
|
||||
|
||||
stress,
|
||||
stressBaseline: data.baselines.stress,
|
||||
});
|
||||
|
||||
const recentWeek = data.history.filter((day) => day.date <= selectedDate).slice(-7);
|
||||
|
||||
const weeklyRecovery = average(recentWeek.map((day) => day.recovery));
|
||||
|
||||
const weeklySleep = average(recentWeek.map((day) => day.sleep.score));
|
||||
|
||||
const weeklyHrv = average(recentWeek.map((day) => day.heart.hrv));
|
||||
|
||||
const weeklyStrain = average(recentWeek.map((day) => day.strain));
|
||||
|
||||
const weekStart = recentWeek[0]?.date ?? selectedDate;
|
||||
|
||||
const weeklyActivities = data.activities.filter((activity) => {
|
||||
if (!activity.startTime) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const date = activity.startTime.slice(0, 10);
|
||||
|
||||
return date >= weekStart && date <= selectedDate;
|
||||
}).length;
|
||||
|
||||
const weeklyInsight = buildWeeklyInsight({
|
||||
recovery: weeklyRecovery,
|
||||
sleep: weeklySleep,
|
||||
hrv: weeklyHrv,
|
||||
strain: weeklyStrain,
|
||||
activities: weeklyActivities,
|
||||
});
|
||||
|
||||
const insightContributors = [
|
||||
{
|
||||
label: "HRV",
|
||||
value: intelligence.contributors.hrv.label,
|
||||
score: intelligence.contributors.hrv.score,
|
||||
},
|
||||
{
|
||||
label: "Vilopuls",
|
||||
value: intelligence.contributors.restingHeartRate.label,
|
||||
score: intelligence.contributors.restingHeartRate.score,
|
||||
},
|
||||
{
|
||||
label: "Sömn",
|
||||
value: intelligence.contributors.sleep.label,
|
||||
score: intelligence.contributors.sleep.score,
|
||||
},
|
||||
{
|
||||
label: "Stress",
|
||||
value: intelligence.contributors.stress.label,
|
||||
score: intelligence.contributors.stress.score,
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-[#080a0c] text-white">
|
||||
{/*
|
||||
* Extra top-padding endast på Idag
|
||||
* för att undvika Dynamic Island.
|
||||
*/}
|
||||
<div className="vyta-bottom-safe mx-auto min-h-screen max-w-md px-5 pt-[calc(env(safe-area-inset-top,0px)+3.75rem)]">
|
||||
{/*
|
||||
* =================================================
|
||||
* HEADER
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<header>
|
||||
<div className="flex items-center justify-between">
|
||||
<p className="text-sm font-bold tracking-[0.32em]">VYTA</p>
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="h-2 w-2 rounded-full bg-emerald-400" />
|
||||
|
||||
<span className="text-[10px] font-medium tracking-wide text-zinc-600">GARMIN</span>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
href="/installningar"
|
||||
aria-label="Inställningar"
|
||||
className="flex h-9 w-9 items-center justify-center rounded-full bg-white/[0.05] text-zinc-400 transition active:scale-95"
|
||||
>
|
||||
<SettingsIcon />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 className="mt-5 text-3xl font-semibold tracking-tight">Översikt</h1>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-500">Din kropp och återhämtning.</p>
|
||||
</header>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* DATE NAV
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<DateNavigator
|
||||
date={selectedDate}
|
||||
previousDate={previousDate}
|
||||
nextDate={nextDate}
|
||||
latestDate={latestDate}
|
||||
basePath="/"
|
||||
/>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* RECOVERY
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-5 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">ÅTERHÄMTNING</p>
|
||||
|
||||
<div className="mt-5">
|
||||
<span className="text-6xl font-semibold tracking-tight text-emerald-400">
|
||||
{recovery ?? "—"}
|
||||
</span>
|
||||
|
||||
{recovery !== null && <span className="ml-1 text-xl text-zinc-600">%</span>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{recovery !== null && (
|
||||
<span className="rounded-full bg-emerald-400/10 px-3 py-1.5 text-xs font-medium text-emerald-400">
|
||||
{recoveryStatus}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="mt-6 h-2 overflow-hidden rounded-full bg-white/[0.05]">
|
||||
<div
|
||||
className="h-full rounded-full bg-emerald-400"
|
||||
style={{
|
||||
width: `${Math.max(0, Math.min(100, recovery ?? 0))}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<p className="mt-4 text-xs leading-5 text-zinc-600">
|
||||
Baserat på HRV, vilopuls, sömn och återhämtningssignaler.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* STRAIN
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">BELASTNING</p>
|
||||
|
||||
<div className="mt-4">
|
||||
<span className="text-4xl font-semibold tracking-tight text-sky-400">
|
||||
{formatStrain(strain, strainScale)}
|
||||
</span>
|
||||
|
||||
<span className="ml-1 text-sm text-zinc-600">{getStrainSuffix(strainScale)}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span className="rounded-full bg-sky-400/10 px-3 py-1.5 text-xs font-medium text-sky-400">
|
||||
{strainStatus}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 h-2 overflow-hidden rounded-full bg-white/[0.05]">
|
||||
<div
|
||||
className="h-full rounded-full bg-sky-400"
|
||||
style={{
|
||||
width: `${Math.max(0, Math.min(100, (strain / 21) * 100))}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{isLatest && (
|
||||
<VytaInsightCard
|
||||
title={intelligence.status.title}
|
||||
text={intelligence.status.text}
|
||||
level={intelligence.status.level}
|
||||
recovery={recovery}
|
||||
currentStrain={strain}
|
||||
recommendedMin={intelligence.strainRecommendation.min}
|
||||
recommendedMax={intelligence.strainRecommendation.max}
|
||||
strainScale={strainScale}
|
||||
contributors={insightContributors}
|
||||
/>
|
||||
)}
|
||||
|
||||
{isLatest && (
|
||||
<WeeklySummaryCard
|
||||
recoveryAverage={weeklyRecovery}
|
||||
sleepAverage={weeklySleep}
|
||||
hrvAverage={weeklyHrv}
|
||||
strainAverage={weeklyStrain}
|
||||
activities={weeklyActivities}
|
||||
insight={weeklyInsight}
|
||||
/>
|
||||
)}
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* AKTIVITET
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between gap-6">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">AKTIVITET</p>
|
||||
|
||||
<p className="mt-4 text-5xl font-semibold tracking-tight">
|
||||
{steps !== null ? steps.toLocaleString("sv-SE") : "—"}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-sm text-zinc-500">steg</p>
|
||||
</div>
|
||||
|
||||
{steps !== null && (
|
||||
<div className="pt-1 text-right">
|
||||
<p className="text-2xl font-semibold text-emerald-400">{stepProgress}%</p>
|
||||
|
||||
<p className="mt-1 text-[11px] text-zinc-600">
|
||||
av {stepGoal.toLocaleString("sv-SE")}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="mt-6 h-2 overflow-hidden rounded-full bg-white/[0.05]">
|
||||
<div
|
||||
className="h-full rounded-full bg-emerald-400 transition-[width]"
|
||||
style={{
|
||||
width: `${stepProgress}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-7 grid grid-cols-2 gap-x-6 gap-y-6">
|
||||
<ActivityMetric
|
||||
label="Aktiva kcal"
|
||||
value={
|
||||
activeCalories !== null ? `${activeCalories.toLocaleString("sv-SE")} kcal` : "—"
|
||||
}
|
||||
/>
|
||||
|
||||
<ActivityMetric
|
||||
label="Distans"
|
||||
value={
|
||||
distanceKm !== null
|
||||
? `${distanceKm.toLocaleString("sv-SE", {
|
||||
minimumFractionDigits: 1,
|
||||
|
||||
maximumFractionDigits: 1,
|
||||
})} km`
|
||||
: "—"
|
||||
}
|
||||
/>
|
||||
|
||||
<ActivityMetric
|
||||
label="Intensitet"
|
||||
value={`${intensityMinutes.toLocaleString("sv-SE")} min`}
|
||||
/>
|
||||
|
||||
<ActivityMetric
|
||||
label="Totala kcal"
|
||||
value={totalCalories !== null ? `${totalCalories.toLocaleString("sv-SE")} kcal` : "—"}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-6 border-t border-white/[0.05] pt-4">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<span className="text-xs text-zinc-600">Intensitetsminuter</span>
|
||||
|
||||
<span className="text-right text-xs text-zinc-400">
|
||||
{moderateIntensityMinutes.toLocaleString("sv-SE")} måttliga ·{" "}
|
||||
{vigorousIntensityMinutes.toLocaleString("sv-SE")} intensiva
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* QUICK METRICS
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-4 grid grid-cols-2 gap-4">
|
||||
<MetricCard
|
||||
label="HRV"
|
||||
value={hrv !== null ? `${formatDecimal(hrv)} ms` : "—"}
|
||||
subtitle="Nattvärde"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Vilopuls"
|
||||
value={restingHeartRate !== null ? `${formatDecimal(restingHeartRate)} bpm` : "—"}
|
||||
subtitle="Garmin"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Sömn"
|
||||
value={sleepScore !== null ? formatDecimal(sleepScore) : "—"}
|
||||
subtitle={sleepDuration !== null ? formatDuration(sleepDuration) : "Sömnscore"}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Stress"
|
||||
value={stress !== null ? formatDecimal(stress) : "—"}
|
||||
subtitle="Dagsgenomsnitt"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Body Battery"
|
||||
value={bodyBattery !== null ? `${formatDecimal(bodyBattery)}%` : "—"}
|
||||
subtitle="Energi"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Steg"
|
||||
value={steps !== null ? steps.toLocaleString("sv-SE") : "—"}
|
||||
subtitle="Totalt"
|
||||
/>
|
||||
</section>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* SÖMN
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-center justify-between">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">SÖMN</p>
|
||||
|
||||
<p className="text-2xl font-semibold text-violet-400">{sleepScore ?? "—"}</p>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 grid grid-cols-2 gap-4">
|
||||
<SmallMetric
|
||||
label="Total sömn"
|
||||
value={sleepDuration !== null ? formatDuration(sleepDuration) : "—"}
|
||||
/>
|
||||
|
||||
<SmallMetric
|
||||
label="Effektivitet"
|
||||
value={sleepEfficiency !== null ? `${sleepEfficiency}%` : "—"}
|
||||
/>
|
||||
|
||||
<SmallMetric
|
||||
label="Djupsömn"
|
||||
value={deepSleep !== null ? formatDuration(deepSleep) : "—"}
|
||||
/>
|
||||
|
||||
<SmallMetric label="REM" value={remSleep !== null ? formatDuration(remSleep) : "—"} />
|
||||
|
||||
<SmallMetric
|
||||
label="Sömnbehov"
|
||||
value={sleepNeed !== null ? formatDuration(sleepNeed) : "—"}
|
||||
/>
|
||||
|
||||
<SmallMetric
|
||||
label="Sömnskuld"
|
||||
value={sleepDebt !== null ? formatDuration(sleepDebt) : "—"}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* HEALTH
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-4 grid grid-cols-2 gap-4">
|
||||
<MetricCard
|
||||
label="SpO₂"
|
||||
value={spo2 !== null ? `${formatDecimal(spo2)}%` : "—"}
|
||||
subtitle="Genomsnitt"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Andning"
|
||||
value={respiration !== null ? formatDecimal(respiration) : "—"}
|
||||
subtitle="andetag/min"
|
||||
/>
|
||||
</section>
|
||||
|
||||
{/*
|
||||
* =================================================
|
||||
* VYTA INSIGHT
|
||||
* =================================================
|
||||
*/}
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">VYTA INSIGHT</p>
|
||||
|
||||
<p className="mt-4 text-sm leading-6 text-zinc-300">
|
||||
{buildInsight({
|
||||
recovery,
|
||||
strain,
|
||||
sleepScore,
|
||||
hrv,
|
||||
steps,
|
||||
intensityMinutes,
|
||||
})}
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<BottomNav />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* SETTINGS ICON
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function SettingsIcon() {
|
||||
return (
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||
<path
|
||||
d="M12 15.25A3.25 3.25 0 1 0 12 8.75a3.25 3.25 0 0 0 0 6.5Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.7"
|
||||
/>
|
||||
|
||||
<path
|
||||
d="M19.4 13a7.8 7.8 0 0 0 .05-1 7.8 7.8 0 0 0-.05-1l2-1.55-2-3.45-2.45.98a8.3 8.3 0 0 0-1.72-1L14.9 3.35h-4l-.33 2.63a8.3 8.3 0 0 0-1.72 1L6.4 6l-2 3.45L6.4 11a7.8 7.8 0 0 0-.05 1c0 .34.02.67.05 1l-2 1.55 2 3.45 2.45-.98c.53.4 1.1.73 1.72 1l.33 2.63h4l.33-2.63a8.3 8.3 0 0 0 1.72-1l2.45.98 2-3.45L19.4 13Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.5"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* COMPONENTS
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function MetricCard({
|
||||
label,
|
||||
value,
|
||||
subtitle,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
subtitle: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="rounded-[24px] border border-white/[0.06] bg-[#111418] p-5">
|
||||
<p className="text-xs text-zinc-500">{label}</p>
|
||||
|
||||
<p className="mt-3 text-2xl font-semibold tracking-tight">{value}</p>
|
||||
|
||||
<p className="mt-2 text-[11px] text-zinc-600">{subtitle}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function SmallMetric({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-xs text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-2 text-lg font-semibold">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function ActivityMetric({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-xs text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-2 text-lg font-semibold tracking-tight">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* STATUS
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function getRecoveryStatus(recovery: number | null) {
|
||||
if (recovery === null) {
|
||||
return "Ingen data";
|
||||
}
|
||||
|
||||
if (recovery >= 85) {
|
||||
return "Utmärkt";
|
||||
}
|
||||
|
||||
if (recovery >= 70) {
|
||||
return "Bra";
|
||||
}
|
||||
|
||||
if (recovery >= 50) {
|
||||
return "Måttlig";
|
||||
}
|
||||
|
||||
return "Låg";
|
||||
}
|
||||
|
||||
function getStrainStatus(strain: number) {
|
||||
if (strain >= 17) {
|
||||
return "Mycket hög";
|
||||
}
|
||||
|
||||
if (strain >= 13) {
|
||||
return "Hög";
|
||||
}
|
||||
|
||||
if (strain >= 8) {
|
||||
return "Optimal";
|
||||
}
|
||||
|
||||
if (strain >= 4) {
|
||||
return "Lätt";
|
||||
}
|
||||
|
||||
return "Låg";
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* INSIGHT
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function buildInsight({
|
||||
recovery,
|
||||
strain,
|
||||
sleepScore,
|
||||
hrv,
|
||||
steps,
|
||||
intensityMinutes,
|
||||
}: {
|
||||
recovery: number | null;
|
||||
|
||||
strain: number;
|
||||
|
||||
sleepScore: number | null;
|
||||
|
||||
hrv: number | null;
|
||||
|
||||
steps: number | null;
|
||||
|
||||
intensityMinutes: number;
|
||||
}) {
|
||||
if (recovery !== null && recovery >= 80 && strain < 8) {
|
||||
return "Du verkar väl återhämtad och dagens belastning är fortfarande låg. Det finns gott om utrymme för träning om kroppen känns bra.";
|
||||
}
|
||||
|
||||
if (recovery !== null && recovery < 50) {
|
||||
return "Återhämtningen är lägre än önskat. En lugnare dag och fokus på sömn och återhämtning kan vara klokt.";
|
||||
}
|
||||
|
||||
if (strain >= 14) {
|
||||
return "Dagens belastning är redan hög. Mer intensiv träning ger sannolikt begränsad extra nytta idag.";
|
||||
}
|
||||
|
||||
if (sleepScore !== null && sleepScore < 70) {
|
||||
return "Sömnen är dagens svagaste signal. Prioritera återhämtning och försök få en starkare natt innan nästa hårda pass.";
|
||||
}
|
||||
|
||||
if (steps !== null && steps < 5000 && intensityMinutes === 0) {
|
||||
return "Aktiviteten är hittills låg idag. En promenad eller annan lätt rörelse kan vara ett enkelt sätt att öka dagens belastning utan ett hårt träningspass.";
|
||||
}
|
||||
|
||||
if (steps !== null && steps >= 10000) {
|
||||
return "Du har nått dagens stegsmål. Kombinera den goda vardagsaktiviteten med lagom träningsbelastning och återhämtning.";
|
||||
}
|
||||
|
||||
if (hrv !== null && recovery !== null && recovery >= 70) {
|
||||
return "Dina återhämtningssignaler ser stabila ut. Fortsätt balansera aktivitet och återhämtning.";
|
||||
}
|
||||
|
||||
return "Fortsätt bygga kontinuitet. Vyta blir mer träffsäkert när fler dagar med Garmin-data samlas in.";
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* FORMAT
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function formatDuration(minutes: number) {
|
||||
const hours = Math.floor(minutes / 60);
|
||||
|
||||
const remainder = Math.round(minutes % 60);
|
||||
|
||||
if (hours === 0) {
|
||||
return `${remainder} min`;
|
||||
}
|
||||
|
||||
return `${hours} h ${remainder} min`;
|
||||
}
|
||||
|
||||
function average(values: Array<number | null | undefined>) {
|
||||
const valid = values.filter(
|
||||
(value): value is number => typeof value === "number" && Number.isFinite(value)
|
||||
);
|
||||
|
||||
if (valid.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return valid.reduce((sum, value) => sum + value, 0) / valid.length;
|
||||
}
|
||||
|
||||
function buildWeeklyInsight({
|
||||
recovery,
|
||||
sleep,
|
||||
hrv,
|
||||
strain,
|
||||
activities,
|
||||
}: {
|
||||
recovery: number | null;
|
||||
sleep: number | null;
|
||||
hrv: number | null;
|
||||
strain: number | null;
|
||||
activities: number;
|
||||
}) {
|
||||
if (recovery !== null && recovery >= 70 && sleep !== null && sleep >= 80) {
|
||||
return "Återhämtning och sömn har varit starka under veckan. Du verkar tåla belastningen bra och har goda förutsättningar att fortsätta bygga.";
|
||||
}
|
||||
|
||||
if (sleep !== null && sleep < 70) {
|
||||
return "Sömnen är veckans tydligaste förbättringsområde. Prioritera regelbunden läggtid och mer sömn innan du ökar träningsbelastningen.";
|
||||
}
|
||||
|
||||
if (recovery !== null && recovery < 50) {
|
||||
return "Återhämtningen har varit låg under flera dagar. En lugnare period kan ge bättre effekt än att fortsätta öka belastningen.";
|
||||
}
|
||||
|
||||
if (strain !== null && strain < 6 && activities <= 2) {
|
||||
return "Veckans belastning har varit relativt låg. Om kroppen känns bra finns utrymme för mer aktivitet kommande dagar.";
|
||||
}
|
||||
|
||||
if (hrv !== null && activities >= 4) {
|
||||
return "Du har fått in bra kontinuitet i träningen. Följ HRV, sömn och vilopuls för att säkerställa att återhämtningen håller jämna steg.";
|
||||
}
|
||||
|
||||
return "Veckan ser överlag balanserad ut. Fortsätt följa sömn, återhämtning och belastning tillsammans snarare än som enskilda värden.";
|
||||
}
|
||||
@@ -0,0 +1,339 @@
|
||||
import Link from "next/link";
|
||||
import BottomNav from "@/components/BottomNav";
|
||||
import DateNavigator from "@/components/DateNavigator";
|
||||
import SleepPlanner from "@/components/SleepPlanner";
|
||||
import TrendChart from "@/components/TrendChart";
|
||||
|
||||
import { getVytaData } from "@/lib/getVytaData";
|
||||
import { formatMinutes } from "@/lib/format";
|
||||
|
||||
type PageProps = {
|
||||
searchParams: Promise<{
|
||||
date?: string;
|
||||
}>;
|
||||
};
|
||||
|
||||
export default async function SleepPage({ searchParams }: PageProps) {
|
||||
const data = await getVytaData();
|
||||
const params = await searchParams;
|
||||
|
||||
const dates = data.history.map((day) => day.date).sort();
|
||||
|
||||
const latestDate = data.meta.latestDataDate;
|
||||
|
||||
const selectedDate = params.date && dates.includes(params.date) ? params.date : latestDate;
|
||||
|
||||
const currentIndex = dates.indexOf(selectedDate);
|
||||
|
||||
const previousDate = currentIndex > 0 ? dates[currentIndex - 1] : null;
|
||||
|
||||
const nextDate =
|
||||
currentIndex >= 0 && currentIndex < dates.length - 1 ? dates[currentIndex + 1] : null;
|
||||
|
||||
const isLatest = selectedDate === latestDate;
|
||||
|
||||
const historicalDay = data.history.find((day) => day.date === selectedDate);
|
||||
|
||||
if (!historicalDay) {
|
||||
return (
|
||||
<main className="flex min-h-screen items-center justify-center bg-[#080a0c] text-white">
|
||||
Kunde inte hitta sömndata för dagen.
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
const day = isLatest ? data.today : historicalDay;
|
||||
|
||||
const sleep = day.sleep;
|
||||
|
||||
const sleepHistory = data.history
|
||||
.filter((historyDay) => historyDay.date <= selectedDate && historyDay.sleep.score !== null)
|
||||
.slice(-30);
|
||||
|
||||
const sleepScores = sleepHistory.map((historyDay) => historyDay.sleep.score ?? 0);
|
||||
|
||||
const labels = sleepHistory.map((historyDay) => formatShortDate(historyDay.date));
|
||||
|
||||
const awakeMinutes = sleep.awakeMinutes ?? null;
|
||||
|
||||
const durationMinutes = sleep.durationMinutes ?? null;
|
||||
|
||||
const sleepEfficiency =
|
||||
durationMinutes !== null && durationMinutes > 0 && awakeMinutes !== null
|
||||
? Math.round((durationMinutes / (durationMinutes + awakeMinutes)) * 100)
|
||||
: null;
|
||||
|
||||
const sleepNeed = sleep.needMinutes ?? 0;
|
||||
|
||||
const actualSleep = durationMinutes ?? 0;
|
||||
|
||||
const sleepPerformance =
|
||||
sleepNeed > 0 ? Math.min(100, Math.round((actualSleep / sleepNeed) * 100)) : (sleep.score ?? 0);
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-[#080a0c] text-white">
|
||||
<div className="vyta-page vyta-bottom-safe mx-auto min-h-screen max-w-md px-5">
|
||||
<header>
|
||||
<div className="flex items-center justify-between">
|
||||
<p className="text-sm font-bold tracking-[0.32em]">VYTA</p>
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="h-2 w-2 rounded-full bg-emerald-400" />
|
||||
|
||||
<span className="text-[10px] font-medium tracking-wide text-zinc-600">GARMIN</span>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
href="/installningar"
|
||||
aria-label="Inställningar"
|
||||
className="flex h-9 w-9 items-center justify-center rounded-full bg-white/[0.05] text-zinc-400 transition hover:bg-white/[0.08] active:scale-95"
|
||||
>
|
||||
<SettingsIcon />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 className="mt-5 text-3xl font-semibold tracking-tight">Sömn</h1>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-500">Din sömn och återhämtning från Garmin.</p>
|
||||
</header>
|
||||
|
||||
<DateNavigator
|
||||
date={selectedDate}
|
||||
previousDate={previousDate}
|
||||
nextDate={nextDate}
|
||||
latestDate={latestDate}
|
||||
basePath="/somn"
|
||||
/>
|
||||
|
||||
<section className="mt-5 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
SÖMNPRESTATION
|
||||
</p>
|
||||
|
||||
<div className="mt-4">
|
||||
<span className="text-6xl font-semibold tracking-tight text-violet-400">
|
||||
{sleepPerformance}
|
||||
</span>
|
||||
|
||||
<span className="ml-1 text-xl text-zinc-600">%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-right">
|
||||
<p className="text-xs text-zinc-600">Garmin score</p>
|
||||
|
||||
<p className="mt-1 text-xl font-semibold">{sleep.score ?? "—"}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-6 h-3 overflow-hidden rounded-full bg-white/[0.06]">
|
||||
<div
|
||||
className="h-full rounded-full bg-violet-400"
|
||||
style={{
|
||||
width: `${sleepPerformance}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-6 grid grid-cols-2 gap-4">
|
||||
<Metric label="Faktisk sömn" value={formatMinutes(actualSleep)} />
|
||||
|
||||
<Metric label="Sömnbehov" value={formatMinutes(sleepNeed)} />
|
||||
|
||||
<Metric label="Sömnskuld" value={formatMinutes(sleep.debtMinutes ?? 0)} />
|
||||
|
||||
<Metric
|
||||
label="Effektivitet"
|
||||
value={sleepEfficiency !== null ? `${sleepEfficiency}%` : "—"}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{isLatest && (
|
||||
<SleepPlanner
|
||||
sleepNeedMinutes={sleepNeed}
|
||||
sleepDebtMinutes={sleep.debtMinutes ?? 0}
|
||||
actualSleepMinutes={actualSleep}
|
||||
/>
|
||||
)}
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">SÖMNSTADIER</p>
|
||||
|
||||
<div className="mt-6 space-y-5">
|
||||
<SleepStage label="Djupsömn" value={sleep.deepMinutes ?? null} total={actualSleep} />
|
||||
|
||||
<SleepStage label="REM" value={sleep.remMinutes ?? null} total={actualSleep} />
|
||||
|
||||
<SleepStage label="Lätt sömn" value={sleep.lightMinutes ?? null} total={actualSleep} />
|
||||
|
||||
<SleepStage
|
||||
label="Vaken"
|
||||
value={awakeMinutes}
|
||||
total={actualSleep + (awakeMinutes ?? 0)}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{sleepScores.length > 1 && (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">SÖMNTREND</p>
|
||||
|
||||
<p className="mt-2 text-3xl font-semibold">
|
||||
{sleep.score ?? "—"}
|
||||
|
||||
<span className="ml-1 text-sm text-zinc-500">poäng</span>
|
||||
</p>
|
||||
|
||||
<div className="mt-5 text-violet-400">
|
||||
<TrendChart values={sleepScores} labels={labels} min={0} max={100} />
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
||||
<section className="mt-4 grid grid-cols-2 gap-4">
|
||||
<MetricCard
|
||||
label="HRV"
|
||||
value={day.heart.hrv !== null ? `${day.heart.hrv} ms` : "—"}
|
||||
subtitle="Nattgenomsnitt"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Vilopuls"
|
||||
value={day.heart.restingHeartRate !== null ? `${day.heart.restingHeartRate} bpm` : "—"}
|
||||
subtitle="Vilopuls"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="SpO₂"
|
||||
value={day.health?.spo2Average != null ? `${day.health.spo2Average}%` : "—"}
|
||||
subtitle="Genomsnitt"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Andning"
|
||||
value={day.health?.respirationSleep != null ? `${day.health.respirationSleep}` : "—"}
|
||||
subtitle="andetag/min"
|
||||
/>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-5">
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-xs text-zinc-600">Natt</span>
|
||||
|
||||
<span className="text-sm text-zinc-400">{formatLongDate(selectedDate)}</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<BottomNav />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
function SleepStage({
|
||||
label,
|
||||
value,
|
||||
total,
|
||||
}: {
|
||||
label: string;
|
||||
value: number | null;
|
||||
total: number;
|
||||
}) {
|
||||
const minutes = value ?? 0;
|
||||
|
||||
const percentage = total > 0 ? Math.min(100, Math.round((minutes / total) * 100)) : 0;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-sm text-zinc-400">{label}</span>
|
||||
|
||||
<div className="text-right">
|
||||
<span className="text-sm font-medium">{value !== null ? formatMinutes(value) : "—"}</span>
|
||||
|
||||
{value !== null && <span className="ml-2 text-xs text-zinc-600">{percentage}%</span>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-2 h-2 overflow-hidden rounded-full bg-white/[0.06]">
|
||||
<div
|
||||
className="h-full rounded-full bg-violet-400"
|
||||
style={{
|
||||
width: `${percentage}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Metric({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-xs text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-2 text-xl font-semibold">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function MetricCard({
|
||||
label,
|
||||
value,
|
||||
subtitle,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
subtitle: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="rounded-[24px] border border-white/[0.06] bg-[#111418] p-5">
|
||||
<p className="text-xs text-zinc-500">{label}</p>
|
||||
|
||||
<p className="mt-3 text-2xl font-semibold">{value}</p>
|
||||
|
||||
<p className="mt-2 text-[11px] text-zinc-600">{subtitle}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatShortDate(dateString: string) {
|
||||
return new Intl.DateTimeFormat("sv-SE", {
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
})
|
||||
.format(new Date(`${dateString}T12:00:00`))
|
||||
.replace(".", "");
|
||||
}
|
||||
|
||||
function formatLongDate(dateString: string) {
|
||||
return new Intl.DateTimeFormat("sv-SE", {
|
||||
weekday: "long",
|
||||
day: "numeric",
|
||||
month: "long",
|
||||
}).format(new Date(`${dateString}T12:00:00`));
|
||||
}
|
||||
|
||||
function SettingsIcon() {
|
||||
return (
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||
<path
|
||||
d="M12 15.25A3.25 3.25 0 1 0 12 8.75a3.25 3.25 0 0 0 0 6.5Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.7"
|
||||
/>
|
||||
|
||||
<path
|
||||
d="M19.4 13a7.8 7.8 0 0 0 .05-1 7.8 7.8 0 0 0-.05-1l2-1.55-2-3.45-2.45.98a8.3 8.3 0 0 0-1.72-1L14.9 3.35h-4l-.33 2.63a8.3 8.3 0 0 0-1.72 1L6.4 6l-2 3.45L6.4 11a7.8 7.8 0 0 0-.05 1c0 .34.02.67.05 1l-2 1.55 2 3.45 2.45-.98c.53.4 1.1.73 1.72 1l.33 2.63h4l.33-2.63a8.3 8.3 0 0 0 1.72-1l2.45.98 2-3.45L19.4 13Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.5"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,303 @@
|
||||
import Link from "next/link";
|
||||
|
||||
import ActivityRouteMap from "@/components/ActivityRouteMap";
|
||||
import BottomNav from "@/components/BottomNav";
|
||||
import { getVytaData } from "@/lib/getVytaData";
|
||||
import { formatDecimal, formatMinutes } from "@/lib/format";
|
||||
import { getVytaSettings } from "@/lib/vytaSettings";
|
||||
|
||||
import { formatStrain, getStrainSuffix } from "@/lib/strainScale";
|
||||
|
||||
export default async function ActivityPage({
|
||||
params,
|
||||
}: {
|
||||
params: Promise<{
|
||||
id: string;
|
||||
}>;
|
||||
}) {
|
||||
const { id } = await params;
|
||||
|
||||
const data = await getVytaData();
|
||||
const settings = await getVytaSettings();
|
||||
|
||||
const strainScale = settings.strainScale;
|
||||
|
||||
const activity = data.activities.find((item) => item.id === id);
|
||||
|
||||
if (!activity) {
|
||||
return (
|
||||
<main className="min-h-screen bg-[#080a0c] text-white">
|
||||
<div className="mx-auto max-w-md px-5 pt-8">
|
||||
<Link href="/traning" className="text-sm text-zinc-500">
|
||||
← Tillbaka
|
||||
</Link>
|
||||
|
||||
<h1 className="mt-8 text-2xl font-semibold">Aktiviteten hittades inte</h1>
|
||||
</div>
|
||||
|
||||
<BottomNav />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-[#080a0c] text-white">
|
||||
<div className="mx-auto min-h-screen max-w-md px-5 pb-28 pt-7">
|
||||
<Link href="/traning" className="text-sm text-zinc-500">
|
||||
← Träning
|
||||
</Link>
|
||||
|
||||
<header className="mt-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-600">GARMIN-AKTIVITET</p>
|
||||
|
||||
<h1 className="mt-3 text-3xl font-semibold tracking-tight">
|
||||
{activity.name ?? activity.type ?? "Aktivitet"}
|
||||
</h1>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-500">{formatActivityDate(activity.startTime)}</p>
|
||||
</header>
|
||||
|
||||
{activity.details?.route && activity.details.route.length > 1 && (
|
||||
<ActivityRouteMap route={activity.details.route} />
|
||||
)}
|
||||
|
||||
<section className="mt-7 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">VYTA STRAIN</p>
|
||||
|
||||
<div className="mt-4">
|
||||
<span className="text-6xl font-semibold text-sky-400">
|
||||
{formatStrain(activity.strain, strainScale)}
|
||||
</span>
|
||||
|
||||
<span className="ml-2 text-xl text-zinc-600">{getStrainSuffix(strainScale)}</span>
|
||||
</div>
|
||||
|
||||
<div className="mt-6 h-3 overflow-hidden rounded-full bg-white/[0.06]">
|
||||
<div
|
||||
className="h-full rounded-full bg-sky-400"
|
||||
style={{
|
||||
width: `${Math.min(100, (activity.strain / 21) * 100)}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 grid grid-cols-2 gap-4">
|
||||
<MetricCard
|
||||
label="Tid"
|
||||
value={
|
||||
activity.durationMinutes !== null ? formatMinutes(activity.durationMinutes) : "—"
|
||||
}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Kalorier"
|
||||
value={activity.calories !== null ? `${activity.calories}` : "—"}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Snittpuls"
|
||||
value={activity.averageHeartRate !== null ? `${activity.averageHeartRate} bpm` : "—"}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Maxpuls"
|
||||
value={activity.maxHeartRate !== null ? `${activity.maxHeartRate} bpm` : "—"}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Garmin Load"
|
||||
value={
|
||||
activity.garminTrainingLoad !== null
|
||||
? formatDecimal(activity.garminTrainingLoad)
|
||||
: "—"
|
||||
}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Distans"
|
||||
value={activity.distanceMeters !== null ? formatDistance(activity.distanceMeters) : "—"}
|
||||
/>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">TRAINING EFFECT</p>
|
||||
|
||||
<div className="mt-6 grid grid-cols-2 gap-5">
|
||||
<MetricBlock
|
||||
label="Aerob"
|
||||
value={
|
||||
activity.aerobicTrainingEffect !== null
|
||||
? formatDecimal(activity.aerobicTrainingEffect)
|
||||
: "—"
|
||||
}
|
||||
/>
|
||||
|
||||
<MetricBlock
|
||||
label="Anaerob"
|
||||
value={
|
||||
activity.anaerobicTrainingEffect !== null
|
||||
? formatDecimal(activity.anaerobicTrainingEffect)
|
||||
: "—"
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{activity.trainingEffectLabel && (
|
||||
<p className="mt-5 text-sm text-zinc-500">
|
||||
{formatTrainingEffect(activity.trainingEffectLabel)}
|
||||
</p>
|
||||
)}
|
||||
</section>
|
||||
|
||||
{activity.heartRateZones && (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">PULSZONER</p>
|
||||
|
||||
<div className="mt-6 space-y-5">
|
||||
<ZoneRow
|
||||
label="Zon 1"
|
||||
value={activity.heartRateZones.zone1Minutes}
|
||||
total={activity.durationMinutes}
|
||||
/>
|
||||
|
||||
<ZoneRow
|
||||
label="Zon 2"
|
||||
value={activity.heartRateZones.zone2Minutes}
|
||||
total={activity.durationMinutes}
|
||||
/>
|
||||
|
||||
<ZoneRow
|
||||
label="Zon 3"
|
||||
value={activity.heartRateZones.zone3Minutes}
|
||||
total={activity.durationMinutes}
|
||||
/>
|
||||
|
||||
<ZoneRow
|
||||
label="Zon 4"
|
||||
value={activity.heartRateZones.zone4Minutes}
|
||||
total={activity.durationMinutes}
|
||||
/>
|
||||
|
||||
<ZoneRow
|
||||
label="Zon 5"
|
||||
value={activity.heartRateZones.zone5Minutes}
|
||||
total={activity.durationMinutes}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
||||
{activity.bodyBatteryImpact !== null && (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">KROPPSPÅVERKAN</p>
|
||||
|
||||
<div className="mt-4 flex items-end justify-between">
|
||||
<div>
|
||||
<p className="text-3xl font-semibold">{activity.bodyBatteryImpact}</p>
|
||||
|
||||
<p className="mt-1 text-xs text-zinc-600">Body Battery</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<BottomNav />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
function MetricCard({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div className="rounded-[24px] border border-white/[0.06] bg-[#111418] p-5">
|
||||
<p className="text-xs text-zinc-500">{label}</p>
|
||||
|
||||
<p className="mt-3 text-xl font-semibold">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function MetricBlock({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-xs text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-2 text-3xl font-semibold">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function ZoneRow({
|
||||
label,
|
||||
value,
|
||||
total,
|
||||
}: {
|
||||
label: string;
|
||||
value: number | null;
|
||||
total: number | null;
|
||||
}) {
|
||||
const minutes = value ?? 0;
|
||||
|
||||
const percentage = total && total > 0 ? Math.min(100, Math.round((minutes / total) * 100)) : 0;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="flex justify-between">
|
||||
<span className="text-sm text-zinc-500">{label}</span>
|
||||
|
||||
<span className="text-sm text-zinc-300">
|
||||
{value !== null ? formatMinutes(Math.round(value)) : "—"}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="mt-2 h-2 overflow-hidden rounded-full bg-white/[0.06]">
|
||||
<div
|
||||
className="h-full rounded-full bg-sky-400"
|
||||
style={{
|
||||
width: `${percentage}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatActivityDate(startTime: string | null) {
|
||||
if (!startTime) {
|
||||
return "Okänt datum";
|
||||
}
|
||||
|
||||
const datePart = startTime.slice(0, 10);
|
||||
|
||||
const time = startTime.match(/(\d{2}:\d{2})/)?.[1];
|
||||
|
||||
const formatted = new Intl.DateTimeFormat("sv-SE", {
|
||||
weekday: "long",
|
||||
day: "numeric",
|
||||
month: "long",
|
||||
year: "numeric",
|
||||
}).format(new Date(`${datePart}T12:00:00`));
|
||||
|
||||
return time ? `${formatted} · ${time}` : formatted;
|
||||
}
|
||||
|
||||
function formatDistance(meters: number) {
|
||||
if (meters >= 1000) {
|
||||
return `${(meters / 1000).toFixed(2).replace(".", ",")} km`;
|
||||
}
|
||||
|
||||
return `${Math.round(meters)} m`;
|
||||
}
|
||||
|
||||
function formatTrainingEffect(label: string) {
|
||||
const names: Record<string, string> = {
|
||||
RECOVERY: "Återhämtning",
|
||||
AEROBIC_BASE: "Aerob bas",
|
||||
TEMPO: "Tempo",
|
||||
LACTATE_THRESHOLD: "Mjölksyratröskel",
|
||||
ANAEROBIC_CAPACITY: "Anaerob kapacitet",
|
||||
};
|
||||
|
||||
return names[label] ?? label.replaceAll("_", " ");
|
||||
}
|
||||
@@ -0,0 +1,528 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
|
||||
import { Suspense, useEffect, useMemo, useState } from "react";
|
||||
|
||||
import { useRouter, useSearchParams } from "next/navigation";
|
||||
|
||||
import BottomNav from "@/components/BottomNav";
|
||||
import DateNavigator from "@/components/DateNavigator";
|
||||
import TrendChart from "@/components/TrendChart";
|
||||
|
||||
import type { VytaApiData } from "@/types/vytaApi";
|
||||
|
||||
import { formatDecimal, formatMinutes } from "@/lib/format";
|
||||
|
||||
import {
|
||||
convertStrain,
|
||||
formatStrain,
|
||||
getStrainMax,
|
||||
getStrainSuffix,
|
||||
type StrainScale,
|
||||
} from "@/lib/strainScale";
|
||||
|
||||
export default function TrainingPage() {
|
||||
return (
|
||||
<Suspense
|
||||
fallback={
|
||||
<main className="flex min-h-screen items-center justify-center bg-[#080a0c] text-zinc-500">
|
||||
Hämtar träningsdata…
|
||||
</main>
|
||||
}
|
||||
>
|
||||
<TrainingPageContent />
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
|
||||
function TrainingPageContent() {
|
||||
const router = useRouter();
|
||||
const searchParams = useSearchParams();
|
||||
|
||||
const [data, setData] = useState<VytaApiData | null>(null);
|
||||
|
||||
const [range, setRange] = useState<7 | 30>(7);
|
||||
|
||||
const [strainScale, setStrainScale] = useState<StrainScale>("21");
|
||||
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
fetch("/api/settings", {
|
||||
cache: "no-store",
|
||||
})
|
||||
.then((response) => {
|
||||
if (!response.ok) {
|
||||
throw new Error(`Kunde inte läsa inställningar (${response.status})`);
|
||||
}
|
||||
|
||||
return response.json();
|
||||
})
|
||||
.then((settings) => {
|
||||
setStrainScale(settings.strainScale === "100" ? "100" : "21");
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error("Kunde inte läsa belastningsskala:", err);
|
||||
});
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
fetch("/api/vyta-data", {
|
||||
cache: "no-store",
|
||||
})
|
||||
.then((response) => {
|
||||
if (!response.ok) {
|
||||
throw new Error(`Kunde inte läsa Vyta-data (${response.status})`);
|
||||
}
|
||||
|
||||
return response.json();
|
||||
})
|
||||
.then((result) => {
|
||||
setData(result);
|
||||
setError(null);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error(err);
|
||||
|
||||
setError(err instanceof Error ? err.message : "Kunde inte läsa Vyta-data");
|
||||
});
|
||||
}, []);
|
||||
|
||||
const requestedDate = searchParams.get("date");
|
||||
|
||||
const dates = useMemo(() => {
|
||||
if (!data) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return data.history.map((day) => day.date).sort();
|
||||
}, [data]);
|
||||
|
||||
const latestDate = data?.meta.latestDataDate ?? "";
|
||||
|
||||
const selectedDate = requestedDate && dates.includes(requestedDate) ? requestedDate : latestDate;
|
||||
|
||||
const currentIndex = dates.indexOf(selectedDate);
|
||||
|
||||
const previousDate = currentIndex > 0 ? dates[currentIndex - 1] : null;
|
||||
|
||||
const nextDate =
|
||||
currentIndex >= 0 && currentIndex < dates.length - 1 ? dates[currentIndex + 1] : null;
|
||||
|
||||
useEffect(() => {
|
||||
if (data && requestedDate && !dates.includes(requestedDate)) {
|
||||
router.replace("/traning");
|
||||
}
|
||||
}, [data, requestedDate, dates, router]);
|
||||
|
||||
const selectedDay = useMemo(() => {
|
||||
if (!data || !selectedDate) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (selectedDate === data.meta.latestDataDate) {
|
||||
return data.today;
|
||||
}
|
||||
|
||||
return data.history.find((day) => day.date === selectedDate) ?? null;
|
||||
}, [data, selectedDate]);
|
||||
|
||||
const selectedHistory = useMemo(() => {
|
||||
if (!data || !selectedDate) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return data.history.filter((day) => day.date <= selectedDate).slice(-range);
|
||||
}, [data, range, selectedDate]);
|
||||
|
||||
const activitiesForDay = useMemo(() => {
|
||||
if (!data || !selectedDate) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return data.activities
|
||||
.filter((activity) => {
|
||||
if (!activity.startTime) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return activity.startTime.slice(0, 10) === selectedDate;
|
||||
})
|
||||
.sort((a, b) => (b.startTime ?? "").localeCompare(a.startTime ?? ""));
|
||||
}, [data, selectedDate]);
|
||||
|
||||
if (error) {
|
||||
return (
|
||||
<main className="flex min-h-screen items-center justify-center bg-[#080a0c] px-6 text-white">
|
||||
<div className="max-w-sm text-center">
|
||||
<p className="text-sm font-bold tracking-[0.32em]">VYTA</p>
|
||||
|
||||
<h1 className="mt-5 text-2xl font-semibold">Kunde inte läsa träningsdata</h1>
|
||||
|
||||
<p className="mt-3 text-sm text-zinc-500">{error}</p>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
if (!data || !selectedDay) {
|
||||
return (
|
||||
<main className="flex min-h-screen items-center justify-center bg-[#080a0c] text-zinc-500">
|
||||
Hämtar Garmin-data…
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
const strainValues = selectedHistory.map((day) => day.strain);
|
||||
|
||||
const labels = selectedHistory.map((day) => formatDate(day.date));
|
||||
|
||||
const averageStrain =
|
||||
strainValues.length > 0
|
||||
? strainValues.reduce((sum, value) => sum + value, 0) / strainValues.length
|
||||
: 0;
|
||||
|
||||
const maxStrain = strainValues.length > 0 ? Math.max(...strainValues) : 0;
|
||||
|
||||
const displayedStrainValues = strainValues.map((value) => convertStrain(value, strainScale) ?? 0);
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-[#080a0c] text-white">
|
||||
<div className="vyta-page vyta-bottom-safe mx-auto min-h-screen max-w-md px-5">
|
||||
<header>
|
||||
<div className="flex items-center justify-between">
|
||||
<p className="text-sm font-bold tracking-[0.32em]">VYTA</p>
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="h-2 w-2 rounded-full bg-emerald-400" />
|
||||
|
||||
<span className="text-[10px] font-medium tracking-wide text-zinc-600">GARMIN</span>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
href="/installningar"
|
||||
aria-label="Inställningar"
|
||||
className="flex h-9 w-9 items-center justify-center rounded-full bg-white/[0.05] text-zinc-400 transition hover:bg-white/[0.08] active:scale-95"
|
||||
>
|
||||
<SettingsIcon />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 className="mt-5 text-3xl font-semibold tracking-tight">Träning</h1>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-500">Belastning från dina Garmin-aktiviteter.</p>
|
||||
</header>
|
||||
|
||||
<DateNavigator
|
||||
date={selectedDate}
|
||||
previousDate={previousDate}
|
||||
nextDate={nextDate}
|
||||
latestDate={latestDate}
|
||||
basePath="/traning"
|
||||
/>
|
||||
|
||||
<section className="mt-5 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
DAGENS BELASTNING
|
||||
</p>
|
||||
|
||||
<div className="mt-5">
|
||||
<span className="text-6xl font-semibold tracking-tight text-sky-400">
|
||||
{formatStrain(selectedDay.strain, strainScale)}
|
||||
</span>
|
||||
|
||||
<span className="ml-2 text-xl text-zinc-600">{getStrainSuffix(strainScale)}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-right">
|
||||
<p className="text-xs text-zinc-600">Aktiviteter</p>
|
||||
|
||||
<p className="mt-1 text-xl font-semibold">{activitiesForDay.length}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="mt-3 text-sm leading-6 text-zinc-500">
|
||||
Beräknad från Garmin Training Load, pulszoner och aktivitetstid.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
BELASTNINGSTREND
|
||||
</p>
|
||||
|
||||
<p className="mt-2 text-3xl font-semibold">
|
||||
{formatStrain(averageStrain, strainScale)}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-xs text-zinc-600">Snitt föregående {range} dagar</p>
|
||||
</div>
|
||||
|
||||
<RangeToggle range={range} onChange={setRange} />
|
||||
</div>
|
||||
|
||||
{strainValues.length > 0 && (
|
||||
<div className="mt-6 text-sky-400">
|
||||
<TrendChart
|
||||
values={displayedStrainValues}
|
||||
labels={labels}
|
||||
min={0}
|
||||
max={getStrainMax(strainScale)}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
<section className="mt-4 grid grid-cols-2 gap-4">
|
||||
<MetricCard
|
||||
label="Snitt"
|
||||
value={formatStrain(averageStrain, strainScale)}
|
||||
subtitle={`${range} dagar`}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Högsta"
|
||||
value={formatStrain(maxStrain, strainScale)}
|
||||
subtitle={`${range} dagar`}
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
label="Aktiviteter"
|
||||
value={activitiesForDay.length.toString()}
|
||||
subtitle="Vald dag"
|
||||
/>
|
||||
|
||||
<MetricCard label="Datum" value={formatDate(selectedDate)} subtitle="Garmin" />
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">AKTIVITETER</p>
|
||||
|
||||
{activitiesForDay.length > 0 && (
|
||||
<span className="text-[10px] text-zinc-600">Klicka för detaljer</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="mt-6 space-y-4">
|
||||
{activitiesForDay.length > 0 ? (
|
||||
activitiesForDay.map((activity) => (
|
||||
<Activity key={activity.id} activity={activity} strainScale={strainScale} />
|
||||
))
|
||||
) : (
|
||||
<div className="py-6 text-center">
|
||||
<p className="text-sm text-zinc-500">Inga registrerade aktiviteter denna dag.</p>
|
||||
|
||||
<p className="mt-2 text-xs text-zinc-700">
|
||||
Belastning och övriga Garmin-värden visas ändå.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<BottomNav />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
function Activity({
|
||||
activity,
|
||||
strainScale,
|
||||
}: {
|
||||
activity: VytaApiData["activities"][number];
|
||||
strainScale: StrainScale;
|
||||
}) {
|
||||
const date = getActivityDate(activity.startTime);
|
||||
|
||||
const time = getActivityTime(activity.startTime);
|
||||
|
||||
return (
|
||||
<Link
|
||||
href={`/traning/${activity.id}`}
|
||||
className="block rounded-[22px] border border-white/[0.05] bg-white/[0.02] p-4 transition active:scale-[0.99]"
|
||||
>
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<div className="flex items-center gap-2">
|
||||
<p className="font-medium">{activity.name ?? formatActivityType(activity.type)}</p>
|
||||
|
||||
<span className="text-xs text-zinc-700">›</span>
|
||||
</div>
|
||||
|
||||
<p className="mt-1 text-xs text-zinc-500">
|
||||
{date}
|
||||
|
||||
{time ? ` · ${time}` : ""}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-xs text-zinc-600">
|
||||
{activity.durationMinutes !== null ? formatMinutes(activity.durationMinutes) : "—"}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="text-right">
|
||||
<p className="text-xl font-semibold text-sky-400">
|
||||
{formatStrain(activity.strain, strainScale)}
|
||||
</p>
|
||||
|
||||
<p className="text-[10px] text-zinc-600">strain {getStrainSuffix(strainScale)}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-4 grid grid-cols-3 gap-3">
|
||||
<Mini label="Snittpuls" value={activity.averageHeartRate ?? "—"} />
|
||||
|
||||
<Mini label="Maxpuls" value={activity.maxHeartRate ?? "—"} />
|
||||
|
||||
<Mini
|
||||
label="Garmin load"
|
||||
value={
|
||||
activity.garminTrainingLoad !== null ? formatDecimal(activity.garminTrainingLoad) : "—"
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
function Mini({ label, value }: { label: string; value: string | number }) {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-[10px] text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-1 text-sm font-medium text-zinc-300">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function MetricCard({
|
||||
label,
|
||||
value,
|
||||
subtitle,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
subtitle: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="rounded-[24px] border border-white/[0.06] bg-[#111418] p-5">
|
||||
<p className="text-xs text-zinc-500">{label}</p>
|
||||
|
||||
<p className="mt-3 text-2xl font-semibold">{value}</p>
|
||||
|
||||
<p className="mt-2 text-[11px] text-zinc-600">{subtitle}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function RangeToggle({ range, onChange }: { range: 7 | 30; onChange: (value: 7 | 30) => void }) {
|
||||
return (
|
||||
<div className="flex rounded-full bg-white/[0.05] p-1">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onChange(7)}
|
||||
className={`rounded-full px-3 py-1.5 text-xs ${
|
||||
range === 7 ? "bg-white text-black" : "text-zinc-500"
|
||||
}`}
|
||||
>
|
||||
7 d
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onChange(30)}
|
||||
className={`rounded-full px-3 py-1.5 text-xs ${
|
||||
range === 30 ? "bg-white text-black" : "text-zinc-500"
|
||||
}`}
|
||||
>
|
||||
30 d
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatDate(dateString: string) {
|
||||
return new Intl.DateTimeFormat("sv-SE", {
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
})
|
||||
.format(new Date(`${dateString}T12:00:00`))
|
||||
.replace(".", "");
|
||||
}
|
||||
|
||||
function getActivityDate(startTime: string | null) {
|
||||
if (!startTime) {
|
||||
return "Okänt datum";
|
||||
}
|
||||
|
||||
const datePart = startTime.slice(0, 10);
|
||||
|
||||
return new Intl.DateTimeFormat("sv-SE", {
|
||||
weekday: "short",
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
})
|
||||
.format(new Date(`${datePart}T12:00:00`))
|
||||
.replace(".", "");
|
||||
}
|
||||
|
||||
function getActivityTime(startTime: string | null) {
|
||||
if (!startTime) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const match = startTime.match(/(\d{2}:\d{2})/);
|
||||
|
||||
return match?.[1] ?? null;
|
||||
}
|
||||
|
||||
function formatActivityType(type: string | null) {
|
||||
if (!type) {
|
||||
return "Aktivitet";
|
||||
}
|
||||
|
||||
const names: Record<string, string> = {
|
||||
strength_training: "Styrketräning",
|
||||
|
||||
treadmill_running: "Löpband",
|
||||
|
||||
running: "Löpning",
|
||||
|
||||
walking: "Promenad",
|
||||
|
||||
cycling: "Cykling",
|
||||
|
||||
hiit: "HIIT",
|
||||
};
|
||||
|
||||
return names[type] ?? type.replaceAll("_", " ").replace(/^\w/, (letter) => letter.toUpperCase());
|
||||
}
|
||||
|
||||
function SettingsIcon() {
|
||||
return (
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||
<path
|
||||
d="M12 15.25A3.25 3.25 0 1 0 12 8.75a3.25 3.25 0 0 0 0 6.5Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.7"
|
||||
/>
|
||||
|
||||
<path
|
||||
d="M19.4 13a7.8 7.8 0 0 0 .05-1 7.8 7.8 0 0 0-.05-1l2-1.55-2-3.45-2.45.98a8.3 8.3 0 0 0-1.72-1L14.9 3.35h-4l-.33 2.63a8.3 8.3 0 0 0-1.72 1L6.4 6l-2 3.45L6.4 11a7.8 7.8 0 0 0-.05 1c0 .34.02.67.05 1l-2 1.55 2 3.45 2.45-.98c.53.4 1.1.73 1.72 1l.33 2.63h4l.33-2.63a8.3 8.3 0 0 0 1.72-1l2.45.98 2-3.45L19.4 13Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.5"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,113 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useMemo } from "react";
|
||||
|
||||
import { CircleMarker, MapContainer, Polyline, TileLayer, useMap } from "react-leaflet";
|
||||
|
||||
import type { LatLngBoundsExpression, LatLngExpression } from "leaflet";
|
||||
|
||||
import "leaflet/dist/leaflet.css";
|
||||
|
||||
type RoutePoint = {
|
||||
lat: number;
|
||||
lon: number;
|
||||
time?: number | null;
|
||||
speedMps?: number | null;
|
||||
altitudeMeters?: number | null;
|
||||
};
|
||||
|
||||
type Props = {
|
||||
route: RoutePoint[];
|
||||
};
|
||||
|
||||
export default function ActivityRouteMap({ route }: Props) {
|
||||
const positions = useMemo<LatLngExpression[]>(
|
||||
() =>
|
||||
route
|
||||
.filter((point) => Number.isFinite(point.lat) && Number.isFinite(point.lon))
|
||||
.map((point) => [point.lat, point.lon] as LatLngExpression),
|
||||
[route]
|
||||
);
|
||||
|
||||
if (positions.length < 2) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const first = positions[0];
|
||||
const last = positions[positions.length - 1];
|
||||
|
||||
return (
|
||||
<section className="mt-5 overflow-hidden rounded-[28px] border border-white/[0.06] bg-[#111418]">
|
||||
<div className="border-b border-white/[0.05] px-5 py-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<p className="text-[10px] font-semibold tracking-[0.18em] text-zinc-500">RUTT</p>
|
||||
|
||||
<span className="text-[10px] text-zinc-600">Garmin GPS</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="relative h-[310px]">
|
||||
<MapContainer
|
||||
center={first}
|
||||
zoom={14}
|
||||
scrollWheelZoom={false}
|
||||
zoomControl={false}
|
||||
attributionControl={false}
|
||||
className="h-full w-full"
|
||||
>
|
||||
<TileLayer
|
||||
attribution="© OpenStreetMap"
|
||||
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
||||
/>
|
||||
|
||||
<Polyline
|
||||
positions={positions}
|
||||
pathOptions={{
|
||||
color: "#38bdf8",
|
||||
weight: 5,
|
||||
opacity: 0.95,
|
||||
}}
|
||||
/>
|
||||
|
||||
<CircleMarker
|
||||
center={first}
|
||||
radius={6}
|
||||
pathOptions={{
|
||||
color: "#34d399",
|
||||
fillColor: "#34d399",
|
||||
fillOpacity: 1,
|
||||
weight: 2,
|
||||
}}
|
||||
/>
|
||||
|
||||
<CircleMarker
|
||||
center={last}
|
||||
radius={6}
|
||||
pathOptions={{
|
||||
color: "#f87171",
|
||||
fillColor: "#f87171",
|
||||
fillOpacity: 1,
|
||||
weight: 2,
|
||||
}}
|
||||
/>
|
||||
|
||||
<FitRoute positions={positions} />
|
||||
</MapContainer>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function FitRoute({ positions }: { positions: LatLngExpression[] }) {
|
||||
const map = useMap();
|
||||
|
||||
useEffect(() => {
|
||||
map.fitBounds(positions as LatLngBoundsExpression, {
|
||||
padding: [24, 24],
|
||||
maxZoom: 16,
|
||||
animate: false,
|
||||
});
|
||||
}, [map, positions]);
|
||||
|
||||
return null;
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { usePathname } from "next/navigation";
|
||||
|
||||
const navItems = [
|
||||
{
|
||||
href: "/",
|
||||
label: "Idag",
|
||||
icon: "●",
|
||||
},
|
||||
{
|
||||
href: "/somn",
|
||||
label: "Sömn",
|
||||
icon: "◒",
|
||||
},
|
||||
{
|
||||
href: "/traning",
|
||||
label: "Träning",
|
||||
icon: "▲",
|
||||
},
|
||||
{
|
||||
href: "/halsa",
|
||||
label: "Hälsa",
|
||||
icon: "♥",
|
||||
},
|
||||
];
|
||||
|
||||
export default function BottomNav() {
|
||||
const pathname = usePathname();
|
||||
|
||||
return (
|
||||
<nav className="fixed bottom-0 left-0 right-0 z-50 border-t border-white/[0.06] bg-[#080a0c]/95 backdrop-blur-xl">
|
||||
<div className="mx-auto grid max-w-md grid-cols-4 px-3 pb-[max(12px,env(safe-area-inset-bottom))] pt-3">
|
||||
{navItems.map((item) => {
|
||||
const active = pathname === item.href;
|
||||
|
||||
return (
|
||||
<Link
|
||||
key={item.href}
|
||||
href={item.href}
|
||||
className={`flex flex-col items-center gap-1 text-[11px] ${
|
||||
active ? "text-white" : "text-zinc-600"
|
||||
}`}
|
||||
>
|
||||
<span className="text-lg">{item.icon}</span>
|
||||
<span>{item.label}</span>
|
||||
</Link>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
type DailyInsightProps = {
|
||||
recovery: number;
|
||||
strain: number;
|
||||
targetMin: number;
|
||||
targetMax: number;
|
||||
};
|
||||
|
||||
export default function DailyInsight({
|
||||
recovery,
|
||||
strain,
|
||||
targetMin,
|
||||
targetMax,
|
||||
}: DailyInsightProps) {
|
||||
let title = "Bra balans idag";
|
||||
let text =
|
||||
"Din återhämtning är stabil och belastningen ligger på en bra nivå.";
|
||||
|
||||
if (recovery >= 85 && strain < targetMin) {
|
||||
title = "Du har mer att ge";
|
||||
text =
|
||||
"Återhämtningen är stark och du ligger under dagens rekommenderade belastning. Det finns utrymme för mer aktivitet idag.";
|
||||
} else if (recovery >= 67 && strain > targetMax) {
|
||||
title = "Dagens mål är nått";
|
||||
text =
|
||||
"Du har passerat dagens rekommenderade belastning. Fokusera på återhämtning resten av dagen.";
|
||||
} else if (recovery < 34) {
|
||||
title = "Prioritera återhämtning";
|
||||
text =
|
||||
"Dina kroppssignaler visar låg återhämtning. Håll belastningen låg och prioritera sömn och återhämtning.";
|
||||
} else if (recovery < 67) {
|
||||
title = "Ta en balanserad dag";
|
||||
text =
|
||||
"Återhämtningen är måttlig. Lätt till medelhög aktivitet passar bättre än maximal belastning idag.";
|
||||
} else if (
|
||||
recovery >= 67 &&
|
||||
strain >= targetMin &&
|
||||
strain <= targetMax
|
||||
) {
|
||||
title = "Du ligger helt rätt";
|
||||
text =
|
||||
"Din belastning ligger inom dagens rekommenderade intervall och återhämtningen är god.";
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="mb-4 rounded-[28px] border border-white/[0.06] bg-gradient-to-br from-[#15191e] to-[#101317] p-5">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="h-2 w-2 rounded-full bg-emerald-400" />
|
||||
|
||||
<p className="text-[10px] font-semibold tracking-[0.18em] text-zinc-600">
|
||||
VYTA INSIGHT
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2 className="mt-3 text-lg font-semibold tracking-tight">
|
||||
{title}
|
||||
</h2>
|
||||
|
||||
<p className="mt-2 text-sm leading-6 text-zinc-500">
|
||||
{text}
|
||||
</p>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
import Link from "next/link";
|
||||
|
||||
type DateNavigatorProps = {
|
||||
date: string;
|
||||
previousDate: string | null;
|
||||
nextDate: string | null;
|
||||
latestDate: string;
|
||||
basePath: string;
|
||||
};
|
||||
|
||||
export default function DateNavigator({
|
||||
date,
|
||||
previousDate,
|
||||
nextDate,
|
||||
latestDate,
|
||||
basePath,
|
||||
}: DateNavigatorProps) {
|
||||
const isLatest =
|
||||
date === latestDate;
|
||||
|
||||
function getHref(
|
||||
target: string
|
||||
) {
|
||||
if (target === latestDate) {
|
||||
return basePath;
|
||||
}
|
||||
|
||||
return `${basePath}?date=${encodeURIComponent(
|
||||
target
|
||||
)}`;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="mt-6">
|
||||
<div className="flex items-center justify-between">
|
||||
{previousDate ? (
|
||||
<Link
|
||||
href={getHref(previousDate)}
|
||||
aria-label="Föregående dag"
|
||||
className="flex h-11 w-11 items-center justify-center rounded-full border border-white/[0.06] bg-[#111418] text-2xl text-zinc-300 transition active:scale-95"
|
||||
>
|
||||
‹
|
||||
</Link>
|
||||
) : (
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="flex h-11 w-11 items-center justify-center rounded-full border border-white/[0.06] bg-[#111418] text-2xl text-zinc-300 opacity-20"
|
||||
>
|
||||
‹
|
||||
</span>
|
||||
)}
|
||||
|
||||
<div className="min-w-0 flex-1 px-4 text-center">
|
||||
{isLatest ? (
|
||||
<>
|
||||
<p className="text-sm font-semibold capitalize text-zinc-200">
|
||||
{formatDate(date)}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-[10px] font-semibold tracking-[0.18em] text-zinc-600">
|
||||
IDAG
|
||||
</p>
|
||||
</>
|
||||
) : (
|
||||
<Link
|
||||
href={basePath}
|
||||
className="block"
|
||||
>
|
||||
<p className="text-sm font-semibold capitalize text-zinc-200">
|
||||
{formatDate(date)}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-[10px] font-semibold tracking-[0.18em] text-zinc-600">
|
||||
HISTORIK
|
||||
</p>
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{nextDate ? (
|
||||
<Link
|
||||
href={getHref(nextDate)}
|
||||
aria-label="Nästa dag"
|
||||
className="flex h-11 w-11 items-center justify-center rounded-full border border-white/[0.06] bg-[#111418] text-2xl text-zinc-300 transition active:scale-95"
|
||||
>
|
||||
›
|
||||
</Link>
|
||||
) : (
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="flex h-11 w-11 items-center justify-center rounded-full border border-white/[0.06] bg-[#111418] text-2xl text-zinc-300 opacity-20"
|
||||
>
|
||||
›
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatDate(
|
||||
dateString: string
|
||||
) {
|
||||
return new Intl.DateTimeFormat(
|
||||
"sv-SE",
|
||||
{
|
||||
weekday: "long",
|
||||
day: "numeric",
|
||||
month: "long",
|
||||
}
|
||||
)
|
||||
.format(
|
||||
new Date(
|
||||
`${dateString}T12:00:00`
|
||||
)
|
||||
)
|
||||
.replace(".", "");
|
||||
}
|
||||
+236
@@ -0,0 +1,236 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
|
||||
type Props = {
|
||||
initialConnected: boolean;
|
||||
initialEmail: string | null;
|
||||
initialUpdatedAt: string | null;
|
||||
latestDataDate: string;
|
||||
tdeeDays: number;
|
||||
};
|
||||
|
||||
export default function GarminConnectionSettings({
|
||||
initialConnected,
|
||||
initialEmail,
|
||||
initialUpdatedAt,
|
||||
latestDataDate,
|
||||
tdeeDays,
|
||||
}: Props) {
|
||||
const [connected, setConnected] = useState(initialConnected);
|
||||
const [email, setEmail] = useState(initialEmail ?? "");
|
||||
const [savedEmail, setSavedEmail] = useState(initialEmail);
|
||||
const [updatedAt, setUpdatedAt] = useState(initialUpdatedAt);
|
||||
const [password, setPassword] = useState("");
|
||||
const [saving, setSaving] = useState(false);
|
||||
const [disconnecting, setDisconnecting] = useState(false);
|
||||
const [message, setMessage] = useState<string | null>(null);
|
||||
|
||||
async function saveConnection() {
|
||||
setSaving(true);
|
||||
setMessage(null);
|
||||
|
||||
try {
|
||||
const response = await fetch("/api/garmin/connection", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email,
|
||||
password,
|
||||
}),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(result.error || "Kunde inte spara Garmin-kopplingen.");
|
||||
}
|
||||
|
||||
setConnected(Boolean(result.connected));
|
||||
setSavedEmail(result.email ?? email);
|
||||
setUpdatedAt(result.updatedAt ?? new Date().toISOString());
|
||||
setPassword("");
|
||||
|
||||
const syncResponse = await fetch("/api/sync/trigger", {
|
||||
method: "POST",
|
||||
});
|
||||
|
||||
setMessage(
|
||||
syncResponse.ok
|
||||
? "Garmin kopplat. Sync startar strax."
|
||||
: "Garmin kopplat. Starta sync manuellt nedan."
|
||||
);
|
||||
} catch (error) {
|
||||
setMessage(error instanceof Error ? error.message : "Kunde inte spara Garmin-kopplingen.");
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function disconnect() {
|
||||
setDisconnecting(true);
|
||||
setMessage(null);
|
||||
|
||||
try {
|
||||
const response = await fetch("/api/garmin/connection", {
|
||||
method: "DELETE",
|
||||
});
|
||||
|
||||
const result = await response.json().catch(() => null);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(result?.error || "Kunde inte koppla bort Garmin.");
|
||||
}
|
||||
|
||||
setConnected(false);
|
||||
setSavedEmail(null);
|
||||
setUpdatedAt(null);
|
||||
setPassword("");
|
||||
setMessage("Garmin är bortkopplat.");
|
||||
} catch (error) {
|
||||
setMessage(error instanceof Error ? error.message : "Kunde inte koppla bort Garmin.");
|
||||
} finally {
|
||||
setDisconnecting(false);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">GARMIN-KONTO</p>
|
||||
|
||||
<div className="mt-3 flex items-center gap-2">
|
||||
<span
|
||||
className={[
|
||||
"h-2 w-2 rounded-full",
|
||||
connected ? "bg-emerald-400" : "bg-zinc-600",
|
||||
].join(" ")}
|
||||
/>
|
||||
<p className="text-sm font-medium text-zinc-200">
|
||||
{connected ? "Kopplat" : "Inte kopplat"}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{connected && (
|
||||
<button
|
||||
type="button"
|
||||
disabled={disconnecting}
|
||||
onClick={disconnect}
|
||||
className="rounded-full border border-red-500/20 bg-red-500/10 px-4 py-2 text-xs font-semibold text-red-300 transition active:scale-[0.97] disabled:opacity-40"
|
||||
>
|
||||
Koppla bort
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="mt-5 space-y-4">
|
||||
<Field
|
||||
label="Garmin-mejl"
|
||||
type="email"
|
||||
value={email}
|
||||
onChange={setEmail}
|
||||
placeholder="namn@example.com"
|
||||
/>
|
||||
|
||||
<Field
|
||||
label={connected ? "Nytt lösenord" : "Garmin-lösenord"}
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={setPassword}
|
||||
placeholder={connected ? "Lämna tomt tills du vill byta" : "••••••••"}
|
||||
/>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={saving || !email || !password}
|
||||
onClick={saveConnection}
|
||||
className="w-full rounded-2xl bg-white px-4 py-3 text-sm font-semibold text-black transition active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-40"
|
||||
>
|
||||
{saving ? "Sparar…" : connected ? "Uppdatera Garmin" : "Koppla Garmin"}
|
||||
</button>
|
||||
|
||||
{message && <p className="text-xs leading-5 text-zinc-400">{message}</p>}
|
||||
</div>
|
||||
|
||||
<div className="mt-5 border-t border-white/[0.05] pt-4">
|
||||
<InfoRow label="Konto" value={savedEmail ?? "—"} />
|
||||
<InfoRow label="Koppling sparad" value={formatDateTime(updatedAt)} />
|
||||
<InfoRow label="Senaste Garmin-data" value={formatDate(latestDataDate)} />
|
||||
<InfoRow label="TDEE-underlag" value={`${tdeeDays} dagar`} />
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function Field({
|
||||
label,
|
||||
type,
|
||||
value,
|
||||
onChange,
|
||||
placeholder,
|
||||
}: {
|
||||
label: string;
|
||||
type: "email" | "password";
|
||||
value: string;
|
||||
onChange: (value: string) => void;
|
||||
placeholder: string;
|
||||
}) {
|
||||
return (
|
||||
<label className="block">
|
||||
<span className="text-xs font-medium text-zinc-500">{label}</span>
|
||||
<input
|
||||
type={type}
|
||||
value={value}
|
||||
onChange={(event) => onChange(event.target.value)}
|
||||
placeholder={placeholder}
|
||||
autoComplete={type === "password" ? "current-password" : "email"}
|
||||
className="mt-2 w-full rounded-2xl border border-white/[0.06] bg-black/25 px-4 py-3 text-sm text-zinc-100 outline-none transition placeholder:text-zinc-700 focus:border-white/[0.16]"
|
||||
/>
|
||||
</label>
|
||||
);
|
||||
}
|
||||
|
||||
function InfoRow({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div className="mt-3 flex justify-between gap-4 text-xs first:mt-0">
|
||||
<span className="text-zinc-600">{label}</span>
|
||||
<span className="text-right text-zinc-400">{value}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatDate(value: string) {
|
||||
const date = new Date(`${value}T12:00:00`);
|
||||
|
||||
if (Number.isNaN(date.getTime())) {
|
||||
return value || "—";
|
||||
}
|
||||
|
||||
return date.toLocaleDateString("sv-SE", {
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
});
|
||||
}
|
||||
|
||||
function formatDateTime(value: string | null) {
|
||||
if (!value) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
const date = new Date(value);
|
||||
|
||||
if (Number.isNaN(date.getTime())) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
return date.toLocaleString("sv-SE", {
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,915 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
useCallback,
|
||||
useEffect,
|
||||
useState,
|
||||
} from "react";
|
||||
|
||||
type NotificationSettings = {
|
||||
enabled: boolean;
|
||||
|
||||
sleepSummary: boolean;
|
||||
lowSleepScore: boolean;
|
||||
sleepDebt: boolean;
|
||||
|
||||
recovery: boolean;
|
||||
hrvDeviation: boolean;
|
||||
elevatedRestingHeartRate: boolean;
|
||||
lowBodyBattery: boolean;
|
||||
highStress: boolean;
|
||||
|
||||
newActivity: boolean;
|
||||
stepGoalReached: boolean;
|
||||
intensityGoalReached: boolean;
|
||||
vo2maxChanged: boolean;
|
||||
|
||||
newRecommendation: boolean;
|
||||
vytaAgeChanged: boolean;
|
||||
weeklySummary: boolean;
|
||||
|
||||
quietHoursEnabled: boolean;
|
||||
quietHoursStart: string;
|
||||
quietHoursEnd: string;
|
||||
};
|
||||
|
||||
const DEFAULTS: NotificationSettings = {
|
||||
enabled: true,
|
||||
|
||||
sleepSummary: true,
|
||||
lowSleepScore: true,
|
||||
sleepDebt: false,
|
||||
|
||||
recovery: true,
|
||||
hrvDeviation: true,
|
||||
elevatedRestingHeartRate: true,
|
||||
lowBodyBattery: false,
|
||||
highStress: false,
|
||||
|
||||
newActivity: true,
|
||||
stepGoalReached: true,
|
||||
intensityGoalReached: false,
|
||||
vo2maxChanged: true,
|
||||
|
||||
newRecommendation: true,
|
||||
vytaAgeChanged: true,
|
||||
weeklySummary: true,
|
||||
|
||||
quietHoursEnabled: true,
|
||||
quietHoursStart: "22:00",
|
||||
quietHoursEnd: "07:00",
|
||||
};
|
||||
|
||||
export default function NotificationSettings() {
|
||||
const [
|
||||
settings,
|
||||
setSettings,
|
||||
] = useState<NotificationSettings>(
|
||||
DEFAULTS
|
||||
);
|
||||
|
||||
const [
|
||||
loading,
|
||||
setLoading,
|
||||
] = useState(true);
|
||||
|
||||
const [
|
||||
saving,
|
||||
setSaving,
|
||||
] = useState(false);
|
||||
|
||||
const [
|
||||
error,
|
||||
setError,
|
||||
] = useState<string | null>(
|
||||
null
|
||||
);
|
||||
|
||||
const loadSettings =
|
||||
useCallback(async () => {
|
||||
try {
|
||||
const response =
|
||||
await fetch(
|
||||
"/api/settings",
|
||||
{
|
||||
cache:
|
||||
"no-store",
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(
|
||||
"Kunde inte läsa notisinställningarna."
|
||||
);
|
||||
}
|
||||
|
||||
const result =
|
||||
await response.json();
|
||||
|
||||
setSettings({
|
||||
...DEFAULTS,
|
||||
...(result.notifications ?? {}),
|
||||
});
|
||||
|
||||
setError(null);
|
||||
} catch (
|
||||
currentError
|
||||
) {
|
||||
console.error(
|
||||
currentError
|
||||
);
|
||||
|
||||
setError(
|
||||
currentError instanceof
|
||||
Error
|
||||
? currentError.message
|
||||
: "Kunde inte läsa notisinställningarna."
|
||||
);
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
loadSettings();
|
||||
}, [
|
||||
loadSettings,
|
||||
]);
|
||||
|
||||
async function saveChange<
|
||||
K extends keyof NotificationSettings
|
||||
>(
|
||||
key: K,
|
||||
value: NotificationSettings[K]
|
||||
) {
|
||||
const previous =
|
||||
settings;
|
||||
|
||||
const next = {
|
||||
...settings,
|
||||
[key]: value,
|
||||
};
|
||||
|
||||
setSettings(next);
|
||||
setSaving(true);
|
||||
setError(null);
|
||||
|
||||
try {
|
||||
const response =
|
||||
await fetch(
|
||||
"/api/settings",
|
||||
{
|
||||
method:
|
||||
"POST",
|
||||
|
||||
headers: {
|
||||
"Content-Type":
|
||||
"application/json",
|
||||
},
|
||||
|
||||
body:
|
||||
JSON.stringify({
|
||||
notifications: {
|
||||
[key]:
|
||||
value,
|
||||
},
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
const result =
|
||||
await response
|
||||
.json()
|
||||
.catch(
|
||||
() => null
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(
|
||||
result?.error ||
|
||||
"Kunde inte spara notisinställningen."
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Använd serverns faktiska version.
|
||||
* Då vet frontend exakt vad som sparades.
|
||||
*/
|
||||
if (
|
||||
result?.settings
|
||||
?.notifications
|
||||
) {
|
||||
setSettings({
|
||||
...DEFAULTS,
|
||||
...result.settings
|
||||
.notifications,
|
||||
});
|
||||
}
|
||||
} catch (
|
||||
currentError
|
||||
) {
|
||||
console.error(
|
||||
currentError
|
||||
);
|
||||
|
||||
setSettings(previous);
|
||||
|
||||
setError(
|
||||
currentError instanceof
|
||||
Error
|
||||
? currentError.message
|
||||
: "Kunde inte spara notisinställningen."
|
||||
);
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
}
|
||||
|
||||
const globallyDisabled =
|
||||
!settings.enabled;
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<SettingsCard>
|
||||
<SectionHeader
|
||||
title="NOTISER"
|
||||
description="Välj vilka händelser VYTA får skicka pushnotiser om."
|
||||
/>
|
||||
|
||||
<div className="mt-3">
|
||||
<ToggleRow
|
||||
title="Pushnotiser"
|
||||
description="Huvudbrytare för personliga VYTA-notiser."
|
||||
enabled={
|
||||
settings.enabled
|
||||
}
|
||||
disabled={
|
||||
loading
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"enabled",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</SettingsCard>
|
||||
|
||||
<SettingsCard>
|
||||
<SectionHeader
|
||||
title="SÖMN"
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Morgonsummering"
|
||||
description="Sömnscore, sömntid och sömnskuld."
|
||||
enabled={
|
||||
settings.sleepSummary
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"sleepSummary",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Låg sömnscore"
|
||||
description="När sömnen avviker tydligt nedåt."
|
||||
enabled={
|
||||
settings.lowSleepScore
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"lowSleepScore",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Sömnskuld"
|
||||
description="När sömnskulden blivit tydligt förhöjd."
|
||||
enabled={
|
||||
settings.sleepDebt
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"sleepDebt",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
</SettingsCard>
|
||||
|
||||
<SettingsCard>
|
||||
<SectionHeader
|
||||
title="ÅTERHÄMTNING"
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Recovery"
|
||||
description="Viktiga förändringar i dagens återhämtning."
|
||||
enabled={
|
||||
settings.recovery
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"recovery",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="HRV-avvikelse"
|
||||
description="När HRV avviker tydligt från din baseline."
|
||||
enabled={
|
||||
settings.hrvDeviation
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"hrvDeviation",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Förhöjd vilopuls"
|
||||
description="När vilopulsen ligger tydligt över din normala nivå."
|
||||
enabled={
|
||||
settings
|
||||
.elevatedRestingHeartRate
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"elevatedRestingHeartRate",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Låg Body Battery"
|
||||
description="När energinivån blivit låg."
|
||||
enabled={
|
||||
settings.lowBodyBattery
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"lowBodyBattery",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Hög stress"
|
||||
description="När stressnivån ligger ovanligt högt."
|
||||
enabled={
|
||||
settings.highStress
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"highStress",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
</SettingsCard>
|
||||
|
||||
<SettingsCard>
|
||||
<SectionHeader
|
||||
title="TRÄNING"
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Ny aktivitet"
|
||||
description="När en ny Garmin-aktivitet har synkats."
|
||||
enabled={
|
||||
settings.newActivity
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"newActivity",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Stegmål uppnått"
|
||||
description="När du når dagens personliga stegmål."
|
||||
enabled={
|
||||
settings.stepGoalReached
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"stepGoalReached",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Intensitetsmål"
|
||||
description="När veckans aktivitetsmål är uppnått."
|
||||
enabled={
|
||||
settings
|
||||
.intensityGoalReached
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"intensityGoalReached",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="VO₂max förändrat"
|
||||
description="När Garmin registrerar ett nytt VO₂max-värde."
|
||||
enabled={
|
||||
settings.vo2maxChanged
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"vo2maxChanged",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
</SettingsCard>
|
||||
|
||||
<SettingsCard>
|
||||
<SectionHeader
|
||||
title="VYTA"
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Ny rekommendation"
|
||||
description="När VYTA hittar en ny viktig förbättringspunkt."
|
||||
enabled={
|
||||
settings.newRecommendation
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"newRecommendation",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Vyta Age förändrat"
|
||||
description="När din långsiktiga hälsoprofil förändras tydligt."
|
||||
enabled={
|
||||
settings.vytaAgeChanged
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"vytaAgeChanged",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Veckosummering"
|
||||
description="Summering av sömn, träning och återhämtning."
|
||||
enabled={
|
||||
settings.weeklySummary
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"weeklySummary",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
</SettingsCard>
|
||||
|
||||
<SettingsCard>
|
||||
<SectionHeader
|
||||
title="STÖR EJ"
|
||||
description="Tysta vanliga VYTA-notiser under natten."
|
||||
/>
|
||||
|
||||
<ToggleRow
|
||||
title="Stör ej"
|
||||
description="Notiser hålls tysta mellan tiderna nedan."
|
||||
enabled={
|
||||
settings
|
||||
.quietHoursEnabled
|
||||
}
|
||||
disabled={
|
||||
loading ||
|
||||
globallyDisabled
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"quietHoursEnabled",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
{settings
|
||||
.quietHoursEnabled && (
|
||||
<div className="grid grid-cols-2 gap-3 pt-4">
|
||||
<TimeField
|
||||
label="Från"
|
||||
value={
|
||||
settings
|
||||
.quietHoursStart
|
||||
}
|
||||
disabled={
|
||||
globallyDisabled ||
|
||||
saving
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"quietHoursStart",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<TimeField
|
||||
label="Till"
|
||||
value={
|
||||
settings
|
||||
.quietHoursEnd
|
||||
}
|
||||
disabled={
|
||||
globallyDisabled ||
|
||||
saving
|
||||
}
|
||||
onChange={(
|
||||
value
|
||||
) =>
|
||||
saveChange(
|
||||
"quietHoursEnd",
|
||||
value
|
||||
)
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</SettingsCard>
|
||||
|
||||
{saving && (
|
||||
<p className="text-center text-[11px] text-zinc-600">
|
||||
Sparar…
|
||||
</p>
|
||||
)}
|
||||
|
||||
{error && (
|
||||
<p className="rounded-2xl border border-red-400/10 bg-red-400/[0.05] px-4 py-3 text-xs text-red-400">
|
||||
{error}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function SettingsCard({
|
||||
children,
|
||||
}: {
|
||||
children:
|
||||
React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<section className="rounded-[28px] border border-white/[0.06] bg-[#111418] px-5 py-5">
|
||||
{children}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function SectionHeader({
|
||||
title,
|
||||
description,
|
||||
}: {
|
||||
title: string;
|
||||
description?: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="mb-2">
|
||||
<p className="text-[11px] font-semibold tracking-[0.2em] text-zinc-500">
|
||||
{title}
|
||||
</p>
|
||||
|
||||
{description && (
|
||||
<p className="mt-2 text-[11px] leading-5 text-zinc-600">
|
||||
{description}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function ToggleRow({
|
||||
title,
|
||||
description,
|
||||
enabled,
|
||||
disabled,
|
||||
onChange,
|
||||
}: {
|
||||
title: string;
|
||||
description: string;
|
||||
enabled: boolean;
|
||||
disabled: boolean;
|
||||
|
||||
onChange: (
|
||||
enabled: boolean
|
||||
) => void;
|
||||
}) {
|
||||
return (
|
||||
<div
|
||||
className={[
|
||||
"flex min-h-[64px] items-center justify-between gap-4",
|
||||
"border-b border-white/[0.045] py-3.5 last:border-b-0",
|
||||
disabled
|
||||
? "opacity-40"
|
||||
: "",
|
||||
].join(" ")}
|
||||
>
|
||||
<div className="min-w-0 flex-1 pr-2">
|
||||
<p className="text-[14px] font-medium tracking-[-0.01em] text-zinc-100">
|
||||
{title}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-[11px] leading-[1.45] text-zinc-600">
|
||||
{description}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<AppleSwitch
|
||||
enabled={
|
||||
enabled
|
||||
}
|
||||
disabled={
|
||||
disabled
|
||||
}
|
||||
onChange={
|
||||
onChange
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function AppleSwitch({
|
||||
enabled,
|
||||
disabled,
|
||||
onChange,
|
||||
}: {
|
||||
enabled: boolean;
|
||||
disabled: boolean;
|
||||
|
||||
onChange: (
|
||||
enabled: boolean
|
||||
) => void;
|
||||
}) {
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
role="switch"
|
||||
aria-checked={
|
||||
enabled
|
||||
}
|
||||
disabled={
|
||||
disabled
|
||||
}
|
||||
onClick={() =>
|
||||
onChange(
|
||||
!enabled
|
||||
)
|
||||
}
|
||||
className={[
|
||||
"relative h-[28px] w-[48px] shrink-0 rounded-full",
|
||||
"transition-colors duration-200 ease-out",
|
||||
enabled
|
||||
? "bg-[#00c896]"
|
||||
: "bg-[#34373d]",
|
||||
].join(" ")}
|
||||
>
|
||||
<span
|
||||
className={[
|
||||
"absolute left-[2px] top-[2px]",
|
||||
"h-[24px] w-[24px] rounded-full bg-white",
|
||||
"shadow-[0_1px_3px_rgba(0,0,0,0.35)]",
|
||||
"transition-transform duration-200 ease-out",
|
||||
enabled
|
||||
? "translate-x-[20px]"
|
||||
: "translate-x-0",
|
||||
].join(" ")}
|
||||
/>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
function TimeField({
|
||||
label,
|
||||
value,
|
||||
disabled,
|
||||
onChange,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
disabled: boolean;
|
||||
|
||||
onChange: (
|
||||
value: string
|
||||
) => void;
|
||||
}) {
|
||||
const [
|
||||
hours = "00",
|
||||
minutes = "00",
|
||||
] = value.split(":");
|
||||
|
||||
return (
|
||||
<div>
|
||||
<span className="text-[11px] text-zinc-600">
|
||||
{label}
|
||||
</span>
|
||||
|
||||
<div className="mt-2 flex h-[48px] items-center rounded-2xl border border-white/[0.07] bg-black/20 px-2">
|
||||
<select
|
||||
value={hours}
|
||||
disabled={disabled}
|
||||
onChange={(
|
||||
event
|
||||
) =>
|
||||
onChange(
|
||||
`${event.target.value}:${minutes}`
|
||||
)
|
||||
}
|
||||
className="min-w-0 flex-1 appearance-none bg-transparent text-center text-sm font-medium tabular-nums text-white outline-none"
|
||||
>
|
||||
{Array.from(
|
||||
{
|
||||
length: 24,
|
||||
},
|
||||
(_, index) =>
|
||||
String(
|
||||
index
|
||||
).padStart(
|
||||
2,
|
||||
"0"
|
||||
)
|
||||
).map(
|
||||
(hour) => (
|
||||
<option
|
||||
key={hour}
|
||||
value={hour}
|
||||
className="bg-[#111418]"
|
||||
>
|
||||
{hour}
|
||||
</option>
|
||||
)
|
||||
)}
|
||||
</select>
|
||||
|
||||
<span className="text-zinc-500">
|
||||
:
|
||||
</span>
|
||||
|
||||
<select
|
||||
value={minutes}
|
||||
disabled={disabled}
|
||||
onChange={(
|
||||
event
|
||||
) =>
|
||||
onChange(
|
||||
`${hours}:${event.target.value}`
|
||||
)
|
||||
}
|
||||
className="min-w-0 flex-1 appearance-none bg-transparent text-center text-sm font-medium tabular-nums text-white outline-none"
|
||||
>
|
||||
{Array.from(
|
||||
{
|
||||
length: 60,
|
||||
},
|
||||
(_, index) =>
|
||||
String(
|
||||
index
|
||||
).padStart(
|
||||
2,
|
||||
"0"
|
||||
)
|
||||
).map(
|
||||
(minute) => (
|
||||
<option
|
||||
key={minute}
|
||||
value={minute}
|
||||
className="bg-[#111418]"
|
||||
>
|
||||
{minute}
|
||||
</option>
|
||||
)
|
||||
)}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,356 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
useEffect,
|
||||
useState,
|
||||
} from "react";
|
||||
|
||||
|
||||
type PushState =
|
||||
| "loading"
|
||||
| "unsupported"
|
||||
| "disabled"
|
||||
| "enabled"
|
||||
| "denied";
|
||||
|
||||
|
||||
function urlBase64ToUint8Array(
|
||||
base64String: string
|
||||
) {
|
||||
const padding =
|
||||
"=".repeat(
|
||||
(4 -
|
||||
(base64String.length %
|
||||
4)) %
|
||||
4
|
||||
);
|
||||
|
||||
const base64 =
|
||||
(
|
||||
base64String +
|
||||
padding
|
||||
)
|
||||
.replace(/-/g, "+")
|
||||
.replace(/_/g, "/");
|
||||
|
||||
const rawData =
|
||||
window.atob(base64);
|
||||
|
||||
return Uint8Array.from(
|
||||
[...rawData].map(
|
||||
(character) =>
|
||||
character.charCodeAt(0)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
export default function PushNotifications() {
|
||||
const [state, setState] =
|
||||
useState<PushState>(
|
||||
"loading"
|
||||
);
|
||||
|
||||
const [busy, setBusy] =
|
||||
useState(false);
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
async function check() {
|
||||
if (
|
||||
!(
|
||||
"serviceWorker" in
|
||||
navigator
|
||||
) ||
|
||||
!(
|
||||
"PushManager" in
|
||||
window
|
||||
) ||
|
||||
!(
|
||||
"Notification" in
|
||||
window
|
||||
)
|
||||
) {
|
||||
setState(
|
||||
"unsupported"
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
if (
|
||||
Notification.permission ===
|
||||
"denied"
|
||||
) {
|
||||
setState("denied");
|
||||
return;
|
||||
}
|
||||
|
||||
const registration =
|
||||
await navigator
|
||||
.serviceWorker
|
||||
.register(
|
||||
"/sw.js"
|
||||
);
|
||||
|
||||
const subscription =
|
||||
await registration
|
||||
.pushManager
|
||||
.getSubscription();
|
||||
|
||||
setState(
|
||||
subscription
|
||||
? "enabled"
|
||||
: "disabled"
|
||||
);
|
||||
}
|
||||
|
||||
check().catch(
|
||||
(error) => {
|
||||
console.error(error);
|
||||
setState(
|
||||
"disabled"
|
||||
);
|
||||
}
|
||||
);
|
||||
}, []);
|
||||
|
||||
|
||||
async function enableNotifications() {
|
||||
setBusy(true);
|
||||
|
||||
try {
|
||||
const permission =
|
||||
await Notification
|
||||
.requestPermission();
|
||||
|
||||
if (
|
||||
permission !==
|
||||
"granted"
|
||||
) {
|
||||
setState(
|
||||
permission ===
|
||||
"denied"
|
||||
? "denied"
|
||||
: "disabled"
|
||||
);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
const registration =
|
||||
await navigator
|
||||
.serviceWorker
|
||||
.register(
|
||||
"/sw.js"
|
||||
);
|
||||
|
||||
await navigator
|
||||
.serviceWorker.ready;
|
||||
|
||||
let subscription =
|
||||
await registration
|
||||
.pushManager
|
||||
.getSubscription();
|
||||
|
||||
if (!subscription) {
|
||||
const publicKey =
|
||||
process.env
|
||||
.NEXT_PUBLIC_VAPID_PUBLIC_KEY;
|
||||
|
||||
if (!publicKey) {
|
||||
throw new Error(
|
||||
"VAPID public key saknas"
|
||||
);
|
||||
}
|
||||
|
||||
subscription =
|
||||
await registration
|
||||
.pushManager
|
||||
.subscribe({
|
||||
userVisibleOnly:
|
||||
true,
|
||||
|
||||
applicationServerKey:
|
||||
urlBase64ToUint8Array(
|
||||
publicKey
|
||||
),
|
||||
});
|
||||
}
|
||||
|
||||
const response =
|
||||
await fetch(
|
||||
"/api/push/subscribe",
|
||||
{
|
||||
method: "POST",
|
||||
|
||||
headers: {
|
||||
"Content-Type":
|
||||
"application/json",
|
||||
},
|
||||
|
||||
body:
|
||||
JSON.stringify(
|
||||
subscription
|
||||
),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(
|
||||
`Subscribe misslyckades (${response.status})`
|
||||
);
|
||||
}
|
||||
|
||||
setState("enabled");
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
|
||||
alert(
|
||||
error instanceof Error
|
||||
? error.message
|
||||
: "Kunde inte aktivera notiser"
|
||||
);
|
||||
} finally {
|
||||
setBusy(false);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
async function sendTest() {
|
||||
setBusy(true);
|
||||
|
||||
try {
|
||||
const response =
|
||||
await fetch(
|
||||
"/api/push/test",
|
||||
{
|
||||
method:
|
||||
"POST",
|
||||
}
|
||||
);
|
||||
|
||||
const result =
|
||||
await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(
|
||||
result.error ||
|
||||
`Testnotis misslyckades (${response.status})`
|
||||
);
|
||||
}
|
||||
|
||||
alert(
|
||||
`Skickat: ${result.sent}/${result.total}`
|
||||
);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
|
||||
alert(
|
||||
error instanceof Error
|
||||
? error.message
|
||||
: "Kunde inte skicka testnotis"
|
||||
);
|
||||
} finally {
|
||||
setBusy(false);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (
|
||||
state === "loading"
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
if (
|
||||
state === "unsupported"
|
||||
) {
|
||||
return (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
NOTISER
|
||||
</p>
|
||||
|
||||
<p className="mt-3 text-sm text-zinc-400">
|
||||
Pushnotiser stöds inte i den här webbläsaren.
|
||||
</p>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
if (
|
||||
state === "denied"
|
||||
) {
|
||||
return (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
NOTISER
|
||||
</p>
|
||||
|
||||
<p className="mt-3 text-sm text-zinc-400">
|
||||
Notiser är blockerade för Vyta. Tillåt dem i systemets inställningar.
|
||||
</p>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
NOTISER
|
||||
</p>
|
||||
|
||||
<p className="mt-2 text-sm text-zinc-300">
|
||||
{state ===
|
||||
"enabled"
|
||||
? "Vyta-notiser är aktiverade."
|
||||
: "Få notiser om sömn, recovery och träning."}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<span
|
||||
className={`h-2.5 w-2.5 rounded-full ${
|
||||
state ===
|
||||
"enabled"
|
||||
? "bg-emerald-400"
|
||||
: "bg-zinc-700"
|
||||
}`}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-5">
|
||||
{state ===
|
||||
"enabled" ? (
|
||||
<button
|
||||
type="button"
|
||||
disabled={busy}
|
||||
onClick={sendTest}
|
||||
className="w-full rounded-2xl bg-white px-4 py-3 text-sm font-semibold text-black disabled:opacity-50"
|
||||
>
|
||||
{busy
|
||||
? "Skickar…"
|
||||
: "Skicka testnotis"}
|
||||
</button>
|
||||
) : (
|
||||
<button
|
||||
type="button"
|
||||
disabled={busy}
|
||||
onClick={
|
||||
enableNotifications
|
||||
}
|
||||
className="w-full rounded-2xl bg-white px-4 py-3 text-sm font-semibold text-black disabled:opacity-50"
|
||||
>
|
||||
{busy
|
||||
? "Aktiverar…"
|
||||
: "Aktivera notiser"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
import Link from "next/link";
|
||||
|
||||
export default function SettingsButton() {
|
||||
return (
|
||||
<Link
|
||||
href="/installningar"
|
||||
aria-label="Inställningar"
|
||||
title="Inställningar"
|
||||
className="flex h-10 w-10 items-center justify-center rounded-full border border-white/[0.06] bg-white/[0.04] text-zinc-400 transition hover:bg-white/[0.08] hover:text-white active:scale-95"
|
||||
>
|
||||
<svg
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="1.8"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
className="h-[19px] w-[19px]"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path d="M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z" />
|
||||
<path d="M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21a2 2 0 1 1-4 0v-.09A1.7 1.7 0 0 0 8.5 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.1 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H2.3a2 2 0 1 1 0-4h.09A1.7 1.7 0 0 0 4.1 8.5a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 8.5 4.1a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V2.3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 .6 1.1 1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.9 8.5c.14.37.36.7.66.96.3.26.68.4 1.08.4H21.7a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.1.4c-.3.2-.52.46-.66.74Z" />
|
||||
</svg>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,540 @@
|
||||
"use client";
|
||||
|
||||
import { useMemo, useState } from "react";
|
||||
|
||||
import { calculateBmi, calculatePlannedDeficit, getBmiLabel } from "@/lib/energy";
|
||||
|
||||
type Props = {
|
||||
initialHeightCm: number | null;
|
||||
initialWeightKg: number | null;
|
||||
initialWeightTargetKg: number | null;
|
||||
|
||||
initialCalorieTarget: number | null;
|
||||
|
||||
initialStepGoal: number | null;
|
||||
initialIntensityMinutesGoal: number | null;
|
||||
initialHighIntensityMinutesGoal: number | null;
|
||||
initialSleepGoalMinutes: number | null;
|
||||
|
||||
initialStrainScale: "21" | "100";
|
||||
suggestedStepGoal: number;
|
||||
suggestedIntensityGoal: number;
|
||||
suggestedHighIntensityGoal: number;
|
||||
suggestedSleepGoalMinutes: number;
|
||||
|
||||
averageSteps: number | null;
|
||||
averageIntensityMinutes: number | null;
|
||||
averageHighIntensityMinutes: number | null;
|
||||
averageSleepMinutes: number | null;
|
||||
|
||||
tdee: number | null;
|
||||
tdeeDays: number;
|
||||
tdeeConfidence: string;
|
||||
};
|
||||
|
||||
export default function SettingsForm({
|
||||
initialHeightCm,
|
||||
initialWeightKg,
|
||||
initialWeightTargetKg,
|
||||
|
||||
initialCalorieTarget,
|
||||
|
||||
initialStepGoal,
|
||||
initialIntensityMinutesGoal,
|
||||
initialHighIntensityMinutesGoal,
|
||||
initialSleepGoalMinutes,
|
||||
|
||||
initialStrainScale,
|
||||
|
||||
suggestedStepGoal,
|
||||
suggestedIntensityGoal,
|
||||
suggestedHighIntensityGoal,
|
||||
suggestedSleepGoalMinutes,
|
||||
|
||||
averageSteps,
|
||||
averageIntensityMinutes,
|
||||
averageHighIntensityMinutes,
|
||||
averageSleepMinutes,
|
||||
|
||||
tdee,
|
||||
tdeeDays,
|
||||
tdeeConfidence,
|
||||
}: Props) {
|
||||
const [heightCm, setHeightCm] = useState(stringValue(initialHeightCm));
|
||||
|
||||
const [weightKg, setWeightKg] = useState(stringValue(initialWeightKg));
|
||||
|
||||
const [weightTargetKg, setWeightTargetKg] = useState(stringValue(initialWeightTargetKg));
|
||||
|
||||
const [calorieTarget, setCalorieTarget] = useState(stringValue(initialCalorieTarget));
|
||||
|
||||
const [stepGoal, setStepGoal] = useState(stringValue(initialStepGoal));
|
||||
|
||||
const [intensityMinutesGoal, setIntensityMinutesGoal] = useState(
|
||||
stringValue(initialIntensityMinutesGoal)
|
||||
);
|
||||
|
||||
const [highIntensityMinutesGoal, setHighIntensityMinutesGoal] = useState(
|
||||
stringValue(initialHighIntensityMinutesGoal)
|
||||
);
|
||||
|
||||
const [sleepGoalMinutes, setSleepGoalMinutes] = useState(
|
||||
initialSleepGoalMinutes !== null
|
||||
? String(Math.round((initialSleepGoalMinutes / 60) * 10) / 10)
|
||||
: ""
|
||||
);
|
||||
const [strainScale, setStrainScale] = useState<"21" | "100">(initialStrainScale);
|
||||
|
||||
const [saving, setSaving] = useState(false);
|
||||
|
||||
const [message, setMessage] = useState<string | null>(null);
|
||||
|
||||
const numericHeight = numberOrNull(heightCm);
|
||||
|
||||
const numericWeight = numberOrNull(weightKg);
|
||||
|
||||
const numericWeightTarget = numberOrNull(weightTargetKg);
|
||||
|
||||
const numericCalorieTarget = numberOrNull(calorieTarget);
|
||||
|
||||
const numericStepGoal = numberOrNull(stepGoal);
|
||||
|
||||
const numericIntensityGoal = numberOrNull(intensityMinutesGoal);
|
||||
|
||||
const numericHighIntensityGoal = numberOrNull(highIntensityMinutesGoal);
|
||||
|
||||
const numericSleepHours = numberOrNull(sleepGoalMinutes);
|
||||
|
||||
const numericSleepGoalMinutes =
|
||||
numericSleepHours !== null ? Math.round(numericSleepHours * 60) : null;
|
||||
|
||||
const bmi = useMemo(
|
||||
() => calculateBmi(numericWeight, numericHeight),
|
||||
[numericWeight, numericHeight]
|
||||
);
|
||||
|
||||
const deficit = calculatePlannedDeficit(tdee, numericCalorieTarget);
|
||||
|
||||
async function save() {
|
||||
setSaving(true);
|
||||
setMessage(null);
|
||||
|
||||
try {
|
||||
const response = await fetch("/api/settings", {
|
||||
method: "POST",
|
||||
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
|
||||
body: JSON.stringify({
|
||||
heightCm: numericHeight,
|
||||
|
||||
weightKg: numericWeight,
|
||||
|
||||
weightTargetKg: numericWeightTarget,
|
||||
|
||||
calorieTarget: numericCalorieTarget,
|
||||
|
||||
stepGoal: numericStepGoal,
|
||||
|
||||
intensityMinutesGoal: numericIntensityGoal,
|
||||
|
||||
highIntensityMinutesGoal: numericHighIntensityGoal,
|
||||
|
||||
sleepGoalMinutes: numericSleepGoalMinutes,
|
||||
|
||||
strainScale,
|
||||
}),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(result.error || "Kunde inte spara.");
|
||||
}
|
||||
|
||||
setMessage("Sparat ✓");
|
||||
|
||||
window.setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
setMessage(error instanceof Error ? error.message : "Kunde inte spara.");
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">KROPP & ENERGI</p>
|
||||
|
||||
<div className="mt-6 space-y-5">
|
||||
<Field
|
||||
label="Längd"
|
||||
suffix="cm"
|
||||
value={heightCm}
|
||||
onChange={setHeightCm}
|
||||
inputMode="decimal"
|
||||
placeholder="187"
|
||||
/>
|
||||
|
||||
<Field
|
||||
label="Vikt"
|
||||
suffix="kg"
|
||||
value={weightKg}
|
||||
onChange={setWeightKg}
|
||||
inputMode="decimal"
|
||||
placeholder="87,0"
|
||||
/>
|
||||
|
||||
<Field
|
||||
label="Viktmål"
|
||||
suffix="kg"
|
||||
value={weightTargetKg}
|
||||
onChange={setWeightTargetKg}
|
||||
inputMode="decimal"
|
||||
placeholder="82,0"
|
||||
/>
|
||||
|
||||
<Field
|
||||
label="Kalorimål"
|
||||
suffix="kcal/dag"
|
||||
value={calorieTarget}
|
||||
onChange={setCalorieTarget}
|
||||
inputMode="numeric"
|
||||
placeholder="1800"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">BELASTNINGSSKALA</p>
|
||||
|
||||
<p className="mt-2 text-xs leading-5 text-zinc-600">Välj hur VYTA visar strain i appen.</p>
|
||||
|
||||
<div className="mt-5 grid grid-cols-2 rounded-2xl bg-black/25 p-1">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setStrainScale("21")}
|
||||
className={[
|
||||
"rounded-xl px-4 py-3 text-sm font-semibold transition",
|
||||
strainScale === "21"
|
||||
? "bg-white text-black shadow-sm"
|
||||
: "text-zinc-500 hover:text-zinc-300",
|
||||
].join(" ")}
|
||||
>
|
||||
0–21
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setStrainScale("100")}
|
||||
className={[
|
||||
"rounded-xl px-4 py-3 text-sm font-semibold transition",
|
||||
strainScale === "100"
|
||||
? "bg-white text-black shadow-sm"
|
||||
: "text-zinc-500 hover:text-zinc-300",
|
||||
].join(" ")}
|
||||
>
|
||||
0–100
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<p className="mt-3 text-[11px] leading-4 text-zinc-600">
|
||||
Valet ändrar hur belastning visas. Den interna beräkningen ligger kvar på 0–21.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">AKTIVITETSMÅL</p>
|
||||
|
||||
<p className="mt-2 text-xs leading-5 text-zinc-600">
|
||||
Dina mål är personliga. VYTA visar samtidigt rekommenderade nivåer baserat på din
|
||||
Garmin-data och Healthspan-modellen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="mt-6 space-y-6">
|
||||
<GoalField
|
||||
label="Stegmål"
|
||||
suffix="steg/dag"
|
||||
value={stepGoal}
|
||||
onChange={setStepGoal}
|
||||
placeholder="9000"
|
||||
current={
|
||||
averageSteps !== null
|
||||
? `${Math.round(averageSteps).toLocaleString("sv-SE")} steg/dag i snitt`
|
||||
: "Ingen Garmin-data ännu"
|
||||
}
|
||||
recommended={`${suggestedStepGoal.toLocaleString("sv-SE")} steg/dag`}
|
||||
onUseRecommended={() => setStepGoal(String(suggestedStepGoal))}
|
||||
/>
|
||||
|
||||
<GoalField
|
||||
label="Aktivitetsmål"
|
||||
suffix="min/vecka"
|
||||
value={intensityMinutesGoal}
|
||||
onChange={setIntensityMinutesGoal}
|
||||
placeholder="150"
|
||||
current={
|
||||
averageIntensityMinutes !== null
|
||||
? `${Math.round(averageIntensityMinutes)} min/vecka just nu`
|
||||
: "Ingen Garmin-data ännu"
|
||||
}
|
||||
recommended={`${suggestedIntensityGoal} min/vecka`}
|
||||
onUseRecommended={() => setIntensityMinutesGoal(String(suggestedIntensityGoal))}
|
||||
/>
|
||||
|
||||
<GoalField
|
||||
label="Högintensivt mål"
|
||||
suffix="min/vecka"
|
||||
value={highIntensityMinutesGoal}
|
||||
onChange={setHighIntensityMinutesGoal}
|
||||
placeholder="45"
|
||||
current={
|
||||
averageHighIntensityMinutes !== null
|
||||
? `${Math.round(averageHighIntensityMinutes)} min/vecka just nu`
|
||||
: "Ingen Garmin-data ännu"
|
||||
}
|
||||
recommended={`${suggestedHighIntensityGoal} min/vecka`}
|
||||
onUseRecommended={() => setHighIntensityMinutesGoal(String(suggestedHighIntensityGoal))}
|
||||
/>
|
||||
|
||||
<GoalField
|
||||
label="Sömnmål"
|
||||
suffix="h/natt"
|
||||
value={sleepGoalMinutes}
|
||||
onChange={setSleepGoalMinutes}
|
||||
placeholder="7,5"
|
||||
inputMode="decimal"
|
||||
current={
|
||||
averageSleepMinutes !== null
|
||||
? `${formatDuration(averageSleepMinutes)} i snitt`
|
||||
: "Ingen Garmin-data ännu"
|
||||
}
|
||||
recommended={formatDuration(suggestedSleepGoalMinutes)}
|
||||
onUseRecommended={() =>
|
||||
setSleepGoalMinutes(String(suggestedSleepGoalMinutes / 60).replace(".", ","))
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={save}
|
||||
disabled={saving}
|
||||
className="mt-7 w-full rounded-2xl bg-white px-4 py-3 text-sm font-semibold text-black disabled:opacity-50"
|
||||
>
|
||||
{saving ? "Sparar…" : "Spara alla mål"}
|
||||
</button>
|
||||
|
||||
{message && <p className="mt-3 text-center text-xs text-zinc-500">{message}</p>}
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">KROPP</p>
|
||||
|
||||
<div className="mt-6 grid grid-cols-2 gap-6">
|
||||
<Metric
|
||||
label="BMI"
|
||||
value={bmi !== null ? bmi.toFixed(1).replace(".", ",") : "—"}
|
||||
subtitle={getBmiLabel(bmi) || "Ange vikt och längd"}
|
||||
/>
|
||||
|
||||
<Metric
|
||||
label="Viktmål"
|
||||
value={numericWeightTarget !== null ? `${formatOne(numericWeightTarget)} kg` : "—"}
|
||||
subtitle={
|
||||
numericWeight !== null && numericWeightTarget !== null
|
||||
? `${formatOne(numericWeight - numericWeightTarget)} kg från mål`
|
||||
: "Vyta-profil"
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">VYTA TDEE</p>
|
||||
|
||||
<p className="mt-4 text-4xl font-semibold tracking-tight text-amber-300">
|
||||
{tdee !== null ? tdee.toLocaleString("sv-SE") : "—"}
|
||||
</p>
|
||||
|
||||
<p className="mt-1 text-sm text-zinc-500">kcal/dag</p>
|
||||
</div>
|
||||
|
||||
<span className="rounded-full bg-white/[0.05] px-3 py-1.5 text-[11px] text-zinc-400">
|
||||
{tdeeConfidence}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p className="mt-5 text-xs leading-5 text-zinc-600">
|
||||
Beräknas från Garmins faktiska totala kaloriförbrukning under upp till 28 avslutade dagar.
|
||||
{tdeeDays > 0 ? ` ${tdeeDays} dagar används just nu.` : ""}
|
||||
</p>
|
||||
|
||||
<div className="mt-6 border-t border-white/[0.05] pt-5">
|
||||
<div className="grid grid-cols-2 gap-6">
|
||||
<Metric
|
||||
label="Kalorimål"
|
||||
value={
|
||||
numericCalorieTarget !== null ? numericCalorieTarget.toLocaleString("sv-SE") : "—"
|
||||
}
|
||||
subtitle="kcal/dag"
|
||||
/>
|
||||
|
||||
<Metric
|
||||
label={deficit !== null && deficit < 0 ? "Planerat överskott" : "Planerat underskott"}
|
||||
value={deficit !== null ? Math.abs(Math.round(deficit)).toLocaleString("sv-SE") : "—"}
|
||||
subtitle="kcal/dag"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function GoalField({
|
||||
label,
|
||||
suffix,
|
||||
value,
|
||||
onChange,
|
||||
placeholder,
|
||||
current,
|
||||
recommended,
|
||||
onUseRecommended,
|
||||
inputMode = "numeric",
|
||||
}: {
|
||||
label: string;
|
||||
suffix: string;
|
||||
value: string;
|
||||
onChange: (value: string) => void;
|
||||
placeholder: string;
|
||||
current: string;
|
||||
recommended: string;
|
||||
onUseRecommended: () => void;
|
||||
inputMode?: "decimal" | "numeric";
|
||||
}) {
|
||||
return (
|
||||
<div>
|
||||
<Field
|
||||
label={label}
|
||||
suffix={suffix}
|
||||
value={value}
|
||||
onChange={onChange}
|
||||
inputMode={inputMode}
|
||||
placeholder={placeholder}
|
||||
/>
|
||||
|
||||
<div className="mt-2 flex items-start justify-between gap-3 px-1">
|
||||
<p className="text-[11px] leading-4 text-zinc-600">Garmin: {current}</p>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={onUseRecommended}
|
||||
className="shrink-0 text-right text-emerald-400"
|
||||
>
|
||||
<span className="font-serif text-[11px] italic tracking-normal text-emerald-400/80">
|
||||
VYTA rekommenderar
|
||||
</span>
|
||||
<br />
|
||||
<span className="text-[11px] font-medium text-emerald-400">{recommended}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Field({
|
||||
label,
|
||||
suffix,
|
||||
value,
|
||||
onChange,
|
||||
inputMode,
|
||||
placeholder,
|
||||
}: {
|
||||
label: string;
|
||||
suffix: string;
|
||||
value: string;
|
||||
|
||||
onChange: (value: string) => void;
|
||||
|
||||
inputMode: "decimal" | "numeric";
|
||||
|
||||
placeholder: string;
|
||||
}) {
|
||||
return (
|
||||
<label className="block">
|
||||
<span className="text-xs text-zinc-500">{label}</span>
|
||||
|
||||
<div className="mt-2 flex items-center rounded-2xl border border-white/[0.07] bg-black/20 px-4">
|
||||
<input
|
||||
value={value}
|
||||
inputMode={inputMode}
|
||||
placeholder={placeholder}
|
||||
onChange={(event) => onChange(event.target.value)}
|
||||
className="min-w-0 flex-1 bg-transparent py-4 text-lg font-medium text-white outline-none placeholder:text-zinc-700"
|
||||
/>
|
||||
|
||||
<span className="ml-3 text-xs text-zinc-600">{suffix}</span>
|
||||
</div>
|
||||
</label>
|
||||
);
|
||||
}
|
||||
|
||||
function Metric({
|
||||
label,
|
||||
value,
|
||||
subtitle,
|
||||
}: {
|
||||
label: string;
|
||||
value: string | number;
|
||||
subtitle: string;
|
||||
}) {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-xs text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-2 text-xl font-semibold tracking-tight">{value}</p>
|
||||
|
||||
<p className="mt-1 text-[11px] text-zinc-600">{subtitle}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function numberOrNull(input: string) {
|
||||
const cleaned = input.trim().replace(",", ".");
|
||||
|
||||
if (!cleaned) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const value = Number(cleaned);
|
||||
|
||||
return Number.isFinite(value) ? value : null;
|
||||
}
|
||||
|
||||
function stringValue(value: number | null) {
|
||||
return value !== null ? String(value) : "";
|
||||
}
|
||||
|
||||
function formatOne(value: number) {
|
||||
return value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
|
||||
function formatDuration(minutes: number) {
|
||||
const total = Math.round(minutes);
|
||||
|
||||
const hours = Math.floor(total / 60);
|
||||
|
||||
const remainder = total % 60;
|
||||
|
||||
return `${hours} h ${remainder.toString().padStart(2, "0")} min`;
|
||||
}
|
||||
@@ -0,0 +1,155 @@
|
||||
"use client";
|
||||
|
||||
import { useMemo, useState } from "react";
|
||||
|
||||
type Props = {
|
||||
sleepNeedMinutes: number;
|
||||
sleepDebtMinutes: number;
|
||||
actualSleepMinutes: number;
|
||||
};
|
||||
|
||||
export default function SleepPlanner({
|
||||
sleepNeedMinutes,
|
||||
sleepDebtMinutes,
|
||||
actualSleepMinutes,
|
||||
}: Props) {
|
||||
const [wakeTime, setWakeTime] = useState("06:30");
|
||||
|
||||
const targetSleepMinutes = Math.max(0, Math.round(sleepNeedMinutes));
|
||||
|
||||
const bedTime = useMemo(() => {
|
||||
return subtractMinutesFromTime(wakeTime, targetSleepMinutes);
|
||||
}, [wakeTime, targetSleepMinutes]);
|
||||
|
||||
const sleepGap = targetSleepMinutes - actualSleepMinutes;
|
||||
|
||||
return (
|
||||
<section className="mt-4 overflow-hidden rounded-[28px] border border-violet-400/10 bg-gradient-to-br from-[#15131d] via-[#111319] to-[#0e1114] p-5">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-sm text-violet-400">◐</span>
|
||||
|
||||
<p className="text-[10px] font-semibold tracking-[0.18em] text-violet-400">
|
||||
PLANERA NATTEN
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 grid grid-cols-2 gap-3">
|
||||
<SleepMetric label="Sömnbehov" value={formatDuration(targetSleepMinutes)} />
|
||||
|
||||
<SleepMetric
|
||||
label="Sömnskuld"
|
||||
value={formatDuration(sleepDebtMinutes)}
|
||||
warning={sleepDebtMinutes >= 60}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 rounded-[22px] border border-white/[0.05] bg-black/20 p-4">
|
||||
<div className="flex items-center justify-between gap-5">
|
||||
<div>
|
||||
<p className="text-[11px] text-zinc-600">Jag vill vakna</p>
|
||||
|
||||
<p className="mt-1 text-sm text-zinc-400">Ändra tiden för att planera natten.</p>
|
||||
</div>
|
||||
|
||||
<input
|
||||
type="time"
|
||||
value={wakeTime}
|
||||
onChange={(event) => setWakeTime(event.target.value)}
|
||||
className="w-[104px] rounded-2xl border border-white/[0.07] bg-white/[0.04] px-3 py-2.5 text-center text-sm font-semibold tabular-nums text-white outline-none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 border-t border-white/[0.05] pt-4">
|
||||
<p className="text-[11px] uppercase tracking-[0.12em] text-zinc-600">
|
||||
Rekommenderad läggtid
|
||||
</p>
|
||||
|
||||
<div className="mt-2 flex items-end justify-between gap-4">
|
||||
<p className="text-4xl font-semibold tracking-[-0.04em] text-violet-300">{bedTime}</p>
|
||||
|
||||
<p className="pb-1 text-right text-[11px] leading-4 text-zinc-600">
|
||||
för cirka
|
||||
<br />
|
||||
{formatDuration(targetSleepMinutes)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{sleepGap > 0 && (
|
||||
<p className="mt-4 text-[11px] leading-5 text-zinc-500">
|
||||
Förra natten sov du{" "}
|
||||
<span className="font-medium text-violet-300">{formatDuration(sleepGap)} mindre</span> än
|
||||
dagens beräknade sömnbehov.
|
||||
</p>
|
||||
)}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function SleepMetric({
|
||||
label,
|
||||
value,
|
||||
warning = false,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
warning?: boolean;
|
||||
}) {
|
||||
return (
|
||||
<div className="rounded-[20px] bg-white/[0.035] p-4">
|
||||
<p className="text-[10px] uppercase tracking-[0.12em] text-zinc-600">{label}</p>
|
||||
|
||||
<p
|
||||
className={[
|
||||
"mt-2 text-xl font-semibold tracking-tight",
|
||||
warning ? "text-amber-300" : "text-white",
|
||||
].join(" ")}
|
||||
>
|
||||
{value}
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function subtractMinutesFromTime(time: string, minutes: number) {
|
||||
const parts = time.split(":");
|
||||
|
||||
const hours = Number(parts[0]);
|
||||
|
||||
const mins = Number(parts[1]);
|
||||
|
||||
if (!Number.isFinite(hours) || !Number.isFinite(mins)) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
const dayMinutes = 24 * 60;
|
||||
|
||||
const wakeMinutes = hours * 60 + mins;
|
||||
|
||||
const result = (wakeMinutes - minutes + dayMinutes * 2) % dayMinutes;
|
||||
|
||||
const resultHours = Math.floor(result / 60);
|
||||
|
||||
const resultMinutes = result % 60;
|
||||
|
||||
return `${String(resultHours).padStart(2, "0")}:${String(resultMinutes).padStart(2, "0")}`;
|
||||
}
|
||||
|
||||
function formatDuration(minutes: number) {
|
||||
const safe = Math.max(0, Math.round(minutes));
|
||||
|
||||
const hours = Math.floor(safe / 60);
|
||||
|
||||
const remaining = safe % 60;
|
||||
|
||||
if (hours === 0) {
|
||||
return `${remaining} min`;
|
||||
}
|
||||
|
||||
if (remaining === 0) {
|
||||
return `${hours} h`;
|
||||
}
|
||||
|
||||
return `${hours} h ${remaining} min`;
|
||||
}
|
||||
@@ -0,0 +1,558 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
useCallback,
|
||||
useEffect,
|
||||
useState,
|
||||
} from "react";
|
||||
|
||||
type SyncStatusData = {
|
||||
trigger?:
|
||||
| "startup"
|
||||
| "manual"
|
||||
| "scheduled";
|
||||
|
||||
status?:
|
||||
| "idle"
|
||||
| "syncing"
|
||||
| "error"
|
||||
| "unknown";
|
||||
|
||||
startedAt?:
|
||||
string | null;
|
||||
|
||||
completedAt?:
|
||||
string | null;
|
||||
|
||||
lastSuccessfulSync?:
|
||||
string | null;
|
||||
|
||||
nextAutomaticSyncInSeconds?:
|
||||
number | null;
|
||||
|
||||
syncIntervalSeconds?:
|
||||
number | null;
|
||||
|
||||
error?:
|
||||
string | null;
|
||||
};
|
||||
|
||||
export default function SyncStatus() {
|
||||
const [
|
||||
status,
|
||||
setStatus,
|
||||
] = useState<
|
||||
SyncStatusData | null
|
||||
>(null);
|
||||
|
||||
const [
|
||||
loading,
|
||||
setLoading,
|
||||
] = useState(
|
||||
true
|
||||
);
|
||||
|
||||
const [
|
||||
requesting,
|
||||
setRequesting,
|
||||
] = useState(
|
||||
false
|
||||
);
|
||||
|
||||
const [
|
||||
error,
|
||||
setError,
|
||||
] = useState<
|
||||
string | null
|
||||
>(null);
|
||||
|
||||
const loadStatus =
|
||||
useCallback(
|
||||
async () => {
|
||||
try {
|
||||
const response =
|
||||
await fetch(
|
||||
"/api/sync/status",
|
||||
{
|
||||
cache:
|
||||
"no-store",
|
||||
}
|
||||
);
|
||||
|
||||
if (
|
||||
!response.ok
|
||||
) {
|
||||
throw new Error(
|
||||
"Kunde inte läsa sync-status."
|
||||
);
|
||||
}
|
||||
|
||||
const result =
|
||||
await response.json();
|
||||
|
||||
setStatus(
|
||||
result
|
||||
);
|
||||
|
||||
setError(
|
||||
null
|
||||
);
|
||||
|
||||
return result as
|
||||
SyncStatusData;
|
||||
} catch (
|
||||
currentError
|
||||
) {
|
||||
console.error(
|
||||
currentError
|
||||
);
|
||||
|
||||
setError(
|
||||
currentError instanceof
|
||||
Error
|
||||
? currentError.message
|
||||
: "Kunde inte läsa sync-status."
|
||||
);
|
||||
|
||||
return null;
|
||||
} finally {
|
||||
setLoading(
|
||||
false
|
||||
);
|
||||
}
|
||||
},
|
||||
[]
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
loadStatus();
|
||||
|
||||
/*
|
||||
* Vi pollar varannan sekund.
|
||||
*
|
||||
* Det gör dels countdownen levande,
|
||||
* dels att UI:t snabbt ser när
|
||||
* scheduler-containern börjar/avslutar
|
||||
* en sync.
|
||||
*/
|
||||
const interval =
|
||||
window.setInterval(
|
||||
loadStatus,
|
||||
2000
|
||||
);
|
||||
|
||||
return () => {
|
||||
window.clearInterval(
|
||||
interval
|
||||
);
|
||||
};
|
||||
}, [
|
||||
loadStatus,
|
||||
]);
|
||||
|
||||
async function triggerSync() {
|
||||
if (
|
||||
requesting ||
|
||||
status?.status ===
|
||||
"syncing"
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
setRequesting(
|
||||
true
|
||||
);
|
||||
|
||||
setError(
|
||||
null
|
||||
);
|
||||
|
||||
try {
|
||||
const response =
|
||||
await fetch(
|
||||
"/api/sync/trigger",
|
||||
{
|
||||
method:
|
||||
"POST",
|
||||
}
|
||||
);
|
||||
|
||||
const result =
|
||||
await response
|
||||
.json()
|
||||
.catch(
|
||||
() => null
|
||||
);
|
||||
|
||||
if (
|
||||
!response.ok
|
||||
) {
|
||||
throw new Error(
|
||||
result?.error ||
|
||||
"Kunde inte starta synkningen."
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Scheduler pollar triggerfilen
|
||||
* varannan sekund.
|
||||
*
|
||||
* Vi väntar därför lite och läser
|
||||
* status igen.
|
||||
*/
|
||||
await new Promise(
|
||||
(
|
||||
resolve
|
||||
) =>
|
||||
window.setTimeout(
|
||||
resolve,
|
||||
750
|
||||
)
|
||||
);
|
||||
|
||||
await loadStatus();
|
||||
} catch (
|
||||
currentError
|
||||
) {
|
||||
console.error(
|
||||
currentError
|
||||
);
|
||||
|
||||
setError(
|
||||
currentError instanceof
|
||||
Error
|
||||
? currentError.message
|
||||
: "Kunde inte starta synkningen."
|
||||
);
|
||||
} finally {
|
||||
setRequesting(
|
||||
false
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const syncing =
|
||||
status?.status ===
|
||||
"syncing";
|
||||
|
||||
return (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-6">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.18em] text-zinc-500">
|
||||
GARMIN
|
||||
</p>
|
||||
|
||||
<div className="mt-3 flex items-center gap-2">
|
||||
<span
|
||||
className={[
|
||||
"h-2 w-2 rounded-full",
|
||||
syncing
|
||||
? "animate-pulse bg-amber-400"
|
||||
: status?.status ===
|
||||
"error"
|
||||
? "bg-red-400"
|
||||
: "bg-emerald-400",
|
||||
].join(
|
||||
" "
|
||||
)}
|
||||
/>
|
||||
|
||||
<p className="text-sm font-medium text-zinc-200">
|
||||
{loading
|
||||
? "Kontrollerar…"
|
||||
: syncing
|
||||
? "Synkar…"
|
||||
: status?.status ===
|
||||
"error"
|
||||
? "Syncfel"
|
||||
: "Ansluten"}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={
|
||||
syncing ||
|
||||
requesting
|
||||
}
|
||||
onClick={
|
||||
triggerSync
|
||||
}
|
||||
className="rounded-full border border-white/[0.08] bg-white/[0.05] px-4 py-2 text-xs font-medium text-zinc-200 transition active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-40"
|
||||
>
|
||||
<span
|
||||
className={
|
||||
syncing
|
||||
? "inline-block animate-spin"
|
||||
: ""
|
||||
}
|
||||
>
|
||||
↻
|
||||
</span>
|
||||
|
||||
<span className="ml-2">
|
||||
{syncing
|
||||
? "Synkar…"
|
||||
: requesting
|
||||
? "Startar…"
|
||||
: "Synka nu"}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="mt-6 divide-y divide-white/[0.05] border-t border-white/[0.05]">
|
||||
<InfoRow
|
||||
label="Senast synkad"
|
||||
value={
|
||||
formatSyncTime(
|
||||
status
|
||||
?.lastSuccessfulSync
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<InfoRow
|
||||
label="Automatisk synk"
|
||||
value={
|
||||
formatInterval(
|
||||
status
|
||||
?.syncIntervalSeconds
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
<InfoRow
|
||||
label="Nästa synk"
|
||||
value={
|
||||
syncing
|
||||
? "Pågår nu"
|
||||
: formatCountdown(
|
||||
status
|
||||
?.nextAutomaticSyncInSeconds
|
||||
)
|
||||
}
|
||||
/>
|
||||
|
||||
{status?.trigger && (
|
||||
<InfoRow
|
||||
label="Senaste start"
|
||||
value={
|
||||
formatTrigger(
|
||||
status.trigger
|
||||
)
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{syncing && (
|
||||
<div className="mt-5 overflow-hidden rounded-full bg-white/[0.05]">
|
||||
<div className="h-1 w-1/3 animate-pulse rounded-full bg-emerald-400" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{status?.status ===
|
||||
"error" &&
|
||||
status.error && (
|
||||
<div className="mt-5 rounded-2xl border border-red-400/10 bg-red-400/[0.05] px-4 py-3">
|
||||
<p className="text-xs font-medium text-red-400">
|
||||
Senaste synkningen misslyckades
|
||||
</p>
|
||||
|
||||
<p className="mt-1 break-words text-[11px] leading-4 text-red-400/70">
|
||||
{status.error}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{error && (
|
||||
<p className="mt-4 text-xs text-red-400">
|
||||
{error}
|
||||
</p>
|
||||
)}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function InfoRow({
|
||||
label,
|
||||
value,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="flex items-center justify-between gap-5 py-4">
|
||||
<span className="text-xs text-zinc-600">
|
||||
{label}
|
||||
</span>
|
||||
|
||||
<span className="text-right text-sm font-medium text-zinc-300">
|
||||
{value}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatSyncTime(
|
||||
value?: string | null
|
||||
) {
|
||||
if (!value) {
|
||||
return "Aldrig";
|
||||
}
|
||||
|
||||
const date =
|
||||
new Date(
|
||||
value
|
||||
);
|
||||
|
||||
if (
|
||||
Number.isNaN(
|
||||
date.getTime()
|
||||
)
|
||||
) {
|
||||
return "Okänd";
|
||||
}
|
||||
|
||||
const now =
|
||||
new Date();
|
||||
|
||||
const sameDay =
|
||||
date.getFullYear() ===
|
||||
now.getFullYear() &&
|
||||
date.getMonth() ===
|
||||
now.getMonth() &&
|
||||
date.getDate() ===
|
||||
now.getDate();
|
||||
|
||||
const yesterday =
|
||||
new Date(
|
||||
now.getFullYear(),
|
||||
now.getMonth(),
|
||||
now.getDate() - 1
|
||||
);
|
||||
|
||||
const wasYesterday =
|
||||
date.getFullYear() ===
|
||||
yesterday.getFullYear() &&
|
||||
date.getMonth() ===
|
||||
yesterday.getMonth() &&
|
||||
date.getDate() ===
|
||||
yesterday.getDate();
|
||||
|
||||
const time =
|
||||
new Intl.DateTimeFormat(
|
||||
"sv-SE",
|
||||
{
|
||||
hour:
|
||||
"2-digit",
|
||||
minute:
|
||||
"2-digit",
|
||||
}
|
||||
).format(
|
||||
date
|
||||
);
|
||||
|
||||
if (sameDay) {
|
||||
return `Idag ${time}`;
|
||||
}
|
||||
|
||||
if (
|
||||
wasYesterday
|
||||
) {
|
||||
return `Igår ${time}`;
|
||||
}
|
||||
|
||||
return new Intl.DateTimeFormat(
|
||||
"sv-SE",
|
||||
{
|
||||
day:
|
||||
"numeric",
|
||||
month:
|
||||
"short",
|
||||
hour:
|
||||
"2-digit",
|
||||
minute:
|
||||
"2-digit",
|
||||
}
|
||||
).format(
|
||||
date
|
||||
);
|
||||
}
|
||||
|
||||
function formatCountdown(
|
||||
seconds?:
|
||||
number | null
|
||||
) {
|
||||
if (
|
||||
seconds ===
|
||||
null ||
|
||||
seconds ===
|
||||
undefined
|
||||
) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
if (seconds <= 10) {
|
||||
return "snart";
|
||||
}
|
||||
|
||||
if (seconds < 60) {
|
||||
return `om ${seconds} sek`;
|
||||
}
|
||||
|
||||
const minutes =
|
||||
Math.ceil(
|
||||
seconds / 60
|
||||
);
|
||||
|
||||
return `om ${minutes} min`;
|
||||
}
|
||||
|
||||
function formatInterval(
|
||||
seconds?:
|
||||
number | null
|
||||
) {
|
||||
if (
|
||||
!seconds
|
||||
) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
if (
|
||||
seconds %
|
||||
60 ===
|
||||
0
|
||||
) {
|
||||
const minutes =
|
||||
seconds / 60;
|
||||
|
||||
return minutes === 1
|
||||
? "Varje minut"
|
||||
: `Var ${minutes}:e minut`;
|
||||
}
|
||||
|
||||
return `Var ${seconds} sek`;
|
||||
}
|
||||
|
||||
function formatTrigger(
|
||||
trigger: string
|
||||
) {
|
||||
switch (
|
||||
trigger
|
||||
) {
|
||||
case "manual":
|
||||
return "Manuell";
|
||||
|
||||
case "scheduled":
|
||||
return "Automatisk";
|
||||
|
||||
case "startup":
|
||||
return "Containerstart";
|
||||
|
||||
default:
|
||||
return trigger;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
function getGreeting(hour: number) {
|
||||
if (hour < 5) return "God natt";
|
||||
if (hour < 10) return "God morgon";
|
||||
if (hour < 17) return "God dag";
|
||||
return "God kväll";
|
||||
}
|
||||
|
||||
export default function TodayHeader() {
|
||||
const [now, setNow] = useState<Date | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
const updateTime = () => {
|
||||
setNow(new Date());
|
||||
};
|
||||
|
||||
updateTime();
|
||||
|
||||
const interval = window.setInterval(updateTime, 60_000);
|
||||
|
||||
return () => {
|
||||
window.clearInterval(interval);
|
||||
};
|
||||
}, []);
|
||||
|
||||
if (!now) {
|
||||
return (
|
||||
<header className="mb-7 flex min-h-[88px] items-start justify-between">
|
||||
<div>
|
||||
<div className="text-sm font-bold tracking-[0.32em]">
|
||||
VYTA
|
||||
</div>
|
||||
|
||||
<div className="mt-4 h-7 w-32 animate-pulse rounded bg-white/[0.04]" />
|
||||
<div className="mt-2 h-4 w-48 animate-pulse rounded bg-white/[0.03]" />
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
const greeting = getGreeting(now.getHours());
|
||||
|
||||
const weekday = new Intl.DateTimeFormat("sv-SE", {
|
||||
weekday: "long",
|
||||
})
|
||||
.format(now)
|
||||
.toUpperCase();
|
||||
|
||||
const date = new Intl.DateTimeFormat("sv-SE", {
|
||||
day: "numeric",
|
||||
month: "short",
|
||||
})
|
||||
.format(now)
|
||||
.replace(".", "")
|
||||
.toUpperCase();
|
||||
|
||||
return (
|
||||
<header className="mb-7 flex items-start justify-between">
|
||||
<div>
|
||||
<div className="text-sm font-bold tracking-[0.32em]">
|
||||
VYTA
|
||||
</div>
|
||||
|
||||
<h1 className="mt-4 text-2xl font-semibold tracking-tight">
|
||||
{greeting}
|
||||
</h1>
|
||||
|
||||
<p className="mt-1 text-sm text-zinc-500">
|
||||
Så här mår din kropp idag.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="text-right">
|
||||
<div className="text-[10px] font-semibold tracking-[0.18em] text-zinc-600">
|
||||
{weekday}
|
||||
</div>
|
||||
|
||||
<div className="mt-1 text-sm font-medium text-zinc-300">
|
||||
{date}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
type TrendChartProps = {
|
||||
values: number[];
|
||||
labels?: string[];
|
||||
min?: number;
|
||||
max?: number;
|
||||
};
|
||||
|
||||
export default function TrendChart({
|
||||
values,
|
||||
labels,
|
||||
min,
|
||||
max,
|
||||
}: TrendChartProps) {
|
||||
const width = 320;
|
||||
const height = 120;
|
||||
const padding = 12;
|
||||
|
||||
const calculatedMin = min ?? Math.min(...values);
|
||||
const calculatedMax = max ?? Math.max(...values);
|
||||
|
||||
const range =
|
||||
calculatedMax - calculatedMin === 0
|
||||
? 1
|
||||
: calculatedMax - calculatedMin;
|
||||
|
||||
const points = values
|
||||
.map((value, index) => {
|
||||
const x =
|
||||
padding +
|
||||
(index / Math.max(values.length - 1, 1)) *
|
||||
(width - padding * 2);
|
||||
|
||||
const y =
|
||||
height -
|
||||
padding -
|
||||
((value - calculatedMin) / range) *
|
||||
(height - padding * 2);
|
||||
|
||||
return `${x},${y}`;
|
||||
})
|
||||
.join(" ");
|
||||
|
||||
return (
|
||||
<div>
|
||||
<svg
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className="h-32 w-full overflow-visible"
|
||||
>
|
||||
<polyline
|
||||
points={points}
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
{labels && labels.length > 0 && (
|
||||
<div className="mt-2 flex justify-between text-[10px] text-zinc-600">
|
||||
<span>{labels[0]}</span>
|
||||
<span>{labels[Math.floor(labels.length / 2)]}</span>
|
||||
<span>{labels[labels.length - 1]}</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
import { formatStrain, type StrainScale } from "@/lib/strainScale";
|
||||
|
||||
type Contributor = {
|
||||
label: string;
|
||||
value: string;
|
||||
score: number;
|
||||
};
|
||||
|
||||
type Props = {
|
||||
title: string;
|
||||
text: string;
|
||||
level: "great" | "good" | "moderate" | "low";
|
||||
|
||||
recovery: number | null;
|
||||
currentStrain: number;
|
||||
|
||||
recommendedMin: number;
|
||||
recommendedMax: number;
|
||||
|
||||
strainScale: StrainScale;
|
||||
|
||||
contributors: Contributor[];
|
||||
};
|
||||
|
||||
export default function VytaInsightCard({
|
||||
title,
|
||||
text,
|
||||
level,
|
||||
recovery,
|
||||
currentStrain,
|
||||
recommendedMin,
|
||||
recommendedMax,
|
||||
strainScale,
|
||||
contributors,
|
||||
}: Props) {
|
||||
const accent = getAccent(level);
|
||||
|
||||
return (
|
||||
<section
|
||||
className={[
|
||||
"mt-4 overflow-hidden rounded-[28px] border p-5",
|
||||
"bg-gradient-to-br from-[#101b17] via-[#101614] to-[#0e1213]",
|
||||
accent.border,
|
||||
].join(" ")}
|
||||
>
|
||||
<div className="flex items-center justify-between gap-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className={["text-base", accent.text].join(" ")}>✦</span>
|
||||
|
||||
<p className={["text-[10px] font-semibold tracking-[0.18em]", accent.text].join(" ")}>
|
||||
VYTA INSIGHT
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<span
|
||||
className={[
|
||||
"rounded-full border px-2.5 py-1 text-[9px] font-semibold tracking-[0.08em]",
|
||||
accent.badge,
|
||||
].join(" ")}
|
||||
>
|
||||
PERSONLIG
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<h2 className="mt-4 text-[22px] font-semibold tracking-[-0.025em] text-white">{title}</h2>
|
||||
|
||||
<p className="mt-2 text-[13px] leading-5 text-zinc-400">{text}</p>
|
||||
|
||||
<div className="mt-5 grid grid-cols-3 divide-x divide-white/[0.07] border-t border-white/[0.06] pt-5">
|
||||
<InsightMetric
|
||||
label="Recovery"
|
||||
value={recovery !== null ? `${Math.round(recovery)}%` : "—"}
|
||||
/>
|
||||
|
||||
<InsightMetric
|
||||
label="Rek. strain"
|
||||
value={`${formatStrain(recommendedMin, strainScale)}–${formatStrain(
|
||||
recommendedMax,
|
||||
strainScale
|
||||
)}`}
|
||||
/>
|
||||
|
||||
<InsightMetric label="Nu" value={formatStrain(currentStrain, strainScale)} />
|
||||
</div>
|
||||
|
||||
<div className="mt-5 grid grid-cols-2 gap-2">
|
||||
{contributors.map((item) => (
|
||||
<div
|
||||
key={item.label}
|
||||
className="flex items-center justify-between rounded-2xl bg-white/[0.035] px-3 py-2.5"
|
||||
>
|
||||
<span className="text-[11px] text-zinc-500">{item.label}</span>
|
||||
|
||||
<span className={["text-[11px] font-semibold", contributorClass(item.score)].join(" ")}>
|
||||
{item.value}
|
||||
</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function InsightMetric({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div className="px-3 first:pl-0 last:pr-0">
|
||||
<p className="text-[9px] uppercase tracking-[0.12em] text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-1 text-[17px] font-semibold tracking-tight text-white">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function contributorClass(score: number) {
|
||||
if (score > 0) {
|
||||
return "text-emerald-400";
|
||||
}
|
||||
|
||||
if (score < 0) {
|
||||
return "text-red-400";
|
||||
}
|
||||
|
||||
return "text-zinc-400";
|
||||
}
|
||||
|
||||
function getAccent(level: Props["level"]) {
|
||||
if (level === "great") {
|
||||
return {
|
||||
border: "border-emerald-400/25",
|
||||
text: "text-emerald-400",
|
||||
badge: "border-emerald-400/20 bg-emerald-400/[0.08] text-emerald-400",
|
||||
};
|
||||
}
|
||||
|
||||
if (level === "good") {
|
||||
return {
|
||||
border: "border-emerald-400/20",
|
||||
text: "text-emerald-400",
|
||||
badge: "border-emerald-400/20 bg-emerald-400/[0.08] text-emerald-400",
|
||||
};
|
||||
}
|
||||
|
||||
if (level === "moderate") {
|
||||
return {
|
||||
border: "border-amber-400/20",
|
||||
text: "text-amber-400",
|
||||
badge: "border-amber-400/20 bg-amber-400/[0.08] text-amber-400",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
border: "border-red-400/20",
|
||||
text: "text-red-400",
|
||||
badge: "border-red-400/20 bg-red-400/[0.08] text-red-400",
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
type Props = {
|
||||
recoveryAverage: number | null;
|
||||
sleepAverage: number | null;
|
||||
hrvAverage: number | null;
|
||||
strainAverage: number | null;
|
||||
activities: number;
|
||||
insight: string;
|
||||
};
|
||||
|
||||
export default function WeeklySummaryCard({
|
||||
recoveryAverage,
|
||||
sleepAverage,
|
||||
hrvAverage,
|
||||
strainAverage,
|
||||
activities,
|
||||
insight,
|
||||
}: Props) {
|
||||
return (
|
||||
<section className="mt-4 rounded-[28px] border border-white/[0.06] bg-[#111418] p-5">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-[10px] font-semibold tracking-[0.18em] text-zinc-500">VECKAN</p>
|
||||
|
||||
<h2 className="mt-2 text-xl font-semibold tracking-tight">Din senaste 7-dagarsbild</h2>
|
||||
</div>
|
||||
|
||||
<span className="rounded-full bg-white/[0.04] px-3 py-1.5 text-[10px] font-medium text-zinc-500">
|
||||
7 DAGAR
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 grid grid-cols-2 gap-3">
|
||||
<Metric label="Recovery" value={formatValue(recoveryAverage, "%")} />
|
||||
<Metric label="Sömnscore" value={formatValue(sleepAverage)} />
|
||||
<Metric label="HRV" value={formatValue(hrvAverage, " ms")} />
|
||||
<Metric label="Belastning" value={formatOne(strainAverage)} />
|
||||
</div>
|
||||
|
||||
<div className="mt-4 rounded-2xl bg-white/[0.025] px-4 py-3">
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-[11px] text-zinc-600">Aktiviteter</span>
|
||||
<span className="text-sm font-semibold">{activities}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-4 border-t border-white/[0.05] pt-4">
|
||||
<p className="text-[11px] uppercase tracking-[0.12em] text-zinc-600">VYTA summerar</p>
|
||||
|
||||
<p className="mt-2 text-[13px] leading-5 text-zinc-400">{insight}</p>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function Metric({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div className="rounded-[20px] bg-white/[0.03] p-4">
|
||||
<p className="text-[10px] uppercase tracking-[0.1em] text-zinc-600">{label}</p>
|
||||
|
||||
<p className="mt-2 text-xl font-semibold tracking-tight text-white">{value}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatValue(value: number | null, suffix = "") {
|
||||
if (value === null) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
return `${Math.round(value)}${suffix}`;
|
||||
}
|
||||
|
||||
function formatOne(value: number | null) {
|
||||
if (value === null) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
return value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
export function average(
|
||||
values: number[]
|
||||
): number | null {
|
||||
if (values.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
values.reduce(
|
||||
(sum, value) => sum + value,
|
||||
0
|
||||
) / values.length
|
||||
);
|
||||
}
|
||||
|
||||
export function calculateBaseline(
|
||||
values: Array<number | null>,
|
||||
days = 30
|
||||
): number | null {
|
||||
const validValues = values
|
||||
.filter(
|
||||
(value): value is number =>
|
||||
value !== null
|
||||
)
|
||||
.slice(-days);
|
||||
|
||||
return average(validValues);
|
||||
}
|
||||
@@ -0,0 +1,858 @@
|
||||
export type HealthspanContributorKey =
|
||||
| "vo2max"
|
||||
| "restingHeartRate"
|
||||
| "hrv"
|
||||
| "steps"
|
||||
| "sleepDuration"
|
||||
| "sleepConsistency"
|
||||
| "lowModerateIntensity"
|
||||
| "highIntensity"
|
||||
| "strengthTraining"
|
||||
| "bodyComposition";
|
||||
|
||||
export type HealthspanInput = {
|
||||
chronologicalAge: number;
|
||||
|
||||
/*
|
||||
* Long-term physiological signals.
|
||||
* Missing data MUST be null, never 0.
|
||||
*/
|
||||
|
||||
vo2max: number | null;
|
||||
|
||||
restingHeartRate: number | null;
|
||||
|
||||
hrv: number | null;
|
||||
|
||||
hrvBaseline: number | null;
|
||||
|
||||
averageSteps: number | null;
|
||||
|
||||
averageSleepMinutes: number | null;
|
||||
|
||||
/*
|
||||
* 0-100.
|
||||
*
|
||||
* Until Garmin sleep timing is added to the sync,
|
||||
* Vyta calculates this from day-to-day sleep-duration
|
||||
* regularity as a proxy.
|
||||
*/
|
||||
sleepConsistency: number | null;
|
||||
|
||||
/*
|
||||
* Activity HR-zone minutes / week.
|
||||
* Zones 1-3 are used for low/moderate work.
|
||||
*/
|
||||
lowModerateIntensityMinutesPerWeek: number | null;
|
||||
|
||||
/*
|
||||
* Activity HR-zone minutes / week.
|
||||
* Zones 4-5 are used for high-intensity work.
|
||||
*/
|
||||
highIntensityMinutesPerWeek: number | null;
|
||||
|
||||
/*
|
||||
* Strength activity minutes / week.
|
||||
*/
|
||||
strengthMinutesPerWeek: number | null;
|
||||
|
||||
/*
|
||||
* Lean body mass percentage.
|
||||
* Missing Garmin body-composition data MUST be null.
|
||||
*/
|
||||
leanBodyMassPercent: number | null;
|
||||
|
||||
/*
|
||||
* Number of usable historical days.
|
||||
*/
|
||||
dataDays: number;
|
||||
};
|
||||
|
||||
export type HealthspanContributor = {
|
||||
key: HealthspanContributorKey;
|
||||
|
||||
label: string;
|
||||
|
||||
valueLabel: string;
|
||||
|
||||
note: string;
|
||||
|
||||
ageImpact: number;
|
||||
|
||||
available: boolean;
|
||||
|
||||
confidence: "high" | "medium" | "low";
|
||||
};
|
||||
|
||||
export type HealthspanResult = {
|
||||
age: number;
|
||||
|
||||
delta: number;
|
||||
|
||||
chronologicalAge: number;
|
||||
|
||||
contributors: HealthspanContributor[];
|
||||
|
||||
dataDays: number;
|
||||
|
||||
targetDays: number;
|
||||
|
||||
completeness: number;
|
||||
|
||||
confidence: "building" | "medium" | "high";
|
||||
};
|
||||
|
||||
export type PaceOfAgingResult = {
|
||||
value: number | null;
|
||||
|
||||
label: string;
|
||||
|
||||
trend: "better" | "stable" | "worse" | "building";
|
||||
};
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* MAIN HEALTHSPAN ENGINE
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
export function calculateBioAge(input: HealthspanInput): HealthspanResult {
|
||||
const contributors: HealthspanContributor[] = [
|
||||
buildVo2Contributor(input.vo2max, input.chronologicalAge),
|
||||
|
||||
buildRhrContributor(input.restingHeartRate, input.chronologicalAge),
|
||||
|
||||
buildHrvContributor(input.hrv, input.hrvBaseline),
|
||||
|
||||
buildStepsContributor(input.averageSteps),
|
||||
|
||||
buildSleepDurationContributor(input.averageSleepMinutes),
|
||||
|
||||
buildSleepConsistencyContributor(input.sleepConsistency),
|
||||
|
||||
buildLowModerateContributor(input.lowModerateIntensityMinutesPerWeek),
|
||||
|
||||
buildHighIntensityContributor(input.highIntensityMinutesPerWeek),
|
||||
|
||||
buildStrengthContributor(input.strengthMinutesPerWeek),
|
||||
|
||||
buildBodyCompositionContributor(input.leanBodyMassPercent),
|
||||
];
|
||||
|
||||
const available = contributors.filter((contributor) => contributor.available);
|
||||
|
||||
/*
|
||||
* Each contributor returns an age impact.
|
||||
*
|
||||
* We do NOT penalize missing data.
|
||||
*/
|
||||
const rawImpact = applyOverlapCorrection(
|
||||
available.reduce((total, contributor) => total + contributor.ageImpact, 0),
|
||||
available
|
||||
);
|
||||
|
||||
/*
|
||||
* Healthspan should move slowly.
|
||||
*
|
||||
* Even with excellent or poor data,
|
||||
* one calculation must not produce
|
||||
* absurd swings.
|
||||
*/
|
||||
const cappedImpact = clamp(rawImpact, -7, 7);
|
||||
|
||||
const maturityWeight = getMaturityWeight(input.dataDays);
|
||||
|
||||
const adjustedImpact = cappedImpact * maturityWeight;
|
||||
|
||||
/*
|
||||
* Display consistency:
|
||||
*
|
||||
* Contributors are shown with one decimal in the UI.
|
||||
* Use the sum of those same displayed values for the
|
||||
* displayed Vyta Age and delta so all visible numbers
|
||||
* always add up exactly.
|
||||
*/
|
||||
const adjustedContributors = contributors.map((contributor) => ({
|
||||
...contributor,
|
||||
|
||||
ageImpact: contributor.available ? roundOne(contributor.ageImpact * maturityWeight) : 0,
|
||||
}));
|
||||
|
||||
const displayedImpact = roundOne(
|
||||
adjustedContributors.reduce(
|
||||
(total, contributor) => total + (contributor.available ? contributor.ageImpact : 0),
|
||||
0
|
||||
)
|
||||
);
|
||||
|
||||
const age = input.chronologicalAge + displayedImpact;
|
||||
|
||||
const completeness = contributors.length > 0 ? available.length / contributors.length : 0;
|
||||
|
||||
return {
|
||||
age: roundOne(age),
|
||||
|
||||
delta: displayedImpact,
|
||||
|
||||
chronologicalAge: roundOne(input.chronologicalAge),
|
||||
|
||||
contributors: adjustedContributors,
|
||||
|
||||
dataDays: input.dataDays,
|
||||
|
||||
targetDays: 180,
|
||||
|
||||
completeness: Math.round(completeness * 100),
|
||||
|
||||
confidence:
|
||||
input.dataDays >= 150 && completeness >= 0.75
|
||||
? "high"
|
||||
: input.dataDays >= 60
|
||||
? "medium"
|
||||
: "building",
|
||||
};
|
||||
}
|
||||
|
||||
/*
|
||||
* Backwards-compatible alias.
|
||||
*/
|
||||
export type BioAgeInput = HealthspanInput;
|
||||
|
||||
export type BioAgeFactor = HealthspanContributor;
|
||||
|
||||
export type BioAgeResult = HealthspanResult;
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* PACE OF AGING
|
||||
* =========================================================
|
||||
*
|
||||
* Compare the recent 30-day phenotype with
|
||||
* the longer healthspan phenotype.
|
||||
*
|
||||
* This is intentionally smoother than:
|
||||
*
|
||||
* "today was bad => aging 2x".
|
||||
*/
|
||||
|
||||
export function calculatePaceOfAging(
|
||||
longTerm: HealthspanResult,
|
||||
|
||||
recent: HealthspanResult
|
||||
): PaceOfAgingResult {
|
||||
if (recent.dataDays < 14 || longTerm.dataDays < 14) {
|
||||
return {
|
||||
value: null,
|
||||
|
||||
label: "Bygger underlag",
|
||||
|
||||
trend: "building",
|
||||
};
|
||||
}
|
||||
|
||||
const difference = recent.age - longTerm.age;
|
||||
|
||||
/*
|
||||
* Center around 1.0x.
|
||||
*
|
||||
* Recent phenotype better than long-term
|
||||
* -> below 1.0x.
|
||||
*
|
||||
* Worse -> above 1.0x.
|
||||
*/
|
||||
const pace = clamp(1 + difference * 0.12, 0.5, 1.5);
|
||||
|
||||
const rounded = roundTwo(pace);
|
||||
|
||||
if (rounded <= 0.9) {
|
||||
return {
|
||||
value: rounded,
|
||||
|
||||
label: "Positiv utveckling",
|
||||
|
||||
trend: "better",
|
||||
};
|
||||
}
|
||||
|
||||
if (rounded >= 1.1) {
|
||||
return {
|
||||
value: rounded,
|
||||
|
||||
label: "Kan förbättras",
|
||||
|
||||
trend: "worse",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
value: rounded,
|
||||
|
||||
label: "Stabil utveckling",
|
||||
|
||||
trend: "stable",
|
||||
};
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* SIMULATION
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
export function simulateBioAge(
|
||||
input: HealthspanInput,
|
||||
|
||||
changes: Partial<HealthspanInput>
|
||||
) {
|
||||
return calculateBioAge({
|
||||
...input,
|
||||
...changes,
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* CONTRIBUTORS
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function buildVo2Contributor(
|
||||
value: number | null,
|
||||
|
||||
age: number
|
||||
): HealthspanContributor {
|
||||
if (!isFiniteNumber(value)) {
|
||||
return unavailable("vo2max", "VO₂max", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
const reference = getVo2Reference(age);
|
||||
|
||||
const difference = value - reference;
|
||||
|
||||
const normalized = difference / 7.5;
|
||||
|
||||
/*
|
||||
* Strong nonlinear contributor.
|
||||
*
|
||||
* This approximates an age-relative percentile curve
|
||||
* without claiming Garmin/WHOOP proprietary math.
|
||||
*/
|
||||
const impact = clamp(-2.8 * Math.tanh(normalized), -3.6, 3.1);
|
||||
|
||||
return {
|
||||
key: "vo2max",
|
||||
|
||||
label: "VO₂max",
|
||||
|
||||
valueLabel: `${Math.round(value)}`,
|
||||
|
||||
note:
|
||||
difference >= 5
|
||||
? "Mycket starkt för din ålder"
|
||||
: difference >= 1
|
||||
? "Över referens för din ålder"
|
||||
: difference >= -2
|
||||
? "Nära åldersreferens"
|
||||
: "Här finns förbättringspotential",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "high",
|
||||
};
|
||||
}
|
||||
|
||||
function buildRhrContributor(
|
||||
value: number | null,
|
||||
|
||||
age: number
|
||||
): HealthspanContributor {
|
||||
if (!isFiniteNumber(value)) {
|
||||
return unavailable("restingHeartRate", "Vilopuls", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
/*
|
||||
* Broad age-aware reference.
|
||||
* This is an internal healthspan curve,
|
||||
* not a clinical diagnosis.
|
||||
*/
|
||||
const reference = clamp(62 + (age - 35) * 0.08, 58, 68);
|
||||
|
||||
const difference = value - reference;
|
||||
|
||||
const impact = clamp(1.25 * Math.tanh(difference / 9), -1.3, 1.5);
|
||||
|
||||
return {
|
||||
key: "restingHeartRate",
|
||||
|
||||
label: "Vilopuls",
|
||||
|
||||
valueLabel: `${formatOne(value)} bpm`,
|
||||
|
||||
note:
|
||||
difference <= -5
|
||||
? "Stark kardiovaskulär signal"
|
||||
: difference <= 1
|
||||
? "Bra nivå"
|
||||
: "Här finns förbättringspotential",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "high",
|
||||
};
|
||||
}
|
||||
|
||||
function buildHrvContributor(value: number | null, baseline: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(value)) {
|
||||
return unavailable("hrv", "HRV", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
const hasBaseline = isFiniteNumber(baseline) && baseline > 0;
|
||||
const ratio = hasBaseline ? value / baseline : null;
|
||||
const impact = hasBaseline
|
||||
? clamp(-1.15 * Math.tanh(((ratio ?? 1) - 1) / 0.18), -1.2, 1.25)
|
||||
: clamp(-0.9 * Math.tanh((value - 45) / 18), -0.95, 1.05);
|
||||
|
||||
return {
|
||||
key: "hrv",
|
||||
|
||||
label: "HRV",
|
||||
|
||||
valueLabel: `${Math.round(value)} ms`,
|
||||
|
||||
note:
|
||||
ratio === null
|
||||
? "Återhämtningssignal från Garmin"
|
||||
: ratio >= 1.1
|
||||
? "Över din normala nivå"
|
||||
: ratio >= 0.92
|
||||
? "Nära din normala nivå"
|
||||
: "Lägre än din normala nivå",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: hasBaseline ? "high" : "medium",
|
||||
};
|
||||
}
|
||||
|
||||
function buildStepsContributor(steps: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(steps)) {
|
||||
return unavailable("steps", "Dagliga steg", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (steps < 3000) {
|
||||
impact = 1.25;
|
||||
} else if (steps < 5000) {
|
||||
impact = interpolate(steps, 3000, 5000, 1.25, 0.65);
|
||||
} else if (steps < 7000) {
|
||||
impact = interpolate(steps, 5000, 7000, 0.65, 0.15);
|
||||
} else if (steps < 9000) {
|
||||
impact = interpolate(steps, 7000, 9000, 0.15, -0.25);
|
||||
} else if (steps < 11000) {
|
||||
impact = interpolate(steps, 9000, 11000, -0.25, -0.55);
|
||||
} else if (steps < 14000) {
|
||||
impact = interpolate(steps, 11000, 14000, -0.55, -0.75);
|
||||
} else {
|
||||
impact = -0.75;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "steps",
|
||||
|
||||
label: "Dagliga steg",
|
||||
|
||||
valueLabel: `${Math.round(steps).toLocaleString("sv-SE")} steg`,
|
||||
|
||||
note:
|
||||
steps >= 9000
|
||||
? "Stark vardagsaktivitet"
|
||||
: steps >= 7000
|
||||
? "Bra nivå"
|
||||
: "Nästa mål: 7 000–9 000 steg",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "high",
|
||||
};
|
||||
}
|
||||
|
||||
function buildSleepDurationContributor(minutes: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(minutes)) {
|
||||
return unavailable("sleepDuration", "Sömnlängd", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
const hours = minutes / 60;
|
||||
|
||||
/*
|
||||
* Nonlinear sleep-duration curve.
|
||||
* Moderate short sleep should matter without overpowering
|
||||
* strong cardiovascular signals.
|
||||
*/
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (hours < 5.5) {
|
||||
impact = 1.2;
|
||||
} else if (hours < 6) {
|
||||
impact = interpolate(hours, 5.5, 6, 1.2, 0.8);
|
||||
} else if (hours < 6.5) {
|
||||
impact = interpolate(hours, 6, 6.5, 0.8, 0.35);
|
||||
} else if (hours < 7) {
|
||||
impact = interpolate(hours, 6.5, 7, 0.35, 0.1);
|
||||
} else if (hours < 7.5) {
|
||||
impact = interpolate(hours, 7, 7.5, 0.1, -0.1);
|
||||
} else if (hours <= 8.5) {
|
||||
impact = interpolate(hours, 7.5, 8.5, -0.25, -0.2);
|
||||
} else if (hours <= 9.5) {
|
||||
impact = interpolate(hours, 8.5, 9.5, -0.15, 0.1);
|
||||
} else {
|
||||
impact = 0.25;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "sleepDuration",
|
||||
|
||||
label: "Sömnlängd",
|
||||
|
||||
valueLabel: formatDuration(minutes),
|
||||
|
||||
note:
|
||||
hours >= 7 && hours <= 9
|
||||
? "Bra långsiktig sömnlängd"
|
||||
: hours < 7
|
||||
? "Mer sömn kan hjälpa"
|
||||
: "Följ trenden över tid",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "high",
|
||||
};
|
||||
}
|
||||
|
||||
function buildSleepConsistencyContributor(consistency: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(consistency)) {
|
||||
return unavailable("sleepConsistency", "Sömnregularitet", "Behöver fler sömndagar");
|
||||
}
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (consistency >= 92) {
|
||||
impact = -0.35;
|
||||
} else if (consistency >= 85) {
|
||||
impact = interpolate(consistency, 85, 92, -0.2, -0.35);
|
||||
} else if (consistency >= 75) {
|
||||
impact = 0;
|
||||
} else if (consistency >= 65) {
|
||||
impact = interpolate(consistency, 65, 75, 0.2, 0);
|
||||
} else if (consistency >= 50) {
|
||||
impact = interpolate(consistency, 50, 65, 0.55, 0.2);
|
||||
} else {
|
||||
impact = 0.75;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "sleepConsistency",
|
||||
|
||||
label: "Sömnregularitet",
|
||||
|
||||
valueLabel: `${Math.round(consistency)}%`,
|
||||
|
||||
note: consistency >= 80 ? "Jämn sömn över tid" : "Jämnare sömntider kan hjälpa",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
/*
|
||||
* Medium because current Vyta API does not
|
||||
* yet contain true sleep/wake timing.
|
||||
*/
|
||||
confidence: "medium",
|
||||
};
|
||||
}
|
||||
|
||||
function buildLowModerateContributor(minutes: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(minutes)) {
|
||||
return unavailable("lowModerateIntensity", "Låg/medelintensitet", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (minutes < 30) {
|
||||
impact = 0.6;
|
||||
} else if (minutes < 90) {
|
||||
impact = interpolate(minutes, 30, 90, 0.6, 0);
|
||||
} else if (minutes < 180) {
|
||||
impact = interpolate(minutes, 90, 180, 0, -0.55);
|
||||
} else if (minutes < 300) {
|
||||
impact = -0.7;
|
||||
} else {
|
||||
impact = -0.6;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "lowModerateIntensity",
|
||||
|
||||
label: "Låg/medelintensitet",
|
||||
|
||||
valueLabel: `${Math.round(minutes)} min/vecka`,
|
||||
|
||||
note: "Aktivitetszoner 1-3 från Garmin",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "medium",
|
||||
};
|
||||
}
|
||||
|
||||
function buildHighIntensityContributor(minutes: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(minutes)) {
|
||||
return unavailable("highIntensity", "Hög intensitet", "Ingen Garmin-data");
|
||||
}
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (minutes < 10) {
|
||||
impact = 0.45;
|
||||
} else if (minutes < 30) {
|
||||
impact = interpolate(minutes, 10, 30, 0.45, 0);
|
||||
} else if (minutes < 75) {
|
||||
impact = interpolate(minutes, 30, 75, 0, -0.65);
|
||||
} else if (minutes < 120) {
|
||||
impact = -0.7;
|
||||
} else {
|
||||
impact = -0.55;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "highIntensity",
|
||||
|
||||
label: "Hög intensitet",
|
||||
|
||||
valueLabel: `${Math.round(minutes)} min/vecka`,
|
||||
|
||||
note: "Aktivitetszoner 4-5 från Garmin",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "medium",
|
||||
};
|
||||
}
|
||||
|
||||
function buildStrengthContributor(minutes: number | null): HealthspanContributor {
|
||||
if (!isFiniteNumber(minutes)) {
|
||||
return unavailable("strengthTraining", "Styrketräning", "Utökad Garmin-aktivitetssync krävs");
|
||||
}
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (minutes < 30) {
|
||||
impact = 0.4;
|
||||
} else if (minutes < 90) {
|
||||
impact = interpolate(minutes, 30, 90, 0.4, -0.45);
|
||||
} else if (minutes <= 180) {
|
||||
impact = -0.6;
|
||||
} else {
|
||||
impact = -0.45;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "strengthTraining",
|
||||
|
||||
label: "Styrketräning",
|
||||
|
||||
valueLabel: `${Math.round(minutes)} min/vecka`,
|
||||
|
||||
note: "Genomsnitt över Healthspan-perioden",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "high",
|
||||
};
|
||||
}
|
||||
|
||||
function buildBodyCompositionContributor(
|
||||
leanBodyMassPercent: number | null
|
||||
): HealthspanContributor {
|
||||
if (!isFiniteNumber(leanBodyMassPercent)) {
|
||||
return unavailable(
|
||||
"bodyComposition",
|
||||
"Kroppssammansättning",
|
||||
"Lean body mass saknas i Garmin-data"
|
||||
);
|
||||
}
|
||||
|
||||
let impact = 0;
|
||||
|
||||
if (leanBodyMassPercent < 68) {
|
||||
impact = 0.55;
|
||||
} else if (leanBodyMassPercent < 74) {
|
||||
impact = interpolate(leanBodyMassPercent, 68, 74, 0.55, 0.1);
|
||||
} else if (leanBodyMassPercent < 82) {
|
||||
impact = interpolate(leanBodyMassPercent, 74, 82, 0.1, -0.35);
|
||||
} else if (leanBodyMassPercent <= 88) {
|
||||
impact = -0.45;
|
||||
} else {
|
||||
impact = -0.25;
|
||||
}
|
||||
|
||||
return {
|
||||
key: "bodyComposition",
|
||||
|
||||
label: "Kroppssammansättning",
|
||||
|
||||
valueLabel: formatOne(leanBodyMassPercent) + "% lean mass",
|
||||
|
||||
note: "Lean body mass från Garmin",
|
||||
|
||||
ageImpact: impact,
|
||||
|
||||
available: true,
|
||||
|
||||
confidence: "medium",
|
||||
};
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* REFERENCES
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function getVo2Reference(age: number) {
|
||||
/*
|
||||
* Internal age-relative Vyta reference.
|
||||
*
|
||||
* This is NOT presented as WHOOP's
|
||||
* proprietary reference curve.
|
||||
*/
|
||||
|
||||
return clamp(46 - (age - 30) * 0.3, 34, 52);
|
||||
}
|
||||
|
||||
/*
|
||||
* =========================================================
|
||||
* HELPERS
|
||||
* =========================================================
|
||||
*/
|
||||
|
||||
function unavailable(
|
||||
key: HealthspanContributorKey,
|
||||
|
||||
label: string,
|
||||
|
||||
note: string
|
||||
): HealthspanContributor {
|
||||
return {
|
||||
key,
|
||||
|
||||
label,
|
||||
|
||||
valueLabel: "—",
|
||||
|
||||
note,
|
||||
|
||||
ageImpact: 0,
|
||||
|
||||
available: false,
|
||||
|
||||
confidence: "low",
|
||||
};
|
||||
}
|
||||
|
||||
function interpolate(
|
||||
value: number,
|
||||
|
||||
inputMin: number,
|
||||
|
||||
inputMax: number,
|
||||
|
||||
outputMin: number,
|
||||
|
||||
outputMax: number
|
||||
) {
|
||||
if (inputMin === inputMax) {
|
||||
return outputMin;
|
||||
}
|
||||
|
||||
const progress = clamp((value - inputMin) / (inputMax - inputMin), 0, 1);
|
||||
|
||||
return outputMin + (outputMax - outputMin) * progress;
|
||||
}
|
||||
|
||||
function clamp(
|
||||
value: number,
|
||||
|
||||
minimum: number,
|
||||
|
||||
maximum: number
|
||||
) {
|
||||
return Math.max(minimum, Math.min(maximum, value));
|
||||
}
|
||||
|
||||
function roundOne(value: number) {
|
||||
return Math.round(value * 10) / 10;
|
||||
}
|
||||
|
||||
function roundTwo(value: number) {
|
||||
return Math.round(value * 100) / 100;
|
||||
}
|
||||
|
||||
function formatOne(value: number) {
|
||||
return value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
|
||||
function formatDuration(minutes: number) {
|
||||
const total = Math.round(minutes);
|
||||
|
||||
const hours = Math.floor(total / 60);
|
||||
|
||||
const remainder = total % 60;
|
||||
|
||||
return `${hours} h ${remainder.toString().padStart(2, "0")} min`;
|
||||
}
|
||||
|
||||
function isFiniteNumber(value: unknown): value is number {
|
||||
return typeof value === "number" && Number.isFinite(value);
|
||||
}
|
||||
|
||||
function getMaturityWeight(dataDays: number) {
|
||||
return dataDays > 0 ? 1 : 0;
|
||||
}
|
||||
|
||||
function applyOverlapCorrection(rawImpact: number, contributors: HealthspanContributor[]) {
|
||||
const cardiovascularKeys: HealthspanContributorKey[] = [
|
||||
"vo2max",
|
||||
"restingHeartRate",
|
||||
"hrv",
|
||||
"steps",
|
||||
"lowModerateIntensity",
|
||||
"highIntensity",
|
||||
];
|
||||
|
||||
const cardiovascularImpact = contributors
|
||||
.filter((contributor) => cardiovascularKeys.includes(contributor.key))
|
||||
.reduce((total, contributor) => total + contributor.ageImpact, 0);
|
||||
|
||||
const excessBenefit = Math.min(0, cardiovascularImpact + 2.8);
|
||||
const excessRisk = Math.max(0, cardiovascularImpact - 2.4);
|
||||
|
||||
return rawImpact - excessBenefit * 0.22 - excessRisk * 0.18;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
type RecoveryInput = {
|
||||
hrv: number;
|
||||
hrvBaseline: number;
|
||||
|
||||
restingHeartRate: number;
|
||||
restingHeartRateBaseline: number;
|
||||
|
||||
sleepScore: number;
|
||||
|
||||
stress: number;
|
||||
stressBaseline: number;
|
||||
};
|
||||
|
||||
export function calculateRecovery(input: RecoveryInput) {
|
||||
const hrvRatio =
|
||||
input.hrv / input.hrvBaseline;
|
||||
|
||||
const restingHeartRateRatio =
|
||||
input.restingHeartRateBaseline /
|
||||
input.restingHeartRate;
|
||||
|
||||
const sleepRatio =
|
||||
input.sleepScore / 100;
|
||||
|
||||
const stressRatio =
|
||||
input.stressBaseline /
|
||||
Math.max(input.stress, 1);
|
||||
|
||||
const rawScore =
|
||||
hrvRatio * 35 +
|
||||
restingHeartRateRatio * 25 +
|
||||
sleepRatio * 30 +
|
||||
stressRatio * 10;
|
||||
|
||||
const score = Math.round(rawScore);
|
||||
|
||||
return Math.max(
|
||||
0,
|
||||
Math.min(100, score)
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
export type RecoveryBreakdownItem = {
|
||||
key: string;
|
||||
label: string;
|
||||
value: string;
|
||||
impact: number;
|
||||
status: "positive" | "neutral" | "negative";
|
||||
};
|
||||
|
||||
type Input = {
|
||||
hrv: number;
|
||||
hrvBaseline: number;
|
||||
restingHeartRate: number;
|
||||
restingHeartRateBaseline: number;
|
||||
sleepScore: number;
|
||||
sleepBaseline: number;
|
||||
stress: number;
|
||||
stressBaseline: number;
|
||||
};
|
||||
|
||||
export function getRecoveryBreakdown(
|
||||
input: Input
|
||||
): RecoveryBreakdownItem[] {
|
||||
const hrvDelta =
|
||||
((input.hrv - input.hrvBaseline) /
|
||||
input.hrvBaseline) *
|
||||
100;
|
||||
|
||||
const rhrDelta =
|
||||
((input.restingHeartRateBaseline -
|
||||
input.restingHeartRate) /
|
||||
input.restingHeartRateBaseline) *
|
||||
100;
|
||||
|
||||
const sleepDelta =
|
||||
input.sleepScore - input.sleepBaseline;
|
||||
|
||||
const stressDelta =
|
||||
input.stressBaseline - input.stress;
|
||||
|
||||
return [
|
||||
{
|
||||
key: "hrv",
|
||||
label: "HRV",
|
||||
value: `${input.hrv} ms`,
|
||||
impact: Math.round(hrvDelta),
|
||||
status:
|
||||
hrvDelta > 3
|
||||
? "positive"
|
||||
: hrvDelta < -3
|
||||
? "negative"
|
||||
: "neutral",
|
||||
},
|
||||
{
|
||||
key: "rhr",
|
||||
label: "Vilopuls",
|
||||
value: `${input.restingHeartRate} bpm`,
|
||||
impact: Math.round(rhrDelta),
|
||||
status:
|
||||
rhrDelta > 3
|
||||
? "positive"
|
||||
: rhrDelta < -3
|
||||
? "negative"
|
||||
: "neutral",
|
||||
},
|
||||
{
|
||||
key: "sleep",
|
||||
label: "Sömn",
|
||||
value: `${input.sleepScore}%`,
|
||||
impact: Math.round(sleepDelta),
|
||||
status:
|
||||
sleepDelta > 3
|
||||
? "positive"
|
||||
: sleepDelta < -3
|
||||
? "negative"
|
||||
: "neutral",
|
||||
},
|
||||
{
|
||||
key: "stress",
|
||||
label: "Stress",
|
||||
value: `${input.stress}`,
|
||||
impact: Math.round(stressDelta),
|
||||
status:
|
||||
stressDelta > 3
|
||||
? "positive"
|
||||
: stressDelta < -3
|
||||
? "negative"
|
||||
: "neutral",
|
||||
},
|
||||
];
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
export type StrainTarget = {
|
||||
min: number;
|
||||
max: number;
|
||||
label: string;
|
||||
message: string;
|
||||
};
|
||||
|
||||
export function calculateStrainTarget(
|
||||
recovery: number
|
||||
): StrainTarget {
|
||||
if (recovery >= 85) {
|
||||
return {
|
||||
min: 14,
|
||||
max: 18,
|
||||
label: "Hög",
|
||||
message: "Bra dag för hög belastning.",
|
||||
};
|
||||
}
|
||||
|
||||
if (recovery >= 67) {
|
||||
return {
|
||||
min: 11,
|
||||
max: 15,
|
||||
label: "Medelhög",
|
||||
message: "Du är redo för en bra träningsdag.",
|
||||
};
|
||||
}
|
||||
|
||||
if (recovery >= 50) {
|
||||
return {
|
||||
min: 8,
|
||||
max: 12,
|
||||
label: "Måttlig",
|
||||
message: "Håll träningen balanserad idag.",
|
||||
};
|
||||
}
|
||||
|
||||
if (recovery >= 34) {
|
||||
return {
|
||||
min: 6,
|
||||
max: 9,
|
||||
label: "Låg",
|
||||
message: "Prioritera lättare aktivitet.",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
min: 3,
|
||||
max: 6,
|
||||
label: "Mycket låg",
|
||||
message: "Fokusera på återhämtning idag.",
|
||||
};
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,78 @@
|
||||
import {
|
||||
SignJWT,
|
||||
jwtVerify,
|
||||
} from "jose";
|
||||
|
||||
import {
|
||||
cookies,
|
||||
} from "next/headers";
|
||||
|
||||
export const SESSION_COOKIE =
|
||||
"vyta_session";
|
||||
|
||||
export const SESSION_MAX_AGE =
|
||||
60 * 60 * 24 * 30;
|
||||
|
||||
function getSessionSecret() {
|
||||
const secret =
|
||||
process.env.VYTA_SESSION_SECRET;
|
||||
|
||||
if (!secret) {
|
||||
throw new Error(
|
||||
"VYTA_SESSION_SECRET saknas"
|
||||
);
|
||||
}
|
||||
|
||||
return new TextEncoder().encode(
|
||||
secret
|
||||
);
|
||||
}
|
||||
|
||||
export async function createSessionToken(
|
||||
username: string
|
||||
) {
|
||||
return new SignJWT({
|
||||
username,
|
||||
})
|
||||
.setProtectedHeader({
|
||||
alg: "HS256",
|
||||
})
|
||||
.setIssuedAt()
|
||||
.setExpirationTime("30d")
|
||||
.sign(
|
||||
getSessionSecret()
|
||||
);
|
||||
}
|
||||
|
||||
export async function verifySessionToken(
|
||||
token?: string
|
||||
) {
|
||||
if (!token) {
|
||||
return false;
|
||||
}
|
||||
|
||||
try {
|
||||
await jwtVerify(
|
||||
token,
|
||||
getSessionSecret()
|
||||
);
|
||||
|
||||
return true;
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
export async function isAuthenticated() {
|
||||
const cookieStore =
|
||||
await cookies();
|
||||
|
||||
const token =
|
||||
cookieStore.get(
|
||||
SESSION_COOKIE
|
||||
)?.value;
|
||||
|
||||
return verifySessionToken(
|
||||
token
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,346 @@
|
||||
export type EnergyDay = {
|
||||
date: string;
|
||||
|
||||
activity?: {
|
||||
totalCalories?:
|
||||
| number
|
||||
| null;
|
||||
};
|
||||
};
|
||||
|
||||
export type VytaTdeeResult = {
|
||||
tdee: number | null;
|
||||
|
||||
daysUsed: number;
|
||||
|
||||
periodDays: number;
|
||||
|
||||
confidence:
|
||||
| "insufficient"
|
||||
| "preliminary"
|
||||
| "good"
|
||||
| "stable";
|
||||
|
||||
dailyValues: Array<{
|
||||
date: string;
|
||||
calories: number;
|
||||
}>;
|
||||
};
|
||||
|
||||
export function calculateBmi(
|
||||
weightKg: number | null,
|
||||
heightCm: number | null
|
||||
) {
|
||||
if (
|
||||
weightKg === null ||
|
||||
heightCm === null ||
|
||||
weightKg <= 0 ||
|
||||
heightCm <= 0
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const heightMeters =
|
||||
heightCm / 100;
|
||||
|
||||
return roundOne(
|
||||
weightKg /
|
||||
(
|
||||
heightMeters *
|
||||
heightMeters
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export function getBmiLabel(
|
||||
bmi: number | null
|
||||
) {
|
||||
if (bmi === null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (bmi < 18.5) {
|
||||
return "Undervikt";
|
||||
}
|
||||
|
||||
if (bmi < 25) {
|
||||
return "Normalvikt";
|
||||
}
|
||||
|
||||
if (bmi < 30) {
|
||||
return "Övervikt";
|
||||
}
|
||||
|
||||
return "Fetma";
|
||||
}
|
||||
|
||||
export function calculateVytaTdee(
|
||||
history: EnergyDay[],
|
||||
latestDataDate: string,
|
||||
periodDays = 28
|
||||
): VytaTdeeResult {
|
||||
/*
|
||||
* Exkludera aktuell Garmin-dag.
|
||||
*
|
||||
* Om klockan är 10 på morgonen kanske
|
||||
* dagens kalorier bara hunnit bli ~900.
|
||||
* Den dagen får därför inte dra ner TDEE.
|
||||
*/
|
||||
const completeDays =
|
||||
history
|
||||
.filter(
|
||||
(day) =>
|
||||
day.date !==
|
||||
latestDataDate
|
||||
)
|
||||
.sort(
|
||||
(a, b) =>
|
||||
a.date.localeCompare(
|
||||
b.date
|
||||
)
|
||||
)
|
||||
.slice(
|
||||
-periodDays
|
||||
);
|
||||
|
||||
const valid =
|
||||
completeDays
|
||||
.map(
|
||||
(day) => {
|
||||
const calories =
|
||||
day.activity
|
||||
?.totalCalories;
|
||||
|
||||
if (
|
||||
typeof calories !==
|
||||
"number" ||
|
||||
!Number.isFinite(
|
||||
calories
|
||||
) ||
|
||||
calories <= 0
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return {
|
||||
date:
|
||||
day.date,
|
||||
|
||||
calories,
|
||||
};
|
||||
}
|
||||
)
|
||||
.filter(
|
||||
(
|
||||
item
|
||||
): item is {
|
||||
date: string;
|
||||
calories: number;
|
||||
} =>
|
||||
item !== null
|
||||
);
|
||||
|
||||
if (
|
||||
valid.length < 7
|
||||
) {
|
||||
return {
|
||||
tdee: null,
|
||||
|
||||
daysUsed:
|
||||
valid.length,
|
||||
|
||||
periodDays,
|
||||
|
||||
confidence:
|
||||
"insufficient",
|
||||
|
||||
dailyValues:
|
||||
valid,
|
||||
};
|
||||
}
|
||||
|
||||
/*
|
||||
* Medianbaserad outlier-filtrering.
|
||||
*
|
||||
* Garmin kan ibland få en konstig dag,
|
||||
* exempelvis om klockan inte bars hela
|
||||
* dagen eller synken varit ofullständig.
|
||||
*/
|
||||
const values =
|
||||
valid.map(
|
||||
(item) =>
|
||||
item.calories
|
||||
);
|
||||
|
||||
const median =
|
||||
calculateMedian(
|
||||
values
|
||||
);
|
||||
|
||||
const filtered =
|
||||
valid.filter(
|
||||
(item) => {
|
||||
if (
|
||||
median === null
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return (
|
||||
item.calories >=
|
||||
median * 0.6 &&
|
||||
item.calories <=
|
||||
median * 1.4
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
/*
|
||||
* Om filtreringen skulle göra datamängden
|
||||
* för liten faller vi tillbaka på originalet.
|
||||
*/
|
||||
const source =
|
||||
filtered.length >= 7
|
||||
? filtered
|
||||
: valid;
|
||||
|
||||
const average =
|
||||
source.reduce(
|
||||
(
|
||||
sum,
|
||||
item
|
||||
) =>
|
||||
sum +
|
||||
item.calories,
|
||||
0
|
||||
) /
|
||||
source.length;
|
||||
|
||||
const daysUsed =
|
||||
source.length;
|
||||
|
||||
let confidence:
|
||||
VytaTdeeResult["confidence"];
|
||||
|
||||
if (
|
||||
daysUsed >= 28
|
||||
) {
|
||||
confidence =
|
||||
"stable";
|
||||
} else if (
|
||||
daysUsed >= 14
|
||||
) {
|
||||
confidence =
|
||||
"good";
|
||||
} else {
|
||||
confidence =
|
||||
"preliminary";
|
||||
}
|
||||
|
||||
return {
|
||||
tdee:
|
||||
Math.round(
|
||||
average
|
||||
),
|
||||
|
||||
daysUsed,
|
||||
|
||||
periodDays,
|
||||
|
||||
confidence,
|
||||
|
||||
dailyValues:
|
||||
source,
|
||||
};
|
||||
}
|
||||
|
||||
export function calculatePlannedDeficit(
|
||||
tdee: number | null,
|
||||
calorieTarget: number | null
|
||||
) {
|
||||
if (
|
||||
tdee === null ||
|
||||
calorieTarget === null
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
tdee -
|
||||
calorieTarget
|
||||
);
|
||||
}
|
||||
|
||||
export function getTdeeConfidenceLabel(
|
||||
confidence:
|
||||
VytaTdeeResult["confidence"]
|
||||
) {
|
||||
switch (
|
||||
confidence
|
||||
) {
|
||||
case "stable":
|
||||
return "Stabilt underlag";
|
||||
|
||||
case "good":
|
||||
return "Bra underlag";
|
||||
|
||||
case "preliminary":
|
||||
return "Preliminärt";
|
||||
|
||||
default:
|
||||
return "För lite data";
|
||||
}
|
||||
}
|
||||
|
||||
function calculateMedian(
|
||||
values: number[]
|
||||
) {
|
||||
if (
|
||||
values.length === 0
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const sorted =
|
||||
[...values].sort(
|
||||
(a, b) =>
|
||||
a - b
|
||||
);
|
||||
|
||||
const middle =
|
||||
Math.floor(
|
||||
sorted.length /
|
||||
2
|
||||
);
|
||||
|
||||
if (
|
||||
sorted.length % 2 ===
|
||||
0
|
||||
) {
|
||||
return (
|
||||
(
|
||||
sorted[
|
||||
middle - 1
|
||||
] +
|
||||
sorted[
|
||||
middle
|
||||
]
|
||||
) /
|
||||
2
|
||||
);
|
||||
}
|
||||
|
||||
return sorted[
|
||||
middle
|
||||
];
|
||||
}
|
||||
|
||||
function roundOne(
|
||||
value: number
|
||||
) {
|
||||
return (
|
||||
Math.round(
|
||||
value * 10
|
||||
) / 10
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
export function formatDecimal(value: number) {
|
||||
return value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
|
||||
export function formatMinutes(minutes: number) {
|
||||
const hours = Math.floor(minutes / 60);
|
||||
const mins = minutes % 60;
|
||||
|
||||
if (hours === 0) {
|
||||
return `${mins} min`;
|
||||
}
|
||||
|
||||
return `${hours} h ${mins} min`;
|
||||
}
|
||||
Executable
+101
@@ -0,0 +1,101 @@
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
|
||||
export type GarminConnectionStatus = {
|
||||
connected: boolean;
|
||||
email: string | null;
|
||||
updatedAt: string | null;
|
||||
};
|
||||
|
||||
type GarminCredentialsFile = {
|
||||
email?: unknown;
|
||||
password?: unknown;
|
||||
updatedAt?: unknown;
|
||||
};
|
||||
|
||||
function getCredentialsPath() {
|
||||
return (
|
||||
process.env.VYTA_GARMIN_CREDENTIALS_PATH ||
|
||||
process.env.GARMIN_CREDENTIALS_PATH ||
|
||||
"/data/garmin-credentials.json"
|
||||
);
|
||||
}
|
||||
|
||||
export async function getGarminConnectionStatus(): Promise<GarminConnectionStatus> {
|
||||
try {
|
||||
const raw = await fs.readFile(getCredentialsPath(), "utf-8");
|
||||
const parsed = JSON.parse(raw) as GarminCredentialsFile;
|
||||
const email = typeof parsed.email === "string" ? parsed.email : null;
|
||||
const password = typeof parsed.password === "string" ? parsed.password : null;
|
||||
|
||||
return {
|
||||
connected: Boolean(email && password),
|
||||
email,
|
||||
updatedAt: typeof parsed.updatedAt === "string" ? parsed.updatedAt : null,
|
||||
};
|
||||
} catch (error: unknown) {
|
||||
if (
|
||||
typeof error === "object" &&
|
||||
error !== null &&
|
||||
"code" in error &&
|
||||
(error as { code?: string }).code === "ENOENT"
|
||||
) {
|
||||
return {
|
||||
connected: false,
|
||||
email: null,
|
||||
updatedAt: null,
|
||||
};
|
||||
}
|
||||
|
||||
console.error("Kunde inte läsa Garmin-koppling:", error);
|
||||
|
||||
return {
|
||||
connected: false,
|
||||
email: null,
|
||||
updatedAt: null,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export async function saveGarminCredentials(email: string, password: string) {
|
||||
const filePath = getCredentialsPath();
|
||||
|
||||
await fs.mkdir(path.dirname(filePath), {
|
||||
recursive: true,
|
||||
});
|
||||
|
||||
const temporaryPath = `${filePath}.tmp`;
|
||||
|
||||
await fs.writeFile(
|
||||
temporaryPath,
|
||||
JSON.stringify(
|
||||
{
|
||||
email,
|
||||
password,
|
||||
updatedAt: new Date().toISOString(),
|
||||
},
|
||||
null,
|
||||
2
|
||||
),
|
||||
{
|
||||
encoding: "utf-8",
|
||||
mode: 0o600,
|
||||
}
|
||||
);
|
||||
|
||||
await fs.rename(temporaryPath, filePath);
|
||||
|
||||
return getGarminConnectionStatus();
|
||||
}
|
||||
|
||||
export async function deleteGarminCredentials() {
|
||||
try {
|
||||
await fs.rm(getCredentialsPath(), {
|
||||
force: true,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Kunde inte ta bort Garmin-koppling:", error);
|
||||
}
|
||||
|
||||
return getGarminConnectionStatus();
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
|
||||
import type {
|
||||
VytaApiData,
|
||||
} from "@/types/vytaApi";
|
||||
|
||||
function getDataPath() {
|
||||
return (
|
||||
process.env.VYTA_DATA_PATH ||
|
||||
path.join(
|
||||
process.cwd(),
|
||||
"private-data",
|
||||
"vyta-data.json"
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export async function getVytaData(): Promise<VytaApiData> {
|
||||
const filePath =
|
||||
getDataPath();
|
||||
|
||||
try {
|
||||
const raw =
|
||||
await fs.readFile(
|
||||
filePath,
|
||||
"utf-8"
|
||||
);
|
||||
|
||||
return JSON.parse(
|
||||
raw
|
||||
) as VytaApiData;
|
||||
} catch (error) {
|
||||
console.error(
|
||||
`Kunde inte läsa VYTA-data från ${filePath}:`,
|
||||
error
|
||||
);
|
||||
|
||||
throw new Error(
|
||||
`VYTA-data kunde inte läsas från ${filePath}`
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,480 @@
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
|
||||
import { getVytaData } from "@/lib/getVytaData";
|
||||
import { calculateVytaIntelligence } from "@/lib/vytaIntelligence";
|
||||
import { getVytaSettings } from "@/lib/vytaSettings";
|
||||
import { sendPush } from "@/lib/sendPush";
|
||||
|
||||
type NotificationState = {
|
||||
sentKeys: string[];
|
||||
knownActivityIds: string[];
|
||||
initializedActivities: boolean;
|
||||
|
||||
lastVo2max: number | null;
|
||||
lastRecommendationLevel: string | null;
|
||||
|
||||
updatedAt: string | null;
|
||||
};
|
||||
|
||||
const DEFAULT_STATE: NotificationState = {
|
||||
sentKeys: [],
|
||||
knownActivityIds: [],
|
||||
initializedActivities: false,
|
||||
|
||||
lastVo2max: null,
|
||||
lastRecommendationLevel: null,
|
||||
|
||||
updatedAt: null,
|
||||
};
|
||||
|
||||
const STATE_PATH = process.env.VYTA_NOTIFICATION_STATE_PATH || "/data/notification-state.json";
|
||||
|
||||
export async function evaluateNotifications() {
|
||||
const [data, settings, state] = await Promise.all([
|
||||
getVytaData(),
|
||||
getVytaSettings(),
|
||||
readState(),
|
||||
]);
|
||||
|
||||
if (!settings.notifications.enabled) {
|
||||
return {
|
||||
ok: true,
|
||||
skipped: "notifications-disabled",
|
||||
sent: 0,
|
||||
};
|
||||
}
|
||||
|
||||
const today = data.today;
|
||||
const date = today.date;
|
||||
|
||||
const healthMessages: string[] = [];
|
||||
const newSentKeys: string[] = [];
|
||||
|
||||
const addDaily = (key: string, message: string) => {
|
||||
const fullKey = `${key}:${date}`;
|
||||
|
||||
if (state.sentKeys.includes(fullKey)) {
|
||||
return;
|
||||
}
|
||||
|
||||
healthMessages.push(message);
|
||||
newSentKeys.push(fullKey);
|
||||
};
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* SÖMN
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
if (
|
||||
settings.notifications.sleepDebt &&
|
||||
today.sleep.debtMinutes !== null &&
|
||||
today.sleep.debtMinutes >= 120
|
||||
) {
|
||||
addDaily("sleep-debt", `Sömnskuld ${formatMinutes(today.sleep.debtMinutes)}`);
|
||||
}
|
||||
|
||||
if (
|
||||
settings.notifications.lowSleepScore &&
|
||||
today.sleep.score !== null &&
|
||||
today.sleep.score < 65
|
||||
) {
|
||||
addDaily("low-sleep", `Sömnscore ${Math.round(today.sleep.score)}`);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* RECOVERY
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
if (settings.notifications.recovery && today.recovery !== null && today.recovery < 40) {
|
||||
addDaily("low-recovery", `Recovery endast ${Math.round(today.recovery)} %`);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* HRV
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const hrvDelta = percentDelta(today.heart.hrv, data.baselines.hrv);
|
||||
|
||||
if (settings.notifications.hrvDeviation && hrvDelta !== null && hrvDelta <= -10) {
|
||||
addDaily("hrv-low", `HRV ${Math.abs(hrvDelta)} % under baseline`);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* VILOPULS
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const rhrDelta = difference(today.heart.restingHeartRate, data.baselines.restingHeartRate);
|
||||
|
||||
if (settings.notifications.elevatedRestingHeartRate && rhrDelta !== null && rhrDelta >= 5) {
|
||||
addDaily("rhr-high", `Vilopuls +${formatNumber(rhrDelta)} bpm mot baseline`);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* BODY BATTERY
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
if (
|
||||
settings.notifications.lowBodyBattery &&
|
||||
today.energy.bodyBattery !== null &&
|
||||
today.energy.bodyBattery <= 20
|
||||
) {
|
||||
addDaily("body-battery-low", `Body Battery nere på ${Math.round(today.energy.bodyBattery)}`);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* STRESS
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const stressDelta = difference(today.energy.stress, data.baselines.stress);
|
||||
|
||||
if (
|
||||
settings.notifications.highStress &&
|
||||
today.energy.stress !== null &&
|
||||
stressDelta !== null &&
|
||||
today.energy.stress >= 35 &&
|
||||
stressDelta >= 10
|
||||
) {
|
||||
addDaily("stress-high", `Stress ${Math.round(today.energy.stress)}, tydligt över normalt`);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* STEGMÅL
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
if (
|
||||
settings.notifications.stepGoalReached &&
|
||||
settings.stepGoal !== null &&
|
||||
today.activity.steps !== null &&
|
||||
today.activity.steps >= settings.stepGoal
|
||||
) {
|
||||
addDaily(
|
||||
"step-goal",
|
||||
`${Math.round(today.activity.steps).toLocaleString("sv-SE")} steg – dagens mål är nått`
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* VYTA REKOMMENDATION
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const intelligence = calculateVytaIntelligence({
|
||||
recovery: today.recovery,
|
||||
strain: today.strain,
|
||||
|
||||
hrv: today.heart.hrv,
|
||||
hrvBaseline: data.baselines.hrv,
|
||||
|
||||
restingHeartRate: today.heart.restingHeartRate,
|
||||
|
||||
restingHeartRateBaseline: data.baselines.restingHeartRate,
|
||||
|
||||
sleepScore: today.sleep.score,
|
||||
sleepBaseline: data.baselines.sleepScore,
|
||||
|
||||
stress: today.energy.stress,
|
||||
stressBaseline: data.baselines.stress,
|
||||
});
|
||||
|
||||
if (
|
||||
settings.notifications.newRecommendation &&
|
||||
state.lastRecommendationLevel !== null &&
|
||||
intelligence.status.level !== state.lastRecommendationLevel
|
||||
) {
|
||||
const key = `recommendation:${date}:${intelligence.status.level}`;
|
||||
|
||||
if (!state.sentKeys.includes(key)) {
|
||||
healthMessages.push(intelligence.status.title);
|
||||
|
||||
newSentKeys.push(key);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* VO2 MAX
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const vo2max = typeof today.training.vo2max === "number" ? today.training.vo2max : null;
|
||||
|
||||
if (
|
||||
settings.notifications.vo2maxChanged &&
|
||||
state.lastVo2max !== null &&
|
||||
vo2max !== null &&
|
||||
Math.abs(vo2max - state.lastVo2max) >= 0.5
|
||||
) {
|
||||
const key = `vo2max:${date}:${vo2max}`;
|
||||
|
||||
if (!state.sentKeys.includes(key)) {
|
||||
healthMessages.push(`VO₂max är nu ${formatNumber(vo2max)}`);
|
||||
|
||||
newSentKeys.push(key);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* NYA AKTIVITETER
|
||||
*
|
||||
* Första körningen registrerar bara befintliga aktiviteter.
|
||||
* Vi vill inte skicka 17 gamla aktiviteter på en gång.
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const activityIds = data.activities
|
||||
.map((activity) => activity.id)
|
||||
.filter((id): id is string => typeof id === "string" && id.length > 0);
|
||||
|
||||
let newActivities = data.activities.filter(
|
||||
(activity) => typeof activity.id === "string" && !state.knownActivityIds.includes(activity.id)
|
||||
);
|
||||
|
||||
if (!state.initializedActivities) {
|
||||
newActivities = [];
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* STÖR EJ
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
const quiet =
|
||||
settings.notifications.quietHoursEnabled &&
|
||||
isQuietHours(settings.notifications.quietHoursStart, settings.notifications.quietHoursEnd);
|
||||
|
||||
let sent = 0;
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* HEALTH DIGEST
|
||||
*
|
||||
* Max en hälsopush per evaluation.
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
if (healthMessages.length > 0 && !quiet) {
|
||||
const body = healthMessages.slice(0, 3).join(" · ");
|
||||
|
||||
await sendPush({
|
||||
title: healthMessages.length === 1 ? "VYTA" : `VYTA · ${healthMessages.length} nya signaler`,
|
||||
|
||||
body,
|
||||
|
||||
url: "/",
|
||||
|
||||
tag: `vyta-health-${date}`,
|
||||
});
|
||||
|
||||
sent += 1;
|
||||
|
||||
state.sentKeys.push(...newSentKeys);
|
||||
}
|
||||
|
||||
/*
|
||||
* ========================================================
|
||||
* NY AKTIVITET
|
||||
* ========================================================
|
||||
*/
|
||||
|
||||
if (settings.notifications.newActivity && newActivities.length > 0 && !quiet) {
|
||||
const latest = newActivities[newActivities.length - 1];
|
||||
|
||||
const name = latest.name || latest.type || "Garmin-aktivitet";
|
||||
|
||||
await sendPush({
|
||||
title: "Ny aktivitet synkad",
|
||||
|
||||
body: newActivities.length === 1 ? name : `${newActivities.length} nya Garmin-aktiviteter`,
|
||||
|
||||
url: "/traning",
|
||||
|
||||
tag: `vyta-activity-${latest.id}`,
|
||||
});
|
||||
|
||||
sent += 1;
|
||||
}
|
||||
|
||||
/*
|
||||
* Vi registrerar aktiviteter även under quiet hours.
|
||||
*
|
||||
* Aktivitetspush är "instant"-karaktär och ska inte
|
||||
* dyka upp många timmar senare.
|
||||
*
|
||||
* Hälsovarningar däremot lämnas oskickade så att de
|
||||
* kan skickas efter Stör ej-perioden.
|
||||
*/
|
||||
state.knownActivityIds = activityIds.slice(-200);
|
||||
|
||||
state.initializedActivities = true;
|
||||
|
||||
state.lastVo2max = vo2max;
|
||||
|
||||
state.lastRecommendationLevel = intelligence.status.level;
|
||||
|
||||
state.sentKeys = state.sentKeys.slice(-500);
|
||||
|
||||
state.updatedAt = new Date().toISOString();
|
||||
|
||||
await writeState(state);
|
||||
|
||||
return {
|
||||
ok: true,
|
||||
|
||||
quietHours: quiet,
|
||||
|
||||
candidates: healthMessages.length + newActivities.length,
|
||||
|
||||
healthSignals: healthMessages,
|
||||
|
||||
newActivities: newActivities.length,
|
||||
|
||||
sent,
|
||||
};
|
||||
}
|
||||
|
||||
async function readState(): Promise<NotificationState> {
|
||||
try {
|
||||
const raw = await fs.readFile(STATE_PATH, "utf-8");
|
||||
|
||||
const parsed = JSON.parse(raw);
|
||||
|
||||
return {
|
||||
...DEFAULT_STATE,
|
||||
...parsed,
|
||||
|
||||
sentKeys: Array.isArray(parsed.sentKeys) ? parsed.sentKeys : [],
|
||||
|
||||
knownActivityIds: Array.isArray(parsed.knownActivityIds) ? parsed.knownActivityIds : [],
|
||||
};
|
||||
} catch {
|
||||
return {
|
||||
...DEFAULT_STATE,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async function writeState(state: NotificationState) {
|
||||
await fs.mkdir(path.dirname(STATE_PATH), {
|
||||
recursive: true,
|
||||
});
|
||||
|
||||
const tmp = `${STATE_PATH}.tmp`;
|
||||
|
||||
await fs.writeFile(tmp, JSON.stringify(state, null, 2), "utf-8");
|
||||
|
||||
await fs.rename(tmp, STATE_PATH);
|
||||
}
|
||||
|
||||
function percentDelta(value: number | null | undefined, baseline: number | null | undefined) {
|
||||
if (typeof value !== "number" || typeof baseline !== "number" || baseline === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return Math.round(((value - baseline) / baseline) * 100);
|
||||
}
|
||||
|
||||
function difference(value: number | null | undefined, baseline: number | null | undefined) {
|
||||
if (typeof value !== "number" || typeof baseline !== "number") {
|
||||
return null;
|
||||
}
|
||||
|
||||
return Math.round((value - baseline) * 10) / 10;
|
||||
}
|
||||
|
||||
function formatNumber(value: number) {
|
||||
return Number.isInteger(value) ? String(value) : value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
|
||||
function formatMinutes(minutes: number) {
|
||||
const rounded = Math.round(minutes);
|
||||
|
||||
const hours = Math.floor(rounded / 60);
|
||||
|
||||
const rest = rounded % 60;
|
||||
|
||||
if (hours === 0) {
|
||||
return `${rest} min`;
|
||||
}
|
||||
|
||||
if (rest === 0) {
|
||||
return `${hours} h`;
|
||||
}
|
||||
|
||||
return `${hours} h ${rest} min`;
|
||||
}
|
||||
|
||||
function isQuietHours(start: string, end: string) {
|
||||
const now = getStockholmMinutes();
|
||||
|
||||
const startMinutes = parseClock(start);
|
||||
|
||||
const endMinutes = parseClock(end);
|
||||
|
||||
if (startMinutes === null || endMinutes === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (startMinutes === endMinutes) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (startMinutes < endMinutes) {
|
||||
return now >= startMinutes && now < endMinutes;
|
||||
}
|
||||
|
||||
return now >= startMinutes || now < endMinutes;
|
||||
}
|
||||
|
||||
function getStockholmMinutes() {
|
||||
const parts = new Intl.DateTimeFormat("sv-SE", {
|
||||
timeZone: "Europe/Stockholm",
|
||||
|
||||
hour: "2-digit",
|
||||
|
||||
minute: "2-digit",
|
||||
|
||||
hourCycle: "h23",
|
||||
}).formatToParts(new Date());
|
||||
|
||||
const hour = Number(parts.find((part) => part.type === "hour")?.value);
|
||||
|
||||
const minute = Number(parts.find((part) => part.type === "minute")?.value);
|
||||
|
||||
return hour * 60 + minute;
|
||||
}
|
||||
|
||||
function parseClock(value: string) {
|
||||
const match = /^(\d{2}):(\d{2})$/.exec(value);
|
||||
|
||||
if (!match) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const hours = Number(match[1]);
|
||||
|
||||
const minutes = Number(match[2]);
|
||||
|
||||
if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return hours * 60 + minutes;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
import * as oidc from "openid-client";
|
||||
|
||||
let cachedConfig:
|
||||
oidc.Configuration |
|
||||
null =
|
||||
null;
|
||||
|
||||
export async function getPocketIdConfig() {
|
||||
if (cachedConfig) {
|
||||
return cachedConfig;
|
||||
}
|
||||
|
||||
const issuer =
|
||||
process.env.POCKET_ID_ISSUER;
|
||||
|
||||
const clientId =
|
||||
process.env.POCKET_ID_CLIENT_ID;
|
||||
|
||||
const clientSecret =
|
||||
process.env.POCKET_ID_CLIENT_SECRET;
|
||||
|
||||
if (
|
||||
!issuer ||
|
||||
!clientId ||
|
||||
!clientSecret
|
||||
) {
|
||||
throw new Error(
|
||||
"Pocket ID-konfiguration saknas"
|
||||
);
|
||||
}
|
||||
|
||||
cachedConfig =
|
||||
await oidc.discovery(
|
||||
new URL(issuer),
|
||||
clientId,
|
||||
clientSecret
|
||||
);
|
||||
|
||||
return cachedConfig;
|
||||
}
|
||||
|
||||
export function getPocketIdRedirectUri() {
|
||||
const publicUrl =
|
||||
process.env.VYTA_PUBLIC_URL;
|
||||
|
||||
if (!publicUrl) {
|
||||
throw new Error(
|
||||
"VYTA_PUBLIC_URL saknas"
|
||||
);
|
||||
}
|
||||
|
||||
return new URL(
|
||||
"/api/auth/callback/pocketid",
|
||||
publicUrl
|
||||
).toString();
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
|
||||
import type {
|
||||
PushSubscription,
|
||||
} from "web-push";
|
||||
|
||||
type StoredPushSubscription =
|
||||
PushSubscription & {
|
||||
createdAt: string;
|
||||
};
|
||||
|
||||
function getStoragePath() {
|
||||
return (
|
||||
process.env
|
||||
.VYTA_PUSH_SUBSCRIPTIONS_PATH ||
|
||||
path.join(
|
||||
process.cwd(),
|
||||
"private-data",
|
||||
"push-subscriptions.json"
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
async function readSubscriptions(): Promise<
|
||||
StoredPushSubscription[]
|
||||
> {
|
||||
const filePath =
|
||||
getStoragePath();
|
||||
|
||||
try {
|
||||
const raw =
|
||||
await fs.readFile(
|
||||
filePath,
|
||||
"utf-8"
|
||||
);
|
||||
|
||||
const parsed =
|
||||
JSON.parse(
|
||||
raw
|
||||
);
|
||||
|
||||
return Array.isArray(
|
||||
parsed
|
||||
)
|
||||
? parsed
|
||||
: [];
|
||||
} catch (
|
||||
error: unknown
|
||||
) {
|
||||
if (
|
||||
typeof error ===
|
||||
"object" &&
|
||||
error !== null &&
|
||||
"code" in error &&
|
||||
(
|
||||
error as {
|
||||
code?: string;
|
||||
}
|
||||
).code === "ENOENT"
|
||||
) {
|
||||
return [];
|
||||
}
|
||||
|
||||
console.error(
|
||||
"Kunde inte läsa push-subscriptions:",
|
||||
error
|
||||
);
|
||||
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
async function writeSubscriptions(
|
||||
subscriptions:
|
||||
StoredPushSubscription[]
|
||||
) {
|
||||
const filePath =
|
||||
getStoragePath();
|
||||
|
||||
const directory =
|
||||
path.dirname(
|
||||
filePath
|
||||
);
|
||||
|
||||
await fs.mkdir(
|
||||
directory,
|
||||
{
|
||||
recursive: true,
|
||||
}
|
||||
);
|
||||
|
||||
const temporaryPath =
|
||||
`${filePath}.tmp`;
|
||||
|
||||
await fs.writeFile(
|
||||
temporaryPath,
|
||||
JSON.stringify(
|
||||
subscriptions,
|
||||
null,
|
||||
2
|
||||
),
|
||||
"utf-8"
|
||||
);
|
||||
|
||||
await fs.rename(
|
||||
temporaryPath,
|
||||
filePath
|
||||
);
|
||||
}
|
||||
|
||||
export async function savePushSubscription(
|
||||
subscription:
|
||||
PushSubscription
|
||||
) {
|
||||
const subscriptions =
|
||||
await readSubscriptions();
|
||||
|
||||
const filtered =
|
||||
subscriptions.filter(
|
||||
(
|
||||
existing
|
||||
) =>
|
||||
existing.endpoint !==
|
||||
subscription.endpoint
|
||||
);
|
||||
|
||||
filtered.push({
|
||||
...subscription,
|
||||
|
||||
createdAt:
|
||||
new Date()
|
||||
.toISOString(),
|
||||
});
|
||||
|
||||
await writeSubscriptions(
|
||||
filtered
|
||||
);
|
||||
}
|
||||
|
||||
export async function getPushSubscriptions() {
|
||||
return readSubscriptions();
|
||||
}
|
||||
|
||||
export async function removePushSubscription(
|
||||
endpoint: string
|
||||
) {
|
||||
const subscriptions =
|
||||
await readSubscriptions();
|
||||
|
||||
const filtered =
|
||||
subscriptions.filter(
|
||||
(
|
||||
subscription
|
||||
) =>
|
||||
subscription.endpoint !==
|
||||
endpoint
|
||||
);
|
||||
|
||||
await writeSubscriptions(
|
||||
filtered
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
import webpush from "web-push";
|
||||
|
||||
import {
|
||||
getPushSubscriptions,
|
||||
removePushSubscription,
|
||||
} from "@/lib/pushSubscriptions";
|
||||
|
||||
type VytaPushPayload = {
|
||||
title: string;
|
||||
body: string;
|
||||
url?: string;
|
||||
tag?: string;
|
||||
};
|
||||
|
||||
function configureWebPush() {
|
||||
const publicKey =
|
||||
process.env
|
||||
.NEXT_PUBLIC_VAPID_PUBLIC_KEY;
|
||||
|
||||
const privateKey =
|
||||
process.env
|
||||
.VAPID_PRIVATE_KEY;
|
||||
|
||||
const subject =
|
||||
process.env
|
||||
.VAPID_SUBJECT;
|
||||
|
||||
if (
|
||||
!publicKey ||
|
||||
!privateKey ||
|
||||
!subject
|
||||
) {
|
||||
throw new Error(
|
||||
"VAPID är inte konfigurerat"
|
||||
);
|
||||
}
|
||||
|
||||
webpush.setVapidDetails(
|
||||
subject,
|
||||
publicKey,
|
||||
privateKey
|
||||
);
|
||||
}
|
||||
|
||||
export async function sendPush(
|
||||
payload: VytaPushPayload
|
||||
) {
|
||||
configureWebPush();
|
||||
|
||||
const subscriptions =
|
||||
await getPushSubscriptions();
|
||||
|
||||
console.log(
|
||||
"Push subscriptions:",
|
||||
subscriptions.length
|
||||
);
|
||||
|
||||
if (
|
||||
subscriptions.length ===
|
||||
0
|
||||
) {
|
||||
throw new Error(
|
||||
"Ingen push-subscription finns registrerad"
|
||||
);
|
||||
}
|
||||
|
||||
let sent = 0;
|
||||
|
||||
const errors: unknown[] =
|
||||
[];
|
||||
|
||||
for (
|
||||
const subscription
|
||||
of subscriptions
|
||||
) {
|
||||
try {
|
||||
const result =
|
||||
await webpush.sendNotification(
|
||||
subscription,
|
||||
JSON.stringify(
|
||||
payload
|
||||
),
|
||||
{
|
||||
TTL: 3600,
|
||||
urgency:
|
||||
"normal",
|
||||
}
|
||||
);
|
||||
|
||||
console.log(
|
||||
"Push sent:",
|
||||
result.statusCode
|
||||
);
|
||||
|
||||
sent += 1;
|
||||
} catch (
|
||||
error: unknown
|
||||
) {
|
||||
console.error(
|
||||
"Push send failed:",
|
||||
error
|
||||
);
|
||||
|
||||
const statusCode =
|
||||
getStatusCode(
|
||||
error
|
||||
);
|
||||
|
||||
if (
|
||||
statusCode === 404 ||
|
||||
statusCode === 410
|
||||
) {
|
||||
await removePushSubscription(
|
||||
subscription.endpoint
|
||||
);
|
||||
}
|
||||
|
||||
errors.push(
|
||||
error
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (
|
||||
sent === 0 &&
|
||||
errors.length > 0
|
||||
) {
|
||||
throw errors[0];
|
||||
}
|
||||
|
||||
return {
|
||||
total:
|
||||
subscriptions.length,
|
||||
sent,
|
||||
failed:
|
||||
errors.length,
|
||||
};
|
||||
}
|
||||
|
||||
function getStatusCode(
|
||||
error: unknown
|
||||
) {
|
||||
if (
|
||||
typeof error !==
|
||||
"object" ||
|
||||
error === null ||
|
||||
!(
|
||||
"statusCode" in
|
||||
error
|
||||
)
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const statusCode =
|
||||
(
|
||||
error as {
|
||||
statusCode?:
|
||||
unknown;
|
||||
}
|
||||
).statusCode;
|
||||
|
||||
return (
|
||||
typeof statusCode ===
|
||||
"number"
|
||||
? statusCode
|
||||
: null
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
export type StrainScale = "21" | "100";
|
||||
|
||||
export function convertStrain(
|
||||
strain21: number | null | undefined,
|
||||
scale: StrainScale
|
||||
): number | null {
|
||||
if (
|
||||
strain21 === null ||
|
||||
strain21 === undefined ||
|
||||
!Number.isFinite(strain21)
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (scale === "21") {
|
||||
return Math.round(strain21 * 10) / 10;
|
||||
}
|
||||
|
||||
return Math.round((strain21 / 21) * 100);
|
||||
}
|
||||
|
||||
export function formatStrain(
|
||||
strain21: number | null | undefined,
|
||||
scale: StrainScale
|
||||
): string {
|
||||
const value = convertStrain(strain21, scale);
|
||||
|
||||
if (value === null) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
if (scale === "21") {
|
||||
return value.toFixed(1).replace(".", ",");
|
||||
}
|
||||
|
||||
return String(value);
|
||||
}
|
||||
|
||||
export function getStrainMax(
|
||||
scale: StrainScale
|
||||
): number {
|
||||
return scale === "100" ? 100 : 21;
|
||||
}
|
||||
|
||||
export function getStrainSuffix(
|
||||
scale: StrainScale
|
||||
): string {
|
||||
return scale === "100" ? "/100" : "/21";
|
||||
}
|
||||
@@ -0,0 +1,318 @@
|
||||
export type NullableNumber = number | null | undefined;
|
||||
|
||||
export type RecoveryContributors = {
|
||||
hrv: {
|
||||
score: number;
|
||||
deltaPercent: number | null;
|
||||
label: string;
|
||||
};
|
||||
|
||||
restingHeartRate: {
|
||||
score: number;
|
||||
delta: number | null;
|
||||
label: string;
|
||||
};
|
||||
|
||||
sleep: {
|
||||
score: number;
|
||||
delta: number | null;
|
||||
label: string;
|
||||
};
|
||||
|
||||
stress: {
|
||||
score: number;
|
||||
delta: number | null;
|
||||
label: string;
|
||||
};
|
||||
};
|
||||
|
||||
export type DailyStatus = {
|
||||
level: "great" | "good" | "moderate" | "low";
|
||||
title: string;
|
||||
text: string;
|
||||
};
|
||||
|
||||
export type StrainRecommendation = {
|
||||
min: number;
|
||||
max: number;
|
||||
label: string;
|
||||
};
|
||||
|
||||
type IntelligenceInput = {
|
||||
recovery: NullableNumber;
|
||||
|
||||
strain: NullableNumber;
|
||||
|
||||
hrv: NullableNumber;
|
||||
hrvBaseline: NullableNumber;
|
||||
|
||||
restingHeartRate: NullableNumber;
|
||||
restingHeartRateBaseline: NullableNumber;
|
||||
|
||||
sleepScore: NullableNumber;
|
||||
sleepBaseline: NullableNumber;
|
||||
|
||||
stress: NullableNumber;
|
||||
stressBaseline: NullableNumber;
|
||||
};
|
||||
|
||||
export function calculateVytaIntelligence(input: IntelligenceInput) {
|
||||
const contributors = calculateRecoveryContributors(input);
|
||||
|
||||
const status = calculateDailyStatus({
|
||||
recovery: input.recovery,
|
||||
strain: input.strain,
|
||||
contributors,
|
||||
});
|
||||
|
||||
const strainRecommendation = calculateRecommendedStrain(input.recovery);
|
||||
|
||||
return {
|
||||
contributors,
|
||||
status,
|
||||
strainRecommendation,
|
||||
};
|
||||
}
|
||||
|
||||
export function calculateRecommendedStrain(recovery: NullableNumber): StrainRecommendation {
|
||||
const value = safeNumber(recovery);
|
||||
|
||||
if (value === null) {
|
||||
return {
|
||||
min: 6,
|
||||
max: 10,
|
||||
label: "Balanserad",
|
||||
};
|
||||
}
|
||||
|
||||
if (value >= 85) {
|
||||
return {
|
||||
min: 13,
|
||||
max: 17,
|
||||
label: "Hög belastning möjlig",
|
||||
};
|
||||
}
|
||||
|
||||
if (value >= 70) {
|
||||
return {
|
||||
min: 11,
|
||||
max: 15,
|
||||
label: "Bra träningsläge",
|
||||
};
|
||||
}
|
||||
|
||||
if (value >= 50) {
|
||||
return {
|
||||
min: 8,
|
||||
max: 12,
|
||||
label: "Måttlig belastning",
|
||||
};
|
||||
}
|
||||
|
||||
if (value >= 35) {
|
||||
return {
|
||||
min: 5,
|
||||
max: 9,
|
||||
label: "Lugnare dag",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
min: 2,
|
||||
max: 6,
|
||||
label: "Prioritera återhämtning",
|
||||
};
|
||||
}
|
||||
|
||||
function calculateDailyStatus({
|
||||
recovery,
|
||||
strain,
|
||||
contributors,
|
||||
}: {
|
||||
recovery: NullableNumber;
|
||||
strain: NullableNumber;
|
||||
contributors: RecoveryContributors;
|
||||
}): DailyStatus {
|
||||
const recoveryValue = safeNumber(recovery) ?? 0;
|
||||
|
||||
const strainValue = safeNumber(strain) ?? 0;
|
||||
|
||||
const negativeSignals = [
|
||||
contributors.hrv.score,
|
||||
contributors.restingHeartRate.score,
|
||||
contributors.sleep.score,
|
||||
contributors.stress.score,
|
||||
].filter((value) => value < 0).length;
|
||||
|
||||
if (recoveryValue >= 80 && strainValue < 10 && negativeSignals <= 1) {
|
||||
return {
|
||||
level: "great",
|
||||
title: "Redo att prestera",
|
||||
text: "Din återhämtning är stark och dagens belastning är fortfarande relativt låg.",
|
||||
};
|
||||
}
|
||||
|
||||
if (recoveryValue >= 65 && negativeSignals <= 2) {
|
||||
return {
|
||||
level: "good",
|
||||
title: "Bra dag att bygga",
|
||||
text: "Kroppens signaler ser stabila ut. Ett måttligt till hårt pass passar bra idag.",
|
||||
};
|
||||
}
|
||||
|
||||
if (recoveryValue >= 45) {
|
||||
return {
|
||||
level: "moderate",
|
||||
title: "Balanserad dag",
|
||||
text: "Återhämtningen är måttlig. Anpassa belastningen efter hur kroppen känns under dagen.",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
level: "low",
|
||||
title: "Prioritera återhämtning",
|
||||
text: "Flera signaler pekar mot lägre återhämtning. Håll dagens belastning låg.",
|
||||
};
|
||||
}
|
||||
|
||||
function calculateRecoveryContributors(input: IntelligenceInput): RecoveryContributors {
|
||||
const hrvDeltaPercent = percentDelta(input.hrv, input.hrvBaseline);
|
||||
|
||||
const rhrDelta = absoluteDelta(input.restingHeartRate, input.restingHeartRateBaseline);
|
||||
|
||||
const sleepDelta = absoluteDelta(input.sleepScore, input.sleepBaseline);
|
||||
|
||||
const stressDelta = absoluteDelta(input.stress, input.stressBaseline);
|
||||
|
||||
return {
|
||||
hrv: {
|
||||
score:
|
||||
hrvDeltaPercent === null
|
||||
? 0
|
||||
: hrvDeltaPercent >= 8
|
||||
? 2
|
||||
: hrvDeltaPercent >= 2
|
||||
? 1
|
||||
: hrvDeltaPercent <= -10
|
||||
? -2
|
||||
: hrvDeltaPercent <= -4
|
||||
? -1
|
||||
: 0,
|
||||
|
||||
deltaPercent: hrvDeltaPercent,
|
||||
|
||||
label: formatPercentDelta(hrvDeltaPercent),
|
||||
},
|
||||
|
||||
restingHeartRate: {
|
||||
score:
|
||||
rhrDelta === null
|
||||
? 0
|
||||
: rhrDelta <= -3
|
||||
? 2
|
||||
: rhrDelta <= -1
|
||||
? 1
|
||||
: rhrDelta >= 5
|
||||
? -2
|
||||
: rhrDelta >= 2
|
||||
? -1
|
||||
: 0,
|
||||
|
||||
delta: rhrDelta,
|
||||
|
||||
label: formatAbsoluteDelta(rhrDelta, " bpm"),
|
||||
},
|
||||
|
||||
sleep: {
|
||||
score:
|
||||
sleepDelta === null
|
||||
? 0
|
||||
: sleepDelta >= 8
|
||||
? 2
|
||||
: sleepDelta >= 3
|
||||
? 1
|
||||
: sleepDelta <= -12
|
||||
? -2
|
||||
: sleepDelta <= -5
|
||||
? -1
|
||||
: 0,
|
||||
|
||||
delta: sleepDelta,
|
||||
|
||||
label: formatAbsoluteDelta(sleepDelta),
|
||||
},
|
||||
|
||||
stress: {
|
||||
score:
|
||||
stressDelta === null
|
||||
? 0
|
||||
: stressDelta <= -8
|
||||
? 2
|
||||
: stressDelta <= -3
|
||||
? 1
|
||||
: stressDelta >= 10
|
||||
? -2
|
||||
: stressDelta >= 5
|
||||
? -1
|
||||
: 0,
|
||||
|
||||
delta: stressDelta,
|
||||
|
||||
label: formatAbsoluteDelta(stressDelta),
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function percentDelta(value: NullableNumber, baseline: NullableNumber) {
|
||||
const current = safeNumber(value);
|
||||
|
||||
const reference = safeNumber(baseline);
|
||||
|
||||
if (current === null || reference === null || reference === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return Math.round(((current - reference) / reference) * 100);
|
||||
}
|
||||
|
||||
function absoluteDelta(value: NullableNumber, baseline: NullableNumber) {
|
||||
const current = safeNumber(value);
|
||||
|
||||
const reference = safeNumber(baseline);
|
||||
|
||||
if (current === null || reference === null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return Math.round((current - reference) * 10) / 10;
|
||||
}
|
||||
|
||||
function formatPercentDelta(value: number | null) {
|
||||
if (value === null) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
if (value > 0) {
|
||||
return `+${value} %`;
|
||||
}
|
||||
|
||||
return `${value} %`;
|
||||
}
|
||||
|
||||
function formatAbsoluteDelta(value: number | null, suffix = "") {
|
||||
if (value === null) {
|
||||
return "—";
|
||||
}
|
||||
|
||||
const formatted = Number.isInteger(value) ? String(value) : value.toFixed(1).replace(".", ",");
|
||||
|
||||
if (value > 0) {
|
||||
return `+${formatted}${suffix}`;
|
||||
}
|
||||
|
||||
return `${formatted}${suffix}`;
|
||||
}
|
||||
|
||||
function safeNumber(value: NullableNumber): number | null {
|
||||
return typeof value === "number" && Number.isFinite(value) ? value : null;
|
||||
}
|
||||
@@ -0,0 +1,421 @@
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
|
||||
export type WeightEntry = {
|
||||
date: string;
|
||||
weightKg: number;
|
||||
recordedAt: string;
|
||||
};
|
||||
|
||||
export type NotificationSettings = {
|
||||
enabled: boolean;
|
||||
|
||||
sleepSummary: boolean;
|
||||
lowSleepScore: boolean;
|
||||
sleepDebt: boolean;
|
||||
|
||||
recovery: boolean;
|
||||
hrvDeviation: boolean;
|
||||
elevatedRestingHeartRate: boolean;
|
||||
lowBodyBattery: boolean;
|
||||
highStress: boolean;
|
||||
|
||||
newActivity: boolean;
|
||||
stepGoalReached: boolean;
|
||||
intensityGoalReached: boolean;
|
||||
vo2maxChanged: boolean;
|
||||
|
||||
newRecommendation: boolean;
|
||||
vytaAgeChanged: boolean;
|
||||
weeklySummary: boolean;
|
||||
|
||||
quietHoursEnabled: boolean;
|
||||
quietHoursStart: string;
|
||||
quietHoursEnd: string;
|
||||
};
|
||||
|
||||
export type StrainScale = "21" | "100";
|
||||
|
||||
export type VytaSettings = {
|
||||
heightCm: number | null;
|
||||
weightKg: number | null;
|
||||
weightTargetKg: number | null;
|
||||
|
||||
calorieTarget: number | null;
|
||||
|
||||
stepGoal: number | null;
|
||||
intensityMinutesGoal: number | null;
|
||||
highIntensityMinutesGoal: number | null;
|
||||
sleepGoalMinutes: number | null;
|
||||
|
||||
strainScale: StrainScale;
|
||||
|
||||
notifications: NotificationSettings;
|
||||
|
||||
weightHistory: WeightEntry[];
|
||||
|
||||
updatedAt: string | null;
|
||||
};
|
||||
|
||||
const DEFAULT_NOTIFICATIONS: NotificationSettings = {
|
||||
enabled: true,
|
||||
|
||||
sleepSummary: true,
|
||||
lowSleepScore: true,
|
||||
sleepDebt: false,
|
||||
|
||||
recovery: true,
|
||||
hrvDeviation: true,
|
||||
elevatedRestingHeartRate: true,
|
||||
lowBodyBattery: false,
|
||||
highStress: false,
|
||||
|
||||
newActivity: true,
|
||||
stepGoalReached: true,
|
||||
intensityGoalReached: false,
|
||||
vo2maxChanged: true,
|
||||
|
||||
newRecommendation: true,
|
||||
vytaAgeChanged: true,
|
||||
weeklySummary: true,
|
||||
|
||||
quietHoursEnabled: true,
|
||||
quietHoursStart: "22:00",
|
||||
quietHoursEnd: "07:00",
|
||||
};
|
||||
|
||||
const DEFAULT_SETTINGS: VytaSettings = {
|
||||
heightCm: null,
|
||||
weightKg: null,
|
||||
weightTargetKg: null,
|
||||
|
||||
calorieTarget: null,
|
||||
|
||||
stepGoal: null,
|
||||
intensityMinutesGoal: null,
|
||||
highIntensityMinutesGoal: null,
|
||||
sleepGoalMinutes: null,
|
||||
|
||||
strainScale: "21",
|
||||
|
||||
notifications: DEFAULT_NOTIFICATIONS,
|
||||
|
||||
weightHistory: [],
|
||||
|
||||
updatedAt: null,
|
||||
};
|
||||
|
||||
function getSettingsPath() {
|
||||
return (
|
||||
process.env.VYTA_SETTINGS_PATH ||
|
||||
path.join(process.cwd(), "private-data", "settings.json")
|
||||
);
|
||||
}
|
||||
|
||||
export async function getVytaSettings(): Promise<VytaSettings> {
|
||||
const filePath = getSettingsPath();
|
||||
|
||||
try {
|
||||
const raw = await fs.readFile(filePath, "utf-8");
|
||||
const parsed = JSON.parse(raw);
|
||||
|
||||
const heightCm = validNumber(parsed.heightCm);
|
||||
const weightKg = validNumber(parsed.weightKg);
|
||||
const weightTargetKg = validNumber(parsed.weightTargetKg);
|
||||
|
||||
const calorieTarget = validNumber(parsed.calorieTarget);
|
||||
|
||||
const stepGoal = validNumber(parsed.stepGoal);
|
||||
const intensityMinutesGoal = validNumber(parsed.intensityMinutesGoal);
|
||||
const highIntensityMinutesGoal = validNumber(
|
||||
parsed.highIntensityMinutesGoal
|
||||
);
|
||||
const sleepGoalMinutes = validNumber(parsed.sleepGoalMinutes);
|
||||
|
||||
const strainScale: StrainScale =
|
||||
parsed.strainScale === "100" ? "100" : "21";
|
||||
|
||||
let weightHistory = parseWeightHistory(parsed.weightHistory);
|
||||
|
||||
if (weightKg !== null && weightHistory.length === 0) {
|
||||
const sourceDate =
|
||||
typeof parsed.updatedAt === "string"
|
||||
? new Date(parsed.updatedAt)
|
||||
: new Date();
|
||||
|
||||
const validDate = Number.isNaN(sourceDate.getTime())
|
||||
? new Date()
|
||||
: sourceDate;
|
||||
|
||||
weightHistory = [
|
||||
{
|
||||
date: formatLocalDate(validDate),
|
||||
weightKg,
|
||||
recordedAt: validDate.toISOString(),
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
const notifications = parseNotifications(parsed.notifications);
|
||||
|
||||
return {
|
||||
heightCm,
|
||||
weightKg,
|
||||
weightTargetKg,
|
||||
|
||||
calorieTarget,
|
||||
|
||||
stepGoal,
|
||||
intensityMinutesGoal,
|
||||
highIntensityMinutesGoal,
|
||||
sleepGoalMinutes,
|
||||
|
||||
strainScale,
|
||||
|
||||
notifications,
|
||||
|
||||
weightHistory,
|
||||
|
||||
updatedAt:
|
||||
typeof parsed.updatedAt === "string"
|
||||
? parsed.updatedAt
|
||||
: null,
|
||||
};
|
||||
} catch (error: unknown) {
|
||||
if (
|
||||
typeof error === "object" &&
|
||||
error !== null &&
|
||||
"code" in error &&
|
||||
(error as { code?: string }).code === "ENOENT"
|
||||
) {
|
||||
return DEFAULT_SETTINGS;
|
||||
}
|
||||
|
||||
console.error("Kunde inte läsa Vyta-inställningar:", error);
|
||||
|
||||
return DEFAULT_SETTINGS;
|
||||
}
|
||||
}
|
||||
|
||||
export async function saveVytaSettings(settings: {
|
||||
heightCm: number | null;
|
||||
weightKg: number | null;
|
||||
weightTargetKg: number | null;
|
||||
|
||||
calorieTarget: number | null;
|
||||
|
||||
stepGoal: number | null;
|
||||
intensityMinutesGoal: number | null;
|
||||
highIntensityMinutesGoal: number | null;
|
||||
sleepGoalMinutes: number | null;
|
||||
|
||||
strainScale?: StrainScale;
|
||||
|
||||
notifications?: Partial<NotificationSettings>;
|
||||
}): Promise<VytaSettings> {
|
||||
const existing = await getVytaSettings();
|
||||
|
||||
let weightHistory = [...existing.weightHistory];
|
||||
|
||||
if (
|
||||
settings.weightKg !== null &&
|
||||
(existing.weightKg === null ||
|
||||
settings.weightKg !== existing.weightKg)
|
||||
) {
|
||||
const now = new Date();
|
||||
const date = formatLocalDate(now);
|
||||
|
||||
const entry: WeightEntry = {
|
||||
date,
|
||||
weightKg: settings.weightKg,
|
||||
recordedAt: now.toISOString(),
|
||||
};
|
||||
|
||||
weightHistory = weightHistory.filter(
|
||||
(item) => item.date !== date
|
||||
);
|
||||
|
||||
weightHistory.push(entry);
|
||||
|
||||
weightHistory.sort((a, b) =>
|
||||
a.date.localeCompare(b.date)
|
||||
);
|
||||
}
|
||||
|
||||
if (settings.weightKg !== null && weightHistory.length === 0) {
|
||||
const now = new Date();
|
||||
|
||||
weightHistory.push({
|
||||
date: formatLocalDate(now),
|
||||
weightKg: settings.weightKg,
|
||||
recordedAt: now.toISOString(),
|
||||
});
|
||||
}
|
||||
|
||||
const notifications: NotificationSettings = {
|
||||
...existing.notifications,
|
||||
...settings.notifications,
|
||||
};
|
||||
|
||||
const result: VytaSettings = {
|
||||
heightCm: settings.heightCm,
|
||||
weightKg: settings.weightKg,
|
||||
weightTargetKg: settings.weightTargetKg,
|
||||
|
||||
calorieTarget: settings.calorieTarget,
|
||||
|
||||
stepGoal: settings.stepGoal,
|
||||
intensityMinutesGoal: settings.intensityMinutesGoal,
|
||||
highIntensityMinutesGoal: settings.highIntensityMinutesGoal,
|
||||
sleepGoalMinutes: settings.sleepGoalMinutes,
|
||||
|
||||
strainScale:
|
||||
settings.strainScale ??
|
||||
existing.strainScale,
|
||||
|
||||
notifications,
|
||||
|
||||
weightHistory,
|
||||
|
||||
updatedAt: new Date().toISOString(),
|
||||
};
|
||||
|
||||
const filePath = getSettingsPath();
|
||||
|
||||
await fs.mkdir(path.dirname(filePath), {
|
||||
recursive: true,
|
||||
});
|
||||
|
||||
const temporaryPath = `${filePath}.tmp`;
|
||||
|
||||
await fs.writeFile(
|
||||
temporaryPath,
|
||||
JSON.stringify(result, null, 2),
|
||||
"utf-8"
|
||||
);
|
||||
|
||||
await fs.rename(temporaryPath, filePath);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
function parseNotifications(value: unknown): NotificationSettings {
|
||||
if (typeof value !== "object" || value === null) {
|
||||
return DEFAULT_NOTIFICATIONS;
|
||||
}
|
||||
|
||||
const object = value as Record<string, unknown>;
|
||||
|
||||
return {
|
||||
enabled: booleanValue(object.enabled, true),
|
||||
|
||||
sleepSummary: booleanValue(object.sleepSummary, true),
|
||||
lowSleepScore: booleanValue(object.lowSleepScore, true),
|
||||
sleepDebt: booleanValue(object.sleepDebt, false),
|
||||
|
||||
recovery: booleanValue(object.recovery, true),
|
||||
hrvDeviation: booleanValue(object.hrvDeviation, true),
|
||||
elevatedRestingHeartRate: booleanValue(
|
||||
object.elevatedRestingHeartRate,
|
||||
true
|
||||
),
|
||||
lowBodyBattery: booleanValue(object.lowBodyBattery, false),
|
||||
highStress: booleanValue(object.highStress, false),
|
||||
|
||||
newActivity: booleanValue(object.newActivity, true),
|
||||
stepGoalReached: booleanValue(object.stepGoalReached, true),
|
||||
intensityGoalReached: booleanValue(
|
||||
object.intensityGoalReached,
|
||||
false
|
||||
),
|
||||
vo2maxChanged: booleanValue(object.vo2maxChanged, true),
|
||||
|
||||
newRecommendation: booleanValue(object.newRecommendation, true),
|
||||
vytaAgeChanged: booleanValue(object.vytaAgeChanged, true),
|
||||
weeklySummary: booleanValue(object.weeklySummary, true),
|
||||
|
||||
quietHoursEnabled: booleanValue(object.quietHoursEnabled, true),
|
||||
|
||||
quietHoursStart: stringValue(
|
||||
object.quietHoursStart,
|
||||
"22:00"
|
||||
),
|
||||
|
||||
quietHoursEnd: stringValue(
|
||||
object.quietHoursEnd,
|
||||
"07:00"
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
function booleanValue(value: unknown, fallback: boolean) {
|
||||
return typeof value === "boolean" ? value : fallback;
|
||||
}
|
||||
|
||||
function stringValue(value: unknown, fallback: string) {
|
||||
return typeof value === "string" ? value : fallback;
|
||||
}
|
||||
|
||||
function parseWeightHistory(value: unknown): WeightEntry[] {
|
||||
if (!Array.isArray(value)) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return value
|
||||
.map((entry) => {
|
||||
if (typeof entry !== "object" || entry === null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const object = entry as Record<string, unknown>;
|
||||
const weightKg = validNumber(object.weightKg);
|
||||
|
||||
if (
|
||||
weightKg === null ||
|
||||
typeof object.date !== "string"
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return {
|
||||
date: object.date,
|
||||
weightKg,
|
||||
recordedAt:
|
||||
typeof object.recordedAt === "string"
|
||||
? object.recordedAt
|
||||
: object.date,
|
||||
};
|
||||
})
|
||||
.filter(
|
||||
(entry): entry is WeightEntry =>
|
||||
entry !== null
|
||||
)
|
||||
.sort((a, b) =>
|
||||
a.date.localeCompare(b.date)
|
||||
);
|
||||
}
|
||||
|
||||
function validNumber(value: unknown): number | null {
|
||||
if (
|
||||
typeof value === "number" &&
|
||||
Number.isFinite(value)
|
||||
) {
|
||||
return value;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function formatLocalDate(date: Date) {
|
||||
const year = date.getFullYear();
|
||||
|
||||
const month = String(
|
||||
date.getMonth() + 1
|
||||
).padStart(2, "0");
|
||||
|
||||
const day = String(
|
||||
date.getDate()
|
||||
).padStart(2, "0");
|
||||
|
||||
return `${year}-${month}-${day}`;
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
import { NextRequest, NextResponse } from "next/server";
|
||||
|
||||
import { SESSION_COOKIE, verifySessionToken } from "./lib/auth";
|
||||
|
||||
export async function proxy(request: NextRequest) {
|
||||
const pathname = request.nextUrl.pathname;
|
||||
|
||||
/*
|
||||
* Publika routes som måste fungera
|
||||
* innan användaren har en VYTA-session.
|
||||
*/
|
||||
const publicRoutes = [
|
||||
"/login",
|
||||
|
||||
/*
|
||||
* Legacy-login behålls tillfälligt
|
||||
* tills Pocket ID är verifierat.
|
||||
*/
|
||||
"/api/login",
|
||||
|
||||
/*
|
||||
* Pocket ID / OIDC
|
||||
*/
|
||||
"/api/auth/login",
|
||||
"/api/auth/callback/pocketid",
|
||||
|
||||
/*
|
||||
* Logout måste kunna nås även om
|
||||
* sessionen redan hunnit bli ogiltig.
|
||||
*/
|
||||
"/api/logout",
|
||||
"/api/notifications/evaluate",
|
||||
|
||||
/*
|
||||
* PWA / icons
|
||||
*/
|
||||
"/manifest.webmanifest",
|
||||
"/favicon.ico",
|
||||
"/icon",
|
||||
"/apple-icon",
|
||||
"/sw.js",
|
||||
];
|
||||
|
||||
const isPublic = publicRoutes.some(
|
||||
(route) => pathname === route || pathname.startsWith(`${route}/`)
|
||||
);
|
||||
|
||||
if (isPublic) {
|
||||
return NextResponse.next();
|
||||
}
|
||||
|
||||
/*
|
||||
* Läs VYTA-sessionen.
|
||||
*/
|
||||
const token = request.cookies.get(SESSION_COOKIE)?.value;
|
||||
|
||||
const session = await verifySessionToken(token);
|
||||
|
||||
const authenticated = session !== null && session !== false;
|
||||
|
||||
if (authenticated) {
|
||||
return NextResponse.next();
|
||||
}
|
||||
|
||||
/*
|
||||
* API-anrop ska aldrig redirectas till HTML-login.
|
||||
* De ska få ett rent 401-svar.
|
||||
*/
|
||||
if (pathname.startsWith("/api/")) {
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: "Unauthorized",
|
||||
},
|
||||
{
|
||||
status: 401,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Vanliga sidor skickas till login.
|
||||
*
|
||||
* Vi använder VYTA_PUBLIC_URL när den finns,
|
||||
* så redirecten fungerar korrekt bakom
|
||||
* Pangolin/reverse proxy.
|
||||
*/
|
||||
const publicUrl = process.env.VYTA_PUBLIC_URL;
|
||||
|
||||
const loginUrl = publicUrl ? new URL("/login", publicUrl) : request.nextUrl.clone();
|
||||
|
||||
if (!publicUrl) {
|
||||
loginUrl.pathname = "/login";
|
||||
|
||||
loginUrl.search = "";
|
||||
}
|
||||
|
||||
return NextResponse.redirect(loginUrl);
|
||||
}
|
||||
|
||||
export const config = {
|
||||
matcher: [
|
||||
/*
|
||||
* Skydda allt utom Next.js statiska assets
|
||||
* och vanliga bildfiler.
|
||||
*/
|
||||
"/((?!_next/static|_next/image|.*\\.(?:png|jpg|jpeg|gif|svg|webp|ico)$).*)",
|
||||
],
|
||||
};
|
||||
@@ -0,0 +1,98 @@
|
||||
export type GarminDailySummary = {
|
||||
calendarDate: string;
|
||||
|
||||
steps?: number;
|
||||
|
||||
distanceMeters?: number;
|
||||
|
||||
activeKilocalories?: number;
|
||||
totalKilocalories?: number;
|
||||
|
||||
restingHeartRate?: number;
|
||||
minHeartRate?: number;
|
||||
maxHeartRate?: number;
|
||||
|
||||
averageStressLevel?: number;
|
||||
|
||||
moderateIntensityMinutes?: number;
|
||||
vigorousIntensityMinutes?: number;
|
||||
|
||||
bodyBatteryCurrent?: number;
|
||||
bodyBatteryHighest?: number;
|
||||
bodyBatteryLowest?: number;
|
||||
|
||||
averageRespirationRate?: number;
|
||||
|
||||
averageSpo2?: number;
|
||||
};
|
||||
|
||||
export type GarminSleepSummary = {
|
||||
calendarDate: string;
|
||||
|
||||
sleepScore?: number;
|
||||
|
||||
durationSeconds?: number;
|
||||
|
||||
deepSleepSeconds?: number;
|
||||
lightSleepSeconds?: number;
|
||||
remSleepSeconds?: number;
|
||||
awakeSeconds?: number;
|
||||
|
||||
sleepEfficiency?: number;
|
||||
|
||||
averageRespirationRate?: number;
|
||||
|
||||
averageSpo2?: number;
|
||||
lowestSpo2?: number;
|
||||
};
|
||||
|
||||
export type GarminHrvSummary = {
|
||||
calendarDate: string;
|
||||
|
||||
nightlyAverage?: number;
|
||||
};
|
||||
|
||||
export type GarminHealthStatus = {
|
||||
calendarDate: string;
|
||||
|
||||
skinTemperatureDeviation?: number;
|
||||
|
||||
respirationAverage?: number;
|
||||
|
||||
spo2Average?: number;
|
||||
};
|
||||
|
||||
export type GarminFitnessSummary = {
|
||||
calendarDate: string;
|
||||
|
||||
vo2max?: number;
|
||||
|
||||
trainingReadiness?: number;
|
||||
|
||||
recoveryTimeHours?: number;
|
||||
};
|
||||
|
||||
export type GarminActivity = {
|
||||
activityId: string;
|
||||
|
||||
activityName?: string;
|
||||
activityType: string;
|
||||
|
||||
startTime: string;
|
||||
|
||||
durationSeconds: number;
|
||||
|
||||
distanceMeters?: number;
|
||||
|
||||
calories?: number;
|
||||
|
||||
averageHeartRate?: number;
|
||||
maxHeartRate?: number;
|
||||
|
||||
aerobicTrainingEffect?: number;
|
||||
anaerobicTrainingEffect?: number;
|
||||
|
||||
elevationGainMeters?: number;
|
||||
|
||||
averageSpeedMetersPerSecond?: number;
|
||||
};
|
||||
@@ -0,0 +1,98 @@
|
||||
export type VytaSleep = {
|
||||
score: number | null;
|
||||
|
||||
durationMinutes: number | null;
|
||||
sleepNeedMinutes: number | null;
|
||||
sleepDebtMinutes: number | null;
|
||||
|
||||
deepMinutes: number | null;
|
||||
lightMinutes: number | null;
|
||||
remMinutes: number | null;
|
||||
awakeMinutes: number | null;
|
||||
|
||||
efficiency: number | null;
|
||||
|
||||
respirationAverage: number | null;
|
||||
spo2Average: number | null;
|
||||
spo2Lowest: number | null;
|
||||
|
||||
skinTemperatureDeviation: number | null;
|
||||
};
|
||||
|
||||
export type VytaCardio = {
|
||||
restingHeartRate: number | null;
|
||||
|
||||
averageHeartRate: number | null;
|
||||
maxHeartRate: number | null;
|
||||
|
||||
hrvNightAverage: number | null;
|
||||
|
||||
respirationRate: number | null;
|
||||
spo2: number | null;
|
||||
|
||||
vo2max: number | null;
|
||||
};
|
||||
|
||||
export type VytaEnergy = {
|
||||
stressAverage: number | null;
|
||||
|
||||
bodyBatteryCurrent: number | null;
|
||||
bodyBatteryHighest: number | null;
|
||||
bodyBatteryLowest: number | null;
|
||||
};
|
||||
|
||||
export type VytaActivitySummary = {
|
||||
steps: number | null;
|
||||
distanceMeters: number | null;
|
||||
|
||||
caloriesTotal: number | null;
|
||||
caloriesActive: number | null;
|
||||
|
||||
intensityMinutesModerate: number | null;
|
||||
intensityMinutesVigorous: number | null;
|
||||
};
|
||||
|
||||
export type VytaTraining = {
|
||||
trainingReadiness: number | null;
|
||||
recoveryTimeHours: number | null;
|
||||
};
|
||||
|
||||
export type VytaDailyData = {
|
||||
date: string;
|
||||
|
||||
sleep: VytaSleep;
|
||||
|
||||
cardio: VytaCardio;
|
||||
|
||||
energy: VytaEnergy;
|
||||
|
||||
activity: VytaActivitySummary;
|
||||
|
||||
training: VytaTraining;
|
||||
};
|
||||
|
||||
export type VytaActivity = {
|
||||
id: string;
|
||||
|
||||
type: string;
|
||||
name: string | null;
|
||||
|
||||
startTime: string;
|
||||
durationSeconds: number;
|
||||
|
||||
distanceMeters: number | null;
|
||||
|
||||
calories: number | null;
|
||||
|
||||
averageHeartRate: number | null;
|
||||
maxHeartRate: number | null;
|
||||
|
||||
aerobicTrainingEffect: number | null;
|
||||
anaerobicTrainingEffect: number | null;
|
||||
|
||||
elevationGainMeters: number | null;
|
||||
|
||||
averageSpeedMetersPerSecond: number | null;
|
||||
|
||||
rawFitAvailable: boolean;
|
||||
};
|
||||
@@ -0,0 +1,288 @@
|
||||
export type VytaApiData = {
|
||||
meta: {
|
||||
generatedAt: string;
|
||||
source: string;
|
||||
provider: string;
|
||||
latestDataDate: string;
|
||||
daysAvailable: number;
|
||||
};
|
||||
|
||||
baselines: {
|
||||
hrv: number | null;
|
||||
restingHeartRate: number | null;
|
||||
sleepScore: number | null;
|
||||
stress: number | null;
|
||||
bodyBattery: number | null;
|
||||
spo2: number | null;
|
||||
};
|
||||
|
||||
today: {
|
||||
date: string;
|
||||
|
||||
recovery: number | null;
|
||||
strain: number;
|
||||
|
||||
heart: {
|
||||
restingHeartRate: number | null;
|
||||
minHeartRate: number | null;
|
||||
maxHeartRate: number | null;
|
||||
hrv: number | null;
|
||||
};
|
||||
|
||||
sleep: {
|
||||
score: number | null;
|
||||
|
||||
durationMinutes: number | null;
|
||||
needMinutes: number | null;
|
||||
debtMinutes: number | null;
|
||||
|
||||
deepMinutes: number | null;
|
||||
lightMinutes: number | null;
|
||||
remMinutes: number | null;
|
||||
awakeMinutes: number | null;
|
||||
|
||||
sleepStartTime?: string | null;
|
||||
sleepEndTime?: string | null;
|
||||
};
|
||||
|
||||
energy: {
|
||||
stress: number | null;
|
||||
|
||||
bodyBattery: number | null;
|
||||
bodyBatteryHighest: number | null;
|
||||
bodyBatteryLowest: number | null;
|
||||
bodyBatteryCharged: number | null;
|
||||
bodyBatteryDrained: number | null;
|
||||
};
|
||||
|
||||
health: {
|
||||
spo2Average: number | null;
|
||||
spo2Lowest: number | null;
|
||||
|
||||
respirationSleep: number | null;
|
||||
respirationAwake: number | null;
|
||||
};
|
||||
|
||||
activity: {
|
||||
steps: number | null;
|
||||
distanceMeters: number | null;
|
||||
|
||||
totalCalories: number | null;
|
||||
activeCalories: number | null;
|
||||
|
||||
moderateIntensityMinutes: number | null;
|
||||
|
||||
vigorousIntensityMinutes: number | null;
|
||||
};
|
||||
|
||||
training: {
|
||||
readiness: number | null;
|
||||
|
||||
vo2max: unknown;
|
||||
|
||||
status: unknown;
|
||||
|
||||
loadBalance: unknown;
|
||||
|
||||
fitnessAge?: number | null;
|
||||
};
|
||||
};
|
||||
|
||||
todayActivities: Array<{
|
||||
id: string;
|
||||
|
||||
name: string | null;
|
||||
type: string | null;
|
||||
|
||||
startTime: string | null;
|
||||
|
||||
durationMinutes: number | null;
|
||||
|
||||
distanceMeters: number | null;
|
||||
|
||||
calories: number | null;
|
||||
|
||||
averageHeartRate: number | null;
|
||||
maxHeartRate: number | null;
|
||||
|
||||
aerobicTrainingEffect: number | null;
|
||||
|
||||
anaerobicTrainingEffect: number | null;
|
||||
|
||||
garminTrainingLoad: number | null;
|
||||
|
||||
trainingEffectLabel: string | null;
|
||||
|
||||
bodyBatteryImpact: number | null;
|
||||
|
||||
strain: number;
|
||||
|
||||
heartRateZones: {
|
||||
zone1Minutes: number | null;
|
||||
zone2Minutes: number | null;
|
||||
zone3Minutes: number | null;
|
||||
zone4Minutes: number | null;
|
||||
zone5Minutes: number | null;
|
||||
};
|
||||
}>;
|
||||
|
||||
history: Array<{
|
||||
date: string;
|
||||
|
||||
recovery: number | null;
|
||||
strain: number;
|
||||
|
||||
heart: {
|
||||
restingHeartRate: number | null;
|
||||
minHeartRate?: number | null;
|
||||
maxHeartRate?: number | null;
|
||||
hrv: number | null;
|
||||
};
|
||||
|
||||
sleep: {
|
||||
score: number | null;
|
||||
|
||||
durationMinutes?: number | null;
|
||||
needMinutes?: number | null;
|
||||
debtMinutes?: number | null;
|
||||
|
||||
deepMinutes?: number | null;
|
||||
lightMinutes?: number | null;
|
||||
remMinutes?: number | null;
|
||||
awakeMinutes?: number | null;
|
||||
|
||||
sleepStartTime?: string | null;
|
||||
sleepEndTime?: string | null;
|
||||
};
|
||||
|
||||
energy: {
|
||||
stress: number | null;
|
||||
|
||||
bodyBattery?: number | null;
|
||||
|
||||
bodyBatteryHighest?: number | null;
|
||||
|
||||
bodyBatteryLowest?: number | null;
|
||||
};
|
||||
|
||||
health?: {
|
||||
spo2Average?: number | null;
|
||||
|
||||
spo2Lowest?: number | null;
|
||||
|
||||
respirationSleep?: number | null;
|
||||
|
||||
respirationAwake?: number | null;
|
||||
};
|
||||
|
||||
activity: {
|
||||
steps: number | null;
|
||||
|
||||
distanceMeters?: number | null;
|
||||
|
||||
totalCalories?: number | null;
|
||||
|
||||
activeCalories?: number | null;
|
||||
|
||||
moderateIntensityMinutes: number | null;
|
||||
|
||||
vigorousIntensityMinutes: number | null;
|
||||
};
|
||||
|
||||
training?: {
|
||||
readiness?: number | null;
|
||||
|
||||
vo2max?: unknown;
|
||||
|
||||
status?: unknown;
|
||||
|
||||
loadBalance?: unknown;
|
||||
|
||||
fitnessAge?: number | null;
|
||||
};
|
||||
}>;
|
||||
|
||||
activities: Array<{
|
||||
id: string;
|
||||
|
||||
name: string | null;
|
||||
type: string | null;
|
||||
|
||||
startTime: string | null;
|
||||
|
||||
durationMinutes: number | null;
|
||||
|
||||
distanceMeters: number | null;
|
||||
|
||||
calories: number | null;
|
||||
|
||||
averageHeartRate: number | null;
|
||||
maxHeartRate: number | null;
|
||||
|
||||
averageSpeed: number | null;
|
||||
|
||||
aerobicTrainingEffect: number | null;
|
||||
|
||||
anaerobicTrainingEffect: number | null;
|
||||
|
||||
garminTrainingLoad: number | null;
|
||||
|
||||
trainingEffectLabel: string | null;
|
||||
|
||||
bodyBatteryImpact: number | null;
|
||||
|
||||
strain: number;
|
||||
|
||||
heartRateZones: {
|
||||
zone1Minutes: number | null;
|
||||
zone2Minutes: number | null;
|
||||
zone3Minutes: number | null;
|
||||
zone4Minutes: number | null;
|
||||
zone5Minutes: number | null;
|
||||
};
|
||||
|
||||
details?: {
|
||||
route: Array<{
|
||||
lat: number;
|
||||
lon: number;
|
||||
|
||||
time?: number | null;
|
||||
speedMps?: number | null;
|
||||
altitudeMeters?: number | null;
|
||||
}>;
|
||||
|
||||
series: Array<{
|
||||
timestamp: number | null;
|
||||
heartRate: number | null;
|
||||
cadence: number | null;
|
||||
distanceMeters: number | null;
|
||||
speedMps: number | null;
|
||||
elevationMeters: number | null;
|
||||
lat: number | null;
|
||||
lon: number | null;
|
||||
}>;
|
||||
|
||||
bounds: {
|
||||
minLat: number | null;
|
||||
maxLat: number | null;
|
||||
minLon: number | null;
|
||||
maxLon: number | null;
|
||||
};
|
||||
} | null;
|
||||
|
||||
laps?: Array<{
|
||||
index: number | null;
|
||||
distanceMeters: number | null;
|
||||
durationSeconds: number | null;
|
||||
movingDurationSeconds: number | null;
|
||||
averageSpeed: number | null;
|
||||
maxSpeed: number | null;
|
||||
averageHeartRate: number | null;
|
||||
maxHeartRate: number | null;
|
||||
averageCadence: number | null;
|
||||
maxCadence: number | null;
|
||||
elevationGain: number | null;
|
||||
elevationLoss: number | null;
|
||||
}> | null;
|
||||
}>;
|
||||
};
|
||||
@@ -0,0 +1,34 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2017",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
"noEmit": true,
|
||||
"esModuleInterop": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "bundler",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "react-jsx",
|
||||
"incremental": true,
|
||||
"plugins": [
|
||||
{
|
||||
"name": "next"
|
||||
}
|
||||
],
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"next-env.d.ts",
|
||||
"**/*.ts",
|
||||
"**/*.tsx",
|
||||
".next/types/**/*.ts",
|
||||
".next/dev/types/**/*.ts",
|
||||
"**/*.mts"
|
||||
],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.garmin_tokens/
|
||||
garmin-credentials.json
|
||||
*.tmp
|
||||
logs/
|
||||
@@ -0,0 +1,13 @@
|
||||
FROM python:3.12-slim
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
ENV PYTHONUNBUFFERED=1
|
||||
|
||||
COPY requirements.txt ./
|
||||
|
||||
RUN pip install --no-cache-dir -r requirements.txt
|
||||
|
||||
COPY . .
|
||||
|
||||
CMD ["python", "sync.py"]
|
||||
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,3 @@
|
||||
garminconnect
|
||||
python-dotenv
|
||||
bleak
|
||||
Executable
+8
@@ -0,0 +1,8 @@
|
||||
@echo off
|
||||
|
||||
cd /d "C:\Users\Silicon Solder\Documents\Codex\vyta-sync"
|
||||
|
||||
"C:\Users\Silicon Solder\Documents\Codex\vyta-sync\.venv\Scripts\python.exe" ^
|
||||
"C:\Users\Silicon Solder\Documents\Codex\vyta-sync\sync.py"
|
||||
|
||||
exit /b %errorlevel%
|
||||
@@ -0,0 +1,288 @@
|
||||
import json
|
||||
import os
|
||||
import subprocess
|
||||
import sys
|
||||
import time
|
||||
from datetime import datetime, timezone
|
||||
|
||||
|
||||
BASE_DIR = os.path.dirname(
|
||||
os.path.abspath(__file__)
|
||||
)
|
||||
|
||||
SYNC_SCRIPT = os.path.join(
|
||||
BASE_DIR,
|
||||
"sync.py",
|
||||
)
|
||||
|
||||
SYNC_INTERVAL = int(
|
||||
os.environ.get(
|
||||
"VYTA_SYNC_INTERVAL_SECONDS",
|
||||
"300",
|
||||
)
|
||||
)
|
||||
|
||||
POLL_INTERVAL = int(
|
||||
os.environ.get(
|
||||
"VYTA_SYNC_POLL_SECONDS",
|
||||
"2",
|
||||
)
|
||||
)
|
||||
|
||||
REQUEST_FILE = os.environ.get(
|
||||
"VYTA_SYNC_REQUEST_PATH",
|
||||
"/data/sync-request.json",
|
||||
)
|
||||
|
||||
STATUS_FILE = os.environ.get(
|
||||
"VYTA_SYNC_STATUS_PATH",
|
||||
"/data/sync-status.json",
|
||||
)
|
||||
|
||||
|
||||
def utc_now():
|
||||
return datetime.now(
|
||||
timezone.utc
|
||||
).isoformat()
|
||||
|
||||
|
||||
def read_status():
|
||||
try:
|
||||
with open(
|
||||
STATUS_FILE,
|
||||
"r",
|
||||
encoding="utf-8",
|
||||
) as file:
|
||||
loaded = json.load(file)
|
||||
|
||||
return (
|
||||
loaded
|
||||
if isinstance(
|
||||
loaded,
|
||||
dict,
|
||||
)
|
||||
else {}
|
||||
)
|
||||
|
||||
except (
|
||||
FileNotFoundError,
|
||||
json.JSONDecodeError,
|
||||
):
|
||||
return {}
|
||||
|
||||
|
||||
def write_status(
|
||||
**updates,
|
||||
):
|
||||
existing = read_status()
|
||||
|
||||
result = {
|
||||
**existing,
|
||||
**updates,
|
||||
}
|
||||
|
||||
directory = os.path.dirname(
|
||||
STATUS_FILE
|
||||
)
|
||||
|
||||
if directory:
|
||||
os.makedirs(
|
||||
directory,
|
||||
exist_ok=True,
|
||||
)
|
||||
|
||||
temporary_file = (
|
||||
STATUS_FILE +
|
||||
".tmp"
|
||||
)
|
||||
|
||||
with open(
|
||||
temporary_file,
|
||||
"w",
|
||||
encoding="utf-8",
|
||||
) as file:
|
||||
json.dump(
|
||||
result,
|
||||
file,
|
||||
ensure_ascii=False,
|
||||
indent=2,
|
||||
)
|
||||
|
||||
os.replace(
|
||||
temporary_file,
|
||||
STATUS_FILE,
|
||||
)
|
||||
|
||||
|
||||
def consume_manual_request():
|
||||
if not os.path.exists(
|
||||
REQUEST_FILE
|
||||
):
|
||||
return False
|
||||
|
||||
try:
|
||||
os.remove(
|
||||
REQUEST_FILE
|
||||
)
|
||||
|
||||
print(
|
||||
"Manuell sync begärd.",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
return True
|
||||
|
||||
except FileNotFoundError:
|
||||
return False
|
||||
|
||||
|
||||
def run_sync(
|
||||
trigger: str,
|
||||
):
|
||||
print(
|
||||
"",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
print(
|
||||
"=" * 60,
|
||||
flush=True,
|
||||
)
|
||||
|
||||
print(
|
||||
f"VYTA sync trigger: {trigger}",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
print(
|
||||
f"Tid: {utc_now()}",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
print(
|
||||
"=" * 60,
|
||||
flush=True,
|
||||
)
|
||||
|
||||
write_status(
|
||||
trigger=trigger,
|
||||
)
|
||||
|
||||
result = subprocess.run(
|
||||
[
|
||||
sys.executable,
|
||||
SYNC_SCRIPT,
|
||||
],
|
||||
cwd=BASE_DIR,
|
||||
)
|
||||
|
||||
if result.returncode != 0:
|
||||
print(
|
||||
"Sync slutade med exit code "
|
||||
f"{result.returncode}",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
return result.returncode
|
||||
|
||||
|
||||
def update_countdown(
|
||||
seconds: int,
|
||||
):
|
||||
write_status(
|
||||
nextAutomaticSyncInSeconds=max(
|
||||
0,
|
||||
int(seconds),
|
||||
),
|
||||
syncIntervalSeconds=
|
||||
SYNC_INTERVAL,
|
||||
)
|
||||
|
||||
|
||||
def main():
|
||||
print(
|
||||
"VYTA scheduler startad",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
print(
|
||||
"Automatisk sync: "
|
||||
f"var {SYNC_INTERVAL} sekund",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
print(
|
||||
"Manuell trigger: "
|
||||
f"{REQUEST_FILE}",
|
||||
flush=True,
|
||||
)
|
||||
|
||||
# Kör direkt när containern startar.
|
||||
run_sync(
|
||||
"startup"
|
||||
)
|
||||
|
||||
last_run = time.monotonic()
|
||||
|
||||
while True:
|
||||
now = time.monotonic()
|
||||
|
||||
elapsed = (
|
||||
now -
|
||||
last_run
|
||||
)
|
||||
|
||||
remaining = (
|
||||
SYNC_INTERVAL -
|
||||
elapsed
|
||||
)
|
||||
|
||||
if consume_manual_request():
|
||||
run_sync(
|
||||
"manual"
|
||||
)
|
||||
|
||||
last_run = (
|
||||
time.monotonic()
|
||||
)
|
||||
|
||||
update_countdown(
|
||||
SYNC_INTERVAL
|
||||
)
|
||||
|
||||
time.sleep(
|
||||
POLL_INTERVAL
|
||||
)
|
||||
|
||||
continue
|
||||
|
||||
if remaining <= 0:
|
||||
run_sync(
|
||||
"scheduled"
|
||||
)
|
||||
|
||||
last_run = (
|
||||
time.monotonic()
|
||||
)
|
||||
|
||||
update_countdown(
|
||||
SYNC_INTERVAL
|
||||
)
|
||||
|
||||
time.sleep(
|
||||
POLL_INTERVAL
|
||||
)
|
||||
|
||||
continue
|
||||
|
||||
update_countdown(
|
||||
remaining
|
||||
)
|
||||
|
||||
time.sleep(
|
||||
POLL_INTERVAL
|
||||
)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,379 @@
|
||||
import json
|
||||
import os
|
||||
import subprocess
|
||||
import sys
|
||||
import urllib.error
|
||||
import urllib.request
|
||||
from datetime import datetime, timezone
|
||||
|
||||
|
||||
BASE_DIR = os.path.dirname(
|
||||
os.path.abspath(__file__)
|
||||
)
|
||||
|
||||
COLLECTOR = os.path.join(
|
||||
BASE_DIR,
|
||||
"collector.py",
|
||||
)
|
||||
|
||||
NORMALIZER = os.path.join(
|
||||
BASE_DIR,
|
||||
"normalizer.py",
|
||||
)
|
||||
|
||||
UPLOADER = os.path.join(
|
||||
BASE_DIR,
|
||||
"upload_to_blob.py",
|
||||
)
|
||||
|
||||
LOG_DIR = os.path.join(
|
||||
BASE_DIR,
|
||||
"logs",
|
||||
)
|
||||
|
||||
LOG_FILE = os.path.join(
|
||||
LOG_DIR,
|
||||
"sync.log",
|
||||
)
|
||||
|
||||
STATUS_FILE = os.environ.get(
|
||||
"VYTA_SYNC_STATUS_PATH",
|
||||
"/data/sync-status.json",
|
||||
)
|
||||
|
||||
|
||||
def utc_now():
|
||||
return datetime.now(
|
||||
timezone.utc
|
||||
).isoformat()
|
||||
|
||||
|
||||
def log(message: str):
|
||||
os.makedirs(
|
||||
LOG_DIR,
|
||||
exist_ok=True,
|
||||
)
|
||||
|
||||
timestamp = datetime.now().strftime(
|
||||
"%Y-%m-%d %H:%M:%S"
|
||||
)
|
||||
|
||||
line = f"[{timestamp}] {message}"
|
||||
|
||||
print(
|
||||
line,
|
||||
flush=True,
|
||||
)
|
||||
|
||||
with open(
|
||||
LOG_FILE,
|
||||
"a",
|
||||
encoding="utf-8",
|
||||
) as file:
|
||||
file.write(
|
||||
line + "\n"
|
||||
)
|
||||
|
||||
|
||||
def read_status():
|
||||
try:
|
||||
with open(
|
||||
STATUS_FILE,
|
||||
"r",
|
||||
encoding="utf-8",
|
||||
) as file:
|
||||
value = json.load(
|
||||
file
|
||||
)
|
||||
|
||||
return (
|
||||
value
|
||||
if isinstance(
|
||||
value,
|
||||
dict,
|
||||
)
|
||||
else {}
|
||||
)
|
||||
|
||||
except (
|
||||
FileNotFoundError,
|
||||
json.JSONDecodeError,
|
||||
):
|
||||
return {}
|
||||
|
||||
|
||||
def write_status(
|
||||
**updates,
|
||||
):
|
||||
existing = read_status()
|
||||
|
||||
result = {
|
||||
**existing,
|
||||
**updates,
|
||||
}
|
||||
|
||||
directory = os.path.dirname(
|
||||
STATUS_FILE
|
||||
)
|
||||
|
||||
if directory:
|
||||
os.makedirs(
|
||||
directory,
|
||||
exist_ok=True,
|
||||
)
|
||||
|
||||
temporary_file = (
|
||||
STATUS_FILE +
|
||||
".tmp"
|
||||
)
|
||||
|
||||
with open(
|
||||
temporary_file,
|
||||
"w",
|
||||
encoding="utf-8",
|
||||
) as file:
|
||||
json.dump(
|
||||
result,
|
||||
file,
|
||||
ensure_ascii=False,
|
||||
indent=2,
|
||||
)
|
||||
|
||||
os.replace(
|
||||
temporary_file,
|
||||
STATUS_FILE,
|
||||
)
|
||||
|
||||
|
||||
def run_script(
|
||||
script_path: str
|
||||
):
|
||||
name = os.path.basename(
|
||||
script_path
|
||||
)
|
||||
|
||||
log(
|
||||
f"Startar {name}"
|
||||
)
|
||||
|
||||
result = subprocess.run(
|
||||
[
|
||||
sys.executable,
|
||||
script_path,
|
||||
],
|
||||
cwd=BASE_DIR,
|
||||
stdin=None,
|
||||
stdout=None,
|
||||
stderr=None,
|
||||
)
|
||||
|
||||
if result.returncode != 0:
|
||||
raise RuntimeError(
|
||||
f"{name} misslyckades "
|
||||
f"med exit code "
|
||||
f"{result.returncode}"
|
||||
)
|
||||
|
||||
log(
|
||||
f"{name} klar"
|
||||
)
|
||||
|
||||
|
||||
def should_upload_to_blob():
|
||||
value = os.environ.get(
|
||||
"VYTA_UPLOAD_TO_BLOB",
|
||||
"0",
|
||||
)
|
||||
|
||||
return (
|
||||
value
|
||||
.strip()
|
||||
.lower()
|
||||
in (
|
||||
"1",
|
||||
"true",
|
||||
"yes",
|
||||
"on",
|
||||
)
|
||||
)
|
||||
|
||||
|
||||
|
||||
def notify_vyta():
|
||||
web_url = os.environ.get(
|
||||
"VYTA_WEB_URL",
|
||||
"",
|
||||
).strip().rstrip("/")
|
||||
|
||||
secret = os.environ.get(
|
||||
"VYTA_INTERNAL_SYNC_SECRET",
|
||||
"",
|
||||
).strip()
|
||||
|
||||
if not web_url:
|
||||
log(
|
||||
"Notifiering hoppas över: "
|
||||
"VYTA_WEB_URL saknas"
|
||||
)
|
||||
return
|
||||
|
||||
if not secret:
|
||||
log(
|
||||
"Notifiering hoppas över: "
|
||||
"VYTA_INTERNAL_SYNC_SECRET saknas"
|
||||
)
|
||||
return
|
||||
|
||||
url = (
|
||||
web_url +
|
||||
"/api/notifications/evaluate"
|
||||
)
|
||||
|
||||
request = urllib.request.Request(
|
||||
url,
|
||||
data=b"{}",
|
||||
method="POST",
|
||||
headers={
|
||||
"Authorization":
|
||||
f"Bearer {secret}",
|
||||
"Content-Type":
|
||||
"application/json",
|
||||
},
|
||||
)
|
||||
|
||||
try:
|
||||
with urllib.request.urlopen(
|
||||
request,
|
||||
timeout=15,
|
||||
) as response:
|
||||
body = (
|
||||
response
|
||||
.read()
|
||||
.decode(
|
||||
"utf-8",
|
||||
errors="replace",
|
||||
)
|
||||
)
|
||||
|
||||
log(
|
||||
"Notifieringsutvärdering klar "
|
||||
f"(HTTP {response.status}): "
|
||||
f"{body}"
|
||||
)
|
||||
|
||||
except urllib.error.HTTPError as error:
|
||||
body = (
|
||||
error
|
||||
.read()
|
||||
.decode(
|
||||
"utf-8",
|
||||
errors="replace",
|
||||
)
|
||||
)
|
||||
|
||||
log(
|
||||
"VARNING: "
|
||||
"Notifieringsutvärdering "
|
||||
f"gav HTTP {error.code}: "
|
||||
f"{body}"
|
||||
)
|
||||
|
||||
except Exception as error:
|
||||
log(
|
||||
"VARNING: "
|
||||
"Notifieringsutvärdering "
|
||||
f"misslyckades: {error}"
|
||||
)
|
||||
|
||||
|
||||
def main():
|
||||
started_at = utc_now()
|
||||
|
||||
write_status(
|
||||
status="syncing",
|
||||
startedAt=started_at,
|
||||
error=None,
|
||||
)
|
||||
|
||||
log(
|
||||
"=" * 60
|
||||
)
|
||||
|
||||
log(
|
||||
"VYTA SYNC START"
|
||||
)
|
||||
|
||||
try:
|
||||
run_script(
|
||||
COLLECTOR
|
||||
)
|
||||
|
||||
run_script(
|
||||
NORMALIZER
|
||||
)
|
||||
|
||||
if should_upload_to_blob():
|
||||
run_script(
|
||||
UPLOADER
|
||||
)
|
||||
else:
|
||||
log(
|
||||
"Hoppar över Vercel Blob-upload"
|
||||
)
|
||||
|
||||
notify_vyta()
|
||||
|
||||
completed_at = utc_now()
|
||||
|
||||
write_status(
|
||||
status="idle",
|
||||
startedAt=started_at,
|
||||
completedAt=completed_at,
|
||||
lastSuccessfulSync=completed_at,
|
||||
error=None,
|
||||
)
|
||||
|
||||
log(
|
||||
"VYTA SYNC KLAR"
|
||||
)
|
||||
|
||||
except KeyboardInterrupt:
|
||||
write_status(
|
||||
status="idle",
|
||||
error="Sync avbruten",
|
||||
)
|
||||
|
||||
log(
|
||||
"VYTA SYNC AVBRUTEN"
|
||||
)
|
||||
|
||||
sys.exit(
|
||||
130
|
||||
)
|
||||
|
||||
except Exception as error:
|
||||
write_status(
|
||||
status="error",
|
||||
completedAt=utc_now(),
|
||||
error=str(
|
||||
error
|
||||
),
|
||||
)
|
||||
|
||||
log(
|
||||
f"SYNC MISSLYCKADES: "
|
||||
f"{error}"
|
||||
)
|
||||
|
||||
sys.exit(
|
||||
1
|
||||
)
|
||||
|
||||
finally:
|
||||
log(
|
||||
"=" * 60
|
||||
)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,70 @@
|
||||
import json
|
||||
import os
|
||||
from datetime import date
|
||||
from getpass import getpass
|
||||
|
||||
from garminconnect import Garmin
|
||||
|
||||
|
||||
TOKENSTORE = os.path.join(os.path.dirname(__file__), ".garmin_tokens")
|
||||
|
||||
|
||||
def dump(title, data):
|
||||
print()
|
||||
print("=" * 70)
|
||||
print(title)
|
||||
print("=" * 70)
|
||||
print(json.dumps(data, indent=2, ensure_ascii=False, default=str))
|
||||
|
||||
|
||||
def main():
|
||||
email = input("Garmin email: ").strip()
|
||||
password = getpass("Garmin password: ")
|
||||
|
||||
garmin = Garmin(
|
||||
email=email,
|
||||
password=password,
|
||||
)
|
||||
|
||||
os.makedirs(TOKENSTORE, exist_ok=True)
|
||||
|
||||
print("\nLoggar in mot Garmin Connect...")
|
||||
|
||||
result = garmin.login(TOKENSTORE)
|
||||
|
||||
print("Inloggning OK.")
|
||||
print("Display name:", garmin.display_name)
|
||||
|
||||
today = date.today().isoformat()
|
||||
|
||||
print(f"\nHämtar Garmin-data för {today}...")
|
||||
|
||||
calls = [
|
||||
("Daily stats", lambda: garmin.get_stats(today)),
|
||||
("Heart rate", lambda: garmin.get_heart_rates(today)),
|
||||
("Sleep", lambda: garmin.get_sleep_data(today)),
|
||||
("HRV", lambda: garmin.get_hrv_data(today)),
|
||||
("Stress", lambda: garmin.get_stress_data(today)),
|
||||
("Body Battery", lambda: garmin.get_body_battery(today)),
|
||||
("Respiration", lambda: garmin.get_respiration_data(today)),
|
||||
("SpO2", lambda: garmin.get_spo2_data(today)),
|
||||
("Training readiness", lambda: garmin.get_training_readiness(today)),
|
||||
("Training status", lambda: garmin.get_training_status(today)),
|
||||
("Activities", lambda: garmin.get_activities(0, 10)),
|
||||
("Devices", lambda: garmin.get_devices()),
|
||||
]
|
||||
|
||||
for title, fn in calls:
|
||||
try:
|
||||
data = fn()
|
||||
dump(title, data)
|
||||
except Exception as e:
|
||||
print()
|
||||
print("=" * 70)
|
||||
print(title)
|
||||
print("=" * 70)
|
||||
print(f"ERROR: {type(e).__name__}: {e}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,166 @@
|
||||
import os
|
||||
import shutil
|
||||
import subprocess
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
from dotenv import load_dotenv
|
||||
|
||||
|
||||
# ------------------------------------------------------------
|
||||
# CONFIG
|
||||
# ------------------------------------------------------------
|
||||
|
||||
SCRIPT_DIR = Path(__file__).resolve().parent
|
||||
|
||||
VYTA_PROJECT = Path(
|
||||
r"C:\Users\Silicon Solder\Documents\Codex\vyta"
|
||||
)
|
||||
|
||||
DATA_FILE = (
|
||||
VYTA_PROJECT
|
||||
/ "private-data"
|
||||
/ "vyta-data.json"
|
||||
)
|
||||
|
||||
BLOB_PATH = "vyta/vyta-data.json"
|
||||
|
||||
|
||||
# Läs vyta-sync\.env
|
||||
load_dotenv(SCRIPT_DIR / ".env")
|
||||
|
||||
|
||||
# ------------------------------------------------------------
|
||||
# HELPERS
|
||||
# ------------------------------------------------------------
|
||||
|
||||
def find_vercel_cli() -> str:
|
||||
"""
|
||||
Hitta Vercel CLI.
|
||||
|
||||
På Windows ligger global npm CLI normalt som vercel.cmd.
|
||||
"""
|
||||
|
||||
candidates = [
|
||||
"vercel.cmd",
|
||||
"vercel",
|
||||
]
|
||||
|
||||
for candidate in candidates:
|
||||
executable = shutil.which(candidate)
|
||||
|
||||
if executable:
|
||||
return executable
|
||||
|
||||
# Vanlig npm global-bin på Windows
|
||||
appdata = os.environ.get("APPDATA")
|
||||
|
||||
if appdata:
|
||||
fallback = Path(appdata) / "npm" / "vercel.cmd"
|
||||
|
||||
if fallback.exists():
|
||||
return str(fallback)
|
||||
|
||||
raise FileNotFoundError(
|
||||
"Kunde inte hitta Vercel CLI. "
|
||||
"Kontrollera att 'vercel --version' fungerar i PowerShell."
|
||||
)
|
||||
|
||||
|
||||
def main():
|
||||
print("=" * 60)
|
||||
print("VYTA → VERCEL PRIVATE BLOB")
|
||||
print("=" * 60)
|
||||
|
||||
# --------------------------------------------------------
|
||||
# Kontrollera datafil
|
||||
# --------------------------------------------------------
|
||||
|
||||
if not DATA_FILE.exists():
|
||||
print()
|
||||
print("ERROR: Vyta-datafilen saknas:")
|
||||
print(DATA_FILE)
|
||||
sys.exit(1)
|
||||
|
||||
print()
|
||||
print(f"Datafil: {DATA_FILE}")
|
||||
print(f"Storlek: {DATA_FILE.stat().st_size:,} bytes")
|
||||
|
||||
# --------------------------------------------------------
|
||||
# Blob-token
|
||||
# --------------------------------------------------------
|
||||
|
||||
token = os.environ.get(
|
||||
"BLOB_READ_WRITE_TOKEN"
|
||||
)
|
||||
|
||||
if not token:
|
||||
print()
|
||||
print(
|
||||
"ERROR: BLOB_READ_WRITE_TOKEN saknas i vyta-sync\\.env"
|
||||
)
|
||||
sys.exit(1)
|
||||
|
||||
print("Blob-token: OK")
|
||||
|
||||
# --------------------------------------------------------
|
||||
# Vercel CLI
|
||||
# --------------------------------------------------------
|
||||
|
||||
try:
|
||||
vercel_cli = find_vercel_cli()
|
||||
except FileNotFoundError as exc:
|
||||
print()
|
||||
print(f"ERROR: {exc}")
|
||||
sys.exit(1)
|
||||
|
||||
print(f"Vercel CLI: {vercel_cli}")
|
||||
|
||||
# --------------------------------------------------------
|
||||
# Upload
|
||||
# --------------------------------------------------------
|
||||
|
||||
command = [
|
||||
vercel_cli,
|
||||
"blob",
|
||||
"put",
|
||||
str(DATA_FILE),
|
||||
"--pathname",
|
||||
BLOB_PATH,
|
||||
"--access",
|
||||
"private",
|
||||
"--allow-overwrite",
|
||||
"--content-type",
|
||||
"application/json",
|
||||
"--rw-token",
|
||||
token,
|
||||
]
|
||||
|
||||
print()
|
||||
print(
|
||||
f"Laddar upp till Private Blob: {BLOB_PATH}"
|
||||
)
|
||||
print()
|
||||
|
||||
result = subprocess.run(
|
||||
command,
|
||||
cwd=str(VYTA_PROJECT),
|
||||
text=True,
|
||||
)
|
||||
|
||||
if result.returncode != 0:
|
||||
print()
|
||||
print(
|
||||
f"ERROR: Blob-upload misslyckades "
|
||||
f"(exit code {result.returncode})"
|
||||
)
|
||||
sys.exit(result.returncode)
|
||||
|
||||
print()
|
||||
print("=" * 60)
|
||||
print("VYTA BLOB-UPLOAD KLAR")
|
||||
print("=" * 60)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
Reference in new issue
Block a user