add placeholders

Author: hannes-dev

Cargo.lock

@@ -22,3 +22,4 @@ tower-http = { version = "0.6.6", features = ["trace", "fs"] }
 tower-sessions = "0.14.0"
 tracing = "=0.1"
 tracing-subscriber = "=0.3"
+svg = "0.18.0"

Cargo.toml

@@ -11,7 +11,12 @@ use axum::{
     response::{IntoResponse, Response},
 };
 
+use rand::{Rng, SeedableRng, rngs::SmallRng, seq::IndexedRandom};
 use reqwest::header::CONTENT_TYPE;
+use svg::{
+    Document,
+    node::element::{Definitions, Group, Mask, Polygon, Polyline, Rectangle, Use, tag::Rectangle},
+};
 use tokio::{fs::File, process::Command, task::JoinSet};
 use tokio_util::io::ReaderStream;
 
@@ -35,7 +40,7 @@ pub struct DataImage {
 
 pub enum ResponseImage {
     File(File),
-    Placeholder,
+    Placeholder(u32),
 }
 
 impl ProfileImage {
@@ -70,7 +75,7 @@ impl ProfileImage {
 
     pub async fn get_with_placeholder(&self, size: u32) -> Result<ResponseImage, AppError> {
         match self.get(size).await {
-            Err(AppError::ImageNotFound) => Ok(ResponseImage::Placeholder),
+            Err(AppError::ImageNotFound) => Ok(ResponseImage::Placeholder(self.user_id)),
             other => other,
         }
     }
@@ -158,17 +163,108 @@ impl DataImage {
 
 impl IntoResponse for ResponseImage {
     fn into_response(self) -> Response {
-        let mut resp = match self {
-            Self::Placeholder => Body::from(PLACEHOLDER),
-            Self::File(file) => Body::from_stream(ReaderStream::new(file)),
+        match self {
+            Self::Placeholder(user_id) => {
+                let mut body = Body::from(make_placeholder(user_id)).into_response();
+                body.headers_mut()
+                    .insert(CONTENT_TYPE, HeaderValue::from_static("image/svg+xml"));
+                body
+            }
+            Self::File(file) => {
+                let mut body = Body::from_stream(ReaderStream::new(file)).into_response();
+                body.headers_mut().insert(
+                    CONTENT_TYPE,
+                    HeaderValue::from_static(IMAGE_SAVE_TYPE.mime_type()),
+                );
+                body
+            }
         }
-        .into_response();
+    }
+}
 
-        resp.headers_mut().insert(
-            CONTENT_TYPE,
-            HeaderValue::from_static(IMAGE_SAVE_TYPE.mime_type()),
-        );
+fn make_placeholder(user_id: u32) -> Vec<u8> {
+    let mut rand_gen = SmallRng::seed_from_u64(user_id as u64);
+    let polygon_points = "9.0,0.0 4.5,7.794 -4.5,7.794 -9.0,0 -4.5,-7.794 4.5,-7.794";
+
+    let mask_polygon = Polygon::new()
+        .set("points", polygon_points)
+        .set("fill", "white");
+
+    let mask = Mask::new()
+        .set("id", "poly")
+        .set("mask-type", "luminance")
+        .set("x", -100)
+        .set("y", -100)
+        .set("width", 200)
+        .set("height", 200)
+        .set("maskUnits", "userSpaceOnUse")
+        .add(mask_polygon);
+
+    let cube_polygon = Polygon::new().set("points", polygon_points);
+
+    let cube_polyline = Polyline::new()
+        .set("mask", "url(#poly)")
+        .set("points", "9,0 0,0 -4.5,7.794 0,0 -4.5,-7.794")
+        .set("style", "fill:none;stroke:#02020244;stroke-width:.6");
+
+    let cube_group = Group::new()
+        .set("id", "cube")
+        .add(cube_polygon)
+        .add(cube_polyline);
 
-        resp
+    let defs = Definitions::new().add(cube_group);
+
+    // TODO randomize rotation
+    let mut main_group = Group::new().set("transform", "rotate(0 32 32)");
+
+    let use_data = vec![
+        (22.0, 14.68),
+        (42.0, 14.68),
+        (12.0, 32.0),
+        (52.0, 32.0),
+        (22.0, 49.32),
+        (42.0, 49.32),
+    ];
+
+    let colors = ["#FFBE0B", "#FF4037", "#FF006E", "#8338EC", "#3A86FF"];
+
+    for (x, y) in use_data {
+        let use_element = Use::new()
+            .set("xlink:href", "#cube")
+            .set("x", x)
+            .set("y", y)
+            .set("fill", *colors.choose(&mut rand_gen).unwrap());
+        main_group = main_group.add(use_element);
     }
+
+    // make the middle one zeus orange
+    let use_element = Use::new()
+        .set("xlink:href", "#cube")
+        .set("x", 32)
+        .set("y", 32)
+        .set("fill", "#FF7F00");
+    main_group = main_group.add(use_element);
+
+    let background = Rectangle::new()
+        .set("width", "64")
+        .set("height", "64")
+        .set("x", "0")
+        .set("y", "0")
+        .set("fill", "#EEE");
+
+    let document = Document::new()
+        .set("width", 64)
+        .set("height", 64)
+        .set("fill", "#ff7f00")
+        .set("xmlns:xlink", "http://www.w3.org/1999/xlink")
+        .set("id", "flynn")
+        .add(background)
+        .add(mask)
+        .add(defs)
+        .add(main_group);
+
+    let mut buffer = Vec::new();
+    svg::write(&mut buffer, &document).unwrap();
+
+    buffer
 }