${escapeHtml(t("training.public_profile_help"))}
+ +
+
+
+
+
${profileShare ? `
+
+
+ ${escapeHtml(t("training.public_profile_qr_hint"))}
+ ${escapeHtml(t("training.local_profile_qr"))}
+ })
+ ${escapeHtml(t("training.local_profile_qr_hint"))}
+
+ ${publicQrUrl ? `
+
+ ${escapeHtml(t("training.public_profile_qr"))}
+ })
+ ${escapeHtml(new URL(publicProfileUrl).host)}
+
+ ` : ""}
+
@@ -668,6 +700,31 @@ export function renderTrainingView(deps) {
});
});
+ document.getElementById("trainingPublicBaseSave")?.addEventListener("click", () => {
+ const input = document.getElementById("trainingPublicBaseUrl");
+ const normalized = normalizePublicBaseUrl(input?.value);
+ if (input?.value && !normalized) {
+ document.getElementById("trainingPublicAddressStatus").textContent = t("training.public_url_invalid");
+ return;
+ }
+ state.settings.publicBaseUrl = normalized;
+ saveState();
+ renderView();
+ });
+ document.getElementById("trainingPublicAddressDetect")?.addEventListener("click", async () => {
+ const status = document.getElementById("trainingPublicAddressStatus");
+ if (status) status.textContent = t("training.detecting_public_ip");
+ try {
+ const response = await fetch("/api/network/public-address", { cache: "no-store" });
+ if (!response.ok) throw new Error(`HTTP ${response.status}`);
+ const payload = await response.json();
+ const input = document.getElementById("trainingPublicBaseUrl");
+ if (input) input.value = payload.suggestedBaseUrl || "";
+ if (status) status.textContent = t("training.detected_public_ip", { address: payload.address || "-" });
+ } catch {
+ if (status) status.textContent = t("training.detect_public_ip_failed");
+ }
+ });
document.getElementById("trainingPublicProfileEnable")?.addEventListener("click", () => {
replacePublicProfileShare(state, selectedProfileId, profileReferences);
saveState();
@@ -928,12 +985,29 @@ function formatTrainingHighlight(highlight, { t, formatLap }) {
return t("training.highlight_today_laps", { laps: highlight.value });
}
-function buildPublicProfileUrl(token, language) {
- const url = new URL(`/public-training/${encodeURIComponent(token)}`, window.location.origin);
+function normalizePublicBaseUrl(value) {
+ try {
+ const url = new URL(String(value || "").trim());
+ return ["http:", "https:"].includes(url.protocol) ? url.origin : "";
+ } catch {
+ return "";
+ }
+}
+
+function buildPublicProfileUrl(token, language, publicBaseUrl = "") {
+ const url = new URL(`/public-training/${encodeURIComponent(token)}`, publicBaseUrl || window.location.origin);
url.searchParams.set("lang", language === "en" ? "en" : "sv");
return url.toString();
}
+function buildPublicProfileQrUrl(token, language, baseUrl) {
+ const params = new URLSearchParams({
+ lang: language === "en" ? "en" : "sv",
+ baseUrl,
+ });
+ return `/public-training/qr/${encodeURIComponent(token)}?${params.toString()}`;
+}
+
function generateShareToken() {
const bytes = new Uint8Array(24);
crypto.getRandomValues(bytes);
diff --git a/tests/runtime_persistence.test.js b/tests/runtime_persistence.test.js
index c24ffb9..734ec38 100644
--- a/tests/runtime_persistence.test.js
+++ b/tests/runtime_persistence.test.js
@@ -69,6 +69,7 @@ test("backend hydration normalizes persisted entities and settings", () => {
pitEntryWsUrl: "ws://decoder:9002",
pitExitWsUrl: "ws://decoder:9003",
backendUrl: "http://race:8081",
+ publicBaseUrl: "https://training.example.test",
language: "en",
theme: "light",
autoReconnect: false,
@@ -107,6 +108,7 @@ test("backend hydration normalizes persisted entities and settings", () => {
assert.equal(state.activeSessionId, "session_1");
assert.deepEqual(state.audioEventLog, [{ id: "audio_1", event: "race_start" }]);
assert.equal(state.settings.theme, "light");
+ assert.equal(state.settings.publicBaseUrl, "https://training.example.test");
assert.equal(state.settings.splitDecoderEnabled, true);
assert.equal(state.settings.splitWsUrl, "ws://decoder:9001");
assert.equal(state.settings.pitDecoderEnabled, true);
diff --git a/tests/server_persistence.integration.test.js b/tests/server_persistence.integration.test.js
index e3a015e..7654100 100644
--- a/tests/server_persistence.integration.test.js
+++ b/tests/server_persistence.integration.test.js
@@ -6,6 +6,7 @@ import { createServer } from "node:net";
import { tmpdir } from "node:os";
import { dirname, join } from "node:path";
import { fileURLToPath } from "node:url";
+import QRCode from "qrcode";
const projectRoot = dirname(dirname(fileURLToPath(import.meta.url)));
@@ -147,8 +148,14 @@ test("SQLite API persists state, passings, and overlay session results", { timeo
const initialState = {
events: [{ id: "event_1", name: "Club race" }],
+ classes: [{ id: "class_1", name: "Buggy" }],
+ drivers: [{ id: "driver_1", name: "Driver One", classId: "class_1" }],
sessions: [{ id: "session_1", eventId: "event_1", name: "A final" }],
resultsBySession: {},
+ settings: { publicBaseUrl: "https://racecore.example.org" },
+ training: {
+ shares: [{ driverId: "driver_1", token: "test-share-token-1234567890", enabled: true }],
+ },
};
const saveResponse = await fetch(`${baseUrl}/api/state`, {
method: "POST",
@@ -160,6 +167,28 @@ test("SQLite API persists state, passings, and overlay session results", { timeo
assert.equal(savePayload.ok, true);
assert.equal(typeof savePayload.updatedAt, "string");
+ const shareToken = initialState.training.shares[0].token;
+ const publicQrResponse = await fetch(
+ `${baseUrl}/public-training/qr/${shareToken}?lang=en&baseUrl=${encodeURIComponent("https://public.example.test")}`,
+ );
+ const publicQrSvg = await publicQrResponse.text();
+ const expectedPublicQrSvg = await QRCode.toString(
+ `https://public.example.test/public-training/${shareToken}?lang=en`,
+ { type: "svg", errorCorrectionLevel: "M", margin: 2, width: 320 },
+ );
+ assert.equal(publicQrResponse.status, 200);
+ assert.match(publicQrResponse.headers.get("content-type"), /^image\/svg\+xml/);
+ assert.equal(publicQrSvg, expectedPublicQrSvg);
+
+ const localQrResponse = await fetch(`${baseUrl}/public-training/qr/${shareToken}?lang=sv&baseUrl=local`);
+ const localQrSvg = await localQrResponse.text();
+ assert.equal(localQrResponse.status, 200);
+ assert.match(localQrResponse.headers.get("content-type"), /^image\/svg\+xml/);
+ assert.notEqual(localQrSvg, publicQrSvg);
+
+ const missingQrResponse = await fetch(`${baseUrl}/public-training/qr/unknown-share-token-123456?baseUrl=local`);
+ assert.equal(missingQrResponse.status, 404);
+
const backupResponse = await fetch(`${baseUrl}/api/backups`, {
method: "POST",
headers: { "Content-Type": "application/json" },