로그아웃된 경우 자동으로 다시 로그인

public/manifest.json

@@ -24,6 +24,20 @@
       "matches": ["https://infra.yonsei.ac.kr/sso/PmSSOService*"],
       "js": ["js/content-scripts/infra-login-page.js"]
     },
+
+    {
+      "matches": [
+        "https://ys.learnus.org/",
+        "https://ys.learnus.org/index.php*",
+        "https://ys.learnus.org/login.php*"
+      ],
+      "js": ["js/content-scripts/learnus-login-entry-page.js"]
+    },
+    {
+      "matches": ["https://portal.yonsei.ac.kr/ui/index.html*"],
+      "js": ["js/content-scripts/portal-login-entry-page.js"]
+    },
+
     {
       "matches": ["https://*.learnus.org/*"],
       "js": ["js/content-scripts/learnus-all-pages.js", "js/vendor.js"]
@@ -32,6 +46,7 @@
       "matches": ["https://*.yonsei.ac.kr/*"],
       "js": ["js/content-scripts/yonsei-all-pages.js", "js/vendor.js"]
     },
+
     {
       "matches": [
         "https://ys.learnus.org/",

src/core/login/refresh-session.ts

@@ -7,15 +7,24 @@ import loginPortal from './login-portal'
 import {
   saveLastSessionRefreshedTime,
   saveIsSessionRefreshing,
+  removeLastSessionRefreshedTime,
 } from './login-status'
 import updateLearnUsSesskey from './update-learnus-sesskey'
 
 let isRefreshing = false
 
-export async function refreshSession(): Promise<void> {
-  if (isRefreshing) return
+export async function refreshSession(options?: {
+  isSignedOut?: boolean
+}): Promise<void> {
+  const { isSignedOut = false } = options ?? {}
 
+  if (isRefreshing) return
   isRefreshing = true
+
+  if (isSignedOut) {
+    await removeLastSessionRefreshedTime()
+  }
+
   await saveIsSessionRefreshing(true)
 
   const loginData = await loadLoginData()

src/core/login/setup-refreshing-overlay.tsx

@@ -23,6 +23,10 @@ export function setupRefreshingOverlay({ checkIsInLoginPage }: Options) {
   }
 
   function showRefreshingOverlay() {
+    if (document.getElementById('refreshing-overlay')) {
+      return
+    }
+
     const element = renderToStaticMarkup(
       <RefreshingOverlay id="refreshing-overlay" />
     )

src/entry/background.ts

@@ -10,7 +10,7 @@ import {
 } from '../core/login/login-status'
 import { startListeningNetworkStatus } from '../core/network-status'
 import { refreshSession } from '../core/login/refresh-session'
-import { sendMessageToTabs } from '../utils/tab-message'
+import { sendMessageToTabs, TabMessage } from '../utils/tab-message'
 import { migrateLocalStorageKey } from '../utils/migrate-storage-key'
 
 chrome.runtime.onInstalled.addListener(async (details) => {
@@ -66,10 +66,13 @@ chrome.storage.onChanged.addListener(async () => {
   })
 })
 
-chrome.runtime.onMessage.addListener(async (message) => {
+chrome.runtime.onMessage.addListener(async (message: TabMessage) => {
   switch (message.type) {
     case 'recreate-refresh-session-alarm':
       await recreateRefreshSessionAlarm()
       break
+    case 'on-signed-out':
+      await refreshSession({ isSignedOut: true })
+      break
   }
 })

src/entry/content-scripts/learnus-login-entry-page.ts

@@ -0,0 +1,6 @@
+import { sendMessageToBackground } from '../../utils/tab-message'
+
+const loginEntryButton = document.querySelector('a.btn.btn-sso')
+if (loginEntryButton) {
+  sendMessageToBackground({ type: 'on-signed-out' })
+}

src/entry/content-scripts/portal-login-entry-page.ts

@@ -0,0 +1,6 @@
+import { sendMessageToBackground } from '../../utils/tab-message'
+
+const loginEntryButton = document.querySelector('div.login_btn')
+if (loginEntryButton) {
+  sendMessageToBackground({ type: 'on-signed-out' })
+}

src/utils/tab-message.ts

@@ -2,6 +2,7 @@ export type TabMessage =
   | ShowRefreshingOverlayMessage
   | UpdateLearnUsSesskeyMessage
   | RecreateRefreshSessionAlarmMessage
+  | OnSignedOutMessage
 
 interface ShowRefreshingOverlayMessage {
   type: 'refreshing-overlay'
@@ -17,6 +18,10 @@ interface RecreateRefreshSessionAlarmMessage {
   type: 'recreate-refresh-session-alarm'
 }
 
+interface OnSignedOutMessage {
+  type: 'on-signed-out'
+}
+
 export async function sendMessageToTab(tabId: number, message: TabMessage) {
   try {
     await chrome.tabs.sendMessage<TabMessage>(tabId, message)

webpack/webpack.common.js

@@ -36,6 +36,18 @@ module.exports = {
       'content-scripts',
       'learnus-main-page.ts'
     ),
+    'content-scripts/portal-login-entry-page': path.join(
+      srcDir,
+      'entry',
+      'content-scripts',
+      'portal-login-entry-page.ts'
+    ),
+    'content-scripts/learnus-login-entry-page': path.join(
+      srcDir,
+      'entry',
+      'content-scripts',
+      'learnus-login-entry-page.ts'
+    ),
   },
   output: {
     path: path.join(__dirname, '../dist/js'),