Share common data types with frontend.

Author: flackr

src/public/index.ts

@@ -1,4 +1,4 @@
-import { initializeDatabase } from "../server/db";
+import type { UserInfo } from "../common/types.ts";
 
 /**
  * Hides all screens and shows only the specified one.
@@ -69,17 +69,19 @@ function initializeUI() {
     const messageElement = document.getElementById('register-message');
     messageElement.textContent = '';
     messageElement.classList.remove('error');
-    const alias = registerForm.elements['alias'].value.trim();
-    const email = registerForm.elements['email'].value.trim();
-    const password = registerForm.elements['password'].value;
     registerForm.classList.add('loading');
-    const response = await fetch('/api/register', {
+    let response = await fetch('/api/register', {
       method: 'POST',
       body: new FormData(registerForm)
     });
 
     if (response.ok) {
-        messageElement.textContent = `Registration successful for ${email}! Redirecting to login...`;
+        messageElement.textContent = `Registration successful! Redirecting to profile...`;
+        response = await fetch('/api/userinfo');
+        if (response.ok) {
+          const userInfo = await response.json() as UserInfo;
+          console.log('Registered user info:', userInfo);
+        }
         //await new Promise(resolve => setTimeout(resolve, 1500));
         //showView('login-screen');
     } else {

src/server/db.ts

@@ -1,31 +1,12 @@
 import { readFileSync } from 'fs';
 import type { PGInterface } from './types.ts';
+import type { User, Session } from '../common/types.ts';
 
-export interface User {
-  id: number;
-  email: string | null;
-  username: string;
-  hashed_password: string | null;
-  alias: string;
-  verification_email: string | null;
-  created_ip_address: string;
-  created_at: Date;
-  active_at: Date;
-};
 export interface VerificationEmail {
   email: string;
   verification_code: string;
   created_at: Date;
 };
-export interface Session {
-  id: number;
-  session_key?: string;
-  url?: string;
-  user_id: number;
-  created_at: Date;
-  active_ip_address: string;
-  updated_at: Date;
-};
 
 export async function cleanupDatabase(client: PGInterface) {
   const sqlTables = [

src/server/user.ts

@@ -3,7 +3,8 @@ import type { ClockAPI } from '../common/interfaces.ts';
 import type { PGInterface } from './types.ts';
 import type { TransportInterface, LimitsConfig } from './server.ts';
 import { randomBytes } from 'crypto';
-import type { User, VerificationEmail, Session } from './db.ts';
+import type { UserInfo, User, Session } from '../common/types.ts';
+import type { VerificationEmail } from './db.ts';
 
 export type RegistrationData = {
   username: string | null;
@@ -34,11 +35,6 @@ export type AuthenticationHandlerConfig = {
   limits: LimitsConfig;
 }
 
-export type UserInfo = {
-  user: User;
-  sessions: Session[];
-}
-
 const SALT_ROUNDS = 12;
 
 function generateSessionId() {