feat: add sync halo info button

Author: elijaholmos

package.json

@@ -1,14 +1,14 @@
 {
 	"name": "halo-discord-extension",
-	"version": "2.3.0",
+	"version": "2.4.0",
 	"description": "Receive Discord notifications for updates in Halo",
 	"author": "Elijah Olmos",
 	"license": "AGPL-3.0-only",
 	"type": "module",
 	"private": true,
 	"scripts": {
-		"test:chrome": "rollup -c -w --configChrome",
-		"test:firefox": "rollup -c -w --configFirefox",
+		"dev:chrome": "rollup -c -w --configChrome",
+		"dev:firefox": "rollup -c -w --configFirefox",
 		"build": "pnpm run build:chrome && pnpm run build:firefox",
 		"build:chrome": "rollup -c --configChrome",
 		"build:firefox": "rollup -c --configFirefox"

src/popup/components/Navbar.svelte

@@ -14,17 +14,42 @@
   ~ along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <script>
+	import { stores } from '../../stores';
+	import { setUserCookies } from '../../util/auth';
+	import { validateCookie } from '../../util/halo';
+	import { auth, getHaloCookies, isValidCookieObject } from '../../util/util';
+
 	export let user;
 
 	// ------- state -------
 	let isDropdownOpen = false;
+	let isSyncingInfo = false;
 
 	// daisyui dropdown stuff from https://svelte.dev/repl/4c5dfd34cc634774bd242725f0fc2dab
 	const handleDropdownClick = () => (isDropdownOpen = !isDropdownOpen);
 	const handleDropdownFocusLoss = ({ relatedTarget, currentTarget }) => {
 		if (relatedTarget instanceof HTMLElement && currentTarget.contains(relatedTarget)) return;
 		isDropdownOpen = false;
 	};
+
+	const syncHaloInfo = async function () {
+		if (isSyncingInfo) return;
+		isSyncingInfo = true;
+		try {
+			console.log('sweeping cookies - manual');
+			const cookies = await getHaloCookies();
+			if (!isValidCookieObject(cookies)) throw new Error('Invalid cookie object');
+			if (!(await validateCookie({ cookie: cookies }))) throw new Error('cookie failed validateCookie check');
+
+			stores.halo_cookies.update(cookies);
+			!!auth.currentUser && (await setUserCookies({ uid: auth.currentUser.uid, cookies }));
+		} catch (e) {
+			console.error('[error] sweping cookies manual', e);
+			alert('Failed to resync Halo info');
+		} finally {
+			isSyncingInfo = false;
+		}
+	};
 </script>
 
 <div class="navbar">
@@ -48,8 +73,40 @@
 				class="mt-3 p-2 shadow menu menu-compact dropdown-content rounded-box bg-base-200 w-52"
 				style:visibility={isDropdownOpen ? 'visible' : 'hidden'}
 			>
-				<li><a>{user.username}#{user.discriminator}</a></li>
-				<!-- <li><a>Logout</a></li> -->
+				<li>
+					<a>{user.username}#{user.discriminator} </a>
+				</li>
+				<li on:click={syncHaloInfo}>
+					<a
+						>Sync Halo Info
+						{#if isSyncingInfo}
+							<div class="badge badge-lg">
+								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512"
+									><circle cx="256" cy="256" r="48" /><circle cx="416" cy="256" r="48" /><circle
+										cx="96"
+										cy="256"
+										r="48"
+									/></svg
+								>
+							</div>
+						{:else}
+							<div class="badge badge-lg">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									width="16"
+									height="16"
+									fill="currentColor"
+									class="bi bi-check"
+									viewBox="0 0 16 16"
+								>
+									<path
+										d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"
+									/>
+								</svg>
+							</div>
+						{/if}
+					</a>
+				</li>
 			</ul>
 		</div>
 	</div>