[NC]: Window redirection to sign up when user is logged out (#74)

* [NC]: Adds window redirection to sign up when user is logged out

* [NC]:biome fixes

apps/mocksi-lite/content/content.tsx

@@ -3,6 +3,7 @@ import {
 	MOCKSI_RECORDING_STATE,
 	RecordingState,
 	STORAGE_CHANGE_EVENT,
+	SignupURL,
 } from "../consts";
 import { getEmail, sendMessage, setRootPosition } from "../utils";
 import ContentApp from "./ContentApp";
@@ -47,6 +48,12 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 				if (recordingState === RecordingState.HIDDEN) {
 					sendMessage("updateToPlayIcon");
 				}
+				if (
+					recordingState === RecordingState.UNAUTHORIZED &&
+					window.location.origin !== SignupURL
+				) {
+					window.open(SignupURL);
+				}
 				setRootPosition(state);
 				root.render(<ContentApp isOpen={true} email={email || ""} />);
 			});

apps/mocksi-lite/utils.ts

@@ -1,4 +1,5 @@
 import { DOMManipulator } from "@repo/dodom";
+import auth0, { type WebAuth } from "auth0-js";
 import sanitizeHtml from "sanitize-html";
 import MocksiRollbar from "./MocksiRollbar";
 import type { Alteration } from "./background";
@@ -30,6 +31,15 @@ type DOMModificationsType = {
 	[querySelector: string]: DomAlteration;
 };
 
+const authOptions: auth0.AuthOptions = {
+	domain: "dev-3lgt71qosvm4psf0.us.auth0.com",
+	clientID: "3XDxVDUz3W3038KmRvkJSjkIs5mGj7at",
+	redirectUri: "https://nest-auth-ts-merge.onrender.com",
+	// TODO: change to include offline_access, see https://github.com/Mocksi/nest/pull/10#discussion_r1635647560
+	responseType: "id_token token",
+	audience: "Mocksi Lite",
+};
+
 export const setRootPosition = (state: RecordingState | null) => {
 	const extensionRoot = document.getElementById("extension-root");
 	if (extensionRoot) {
@@ -42,13 +52,20 @@ export const setRootPosition = (state: RecordingState | null) => {
 };
 
 export const logout = () => {
+	// FIXME: this should redirect to a logout page first
+	const webAuth: WebAuth = new auth0.WebAuth(authOptions);
 	chrome.storage.local.clear(() => {
-		chrome.storage.local.set({
-			[MOCKSI_RECORDING_STATE]: RecordingState.UNAUTHORIZED,
-		});
+		chrome.storage.local.set(
+			{
+				[MOCKSI_RECORDING_STATE]: RecordingState.UNAUTHORIZED,
+			},
+			() =>
+				webAuth.logout({
+					clientID: authOptions.clientID,
+					returnTo: authOptions.redirectUri,
+				}),
+		);
 	});
-	// FIXME: this should redirect to a logout page first
-	window.open(SignupURL);
 };
 
 const commandsExecuted: Command[] = [];