feat: use drink api in front and more (#16)

Reviewed-on: #16
Co-authored-by: Clement <c.boesmier@aptatio.com>
Co-committed-by: Clement <c.boesmier@aptatio.com>

Express/barAndCafe/Dockerfile

@@ -47,7 +47,8 @@ WORKDIR /home/node
 EXPOSE 3000
 
 # Add Healthcheck
-HEALTHCHECK --interval=10s --timeout=10s --start-period=5s --retries=3 CMD wget --no-verbose --tries=1 --spider http://localhost:3000 || exit 1
+# FIXME: faire en sorte que le healthcheck fonctionne
+# HEALTHCHECK --interval=10s --timeout=10s --start-period=5s --retries=3 CMD wget --no-verbose --tries=1 --spider http://localhost:3000 || exit 1
 
 # copy from build image
 COPY --chown=node:node --from=BUILD_IMAGE /home/node/node_modules ./node_modules

Express/barAndCafe/jest.config.js

@@ -1,5 +1,8 @@
 /** @type {import('ts-jest').JestConfigWithTsJest} */
 module.exports = {
+  testPathIgnorePatterns: [
+    "<rootDir>/dist/"
+  ],
   testTimeout: 10000,
   preset: 'ts-jest',
   testEnvironment: 'node',

Express/barAndCafe/package-lock.json

@@ -8,6 +8,7 @@
         "@types/express": "^4.17.21",
         "@types/node": "^20.12.7",
         "axios": "^1.6.8",
+        "cors": "^2.8.5",
         "dotenv": "^16.4.5",
         "express": "^4.19.2",
         "rimraf": "^5.0.5",
@@ -15,6 +16,7 @@
         "swagger-ui-express": "^5.0.0"
       },
       "devDependencies": {
+        "@types/cors": "^2.8.17",
         "@types/jest": "^29.5.12",
         "@types/rewire": "^2.5.30",
         "@types/supertest": "^6.0.2",
@@ -1968,6 +1970,15 @@
       "integrity": "sha512-he+DHOWReW0nghN24E1WUqM0efK4kI9oTqDm6XmK8ZPe2djZ90BSNdGnIyCLzCPw7/pogPlGbzI2wHGGmi4O/Q==",
       "dev": true
     },
+    "node_modules/@types/cors": {
+      "version": "2.8.17",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz",
+      "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/express": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
@@ -4745,6 +4756,18 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/create-jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
@@ -9248,7 +9271,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }

Express/barAndCafe/package.json

@@ -14,6 +14,7 @@
     "@types/express": "^4.17.21",
     "@types/node": "^20.12.7",
     "axios": "^1.6.8",
+    "cors": "^2.8.5",
     "dotenv": "^16.4.5",
     "express": "^4.19.2",
     "rimraf": "^5.0.5",
@@ -21,6 +22,7 @@
     "swagger-ui-express": "^5.0.0"
   },
   "devDependencies": {
+    "@types/cors": "^2.8.17",
     "@types/jest": "^29.5.12",
     "@types/rewire": "^2.5.30",
     "@types/supertest": "^6.0.2",

Express/barAndCafe/src/app.ts

@@ -1,11 +1,13 @@
 import { getCity, getRadius, getPoiId, getBox } from "./openTripMaps"
 import express from "express"
+import cors from "cors"
 /**
  * Initialize Express application instance.
  * @returns An initialized Express application object.
  */
 const app = express()
 
+app.use(cors())
 
 
 /**

Express/barAndCafe/src/openTripMaps.ts

@@ -13,7 +13,7 @@ const key = process.env.OPEN_TRIP_MAPS_KEY
  * @param {string} lat2 Latitude of the 2nd point of the box
  * @returns {FeatureCollection} a list of POIs with their type, id, etc. (cf: [opentripmap](https://dev.opentripmap.org/docs#))
  */
-async function callBox(lon1:string, lat1:string, lon2: string, lat2: string) {
+async function callBox(lon1:string, lat1:string, lon2: string, lat2: string, rate: string) {
     const lonMin = Math.min(parseFloat(lon1), parseFloat(lon2))
     const lonMax = Math.max(parseFloat(lon1), parseFloat(lon2))
     const latMin = Math.min(parseFloat(lat1), parseFloat(lat2))
@@ -27,6 +27,7 @@ async function callBox(lon1:string, lat1:string, lon2: string, lat2: string) {
             lon_max: lonMax,
             lat_min: latMin,
             lat_max: latMax,
+            rate: rate,
             apikey: key,
             kinds: 'bars,cafes,pubs,biergartens'
         },
@@ -182,12 +183,16 @@ export async function getBox(req:express.Request, res: express.Response) {
     const lat1 = req.query["lat1"] as string
     const lon2 = req.query["lon2"] as string
     const lat2 = req.query["lat2"] as string
+    let rate = req.query["rate"] as string
     if(!lon1 || !lat1 || !lon2 || !lat2){
         res.status(400).send("Missing Argument")
         return
     }
 
-    res.send( await callBox(lon1, lat1, lon2, lat2))
+    if(!rate){
+        rate = "1";
+    }
+
+    res.send( await callBox(lon1, lat1, lon2, lat2, rate))
 }
 
-//TODO: fair une route ou l'on donne 2 coordonée

Express/barAndCafe/src/swaggerDef.ts

@@ -21,7 +21,7 @@ const options = {
 			}
 		],
 	},
-	apis: ['./src/*.ts'],
+	apis: ['./src/*.ts','./dist/src/*.js'],
 	explorer: true
 }
 

Express/barAndCafe/test/openTripMaps.test.ts

@@ -219,6 +219,14 @@ describe("Test the otm city path", () => {
             }
             ]
         }
+        function sleep(milliseconds: number) {
+            const date = Date.now();
+            let currentDate = null;
+            do {
+              currentDate = Date.now();
+            } while (currentDate - date < milliseconds);
+          }
+        sleep(2000);
         request(app)
         .get("/otm/box")
         .query({'lon1':'-1.435199','lon2':'-1.43519', 'lat1':'46.668460', 'lat2':'46.668461'})

Ratrapage_WEB.code-workspace

@@ -0,0 +1,18 @@
+{
+	"folders": [
+		{
+			"name": "Ratrapage_WEB",
+			"path": "."
+		},
+		{
+			"name": "barAndCafe",
+			"path": "Express/barAndCafe"
+		},
+		{
+			"path": "front"
+		}
+	],
+	"settings": {
+		"typescript.tsdk": "node_modules/typescript/lib"
+	}
+}

bruno/OpenData datatourisme/Google API.bru

@@ -0,0 +1,30 @@
+meta {
+  name: Google API
+  type: http
+  seq: 3
+}
+
+post {
+  url: https://places.googleapis.com/v1/places:searchNearby
+  body: json
+  auth: none
+}
+
+headers {
+  X-Goog-Api-Key: {{GOOGLE_API_KEY}}
+}
+
+body:json {
+  {
+    "includedTypes": ["restaurant"],
+    "maxResultCount": 10,
+    "locationRestriction": {
+      "circle": {
+        "center": {
+          "latitude": 37.7937,
+          "longitude": -122.3965},
+        "radius": 500.0
+      }
+    }
+  }
+}

bruno/OpenData datatourisme/environments/dev.bru

@@ -1,7 +1,9 @@
 vars {
   TRIPMAP_URL: https://api.opentripmap.com/0.1
+  EXPRESS_API: http://localhost:3001
 }
 vars:secret [
   app_key,
-  OTM_KEY
+  OTM_KEY,
+  GOOGLE_API_KEY
 ]

bruno/OpenData datatourisme/environments/prod.bru

@@ -0,0 +1,8 @@
+vars {
+  EXPRESS_API: https://drink-tweb.cb85.fr
+  PB_URL: https://pb-tweb.cb85.fr
+  TRIPMAP_URL: https://api.opentripmap.com/0.1/
+}
+vars:secret [
+  OTM_KEY
+]

bruno/OpenData datatourisme/express/otm_ex_city.bru

@@ -5,7 +5,7 @@ meta {
 }
 
 get {
-  url: http://localhost:3001/otm/city?name=La roche sur yon&radius=300
+  url: {{EXPRESS_API}}/otm/city?name=La roche sur yon&radius=300
   body: none
   auth: none
 }

bruno/OpenData datatourisme/list oaut methode.bru

@@ -0,0 +1,11 @@
+meta {
+  name: list oaut methode
+  type: http
+  seq: 5
+}
+
+get {
+  url: https://pb-tweb.cb85.fr/api/collections/users/auth-methods
+  body: none
+  auth: none
+}

bruno/OpenData datatourisme/oauth test.bru

@@ -0,0 +1,18 @@
+meta {
+  name: oauth test
+  type: http
+  seq: 4
+}
+
+post {
+  url: https://pb-tweb.cb85.fr/api/collections/users/auth-with-oauth2
+  body: json
+  auth: none
+}
+
+body:json {
+  {
+    provider: "google"
+    
+  }
+}

bruno/OpenData datatourisme/otm/otm_city.bru

@@ -0,0 +1,16 @@
+meta {
+  name: otm_city
+  type: http
+  seq: 5
+}
+
+get {
+  url: {{TRIPMAP_URL}}/en/places/geoname?name=paris&apikey={{OTM_KEY}}
+  body: none
+  auth: none
+}
+
+query {
+  name: paris
+  apikey: {{OTM_KEY}}
+}

bruno/OpenData datatourisme/poketBase_api/connexion.bru

@@ -0,0 +1,18 @@
+meta {
+  name: connexion
+  type: http
+  seq: 1
+}
+
+post {
+  url: {{PB_URL}}/api/collections/users/auth-with-password
+  body: json
+  auth: none
+}
+
+body:json {
+  {
+    "identity": "michel.biche@aptatio.com",
+    "password": "123456789"
+  }
+}

bruno/OpenData datatourisme/poketBase_api/get all poi.bru

@@ -0,0 +1,27 @@
+meta {
+  name: get all poi
+  type: http
+  seq: 5
+}
+
+get {
+  url: {{PB_URL}}/api/collections/user_poi/records?filter=owner='vvy93m1hoaeshwy'&&poi_list='cabkkovmjsfoapa'
+  body: json
+  auth: bearer
+}
+
+query {
+  filter: owner
+  poi_list: 'cabkkovmjsfoapa'
+}
+
+auth:bearer {
+  token: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb2xsZWN0aW9uSWQiOiJfcGJfdXNlcnNfYXV0aF8iLCJleHAiOjE3MTg4Mjg0NzEsImlkIjoidnZ5OTNtMWhvYWVzaHd5IiwidHlwZSI6ImF1dGhSZWNvcmQifQ.pC7u-QaZ_BYqWA5wG8wu1lRbbd4mKuKeAveWe_IBnfU
+}
+
+body:json {
+  {
+    "owner": "vvy93m1hoaeshwy",
+    "poi_list": "sh430u0im37cxm5"
+  }
+}

bruno/OpenData datatourisme/poketBase_api/link user to poi.bru

@@ -0,0 +1,22 @@
+meta {
+  name: link user to poi
+  type: http
+  seq: 3
+}
+
+post {
+  url: {{PB_URL}}/api/collections/user_poi/records
+  body: json
+  auth: bearer
+}
+
+auth:bearer {
+  token: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb2xsZWN0aW9uSWQiOiJfcGJfdXNlcnNfYXV0aF8iLCJleHAiOjE3MTg4Mjg0NzEsImlkIjoidnZ5OTNtMWhvYWVzaHd5IiwidHlwZSI6ImF1dGhSZWNvcmQifQ.pC7u-QaZ_BYqWA5wG8wu1lRbbd4mKuKeAveWe_IBnfU
+}
+
+body:json {
+  {
+    "owner": "vvy93m1hoaeshwy",
+    "poi_list": "sh430u0im37cxm5"
+  }
+}

bruno/OpenData datatourisme/poketBase_api/send a poi.bru

@@ -0,0 +1,40 @@
+meta {
+  name: send a poi
+  type: http
+  seq: 2
+}
+
+post {
+  url: {{PB_URL}}/api/collections/POI/records
+  body: json
+  auth: bearer
+}
+
+auth:bearer {
+  token: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb2xsZWN0aW9uSWQiOiJfcGJfdXNlcnNfYXV0aF8iLCJleHAiOjE3MTg4Mjg0NzEsImlkIjoidnZ5OTNtMWhvYWVzaHd5IiwidHlwZSI6ImF1dGhSZWNvcmQifQ.pC7u-QaZ_BYqWA5wG8wu1lRbbd4mKuKeAveWe_IBnfU
+}
+
+body:json {
+  {
+    "Poi_id": "11472887",
+    "Poi": {
+      "type": "Feature",
+      "id": "11472887",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [
+          -0.0626024,
+          51.4924088
+        ]
+      },
+      "properties": {
+        "xid": "W544344833",
+        "name": "The Blue Anchor",
+        "rate": 2,
+        "osm": "way/544344833",
+        "wikidata": "Q7718716",
+        "kinds": "pubs,foods,shops,marketplaces,tourist_facilities"
+      }
+    }
+  }
+}

bruno/OpenData datatourisme/poketBase_api/send fav to astro.bru

@@ -0,0 +1,37 @@
+meta {
+  name: send fav to astro
+  type: http
+  seq: 4
+}
+
+post {
+  url: http://localhost:3000/maps/save_poi
+  body: json
+  auth: bearer
+}
+
+auth:bearer {
+  token: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb2xsZWN0aW9uSWQiOiJfcGJfdXNlcnNfYXV0aF8iLCJleHAiOjE3MTg4ODY2OTIsImlkIjoidnZ5OTNtMWhvYWVzaHd5IiwidHlwZSI6ImF1dGhSZWNvcmQifQ.R9PBGlHn6aBHt89g6G0NykMh_Vye24OpKEUYtz6R6Og
+}
+
+body:json {
+  {
+      "type": "Feature",
+      "id": "11472888",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [
+          -0.0626024,
+          51.4924088
+        ]
+      },
+      "properties": {
+        "xid": "W544344833",
+        "name": "The Blue Anchor",
+        "rate": 2,
+        "osm": "way/544344833",
+        "wikidata": "Q7718716",
+        "kinds": "pubs,foods,shops,marketplaces,tourist_facilities"
+      }
+  }
+}

docker-compose.yml

@@ -18,7 +18,9 @@ services:
       - public
 
   front:
-    image: git.lab-ouest.org/epitech/ratrapage_t-web_front:pr-1-head
+    image: git.lab-ouest.org/epitech/ratrapage_t-web_front:pr-16-head
+    environment:
+      - POCKETBASE_URL=https://${POCKET_BASE_URL}
     depends_on:
       - pocketbase
     labels:
@@ -30,9 +32,10 @@ services:
       - public
 
   back_drink:
-    image: git.lab-ouest.org/epitech/ratrapage_t-web_back:pr-6-head
+    image: git.lab-ouest.org/epitech/ratrapage_t-web_back:master
     environment:
       - port=${BACK_BASE_PORT}
+      - OPEN_TRIP_MAPS_KEY=${OPEN_TRIP_MAPS_KEY}
     labels:
       - traefik.enable=true
       - traefik.http.routers.expressDrinkTweb.rule=Host(`${DRINK_URL}`)

front/.eslintignore

@@ -0,0 +1,8 @@
+node_modules
+
+out
+.next
+
+next-env.d.ts
+*.js
+__tests__

front/.eslintrc.json

@@ -0,0 +1,324 @@
+{
+	"env": {
+		"browser": true,
+		"es6": true,
+		"node": true
+	},
+	"extends": [
+		"eslint:recommended",
+		"plugin:astro/recommended",
+		"plugin:@typescript-eslint/strict",
+		"plugin:@typescript-eslint/stylistic"
+	],
+	"globals": {
+		"Atomics": "readonly",
+		"SharedArrayBuffer": "readonly"
+	},
+	"overrides": [
+		{
+			"files": [
+				"*.astro"
+			],
+			"parser": "astro-eslint-parser",
+			"parserOptions": {
+				"extraFileExtensions": [
+					".astro"
+				],
+				"parser": "@typescript-eslint/parser"
+			}
+		},
+		{
+			"files": [
+				"*.ts",
+				"*.tsx",
+				"*.astro"
+			],
+			"rules": {
+				"no-extra-parens": "off",
+				"no-unused-expressions": "off",
+				"no-shadow": "off",
+				"quotes": "off",
+				"semi": "off",
+				"space-before-function-paren": "off"
+			}
+		}
+	],
+	"parser": "@typescript-eslint/parser",
+	"parserOptions": {
+		"ecmaFeatures": {
+			"jsx": true,
+			"project": "tsconfig.json",
+			"sourceType": "module",
+			"ecmaVersion": 2018
+		}
+	},
+	"plugins": [
+		"@typescript-eslint"
+	],
+	"root": true,
+	"rules": {
+		"@typescript-eslint/prefer-for-of": "error",
+		"@typescript-eslint/prefer-function-type": "error",
+		"@typescript-eslint/prefer-namespace-keyword": "error",
+		"@typescript-eslint/space-before-function-paren": [
+			"error",
+			{
+				"anonymous": "never",
+				"asyncArrow": "always",
+				"named": "never"
+			}
+		],
+		"@typescript-eslint/triple-slash-reference": "error",
+		"@typescript-eslint/type-annotation-spacing": "error",
+		"@typescript-eslint/unified-signatures": "error",
+
+		"@typescript-eslint/adjacent-overload-signatures": "error",
+		"@typescript-eslint/array-type": [
+			"error",
+			{
+				"default": "generic"
+			}
+		],
+		"arrow-body-style": "error",
+		"arrow-parens": [
+			"error",
+			"always"
+		],
+		"@typescript-eslint/ban-types": [
+			"error",
+			{
+				"types": {
+					"{}": false
+				}
+			}
+		],
+		"complexity": [
+			"warn",
+			10
+		],
+		"@typescript-eslint/consistent-type-assertions": "error",
+		"@typescript-eslint/consistent-type-definitions": "error",
+		"constructor-super": "error",
+		"curly": "error",
+		"dot-notation": "error",
+		"eol-last": "error",
+		"eqeqeq": [
+			"error",
+			"smart"
+		],
+		"@typescript-eslint/explicit-member-accessibility": [
+			"error",
+			{
+				"accessibility": "explicit"
+			}
+		],
+		"for-direction": "error",
+		"getter-return": "error",
+		"guard-for-in": "error",
+		"id-blacklist": [
+			"error",
+			"any",
+			"Number",
+			"number",
+			"String",
+			"string",
+			"Boolean",
+			"boolean",
+			"Undefined"
+		],
+		"id-length": [
+			"warn",
+			{
+				"exceptions": [
+					"_"
+				]
+			}
+		],
+		"id-match": "error",
+		"indent": [
+			"error",
+			"tab",
+			{
+				"SwitchCase": 1
+			}
+		],
+		"linebreak-style": [
+			"error",
+			"unix"
+		],
+		"max-classes-per-file": [
+			"error",
+			1
+		],
+		"max-depth": [
+			"warn",
+			2
+		],
+		"max-len": [
+			"warn",
+			{
+				"code": 256
+			}
+		],
+		"@typescript-eslint/member-delimiter-style": [
+			"error",
+			{
+				"multiline": {
+					"delimiter": "none",
+					"requireLast": true
+				},
+				"singleline": {
+					"delimiter": "comma",
+					"requireLast": false
+				}
+			}
+		],
+		"@typescript-eslint/member-ordering": "error",
+		"new-parens": "error",
+
+		"no-async-promise-executor": "error",
+		"no-await-in-loop": "warn",
+		"no-bitwise": "error",
+		"no-caller": "error",
+		"no-compare-neg-zero": "error",
+		"no-cond-assign": "error",
+		"no-console": "off",
+		"no-constant-condition": "error",
+		"no-control-regex": "warn",
+		"no-debugger": "error",
+		"no-delete-var": "error",
+		"no-dupe-args": "error",
+		"no-dupe-else-if": "error",
+		"no-dupe-keys": "error",
+		"no-duplicate-case": "error",
+		"no-empty": [
+			"error",
+			{
+				"allowEmptyCatch": true
+			}
+		],
+		"no-empty-character-class": "error",
+		"@typescript-eslint/no-empty-function": "error",
+		"@typescript-eslint/no-empty-interface": "error",
+		"no-eval": "error",
+		"no-ex-assign": "error",
+		"@typescript-eslint/no-explicit-any": "off",
+
+
+		"no-extra-boolean-cast": "error",
+		"no-extra-parens": "off",
+		"@typescript-eslint/no-extra-parens": [
+			"error",
+			"all",
+			{
+				"ignoreJSX": "all"
+			}
+		],
+		"no-extra-semi": "error",
+		"no-fallthrough": "off",
+		"no-func-assign": "error",
+		"no-import-assign": "error",
+		"no-inner-declarations": "error",
+		"no-invalid-regexp": "error",
+		"no-irregular-whitespace": "error",
+		"no-label-var": "error",
+		"no-loss-of-precision": "error",
+		"no-misleading-character-class": "error",
+		"@typescript-eslint/no-misused-new": "error",
+		"no-multiple-empty-lines": "error",
+		"@typescript-eslint/no-namespace": "error",
+		"no-new-wrappers": "error",
+		"no-obj-calls": "error",
+		"no-promise-executor-return": "error",
+		"@typescript-eslint/no-parameter-properties": "off",
+		"no-prototype-builtins": "error",
+		"no-regex-spaces": "error",
+		"no-setter-return": "error",
+		"@typescript-eslint/no-shadow": "error",
+		"no-shadow": [
+			"error",
+			{
+				"builtinGlobals": false,
+				"hoist": "all"
+			}
+		],
+		"no-shadow-restricted-names": "error",
+		"no-sparse-arrays": "error",
+		"no-template-curly-in-string": "warn",
+		"no-throw-literal": "error",
+		"no-trailing-spaces": "error",
+		"no-undef": "error",
+		"no-undef-init": "error",
+		"no-underscore-dangle": "off",
+		"no-unexpected-multiline": "error",
+		"no-unreachable": "warn",
+		"no-unreachable-loop": "warn",
+		"no-unsafe-finally": "error",
+		"no-unsafe-negation": "error",
+		"no-unsafe-optional-chaining": "error",
+		"no-unused-expressions": [
+			"error",
+			{
+				"allowTernary": true
+			}
+		],
+		"@typescript-eslint/no-unused-expressions": [
+			"error",
+			{
+				"allowTernary": true
+			}
+		],
+		"no-unused-labels": "error",
+		"no-unused-vars": "off",
+		"@typescript-eslint/no-unused-vars": ["error", {
+			"args": "all",
+			"argsIgnorePattern": "^_",
+			"caughtErrors": "all",
+			"caughtErrorsIgnorePattern": "^_",
+			"destructuredArrayIgnorePattern": "^_",
+			"varsIgnorePattern": "^_",
+			"ignoreRestSiblings": true
+		}],
+		"@typescript-eslint/no-non-null-assertion": ["warn"],
+		"no-var": "error",
+		"object-shorthand": [
+			"warn",
+			"methods"
+		],
+		"one-var": [
+			"error",
+			"never"
+		],
+		"prefer-const": "error",
+		"quote-props": [
+			"error",
+			"consistent-as-needed"
+		],
+		"quotes": "off",
+		"@typescript-eslint/quotes": [
+			"error",
+			"single",
+			{
+				"avoidEscape": true
+			}
+		],
+		"radix": "error",
+		"require-atomic-updates": "warn",
+		"semi": "off",
+		"@typescript-eslint/semi": [
+			"error",
+			"never"
+		],
+		"space-before-function-paren": [
+			"error",
+			{
+				"anonymous": "never",
+				"asyncArrow": "always",
+				"named": "never"
+			}
+		],
+		"spaced-comment": ["error", "always", { "block": { "exceptions": ["*"] } }],
+		"use-isnan": "error",
+		"valid-typeof": "warn"
+	}
+}

front/.vscode/settings.json

@@ -1,13 +1,20 @@
 {
+  "prettier.documentSelectors": ["**/*.astro"],
+  "[astro]": {
+    "editor.defaultFormatter": "astro-build.astro-vscode"
+  },
   "css.customData": ["./vscode.tailwind.json"],
   "eslint.validate": ["javascript", "javascriptreact", "astro", "typescript", "typescriptreact"],
   "files.associations": {
     "*.mdx": "markdown"
   },
-  "prettier.documentSelectors": ["**/*.astro"],
-  "[astro]": {
-    "editor.defaultFormatter": "astro-build.astro-vscode"
+	"editor.quickSuggestions": {
+		"strings": "on"
 	},
+	"tailwindCSS.includeLanguages": {
+		"astro": "html"
+	},
+	"typescript.tsdk": "node_modules/typescript/lib",
   "yaml.schemas": {
     "./.vscode/astrowind/config-schema.json": "/src/config.yaml"
   },

front/astro.config.mjs

@@ -1,6 +1,7 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
-
+import node from '@astrojs/node'
+import tailwind from '@astrojs/tailwind'
 import { defineConfig, squooshImageService } from 'astro/config';
 
 import sitemap from '@astrojs/sitemap';
@@ -25,8 +26,21 @@ const whenExternalScripts = (items = []) =>
   hasExternalScripts ? (Array.isArray(items) ? items.map((item) => item()) : [items()]) : [];
 
 export default defineConfig({
-  output: 'static',
   
+  output: 'server',
+  compressHTML: true,
+	build: {
+		assets: 'assets',
+		inlineStylesheets: 'auto'
+	},
+	server: {
+		host: true,
+		port: 3000
+	},
+	trailingSlash: 'never',
+	adapter: node({
+		mode: 'standalone'
+	}),
   integrations: [
     tailwind({
       applyBaseStyles: false,
@@ -56,19 +70,6 @@ export default defineConfig({
       })
     ),
 
-    compress({
-      CSS: true,
-      HTML: {
-        'html-minifier-terser': {
-          removeAttributeQuotes: false,
-        },
-      },
-      Image: false,
-      JavaScript: true,
-      SVG: false,
-      Logger: 1,
-    }),
-
     astrowind({
       config: './src/config.yaml',
     }),
@@ -85,6 +86,9 @@ export default defineConfig({
   },
 
   vite: {
+    optimizeDeps: {
+			include: ['leaflet']
+		},
     resolve: {
       alias: {
         '~': path.resolve(__dirname, './src'),

front/package.json

@@ -1,7 +1,6 @@
 {
-  "name": "@onwidget/astrowind",
+  "name": "front",
   "version": "1.0.0-beta.34",
-  "description": "AstroWind: A free template using Astro 4.0 and Tailwind CSS. Astro starter theme.",
   "type": "module",
   "private": true,
   "engines": {
@@ -9,27 +8,40 @@
   },
   "scripts": {
     "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
+    "start": "node ./dist/server/entry.mjs",
+    "build": "astro check && astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "format": "prettier -w .",
-    "lint:eslint": "eslint ."
+    "check:lint": "eslint src"
   },
   "dependencies": {
+    "@astrojs/node": "^8.2.5",
     "@astrojs/rss": "^4.0.5",
     "@astrojs/sitemap": "^3.1.4",
+    "@astrojs/tailwind": "^5.1.0",
     "@astrolib/analytics": "^0.5.0",
     "@astrolib/seo": "^1.0.0-beta.5",
     "@fontsource-variable/inter": "^5.0.18",
+    "@tailwindcss/typography": "^0.5.12",
     "astro": "^4.8.3",
     "astro-embed": "^0.7.2",
     "astro-icon": "^1.1.0",
+    "leaflet": "^1.9.4",
+    "leaflet-control-geocoder": "^2.4.0",
+    "leaflet-geosearch": "^4.0.0",
+    "leaflet-routing-machine": "^3.2.12",
     "limax": "4.1.0",
     "lodash.merge": "^4.6.2",
+    "lucide-astro": "^0.372.0",
+    "pocketbase": "^0.21.1",
+    "react-leaflet": "^4.2.1",
+    "simple-icons-astro": "^11.12.0",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss": "^3.4.3",
     "unpic": "^3.18.0"
   },
   "devDependencies": {
+    "@astrojs/check": "^0",
     "@astrojs/mdx": "^3.0.0",
     "@astrojs/partytown": "^2.1.0",
     "@astrojs/tailwind": "5.1.0",
@@ -40,12 +52,16 @@
     "@tailwindcss/typography": "^0.5.13",
     "@types/eslint__js": "^8.42.3",
     "@types/js-yaml": "^4.0.9",
+    "@types/leaflet": "^1.9.12",
+    "@types/leaflet-routing-machine": "^3.2.8",
     "@types/lodash.merge": "^4.6.9",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
+    "@types/node": "^20",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitest/coverage-v8": "^1",
     "astro-eslint-parser": "^1.0.2",
-    "eslint": "8.57.0",
-    "eslint-plugin-astro": "^1.2.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-astro": "^0.31.4",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "globals": "^15.2.0",
     "js-yaml": "^4.1.0",
@@ -55,9 +71,9 @@
     "reading-time": "^1.5.0",
     "rehype-plugin-image-native-lazy-loading": "^1.2.0",
     "sharp": "0.33.3",
-    "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.4.5",
-    "typescript-eslint": "^7.9.0"
+    "typescript": "^5",
+    "typescript-eslint": "^7.9.0",
+    "vitest": "^1"
   }
 }

front/src/components/CheckBox.astro

@@ -0,0 +1,30 @@
+---
+import type { Input as Props } from 'types';
+
+const {value, checked ,name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
+
+---
+
+<>
+  {
+    name && (
+      <div class={"flex flex-row items-center " + divClass}>
+        <input
+          type="checkbox"
+          name={name}
+          id={name}
+          checked={checked}
+          value={value}
+          autocomplete={autocomplete}
+          placeholder={placeholder}
+          class={"mr-2 size-5 " + inputClass}
+        />
+        {label && (
+          <label for={name} class="block text-lg font-medium">
+            {label}
+          </label>
+        )}
+      </div>
+    )
+  }
+</>

front/src/components/Favicons.astro

@@ -1,7 +1,7 @@
 ---
-import favIcon from '~/assets/favicons/favicon.ico';
-import favIconSvg from '~/assets/favicons/favicon.svg';
-import appleTouchIcon from '~/assets/favicons/apple-touch-icon.png';
+import favIcon from 'assets/favicons/favicon.ico';
+import favIconSvg from 'assets/favicons/favicon.svg';
+import appleTouchIcon from 'assets/favicons/apple-touch-icon.png';
 ---
 
 <link rel="shortcut icon" href={favIcon} />

front/src/components/Input.astro

@@ -0,0 +1,28 @@
+---
+import type { Input as Props } from 'types';
+
+const { type, name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
+
+---
+
+<>
+  {
+    name && (
+      <div class={divClass}>
+        {label && (
+          <label for={name} class="block text-sm font-medium">
+            {label}
+          </label>
+        )}
+        <input
+          type={type}
+          name={name}
+          id={name}
+          autocomplete={autocomplete}
+          placeholder={placeholder}
+          class={"py-3 px-4 block w-full text-md rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-slate-900" + inputClass}
+        />
+      </div>
+    )
+  }
+</>

front/src/components/Oauth.astro

@@ -0,0 +1,53 @@
+---
+import ContactUs from 'components/widgets/Contact.astro';
+import CallToAction from 'components/widgets/CallToAction.astro';
+
+const pb = Astro.locals.pb
+const oauths = (await pb.collection('users').listAuthMethods()).authProviders;
+const discordProvider = oauths.find(item => item.name === 'discord');
+const googleProvider = oauths.find(item => item.name === 'google');
+
+---
+
+<>
+<CallToAction
+actions={[
+  {
+    variant: 'primary',
+    text: 'Discord',
+    href: discordProvider!.authUrl + Astro.url.protocol + "//" + Astro.url.host + '/account/oauth',
+    icon: 'tabler:brand-discord',
+    class: "oauth-btn",
+    "data-cookie": encodeURIComponent(JSON.stringify(discordProvider))
+  },
+  {
+    variant: 'primary',
+    text: 'Google',
+    href: googleProvider!.authUrl + Astro.url.protocol + "//" + Astro.url.host + '/account/oauth',
+    icon: 'tabler:brand-google',
+    class: "oauth-btn",
+    "data-cookie": encodeURIComponent(JSON.stringify(googleProvider))
+  }
+]}
+>
+<Fragment slot="title">
+  Oauth
+</Fragment>
+
+<Fragment slot="subtitle">
+  Connecter Vous aussi avec
+</Fragment>
+</CallToAction>
+</>
+
+<script>
+// import { date } from "astro/zod";
+
+  document.cookie = "provider" + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+  // console.log(date.toString)
+
+  const btn = document.querySelectorAll('.oauth-btn')
+  btn.forEach((item: Element) =>(item.addEventListener('click', (ev) =>{
+    document.cookie = "provider" + "=" + item.getAttribute('data-cookie') + "; path=/;"// expires=" + ;
+  })))
+</script>

front/src/components/Radios.astro

@@ -0,0 +1,19 @@
+---
+
+export interface Props {
+  values: Array<{label:String, name:string, checked?:boolean | undefined}>
+}
+
+
+const fields = Astro.props.values
+
+---
+
+<>
+  <div class="flex, flex-col">
+    {fields.map(value => (
+          <input type="radio" id={value.name} name="note-min" value={value.name} checked={value.checked}>
+          <label for={value.name} class="ml-1">{value.label}</label><br>
+    ))}
+  </div>
+</>

front/src/components/blog/Grid.astro

@@ -1,6 +1,6 @@
 ---
-import Item from '~/components/blog/GridItem.astro';
-import type { Post } from '~/types';
+import Item from 'components/blog/GridItem.astro';
+import type { Post } from 'types';
 
 export interface Props {
   posts: Array<Post>;

front/src/components/blog/GridItem.astro

@@ -1,11 +1,11 @@
 ---
 import { APP_BLOG } from 'astrowind:config';
-import type { Post } from '~/types';
+import type { Post } from 'types';
 
-import Image from '~/components/common/Image.astro';
+import Image from 'components/common/Image.astro';
 
-import { findImage } from '~/utils/images';
-import { getPermalink } from '~/utils/permalinks';
+import { findImage } from 'utils/images';
+import { getPermalink } from 'utils/permalinks';
 
 export interface Props {
   post: Post;

front/src/components/blog/List.astro

@@ -1,6 +1,6 @@
 ---
-import Item from '~/components/blog/ListItem.astro';
-import type { Post } from '~/types';
+import Item from 'components/blog/ListItem.astro';
+import type { Post } from 'types';
 
 export interface Props {
   posts: Array<Post>;

front/src/components/blog/ListItem.astro

@@ -1,15 +1,15 @@
 ---
 import type { ImageMetadata } from 'astro';
 import { Icon } from 'astro-icon/components';
-import Image from '~/components/common/Image.astro';
-import PostTags from '~/components/blog/Tags.astro';
+import Image from 'components/common/Image.astro';
+import PostTags from 'components/blog/Tags.astro';
 
 import { APP_BLOG } from 'astrowind:config';
-import type { Post } from '~/types';
+import type { Post } from 'types';
 
-import { getPermalink } from '~/utils/permalinks';
-import { findImage } from '~/utils/images';
-import { getFormattedDate } from '~/utils/utils';
+import { getPermalink } from 'utils/permalinks';
+import { findImage } from 'utils/images';
+import { getFormattedDate } from 'utils/utils';
 
 export interface Props {
   post: Post;

front/src/components/blog/Pagination.astro

@@ -1,7 +1,7 @@
 ---
 import { Icon } from 'astro-icon/components';
-import { getPermalink } from '~/utils/permalinks';
-import Button from '~/components/ui/Button.astro';
+import { getPermalink } from 'utils/permalinks';
+import Button from 'components/ui/Button.astro';
 
 export interface Props {
   prevUrl?: string;

front/src/components/blog/RelatedPosts.astro

@@ -1,10 +1,10 @@
 ---
 import { APP_BLOG } from 'astrowind:config';
 
-import { getRelatedPosts } from '~/utils/blog';
+import { getRelatedPosts } from 'utils/blog';
 import BlogHighlightedPosts from '../widgets/BlogHighlightedPosts.astro';
-import type { Post } from '~/types';
-import { getBlogPermalink } from '~/utils/permalinks';
+import type { Post } from 'types';
+import { getBlogPermalink } from 'utils/permalinks';
 
 export interface Props {
   post: Post;

front/src/components/blog/SinglePost.astro

@@ -1,14 +1,14 @@
 ---
 import { Icon } from 'astro-icon/components';
 
-import Image from '~/components/common/Image.astro';
-import PostTags from '~/components/blog/Tags.astro';
-import SocialShare from '~/components/common/SocialShare.astro';
+import Image from 'components/common/Image.astro';
+import PostTags from 'components/blog/Tags.astro';
+import SocialShare from 'components/common/SocialShare.astro';
 
-import { getPermalink } from '~/utils/permalinks';
-import { getFormattedDate } from '~/utils/utils';
+import { getPermalink } from 'utils/permalinks';
+import { getFormattedDate } from 'utils/utils';
 
-import type { Post } from '~/types';
+import type { Post } from 'types';
 
 export interface Props {
   post: Post;

front/src/components/blog/Tags.astro

@@ -1,8 +1,8 @@
 ---
-import { getPermalink } from '~/utils/permalinks';
+import { getPermalink } from 'utils/permalinks';
 
 import { APP_BLOG } from 'astrowind:config';
-import type { Post } from '~/types';
+import type { Post } from 'types';
 
 export interface Props {
   tags: Post['tags'];

front/src/components/blog/ToBlogLink.astro

@@ -1,8 +1,8 @@
 ---
 import { Icon } from 'astro-icon/components';
-import { getBlogPermalink } from '~/utils/permalinks';
+import { getBlogPermalink } from 'utils/permalinks';
 import { I18N } from 'astrowind:config';
-import Button from '~/components/ui/Button.astro';
+import Button from 'components/ui/Button.astro';
 
 const { textDirection } = I18N;
 ---

front/src/components/common/CommonMeta.astro

@@ -1,5 +1,5 @@
 ---
-import { getAsset } from '~/utils/permalinks';
+import { getAsset } from 'utils/permalinks';
 ---
 
 <meta charset="UTF-8" />

front/src/components/common/Image.astro

@@ -1,5 +1,5 @@
 ---
-import { findImage } from '~/utils/images';
+import { findImage } from 'utils/images';
 import {
   getImagesOptimized,
   astroAsseetsOptimizer,
@@ -7,7 +7,7 @@ import {
   isUnpicCompatible,
   type ImageProps,
   type AttributesProps,
-} from '~/utils/images-optimization';
+} from 'utils/images-optimization';
 
 type Props = ImageProps;
 type ImageType = {

front/src/components/common/Metadata.astro

@@ -5,10 +5,10 @@ import { AstroSeo } from '@astrolib/seo';
 import type { Props as AstroSeoProps } from '@astrolib/seo';
 
 import { SITE, METADATA, I18N } from 'astrowind:config';
-import type { MetaData } from '~/types';
-import { getCanonical } from '~/utils/permalinks';
+import type { MetaData } from 'types';
+import { getCanonical } from 'utils/permalinks';
 
-import { adaptOpenGraphImages } from '~/utils/images';
+import { adaptOpenGraphImages } from 'utils/images';
 
 export interface Props extends MetaData {
   dontUseTitleTemplate?: boolean;

front/src/components/ui/Button.astro

@@ -1,7 +1,7 @@
 ---
 import { Icon } from 'astro-icon/components';
 import { twMerge } from 'tailwind-merge';
-import type { CallToAction as Props } from '~/types';
+import type { CallToAction as Props } from 'types';
 
 const {
   variant = 'secondary',

front/src/components/ui/Form.astro

@@ -1,11 +1,11 @@
 ---
-import type { Form as Props } from '~/types';
-import Button from '~/components/ui/Button.astro';
+import type { Form as Props } from 'types';
+import Button from 'components/ui/Button.astro';
 
-const { inputs, textarea, disclaimer, button = 'Contact us', description = '' } = Astro.props;
+const { inputs, textarea, disclaimer, button = 'Contact us', description = '', id, method, enctype } = Astro.props;
 ---
 
-<form>
+<form id={id} method={method} enctype={enctype}>
   {
     inputs &&
       inputs.map(

front/src/components/ui/Headline.astro

@@ -1,5 +1,5 @@
 ---
-import type { Headline as Props } from '~/types';
+import type { Headline as Props } from 'types';
 import { twMerge } from 'tailwind-merge';
 
 const {

front/src/components/ui/ItemGrid.astro

@@ -1,5 +1,5 @@
 ---
-import type { ItemGrid as Props } from '~/types';
+import type { ItemGrid as Props } from 'types';
 import { twMerge } from 'tailwind-merge';
 import Button from './Button.astro';
 import { Icon } from 'astro-icon/components';

front/src/components/ui/ItemGrid2.astro

@@ -1,5 +1,5 @@
 ---
-import type { ItemGrid as Props } from '~/types';
+import type { ItemGrid as Props } from 'types';
 import { Icon } from 'astro-icon/components';
 import { twMerge } from 'tailwind-merge';
 import Button from './Button.astro';

front/src/components/ui/Timeline.astro

@@ -1,7 +1,7 @@
 ---
 import { Icon } from 'astro-icon/components';
 import { twMerge } from 'tailwind-merge';
-import type { Item } from '~/types';
+import type { Item } from 'types';
 
 export interface Props {
   items?: Array<Item>;

front/src/components/ui/WidgetWrapper.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLTag } from 'astro/types';
-import type { Widget } from '~/types';
+import type { Widget } from 'types';
 import { twMerge } from 'tailwind-merge';
 import Background from './Background.astro';
 

front/src/components/widgets/BlogHighlightedPosts.astro

@@ -1,12 +1,12 @@
 ---
 import { APP_BLOG } from 'astrowind:config';
 
-import Grid from '~/components/blog/Grid.astro';
+import Grid from 'components/blog/Grid.astro';
 
-import { getBlogPermalink } from '~/utils/permalinks';
-import { findPostsByIds } from '~/utils/blog';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import type { Widget } from '~/types';
+import { getBlogPermalink } from 'utils/permalinks';
+import { findPostsByIds } from 'utils/blog';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import type { Widget } from 'types';
 
 export interface Props extends Widget {
   title?: string;

front/src/components/widgets/BlogLatestPosts.astro

@@ -1,12 +1,12 @@
 ---
 import { APP_BLOG } from 'astrowind:config';
 
-import Grid from '~/components/blog/Grid.astro';
+import Grid from 'components/blog/Grid.astro';
 
-import { getBlogPermalink } from '~/utils/permalinks';
-import { findLatestPosts } from '~/utils/blog';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import type { Widget } from '~/types';
+import { getBlogPermalink } from 'utils/permalinks';
+import { findLatestPosts } from 'utils/blog';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import type { Widget } from 'types';
 import Button from '../ui/Button.astro';
 
 export interface Props extends Widget {

front/src/components/widgets/Brands.astro

@@ -1,10 +1,10 @@
 ---
 import { Icon } from 'astro-icon/components';
-import type { Brands as Props } from '~/types';
+import type { Brands as Props } from 'types';
 
-import Image from '~/components/common/Image.astro';
-import Headline from '~/components/ui/Headline.astro';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
+import Image from 'components/common/Image.astro';
+import Headline from 'components/ui/Headline.astro';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
 const {
   title = '',
   subtitle = '',

front/src/components/widgets/CallToAction.astro

@@ -1,8 +1,8 @@
 ---
 import WidgetWrapper from '../ui/WidgetWrapper.astro';
-import type { CallToAction, Widget } from '~/types';
-import Headline from '~/components/ui/Headline.astro';
-import Button from '~/components/ui/Button.astro';
+import type { CallToAction, Widget } from 'types';
+import Headline from 'components/ui/Headline.astro';
+import Button from 'components/ui/Button.astro';
 
 interface Props extends Widget {
   title?: string;
@@ -45,7 +45,7 @@ const {
           {Array.isArray(actions) ? (
             actions.map((action) => (
               <div class="flex w-full sm:w-auto">
-                <Button {...(action || {})} class="w-full sm:mb-0" />
+                <Button {...(action || {})} class:list={["w-full", "sm:mb-0", action.class]} />
               </div>
             ))
           ) : (

front/src/components/widgets/Contact.astro

@@ -1,8 +1,8 @@
 ---
-import FormContainer from '~/components/ui/Form.astro';
-import Headline from '~/components/ui/Headline.astro';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import type { Contact as Props } from '~/types';
+import FormContainer from 'components/ui/Form.astro';
+import Headline from 'components/ui/Headline.astro';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import type { Contact as Props } from 'types';
 
 const {
   title = await Astro.slots.render('title'),
@@ -13,6 +13,9 @@ const {
   disclaimer,
   button,
   description,
+  formid,
+  method,
+  enctype,
 
   id,
   isDark = false,
@@ -33,6 +36,9 @@ const {
           disclaimer={disclaimer}
           button={button}
           description={description}
+          id={formid}
+          method={method}
+          enctype={enctype}
         />
       </div>
     )

front/src/components/widgets/Content.astro

@@ -1,9 +1,9 @@
 ---
-import type { Content as Props } from '~/types';
+import type { Content as Props } from 'types';
 import Headline from '../ui/Headline.astro';
 import WidgetWrapper from '../ui/WidgetWrapper.astro';
-import Image from '~/components/common/Image.astro';
-import Button from '~/components/ui/Button.astro';
+import Image from 'components/common/Image.astro';
+import Button from 'components/ui/Button.astro';
 import ItemGrid from '../ui/ItemGrid.astro';
 
 const {

front/src/components/widgets/FAQs.astro

@@ -1,8 +1,8 @@
 ---
-import Headline from '~/components/ui/Headline.astro';
-import ItemGrid from '~/components/ui/ItemGrid.astro';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import type { Faqs as Props } from '~/types';
+import Headline from 'components/ui/Headline.astro';
+import ItemGrid from 'components/ui/ItemGrid.astro';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import type { Faqs as Props } from 'types';
 
 const {
   title = '',

front/src/components/widgets/Features.astro

@@ -1,8 +1,8 @@
 ---
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import ItemGrid from '~/components/ui/ItemGrid.astro';
-import Headline from '~/components/ui/Headline.astro';
-import type { Features as Props } from '~/types';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import ItemGrid from 'components/ui/ItemGrid.astro';
+import Headline from 'components/ui/Headline.astro';
+import type { Features as Props } from 'types';
 
 const {
   title = await Astro.slots.render('title'),

front/src/components/widgets/Features2.astro

@@ -1,8 +1,8 @@
 ---
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import Headline from '~/components/ui/Headline.astro';
-import ItemGrid2 from '~/components/ui/ItemGrid2.astro';
-import type { Features as Props } from '~/types';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import Headline from 'components/ui/Headline.astro';
+import ItemGrid2 from 'components/ui/ItemGrid2.astro';
+import type { Features as Props } from 'types';
 
 const {
   title = await Astro.slots.render('title'),

front/src/components/widgets/Features3.astro

@@ -1,9 +1,9 @@
 ---
-import Headline from '~/components/ui/Headline.astro';
-import ItemGrid from '~/components/ui/ItemGrid.astro';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import Image from '~/components/common/Image.astro';
-import type { Features as Props } from '~/types';
+import Headline from 'components/ui/Headline.astro';
+import ItemGrid from 'components/ui/ItemGrid.astro';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import Image from 'components/common/Image.astro';
+import type { Features as Props } from 'types';
 
 const {
   title = await Astro.slots.render('title'),

front/src/components/widgets/Footer.astro

@@ -1,7 +1,7 @@
 ---
 import { Icon } from 'astro-icon/components';
 import { SITE } from 'astrowind:config';
-import { getHomePermalink } from '~/utils/permalinks';
+import { getHomePermalink } from 'utils/permalinks';
 
 interface Link {
   text?: string;
@@ -26,7 +26,7 @@ export interface Props {
 const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props;
 ---
 
-<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose']}>
+<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose, mt-auto, h-{11rem}']}>
   <div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
     <div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">

front/src/components/widgets/Header.astro

@@ -1,37 +1,40 @@
 ---
-import { Icon } from 'astro-icon/components';
-import Logo from '~/components/Logo.astro';
-import ToggleTheme from '~/components/common/ToggleTheme.astro';
-import ToggleMenu from '~/components/common/ToggleMenu.astro';
-import Button from '~/components/ui/Button.astro';
+import { Icon } from 'astro-icon/components'
+import Logo from 'components/Logo.astro'
+import ToggleTheme from 'components/common/ToggleTheme.astro'
+import ToggleMenu from 'components/common/ToggleMenu.astro'
+import Button from 'components/ui/Button.astro'
 
-import { getHomePermalink } from '~/utils/permalinks';
-import { trimSlash, getAsset } from '~/utils/permalinks';
-import type { CallToAction } from '~/types';
+import { getHomePermalink } from 'utils/permalinks'
+import { trimSlash, getAsset } from 'utils/permalinks'
+import type { CallToAction } from 'types'
 
+const pb = Astro.locals.pb
+
+const connected = pb.authStore.isValid
 interface Link {
-  text?: string;
-  href?: string;
-  ariaLabel?: string;
-  icon?: string;
+	text?: string
+	href?: string
+	ariaLabel?: string
+	icon?: string
 }
 
 interface ActionLink extends CallToAction {}
 
 interface MenuLink extends Link {
-  links?: Array<MenuLink>;
+	links?: Array<MenuLink>
 }
 
 export interface Props {
-  id?: string;
-  links?: Array<MenuLink>;
-  actions?: Array<ActionLink>;
-  isSticky?: boolean;
-  isDark?: boolean;
-  isFullWidth?: boolean;
-  showToggleTheme?: boolean;
-  showRssFeed?: boolean;
-  position?: string;
+	id?: string
+	links?: Array<MenuLink>
+	actions?: Array<ActionLink>
+	isSticky?: boolean
+	isDark?: boolean
+	isFullWidth?: boolean
+	showToggleTheme?: boolean
+	showRssFeed?: boolean
+	position?: string
 }
 
 const {
@@ -44,15 +47,15 @@ const {
 	showToggleTheme = false,
 	showRssFeed = false,
 	position = 'center',
-} = Astro.props;
+} = Astro.props
 
-const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
+const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`
 ---
 
 <header
 	class:list={[
 		{ sticky: isSticky, relative: !isSticky, dark: isDark },
-    'top-0 z-40 flex-none mx-auto w-full border-b border-gray-50/0 transition-[opacity] ease-in-out',
+		'top-0 z-[1001] h-[5rem] bg-page flex-none mx-auto w-full border-b border-gray-50/0 transition-[opacity] ease-in-out',
 	]}
 	{...isSticky ? { 'data-aw-sticky-header': true } : {}}
 	{...id ? { id } : {}}
@@ -85,7 +88,7 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
 			aria-label="Main navigation"
 		>
 			<ul
-        class="flex flex-col md:flex-row md:self-center w-full md:w-auto text-xl md:text-[0.9375rem] tracking-[0.01rem] font-medium md:justify-center"
+				class="flex flex-col bg-page md:flex-row md:self-center w-full md:w-auto text-xl md:text-[0.9375rem] tracking-[0.01rem] font-medium md:justify-center"
 			>
 				{
 					links.map(({ text, href, links }) => (
@@ -149,17 +152,21 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
 						)
 					}
 				</div>
-        {
-          actions?.length ? (
+				{ !connected && (
           <span class="ml-4 rtl:ml-0 rtl:mr-4">
-              {actions.map((btnProps) => (
-                <Button {...btnProps} class="ml-2 py-2.5 px-5.5 md:px-6 font-semibold shadow-none text-sm w-auto" />
-              ))}
+            <Button href='/account/login' variant='primary' class="ml-2 py-2.5 px-5.5 md:px-6 font-semibold shadow-none text-sm w-auto">
+              Connexion
+            </Button>
+            <Button href='/account/register' variant='secondary' class="ml-2 py-2.5 px-5.5 md:px-6 font-semibold shadow-none text-sm w-auto">
+              Inscription
+            </Button>
           </span>
-          ) : (
-            ''
-          )
-        }
+        )}
+        { connected && (
+          <Button href='/account/logout' variant='primary' class="ml-2 py-2.5 px-5.5 md:px-6 font-semibold shadow-none text-sm w-auto">
+            Déconnexion
+          </Button>
+        )}
 			</div>
 		</div>
 	</div>

front/src/components/widgets/Hero.astro

@@ -1,7 +1,7 @@
 ---
-import Image from '~/components/common/Image.astro';
-import Button from '~/components/ui/Button.astro';
-import type { CallToAction } from '~/types';
+import Image from 'components/common/Image.astro';
+import Button from 'components/ui/Button.astro';
+import type { CallToAction } from 'types';
 
 export interface Props {
   id?: string;

front/src/components/widgets/Hero2.astro

@@ -1,7 +1,7 @@
 ---
-import Image from '~/components/common/Image.astro';
-import type { CallToAction } from '~/types';
-import Button from '~/components/ui/Button.astro';
+import Image from 'components/common/Image.astro';
+import type { CallToAction } from 'types';
+import Button from 'components/ui/Button.astro';
 
 export interface Props {
   title?: string;

front/src/components/widgets/HeroText.astro

@@ -1,6 +1,6 @@
 ---
-import type { CallToAction } from '~/types';
-import Button from '~/components/ui/Button.astro';
+import type { CallToAction } from 'types';
+import Button from 'components/ui/Button.astro';
 
 export interface Props {
   title?: string;

front/src/components/widgets/Pricing.astro

@@ -1,9 +1,9 @@
 ---
 import { Icon } from 'astro-icon/components';
-import Button from '~/components/ui/Button.astro';
-import Headline from '~/components/ui/Headline.astro';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import type { Pricing as Props } from '~/types';
+import Button from 'components/ui/Button.astro';
+import Headline from 'components/ui/Headline.astro';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import type { Pricing as Props } from 'types';
 
 const {
   title = '',

front/src/components/widgets/Stats.astro

@@ -1,5 +1,5 @@
 ---
-import type { Stats as Props } from '~/types';
+import type { Stats as Props } from 'types';
 import WidgetWrapper from '../ui/WidgetWrapper.astro';
 import Headline from '../ui/Headline.astro';
 import { Icon } from 'astro-icon/components';

front/src/components/widgets/Steps.astro

@@ -1,9 +1,9 @@
 ---
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import Timeline from '~/components/ui/Timeline.astro';
-import Headline from '~/components/ui/Headline.astro';
-import Image from '~/components/common/Image.astro';
-import type { Steps as Props } from '~/types';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import Timeline from 'components/ui/Timeline.astro';
+import Headline from 'components/ui/Headline.astro';
+import Image from 'components/common/Image.astro';
+import type { Steps as Props } from 'types';
 
 const {
   title = await Astro.slots.render('title'),

front/src/components/widgets/Steps2.astro

@@ -1,9 +1,9 @@
 ---
 import { Icon } from 'astro-icon/components';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import Headline from '~/components/ui/Headline.astro';
-import Button from '~/components/ui/Button.astro';
-import type { Steps as Props } from '~/types';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import Headline from 'components/ui/Headline.astro';
+import Button from 'components/ui/Button.astro';
+import type { Steps as Props } from 'types';
 
 const {
   title = await Astro.slots.render('title'),

front/src/components/widgets/Testimonials.astro

@@ -1,9 +1,9 @@
 ---
-import Headline from '~/components/ui/Headline.astro';
-import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
-import Button from '~/components/ui/Button.astro';
-import Image from '~/components/common/Image.astro';
-import type { Testimonials as Props } from '~/types';
+import Headline from 'components/ui/Headline.astro';
+import WidgetWrapper from 'components/ui/WidgetWrapper.astro';
+import Button from 'components/ui/Button.astro';
+import Image from 'components/common/Image.astro';
+import type { Testimonials as Props } from 'types';
 
 const {
   title = '',

front/src/config.yaml

@@ -1,6 +1,6 @@
 site:
-  name: AstroWind
-  site: 'https://astrowind.vercel.app'
+  name: EpicRoadTrip
+  site: 'https://front-tweb.cb85.fr'
   base: '/'
   trailingSlash: false
 

front/src/content/post/astrowind-template-in-depth.mdx

@@ -12,8 +12,8 @@ metadata:
   canonical: https://astrowind.vercel.app/astrowind-template-in-depth
 ---
 
-import DListItem from '~/components/ui/DListItem.astro';
-import ToggleTheme from '~/components/common/ToggleTheme.astro';
+import DListItem from 'components/ui/DListItem.astro';
+import ToggleTheme from 'components/common/ToggleTheme.astro';
 
 ## Overview
 

front/src/content/post/markdown-elements-demo-post.mdx

@@ -8,7 +8,7 @@ tags:
   - Astro
 ---
 
-import Logo from '~/components/Logo.astro';
+import Logo from 'components/Logo.astro';
 import { YouTube, Tweet, Vimeo } from 'astro-embed';
 
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

front/src/env.d.ts

@@ -3,3 +3,25 @@
 /// <reference types="astro/client" />
 /// <reference types="vite/client" />
 /// <reference types="../vendor/integration/types.d.ts" />
+
+import PocketBase from 'pocketbase'
+export interface ImportMetaEnv {
+  NODE_ENV: string
+  APP_URL: string
+
+  POCKETBASE_URL: string
+
+	GOOGLE_API_KEY: string
+}
+
+interface ImportMeta {
+	readonly env: ImportMetaEnv
+}
+
+declare global {
+    namespace App {
+        interface Locals {
+			pb: PocketBase
+        }
+    }
+}

front/src/layouts/LandingLayout.astro

@@ -1,9 +1,9 @@
 ---
-import PageLayout from '~/layouts/PageLayout.astro';
-import Header from '~/components/widgets/Header.astro';
+import PageLayout from 'layouts/PageLayout.astro';
+import Header from 'components/widgets/Header.astro';
 
-import { headerData } from '~/navigation';
-import type { MetaData } from '~/types';
+import { headerData } from 'navigation';
+import type { MetaData } from 'types';
 
 export interface Props {
   metadata?: MetaData;

front/src/layouts/Layout.astro

@@ -3,19 +3,19 @@ import '~/assets/styles/tailwind.css';
 
 import { I18N } from 'astrowind:config';
 
-import CommonMeta from '~/components/common/CommonMeta.astro';
-import Favicons from '~/components/Favicons.astro';
-import CustomStyles from '~/components/CustomStyles.astro';
-import ApplyColorMode from '~/components/common/ApplyColorMode.astro';
-import Metadata from '~/components/common/Metadata.astro';
-import SiteVerification from '~/components/common/SiteVerification.astro';
-import Analytics from '~/components/common/Analytics.astro';
-import BasicScripts from '~/components/common/BasicScripts.astro';
+import CommonMeta from 'components/common/CommonMeta.astro';
+import Favicons from 'components/Favicons.astro';
+import CustomStyles from 'components/CustomStyles.astro';
+import ApplyColorMode from 'components/common/ApplyColorMode.astro';
+import Metadata from 'components/common/Metadata.astro';
+import SiteVerification from 'components/common/SiteVerification.astro';
+import Analytics from 'components/common/Analytics.astro';
+import BasicScripts from 'components/common/BasicScripts.astro';
 
 // Comment the line below to disable View Transitions
 import { ViewTransitions } from 'astro:transitions';
 
-import type { MetaData as MetaDataType } from '~/types';
+import type { MetaData as MetaDataType } from 'types';
 
 export interface Props {
   metadata?: MetaDataType;

front/src/layouts/MarkdownLayout.astro

@@ -1,7 +1,7 @@
 ---
-import Layout from '~/layouts/PageLayout.astro';
+import Layout from 'layouts/PageLayout.astro';
 
-import type { MetaData } from '~/types';
+import type { MetaData } from 'types';
 
 export interface Props {
   frontmatter: {

front/src/layouts/PageLayout.astro

@@ -1,12 +1,12 @@
 ---
-import Layout from '~/layouts/Layout.astro';
-import Header from '~/components/widgets/Header.astro';
-import Footer from '~/components/widgets/Footer.astro';
-import Announcement from '~/components/widgets/Announcement.astro';
+import Layout from 'layouts/Layout.astro';
+import Header from 'components/widgets/Header.astro';
+import Footer from 'components/widgets/Footer.astro';
+import Announcement from 'components/widgets/Announcement.astro';
 
-import { headerData, footerData } from '~/navigation';
+import { headerData, footerData } from 'navigation';
 
-import type { MetaData } from '~/types';
+import type { MetaData } from 'types';
 
 export interface Props {
   metadata?: MetaData;
@@ -16,11 +16,12 @@ const { metadata } = Astro.props;
 ---
 
 <Layout metadata={metadata}>
-  <slot name="announcement">
+  <div id="posts" class="flex flex-col min-h-screen">
+    <!-- <slot name="announcement">
       <Announcement />
-  </slot>
+    </slot> -->
     <slot name="header">
-    <Header {...headerData} isSticky showRssFeed showToggleTheme />
+      <Header {...headerData} isSticky showToggleTheme />
     </slot>
     <main>
       <slot />
@@ -28,4 +29,5 @@ const { metadata } = Astro.props;
     <slot name="footer">
       <Footer {...footerData} />
     </slot>
+  </div>
 </Layout>

front/src/libs/AstroUtils.ts

@@ -0,0 +1,5 @@
+export default class AstroUtils {
+	public static async wrap<T = void>(fn: () => T | Promise<T>) {
+		return await fn()
+	}
+}

front/src/libs/AuthUtils.ts

@@ -1,12 +0,0 @@
-
-//référence a loop
-//fonction get user pour récupéré un utilisateur (notament coté client)
-//sessionID = JWS
-
-
-//fonction set user crée un cookies de session
-//passé le cookies astro dans les paramètre
-
-//utiliser cookie.set pour crée un nouveau cookies
-
-

front/src/libs/Env.ts

@@ -0,0 +1,17 @@
+import type { ImportMetaEnv } from 'env'
+
+/**
+ * Get the environment variable
+ *
+ * @param key the env variable key
+ * @param defaultValue a default value if applicable
+ * @returns the environment value or undefined if not found
+ */
+export function getEnv(key: keyof ImportMetaEnv, defaultValue: string): string
+export function getEnv(key: keyof ImportMetaEnv, defaultValue?: string | undefined): string | undefined
+export function getEnv(key: keyof ImportMetaEnv, defaultValue?: string | undefined): string | undefined {
+	// get the env variable through Astro > NodeJS > input
+	const res = import.meta.env[key] ?? process.env[key] ?? defaultValue
+
+	return res ?? undefined
+}

front/src/middleware/index.ts

@@ -0,0 +1,39 @@
+import PocketBase from 'pocketbase'
+
+import { defineMiddleware } from 'astro/middleware'
+import { getEnv } from 'libs/Env'
+
+export const onRequest = defineMiddleware(async ({ locals, cookies}, next) => {
+	locals.pb = new PocketBase(getEnv('POCKETBASE_URL','http://localhost:8080'))
+
+	// load the store data from the request cookie string
+	const pbcookie = cookies.get('session')?.value
+	locals.pb.authStore.loadFromCookie('pb_auth=' + pbcookie || '')
+
+	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()
+
+	let secure = true
+	if (getEnv('NODE_ENV', 'production') !== 'production') {
+		secure = false
+	}
+	const pbcookieStr = locals.pb.authStore.exportToCookie()
+
+	cookies.set('session',pbcookieStr.slice(pbcookieStr.indexOf('=')+1,pbcookieStr.indexOf(';')),{
+		httpOnly: true,
+		path: '/',
+		secure: secure,
+		sameSite: 'lax',
+		maxAge: 365000
+	})
+
+	return response
+})

front/src/navigation.js

@@ -1,4 +1,4 @@
-import { getPermalink, getBlogPermalink, getAsset } from './utils/permalinks';
+import { getPermalink, getBlogPermalink } from './utils/permalinks'
 
 export const headerData = {
 	links: [
@@ -94,7 +94,10 @@ export const headerData = {
 				},
 				{
 					text: 'Article',
-          href: getPermalink('get-started-website-with-astro-tailwind-css', 'post'),
+					href: getPermalink(
+						'get-started-website-with-astro-tailwind-css',
+						'post'
+					),
 				},
 				{
 					text: 'Article (with MDX)',
@@ -115,8 +118,14 @@ export const headerData = {
 			href: '#',
 		},
 	],
-  actions: [{ text: 'Download', href: 'https://github.com/onwidget/astrowind', target: '_blank' }],
-};
+	// actions: [
+	// 	{
+	// 		text: 'Connexion',
+	// 		href: '',
+	// 		target: '_blank',
+	// 	},
+	// ],
+}
 
 export const footerData = {
 	links: [
@@ -125,11 +134,6 @@ export const footerData = {
 			links: [
 				{ text: 'Features', href: '#' },
 				{ text: 'Security', href: '#' },
-        { text: 'Team', href: '#' },
-        { text: 'Enterprise', href: '#' },
-        { text: 'Customer stories', href: '#' },
-        { text: 'Pricing', href: '#' },
-        { text: 'Resources', href: '#' },
 			],
 		},
 		{
@@ -137,9 +141,6 @@ export const footerData = {
 			links: [
 				{ text: 'Developer API', href: '#' },
 				{ text: 'Partners', href: '#' },
-        { text: 'Atom', href: '#' },
-        { text: 'Electron', href: '#' },
-        { text: 'AstroWind Desktop', href: '#' },
 			],
 		},
 		{
@@ -147,9 +148,6 @@ export const footerData = {
 			links: [
 				{ text: 'Docs', href: '#' },
 				{ text: 'Community Forum', href: '#' },
-        { text: 'Professional Services', href: '#' },
-        { text: 'Skills', href: '#' },
-        { text: 'Status', href: '#' },
 			],
 		},
 		{
@@ -157,11 +155,6 @@ export const footerData = {
 			links: [
 				{ text: 'About', href: '#' },
 				{ text: 'Blog', href: '#' },
-        { text: 'Careers', href: '#' },
-        { text: 'Press', href: '#' },
-        { text: 'Inclusion', href: '#' },
-        { text: 'Social Impact', href: '#' },
-        { text: 'Shop', href: '#' },
 			],
 		},
 	],
@@ -169,15 +162,5 @@ export const footerData = {
 		{ text: 'Terms', href: getPermalink('/terms') },
 		{ text: 'Privacy Policy', href: getPermalink('/privacy') },
 	],
-  socialLinks: [
-    { ariaLabel: 'X', icon: 'tabler:brand-x', href: '#' },
-    { ariaLabel: 'Instagram', icon: 'tabler:brand-instagram', href: '#' },
-    { ariaLabel: 'Facebook', icon: 'tabler:brand-facebook', href: '#' },
-    { ariaLabel: 'RSS', icon: 'tabler:rss', href: getAsset('/rss.xml') },
-    { ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/onwidget/astrowind' },
-  ],
-  footNote: `
-    <img class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 rtl:mr-0 rtl:ml-1.5 float-left rtl:float-right rounded-sm" src="https://onwidget.com/favicon/favicon-32x32.png" alt="onWidget logo" loading="lazy"></img>
-    Made by <a class="text-blue-600 underline dark:text-muted" href="https://onwidget.com/"> onWidget</a> · All rights reserved.
-  `,
-};
+	socialLinks:[]
+}

front/src/pages/404.astro

@@ -1,6 +1,6 @@
 ---
-import Layout from '~/layouts/Layout.astro';
-import { getHomePermalink } from '~/utils/permalinks';
+import Layout from 'layouts/Layout.astro';
+import { getHomePermalink } from 'utils/permalinks';
 
 const title = `Error 404`;
 ---

front/src/pages/[...blog]/[...page].astro

@@ -1,13 +1,13 @@
 ---
 import type { InferGetStaticPropsType, GetStaticPaths } from 'astro';
 
-import Layout from '~/layouts/PageLayout.astro';
-import BlogList from '~/components/blog/List.astro';
-import Headline from '~/components/blog/Headline.astro';
-import Pagination from '~/components/blog/Pagination.astro';
+import Layout from 'layouts/PageLayout.astro';
+import BlogList from 'components/blog/List.astro';
+import Headline from 'components/blog/Headline.astro';
+import Pagination from 'components/blog/Pagination.astro';
 // import PostTags from "~/components/blog/Tags.astro";
 
-import { blogListRobots, getStaticPathsBlogList } from '~/utils/blog';
+import { blogListRobots, getStaticPathsBlogList } from 'utils/blog';
 
 export const prerender = true;
 

front/src/pages/[...blog]/[category]/[...page].astro

@@ -1,11 +1,11 @@
 ---
 import type { InferGetStaticPropsType, GetStaticPaths } from 'astro';
-import { blogCategoryRobots, getStaticPathsBlogCategory } from '~/utils/blog';
+import { blogCategoryRobots, getStaticPathsBlogCategory } from 'utils/blog';
 
-import Layout from '~/layouts/PageLayout.astro';
-import BlogList from '~/components/blog/List.astro';
-import Headline from '~/components/blog/Headline.astro';
-import Pagination from '~/components/blog/Pagination.astro';
+import Layout from 'layouts/PageLayout.astro';
+import BlogList from 'components/blog/List.astro';
+import Headline from 'components/blog/Headline.astro';
+import Pagination from 'components/blog/Pagination.astro';
 
 export const prerender = true;
 

front/src/pages/[...blog]/[tag]/[...page].astro

@@ -1,11 +1,11 @@
 ---
 import type { InferGetStaticPropsType, GetStaticPaths } from 'astro';
-import { blogTagRobots, getStaticPathsBlogTag } from '~/utils/blog';
+import { blogTagRobots, getStaticPathsBlogTag } from 'utils/blog';
 
-import Layout from '~/layouts/PageLayout.astro';
-import BlogList from '~/components/blog/List.astro';
-import Headline from '~/components/blog/Headline.astro';
-import Pagination from '~/components/blog/Pagination.astro';
+import Layout from 'layouts/PageLayout.astro';
+import BlogList from 'components/blog/List.astro';
+import Headline from 'components/blog/Headline.astro';
+import Pagination from 'components/blog/Pagination.astro';
 
 export const prerender = true;
 

front/src/pages/[...blog]/index.astro

@@ -3,15 +3,15 @@ import type { InferGetStaticPropsType, GetStaticPaths } from 'astro';
 
 import merge from 'lodash.merge';
 import type { ImageMetadata } from 'astro';
-import Layout from '~/layouts/PageLayout.astro';
-import SinglePost from '~/components/blog/SinglePost.astro';
-import ToBlogLink from '~/components/blog/ToBlogLink.astro';
+import Layout from 'layouts/PageLayout.astro';
+import SinglePost from 'components/blog/SinglePost.astro';
+import ToBlogLink from 'components/blog/ToBlogLink.astro';
 
-import { getCanonical, getPermalink } from '~/utils/permalinks';
-import { getStaticPathsBlogPost, blogPostRobots } from '~/utils/blog';
-import { findImage } from '~/utils/images';
-import type { MetaData } from '~/types';
-import RelatedPosts from '~/components/blog/RelatedPosts.astro';
+import { getCanonical, getPermalink } from 'utils/permalinks';
+import { getStaticPathsBlogPost, blogPostRobots } from 'utils/blog';
+import { findImage } from 'utils/images';
+import type { MetaData } from 'types';
+import RelatedPosts from 'components/blog/RelatedPosts.astro';
 
 export const prerender = true;
 

front/src/pages/about.astro

@@ -1,10 +1,10 @@
 ---
-import Features2 from '~/components/widgets/Features2.astro';
-import Features3 from '~/components/widgets/Features3.astro';
-import Hero from '~/components/widgets/Hero.astro';
-import Stats from '~/components/widgets/Stats.astro';
-import Steps2 from '~/components/widgets/Steps2.astro';
-import Layout from '~/layouts/PageLayout.astro';
+import Features2 from 'components/widgets/Features2.astro';
+import Features3 from 'components/widgets/Features3.astro';
+import Hero from 'components/widgets/Hero.astro';
+import Stats from 'components/widgets/Stats.astro';
+import Steps2 from 'components/widgets/Steps2.astro';
+import Layout from 'layouts/PageLayout.astro';
 
 const metadata = {
   title: 'About us',

front/src/pages/account/index.astro

@@ -0,0 +1,23 @@
+---
+import Layout from 'layouts/PageLayout.astro';
+//import Layout from 'layouts/Layout.astro';
+import PocketBase from 'pocketbase'
+
+
+const pb = Astro.locals.pb
+const auth = pb.authStore
+const user = auth.model
+
+if(!auth.isValid){
+    return Astro.redirect("/account/login");
+}
+
+const metadata = {
+  title: 'Account',
+  ignoreTitleTemplate: true,
+};
+---
+
+<Layout metadata={metadata}>
+    <h1>Bonjour {user!.username}</h1>
+</Layout>

front/src/pages/account/login.astro

@@ -0,0 +1,65 @@
+---
+import Layout from 'layouts/PageLayout.astro';
+//import Layout from 'layouts/Layout.astro';
+import AstroUtils from "libs/AstroUtils";
+import PocketBase from 'pocketbase'
+import ContactUs from 'components/widgets/Contact.astro';
+import CallToAction from 'components/widgets/CallToAction.astro';
+import Oauth from 'components/Oauth.astro';
+
+const pb = Astro.locals.pb
+
+if(pb.authStore.isValid){
+    return Astro.redirect("/account")
+}
+
+
+await AstroUtils.wrap(async () => {
+    if (Astro.request.method !== 'POST') {
+        return
+    }    
+    const form = await Astro.request.formData();
+    const request = {
+        user: form.get("username") as string,
+        password: form.get("password") as string
+    }
+
+    try {
+        await pb.collection('users').authWithPassword(request.user,request.password);
+        return Astro.redirect("/account")
+    } catch (error) {
+        console.log(error)
+        console.warn('user password is incorrect')
+        return Astro.redirect("/account/login");// route('/account/login', {message: 'Compte invalide, valider les identifiants'})) //XXX: comprendre comment le system de route fonctionne
+    }
+})
+
+const metadata = {
+  title: 'Login',
+  ignoreTitleTemplate: true,
+};
+---
+
+<Layout metadata={metadata}>
+  <ContactUs
+  formid="login"
+  title="Connexion"
+  subtitle="Connectez vous pour sauvegardez vos recherche"
+  button='Connexion'
+  method='post'
+  enctype="multipart/form-data"
+  inputs={[
+    {
+      type: 'text',
+      name: 'username',
+      label: 'Nom d\'utilisateur ou e-mail',
+      placeholder: "michel@example.com"
+    },
+    {
+      type: "password",
+      name: "password"
+    }
+  ]}
+  />
+  <Oauth/>
+</Layout>

front/src/pages/account/logout.astro

@@ -0,0 +1,13 @@
+---
+import PocketBase from 'pocketbase'
+
+
+const pb = Astro.locals.pb
+
+if(pb.authStore.isValid){
+    pb.authStore.clear()
+}
+
+return Astro.redirect('/')
+
+---

front/src/pages/account/oauth.astro

@@ -0,0 +1,63 @@
+---
+const pb = Astro.locals.pb
+const redirectUrl = Astro.url.protocol + "//" + Astro.url.host + '/account/oauth';
+const params = Astro.url.searchParams
+const code = params.get('code')
+
+// load the previously stored provider's data
+const providerstr = Astro.cookies.get('provider')
+
+if (!providerstr) {
+    console.error("Fail to load provider")
+    console.log(providerstr)
+    return
+}
+const provider = providerstr.json()
+
+if (!code) {
+    console.error("Fail to load code params");
+    return
+}
+
+// compare the redirect's state param and the stored provider's one
+if (provider.state !== params.get('state')) {
+    console.log(provider.state)
+    console.log(params.get('state'))
+    throw "State parameters don't match.";
+}
+
+let authenticated = false
+
+await pb.collection('users').authWithOAuth2Code(
+    provider.name,
+    code,
+    provider.codeVerifier,
+    redirectUrl,
+    {
+        emailVisibility: false,
+    }
+).then((authData) => {
+    //REDIRECT
+    console.log("oauth OK !!");
+    authenticated = true
+  }).catch((err) => {
+    console.log("oauth fail !!");
+    console.log(err);
+  });
+
+if (authenticated) {
+  return Astro.redirect("/account")
+}
+
+---
+
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>OAuth2 redirect page</title>
+</head>
+<body>
+</body>
+</html>

front/src/pages/account/register.astro

@@ -0,0 +1,83 @@
+---
+import Layout from 'layouts/PageLayout.astro';
+//import Layout from 'layouts/Layout.astro';
+import AstroUtils from 'libs/AstroUtils';
+import { getEnv } from 'libs/Env';
+import ContactUs from 'components/widgets/Contact.astro';
+import Oauth from 'components/Oauth.astro';
+
+const pb = Astro.locals.pb
+
+if(pb.authStore.isValid){
+    return Astro.redirect("/account")
+}
+
+let loged = false
+
+await AstroUtils.wrap(async () => {
+    if (Astro.request.method !== 'POST'){
+        return
+    }
+    const form = await Astro.request.formData()
+    const request = {
+        username: form.get("username") as string,
+        name: form.get("name") as string,
+        email: form.get("email") as string,
+        password: form.get("password") as string,
+        passwordConfirm: form.get("passwordConfirm") as string,
+    }
+    try{
+        await pb.collection('users').create(request)
+        loged = true
+      }catch(e){
+        console.log(e);
+      }
+    })
+if (loged) {
+  return Astro.redirect('/account/login')
+}
+
+const metadata = {
+  title: 'Register',
+  ignoreTitleTemplate: true,
+};
+---
+
+<Layout metadata={metadata}>
+
+  <ContactUs
+    formid='account-creation'
+    title='Inscription'
+    subtitle="inscrivez vous pour sauvegardez vos recherche"
+    button='Créer un compte'
+    method='post'
+    enctype="multipart/form-data"
+    inputs={[
+      {
+        type: 'text',
+        name: 'name',
+        label: 'Prénom Nom',
+        placeholder: "Michel Biche"
+      },{
+        type: 'text',
+        name: 'username',
+        label: 'Nom d\'utilisateur',
+        placeholder: "michel85"
+      },{
+        type: 'email',
+        name: 'email',
+        label: 'Adresse email',
+        placeholder: "michel@example.com"
+      },{
+        type: 'password',
+        name: 'password',
+        label: 'Créez un mot de passe',
+      },{
+        type: 'password',
+        name: 'passwordConfirm',
+        label: 'Confirmer votre mot de passe',
+      },
+    ]}
+  />
+  <Oauth/>
+</Layout>

front/src/pages/contact.astro

@@ -1,8 +1,8 @@
 ---
-import Layout from '~/layouts/PageLayout.astro';
-import HeroText from '~/components/widgets/HeroText.astro';
-import ContactUs from '~/components/widgets/Contact.astro';
-import Features2 from '~/components/widgets/Features2.astro';
+import Layout from 'layouts/PageLayout.astro';
+import HeroText from 'components/widgets/HeroText.astro';
+import ContactUs from 'components/widgets/Contact.astro';
+import Features2 from 'components/widgets/Features2.astro';
 
 const metadata = {
   title: 'Contact',

front/src/pages/homes/mobile-app.astro

@@ -1,18 +1,18 @@
 ---
-import Layout from '~/layouts/PageLayout.astro';
+import Layout from 'layouts/PageLayout.astro';
 
-import Header from '~/components/widgets/Header.astro';
+import Header from 'components/widgets/Header.astro';
 
-import Hero2 from '~/components/widgets/Hero2.astro';
-import CallToAction from '~/components/widgets/CallToAction.astro';
-import Features3 from '~/components/widgets/Features3.astro';
-import Content from '~/components/widgets/Content.astro';
-import Testimonials from '~/components/widgets/Testimonials.astro';
-import FAQs from '~/components/widgets/FAQs.astro';
-import Stats from '~/components/widgets/Stats.astro';
+import Hero2 from 'components/widgets/Hero2.astro';
+import CallToAction from 'components/widgets/CallToAction.astro';
+import Features3 from 'components/widgets/Features3.astro';
+import Content from 'components/widgets/Content.astro';
+import Testimonials from 'components/widgets/Testimonials.astro';
+import FAQs from 'components/widgets/FAQs.astro';
+import Stats from 'components/widgets/Stats.astro';
 
-import Button from '~/components/ui/Button.astro';
-import Image from '~/components/common/Image.astro';
+import Button from 'components/ui/Button.astro';
+import Image from 'components/common/Image.astro';
 
 const appStoreImg = '~/assets/images/app-store.png';
 const appStoreDownloadLink = 'https://github.com/onwidget/astrowind';

front/src/pages/homes/personal.astro

@@ -1,15 +1,15 @@
 ---
-import Layout from '~/layouts/PageLayout.astro';
+import Layout from 'layouts/PageLayout.astro';
 
-import Header from '~/components/widgets/Header.astro';
-import Hero from '~/components/widgets/Hero.astro';
-import Content from '~/components/widgets/Content.astro';
-import CallToAction from '~/components/widgets/CallToAction.astro';
-import Features3 from '~/components/widgets/Features3.astro';
-import Testimonials from '~/components/widgets/Testimonials.astro';
-import Steps from '~/components/widgets/Steps.astro';
-import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
-import { getPermalink } from '~/utils/permalinks';
+import Header from 'components/widgets/Header.astro';
+import Hero from 'components/widgets/Hero.astro';
+import Content from 'components/widgets/Content.astro';
+import CallToAction from 'components/widgets/CallToAction.astro';
+import Features3 from 'components/widgets/Features3.astro';
+import Testimonials from 'components/widgets/Testimonials.astro';
+import Steps from 'components/widgets/Steps.astro';
+import BlogLatestPosts from 'components/widgets/BlogLatestPosts.astro';
+import { getPermalink } from 'utils/permalinks';
 
 const metadata = {
   title: 'Personal Homepage Demo',

front/src/pages/homes/saas.astro

@@ -1,16 +1,16 @@
 ---
-import Layout from '~/layouts/PageLayout.astro';
+import Layout from 'layouts/PageLayout.astro';
 
-import Header from '~/components/widgets/Header.astro';
-import Hero2 from '~/components/widgets/Hero2.astro';
-import Features from '~/components/widgets/Features.astro';
-import Steps2 from '~/components/widgets/Steps2.astro';
-import Content from '~/components/widgets/Content.astro';
-import Pricing from '~/components/widgets/Pricing.astro';
+import Header from 'components/widgets/Header.astro';
+import Hero2 from 'components/widgets/Hero2.astro';
+import Features from 'components/widgets/Features.astro';
+import Steps2 from 'components/widgets/Steps2.astro';
+import Content from 'components/widgets/Content.astro';
+import Pricing from 'components/widgets/Pricing.astro';
 
-import { headerData } from '~/navigation';
-import FAQs from '~/components/widgets/FAQs.astro';
-import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
+import { headerData } from 'navigation';
+import FAQs from 'components/widgets/FAQs.astro';
+import BlogLatestPosts from 'components/widgets/BlogLatestPosts.astro';
 
 const metadata = {
   title: 'SaaS Landing Page',