implement export settings

Author: everloste

index.html

@@ -58,11 +58,11 @@
 					<div class="collapsible-content list">
 						<div class="simple-widget">
 							<label>Archive compression level</label>
-							<input type="range" />
+							<input type="range" id="setting-archive-compression-level" min="0" max="9" step="1"/>
 						</div>
 						<div class="simple-widget">
 							<label>Export modified files only (developer)</label>
-							<input type="checkbox" />
+							<input type="checkbox" id="setting-export-modified-only"/>
 						</div>
 					</div>
 				</div>

src/datapack_changes.ts

@@ -1,5 +1,6 @@
 import JSZip from "jszip";
 import type { Datapack } from "./datapack";
+import type { ExportSettings } from "./types/settings";
 
 interface DatapackChange {
 	datapack: Datapack;
@@ -64,7 +65,7 @@ export class DatapackModifier {
 		}
 	}
 
-	public async applyChanges(datapacks: ReadonlyArray<Datapack>) {
+	public async applyChanges(datapacks: ReadonlyArray<Datapack>, export_settings: ExportSettings) {
 		console.time("Applying changes to packs...");
 
 		// Apply changes to files
@@ -80,8 +81,13 @@ export class DatapackModifier {
 				const pack_id = file_path.split(":")[0];
 
 				if (!(pack_id in packs)) {
-					const dpZip = datapacks.find((dp) => dp.id === pack_id)?.zip;
-					packs[pack_id] = dpZip!;
+					if (export_settings.modifiedOnly) {
+						packs[pack_id] = new JSZip();
+					}
+					else {
+						const dpZip = datapacks.find((dp) => dp.id === pack_id)?.zip;
+						packs[pack_id] = dpZip!;
+					}
 				}
 
 				packs[pack_id].file(file_path.split(":")[1], this.changeCache[file_path]);
@@ -92,13 +98,19 @@ export class DatapackModifier {
 		for (const pack in packs) {
 			if (Object.prototype.hasOwnProperty.call(packs, pack)) {
 				const zip = packs[pack];
-				await this.saveFile(zip);
+				await this.saveFile(zip, export_settings);
 			}
 		}
 	}
 
-	public async saveFile(zip: JSZip) {
-		await zip.generateAsync({type:"blob"}).then((content) => {
+	public async saveFile(zip: JSZip, export_settings: ExportSettings) {
+		await zip.generateAsync({
+			type: "blob",
+			compression: export_settings.compressionLevel == 0 ? "STORE" : "DEFLATE",
+			compressionOptions: {
+				level: export_settings.compressionLevel
+			}
+		}).then((content) => {
 			var link = document.createElement("a"), url = URL.createObjectURL(content);
 			link.href = url; link.download = `modified datapack test.zip`;
 			document.body.appendChild(link);

src/main.ts

@@ -1,6 +1,7 @@
 import { type Datapack, loadDatapack } from "./datapack";
 import { DatapackModifierInstance } from "./datapack_changes";
 import { type DatapackStoreEvents, datapackStore } from "./datapackStore";
+import { getExportSettings } from "./page_interactions/settings";
 import { getStructureSets } from "./structureSet";
 
 const fileUploadElement = document.getElementById("input")!;
@@ -96,21 +97,10 @@ function sanitizeHtml(unsafe: string): string {
 	return div.innerHTML;
 }
 
-const exportButtonElement = document.getElementById("export-button")!;
-exportButtonElement.addEventListener("click", exportButtonClicked, { passive: true });
-
-function exportButtonClicked() {
-	console.log("Export button clicked");
-
-	datapackStore.getAll().forEach((datapack) => {
-		datapack.instancedConfig?.apply();
-	});
-
-	DatapackModifierInstance.applyChanges(datapackStore.getAll());
-}
-
 
+////////// EXPORT SETTINGS //////////
 const collapsibles = document.getElementsByClassName("collapsible-button");
+
 for (const collapsible of collapsibles) {
 	(collapsible as HTMLButtonElement).addEventListener("click", () => {
 		collapsible.classList.toggle("toggled");
@@ -121,4 +111,20 @@ for (const collapsible of collapsibles) {
 			else (content as HTMLDivElement).style.display = "block";
 		}
 	});
+}
+
+////////// EXPORT BUTTON //////////
+const exportButtonElement = document.getElementById("export-button")!;
+exportButtonElement.addEventListener("click", exportButtonClicked, { passive: true });
+
+function exportButtonClicked() {
+	console.log("Export button clicked");
+
+	const export_settings = getExportSettings();
+
+	datapackStore.getAll().forEach((datapack) => {
+		datapack.instancedConfig?.apply();
+	});
+
+	DatapackModifierInstance.applyChanges(datapackStore.getAll(), export_settings);
 }

src/page_interactions/settings.ts

@@ -0,0 +1,15 @@
+import type { CompressionLevel, ExportSettings } from "../types/settings";
+
+export function getExportSettings(): ExportSettings {
+	let element = document.getElementById("setting-archive-compression-level") as HTMLInputElement;
+	const archive_compression_level: number = element.valueAsNumber;
+	if (Number.isNaN(archive_compression_level)) {throw new Error("Archive compression level setting is NaN")};
+
+	element = document.getElementById("setting-export-modified-only") as HTMLInputElement;
+	const export_modified_only: boolean = element.checked;
+
+	return {
+		compressionLevel: archive_compression_level as CompressionLevel,
+		modifiedOnly: export_modified_only
+	};
+}

src/types/settings.ts

@@ -0,0 +1,6 @@
+export type ExportSettings = {
+	compressionLevel: CompressionLevel;
+	modifiedOnly: boolean;
+}
+
+export type CompressionLevel = 0|1|2|3|4|5|6|7|8|9;