From 010577454f0bce059a0bfd16bafd632f70791894 Mon Sep 17 00:00:00 2001
From: Kractero <kractero@sideroca.com>
Date: Sun, 1 Oct 2023 20:52:40 -0700
Subject: [PATCH] add a central configuration spot and load from it

---
 src/component/Header.svelte                 |  53 ++++-
 src/component/Modal.svelte                  |  97 +++++++++
 src/routes/tools/containerise/+page.svelte  |  85 +++++---
 src/routes/tools/goldretriever/+page.svelte | 210 ++++++++++---------
 src/routes/tools/gotissues/+page.svelte     | 221 +++++++++++---------
 src/routes/tools/junkdajunk/+page.svelte    | 211 +++++++++++++------
 src/routes/tools/login/+page.svelte         |  62 +++---
 src/routes/tools/ping/+page.svelte          | 106 +++++-----
 src/routes/tools/whereswa/+page.svelte      |  88 ++++----
 9 files changed, 720 insertions(+), 413 deletions(-)
 create mode 100644 src/component/Modal.svelte

diff --git a/src/component/Header.svelte b/src/component/Header.svelte
index 9dbfdaa..d2c80d9 100644
--- a/src/component/Header.svelte
+++ b/src/component/Header.svelte
@@ -1,7 +1,46 @@
-<header class="flex justify-between w-full mb-32">
-    <a href="/"><h2>NSStation</h2></a>
-    <div class="flex gap-4">
-        <a href="/cards">Cards</a>
-        <a href="/puppets">Puppets</a>
-    </div>
-</header>
\ No newline at end of file
+<script lang="ts">
+	import Modal from './Modal.svelte';
+
+	let modal: HTMLDivElement;
+</script>
+
+<header class="flex justify-between w-full mb-32 mt-3">
+	<a href="/" class="flex items-center">
+		<img src="/Train.png" alt="Train" />
+		<h2 class="text-2xl font-bold tracking-tight ml-2">Kominkan</h2>
+	</a>
+	<div class="flex gap-4">
+		<a href="https://discord.gg/yn5a4p9" target="_blank" rel="noreferrer noopener">
+			<img src="/Discord.png" alt="discord" />
+		</a>
+		<a href="https://github.com/Kractero" target="_blank" rel="noreferrer noopener">
+			<img src="/Github.png" alt="Github" />
+		</a>
+		<button
+			on:click={() => {
+				modal.classList.remove('hidden');
+			}}
+		>
+			<img src="/Settings.png" alt="Settings" />
+		</button>
+	</div>
+</header>
+<div
+	role="button"
+	tabindex="0"
+	aria-label="Modal overlay and closer"
+	on:keypress={(e) => {
+		if (e.currentTarget === e.target) {
+			modal.classList.add('hidden');
+		}
+	}}
+	on:click={(e) => {
+		if (e.currentTarget === e.target) {
+			modal.classList.add('hidden');
+		}
+	}}
+	bind:this={modal}
+	class="hidden bg-[#000000e1] fixed w-screen h-screen inset-0"
+>
+	<Modal />
+</div>
diff --git a/src/component/Modal.svelte b/src/component/Modal.svelte
new file mode 100644
index 0000000..8d953f1
--- /dev/null
+++ b/src/component/Modal.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+
+	let puppets = '';
+	let main = '';
+	let top = '100';
+	let days = '30';
+	let password = '';
+
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+		top = localStorage.getItem('stationTop') || '';
+		days = localStorage.getItem('stationDays') || '';
+		password = localStorage.getItem('stationPassword') || '';
+	});
+
+	async function setConfig(
+		main: string,
+		puppets: string,
+		password: string,
+		top: string,
+		days: string
+	) {
+		localStorage.setItem('stationMain', main);
+		localStorage.setItem('stationPuppets', puppets);
+		localStorage.setItem('stationPassword', password);
+		localStorage.setItem('stationROCTop', String(top));
+		localStorage.setItem('stationROCDays', String(days));
+		location.reload();
+	}
+</script>
+
+<div class="bg-background p-8 fixed top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2">
+	<h1 class="text-4xl mb-2 text-center">Configure Default Inputs</h1>
+	<p class="mb-16 text-center">Generate links to help you quickly log back into containers.</p>
+
+	<div class=" w-max flex flex-col justify-center lg:flex-row gap-8">
+		<form
+			on:submit={() => setConfig(main, puppets, password, top, days)}
+			class="flex flex-col gap-8"
+		>
+			<div class="flex gap-4 justify-between max-w-lg">
+				<label class="w-24" for="main">User Agent</label>
+				<input
+					id="main"
+					bind:value={main}
+					class="text-right text-black p-1 max-w-xs rounded-md border border-black dark:border-none"
+				/>
+			</div>
+			<div class="flex gap-4 justify-between max-w-lg">
+				<label class="w-24" for="pup">Puppets</label>
+				<textarea
+					id="pup"
+					rows="10"
+					bind:value={puppets}
+					class="text-right text-black p-1 w-96 rounded-md border border-black dark:border-none"
+				/>
+			</div>
+			<div class="flex gap-4 justify-between max-w-lg">
+				<label class="w-24" for="main">Password</label>
+				<input
+					id="pass"
+					bind:value={password}
+					title={puppets.includes(',')
+						? 'A comma is detected in the puppet list, assuming that format.'
+						: ''}
+					class="text-right text-black p-1 max-w-xs rounded-md border border-black dark:border-none disabled:opacity-25"
+				/>
+			</div>
+			<div class="flex gap-4 justify-between max-w-lg">
+				<label class="w-24" for="main">Top {top}</label>
+				<input
+					id="main"
+					bind:value={top}
+					class="text-right text-black p-1 max-w-xs rounded-md border border-black dark:border-none"
+				/>
+			</div>
+			<div class="flex gap-4 justify-between max-w-lg">
+				<label class="w-24" for="main">Over {days} Days</label>
+				<input
+					id="main"
+					bind:value={days}
+					class="text-right text-black p-1 max-w-xs rounded-md border border-black dark:border-none"
+				/>
+			</div>
+			<div class="max-w-lg flex justify-center">
+				<button
+					type="submit"
+					class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500"
+				>
+					Save
+				</button>
+			</div>
+		</form>
+	</div>
+</div>
diff --git a/src/routes/tools/containerise/+page.svelte b/src/routes/tools/containerise/+page.svelte
index 0f0f4ff..b6ca794 100644
--- a/src/routes/tools/containerise/+page.svelte
+++ b/src/routes/tools/containerise/+page.svelte
@@ -1,44 +1,65 @@
 <script lang="ts">
-	import { handleDownload } from "$lib/download";
-	import { nsIterator } from "$lib/txtIterator";
-    let progress: Array<string> = [];
-    let puppets = "";
-    let content: Array<string>;
-    
-    async function containerise(puppets: string) {
-        content = await nsIterator(puppets, "Container Rules") as Array<string>
-        progress = [...progress, `Finished processing`];
-        handleDownload("txt", content, "");
-    }
+	import { handleDownload } from '$lib/download';
+	import { nsIterator } from '$lib/txtIterator';
+	import { onMount } from 'svelte';
+	let progress: Array<string> = [];
+	let puppets = '';
+	let content: Array<string>;
+
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+	});
+
+	async function containerise(puppets: string) {
+		content = (await nsIterator(puppets, 'Container Rules')) as Array<string>;
+		progress = [...progress, `Finished processing`];
+		handleDownload('txt', content, '');
+	}
 </script>
 
 <h1 class="text-4xl mb-2">Containerise Rules</h1>
 <p class="mb-2">Generate containerise rules.</p>
-<p class="mb-16 text-xs">SHILL: This is unnecessary if you use my 
-    <a class="underline" href="https://addons.mozilla.org/en-US/firefox/addon/cardtainers/" rel="noreferrer noopener" target="_blank">
-        Cardtainers
-    </a> 
-    add-on, which will automatically create rules that match nations, whether you prefer container or nation.
+<p class="mb-16 text-xs">
+	SHILL: This is unnecessary if you use my
+	<a
+		class="underline"
+		href="https://addons.mozilla.org/en-US/firefox/addon/cardtainers/"
+		rel="noreferrer noopener"
+		target="_blank"
+	>
+		Cardtainers
+	</a>
+	add-on, which will automatically create rules that match nations, whether you prefer container or nation.
 </p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={() => containerise(puppets)} class="flex flex-col gap-8">
-        <div class="flex gap-4 justify-between max-w-lg">
-            <label class="w-24" for="pup">Puppets</label>
-            <textarea required id="pup" rows="10" bind:value={puppets} class="text-black p-1 w-96 rounded-md border border-black dark:border-none" />
-        </div>
-        <div class="max-w-lg flex justify-center">
-            <button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
-                Start
-            </button>
-        </div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form on:submit|preventDefault={() => containerise(puppets)} class="flex flex-col gap-8">
+		<div class="flex gap-4 justify-between max-w-lg">
+			<label class="w-24" for="pup">Puppets</label>
+			<textarea
+				required
+				id="pup"
+				rows="10"
+				bind:value={puppets}
+				class="text-black p-1 w-96 rounded-md border border-black dark:border-none"
+			/>
+		</div>
+		<div class="max-w-lg flex justify-center">
+			<button
+				type="submit"
+				class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500"
+			>
+				Start
+			</button>
+		</div>
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
         {#if content && content[0]}
-            <p>NATION RULES</p>
+			<p>NATION RULES</p>
             <p>{content[0]}</p>
             <p>CONTAINER RULES</p>
             <p>{content[1]}</p>
-        {/if}
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/routes/tools/goldretriever/+page.svelte b/src/routes/tools/goldretriever/+page.svelte
index b7ed7f7..01034b2 100644
--- a/src/routes/tools/goldretriever/+page.svelte
+++ b/src/routes/tools/goldretriever/+page.svelte
@@ -1,108 +1,124 @@
 <script lang="ts">
-	import { handleDownload } from "$lib/download";
-	import { htmlContent } from "$lib/htmlContent";
-	import { onDestroy } from "svelte";
-	import InputCredentials from "../../../component/InputCredentials.svelte";
-	import { parser, sleep } from "../../../globals";
-	import { sort } from "$lib/sortFunctionString";
-	import { style } from "$lib/sortFunctionString";
-    const abortController = new AbortController();
-    let progress: Array<string> = [];
-    let main = "";
-    let puppets = "";
-    let password = "";
-    
-    onDestroy(() => abortController.abort())
+	import { handleDownload } from '$lib/download';
+	import { htmlContent } from '$lib/htmlContent';
+	import { onDestroy, onMount } from 'svelte';
+	import InputCredentials from '../../../component/InputCredentials.svelte';
+	import { parser, sleep } from '../../../globals';
+	import { sort } from '$lib/sortFunctionString';
+	import { style } from '$lib/sortFunctionString';
+	const abortController = new AbortController();
+	let progress: Array<string> = [];
+	let main = '';
+	let puppets = '';
+	let password = '';
 
-    async function goldRetriever(main: string, puppets: string, password?: string) {
-        let userAgent = `${main} Gotissues Written by 9003, Email NSWA9002@gmail.com,discord: 9003, NSNation 9003`;
-        let puppetList = puppets.split("\n");
-        let content = `<tr><th>Nation</th><th class='sort' data-order='none'>Bank</th><th class='sort' data-order='none'>Deck Value</th><th class='sort' data-order='none'>Junk Value</th><th class='sort' data-order='none'>Card Count</th></tr>\n`
-        for (let i = 0; i < puppetList.length; i++) {
-            let nation = puppetList[i];
-            if (!password) {
-                nation = puppetList[i].split(",")[0];
-                password = puppetList[i].split(",")[1];
-            }
-            if (abortController.signal.aborted) {
-                break;
-            }
-            const nation_formatted = nation.toLowerCase().replaceAll(" ", "_");
-            try {
-                await sleep(700);
-                progress = [...progress, `Processing ${nation} ${i + 1}/${puppetList.length}`];
-                const response = await fetch(
-                    "https://www.nationstates.net/cgi-bin/api.cgi/?nationname=" +
-                    nation +
-                    "&q=cards+deck+info",
-                    {
-                        method: "GET",
-                        headers: {
-                            "User-Agent": userAgent
-                            // "X-Password": password ? password.replace(" ", "_") : "",
-                        },
-                    }
-                );
-                const xml = await response.text();
-                const xmlObj = parser.parse(xml);
-                const deck = {
-                    "nation": nation,
-                    "bank": 0,
-                    "deckValue": 0,
-                    "junkValue": 0,
-                    "cardCount": 0
-                }
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+		// password = localStorage.getItem("stationPassword") || ""
+	});
 
-                const categoryCounts: {[key: string]: number} = {};
-                if (xmlObj.CARDS.DECK.CARD) {
-                    const deckObj = xmlObj.CARDS.DECK.CARD;
-                    for (let i = 0; i < deckObj.length; i++) {
-                        const category = deckObj[i].CATEGORY;
-                        if (categoryCounts[category]) {
-                            categoryCounts[category] += 1;
-                        } else {
-                            categoryCounts[category] = 1;
-                        }
-                    }
-                    deck.junkValue =
-                        (categoryCounts.legendary || 0) * 1 +
-                        (categoryCounts.epic || 0) * 0.5 +
-                        (categoryCounts.common || 0) * 0.01 +
-                        (categoryCounts.uncommon || 0) * 0.05 +
-                        (categoryCounts['ultra-rare'] || 0) * 0.2;
+	onDestroy(() => abortController.abort());
 
-                    deck.bank = xmlObj.CARDS.INFO.BANK
-                    deck.deckValue = xmlObj.CARDS.INFO.DECK_VALUE
-                    deck.cardCount = xmlObj.CARDS.INFO.NUM_CARDS
-                }
-                console.log(deck)
-                content += `<tr><td><a target='_blank' href='https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}'>${deck.nation}</a></td><td><a target='_blank' href='https://www.nationstates.net/page=deck/container=${nation_formatted}/nation=${nation_formatted}/value_deck=1'>${deck.bank}</a></td><td><a target='_blank' href='https://www.nationstates.net/page=deck/container=${nation_formatted}/nation=${nation_formatted}/value_deck=1'>${deck.deckValue}</a></td><td><a target='_blank' href='https://www.nationstates.net/page=deck/container=${nation_formatted}/nation={container_url}'>${deck.junkValue}</a></td><td><a target='_blank' href='https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}'>${deck.cardCount}</a></td></tr>\n`
-            } catch (err) {
-                progress = [...progress, `Error processing ${nation} with ${err}`];
-            }
-        }
-        progress = [...progress, `Finished processing`];
-        handleDownload("html", htmlContent(content, style, sort), "gotIssues");
-    }
+	async function goldRetriever(main: string, puppets: string, password?: string) {
+		let userAgent = `${main} Gotissues Written by 9003, Email NSWA9002@gmail.com,discord: 9003, NSNation 9003`;
+		let puppetList = puppets.split('\n');
+		let content = `<tr><th>Nation</th><th class='sort' data-order='none'>Bank</th><th class='sort' data-order='none'>Deck Value</th><th class='sort' data-order='none'>Junk Value</th><th class='sort' data-order='none'>Card Count</th></tr>\n`;
+		for (let i = 0; i < puppetList.length; i++) {
+			let nation = puppetList[i];
+			if (!password) {
+				nation = puppetList[i].split(',')[0];
+				password = puppetList[i].split(',')[1];
+			}
+			if (abortController.signal.aborted) {
+				break;
+			}
+			const nation_formatted = nation.toLowerCase().replaceAll(' ', '_');
+			try {
+				await sleep(700);
+				progress = [...progress, `Processing ${nation} ${i + 1}/${puppetList.length}`];
+				const response = await fetch(
+					'https://www.nationstates.net/cgi-bin/api.cgi/?nationname=' +
+						nation +
+						'&q=cards+deck+info',
+					{
+						method: 'GET',
+						headers: {
+							'User-Agent': userAgent
+							// "X-Password": password ? password.replace(" ", "_") : "",
+						}
+					}
+				);
+				const xml = await response.text();
+				const xmlObj = parser.parse(xml);
+				const deck = {
+					nation: nation,
+					bank: 0,
+					deckValue: 0,
+					junkValue: 0,
+					cardCount: 0
+				};
+
+				const categoryCounts: { [key: string]: number } = {};
+				if (xmlObj.CARDS.DECK.CARD) {
+					const deckObj = xmlObj.CARDS.DECK.CARD;
+					for (let i = 0; i < deckObj.length; i++) {
+						const category = deckObj[i].CATEGORY;
+						if (categoryCounts[category]) {
+							categoryCounts[category] += 1;
+						} else {
+							categoryCounts[category] = 1;
+						}
+					}
+					deck.junkValue =
+						(categoryCounts.legendary || 0) * 1 +
+						(categoryCounts.epic || 0) * 0.5 +
+						(categoryCounts.common || 0) * 0.01 +
+						(categoryCounts.uncommon || 0) * 0.05 +
+						(categoryCounts['ultra-rare'] || 0) * 0.2;
+
+					deck.bank = xmlObj.CARDS.INFO.BANK;
+					deck.deckValue = xmlObj.CARDS.INFO.DECK_VALUE;
+					deck.cardCount = xmlObj.CARDS.INFO.NUM_CARDS;
+				}
+				content += `<tr><td><a target='_blank' href='https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}'>${deck.nation}</a></td><td><a target='_blank' href='https://www.nationstates.net/page=deck/container=${nation_formatted}/nation=${nation_formatted}/value_deck=1'>${deck.bank}</a></td><td><a target='_blank' href='https://www.nationstates.net/page=deck/container=${nation_formatted}/nation=${nation_formatted}/value_deck=1'>${deck.deckValue}</a></td><td><a target='_blank' href='https://www.nationstates.net/page=deck/container=${nation_formatted}/nation={container_url}'>${deck.junkValue}</a></td><td><a target='_blank' href='https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}'>${deck.cardCount}</a></td></tr>\n`;
+			} catch (err) {
+				progress = [...progress, `Error processing ${nation} with ${err}`];
+			}
+		}
+		progress = [...progress, `Finished processing`];
+		handleDownload('html', htmlContent(content, style, sort), 'Gold Retriever');
+	}
 </script>
 
 <h1 class="text-4xl mb-2">Gold Retriever</h1>
+<p class="text-xs mb-4">
+	Original by ValentineZ (python in Google Colab), rewritten by Racoda in TypeScript, rewritten also
+	in JavaScript by Kractero
+</p>
 <p class="mb-16">Get deck value, junk value, and more of all your puppets.</p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={() => goldRetriever(main, puppets, password)} class="flex flex-col gap-8">
-        <InputCredentials bind:main={main} bind:puppets={puppets} bind:password={password} authenticated={false} />
-        <div class="max-w-lg flex justify-center">
-            <button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
-                Start
-            </button>
-        </div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form
+		on:submit|preventDefault={() => goldRetriever(main, puppets, password)}
+		class="flex flex-col gap-8"
+	>
+		<InputCredentials bind:main bind:puppets bind:password authenticated={false} />
+		<div class="max-w-lg flex justify-center">
+			<button
+				type="submit"
+				class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500"
+			>
+				Start
+			</button>
+		</div>
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
         {#if progress && progress[0]}
-            {#each progress as update}
-                <p>{update}</p>
-            {/each}
-        {/if}
+			{#each progress as update}
+				<p>{update}</p>
+			{/each}
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/routes/tools/gotissues/+page.svelte b/src/routes/tools/gotissues/+page.svelte
index 5433b24..6dfde1f 100644
--- a/src/routes/tools/gotissues/+page.svelte
+++ b/src/routes/tools/gotissues/+page.svelte
@@ -1,104 +1,137 @@
 <script lang="ts">
-	import { handleDownload } from "$lib/download";
-	import { htmlContent } from "$lib/htmlContent";
-	import { onDestroy } from "svelte";
-	import InputCredentials from "../../../component/InputCredentials.svelte";
-	import { parser, sleep } from "../../../globals";
-    const abortController = new AbortController();
-    let progress: Array<string> = [];
-    let main = "";
-    let puppets = "";
-    let password = "";
-    let openNewLinkArr: Array<string> = [];
+	import { handleDownload } from '$lib/download';
+	import { htmlContent } from '$lib/htmlContent';
+	import { onDestroy, onMount } from 'svelte';
+	import InputCredentials from '../../../component/InputCredentials.svelte';
+	import { parser, sleep } from '../../../globals';
+	const abortController = new AbortController();
+	let progress: Array<string> = [];
+	let main = '';
+	let puppets = '';
+	let password = '';
+	let openNewLinkArr: Array<string> = [];
 	let counter = 0;
-    onDestroy(() => abortController.abort())
 
-    async function gotIssues(main: string, puppets: string, password?: string) {
-        let userAgent = `${main} Gotissues Written by 9003, Email NSWA9002@gmail.com,discord: 9003, NSNation 9003`;
-        let puppetList = puppets.split("\n");
-        let issuesCount = 0;
-        let packsCount = 0;
-        let issuesContent = ""
-        let packContent = ""
-        const interimPacks = []
-        for (let i = 0; i < puppetList.length; i++) {
-            let nation = puppetList[i];
-            if (!password) {
-                nation = puppetList[i].split(",")[0];
-                password = puppetList[i].split(",")[1];
-            }
-            if (abortController.signal.aborted) {
-                break;
-            }
-            const nation_formatted = nation.toLowerCase().replaceAll(" ", "_");
-            try {
-                await sleep(700);
-                progress = [...progress, `Processing ${nation} ${i + 1}/${puppetList.length}`];
-                const response = await fetch(
-                    "https://www.nationstates.net/cgi-bin/api.cgi/?nation=" +
-                    nation +
-                    "&q=issues+packs",
-                    {
-                        method: "GET",
-                        headers: {
-                            "User-Agent": userAgent,
-                            "X-Password": password.replace(" ", "_"),
-                        },
-                    }
-                );
-                const xml = await response.text();
-                const xmlObj = parser.parse(xml);
-                const issueIds = (xmlObj.NATION.ISSUES.ISSUE as Array<{[key: string]: string}>).map(issue => issue["@_id"]);
-                const packs = xmlObj.NATION.PACKS;
-                issueIds.forEach((issue) => {
-                    openNewLinkArr = [...openNewLinkArr, `https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}/page=show_dilemma/dilemma=${issue}/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/`]
-                    issuesContent += `<tr><td><p>${issuesCount+1}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}/page=show_dilemma/dilemma=${issue}/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/">Link to Issue</a></p></td></tr>\n`
-                    issuesCount++
-                });
-                if (packs) {
-                    for (let i = 0; i < parseInt(packs); i++) {
-                        interimPacks.push(`https://www.nationstates.net/page=deck/nation=${nation_formatted}/container=${nation_formatted}/?open_loot_box=1/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1`)
-                        packContent += `<tr><td><p>${packsCount+1}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/page=deck/nation=${nation_formatted}/container=${nation_formatted}/?open_loot_box=1/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1">Link to Pack</a></p></td></tr>\n`
-                        packsCount++
-                    }
-                }
-            } catch (err) {
-                progress = [...progress, `Error processing ${nation} with ${err}`];
-            }
-        }
-        openNewLinkArr = [...openNewLinkArr, ...interimPacks]
-        issuesContent = issuesContent += packContent
-        progress = [...progress, `Finished processing`];
-        handleDownload("html", htmlContent(issuesContent), "gotIssues");
-    }
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+		password = localStorage.getItem('stationPassword') || '';
+	});
+	onDestroy(() => abortController.abort());
+
+	async function gotIssues(main: string, puppets: string, password?: string) {
+		let userAgent = `${main} Gotissues Written by 9003, Email NSWA9002@gmail.com,discord: 9003, NSNation 9003`;
+		let puppetList = puppets.split('\n');
+		let issuesCount = 0;
+		let packsCount = 0;
+		let issuesContent = '';
+		let packContent = '';
+		const interimPacks = [];
+		for (let i = 0; i < puppetList.length; i++) {
+			let nation = puppetList[i];
+			if (!password) {
+				nation = puppetList[i].split(',')[0];
+				password = puppetList[i].split(',')[1];
+			}
+			if (abortController.signal.aborted) {
+				break;
+			}
+			const nation_formatted = nation.toLowerCase().replaceAll(' ', '_');
+			try {
+				await sleep(700);
+				progress = [...progress, `Processing ${nation} ${i + 1}/${puppetList.length}`];
+				const response = await fetch(
+					'https://www.nationstates.net/cgi-bin/api.cgi/?nation=' + nation + '&q=issues+packs',
+					{
+						method: 'GET',
+						headers: {
+							'User-Agent': userAgent,
+							'X-Password': password.replace(' ', '_')
+						}
+					}
+				);
+				const xml = await response.text();
+				const xmlObj = parser.parse(xml);
+				const issueIds = (xmlObj.NATION.ISSUES.ISSUE as Array<{ [key: string]: string }>).map(
+					(issue) => issue['@_id']
+				);
+				const packs = xmlObj.NATION.PACKS;
+				issueIds.forEach((issue) => {
+					openNewLinkArr = [
+						...openNewLinkArr,
+						`https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}/page=show_dilemma/dilemma=${issue}/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/`
+					];
+					issuesContent += `<tr><td><p>${
+						issuesCount + 1
+					}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/container=${nation_formatted}/nation=${nation_formatted}/page=show_dilemma/dilemma=${issue}/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/">Link to Issue</a></p></td></tr>\n`;
+					issuesCount++;
+				});
+				if (packs) {
+					for (let i = 0; i < parseInt(packs); i++) {
+						interimPacks.push(
+							`https://www.nationstates.net/page=deck/nation=${nation_formatted}/container=${nation_formatted}/?open_loot_box=1/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1`
+						);
+						packContent += `<tr><td><p>${
+							packsCount + 1
+						}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/page=deck/nation=${nation_formatted}/container=${nation_formatted}/?open_loot_box=1/template-overall=none//User_agent=${userAgent}/Script=Gotissues/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1">Link to Pack</a></p></td></tr>\n`;
+						packsCount++;
+					}
+				}
+			} catch (err) {
+				progress = [...progress, `Error processing ${nation} with ${err}`];
+			}
+		}
+		openNewLinkArr = [...openNewLinkArr, ...interimPacks];
+		issuesContent = issuesContent += packContent;
+		progress = [...progress, `Finished processing`];
+		handleDownload('html', htmlContent(issuesContent), 'gotIssues');
+	}
 </script>
 
-<h1 class="text-4xl mb-2">gotIssues</h1>
-<p class="mb-16">An even faster way to answer issues with python.</p>
+<h1 class="text-4xl mb-4">gotIssues</h1>
+<p class="text-xs mb-4">Original by 9003, rewritten in JS for browser use by Kractero</p>
+<p class="mb-2">
+	An even faster way to answer issues with <span class="line-through">python</span> JavaScript.
+</p>
+<p class="mb-16">
+	Password input is optional and will be disabled if the puppet list includes a comma.
+</p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={() => gotIssues(main, puppets, password)} class="flex flex-col gap-8">
-        <InputCredentials bind:main={main} bind:puppets={puppets} bind:password={password} authenticated={true} />
-        <div class="max-w-lg flex justify-center gap-4">
-            <button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
-                Start
-            </button>
-			<button type="button" on:click={() => {
-				if (counter > openNewLinkArr.length - 1) {
-					return;
-				}
-				window.open(openNewLinkArr[counter], "_blank");
-				counter++;
-			}} class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form
+		on:submit|preventDefault={() => gotIssues(main, puppets, password)}
+		class="flex flex-col gap-8"
+	>
+		<InputCredentials bind:main bind:puppets bind:password authenticated={true} />
+		<div class="max-w-lg flex justify-center gap-2">
+			<button
+				type="submit"
+				class="bg-green-500 rounded-md px-4 py-2 transition duration-300 hover:bg-green-300"
+			>
+				Start
+			</button>
+			<button
+				disabled={progress.length === 0}
+				type="button"
+				on:click={() => {
+					if (counter > openNewLinkArr.length - 1) {
+						return;
+					}
+					window.open(openNewLinkArr[counter], '_blank');
+					counter++;
+				}}
+				class="bg-green-500 rounded-md px-4 py-2 transition duration-300 hover:bg-green-300 disabled:opacity-20 disabled:hover:bg-green-500"
+			>
 				Open Available Link
 			</button>
-        </div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
+		</div>
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
         {#if progress && progress[0]}
-            {#each progress as update}
-                <p>{update}</p>
-            {/each}
-        {/if}
+			{#each progress as update}
+				<p>{update}</p>
+			{/each}
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/routes/tools/junkdajunk/+page.svelte b/src/routes/tools/junkdajunk/+page.svelte
index bd4194a..3abac78 100644
--- a/src/routes/tools/junkdajunk/+page.svelte
+++ b/src/routes/tools/junkdajunk/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onDestroy } from 'svelte';
+	import { onDestroy, onMount } from 'svelte';
 	import { parser, sleep } from '../../../globals';
 	import { handleDownload } from '$lib/download';
 	import { htmlContent } from '$lib/htmlContent';
@@ -9,16 +9,20 @@
 	let main = '';
 	let puppets = '';
 	let regions = '';
-	let mode = "Gift";
+	let mode = 'Gift';
 	let openNewLinkArr: Array<string> = [];
 	let counter = 0;
-	const rarities: {[key: string]: number} = {
+	const rarities: { [key: string]: number } = {
 		common: 0.5,
 		uncommon: 1,
 		rare: 1,
 		'ultra-rare': 1,
 		epic: 1
 	};
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+	});
 	onDestroy(() => abortController.abort());
 
 	async function junkDaJunk(main: string, puppets: string) {
@@ -26,19 +30,22 @@
 		let puppetsList = puppets.split('\n');
 		progress = [...progress, `Initiating JunkDaJunk...`];
 		const whiteList = regions.split('\n');
-		progress = [...progress, `Whitelisting regions: ${whiteList.map(region => region.trim()).join(', ')}`]
-		const rarityArr = Object.entries(rarities)
-		for(let i = 0; i < rarityArr.length; i++) {
-			progress = [...progress, `${rarityArr[i][0]} junk threshold at ${rarityArr[i][1]}`]
-		}			
+		progress = [
+			...progress,
+			`Whitelisting regions: ${whiteList.map((region) => region.trim()).join(', ')}`
+		];
+		const rarityArr = Object.entries(rarities);
+		for (let i = 0; i < rarityArr.length; i++) {
+			progress = [...progress, `${rarityArr[i][0]} junk threshold at ${rarityArr[i][1]}`];
+		}
 		for (let i = 0; i < puppetsList.length; i++) {
 			let nation = puppetsList[i].toLowerCase().replaceAll(' ', '_');
 			if (abortController.signal.aborted) {
 				break;
 			}
 			try {
-				await sleep(700);	
-				progress = [...progress, `---------------------------`]
+				await sleep(700);
+				progress = [...progress, `---------------------------`];
 				progress = [...progress, `Processing ${nation} ${i + 1}/${puppetsList.length} puppets`];
 				const response = await fetch(
 					`https://www.nationstates.net/cgi-bin/api.cgi/?nationname=${nation}&q=cards+deck`,
@@ -73,55 +80,68 @@
 					const markets = xmlDocument.CARD.MARKETS ? xmlDocument.CARD.MARKETS.MARKET : [];
 
 					if (Array.isArray(markets)) {
-                        markets.forEach((market) => {
-                            if (market.TYPE === 'bid') {
-                                const price = parseFloat(market.PRICE);
-                                if (price > highestBid) {
-                                    highestBid = price;
-                                }
-                            }
-					    });
-                    } else {
-                        if (markets.TYPE === 'bid') {
-                                const price = parseFloat(markets.PRICE);
-                                if (price > highestBid) {
-                                    highestBid = price;
-                                }
-                            }
-                    }
+						markets.forEach((market) => {
+							if (market.TYPE === 'bid') {
+								const price = parseFloat(market.PRICE);
+								if (price > highestBid) {
+									highestBid = price;
+								}
+							}
+						});
+					} else {
+						if (markets.TYPE === 'bid') {
+							const price = parseFloat(markets.PRICE);
+							if (price > highestBid) {
+								highestBid = price;
+							}
+						}
+					}
 
 					let junk = false;
 
-					if (
-						rarities.hasOwnProperty(category) &&
-						highestBid < rarities[category]
-					) {
+					if (rarities.hasOwnProperty(category) && highestBid < rarities[category]) {
 						junk = true;
 					}
 					if (parseFloat(marketValue) >= 10) junk = false;
 
 					if (region) {
 						if (whiteList.includes(region)) {
-							junk = false
+							junk = false;
 						}
 					}
 
 					if (junk) {
-						progress = [...progress, `${i + 1}/${
-							cards.length
-						} -> Junking S${season} ${category.toUpperCase()} ${id} with mv ${marketValue} and highest bid ${highestBid}`];
-						openNewLinkArr = [...openNewLinkArr,
+						progress = [
+							...progress,
+							`${i + 1}/${
+								cards.length
+							} -> Junking S${season} ${category.toUpperCase()} ${id} with mv ${marketValue} and highest bid ${highestBid}`
+						];
+						openNewLinkArr = [
+							...openNewLinkArr,
 							`https://www.nationstates.net/container=${nation}/nation=${nation}/page=ajax3/a=junkcard/card=${id}/season=${season}/User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1`
 						];
-						junkHtml += `<tr><td><p>${i + 1} of ${cards.length}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/container=${nation}/nation=${nation}/page=ajax3/a=junkcard/card=${id}/season=${season}/User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1\n">Link to Card</a></p></td></tr>\n`;
-					} else {
-						progress = [...progress, `${i + 1}/${
+						junkHtml += `<tr><td><p>${i + 1} of ${
 							cards.length
-						} -> ${mode === "Gift" ? "Gifting" : "Selling"} ${category.toUpperCase()} ${id} with mv ${marketValue} and highest bid ${highestBid}`];
-						openNewLinkArr = [...openNewLinkArr,
-							`https://www.nationstates.net/page=deck/container=${nation}/nation=${nation}/card=${id}/season=${season}/${mode === "Gift" ? "gift=1/" : ""}User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1`
+						}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/container=${nation}/nation=${nation}/page=ajax3/a=junkcard/card=${id}/season=${season}/User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1\n">Link to Card</a></p></td></tr>\n`;
+					} else {
+						progress = [
+							...progress,
+							`${i + 1}/${cards.length} -> ${
+								mode === 'Gift' ? 'Gifting' : 'Selling'
+							} ${category.toUpperCase()} ${id} with mv ${marketValue} and highest bid ${highestBid}`
+						];
+						openNewLinkArr = [
+							...openNewLinkArr,
+							`https://www.nationstates.net/page=deck/container=${nation}/nation=${nation}/card=${id}/season=${season}/${
+								mode === 'Gift' ? 'gift=1/' : ''
+							}User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1`
 						];
-						junkHtml += `<tr><td><p>${i + 1} of ${cards.length}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/page=deck/container=${nation}/nation=${nation}/card=${id}/season=${season}/${mode === "Gift" ? "gift=1/" : ""}User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1\n">Link to Card</a></p></td></tr>\n`;
+						junkHtml += `<tr><td><p>${i + 1} of ${
+							cards.length
+						}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/page=deck/container=${nation}/nation=${nation}/card=${id}/season=${season}/${
+							mode === 'Gift' ? 'gift=1/' : ''
+						}User_agent=${main}Script=JunkDaJunk/Author_Email=NSWA9002@gmail.com/Author_discord=9003/Author_main_nation=9003/autoclose=1\n">Link to Card</a></p></td></tr>\n`;
 					}
 				}
 			} catch (err) {
@@ -134,67 +154,120 @@
 </script>
 
 <h1 class="text-4xl mb-2">JunkDaJunk</h1>
-<p class="mb-16">An even faster way to junk cards with python.</p>
+<p class="text-xs mb-4">Original by 9003, rewritten in JS for browser use by Kractero</p>
+<p class="mb-16">
+	An even faster way to junk and gift/sell cards with <span class="line-through">python</span> JavaScript.
+</p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={() => junkDaJunk(main, puppets)} class="flex flex-col gap-8">
-        <InputCredentials bind:main={main} bind:puppets={puppets} authenticated={false} />
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form on:submit|preventDefault={() => junkDaJunk(main, puppets)} class="flex flex-col gap-8">
+		<InputCredentials bind:main bind:puppets authenticated={false} />
 		<div class="flex gap-4 justify-between max-w-lg">
 			<label class="w-24" for="regions">Regional Whitelist</label>
-			<textarea name="regions" id="regions" rows="10" bind:value={regions} class="text-black p-1 max-w-xs rounded-md border border-black dark:border-none" />
+			<textarea
+				name="regions"
+				id="regions"
+				rows="10"
+				bind:value={regions}
+				class="text-right text-black p-2 max-w-xs rounded-md border border-black dark:border-none"
+			/>
 		</div>
 		<div class="flex gap-4 justify-between max-w-lg">
 			<label class="w-24" for="pup">Rarity Threshold</label>
 			<div class="flex flex-col gap-4">
 				<div class="flex items-center gap-4 justify-between max-w-lg">
 					<label class="w-24" for="common">Common</label>
-					<input name="common" required id="common" bind:value={rarities.common} class="text-black p-1 w-20 rounded-md border border-black dark:border-none" />
+					<input
+						name="common"
+						required
+						id="common"
+						bind:value={rarities.common}
+						class="text-black p-1 w-20 rounded-md border border-black dark:border-none"
+					/>
 				</div>
 				<div class="flex items-center gap-4 justify-between max-w-lg">
 					<label class="w-24" for="uncommon">Uncommon</label>
-					<input name="uncommon" required id="uncommon" bind:value={rarities.uncommon} class="text-black p-1 w-20 rounded-md border border-black dark:border-none" />
+					<input
+						name="uncommon"
+						required
+						id="uncommon"
+						bind:value={rarities.uncommon}
+						class="text-black p-1 w-20 rounded-md border border-black dark:border-none"
+					/>
 				</div>
 				<div class="flex items-center gap-4 justify-between max-w-lg">
 					<label class="w-24" for="rare">Rare</label>
-					<input name="rare" required id="rare" bind:value={rarities.rare} class="text-black p-1 w-20 rounded-md border border-black dark:border-none" />
+					<input
+						name="rare"
+						required
+						id="rare"
+						bind:value={rarities.rare}
+						class="text-black p-1 w-20 rounded-md border border-black dark:border-none"
+					/>
 				</div>
 				<div class="flex items-center gap-4 justify-between max-w-lg">
 					<label class="w-24" for="ultra-rare">Ultra-Rare</label>
-					<input name="ultra-rare" required id="ultra-rare" bind:value={rarities["ultra-rare"]} class="text-black p-1 w-20 rounded-md border border-black dark:border-none" />
+					<input
+						name="ultra-rare"
+						required
+						id="ultra-rare"
+						bind:value={rarities['ultra-rare']}
+						class="text-black p-1 w-20 rounded-md border border-black dark:border-none"
+					/>
 				</div>
 				<div class="flex items-center gap-4 justify-between max-w-lg">
 					<label class="w-24" for="epic">Epic</label>
-					<input name="epic" required id="epic" bind:value={rarities.epic} class="text-black p-1 w-20 rounded-md border border-black dark:border-none" />
+					<input
+						name="epic"
+						required
+						id="epic"
+						bind:value={rarities.epic}
+						class="text-black p-1 w-20 rounded-md border border-black dark:border-none"
+					/>
 				</div>
 			</div>
 		</div>
 		<div class="flex gap-4 justify-between max-w-lg">
 			<label class="w-24" for="mode">Mode</label>
-			<select name="mode" id="mode" bind:value={mode} class="text-black p-1 w-16 rounded-md border border-black dark:border-none">
+			<select
+				name="mode"
+				id="mode"
+				bind:value={mode}
+				class="text-black p-1 w-16 rounded-md border border-black dark:border-none"
+			>
 				<option value="Gift" selected>Gift</option>
 				<option value="Sell">Sell</option>
 			</select>
 		</div>
-		<div class="max-w-lg flex justify-center">
-			<button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
+		<div class="max-w-lg flex justify-center gap-2">
+			<button
+				type="submit"
+				class="bg-green-500 rounded-md px-4 py-2 transition duration-300 hover:bg-green-300"
+			>
 				Start
 			</button>
-			<button type="button" on:click={() => {
-				if (counter > openNewLinkArr.length - 1) {
-					return;
-				}
-				window.open(openNewLinkArr[counter], "_blank");
-				counter++;
-			}} class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
+			<button
+				disabled={progress.length === 0}
+				type="button"
+				on:click={() => {
+					if (counter > openNewLinkArr.length - 1) {
+						return;
+					}
+					window.open(openNewLinkArr[counter], '_blank');
+					counter++;
+				}}
+				class="bg-green-500 rounded-md px-4 py-2 transition duration-300 hover:bg-green-300 disabled:opacity-20 disabled:hover:bg-green-500"
+			>
 				Open Available Link
 			</button>
 		</div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-400 text-white dark:text-black font-medium font-mono inline-block">
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-400 text-white dark:text-black font-medium font-mono inline-block">
         {#if progress && progress[0]}
-            {#each progress as update}
-                <p>{update}</p>
-            {/each}
-        {/if}
+			{#each progress as update}
+				<p>{update}</p>
+			{/each}
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/routes/tools/login/+page.svelte b/src/routes/tools/login/+page.svelte
index 2eb5952..8eac692 100644
--- a/src/routes/tools/login/+page.svelte
+++ b/src/routes/tools/login/+page.svelte
@@ -1,35 +1,43 @@
 <script lang="ts">
-	import { handleDownload } from "$lib/download";
-	import { htmlContent } from "$lib/htmlContent";
-	import { nsIterator } from "$lib/txtIterator";
-	import InputCredentials from "../../../component/InputCredentials.svelte";
-    let progress: Array<string> = [];
-    let puppets = "";
-    let main = "";
-    let content: string;
-    
-    async function login(puppets: string) {
-        content = await nsIterator(puppets, "Login Sheet", main) as string;
-        progress = [...progress, `Finished processing`];
-        handleDownload("html", htmlContent(content), "Login Sheet");
-    }
+	import { handleDownload } from '$lib/download';
+	import { htmlContent } from '$lib/htmlContent';
+	import { nsIterator } from '$lib/txtIterator';
+	import { onMount } from 'svelte';
+	import InputCredentials from '../../../component/InputCredentials.svelte';
+	let progress: Array<string> = [];
+	let puppets = '';
+	let main = '';
+	let content: string;
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+	});
+	async function login(puppets: string) {
+		content = (await nsIterator(puppets, 'Login Sheet', main)) as string;
+		progress = [...progress, `Finished processing`];
+		handleDownload('html', htmlContent(content), 'Login Sheet');
+	}
 </script>
 
 <h1 class="text-4xl mb-2">Login Sheet</h1>
 <p class="mb-16">Generate links to help you quickly log back into containers.</p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={() => login(puppets)} class="flex flex-col gap-8">
-        <InputCredentials bind:main={main} bind:puppets={puppets} authenticated={false} />
-        <div class="max-w-lg flex justify-center">
-            <button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
-                Start
-            </button>
-        </div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form on:submit|preventDefault={() => login(puppets)} class="flex flex-col gap-8">
+		<InputCredentials bind:main bind:puppets authenticated={false} />
+		<div class="max-w-lg flex justify-center">
+			<button
+				type="submit"
+				class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500"
+			>
+				Start
+			</button>
+		</div>
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
         {#if content && content[0]}
-            <p>{content}</p>
-        {/if}
+			<p>{content}</p>
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/routes/tools/ping/+page.svelte b/src/routes/tools/ping/+page.svelte
index d3dbe05..fe7123d 100644
--- a/src/routes/tools/ping/+page.svelte
+++ b/src/routes/tools/ping/+page.svelte
@@ -1,53 +1,65 @@
 <script lang="ts">
-	import InputCredentials from "../../../component/InputCredentials.svelte";
-	import { sleep } from "../../../globals";
-    let puppets = "";
-    let main = "";
-    let password = ""
-    let progress: Array<string> = [];
-    
-    async function ping(main: string, puppets: string, password: string) {
-        let puppetsList = puppets.split('\n');
-	    for (let i = 0; i < puppetsList.length; i++) {
-            await sleep(700);
-            let nation = puppetsList[i];
-            console.log(password)
-            const response = await fetch(`https://www.nationstates.net/cgi-bin/api.cgi?nation=${nation}&q=ping`,
-                {
-                    headers: {
-                        'X-Password': password.replace(' ', '_'),
-                        'User-Agent': main
-                    }
-                }
-            );
-            const success = response.status
-            if (success === 404) {
-                progress = [...progress, `Failed to log into ${nation}`]
-            }
-            if (success === 200 || success === 409) {
-                progress = [...progress, `Successfully logged into ${nation}`]
-            }
-        }
-    }
+	import { onMount } from 'svelte';
+	import InputCredentials from '../../../component/InputCredentials.svelte';
+	import { sleep } from '../../../globals';
+	let puppets = '';
+	let main = '';
+	let password = '';
+	let progress: Array<string> = [];
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+		password = localStorage.getItem('stationPassword') || '';
+	});
+	async function ping(main: string, puppets: string, password: string) {
+		let puppetsList = puppets.split('\n');
+		for (let i = 0; i < puppetsList.length; i++) {
+			await sleep(700);
+			let nation = puppetsList[i];
+			const response = await fetch(
+				`https://www.nationstates.net/cgi-bin/api.cgi?nation=${nation}&q=ping`,
+				{
+					headers: {
+						'X-Password': password.replace(' ', '_'),
+						'User-Agent': main
+					}
+				}
+			);
+			const success = response.status;
+			if (success === 404) {
+				progress = [...progress, `Failed to log into ${nation}`];
+			}
+			if (success === 200 || success === 409) {
+				progress = [...progress, `Successfully logged into ${nation}`];
+			}
+		}
+	}
 </script>
 
-<h1 class="text-4xl mb-2">Login Sheet</h1>
-<p class="mb-16">Generate links to help you quickly log back into containers.</p>
+<h1 class="text-4xl mb-2">Nation Pinger</h1>
+<p class="mb-16">Ping all your inputed nations to keep them from ceasing to exist.</p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={async () => await ping(main, puppets, password)} class="flex flex-col gap-8">
-        <InputCredentials bind:main={main} bind:puppets={puppets} bind:password={password} authenticated={true} />
-        <div class="max-w-lg flex justify-center">
-            <button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
-                Start
-            </button>
-        </div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form
+		on:submit|preventDefault={async () => await ping(main, puppets, password)}
+		class="flex flex-col gap-8"
+	>
+		<InputCredentials bind:main bind:puppets bind:password authenticated={true} />
+		<div class="max-w-lg flex justify-center">
+			<button
+				type="submit"
+				class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500"
+			>
+				Start
+			</button>
+		</div>
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
         {#if progress && progress[0]}
-            {#each progress as update}
-                <p>{update}</p>
-            {/each}
-        {/if}
+			{#each progress as update}
+				<p>{update}</p>
+			{/each}
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/routes/tools/whereswa/+page.svelte b/src/routes/tools/whereswa/+page.svelte
index 55203d4..78a0c9a 100644
--- a/src/routes/tools/whereswa/+page.svelte
+++ b/src/routes/tools/whereswa/+page.svelte
@@ -1,46 +1,54 @@
 <script lang="ts">
-	import InputCredentials from "../../../component/InputCredentials.svelte";
-	import { parser } from "../../../globals";
-    let progress: Array<string> = [];
-    let puppets = "";
-    let main = "";
-    let content: string;
-    
-    async function findWA (main: string, puppets: string) {
-        const puppetsList = puppets.split('\n');
-        const response = await fetch(`https://www.nationstates.net/cgi-bin/api.cgi?wa=1&q=members`,
-            {
-                headers: {
-                    'User-Agent': main
-                }
-            }
-        );
-        const text = await response.text();
-        const xml = parser.parse(text);
-        const members = xml.WA.MEMBERS.split(',')
-        for (let i = 0; i < puppetsList.length; i++) {
-            if (members.includes(puppetsList[i].toLowerCase().replace(' ', '_'))) {
-                content = puppetsList[i]
-            }
-        }
-    }
+	import { onMount } from 'svelte';
+	import InputCredentials from '../../../component/InputCredentials.svelte';
+	import { parser } from '../../../globals';
+	let progress: Array<string> = [];
+	let puppets = '';
+	let main = '';
+	let content: string;
+	onMount(() => {
+		puppets = localStorage.getItem('stationPuppets') || '';
+		main = localStorage.getItem('stationMain') || '';
+	});
+	async function findWA(main: string, puppets: string) {
+		const puppetsList = puppets.split('\n');
+		const response = await fetch(`https://www.nationstates.net/cgi-bin/api.cgi?wa=1&q=members`, {
+			headers: {
+				'User-Agent': main
+			}
+		});
+		const text = await response.text();
+		const xml = parser.parse(text);
+		const members = xml.WA.MEMBERS.split(',');
+		for (let i = 0; i < puppetsList.length; i++) {
+			if (members.includes(puppetsList[i].toLowerCase().replace(' ', '_'))) {
+				content = puppetsList[i];
+			}
+		}
+	}
 </script>
 
-<h1 class="text-4xl mb-2">Login Sheet</h1>
-<p class="mb-16">Generate links to help you quickly log back into containers.</p>
+<h1 class="text-4xl mb-2">Where's My WA</h1>
+<p class="text-xs mb-4">Original by 9003, rewritten in JS for browser use by Kractero</p>
+<p class="mb-16">Specify your puppets and this script will find which one is in the WA.</p>
 
-<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8">
-    <form on:submit|preventDefault={() => findWA(main, puppets)} class="flex flex-col gap-8">
-        <InputCredentials bind:main={main} bind:puppets={puppets} authenticated={false} />
-        <div class="max-w-lg flex justify-center">
-            <button type="submit" class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500">
-                Start
-            </button>
-        </div>
-    </form>
-    <pre class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
+<div class="lg:w-[1024px] lg:max-w-5xl flex flex-col lg:flex-row gap-8 break-normal">
+	<form on:submit|preventDefault={() => findWA(main, puppets)} class="flex flex-col gap-8">
+		<InputCredentials bind:main bind:puppets authenticated={false} />
+		<div class="max-w-lg flex justify-center">
+			<button
+				type="submit"
+				class="bg-green-300 rounded-md px-4 py-2 transition duration-300 hover:bg-green-500"
+			>
+				Start
+			</button>
+		</div>
+	</form>
+	<pre
+		class="flex-1 p-2 whitespace-pre-wrap bg-black dark:bg-gray-50 text-white dark:text-black font-medium font-mono inline-block">
         {#if content}
-            <p>I found your WA on <a href={`https://nationstates.net/nation=${content}`}>{content}</a>.</p>
-        {/if}
+			<p>I found your WA on <a href={`https://nationstates.net/nation=${content}`}>{content}</a
+				>.</p>
+		{/if}
     </pre>
-</div>
\ No newline at end of file
+</div>