casdoor 1.1.0 → 1.2.1

package/README.md

@@ -4,6 +4,10 @@ The Casdoor extension can help browser users automatically log into applications
 
 This extension is very simple to use. We will show you the steps below.
 
+## Demo video
+
+![AutoLogin](./img/demo.gif)
+
 ## Usage
 
 ### Install the extension

package/manifest.json

@@ -1,6 +1,6 @@
 {
-  "name": "Casdoor",
-  "description": "The Casdoor extension can help browser users automatically log into applications protected by Casdoor single-sign-on (SSO) system.",
+  "name": "Casdoor Browser Plugin",
+  "description": "Casdoor Browser Plugin can help the users automatically log into applications protected by Casdoor identity provider.",
   "version": "1.0.0",
   "manifest_version": 3,
   "permissions": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "casdoor",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "The Casdoor extension can help browser users automatically log into applications protected by Casdoor single-sign-on (SSO) system.",
   "scripts": {
     "semantic-release": "semantic-release"

package/src/background.js

@@ -14,32 +14,84 @@
 
 let autoLoginTabs = new Set();
 
-chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {  
-  if (tab.url && tab.status === "complete" && !autoLoginTabs.has(tabId) ) {  
-    const url = tab.url;  
-  
-    chrome.tabs.sendMessage(tabId, {action: "setManagedAccounts"},  
+chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
+  if (tab.url && tab.status === "complete") {
+    const [UserLoggedIn, DisableAutoLogin] = await Promise.all([
+      isUserLoggedIn(tabId),
+      isDisableAutoLogin(tabId),
+    ]);
+    if (UserLoggedIn && !DisableAutoLogin && !autoLoginTabs.has(tabId)) {
+      autoLogin(tabId, tab.url);
+    }
+  }
+});
+
+async function isUserLoggedIn(tabId) {
+  return new Promise((resolve, reject) => {
+    chrome.tabs.sendMessage(
+      tabId,
+      { action: "isUserLoggedIn" },
+      function (UserLoggedIn) {
+        if (chrome.runtime.lastError) {
+          reject(chrome.runtime.lastError.message);
+        } else {
+          resolve(UserLoggedIn);
+        }
+      }
+    );
+  });
+}
+
+function getManagedAccounts(tabId) {
+  return new Promise((resolve, reject) => {
+    chrome.tabs.sendMessage(
+      tabId,
+      { action: "getManagedAccounts" },
       function (managedAccounts) {
         if (chrome.runtime.lastError) {
-          console.error("Error sending first message:", chrome.runtime.lastError);  
-        } else if (managedAccounts) {  
-            for (const managedAccount of managedAccounts) {  
-              if (managedAccount && url.includes(managedAccount.signinUrl)) {  
-                autoLoginTabs.add(tabId);
-                chrome.tabs.sendMessage(tabId, {  
-                  action: "autoLogin",  
-                  managedAccount: managedAccount,  
-                });  
-              }  
-            }  
-        }  
-      }  
-    );  
-  }  
-});
+          reject(chrome.runtime.lastError.message);
+        } else {
+          resolve(managedAccounts);
+        }
+      }
+    );
+  });
+}
+
+async function autoLogin(tabId, url) {
+  const managedAccounts = await getManagedAccounts(tabId);
+  if (managedAccounts) {
+    for (const managedAccount of managedAccounts) {
+      if (managedAccount && url.includes(managedAccount.signinUrl)) {
+        autoLoginTabs.add(tabId);
+        chrome.tabs.sendMessage(tabId, {
+          action: "autoLogin",
+          managedAccount: managedAccount,
+        });
+        break;
+      }
+    }
+  }
+}
+
+function isDisableAutoLogin(tabId) {
+  return new Promise((resolve, reject) => {
+    chrome.tabs.sendMessage(
+      tabId,
+      { action: "isDisableAutoLogin" },
+      function (DisableAutoLogin) {
+        if (chrome.runtime.lastError) {
+          reject(chrome.runtime.lastError);
+        } else {
+          resolve(DisableAutoLogin);
+        }
+      }
+    );
+  });
+}
 
 function clearAutoLoginTabs() {
   autoLoginTabs.clear();
 }
 
-setInterval(clearAutoLoginTabs, 10000);
+setInterval(clearAutoLoginTabs, 10000);

package/src/content-script.js

@@ -98,17 +98,35 @@ window.onload = () => {
 
 chrome.runtime.onMessage.addListener((message) => {
   if (message.action === "autoLogin") {
-      chrome.storage.sync.get("disableAutoLogin", ({ disableAutoLogin }) => {
-        if (!disableAutoLogin) {
-          const managedAccount = message.managedAccount;
-          autoLogin(managedAccount.username, managedAccount.password);
-        }
-      });
+    const managedAccount = message.managedAccount;
+    autoLogin(managedAccount.username, managedAccount.password);
+  }
+});
+
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message.action === "isUserLoggedIn") {
+    chrome.storage.sync.get("accessToken", ({accessToken}) => {
+      if(accessToken){
+        sendResponse(true);  
+      } else{
+        sendResponse(false);
+      }
+    });
+    return true;
+  }
+});
+
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message.action === "isDisableAutoLogin") {
+    chrome.storage.sync.get("disableAutoLogin", ({ disableAutoLogin }) => {
+      sendResponse(disableAutoLogin);  
+    });
+    return true;
   }
 });
 
 chrome.runtime.onMessage.addListener(function(message, sender,sendResponse) {
-  if (message.action === "setManagedAccounts") {
+  if (message.action === "getManagedAccounts") {
     chrome.storage.sync.get("accessToken", ({accessToken}) => {
       sdk.getAccount(accessToken).then((account) => {
         const managedAccounts = account.data.managedAccounts;

package/src/oauth.js

@@ -29,22 +29,57 @@ chrome.storage.sync.get("endpoint", ({endpoint}) => {
   }
 });
 
-const sdk = new Sdk(CasdoorConfig);
+let sdk;
+
+function getStorageData(keys) {
+  return new Promise((resolve, reject) => {
+    chrome.storage.sync.get(keys, (data) => {
+      if (chrome.runtime.lastError) {
+        reject(chrome.runtime.lastError.message);
+      } else {
+        resolve(data);
+      }
+    });
+  });
+}
+
+function initInputParamSdk(){
+  return new Promise((resolve, reject) => {
+  Promise.all([getStorageData("applicationName"), getStorageData("endpoint")])
+    .then(([applicationData, endpointData]) => {
+      const applicationName = applicationData.applicationName;
+      const endpoint = endpointData.endpoint;
+
+      if (applicationName && endpoint) {
+        CasdoorConfig.applicationName = applicationName;
+        CasdoorConfig.endpoint = endpoint;
+      }
+      sdk = new Sdk(CasdoorConfig);
+      resolve(sdk);
+    })
+    .catch((error) => {
+      console.error("init SDK failed:", error);
+      reject(error);
+    });
+  });
+}
 
 // eslint-disable-next-line no-unused-vars
 function login() {
-  sdk.login((accessToken) => {
-    if (accessToken) {
-      chrome.storage.sync.set({accessToken}, () => {
-        sdk
-          .getUserProfile(accessToken)
-          .then((userProfile) => displayUserProfile(userProfile));
-      });
-      setInputDisabledState(true, "endpoint", "applicationName");
-    } else {
-      alert("Login failed!");
-    }
-  });
+  initInputParamSdk().then((sdk) => {
+    sdk.login((accessToken) => {
+      if (accessToken) {
+        chrome.storage.sync.set({accessToken}, () => {
+          sdk
+            .getUserProfile(accessToken)
+            .then((userProfile) => displayUserProfile(userProfile));
+        });
+        setInputDisabledState(true, "endpoint", "applicationName");
+      } else {
+        alert("Login failed!");
+      }
+    });
+  })
 }
 
 // eslint-disable-next-line no-unused-vars

package/src/popup.js

@@ -47,7 +47,11 @@ document.addEventListener("DOMContentLoaded", function() {
       if (accessToken) {
         logout();
       } else {
-        login();
+        setInput()
+        .then(login())
+        .catch(error => {
+          console.error('Error login:', error);
+      });
       }
     });
   });
@@ -60,9 +64,6 @@ document.addEventListener("DOMContentLoaded", function() {
       applicationNameDom.value = applicationName;
     }
   });
-  applicationNameDom.addEventListener("input", function(e) {
-    chrome.storage.sync.set({applicationName: e.target.value});
-  });
 
   const endpointDom = document.getElementById("endpoint");
   chrome.storage.sync.get("endpoint", ({endpoint}) => {
@@ -70,7 +71,18 @@ document.addEventListener("DOMContentLoaded", function() {
       endpointDom.value = endpoint;
     }
   });
-  endpointDom.addEventListener("input", function(e) {
-    chrome.storage.sync.set({endpoint: e.target.value});
-  });
 });
+
+function setInput() {
+  return new Promise((resolve, reject) => {
+    const endpointDom = document.getElementById("endpoint");
+    const applicationNameDom = document.getElementById("applicationName");
+    chrome.storage.sync.set({ endpoint: endpointDom.value, applicationName: applicationNameDom.value }, function() {
+      if (chrome.runtime.lastError) {
+        reject(chrome.runtime.lastError.message);
+      } else {
+        resolve();
+      }
+    });
+  });
+}

package/src/sdk.js

@@ -125,6 +125,9 @@ class Sdk {
     };
     return fetch(applicationUrl, requestConfig)
       .then((response) => response.json())
-      .catch((error) => console.error(error));
+      .catch((error) => {
+        console.error(error)
+        alert("failed to get application");
+      });
   }
 }