Character Viewer Updates

game/03-JavaScript/UI.js

@@ -590,3 +590,34 @@ function elementExists(selector) {
 	return document.querySelector(selector) !== null;
 }
 window.elementExists = elementExists;
+
+window.getCharacterViewerDate = () => {
+	const textArea = document.getElementById('characterViewerDataInput');
+	textArea.value = JSON.stringify(V.characterViewer);
+}
+
+window.loadCharacterViewerDate = () => {
+	const textArea = document.getElementById('characterViewerDataInput');
+	let data;
+	try{
+		data = JSON.parse(textArea.value);
+	}catch(e){
+		textArea.value = "Invalid JSON";
+	}
+	let original = clone(V.characterViewer);
+
+	if(typeof data === 'object' && !Array.isArray(data) && data !== null){
+		V.characterViewer = {
+			...original,
+			...data.clothesEquipped,
+			...data.clothesIntegrity,
+			...data.bodyState,
+			...data.colours,
+			...data.skinColour,
+			...data.controls,
+		}
+		State.display(V.passage);
+	} else {
+		textArea.value = "Invalid Import";
+	}
+}
\ No newline at end of file

game/base-clothing/clothing-genitals.twee

@@ -160,8 +160,8 @@
 	accIcon: 0
 },
 	{index: 4,
-	name: "chastity belt",
-	name_cap: "Chastity belt",
+	name: "fetish chastity belt",
+	name_cap: "Fetish Chastity belt",
 	variable: "chastitybeltfetish",
 	integrity: 1500,
 	integrity_max: 1500,
@@ -202,8 +202,8 @@
 	accIcon: 0
 },
 	{index: 5,
-	name: "chastity cage",
-	name_cap: "Chastity cage",
+	name: "fetish chastity cage",
+	name_cap: "Fetish Chastity cage",
 	variable: "chastitycagefetish",
 	integrity: 1500,
 	integrity_max: 1500,

modules/css/debug.css

 .debug-images {
 	width: 120px;
-	height: 256px;
+	height: 240px;
 	overflow: hidden;
 	border: solid 1px var(--200);
 	background-color: var(--850);
@@ -9,17 +9,22 @@
 .debug-images > * {
 	position: absolute;
 	left: -57px;
-	height: 256px;
+	height: 240px;
 	overflow: hidden;
 }
 
 .debug-hideImageOverflow {
 	position: relative;
 	width: 120px;
-	height: 256px;
+	height: 240px;
 	overflow: hidden;
 }
 
+.debug-hideImageOverflow canvas{
+	position: absolute;
+	left: -50px;
+}
+
 .left {
 	float: left;
 }