Merge pull request #808 from supertokens/chore/sdk-logs

Chore: Send logs
supertokens · Jun 27, 2024 · 59ebc6f · 59ebc6f
2 parents 7f34265 + baeb758
commit 59ebc6f
Show file tree

Hide file tree

Showing 3 changed files with 78 additions and 8 deletions.
diff --git a/v2/src/components/httpNetworking.ts b/v2/src/components/httpNetworking.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import { getAnalytics } from "./utils";
+import { getAnalytics, sendSDKLogsToBackend } from "./utils";
 
 export enum HTTP_REQUEST_ERROR {
     SESSION_EXPIRED,
@@ -105,7 +105,7 @@ export async function simpleGETRequest(url: string, userConfig: any = {}, versio
     let response = await axios.get(url, userConfig);
     let data = await response.data;
     let headers = response.headers;
-    sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
+    await sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
     return { data, headers };
 }
 
@@ -125,7 +125,7 @@ export async function simplePOSTRequest(url: string, data: any, userConfig: POST
     let response = await axios.post(url, data, userConfig);
     let responseData = response.data;
     let headers = response.headers;
-    sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
+    await sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
     return { data: responseData, headers, status: response.status, statusText: response.statusText };
 }
 
@@ -145,7 +145,7 @@ export async function simplePATCHRequest(url: string, data: any, userConfig: PAT
     let response = await axios.patch(url, data, userConfig);
     let responseData = response.data;
     let headers = response.headers;
-    sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
+    await sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
     return { data: responseData, headers };
 }
 
@@ -165,7 +165,7 @@ export async function simplePUTRequest(url: string, data: any, userConfig: POSTR
     let response = await axios.put(url, data, userConfig);
     let responseData = response.data;
     let headers = response.headers;
-    sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
+    await sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
     return { data: responseData, headers };
 }
 
@@ -189,11 +189,11 @@ export async function simpleDELETERequest(url: string, userConfig: DELETERequest
     let response = await axios.delete(url, userConfig);
     let data = await response.data;
     let headers = response.headers;
-    sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
+    await sendAnalyticsIfFrontTokenRemoved(url, frontTokenExists, headers);
     return { data, headers };
 }
 
-function sendAnalyticsIfFrontTokenRemoved(url: string, frontTokenExists: boolean, headers: any) {
+async function sendAnalyticsIfFrontTokenRemoved(url: string, frontTokenExists: boolean, headers: any) {
     if (!frontTokenExists) {
         return;
     }
@@ -205,6 +205,7 @@ function sendAnalyticsIfFrontTokenRemoved(url: string, frontTokenExists: boolean
             url,
             headers
         });
+        await sendSDKLogsToBackend()
     }
 }
 

diff --git a/v2/src/components/utils.ts b/v2/src/components/utils.ts
@@ -1,4 +1,5 @@
 import React from "react";
+import axios from "axios";
 
 declare global {
     interface Window {
@@ -106,4 +107,70 @@ export const recursiveMapAllChildren = (
 
 export function mockDelay(timeout = 2000) {
     return new Promise(resolve => setTimeout(resolve, timeout));
+}
+
+export function isDev() {
+    return window.location.host.startsWith("localhost");
+}
+
+
+const isSuperTokensSDKLog = (data: any) => {
+    return typeof data === "string" && data.includes("supertokens-website-ver:");
+};
+
+type ConsoleLog = typeof globalThis.console.log;
+
+export const overrideConsoleImplementation = (customImplementation: ConsoleLog) => {
+    const oldConsoleLogImplementation = globalThis.console.log;
+    globalThis.console.log = (data) => {
+        customImplementation(data, oldConsoleLogImplementation);
+    };
+};
+
+export const SDK_LOGS_STORAGE_KEY = "Supertokens-sdk-logs";
+
+export const saveSDKLogsConsoleOverride = (data: any, oldConsoleImplementation: ConsoleLog) => {
+    if (isSuperTokensSDKLog(data)) {
+        const logArrayStr = localStorage.getItem(SDK_LOGS_STORAGE_KEY) || "[]";
+        const logArray = JSON.parse(logArrayStr) as string[];
+
+        if (logArray.length === 1000) {
+            logArray.shift();
+        }
+        logArray.push(data);
+
+        localStorage.setItem(SDK_LOGS_STORAGE_KEY, JSON.stringify(logArray));
+    } else {
+        oldConsoleImplementation(data);
+    }
+};
+
+export async function sendSDKLogsToBackend() {
+    const sdkLogs = localStorage.getItem(SDK_LOGS_STORAGE_KEY) || "[]";
+    const parsedSDKLogs = JSON.parse(sdkLogs);
+
+    if (isDev()) {
+        console.log(parsedSDKLogs, "auth_error_sdk_logs");
+        localStorage.removeItem(SDK_LOGS_STORAGE_KEY);
+    } else {
+        await axios
+            .post(
+                "https://api.supertokens.com/0/antcs/ents",
+                {
+                    eventName: "auth_error_sdk_logs",
+                    data: {
+                        version: "1",
+                        userId: "1",
+                        timestamp: Date.now(),
+                        page: "",
+                        type: "auth_error_sdk_logs",
+                        logs: parsedSDKLogs,
+                    },
+                },
+                {}
+            )
+            .then(() => {
+                localStorage.removeItem(SDK_LOGS_STORAGE_KEY);
+            });
+    }
 }
diff --git a/v2/src/theme/Layout/index.js b/v2/src/theme/Layout/index.js
@@ -18,6 +18,7 @@ import Head from '@docusaurus/Head';
 import { useLocation } from '@docusaurus/router';
 import './styles.css';
 import supertokens from "supertokens-website";
+import {overrideConsoleImplementation,saveSDKLogsConsoleOverride} from '../../components/utils'
 import styles from "./styles.module.css";
 
 
@@ -31,11 +32,12 @@ if (typeof window !== 'undefined') {
     API_DOMAIN = "https://dev.api.supertokens.com"
     API_BASE_PATH = "/0/auth"
   }
-
+  overrideConsoleImplementation(saveSDKLogsConsoleOverride);
   let sessionExpiredStatusCode = 401;
   supertokens.init({
     apiDomain: API_DOMAIN,
     apiBasePath: API_BASE_PATH,
+    enableDebugLogs:true,
     sessionExpiredStatusCode,
     preAPIHook: async (context) => {
       return {