login okay

front/package.json

@@ -3,7 +3,6 @@
   "type": "module",
   "version": "0.0.1",
   "private": "true",
-  "private": "true",
   "scripts": {
     "dev": "astro dev",
     "start": "node ./dist/server/entry.mjs",
@@ -28,10 +27,11 @@
     "react-leaflet": "^4.2.1",
     "simple-icons-astro": "^11.12.0",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.2.2"
+    "typescript": "^5"
   },
   "devDependencies": {
     "@astrojs/check": "^0",
+    "@astrojs/ts-plugin": "^1.6.1",
     "@types/leaflet": "^1.9.12",
     "@types/node": "^20",
     "@typescript-eslint/eslint-plugin": "^6.21.0",

front/src/env.d.ts

@@ -1,12 +1,14 @@
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
 
-
+import PocketBase from 'pocketbase'
 export interface ImportMetaEnv {
     NODE_ENV: string
     APP_URL: string
 
-    POCKETBASEURL: string
+    POCKETBASE_URL: string
+
+	GOOGLE_API_KEY: string
 }
 
 interface ImportMeta {
@@ -14,9 +16,10 @@ interface ImportMeta {
 }
 
 
+// eslint-disable-next-line  @typescript-eslint/no-namespace
 declare namespace App {
-	/**
-	 * Middlewares variables
-	 */
-	interface Locals {}
+	// eslint-disable-next-line  @typescript-eslint/no-empty-interface
+	export interface Locals {
+		pb: PocketBase
+	}
 }

front/src/libs/AuthUtils.ts

@@ -4,7 +4,7 @@ import PocketBase from 'pocketbase'
 import { getEnv } from 'libs/Env'
 
 
-const pb = new PocketBase(getEnv('POCKET_BASE','https://pb-tweb.cb85.fr')) // XXX: 'https://pb-tweb.cb85.fr'
+const pb = new PocketBase(getEnv('POCKETBASE_URL','https://pb-tweb.cb85.fr')) // XXX: 'https://pb-tweb.cb85.fr'
 
 export async function clearUser(cookies: AstroCookies): Promise<void> {
 	const sessionID = cookies.get('session')?.value
@@ -74,7 +74,7 @@ export async function getUser(cookies: AstroCookies): Promise<UserObj | null> {
 		emailVisibility: false,
 		name: bpAuth.model.name as string,
 		password: undefined,
-		passwordConfirm: undefined
+		passwordConfirm: undefined,
 	}
 
 	return output

front/src/middleware/index.ts

@@ -0,0 +1,27 @@
+import PocketBase from 'pocketbase'
+
+import { defineMiddleware } from 'astro/middleware'
+import { getEnv } from 'libs/Env'
+
+export const onRequest = defineMiddleware(async ({ locals, request }: any, next: () => any) => {
+	locals.pb = new PocketBase(getEnv('POCKETBASE_URL','http://localhost:8080'))
+
+	// load the store data from the request cookie string
+	locals.pb.authStore.loadFromCookie(request.headers.get('cookie') || '')
+
+	try {
+		// get an up-to-date auth store state by verifying and refreshing the loaded auth model (if any)
+		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+		locals.pb.authStore.isValid && await locals.pb.collection('users').authRefresh()
+	} catch (_) {
+		// clear the auth store on failed refresh
+		locals.pb.authStore.clear()
+	}
+
+	const response = await next()
+
+	// send back the default 'pb_auth' cookie to the client with the latest store state
+	response.headers.append('set-cookie', locals.pb.authStore.exportToCookie())
+
+	return response
+})

front/src/models/User/index.ts

@@ -1,19 +1,19 @@
 
 
 export interface PBData{
-    id: string | null
-    collectionId: string | null
-    collectionName: string | null
-    created: string | null // TODO: passé ca en date auto
-    updated: string | null // TODO: passé ca en date auto
+    id?: string | null
+    collectionId?: string | null
+    collectionName?: string | null
+    created?: string | null // TODO: passé ca en date auto
+    updated?: string | null // TODO: passé ca en date auto
 }
 
 export default interface UserObj extends PBData{
-    avatar: string | null
+    avatar?: string | null
     username: string
     email: string
-    emailVisibility: false
-    password: string | undefined
-    passwordConfirm: string | undefined
+    emailVisibility?: boolean
+    password?: string | undefined
+    passwordConfirm?: string | undefined
     name: string | null
 }

front/src/pages/account/index.astro

@@ -1,16 +1,18 @@
 ---
-import Layout from 'layouts/Layout.astro';
-import { getUser } from 'libs/AuthUtils';
+import Layout from 'layouts/Layout.astro'
+import PocketBase from 'pocketbase'
 
 
-const user = await getUser(Astro.cookies);
+const pb = Astro.locals.pb as PocketBase
+const auth = pb.authStore
+const user = auth.model
 
-if(!user){
+if(!auth.isValid){
     return Astro.redirect("/account/login");
 }
 
 ---
 
 <Layout title="Account setting">
-    <h1>Bonjour {user.name}</h1>
+    <h1>Bonjour {user!.name}</h1>
 </Layout>

front/src/pages/account/login.astro

@@ -1,29 +1,33 @@
 ---
-import Layout from "../../layouts/Layout.astro";
-import PocketBase from 'pocketbase';
-import AstroUtils from "../../libs/AstroUtils";
-import { getUser, login } from "libs/AuthUtils";
+import Layout from "layouts/Layout.astro";
+import AstroUtils from "libs/AstroUtils";
+import PocketBase from 'pocketbase'
 
 
+const pb = Astro.locals.pb as PocketBase
 
-const usr = await getUser(Astro.cookies)
-if (usr) {
-	// return Astro.redirect(route('/', {message: 'Vous êtes déjà connecté !'}))
+if(pb.authStore.isValid){
+    return Astro.redirect("/account")
 }
 
-
 const res = await AstroUtils.wrap(async () => {
     if (Astro.request.method !== 'POST') {
         return
     }
+    // FIXME checké si utilisateur deja connecté
+    const locals = Astro.locals
+    
     const form = await Astro.request.formData();
     const request = {
         user: form.get("username") as string,
         password: form.get("password") as string
     }
 
-
-    await login(Astro.cookies, request)
+    try {
+        await locals.pb.collection('users').authWithPassword(request.user,request.password);
+    } catch (error) {
+        console.log(error)
+    }
 
     return Astro.redirect("/account")
 

front/src/pages/account/register.astro

@@ -1,18 +1,16 @@
 ---
-import PocketBase from 'pocketbase';
-import Layout from '../../layouts/Layout.astro';
-import AstroUtils from '../../libs/AstroUtils';
-import { getUser, setUser } from 'libs/AuthUtils';
-import type UserObj from 'models/User';
+import Layout from 'layouts/Layout.astro';
+import AstroUtils from 'libs/AstroUtils';
+import PocketBase from 'pocketbase'
 
-const connected = await getUser(Astro.cookies)
 
-if(connected) {
-    return Astro.redirect(route('/'))
+const pb = Astro.locals.pb as PocketBase
+
+if(pb.authStore.isValid){
+    return Astro.redirect("/account")
 }
 
-
-const res = await AstroUtils.wrap(async () => {
+await AstroUtils.wrap(async () => {
     if (Astro.request.method !== 'POST'){
         return
     }
@@ -23,10 +21,13 @@ const res = await AstroUtils.wrap(async () => {
         email: form.get("email") as string,
         password: form.get("password") as string,
         passwordConfirm: form.get("passwordConfirm") as string,
-        emailVisibility: false
     }
-    await setUser(Astro.cookies, request);
-    
+    try{
+        await pb.collection('users').create(request)
+        return Astro.redirect('account/login')
+    }catch(e){
+        console.log(e);
+    }
 })
 ---