till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 21:01:08 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

feat(mana-games): add Dockerfile, server hooks, error tracking, and feedback page

Browse source 
Production-ready Dockerfile on port 5210, security headers and analytics
injection via hooks.server.ts, GlitchTip error tracking, and feedback page
using shared feedback package.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-29 15:02:15 +02:00
parent 35ec9aeb2e
commit ecd7770eba
5 changed files with 88 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

29
games/mana-games/apps/web/Dockerfile Normal file
View file

@ -0,0 +1,29 @@
# syntax=docker/dockerfile:1
FROM sveltekit-base:local AS builder
ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
COPY games/mana-games/apps/web ./games/mana-games/apps/web
RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
pnpm install --no-frozen-lockfile --ignore-scripts
WORKDIR /app/games/mana-games/apps/web
RUN pnpm exec svelte-kit sync
RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
FROM node:20-alpine AS production
WORKDIR /app/games/mana-games/apps/web
COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
COPY --from=builder /app/games/mana-games/apps/web/node_modules ./node_modules
COPY --from=builder /app/games/mana-games/apps/web/build ./build
COPY --from=builder /app/games/mana-games/apps/web/package.json ./
EXPOSE 5210
ENV NODE_ENV=production PORT=5210 HOST=0.0.0.0
HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
CMD wget --no-verbose --tries=1 --spider http://localhost:5210/health || exit 1
CMD ["node", "build"]

12
games/mana-games/apps/web/src/hooks.client.ts Normal file
View file

@ -0,0 +1,12 @@
import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
import type { HandleClientError } from '@sveltejs/kit';
initErrorTracking({
serviceName: 'mana-games-web',
dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
environment: import.meta.env.MODE,
});
export const handleError: HandleClientError = ({ error }) => {
handleSvelteError(error);
};

28
games/mana-games/apps/web/src/hooks.server.ts Normal file
View file

@ -0,0 +1,28 @@
import type { Handle } from '@sveltejs/kit';
import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
const PUBLIC_BACKEND_URL_CLIENT =
process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
export const handle: Handle = async ({ event, resolve }) => {
const response = await resolve(event, {
transformPageChunk: ({ html }) => {
const envScript = `<script>
window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
</script>`;
return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
},
});
setSecurityHeaders(response, {
connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
});
return response;
};

8
games/mana-games/apps/web/src/lib/services/feedback.ts Normal file
View file

@ -0,0 +1,8 @@
import { createFeedbackService } from '@manacore/feedback';
import { authStore } from '$lib/stores/auth.svelte';
export const feedbackService = createFeedbackService({
apiUrl: import.meta.env.DEV ? 'http://localhost:3001' : 'https://auth.mana.how',
appId: 'mana-games',
getAuthToken: async () => authStore.getAccessToken(),
});

11
games/mana-games/apps/web/src/routes/(app)/feedback/+page.svelte Normal file
View file

@ -0,0 +1,11 @@
<script lang="ts">
import { FeedbackPage } from '@manacore/feedback';
import { feedbackService } from '$lib/services/feedback';
import { authStore } from '$lib/stores/auth.svelte';
</script>
<svelte:head>
<title>Feedback - Mana Games</title>
</svelte:head>
<FeedbackPage {feedbackService} appName="Mana Games" currentUserId={authStore.user?.id} />