initial commit
Shautvast
4
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
node_modules/
|
||||||
|
target/
|
||||||
|
pkg/
|
||||||
|
.DS_Store
|
||||||
7
README.md
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
_Spiegel_ image filter project (WIP)
|
||||||
|
|
||||||
|
- rust
|
||||||
|
- wasm
|
||||||
|
|
||||||
|
sample output
|
||||||
|
|
||||||
BIN
dist/11dc9380193954aac8c4.module.wasm
vendored
Normal file
BIN
dist/630027c604733df47374e4f5adb1b7c5.jpg
vendored
Normal file
|
After Width: | Height: | Size: 349 KiB |
BIN
dist/66d531fb4651c57454ae.module.wasm
vendored
Normal file
1
dist/796.bundle.js
vendored
Normal file
BIN
dist/93be161a4640fe100e05af248fa4c52e.png
vendored
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
dist/95cc0985b7bd6242de9b9665261616a3.jpg
vendored
Normal file
|
After Width: | Height: | Size: 192 KiB |
523
dist/bundle.js
vendored
Normal file
42
dist/crate_pkg_photon_rs_js.bundle.js
vendored
Normal file
42
dist/crate_pkg_spiegel_client_js.bundle.js
vendored
Normal file
BIN
dist/df3fbe72e3ad368ae5bf.module.wasm
vendored
Normal file
BIN
dist/ea872833a419652a23b47d50be7fe0ef.jpg
vendored
Normal file
|
After Width: | Height: | Size: 224 KiB |
BIN
dist/f49f7893ad0a3ad10176.module.wasm
vendored
Normal file
29
dist/index.html
vendored
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Spiegel</title>
|
||||||
|
<script defer src="bundle.js"></script></head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="default">
|
||||||
|
<div class="main">
|
||||||
|
<label>
|
||||||
|
<h2>Blur factor</h2< /label>
|
||||||
|
<div class="slidecontainer">
|
||||||
|
<input type="range" id="slider" value="0" min="0" max="100" class="slider" />
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
<div class="main_content">
|
||||||
|
<div class="content" id="images">
|
||||||
|
<div id="image_container"></div>
|
||||||
|
|
||||||
|
<canvas id="canvas"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
30
index.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Spiegel</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="main">
|
||||||
|
<label>
|
||||||
|
<h2>Blur factor</h2>
|
||||||
|
<h4 id="msg">(blurring can take up to 15 seconds, please be patient)</h4>
|
||||||
|
</label>
|
||||||
|
<div class="slidecontainer">
|
||||||
|
<input type="range" id="slider" value="0" min="0" max="100" class="slider" />
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
<div class="main_content">
|
||||||
|
<div id="progress"></div>
|
||||||
|
<div class="content" id="images">
|
||||||
|
<div id="image_container"></div>
|
||||||
|
|
||||||
|
<canvas id="canvas"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
6753
package-lock.json
generated
Normal file
25
package.json
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
{
|
||||||
|
"author": "Silvia O'Dwyer <silviaodwyerdev@gmail.com>",
|
||||||
|
"name": "photon-wasm",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"repository": "https://github.com/silvia-odwyer/photon",
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"scripts": {
|
||||||
|
"start": "webpack-dev-server",
|
||||||
|
"build": "webpack"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"create-rust-webpack": ".bin/create-rust-webpack.js"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@wasm-tool/wasm-pack-plugin": "0.1.6",
|
||||||
|
"clean-webpack-plugin": "^4.0.0",
|
||||||
|
"css-loader": "^6.10.0",
|
||||||
|
"file-loader": "^6.2.0",
|
||||||
|
"html-webpack-plugin": "^5.6.0",
|
||||||
|
"style-loader": "^3.3.4",
|
||||||
|
"webpack": "^5.91.0",
|
||||||
|
"webpack-cli": "^5.1.4",
|
||||||
|
"webpack-dev-server": "^5.0.4"
|
||||||
|
}
|
||||||
|
}
|
||||||
1353
server/Cargo.lock
generated
Normal file
20
server/Cargo.toml
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
[package]
|
||||||
|
edition = "2021"
|
||||||
|
name = "spiegel-server"
|
||||||
|
version = "0.1.0"
|
||||||
|
|
||||||
|
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
||||||
|
|
||||||
|
[dependencies]
|
||||||
|
axum = { version = "0.7" }
|
||||||
|
serde = { version = "1.0", features = ["derive"] }
|
||||||
|
serde_json = "1.0"
|
||||||
|
tokio = { version = "1.36", features = ["full"] }
|
||||||
|
tracing = "0.1"
|
||||||
|
tracing-subscriber = { version = "0.3", features = ["env-filter"] }
|
||||||
|
image = "0.24.1"
|
||||||
|
anyhow = "1.0"
|
||||||
|
include_dir = "0.7.3"
|
||||||
|
tokio-util = { version = "0.7", features = ["io"] }
|
||||||
|
tower = { version = "0.4", features = ["util"] }
|
||||||
|
tower-http = { version = "0.5.0", features = ["fs", "trace"] }
|
||||||
74
server/src/lib.rs
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
use std::sync::OnceLock;
|
||||||
|
|
||||||
|
use include_dir::{include_dir, Dir, DirEntry};
|
||||||
|
|
||||||
|
static SAMPLES: OnceLock<Vec<ColorSample>> = OnceLock::new();
|
||||||
|
static SAMPLES_DIR: Dir = include_dir!("src/samples");
|
||||||
|
|
||||||
|
pub fn init() {
|
||||||
|
SAMPLES.get_or_init(|| {
|
||||||
|
println!("reading image samples");
|
||||||
|
read_color_samples().unwrap()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn get_closest_color<'a>(color: &String) -> &'a ColorSample {
|
||||||
|
let color_samples = SAMPLES.get().unwrap();
|
||||||
|
let mut closest = None;
|
||||||
|
let mut min_diff: f32 = 4294967295.0; //0xFFFFFFFF
|
||||||
|
for sample in color_samples {
|
||||||
|
let diff = get_distance(sample.r, sample.g, sample.b, color);
|
||||||
|
if diff < min_diff {
|
||||||
|
closest = Some(sample);
|
||||||
|
min_diff = diff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
closest.unwrap()
|
||||||
|
}
|
||||||
|
|
||||||
|
/// returns squared euclidian color distance
|
||||||
|
/// as if colors were points in 3d space
|
||||||
|
fn get_distance(r1: u8, g1: u8, b1: u8, rgb: &String) -> f32 {
|
||||||
|
let r2 = u8::from_str_radix(&rgb[0..2], 16).unwrap();
|
||||||
|
let g2 = u8::from_str_radix(&rgb[2..4], 16).unwrap();
|
||||||
|
let b2 = u8::from_str_radix(&rgb[4..6], 16).unwrap();
|
||||||
|
let red_dif = r1 as f32 - r2 as f32;
|
||||||
|
let green_dif = g1 as f32 - g2 as f32;
|
||||||
|
let blue_dif = b1 as f32 - b2 as f32;
|
||||||
|
return red_dif * red_dif + green_dif * green_dif + blue_dif * blue_dif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/// read all sample jpegs into memory
|
||||||
|
pub fn read_color_samples() -> anyhow::Result<Vec<ColorSample>> {
|
||||||
|
let mut color_samples: Vec<ColorSample> = Vec::new();
|
||||||
|
|
||||||
|
for entry in SAMPLES_DIR.entries() {
|
||||||
|
if let DirEntry::File(f) = entry {
|
||||||
|
let sample_image = f.contents();
|
||||||
|
|
||||||
|
let filename = entry.path().file_name().unwrap().to_str().unwrap();
|
||||||
|
let hex_r = &filename[0..2];
|
||||||
|
let hex_g = &filename[2..4];
|
||||||
|
let hex_b = &filename[4..6];
|
||||||
|
color_samples.push(ColorSample {
|
||||||
|
filename: filename.into(),
|
||||||
|
r: u8::from_str_radix(&hex_r, 16)?,
|
||||||
|
g: u8::from_str_radix(&hex_g, 16)?,
|
||||||
|
b: u8::from_str_radix(&hex_b, 16)?,
|
||||||
|
image: sample_image,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
println!("Done reading image samples");
|
||||||
|
Ok(color_samples)
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Debug)]
|
||||||
|
pub struct ColorSample {
|
||||||
|
pub filename: String,
|
||||||
|
pub r: u8,
|
||||||
|
pub g: u8,
|
||||||
|
pub b: u8,
|
||||||
|
pub image: &'static [u8],
|
||||||
|
}
|
||||||
32
server/src/main.rs
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
use axum::extract::Path;
|
||||||
|
use axum::http::{header, StatusCode};
|
||||||
|
use axum::response::IntoResponse;
|
||||||
|
use axum::{routing::get, Router};
|
||||||
|
use spiegel_server::{get_closest_color, init};
|
||||||
|
|
||||||
|
/// serves images from memory
|
||||||
|
#[tokio::main]
|
||||||
|
async fn main() -> anyhow::Result<()> {
|
||||||
|
tracing_subscriber::fmt::init();
|
||||||
|
init();
|
||||||
|
let app = Router::new().route("/color/:rgb_hex", get(fetch_nearest_color));
|
||||||
|
|
||||||
|
let listener = tokio::net::TcpListener::bind("0.0.0.0:3000").await.unwrap();
|
||||||
|
axum::serve(listener, app).await.unwrap();
|
||||||
|
Ok(())
|
||||||
|
}
|
||||||
|
|
||||||
|
async fn fetch_nearest_color(
|
||||||
|
Path(rgb_hex): Path<String>,
|
||||||
|
) -> Result<impl IntoResponse, (StatusCode, String)> {
|
||||||
|
if rgb_hex.len() != 6 {
|
||||||
|
return Err((
|
||||||
|
StatusCode::BAD_REQUEST,
|
||||||
|
"input should be color hex, eg AA11CC".into(),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
let closest = get_closest_color(&rgb_hex);
|
||||||
|
|
||||||
|
let headers = [(header::CONTENT_TYPE, "image/jpeg")];
|
||||||
|
Ok((headers, closest.image))
|
||||||
|
}
|
||||||
BIN
server/src/samples/12110f.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
server/src/samples/131211.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
server/src/samples/21201b.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
server/src/samples/21201d.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
server/src/samples/212213.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
server/src/samples/22211b.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
server/src/samples/23221d.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/23221f.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
server/src/samples/24231d.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/252520.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
server/src/samples/262527.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
server/src/samples/262628.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
server/src/samples/272826.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/291f19.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/292927.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
server/src/samples/292a29.jpg
Normal file
|
After Width: | Height: | Size: 44 KiB |
BIN
server/src/samples/2a2a28.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
server/src/samples/2a3960.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
server/src/samples/2b3a5f.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
server/src/samples/2c2c24.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/2c3b64.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
server/src/samples/2c3c40.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
server/src/samples/2e2d26.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
server/src/samples/2e2d28.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/30301c.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
server/src/samples/303030.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
server/src/samples/303131.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
server/src/samples/303632.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
server/src/samples/31302b.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
server/src/samples/313131.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
server/src/samples/32373a.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
server/src/samples/32373b.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
server/src/samples/333a73.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
server/src/samples/334840.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/343a6f.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
server/src/samples/343b73.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
server/src/samples/344845.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/353420.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
server/src/samples/35342f.jpg
Normal file
|
After Width: | Height: | Size: 63 KiB |
BIN
server/src/samples/353a39.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
server/src/samples/353b43.jpg
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
server/src/samples/363531.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
server/src/samples/363c71.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
server/src/samples/36414c.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/364968.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/373530.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/373a54.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/373b46.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
server/src/samples/373d2f.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/373d47.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/373d71.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
server/src/samples/382f1f.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/383732.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
server/src/samples/383831.jpg
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
server/src/samples/383832.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/383a46.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
server/src/samples/383c4f.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/383d48.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/384142.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/38495a.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/384b51.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
server/src/samples/393b39.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/394235.jpg
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
server/src/samples/3a4042.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
server/src/samples/3a4242.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
server/src/samples/3b4435.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
server/src/samples/3b4a6b.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/3b4f6b.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/3c3b34.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
server/src/samples/3c4d5f.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
server/src/samples/3d342a.jpg
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
server/src/samples/3d4343.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
server/src/samples/3d4a63.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/3e3524.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/3e3830.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
server/src/samples/3e3e32.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
server/src/samples/3e3e4a.jpg
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
server/src/samples/3e3f27.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |