feat: UTRP v2 migration (#292)

* feat: wip add course by url

* chore: update imports

* feat: add useCourseFromUrl hook

* chore: extract logic into async function

* feat: add checkLoginStatus.ts

* feat: add useCourseMigration hook

* feat: working course migration

* fix: active schedule bug

* feat: refactor logic and add to onUpdate

* feat: update ui style

* feat: add changelog functionality to settings

* chore: update packages

* feat: migration + sentry stuffs

* feat: improve migration flow

* docs: add sentry jsdocs

* chore: fix lint and format

* chore: cleanup + fix race condition

---------

Co-authored-by: Samuel Gunter <sgunter@utexas.edu>
Co-authored-by: Razboy20 <razboy20@gmail.com>

src/views/contexts/DialogContext.ts

@@ -16,10 +16,22 @@ export interface DialogInfo {
     onClose?: () => void;
 }
 
+export interface DialogOptions {
+    /**
+     * Whether to show the dialog immediately.
+     */
+    immediate?: boolean;
+
+    /**
+     * Whether to allow the user to close the dialog by clicking outside of it. (Defaults to true)
+     */
+    closeOnClickOutside?: boolean;
+}
+
 /**
  * Function to show a dialog.
  */
-export type ShowDialogFn = (info: DialogInfo | CloseWrapper<DialogInfo>) => void;
+export type ShowDialogFn = (info: DialogInfo | CloseWrapper<DialogInfo>, options?: DialogOptions) => void;
 
 /**
  * Context for the dialog provider.

src/views/contexts/SentryContext.tsx

@@ -0,0 +1,94 @@
+import {
+    BrowserClient,
+    defaultStackParser,
+    ErrorBoundary,
+    getCurrentScope,
+    getDefaultIntegrations,
+    init,
+    makeFetchTransport,
+    Scope,
+} from '@sentry/react';
+import type { Client, ClientOptions } from '@sentry/types';
+import React, { createContext, useContext, useMemo } from 'react';
+
+/**
+ * Context for the sentry provider.
+ */
+export const SentryContext = createContext<[scope: Scope, client: Client]>(undefined!);
+
+/**
+ * @returns The dialog context for showing dialogs.
+ */
+export const useSentryScope = () => useContext(SentryContext);
+
+/**
+ * SentryProvider component initializes and provides Sentry error tracking context to its children.
+ * It ensures that Sentry is not initialized more than once and configures the Sentry client and scope.
+ *
+ * @param props - The properties object.
+ * @param props.children - The child components that will have access to the Sentry context.
+ * @param props.transactionName - Optional name for the Sentry transaction.
+ * @param props.fullInit - Flag to determine if full initialization of Sentry should be performed.
+ *
+ * @returns The Sentry context provider wrapping the children components.
+ */
+export default function SentryProvider({
+    children,
+    transactionName,
+    fullInit,
+}: {
+    children: React.ReactNode;
+    transactionName?: string;
+    fullInit?: boolean;
+}): JSX.Element {
+    // prevent accidentally initializing sentry twice
+    const parent = useSentryScope();
+
+    const providerValue = useMemo((): [scope: Scope, client: Client] => {
+        if (parent) {
+            const [parentScope, parentClient] = parent;
+
+            const scope = parentScope.clone();
+            if (transactionName) scope.setTransactionName(transactionName);
+
+            return [scope, parentClient];
+        }
+
+        // filter integrations that use the global variable
+        const integrations = getDefaultIntegrations({}).filter(
+            defaultIntegration =>
+                !['BrowserApiErrors', 'Breadcrumbs', 'GlobalHandlers'].includes(defaultIntegration.name)
+        );
+
+        const options: ClientOptions = {
+            dsn: 'https://ed1a50d8626ff6be35b98d7b1ec86d9d@o4508033820852224.ingest.us.sentry.io/4508033822490624',
+            integrations,
+            transport: makeFetchTransport,
+            stackParser: defaultStackParser,
+            // debug: true,
+            release: import.meta.env.VITE_PACKAGE_VERSION,
+        };
+
+        let client: Client;
+        let scope: Scope;
+
+        if (fullInit) {
+            client = init(options)!;
+            scope = getCurrentScope();
+        } else {
+            client = new BrowserClient(options);
+
+            scope = new Scope();
+
+            scope.setClient(client);
+            client.init();
+        }
+        return [scope, client];
+    }, []);
+
+    return (
+        <ErrorBoundary>
+            <SentryContext.Provider value={providerValue}>{children}</SentryContext.Provider>
+        </ErrorBoundary>
+    );
+}