diff --git a/apps/obsidian/src/components/AdminPanelSettings.tsx b/apps/obsidian/src/components/AdminPanelSettings.tsx
index 23e1ebab1..0b1fbe87f 100644
--- a/apps/obsidian/src/components/AdminPanelSettings.tsx
+++ b/apps/obsidian/src/components/AdminPanelSettings.tsx
@@ -1,8 +1,10 @@
import { useState, useCallback } from "react";
import { usePlugin } from "./PluginContext";
-import { Notice } from "obsidian";
+import { Notice, setIcon } from "obsidian";
import { updateUsername } from "~/utils/supabaseContext";
import { initializeSupabaseSync } from "~/utils/syncDgNodesToSupabase";
+import { nextRoot } from "@repo/utils/execContext";
+import { getLoggedInClient } from "~/utils/supabaseContext";
export const AdminPanelSettings = () => {
const plugin = usePlugin();
@@ -41,6 +43,31 @@ export const AdminPanelSettings = () => {
await updateUsername(plugin, newValue);
};
+ const handleLoginHandoff = async () => {
+ const client = await getLoggedInClient(plugin);
+ if (!client) {
+ new Notice("Failed to connect to the database", 3000);
+ return;
+ }
+ const sessionData = await client.auth.getSession();
+ if (!sessionData.data.session) {
+ new Notice("Failed to connect to the database", 3000);
+ return;
+ }
+ /* eslint-disable @typescript-eslint/naming-convention */
+ const { access_token, refresh_token } = sessionData.data.session;
+ const { data, error } = await client.rpc("create_secret_token", {
+ v_payload: JSON.stringify({ access_token, refresh_token }),
+ expiry_interval: "45s",
+ });
+ /* eslint-enable @typescript-eslint/naming-convention */
+ if (error || typeof data !== "string") {
+ new Notice("Failed to connect to the database", 3000);
+ return;
+ }
+ if (data) window.open(`${nextRoot()}/auth/token?t=${data}&url=/`, "_blank");
+ };
+
return (
@@ -80,6 +107,31 @@ export const AdminPanelSettings = () => {
/>
+
+
+
Group management
+
+ This will allow you to view and manage your sharing groups
+
+
+
+
+
+
{
>
Send Error Email
+ {syncAlreadyEnabled && (
+
+ )}
);
};
diff --git a/apps/website/app/(home)/auth/token/page.tsx b/apps/website/app/(home)/auth/token/page.tsx
new file mode 100644
index 000000000..92270d0f2
--- /dev/null
+++ b/apps/website/app/(home)/auth/token/page.tsx
@@ -0,0 +1,12 @@
+import { LoginWithToken } from "~/components/auth/LoginWithToken";
+import { Suspense } from "react";
+
+const Page = () => (
+
+ Logging in}>
+
+
+
+);
+
+export default Page;
diff --git a/apps/website/app/components/auth/LoginWithToken.tsx b/apps/website/app/components/auth/LoginWithToken.tsx
new file mode 100644
index 000000000..b9eb1a0c8
--- /dev/null
+++ b/apps/website/app/components/auth/LoginWithToken.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import { createClient } from "~/utils/supabase/client";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useState, useEffect, useCallback, useRef } from "react";
+import useInternalError from "~/utils/internalError";
+
+export const LoginWithToken = () => {
+ const loginAttempted = useRef(false);
+ const searchParams = useSearchParams();
+ const internalError = useInternalError();
+ const router = useRouter();
+ const [secretToken] = useState(() => searchParams.get("t"));
+ useEffect(() => {
+ if (secretToken && typeof window !== "undefined") {
+ const url = new URL(window.location.href);
+ url.searchParams.delete("t");
+ window.history.replaceState({}, "", url);
+ }
+ }, [secretToken]);
+ const [url] = useState(searchParams.get("url"));
+ const [done, setDone] = useState(false);
+ const [error, setError] = useState(
+ secretToken === null ? "Please provide token" : null,
+ );
+
+ const login = useCallback(async () => {
+ try {
+ const client = createClient();
+ const result = await client.rpc("get_secret_token", {
+ token: secretToken!,
+ });
+ if (result.error) {
+ setError("Could not connect to DiscourseGraphs");
+ internalError({ error: result.error, type: "get-secret-token" });
+ return;
+ }
+ if (result.data == null) {
+ setError("Could not retrieve information, please try again.");
+ internalError({ error: "missing token", type: "get-secret-token" });
+ return;
+ }
+ if (typeof result.data !== "string") {
+ setError(
+ "DiscourseGraphs configuration error, the team has been warned",
+ );
+ internalError({
+ error: "payload-not-string",
+ type: "get-secret-token",
+ });
+ return;
+ }
+ const data = JSON.parse(result.data) as {
+ /* eslint-disable @typescript-eslint/naming-convention */
+ access_token: string;
+ refresh_token: string;
+ /* eslint-enable @typescript-eslint/naming-convention */
+ };
+ if (
+ !data ||
+ typeof data !== "object" ||
+ !data.access_token ||
+ !data.refresh_token
+ ) {
+ setError(
+ "DiscourseGraphs configuration error, the team has been warned",
+ );
+ internalError({ error: "misshaped-payload", type: "get-secret-token" });
+ return;
+ }
+ const response = await client.auth.setSession(data);
+ if (response.error) {
+ setError(response.error.message);
+ } else if (url) {
+ router.replace(url);
+ }
+ } catch (error) {
+ setError("Unkown error while logging you in.");
+ internalError({ error, type: "token-login-exception" });
+ } finally {
+ setDone(true);
+ }
+ }, [secretToken, url, router, internalError]);
+ useEffect(() => {
+ if (!error && !done && !loginAttempted.current) {
+ loginAttempted.current = true;
+ void login();
+ }
+ }, [error, login, secretToken, done]);
+ return (
+
+
+ {error ? "Error: " + error : done ? "Logged in" : "Logging in"}
+
+