Introduce map to session

engine/src/routes/mod.rs

@@ -12,6 +12,7 @@ use crate::state::AppState;
 
 pub mod me;
 pub mod oauth;
+pub mod properties;
 pub mod root;
 pub mod sessions;
 

engine/src/routes/properties/mod.rs

@@ -0,0 +1,29 @@
+use std::sync::Arc;
+
+use poem::web::Data;
+use poem_openapi::{payload::Json, OpenApi};
+
+use crate::{
+    auth::middleware::AuthToken, models::property::Property, state::AppState
+};
+
+pub struct ApiProperties;
+
+#[OpenApi]
+impl ApiProperties {
+    #[oai(path = "/property/:property_id", method = "get")]
+    async fn get_property(
+        &self,
+        auth: AuthToken,
+        state: Data<&Arc<AppState>>,
+    ) -> poem_openapi::payload::Json<Vec<Property>> {
+        match auth {
+            AuthToken::Active(active_user) => poem_openapi::payload::Json(
+                Property::get_by_owner_id(active_user.session.user_id, &state.database)
+                    .await
+                    .unwrap(),
+            ),
+            AuthToken::None => poem_openapi::payload::Json(vec![]),
+        }
+    }
+}

web/package.json

@@ -21,9 +21,11 @@
         "clsx": "^2.1.1",
         "eslint-plugin-unused-imports": "^4.0.1",
         "globals": "^15.8.0",
+        "leaflet": "^1.9.4",
         "postcss": "^8.4.38",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
+        "react-leaflet": "^4.2.1",
         "swr": "^2.2.5",
         "tailwindcss": "^3.4.3",
         "ua-parser-js": "^1.0.38",
@@ -33,6 +35,7 @@
     "devDependencies": {
         "@tanstack/router-devtools": "^1.45.14",
         "@tanstack/router-plugin": "^1.45.13",
+        "@types/leaflet": "^1.9.12",
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "@types/ua-parser-js": "^0.7.39",

web/src/api/geoip.ts

@@ -0,0 +1,30 @@
+import useSWR from 'swr';
+
+type GeoIpResponse = {
+    ip_address: string;
+    latitude: number;
+    longitude: number;
+    postal_code: string;
+    continent_code: string;
+    continent_name: string;
+    country_code: string;
+    country_name: string;
+    region_code: string;
+    region_name: string;
+    province_code: string;
+    province_name: string;
+    city_name: string;
+    timezone: string;
+};
+
+export const useGeoIp = (ip: string) =>
+    useSWR(
+        'geo:' + ip,
+        async () => {
+            const response = await fetch('https://api.geoip.rs/?ip=' + ip);
+            const data = await response.json();
+
+            return data as GeoIpResponse;
+        },
+        { errorRetryInterval: 10_000 }
+    );

web/src/api/media.ts

@@ -0,0 +1,10 @@
+import { useHttp } from './core';
+
+type MediaResponse = {
+    id: number;
+    description: string;
+    url: string;
+};
+
+export const useMedia = (id: string) =>
+    useHttp<MediaResponse>('/api/media/' + id);

web/src/api/property.ts

@@ -0,0 +1,14 @@
+import { useHttp } from './core';
+
+export type PropertyResponse = {
+    id: number;
+    owner_id: number;
+    product_id: number;
+    name?: string;
+    media?: number[];
+    created?: string;
+    modified?: string;
+};
+
+export const useProperty = (id: string) =>
+    useHttp<PropertyResponse>('/api/property/' + id);

web/src/api/sessions.ts

@@ -1,6 +1,6 @@
 import { useHttp } from './core';
 
-type SessionResponse = {
+export type SessionResponse = {
     id: string;
     user_id: number;
     user_agent: string;