public/scripts/bbs.js

@@ -1,4 +1,4 @@
-import { debounce } from "../common/helper.js";
+import { debounce } from "./modules/common/helper.js";
 
 let charFilter = "";
 let typeFilter = "";

public/scripts/kh1.js

@@ -0,0 +1,7 @@
+import {
+	kindFilter,
+	showOnlyTracked,
+	track,
+} from "./modules/common/mat-kind-filter.js";
+
+Object.assign(window, { track });

public/scripts/kh1/drops.js

@@ -1,12 +0,0 @@
-import {
-	init,
-	kindFilter,
-	showOnlyTracked,
-	track,
-} from "../common/mat-kind-filter.js";
-
-document.addEventListener("DOMContentLoaded", (event) => {
-	init();
-});
-
-Object.assign(window, { track });

public/scripts/kh1/synth.js

@@ -1,64 +0,0 @@
-document.addEventListener("DOMContentLoaded", (event) => {
-	const recipes = document.querySelectorAll(".recipe");
-
-	for (const recipe of recipes) {
-		recipe.checked =
-			localStorage.getItem("kh1-synth-" + recipe.id) === "true" ?? false;
-		update_synth_completions(recipe);
-
-		recipe.addEventListener("input", function () {
-			localStorage.setItem("kh1-synth-" + this.id, this.checked);
-			update_synth_completions(this);
-			calc_total_ingredients();
-		});
-	}
-
-	calc_total_ingredients();
-});
-
-function update_synth_completions(recipe) {
-	if (recipe.checked) {
-		recipe.parentElement.classList.add("complete");
-	} else {
-		recipe.parentElement.classList.remove("complete");
-	}
-}
-
-function calc_total_ingredients() {
-	const needed = new Map();
-	const recipes = document.querySelectorAll(".recipe");
-
-	for (const recipe of recipes) {
-		const isComplete = recipe.checked;
-		if (isComplete) {
-			continue;
-		}
-
-		const ingredients =
-			recipe.parentElement.querySelectorAll("label ul li");
-		for (const ingredient of ingredients) {
-			let name = ingredient.dataset["synthItemName"];
-			let amount = Number(ingredient.dataset["synthItemAmount"]);
-
-			if (needed.has(name)) {
-				let new_amount = Number(needed.get(name)) + amount;
-				needed.set(name, new_amount);
-			} else {
-				needed.set(name, amount);
-			}
-		}
-	}
-
-	const sortedMap = new Map([...needed].sort((a, b) => b[1] - a[1]));
-
-	// generating the new list with materials needed
-	const matsList = document.getElementById("mats");
-	matsList.innerHTML = "<h1>Materials Needed</h1>";
-	const uiList = document.createElement("ul");
-	for (const entry of sortedMap) {
-		const liElem = document.createElement("li");
-		liElem.innerHTML = entry[0] + " x" + entry[1];
-		uiList.appendChild(liElem);
-	}
-	matsList.appendChild(uiList);
-}

public/scripts/kh2.js

@@ -0,0 +1,7 @@
+import {
+	kindFilter,
+	showOnlyTracked,
+	track,
+} from "./modules/common/mat-kind-filter.js";
+
+Object.assign(window, { track });

public/scripts/kh2/drops.js

@@ -1,12 +0,0 @@
-import {
-	init,
-	kindFilter,
-	showOnlyTracked,
-	track,
-} from "../common/mat-kind-filter.js";
-
-document.addEventListener("DOMContentLoaded", (event) => {
-	init();
-});
-
-Object.assign(window, { track });

public/scripts/modules/common/mat-kind-filter.js

@@ -1,7 +1,7 @@
 export let showOnlyTracked = false;
 export let kindFilter = new Set();
 
-export function init() {
+document.addEventListener("DOMContentLoaded", (event) => {
 	const onlyTrackedFilter = document.querySelector(
 		'input[name="onlyTracked"]',
 	);
@@ -25,7 +25,7 @@ export function init() {
 			filter();
 		});
 	});
-}
+});
 
 function filter() {
 	const categories = document.querySelectorAll(".category-wrapper");

public/styles/common/colors.css

@@ -1,4 +0,0 @@
-:root {
-	--bg-color: #333;
-	--text-color: #fff;
-}

public/styles/kh1/drops.css

@@ -1 +0,0 @@
-@import url("../common/drops.css");

public/styles/kh1/synth.css

@@ -1,62 +0,0 @@
-#mats {
-	position: fixed;
-	width: 20%;
-	height: 100%;
-
-	h1 {
-		margin: 0;
-		font-size: 24px;
-		text-align: center;
-	}
-
-	ul {
-		display: flex;
-		flex-direction: column;
-		flex-wrap: wrap;
-		height: 90%;
-		list-style: none;
-		line-height: 2;
-	}
-}
-
-#recipes {
-	display: flex;
-	width: calc(80% - 20px);
-	flex-wrap: wrap;
-	margin: 20px 10px;
-	user-select: none;
-	margin-left: auto;
-	margin-right: 0;
-
-	.recipe-wrapper {
-		cursor: pointer;
-		padding: 10px 20px 10px 10px;
-
-		input[type="checkbox"] {
-			display: none;
-		}
-
-		label {
-			display: inline-block;
-			width: 100%;
-			height: 100%;
-			cursor: pointer;
-		}
-
-		img {
-			vertical-align: middle;
-		}
-
-		&:hover {
-			box-shadow: 0px 0px 20px 0px limegreen;
-			scale: 1.1;
-		}
-
-		&.complete {
-			color: limegreen;
-			> * {
-				text-decoration: line-through;
-			}
-		}
-	}
-}

public/styles/kh2/drops.css

@@ -1 +0,0 @@
-@import url("../common/drops.css");

rustfmt.toml

@@ -1,3 +1,4 @@
+unstable_features = true
 reorder_imports = true
 hard_tabs = true
 control_brace_style = "ClosingNextLine"

src/bbs.rs

@@ -1,13 +1,14 @@
-use std::collections::HashMap;
+use std::{collections::HashMap, sync::OnceLock};
 
 use ability::Ability;
 use askama::Template;
+use blake3::Hash;
 use command::Command;
 use finisher::Finisher;
 use itertools::Itertools;
 use serde::Deserialize;
 
-use crate::{RuntimeModule, create_file};
+use crate::{RuntimeModule, create_file, create_hashes};
 
 mod ability;
 mod command;
@@ -17,6 +18,7 @@ mod melding;
 const ABILITIES_PATH: &str = "./input/bbs/abilities.json";
 const FINISHERS_PATH: &str = "./input/bbs/finish-commands.json";
 const COMMANDS_PATH: &str = "./input/bbs/commands.json";
+static JS_HASH: OnceLock<Hash> = OnceLock::new();
 
 #[derive(Debug, Deserialize, PartialEq, Eq)]
 enum Character {
@@ -69,6 +71,10 @@ impl RuntimeModule for Module {
 		tracing::info!("Generating the BBS melding table template");
 		let melding_template = CommandsTemplate { commands, crystals };
 
-		create_file("./out/bbs", "melding", melding_template).unwrap();
+		create_file("./out/bbs", "melding", melding_template.render().unwrap()).unwrap();
+	}
+
+	fn get_js_hash() -> String {
+		JS_HASH.get_or_init(|| create_hashes("bbs")).to_string()
 	}
 }

src/bbs/melding.rs

@@ -1,6 +1,6 @@
 use serde::Deserialize;
 
-use super::{Character, ability::Ability};
+use super::{ability::Ability, Character};
 
 #[derive(Debug, Deserialize)]
 pub struct CommandRecipe {

src/common/synthesis.rs

@@ -1,5 +1,6 @@
-use std::collections::HashMap;
+use std::collections::{BTreeMap, HashMap};
 
+use itertools::Itertools;
 use serde::Deserialize;
 
 #[derive(Debug, Default, Clone, Deserialize, PartialEq, Eq)]

src/ddd.rs

@@ -1,8 +1,10 @@
 use std::path::PathBuf;
+use std::sync::OnceLock;
 
 use crate::ddd::ability::AbilityType;
-use crate::{RuntimeModule, create_file};
+use crate::{RuntimeModule, create_file, create_hashes};
 use askama::Template;
+use blake3::Hash;
 use board::Board;
 
 mod ability;
@@ -11,6 +13,7 @@ mod board_position;
 mod route;
 
 const ABILITIES_PATH: &str = "./input/ddd/abilities";
+static JS_HASH: OnceLock<Hash> = OnceLock::new();
 
 #[derive(Template)]
 #[template(path = "pages/ddd/boards.html")]
@@ -52,6 +55,10 @@ impl RuntimeModule for Module {
 		tracing::info!("Generating the DDD ability boards template");
 		let boards_template = AbilitiesTemplate { boards };
 
-		create_file("./out/ddd", "boards", boards_template).unwrap();
+		create_file("./out/ddd", "boards", boards_template.render().unwrap()).unwrap();
+	}
+
+	fn get_js_hash() -> String {
+		JS_HASH.get_or_init(|| create_hashes("ddd")).to_string()
 	}
 }

src/kh1.rs

@@ -1,14 +1,18 @@
+use std::sync::OnceLock;
+
 use askama::Template;
+use blake3::Hash;
 use itertools::Itertools;
 
 use crate::{
 	RuntimeModule,
 	common::{Game, enemy::Enemy, materials::MaterialDrops, synthesis::SynthesisData},
-	create_file,
+	create_file, create_hashes,
 };
 
 const ENEMIES_PATH: &str = "./input/kh1/enemies";
 const SYNTHESIS_PATH: &str = "./input/kh1/synthesis.toml";
+static JS_HASH: OnceLock<Hash> = OnceLock::new();
 
 #[derive(Template)]
 #[template(path = "pages/kh1/drops.html")]
@@ -18,12 +22,6 @@ struct DropsTemplate {
 	pub material_kinds: Vec<String>,
 }
 
-#[derive(Template)]
-#[template(path = "pages/kh1/synth.html")]
-struct SynthTemplate {
-	pub data: SynthesisData,
-}
-
 pub struct Module;
 
 impl RuntimeModule for Module {
@@ -40,6 +38,7 @@ impl RuntimeModule for Module {
 
 		tracing::info!("Loading synthesis data from {}", SYNTHESIS_PATH);
 		let synth = SynthesisData::new(SYNTHESIS_PATH);
+		dbg!(synth.total_amounts());
 
 		tracing::info!("Generating the KH1 drops template");
 		let drops_template = DropsTemplate {
@@ -48,11 +47,10 @@ impl RuntimeModule for Module {
 			material_kinds,
 		};
 
-		create_file("./out/kh1", "drops", drops_template).unwrap();
+		create_file("./out/kh1", "drops", drops_template.render().unwrap()).unwrap();
+	}
 
-		tracing::info!("Generating the KH1 synth template");
+	fn get_js_hash() -> String {
-		let synth_template = SynthTemplate { data: synth };
+		JS_HASH.get_or_init(|| create_hashes("kh1")).to_string()
-
-		create_file("./out/kh1", "synth", synth_template).unwrap();
 	}
 }

src/kh2.rs

@@ -1,13 +1,17 @@
+use std::sync::OnceLock;
+
 use askama::Template;
+use blake3::Hash;
 use itertools::Itertools;
 
 use crate::{
 	RuntimeModule,
 	common::{Game, enemy::Enemy, materials::MaterialDrops},
-	create_file,
+	create_file, create_hashes,
 };
 
 const ENEMIES_PATH: &str = "./input/kh2/enemies";
+static JS_HASH: OnceLock<Hash> = OnceLock::new();
 
 #[derive(Template)]
 #[template(path = "pages/kh2/drops.html")]
@@ -38,6 +42,10 @@ impl RuntimeModule for Module {
 			material_kinds,
 		};
 
-		create_file("./out/kh2", "drops", drops_template).unwrap();
+		create_file("./out/kh2", "drops", drops_template.render().unwrap()).unwrap();
+	}
+
+	fn get_js_hash() -> String {
+		JS_HASH.get_or_init(|| create_hashes("kh2")).to_string()
 	}
 }

src/kh3.rs

@@ -1,11 +1,15 @@
+use std::sync::OnceLock;
+
 use askama::Template;
+use blake3::Hash;
 use food::Recipes;
 
-use crate::{RuntimeModule, create_file};
+use crate::{RuntimeModule, create_file, create_hashes};
 
 mod food;
 
 const RECIPES_PATH: &str = "./input/kh3/recipes.toml";
+static JS_HASH: OnceLock<Hash> = OnceLock::new();
 
 #[derive(Template)]
 #[template(path = "pages/kh3/food-sim.html")]
@@ -24,6 +28,10 @@ impl RuntimeModule for Module {
 		tracing::info!("Generating the KH3 recipes template");
 		let food_template = RecipesTemplate { recipes };
 
-		create_file("./out/kh3", "food-sim", food_template).unwrap();
+		create_file("./out/kh3", "food-sim", food_template.render().unwrap()).unwrap();
+	}
+
+	fn get_js_hash() -> String {
+		JS_HASH.get_or_init(|| create_hashes("kh3")).to_string()
 	}
 }

src/main.rs

@@ -1,6 +1,6 @@
 #![allow(dead_code)]
 
-use std::{collections::HashMap, fs, path::PathBuf, sync::LazyLock};
+use std::{fs, path::PathBuf};
 
 use askama::Template;
 use blake3::{Hash, Hasher};
@@ -25,45 +25,11 @@ mod kh3;
 
 pub const VERSION: &str = env!("CARGO_PKG_VERSION");
 pub const ASSETS_FOLDER_PATH: &str = "./public/assets";
-pub const SCRIPTS_FOLDER_PATH: &str = "./public/scripts";
-pub const STYLES_FOLDER_PATH: &str = "./public/styles";
-static FILE_HASHES: LazyLock<HashMap<String, Hash>> = LazyLock::new(|| {
-	let mut map = HashMap::new();
-
-	fn parse_path(path: PathBuf, map: &mut HashMap<String, Hash>) {
-		if let Ok(paths) = fs::read_dir(path) {
-			for path in paths.flatten() {
-				let path = path.path();
-
-				if path.metadata().is_ok_and(|p| p.is_dir()) {
-					parse_path(path, map);
-					continue;
-				}
-
-				let dir = path.parent().unwrap().to_str().unwrap();
-				let path = path.to_str().unwrap();
-				let is_module = path.contains("/common");
-
-				let mut hasher = Hasher::new();
-				hash_file(path.to_string().into(), &mut hasher);
-				if !is_module {
-					hash_files_in_dir(format!("{dir}/common").into(), &mut hasher);
-				}
-
-				let hash = hasher.finalize();
-				map.insert(path.to_string(), hash);
-			}
-		}
-	}
-
-	parse_path(SCRIPTS_FOLDER_PATH.into(), &mut map);
-	parse_path(STYLES_FOLDER_PATH.into(), &mut map);
-
-	map
-});
 
 pub trait RuntimeModule {
 	fn start_module();
+
+	fn get_js_hash() -> String;
 }
 
 #[derive(Template)]
@@ -106,14 +72,15 @@ fn start_module<M: RuntimeModule>() {
 	M::start_module();
 }
 
-fn find_hash(file: &str) -> String {
+fn create_hashes(module: &str) -> Hash {
-	let map = &*FILE_HASHES;
+	let mut hasher = Hasher::new();
-	let hash = map.get(&format!(".{file}"));
+	hash_file(format!("./public/scripts/{module}.js").into(), &mut hasher);
-	if let Some(hash) = hash {
+	hash_files_in_dir("./public/scripts/modules/common".into(), &mut hasher);
-		return format!("{file}?hash={hash}");
+	hash_files_in_dir(
-	}
+		format!("./public/scripts/modules/{module}").into(),
-
+		&mut hasher,
-	file.to_string()
+	);
+	hasher.finalize()
 }
 
 fn hash_files_in_dir(path: PathBuf, hasher: &mut Hasher) {
@@ -136,8 +103,8 @@ fn hash_file(path: PathBuf, hasher: &mut Hasher) {
 	}
 }
 
-fn create_file(dir: &str, file: &str, buf: impl Template) -> std::io::Result<()> {
+fn create_file(dir: &str, file: &str, buf: String) -> std::io::Result<()> {
 	std::fs::create_dir_all(dir)?;
-	std::fs::write(format!("{}/{}.html", dir, file), buf.render().unwrap())?;
+	std::fs::write(format!("{}/{}.html", dir, file), buf)?;
 	Ok(())
 }

templates/components/core/style.css

@@ -1,10 +1,8 @@
-@import url("./colors.css");
-
 body {
 	position: relative;
 	min-height: 98vh;
-	background-color: var(--bg-color);
+	background-color: #333;
-	color: var(--text-color);
+	color: #fff;
 }
 
 footer {

templates/layouts/base.html

@@ -3,7 +3,7 @@
 	<head>
 		<title>{% block title %}{% endblock %}</title>
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/common/base.css") }}"></link>
+		<style>{% include "components/core/style.css"%} </style>
 
 		{% block head %}{% endblock %}
 	</head>

templates/pages/bbs/melding.html

@@ -3,11 +3,8 @@
 {% block title %}BBS - Command Melding{% endblock %}
 
 {% block head %}
-	<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/bbs/melding.css") }}"></link>
+	<style> {% include "components/bbs/style.css" %}</style>
-	<script
+	<script type="module" src="/public/scripts/bbs.js?v={{Module::get_js_hash()}}"></script>
-		type="module"
-		src="{{ crate::find_hash("/public/scripts/bbs/melding.js") }}"
-	></script>
 {% endblock %}
 
 {% block content %}

templates/pages/ddd/boards.html

@@ -3,7 +3,7 @@
 {% block title %}DDD - Spirit Boards{% endblock %}
 
 {% block head %}
-	<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/ddd/boards.css") }}"></link>
+	<style>{% include "components/ddd/style.css" %}</style>
 {% endblock %}
 
 {% block content %}

templates/pages/index.html

@@ -38,7 +38,6 @@
 		<h1>Kingdom Hearts I</h1>
 		<ul>
 			<li><a href="./kh1/drops.html">Material Drops</a></li>
-			<li><a href="./kh1/synth.html">Synthesis</a></li>
 		</ul>
 	{% endif %}
 {% endblock %}

templates/pages/kh1/drops.html

@@ -4,11 +4,8 @@
 {% block title %}KH1 - Drops{% endblock %}
 
 {% block head %}
-	<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/kh1/drops.css") }}"></link>
+	<style>{% include "components/kh2/style.css" %}</style>
-	<script
+	<script type="module" src="/public/scripts/kh1.js?v={{Module::get_js_hash()}}"></script>
-		type="module"
-		src="{{ crate::find_hash("/public/scripts/kh1/drops.js") }}"
-	></script>
 {% endblock %}
 
 {% block content %}

templates/pages/kh1/synth.html

@@ -1,45 +0,0 @@
-{% extends "layouts/base.html" %}
-{% import "macros/common/macros.html" as macros %}
-
-{% block title %}KH1 - Sythensis{% endblock %}
-
-{% block head %}
-	<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/kh1/synth.css") }}"></link>
-	<script
-		type="module"
-		src="{{ crate::find_hash("/public/scripts/kh1/synth.js") }}"
-	></script>
-{% endblock %}
-
-{% block content %}
-	<div id="mats"></div>
-	<div id="recipes">
-		{% for recipe in data.recipes %}
-			<div class="recipe-wrapper">
-				<input
-					type="checkbox"
-					id="recipe-{{ loop.index }}"
-					name="recipe-{{ loop.index }}"
-					class="recipe"
-				/>
-				<label for="recipe-{{ loop.index }}">
-					<img
-						src="../public/assets/materials/generic.webp"
-						width="16"
-						height="16"
-					/>{{ recipe.result }}
-					<ul>
-						{% for item in recipe.items %}
-							<li
-								data-synth-item-name="{{ item.name }}"
-								data-synth-item-amount="{{ item.amount }}"
-							>
-								{{ item.name +}} x{{ item.amount }}
-							</li>
-						{% endfor %}
-					</ul>
-				</label>
-			</div>
-		{% endfor %}
-	</div>
-{% endblock %}

templates/pages/kh2/drops.html

@@ -4,11 +4,8 @@
 {% block title %}KH2 - Drops{% endblock %}
 
 {% block head %}
-	<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/kh2/drops.css") }}"></link>
+	<style>{% include "components/kh2/style.css" %}</style>
-	<script
+	<script type="module" src="/public/scripts/kh2.js?v={{Module::get_js_hash()}}"></script>
-		type="module"
-		src="{{ crate::find_hash("/public/scripts/kh2/drops.js") }}"
-	></script>
 {% endblock %}
 
 {% block content %}

templates/pages/kh3/food-sim.html

@@ -3,11 +3,8 @@
 {% block title %}KH3 - Food Simulator{% endblock %}
 
 {% block head %}
-	<link rel="stylesheet" href="{{ crate::find_hash("/public/styles/kh3/food-sim.css") }}"></link>
+	<style>{% include "components/kh3/style.css" %}</style>
-	<script
+	<script type="module" src="/public/scripts/kh3.js?v={{Module::get_js_hash()}}"></script>
-		type="module"
-		src="{{ crate::find_hash("/public/scripts/kh3/food-sim.js") }}"
-	></script>
 {% endblock %}
 
 {% block content %}