+
+
diff --git a/apps/app/src/lib/admin/Modal.svelte b/apps/app/src/lib/admin/Modal.svelte
new file mode 100644
index 0000000..181e149
--- /dev/null
+++ b/apps/app/src/lib/admin/Modal.svelte
@@ -0,0 +1,177 @@
+
+
+
+
diff --git a/apps/app/src/lib/admin/ModalButtons.svelte b/apps/app/src/lib/admin/ModalButtons.svelte
new file mode 100644
index 0000000..76569bc
--- /dev/null
+++ b/apps/app/src/lib/admin/ModalButtons.svelte
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+ -
+
- {managed_profiles()} + {#each managed_profiles_list as profile} +
-
+ ++{profile.id}+++ {#if false} +{profile.first_name + ' ' + profile.last_name}+++ + + {/if} + + {#if profile.label?.includes('DeletedPerson')} + + {:else} + + {/if} ++ {admin() + ' ' + from_time().toLowerCase() + ': ' + profile.adminSince} ++{profile.label![0]}+
+ {/each}
+
+
diff --git a/apps/app/src/lib/api/api.gen.ts b/apps/app/src/lib/api/api.gen.ts
new file mode 100644
index 0000000..8490abb
--- /dev/null
+++ b/apps/app/src/lib/api/api.gen.ts
@@ -0,0 +1,2242 @@
+/**
+ * This file was auto-generated by openapi-typescript.
+ * Do not make direct changes to the file.
+ */
+
+export interface paths {
+ "/health": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Check the health of the server */
+ get: operations["healthCheck"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/person_and_relationship/{id}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ /** Create a person and relationship */
+ post: operations["createPersonAndRelationship"];
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/person": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ /** Create a new person */
+ post: operations["createPerson"];
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/comment/{id}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get comments on person's profile by ID */
+ get: operations["GetCommentsOnPerson"];
+ put?: never;
+ /** Comment on person's profile by ID */
+ post: operations["commentOnPerson"];
+ /** Comment on person's profile by ID */
+ delete: operations["deleteCommentOnPerson"];
+ options?: never;
+ head?: never;
+ /** Edit comment on person's profile by ID */
+ patch: operations["editComment"];
+ trace?: never;
+ };
+ "/person/{id}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get a person by ID */
+ get: operations["getPersonById"];
+ put?: never;
+ post?: never;
+ /** Soft delete a person by ID */
+ delete: operations["softDeletePerson"];
+ options?: never;
+ head?: never;
+ /** Update a person by ID */
+ patch: operations["updatePerson"];
+ trace?: never;
+ };
+ "/person/{id}/hard-delete": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ post?: never;
+ /** Hard delete a person by ID */
+ delete: operations["hardDeletePerson"];
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/person/google/{google_id}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get a person by Google ID */
+ get: operations["getPersonByGoogleId"];
+ put?: never;
+ /** Create a new person by Google ID */
+ post: operations["createPersonByGoogleId"];
+ delete?: never;
+ options?: never;
+ head?: never;
+ /** Create a new person by Google ID with invite code */
+ patch: operations["createPersonByGoogleIdAndInviteCode"];
+ trace?: never;
+ };
+ "/family-tree": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get family tree by person ID */
+ get: operations["getFamilyTreeById"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/family-tree-with-spouses": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get family tree by person ID with spouses included */
+ get: operations["getFamilyTreeWithSpousesById"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/person/{id}/recipes": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get recipes by person ID */
+ get: operations["getRecipesByPersonId"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/relationship": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ /** Create a relationship between two persons */
+ post: operations["createRelationship"];
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/relationship/{id1}/{id2}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get relationships between two persons */
+ get: operations["getRelationship"];
+ put?: never;
+ post?: never;
+ /** Delete relationship between two persons */
+ delete: operations["deleteRelationship"];
+ options?: never;
+ head?: never;
+ /** Update a relationship between two persons */
+ patch: operations["updateRelationship"];
+ trace?: never;
+ };
+ "/admin/{id1}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get profile Admins */
+ get: operations["getProfileAdmins"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/admin/{id1}/{id2}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get admin relationship between two persons */
+ get: operations["getAdminRelationship"];
+ put?: never;
+ /** Create admin relationship between two persons */
+ post: operations["createAdminRelationship"];
+ /** Delete admin relationship between two persons */
+ delete: operations["deleteAdminRelationship"];
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/managed_profiles": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ /** Get managed profiles */
+ get: operations["getManagedProfiles"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/recipe/{id}": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ post?: never;
+ /** Soft delete a recipe by ID */
+ delete: operations["softDeleteRecipe"];
+ options?: never;
+ head?: never;
+ /** Update a recipe by ID */
+ patch: operations["updateRecipe"];
+ trace?: never;
+ };
+ "/recipe/{id}/hard-delete": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ post?: never;
+ /** Hard delete a recipe by ID */
+ delete: operations["hardDeleteRecipe"];
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+ "/recipe/{id}/relationship": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get?: never;
+ put?: never;
+ /** Create a relationship with an existing recipe */
+ post: operations["createRecipeRelationship"];
+ /** Delete a relationship with a recipe */
+ delete: operations["deleteRecipeRelationship"];
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
+}
+export type webhooks = Record{managed_profiles()}
+
+
+
+
+
+
+
+
diff --git a/apps/app/src/lib/graph/FamilyEdge.svelte b/apps/app/src/lib/graph/FamilyEdge.svelte
new file mode 100644
index 0000000..b84b51d
--- /dev/null
+++ b/apps/app/src/lib/graph/FamilyEdge.svelte
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/app/src/lib/graph/connection.ts b/apps/app/src/lib/graph/connection.ts
new file mode 100644
index 0000000..67a6648
--- /dev/null
+++ b/apps/app/src/lib/graph/connection.ts
@@ -0,0 +1,10 @@
+import type { Connection } from '@xyflow/svelte';
+import type { EdgeBase } from '@xyflow/system';
+
+export function isValidConnection(edge: EdgeBase | Connection) {
+ if (Number(edge.source) !== Number(edge.target)) {
+ return true;
+ }
+
+ return false;
+}
diff --git a/apps/app/src/lib/graph/layout.ts b/apps/app/src/lib/graph/layout.ts
new file mode 100644
index 0000000..49fcd33
--- /dev/null
+++ b/apps/app/src/lib/graph/layout.ts
@@ -0,0 +1,140 @@
+import dagre from '@dagrejs/dagre';
+import type { Layout } from './model';
+import type { Edge, Node } from '@xyflow/svelte';
+import { Position } from '@xyflow/svelte';
+
+export class FamilyTree extends dagre.graphlib.Graph {
+ constructor() {
+ super();
+ }
+
+ getLayoutedElements(
+ nodes: Node[],
+ edges: Edge[],
+ nodeWidth: number,
+ nodeHeight: number,
+ direction = 'TB'
+ ): Layout {
+ this.setGraph({ rankdir: direction });
+ this.setDefaultEdgeLabel(() => ({}));
+ nodes.forEach((node) => {
+ this.setNode(node.id, { width: nodeWidth, height: nodeHeight });
+ });
+
+ edges.forEach((edge) => {
+ if (String(edge.data!.type).toLowerCase() === 'child') {
+ this.setEdge(edge.source, edge.target);
+ }
+ });
+
+ dagre.layout(this);
+
+ let newEdges: Edge[] = [];
+ edges.forEach((edge) => {
+ let newEdge = { ...edge };
+ if (String(edge.data?.type).toLowerCase() === 'child') {
+ newEdge.sourceHandle = 'child';
+ newEdge.targetHandle = 'parent';
+ } else if (String(edge.data?.type).toLowerCase() === 'parent') {
+ return;
+ }
+
+ const sourceNode = this.node(edge.source);
+ const targetNode = this.node(edge.target);
+ if (!sourceNode || !targetNode) {
+ return;
+ }
+
+ if (String(edge.data?.type).toLowerCase() === 'sibling') {
+ const padding = 50; // distance between sibling and source
+ const spouseWidth = nodeWidth;
+
+ const existingNodesAtLevel = nodes
+ .map((n) => ({ id: n.id, pos: this.node(n.id) }))
+ .filter(({ pos }) => Math.abs(pos.y - sourceNode.y) < nodeHeight / 2); // same horizontal band
+
+ // Collect taken x ranges
+ const takenXRanges = existingNodesAtLevel.map(({ pos }) => ({
+ from: pos.x - spouseWidth / 2,
+ to: pos.x + spouseWidth / 2
+ }));
+
+ // Try placing spouse to the right
+ let desiredX = sourceNode.x + nodeWidth + padding;
+
+ // Check for collision
+ const collides = (x: number) => {
+ return takenXRanges.some(({ from, to }) => x > from && x < to);
+ };
+
+ // If right side collides, try left
+ if (collides(desiredX)) {
+ desiredX = sourceNode.x - (nodeWidth + padding);
+ }
+
+ // If both sides collide, push right until free
+ while (collides(desiredX)) {
+ desiredX += nodeWidth + padding;
+ }
+
+ targetNode.x = desiredX;
+ targetNode.y = sourceNode.y;
+ }
+
+ if (String(edge.data?.type).toLowerCase() === 'spouse') {
+ const padding = 50; // distance between spouse and source
+ const spouseWidth = nodeWidth;
+
+ const existingNodesAtLevel = nodes
+ .map((n) => ({ id: n.id, pos: this.node(n.id) }))
+ .filter(({ pos }) => Math.abs(pos.y - sourceNode.y) < nodeHeight / 2); // same horizontal band
+
+ // Collect taken x ranges
+ const takenXRanges = existingNodesAtLevel.map(({ pos }) => ({
+ from: pos.x - spouseWidth / 2,
+ to: pos.x + spouseWidth / 2
+ }));
+
+ // Try placing spouse to the right
+ let desiredX = sourceNode.x + nodeWidth + padding;
+
+ // Check for collision
+ const collides = (x: number) => {
+ return takenXRanges.some(({ from, to }) => x > from && x < to);
+ };
+
+ // If right side collides, try left
+ if (collides(desiredX)) {
+ desiredX = sourceNode.x - (nodeWidth + padding);
+ }
+
+ // If both sides collide, push right until free
+ while (collides(desiredX)) {
+ desiredX += nodeWidth + padding;
+ }
+
+ targetNode.x = desiredX;
+ targetNode.y = sourceNode.y;
+ }
+ newEdge.hidden = false;
+ newEdge.type = 'familyEdge';
+
+ newEdges.push(newEdge);
+ });
+
+ const layoutedNodes = nodes.map((node) => {
+ const nodeWithPosition = this.node(node.id);
+
+ return {
+ ...node,
+ type: 'personNode',
+ position: {
+ x: nodeWithPosition.x - nodeWidth / 2,
+ y: nodeWithPosition.y - nodeHeight / 2
+ }
+ };
+ });
+
+ return { Nodes: layoutedNodes, Edges: newEdges };
+ }
+}
diff --git a/apps/app/src/lib/graph/model.ts b/apps/app/src/lib/graph/model.ts
new file mode 100644
index 0000000..a693702
--- /dev/null
+++ b/apps/app/src/lib/graph/model.ts
@@ -0,0 +1,28 @@
+import type { Node, Edge, NodeTypes, EdgeTypes } from '@xyflow/svelte';
+import FamilyEdge from './FamilyEdge.svelte';
+import PersonNode from './PersonNode.svelte';
+
+export const nodeTypes: NodeTypes = { personNode: PersonNode };
+export const edgeTypes: EdgeTypes = {
+ familyEdge: FamilyEdge
+};
+
+export type NodeMenu = {
+ onClick: () => void;
+ deleteNode: () => void;
+ createRelationshipAndNode: () => void;
+ addRelationship: () => void;
+ addRecipe: (() => void) | undefined;
+ addAdmin: (() => void) | undefined;
+ id: string;
+ XUserId: string;
+ top: number | undefined;
+ left: number | undefined;
+ right: number | undefined;
+ bottom: number | undefined;
+};
+
+export type Layout = {
+ Nodes: Array
+
+
+
+ 
+
+
+
++ {data.first_name} + {data.middle_name ? data.middle_name : ''} + {data.last_name} +
++ {data.born}{data.death ? ' - ' + data.death : ''} +
+{life_events()}
+ -
+ {#each person_life_events as event, index}
+
-
+ + {#if editorMode} + updateEvent(index, 'from', e.currentTarget.value)} + placeholder={unknown().toLowerCase()} + /> + {:else} + {event.from ?? unknown().toLowerCase()} + {/if} ++ ++ ++ ++ {#if editorMode} + + {:else} ++
{event.description}
+ {/if} + + {#if event.to || editorMode} ++ {until()} + {#if editorMode} + updateEvent(index, 'to', e.currentTarget.value)} + placeholder={unknown().toLowerCase()} + /> + {:else} + {event.to ?? unknown().toLowerCase()} + {/if} +
+ {/if} +
+
+ {/each}
+
+
+
+{/if}
diff --git a/apps/app/src/lib/profile/MediaGallery.svelte b/apps/app/src/lib/profile/MediaGallery.svelte
new file mode 100644
index 0000000..9366efd
--- /dev/null
+++ b/apps/app/src/lib/profile/MediaGallery.svelte
@@ -0,0 +1,69 @@
+
+
+{#if person.photos?.length || person.videos?.length}
+ {photos()} & {video()}
+
+ {#each person.photos ?? [] as picture}
+ 
+ {/each}
+ {#each person.videos ?? [] as video}
+
+ {/each}
+
+{/if}
+
+{#if false}
+ {upload()}
+
+
+
+
+{/if}
+
+{#if uploadModal}
+
+
diff --git a/apps/app/src/lib/profile/ModalButtons.svelte b/apps/app/src/lib/profile/ModalButtons.svelte
new file mode 100644
index 0000000..5ac830e
--- /dev/null
+++ b/apps/app/src/lib/profile/ModalButtons.svelte
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
diff --git a/apps/app/src/lib/profile/OtherDetails.svelte b/apps/app/src/lib/profile/OtherDetails.svelte
new file mode 100644
index 0000000..6d6b12a
--- /dev/null
+++ b/apps/app/src/lib/profile/OtherDetails.svelte
@@ -0,0 +1,108 @@
+
+
+{biography()}
+
+
+ {#if editorMode}
+
+ {/if}
+
+
+
+ {#each person.notes??[] as note}
+
diff --git a/apps/app/src/lib/profile/ProfileHeader.svelte b/apps/app/src/lib/profile/ProfileHeader.svelte
new file mode 100644
index 0000000..5344547
--- /dev/null
+++ b/apps/app/src/lib/profile/ProfileHeader.svelte
@@ -0,0 +1,205 @@
+
+
+
+
+ {/each}
+ {#each Object.entries(person) as [key, value]}
+ {#if !skipFields.includes(key) && ((value !== undefined && value !== null) || editorMode)}
+
+
+ {note.title}
+{note.note}
+
+
+
+ {/if}
+ {/each}
+
+
diff --git a/apps/app/src/lib/profile/create/Modal.svelte b/apps/app/src/lib/profile/create/Modal.svelte
new file mode 100644
index 0000000..b01d34e
--- /dev/null
+++ b/apps/app/src/lib/profile/create/Modal.svelte
@@ -0,0 +1,380 @@
+
+
+
+ 
+ {#if false}
+
+ {/if}
+
+
+
+
+
+ + {first_name()}: + {#if editorMode} onChange('first_name', person.first_name)} + class="input input-sm input-bordered w-full" + />{:else}{person.first_name ?? '-'}{/if} +
++ {last_name()}: + {#if editorMode} onChange('last_name', person.last_name)} + class="input input-sm input-bordered w-full" + />{:else}{person.last_name ?? '-'}{/if} +
++ {middle_name()}: + {#if editorMode} onChange('middle_name', person.middle_name)} + class="input input-sm input-bordered w-full" + />{:else}{person.middle_name ?? '-'}{/if} +
++ {born()}: + {#if editorMode} onChange('born', birth_date.value)} + /> + {:else}{person.born ?? '-'}{/if} +
++ {died()}: + {#if editorMode} onChange('died', death_date.value)} + />{:else}{person.died ?? '-'}{/if} +
++ {biological_sex()}: + {#if editorMode} + + {:else}{callMessageFunction(person.biological_sex as MessageKeys) ?? '-'}{/if} +
+
+
+ + {email()}: + {#if editorMode} onChange('email', person.email)} + class="input input-sm input-bordered w-full" + />{:else}{person.email ?? '-'}{/if} +
++ {phone()}: + {#if editorMode} onChange('phone', person.phone)} + class="input input-sm input-bordered w-full" + />{:else}{person.phone ?? '-'}{/if} +
+ {mothers_first_name()}: + {#if editorMode} onChange('mothers_first_name', person.mothers_first_name)} + class="input input-sm input-bordered w-full" + />{:else}{person.mothers_first_name ?? '-'}{/if} +
++ {mothers_last_name()}: + {#if editorMode} onChange('mothers_last_name', person.mothers_last_name)} + class="input input-sm input-bordered w-full" + />{:else}{person.mothers_last_name ?? '-'}{/if} +
+{id()}: {' ' + (person.id ?? '-')}
+Limit: {' ' + (person.limit ?? '-')}
+ {#if editorMode && (person.google_id === undefined || person.google_id === null || person.google_id === '')} + {#if new_invite_code === undefined} + + {:else} ++ {invite_code()}:{person.invite_code} +
+ {/if} + {/if} +
+
diff --git a/apps/app/src/lib/profile/create/validate_fields.ts b/apps/app/src/lib/profile/create/validate_fields.ts
new file mode 100644
index 0000000..188b1fa
--- /dev/null
+++ b/apps/app/src/lib/profile/create/validate_fields.ts
@@ -0,0 +1,79 @@
+import type { components } from '$lib/api/api.gen.js';
+import { first_name, last_name, missing_field, mothers_first_name } from '$lib/paraglide/messages';
+
+export function validatePersonRegistration(
+ data: components['schemas']['PersonRegistration']
+): string | null {
+ if (!data.first_name || data.first_name.trim() === '') {
+ return missing_field({
+ field: first_name()
+ });
+ }
+
+ if (!data.last_name || data.last_name.trim() === '') {
+ return missing_field({
+ field: last_name()
+ });
+ }
+
+ if (
+ data.email !== undefined &&
+ data.email !== null &&
+ !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.email)
+ ) {
+ return 'Invalid email format.';
+ }
+
+ if (!data.born || !Date.parse(data.born)) {
+ return 'Valid birth date is required.';
+ }
+
+ if (
+ !data.biological_sex ||
+ !['male', 'female', 'intersex', 'unknown', 'other'].includes(data.biological_sex.toString())
+ ) {
+ return 'Invalid value for biological sex. Must be male female, intersex, unknown, or other.';
+ }
+
+ if (!data.mothers_first_name || data.mothers_first_name.trim() === '') {
+ return missing_field({
+ field: mothers_first_name()
+ });
+ }
+
+ if (!data.mothers_last_name || data.mothers_last_name.trim() === '') {
+ return missing_field({
+ field: "Mother's last name"
+ });
+ }
+
+ return null; // No errors
+}
+
+export function validateFamilyRelationship(
+ relationship: components['schemas']['FamilyRelationship'] & { type: string }
+): string | null {
+ const validRelationships = ['child', 'parent', 'spouse', 'sibling'];
+
+ if (!validRelationships.includes(relationship.type)) {
+ return `Invalid family relationship. Must be one of ${validRelationships.join(', ')}.`;
+ }
+
+ if (
+ relationship.from !== undefined &&
+ relationship.from !== null &&
+ isNaN(Date.parse(relationship.from))
+ ) {
+ return "Valid date is required for 'from' field.";
+ }
+
+ if (
+ relationship.to !== undefined &&
+ relationship.to !== null &&
+ isNaN(Date.parse(relationship.to))
+ ) {
+ return "Valid date is required for 'to' field.";
+ }
+
+ return null; // No errors
+}
diff --git a/apps/app/src/lib/profile/editors/EditableField.svelte b/apps/app/src/lib/profile/editors/EditableField.svelte
new file mode 100644
index 0000000..a6ae745
--- /dev/null
+++ b/apps/app/src/lib/profile/editors/EditableField.svelte
@@ -0,0 +1,40 @@
+
+
+{#if editorMode}
+ {#if typeof value === 'boolean'}
+ onChange(key, checkboxField.value === 'true')}
+ />
+ {:else if typeof value === 'number'}
+ onChange(key, Number(numberField.value))}
+ />
+ {:else}
+
+ {/if}
+{:else}
+
+
+
+
+
+
+
+ {create_relationship_and_person()}
+
+
+
+ {value ?? '-'}
+{/if} diff --git a/apps/app/src/lib/profile/editors/LanguagesEditor.svelte b/apps/app/src/lib/profile/editors/LanguagesEditor.svelte new file mode 100644 index 0000000..e69de29 diff --git a/apps/app/src/lib/profile/editors/UploadMediaModal.svelte b/apps/app/src/lib/profile/editors/UploadMediaModal.svelte new file mode 100644 index 0000000..8db4738 --- /dev/null +++ b/apps/app/src/lib/profile/editors/UploadMediaModal.svelte @@ -0,0 +1,101 @@ + + +
+
diff --git a/apps/app/src/lib/relationship/EdgeMenu.svelte b/apps/app/src/lib/relationship/EdgeMenu.svelte
new file mode 100644
index 0000000..dc586b9
--- /dev/null
+++ b/apps/app/src/lib/relationship/EdgeMenu.svelte
@@ -0,0 +1,91 @@
+
+
+
+
+
diff --git a/apps/app/src/lib/relationship/Modal.svelte b/apps/app/src/lib/relationship/Modal.svelte
new file mode 100644
index 0000000..d96f258
--- /dev/null
+++ b/apps/app/src/lib/relationship/Modal.svelte
@@ -0,0 +1,290 @@
+
+
+
+
+{upload() + mediaType}
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/app/src/lib/relationship/ModalButtons.svelte b/apps/app/src/lib/relationship/ModalButtons.svelte
new file mode 100644
index 0000000..979cfb5
--- /dev/null
+++ b/apps/app/src/lib/relationship/ModalButtons.svelte
@@ -0,0 +1,41 @@
+
+
+
+
+
+ {
+ editorMode = !editorMode;
+ }}
+ />
+
+
+ {#if createRelationship}
+
+
+
+
+
+
+
+ {id().toLowerCase()}:{startNode}
+
+
+
+
+ {/if}
+ {#if !createRelationship}
+
+ {#each relationships as r, index}
+
+
+ {/each}
+ {:else}
+
+
+
+ {relation_type()}: {r.Type}
+
+ {#if editorMode}
+
+
+ {:else}
+
+ Verified:{r.Props?.verified}
+ {/if} +
+ {#if editorMode}
+
+
+ {:else}
+
+ {notes()}: {relationships[index].Props?.notes}
+ {/if} +
+ {#if editorMode}
+
+
+ {:else}
+
+ {from_time()}: {r.Props?.from}
+ {/if} +
+ {#if editorMode}
+
+
+ {:else}
+
+ {until()}: {r.Props?.to}
+ {/if} +
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/app/src/lib/relationship/model.ts b/apps/app/src/lib/relationship/model.ts
new file mode 100644
index 0000000..8693e71
--- /dev/null
+++ b/apps/app/src/lib/relationship/model.ts
@@ -0,0 +1,12 @@
+import type { Edge } from '@xyflow/svelte';
+
+export interface RelationshipMenu {
+ edge: Edge;
+ XUserId: string;
+ top: number | undefined;
+ left: number | undefined;
+ right: number | undefined;
+ bottom: number | undefined;
+ onClick: () => void;
+ deleteEdge: () => void;
+}
diff --git a/apps/app/src/lib/server/oauth.ts b/apps/app/src/lib/server/oauth.ts
new file mode 100644
index 0000000..b63cfc6
--- /dev/null
+++ b/apps/app/src/lib/server/oauth.ts
@@ -0,0 +1,8 @@
+import { Google } from 'arctic';
+import { GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET, GOOGLE_CALLBACK_URI } from '$env/static/private';
+
+export const google = new Google(
+ GOOGLE_CLIENT_ID,
+ GOOGLE_CLIENT_SECRET,
+ GOOGLE_CALLBACK_URI || 'http://localhost:5173/login/google/callback'
+);
diff --git a/apps/app/src/lib/server/session.ts b/apps/app/src/lib/server/session.ts
new file mode 100644
index 0000000..77ffbd8
--- /dev/null
+++ b/apps/app/src/lib/server/session.ts
@@ -0,0 +1,89 @@
+import type { KVNamespace } from '@cloudflare/workers-types';
+import { encodeBase32, encodeHexLowerCase } from '@oslojs/encoding';
+import { sha256 } from '@oslojs/crypto/sha2';
+
+import type { RequestEvent } from '@sveltejs/kit';
+
+// in seconds
+const EXPIRATION_TTL: number = 60 * 60 * 24 * 7;
+
+export async function validateSessionToken(
+ token: string,
+ sessions: KVNamespace
+): Promise{relation()}
+
+ {#if !createMode}
+
+ {/if}
+ {#if createMode}
+
+ {:else if editorMode}
+
+ {/if}
+
+
+
+
+
+
diff --git a/apps/app/src/lib/sidebar/sideBar.svelte b/apps/app/src/lib/sidebar/sideBar.svelte
new file mode 100644
index 0000000..386ab18
--- /dev/null
+++ b/apps/app/src/lib/sidebar/sideBar.svelte
@@ -0,0 +1,13 @@
+
+
+
+
+
+
diff --git a/apps/app/src/lib/switchToLanguage.test.ts b/apps/app/src/lib/switchToLanguage.test.ts
new file mode 100644
index 0000000..5cba09b
--- /dev/null
+++ b/apps/app/src/lib/switchToLanguage.test.ts
@@ -0,0 +1,41 @@
+import { describe, it, expect, vi } from 'vitest';
+import type { Mock } from 'vitest';
+import { switchToLanguage } from './switchToLanguage';
+import { i18n } from '$lib/i18n';
+import { goto } from '$app/navigation';
+
+vi.mock('$lib/i18n', () => ({
+ i18n: {
+ route: vi.fn().mockImplementation((translatedPath: string) => ''),
+ resolveRoute: vi.fn().mockImplementation((path: string, lang?: string) => '')
+ }
+}));
+
+vi.mock('$app/state', () => ({
+ page: {
+ url: {
+ pathname: '/current-path'
+ }
+ }
+}));
+
+vi.mock('$app/navigation', () => ({
+ goto: vi.fn()
+}));
+
+describe('switchToLanguage', () => {
+ it('should switch to the new language', () => {
+ const newLanguage = 'en';
+ const canonicalPath = '/canonical-path';
+ const localisedPath = '/en/canonical-path';
+
+ (i18n.route as Mock).mockReturnValue(canonicalPath);
+ (i18n.resolveRoute as Mock).mockReturnValue(localisedPath);
+
+ switchToLanguage(newLanguage);
+
+ expect(i18n.route).toHaveBeenCalledWith('/current-path');
+ expect(i18n.resolveRoute).toHaveBeenCalledWith(canonicalPath, newLanguage);
+ expect(goto).toHaveBeenCalledWith(localisedPath);
+ });
+});
diff --git a/apps/app/src/lib/switchToLanguage.ts b/apps/app/src/lib/switchToLanguage.ts
new file mode 100644
index 0000000..fe191ca
--- /dev/null
+++ b/apps/app/src/lib/switchToLanguage.ts
@@ -0,0 +1,10 @@
+import type { AvailableLanguageTag } from '$lib/paraglide/runtime';
+import { i18n } from '$lib/i18n';
+import { page } from '$app/state';
+import { goto } from '$app/navigation';
+
+export function switchToLanguage(newLanguage: AvailableLanguageTag) {
+ const canonicalPath = i18n.route(page.url.pathname);
+ const localisedPath = i18n.resolveRoute(canonicalPath, newLanguage);
+ goto(localisedPath);
+}
diff --git a/apps/app/src/lib/tailwindSizeToPx.ts b/apps/app/src/lib/tailwindSizeToPx.ts
new file mode 100644
index 0000000..1f0b407
--- /dev/null
+++ b/apps/app/src/lib/tailwindSizeToPx.ts
@@ -0,0 +1,19 @@
+export function tailwindClassToPixels(className: string): number | null {
+ const remSize = getRemInPixels(); // <-- real rem size at runtime
+
+ const regex = /^(w|h)-(\d+)$/;
+ const match = className.match(regex);
+ if (!match) return null;
+
+ const value = parseInt(match[2], 10);
+ return (value / 4) * remSize;
+}
+
+export function getRemInPixels(): number {
+ try {
+ const fontSize = getComputedStyle(document.documentElement).fontSize;
+ return parseFloat(fontSize);
+ } catch (e) {
+ return 16; // Default to 16px if unable to get computed style
+ }
+}
diff --git a/apps/app/src/lib/themes.ts b/apps/app/src/lib/themes.ts
new file mode 100644
index 0000000..dadb2cb
--- /dev/null
+++ b/apps/app/src/lib/themes.ts
@@ -0,0 +1 @@
+export const themes = ['light', 'dark', 'coffee', 'cyberpunk', 'synthwave', 'retro', 'dracula'];
diff --git a/apps/app/src/routes/+layout.svelte b/apps/app/src/routes/+layout.svelte
new file mode 100644
index 0000000..43c12e2
--- /dev/null
+++ b/apps/app/src/routes/+layout.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+ {
+ selectedRelationship = edge;
+ selectedRelationship.source = String(edge.source.replace('person', ''));
+ selectedRelationship.target = String(edge.target.replace('person', ''));
+ }}
+ onnodeclick={handleNodeClickFunc}
+ onnodecontextmenu={handleContextMenu}
+ onedgecontextmenu={({ edge, event }: { edge: Edge; event: MouseEvent }) => {
+ selectedRelationship = edge;
+ selectedRelationship.source = String(edge.source.replace('person', ''));
+ selectedRelationship.target = String(edge.target.replace('person', ''));
+ if (clientHeight === undefined || clientWidth === undefined) {
+ clientHeight = window.innerHeight;
+ clientWidth = window.innerWidth;
+ }
+ relationshipMenu = {
+ XUserId: data.id,
+ edge: selectedRelationship,
+ onClick: () => {
+ relationshipMenu = undefined;
+ },
+ deleteEdge: () => {
+ edges = edges.filter((e) => e.id !== edge.id);
+ relationshipMenu = undefined;
+ },
+ top: event.clientY < clientHeight - 200 ? event.clientY : undefined,
+ left: event.clientX < clientWidth - 200 ? event.clientX : undefined,
+ right: event.clientX >= clientWidth - 200 ? clientWidth - event.clientX : undefined,
+ bottom: event.clientY >= clientHeight - 200 ? clientHeight - event.clientY : undefined
+ };
+ }}
+ onpaneclick={handlePaneClick}
+ class="!bg-base-200"
+ {nodeTypes}
+ {edgeTypes}
+ fitView={true}
+ >
+ {
+ openPersonPanel = false;
+ }}
+ />
+ {/if}
+ {#if createPerson}
+ {
+ createPerson = false;
+ }}
+ onCreation={(node,edges) => {
+ onCreation([node], edges);
+ createPerson = false;
+ }}
+ closeModal={() => {
+ createPerson = false;
+ }}
+ relationshipStartID={relationshipStart}
+ >
+ {/if}
+ {#if selectedRelationship}
+ ) => {
+ onCreation(null, newEdges);
+ createRelationship = false;
+ }}
+ closeModal={() => {
+ createRelationship = false;
+ selectedRelationship = undefined;
+ relationshipStart = null;
+ layout = familyTreeDAG.getLayoutedElements(
+ nodes,
+ edges,
+ tailwindClassToPixels('w-40') || 160,
+ tailwindClassToPixels('h-40') || 160,
+ 'TB'
+ );
+ edges = [...layout.Edges];
+ nodes = [...layout.Nodes];
+ }}
+ startNode={String(selectedRelationship.source)}
+ endNode={String(selectedRelationship.target)}
+ />
+ {/if}
+ {#if openPersonMenu !== undefined}
+ {
+ createPerson = true;
+ relationshipStart = null;
+ }}
+ createRelationshipAndProfile={(id: number) => {
+ createPerson = true;
+ relationshipStart = id;
+ }}
+ addRelationship={(id: number) => {
+ createRelationship = true;
+ selectedRelationship = {
+ id: 'relationship' + id,
+ source: String(id),
+ target: String(id)
+ };
+ }}
+ closeModal={() => {
+ adminMenu = false;
+ }}
+ editProfile={(id: number) => {
+ selectedPerson = { id: String(id) };
+ fetch('/api/person/' + id, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ .then((response) => {
+ if (response.ok) {
+ return response.json() as Promise;
+ } else {
+ alert('Error fetching person data');
+ return null;
+ }
+ })
+ .then((data) => {
+ if (data) {
+ selectedPerson = data.Props as components['schemas']['PersonProperties'] & {
+ id: string | undefined;
+ };
+ selectedPerson.id = String(id);
+ openPersonPanel = true;
+ }else {
+ alert('Error fetching person data');
+ }
+ });
+ }}
+ onChange={() => {}}
+ />
+ {/if}
+
+
+
+
+
+ {
+ adminMenu = !adminMenu;
+ }}
+ />
+
diff --git a/apps/app/src/routes/api/admin/[ID1]/+server.ts b/apps/app/src/routes/api/admin/[ID1]/+server.ts
new file mode 100644
index 0000000..ce2eed0
--- /dev/null
+++ b/apps/app/src/routes/api/admin/[ID1]/+server.ts
@@ -0,0 +1,26 @@
+import { client } from '$lib/api/client';
+import { redirect } from '@sveltejs/kit';
+import type { RequestEvent } from './$types';
+
+export async function GET(event: RequestEvent): Promise
+
diff --git a/apps/app/src/routes/login/google/+server.ts b/apps/app/src/routes/login/google/+server.ts
new file mode 100644
index 0000000..7144339
--- /dev/null
+++ b/apps/app/src/routes/login/google/+server.ts
@@ -0,0 +1,32 @@
+import { google } from '$lib/server/oauth';
+import { generateCodeVerifier, generateState } from 'arctic';
+
+import type { RequestEvent } from './$types';
+
+export function GET(event: RequestEvent): Response {
+ const state = generateState();
+ const codeVerifier = generateCodeVerifier();
+ const url = google.createAuthorizationURL(state, codeVerifier, ['openid', 'profile', 'email']);
+
+ event.cookies.set('google_oauth_state', state, {
+ httpOnly: true,
+ maxAge: 60 * 10,
+ secure: import.meta.env.PROD,
+ path: '/',
+ sameSite: 'lax'
+ });
+ event.cookies.set('google_code_verifier', codeVerifier, {
+ httpOnly: true,
+ maxAge: 60 * 10,
+ secure: import.meta.env.PROD,
+ path: '/',
+ sameSite: 'lax'
+ });
+
+ return new Response(null, {
+ status: 302,
+ headers: {
+ Location: url.toString()
+ }
+ });
+}
diff --git a/apps/app/src/routes/login/google/callback/+page.server.ts b/apps/app/src/routes/login/google/callback/+page.server.ts
new file mode 100644
index 0000000..623da3b
--- /dev/null
+++ b/apps/app/src/routes/login/google/callback/+page.server.ts
@@ -0,0 +1,358 @@
+import { google } from '$lib/server/oauth';
+import { ObjectParser } from '@pilcrowjs/object-parser';
+import { browser } from '$app/environment';
+import { client } from '$lib/api/client';
+import { type components } from '$lib/api/api.gen';
+import { createSession, generateSessionToken, setSessionTokenCookie } from '$lib/server/session';
+import { decodeIdToken } from 'arctic';
+import {
+ missing_field,
+ last_name,
+ first_name,
+ mothers_first_name,
+ mothers_last_name,
+ born,
+ failed_to_create_user,
+ biological_sex
+} from '$lib/paraglide/messages';
+
+import type { PageServerLoad, Actions, RequestEvent } from './$types';
+import type { OAuth2Tokens } from 'arctic';
+import type { PersonProperties } from '$lib/model';
+import { error, redirect, fail } from '@sveltejs/kit';
+
+const StorageLimit = 200 * 1024 * 1024;
+
+export const load: PageServerLoad = async (event: RequestEvent) => {
+ //prevent loading in developer mode, due to some issues with universal load, even if this is a server only ts,it will still run on client in dev mode idk
+ if (browser) {
+ return {};
+ }
+
+ const storedState = event.cookies.get('google_oauth_state') ?? null;
+ const codeVerifier = event.cookies.get('google_code_verifier') ?? null;
+ const code = event.url.searchParams.get('code');
+ const state = event.url.searchParams.get('state');
+
+ if (storedState === null || codeVerifier === null || code === null || state === null) {
+ return error(400, { message: 'Please restart the process.' });
+ }
+ if (storedState !== state) {
+ return error(400, { message: 'Please restart the process.' });
+ }
+
+ let tokens: OAuth2Tokens;
+ try {
+ tokens = await google.validateAuthorizationCode(code, codeVerifier);
+ } catch (e) {
+ let already_loaded = event.cookies.get('already_loaded') ?? null;
+ if (already_loaded !== null) {
+ event.cookies.delete('already_loaded', {
+ path: '/login/google/callback',
+ sameSite: 'lax',
+ httpOnly: true,
+ maxAge: 0,
+ secure: import.meta.env.PROD
+ });
+ return {};
+ }
+ return error(400, { message: 'Failed to validate authorization code with ' + e });
+ }
+
+ const claims = decodeIdToken(tokens.idToken());
+ const claimsParser = new ObjectParser(claims);
+
+ const sub = claimsParser.getString('sub');
+ const family_name = claimsParser.getString('family_name');
+ const first_name = claimsParser.getString('given_name');
+ const email = claimsParser.getString('email');
+
+ const response = await client.GET('/person/google/{google_id}', {
+ params: {
+ path: { google_id: sub }
+ }
+ });
+
+ if (response.response.status === 200) {
+ if (response.data?.Id !== undefined) {
+ if (!event.platform || !event.platform.env || !event.platform.env.GH_SESSIONS) {
+ return error(500, {
+ message: 'Server configuration error. GH_SESSIONS KeyValue store missing'
+ });
+ }
+
+ const sessionToken = generateSessionToken(String(response.data.Id));
+ const session = await createSession(
+ sessionToken,
+ response.data.Id,
+ event.platform.env.GH_SESSIONS
+ );
+ if (session === null) {
+ return error(500, {
+ message: 'Failed to create session'
+ });
+ }
+
+ event.cookies.delete('already_loaded', {
+ path: '/login/google/callback',
+ sameSite: 'lax',
+ httpOnly: true,
+ maxAge: 0,
+ secure: import.meta.env.PROD
+ });
+
+ setSessionTokenCookie(event, sessionToken, session.expiresAt);
+
+ return redirect(302, '/');
+ }
+ }
+
+ let personP: PersonProperties = {
+ google_id: sub,
+ first_name: first_name,
+ last_name: family_name,
+ email: email
+ };
+
+ event.cookies.set('already_loaded', 'true', {
+ path: '/login/google/callback',
+ sameSite: 'lax',
+ httpOnly: true,
+ maxAge: 60 * 10,
+ secure: import.meta.env.PROD
+ });
+
+ return {
+ props: personP
+ };
+};
+
+export const actions: Actions = {
+ register: register
+};
+
+async function register(event: RequestEvent) {
+ if (browser) {
+ return {};
+ }
+
+ const data = await event.request.formData();
+ let parsedData: components['schemas']['PersonRegistration'] = {
+ first_name: data.get('first_name'),
+ last_name: data.get('last_name'),
+ email: data.get('email'),
+ biological_sex: data.get('biological_sex'),
+ born: data.get('birth_date'),
+ mothers_first_name: data.get('mothers_first_name'),
+ mothers_last_name: data.get('mothers_last_name'),
+ google_id: data.get('google_id'),
+ limit: StorageLimit
+ } as components['schemas']['PersonRegistration'];
+
+ if (!event.platform || !event.platform.env || !event.platform.env.GH_SESSIONS) {
+ return fail(500, {
+ data: parsedData,
+ message: 'Server configuration error. GH_SESSIONS KeyValue store missing'
+ });
+ }
+
+ const first_name_f = data.get('first_name');
+ if (first_name_f === null || first_name_f === '') {
+ return fail(400, {
+ data: parsedData,
+ message: missing_field({
+ field: first_name()
+ })
+ });
+ }
+
+ const google_id = data.get('google_id');
+ if (google_id === null || google_id === '') {
+ return fail(400, {
+ data: parsedData,
+ message: missing_field({
+ field: 'google_id'
+ })
+ });
+ }
+
+ const last_name_f = data.get('last_name');
+ if (last_name_f === null || last_name_f === '') {
+ return fail(400, {
+ data: parsedData,
+ message: missing_field({
+ field: last_name()
+ })
+ });
+ }
+
+ const email = data.get('email');
+ if (email === null || email === '') {
+ return fail(400, {
+ message: missing_field({
+ field: 'Email'
+ })
+ });
+ }
+ let birth_date = data.get('birth_date');
+ if (birth_date === null || birth_date === '') {
+ return fail(400, {
+ message: missing_field({
+ field: born()
+ })
+ });
+ } else {
+ birth_date = birth_date.toString();
+ }
+
+ const bbiological_sex = data.get('biological_sex');
+ if (bbiological_sex === null || bbiological_sex === '') {
+ return fail(400, {
+ data: parsedData,
+ message: missing_field({
+ field: biological_sex()
+ })
+ });
+ } else if (
+ !['male', 'female', 'intersex', 'unknown', 'other'].includes(bbiological_sex.toString())
+ ) {
+ return fail(400, {
+ data: parsedData,
+ message: `Invalid value for biological_sex. Must be one of "male", "female", "intersex", "unknown", or "other".`
+ });
+ }
+
+ const mothers_first_name_f = data.get('mothers_first_name');
+ if (mothers_first_name_f === null || mothers_first_name_f === '') {
+ return fail(400, {
+ data: parsedData,
+ message: missing_field({
+ field: mothers_first_name()
+ })
+ });
+ }
+ const mothers_last_name_f = data.get('mothers_last_name');
+ if (mothers_last_name_f === null) {
+ return fail(400, {
+ data: parsedData,
+ message: missing_field({
+ field: mothers_last_name()
+ })
+ });
+ }
+
+ const parsed_date = new Date(birth_date as string);
+ let personP: components['schemas']['PersonRegistration'] = {
+ first_name: first_name_f as string,
+ last_name: last_name_f as string,
+ email: email as string,
+ born: parsed_date.toISOString().split('T')[0],
+ mothers_first_name: mothers_first_name_f as string,
+ mothers_last_name: mothers_last_name_f as string,
+ biological_sex:
+ bbiological_sex as components['schemas']['PersonRegistration']['biological_sex'],
+ limit: StorageLimit
+ };
+
+ let invite_code = data.get('invite_code');
+ if (invite_code !== null) {
+ invite_code = invite_code.toString();
+ } else {
+ invite_code = '';
+ }
+
+ let responseData:
+ | {
+ Id?: number;
+ ElementId?: string;
+ Labels?: string[];
+ Props?: components['schemas']['PersonProperties'];
+ }
+ | undefined = undefined;
+ if (!(invite_code.length > 0)) {
+ let response = await client.POST('/person/google/{google_id}', {
+ params: {
+ data: parsedData,
+ path: { google_id: google_id.toString() }
+ },
+ body: personP
+ });
+
+ if (response.response.status !== 200) {
+ return fail(400, {
+ data: parsedData,
+ message: failed_to_create_user() + response.error?.msg
+ });
+ }
+
+ if (response.data === undefined) {
+ return fail(400, {
+ data: parsedData,
+ message: failed_to_create_user() + 'No user data returned'
+ });
+ }
+ responseData = response.data;
+ } else {
+ let response = await client.PATCH('/person/google/{google_id}', {
+ params: {
+ path: { google_id: google_id.toString() }
+ },
+ body: {
+ invite_code: invite_code,
+ person: personP
+ }
+ });
+ if (response.response.status !== 200) {
+ return fail(400, {
+ data: parsedData,
+ message: failed_to_create_user() + response.error?.msg
+ });
+ }
+
+ if (response.data === undefined) {
+ return fail(400, {
+ data: parsedData,
+ message: failed_to_create_user() + 'No user data returned'
+ });
+ }
+ responseData = response.data;
+ }
+
+ if (responseData.Id === undefined) {
+ return fail(400, {
+ data: parsedData,
+ message: failed_to_create_user() + 'No user ID returned'
+ });
+ }
+
+ if (!event.platform) {
+ return fail(500, {
+ data: parsedData,
+ message: 'Server configuration error. GH_SESSIONS KeyValue store missing'
+ });
+ }
+
+ const sessionToken = generateSessionToken(String(responseData.Id));
+ const session = await createSession(
+ sessionToken,
+ responseData.Id,
+ event.platform.env.GH_SESSIONS
+ );
+ if (session === null) {
+ return fail(500, {
+ data: parsedData,
+ message: failed_to_create_user() + 'Failed to create session'
+ });
+ }
+
+ setSessionTokenCookie(event, sessionToken, session.expiresAt);
+
+ event.cookies.delete('already_loaded', {
+ path: '/login/google/callback',
+ sameSite: 'lax',
+ httpOnly: true,
+ maxAge: 0,
+ secure: import.meta.env.PROD
+ });
+ return redirect(302, '/');
+}
diff --git a/apps/app/src/routes/login/google/callback/+page.svelte b/apps/app/src/routes/login/google/callback/+page.svelte
new file mode 100644
index 0000000..5ef2f2c
--- /dev/null
+++ b/apps/app/src/routes/login/google/callback/+page.svelte
@@ -0,0 +1,194 @@
+
+
+
+
+
+
+
diff --git a/apps/app/src/routes/login/highresolution_icon_no_background_croped.png b/apps/app/src/routes/login/highresolution_icon_no_background_croped.png
new file mode 100644
index 0000000..8e640e5
Binary files /dev/null and b/apps/app/src/routes/login/highresolution_icon_no_background_croped.png differ
diff --git a/apps/app/src/routes/logout/+page.server.ts b/apps/app/src/routes/logout/+page.server.ts
new file mode 100644
index 0000000..b3d5f03
--- /dev/null
+++ b/apps/app/src/routes/logout/+page.server.ts
@@ -0,0 +1,20 @@
+import { error, redirect } from '@sveltejs/kit';
+import { invalidateSession, deleteSessionTokenCookie } from '$lib/server/session';
+
+import type { RequestEvent } from './$types';
+
+export async function load(event: RequestEvent): Promise
+
+
+
+ 
+
+
+ {welcome()}
++ {site_intro()} +
+
+
+
+
+
+