Update: Use base class and function

public/manifest.json

@@ -21,15 +21,18 @@
     "content_scripts": [
         {
             "matches": ["*://idp.gunma-u.ac.jp/pub/login.cgi*", "*://idp.gunma-u.ac.jp/pub/allotplogin_force.cgi*"],
-            "js": ["sso.js"]
+            "js": ["common.js", "sso.js"]
         },
         {
             "matches": ["*://mdl.media.gunma-u.ac.jp/*"],
-            "js": ["moodle.js"]
+            "js": ["common.js", "moodle.js"]
         },
         {
             "matches": ["*://*.kyomu-sys.gunma-u.ac.jp/*"],
-            "js": ["kyomu.js"]
+            "js": ["common.js","kyomu.js"]
+        },{
+            "matches": ["*://www.media.gunma-u.ac.jp/*"],
+            "js": ["common.js","media.js"]
         }
     ]
 }

src/class/GundaiWebsite/index.ts

@@ -0,0 +1,10 @@
+export default class GundaiWebSite {
+    HeaderAppendText: string;
+    EnableRainbow: () => void;
+    DisableRainbow: () => void;
+    constructor() {
+        this.HeaderAppendText = "";
+        this.EnableRainbow = () => {};
+        this.DisableRainbow = () => {};
+    }
+}

src/class/Kyomu/index.ts

@@ -0,0 +1,45 @@
+import { addRainbowBg, addRainbowText } from "../../utils/addClass";
+import changeQueryInnerHTML from "../../utils/changeQueryInnerHTML";
+import GundaiWebSite from "../GundaiWebsite";
+
+export default class Kyomu extends GundaiWebSite {
+    constructor() {
+        super();
+        this.EnableRainbow = () => {
+            // ログインボタン
+            // https://qiita.com/Sekky0905/items/a88721f2af41050c93f2
+            const loginBtn: HTMLInputElement = <HTMLInputElement>document.getElementById("ctl21_btnLoginShibbolethGunma");
+            if (loginBtn) {
+                loginBtn.value = "群馬大学ゲーミング\nアカウントでログイン";
+            }
+
+            // ページ遷移リンク
+            addRainbowText(".commonTopPageLink", ".commonTopPageLinkWithPadding");
+
+            addRainbowText(
+                "#CtlInfLstBfrLginEmrgncy_LblTitle",
+                "#CtlInfLstBfrLginNrml_LblTitle",
+                "#AllAnnualList_LblTitle",
+                "#JeLblSyllabiHeader_lbl",
+            );
+            addRainbowBg(".infoListEntryOrgName");
+            addRainbowBg(".infoListBeforeLoginGrid");
+
+            // ログイン後のトップページ
+            addRainbowBg(".top_title_header", ".top_now_title");
+
+            // トップページのウェルカムメッセージ
+            changeQueryInnerHTML(["#loginHeader_lblWelcome_1_lbl"], "よおこそ、群馬大学ゲーミング教務システムへ");
+            changeQueryInnerHTML(
+                ["#loginHeader_lblWelcome_2_lbl"],
+                "このサイトでは、プレーヤーの群馬大学での𝑮𝒂𝒎𝒊𝒏𝒈 𝑳𝒊𝒇𝒆 𝑺𝒕𝒚𝒍𝒆をいい感じにします",
+            );
+
+            // トップページのお知らせ
+            changeQueryInnerHTML(["#AllAnnualList_LblTitle"], "ゲーミング ライフ スタイル");
+
+            // 受信メッセージ一覧
+            addRainbowBg("#ctl00_phContents_ctlMesReceive_gridMes tr");
+        };
+    }
+}

src/class/Media/index.ts

@@ -0,0 +1,7 @@
+import GundaiWebSite from "../GundaiWebsite";
+
+export default class MediaCenter extends GundaiWebSite {
+    constructor() {
+        super();
+    }
+}

src/Moodle/DisableRainbow.ts → src/class/Moodle/DisableRainbow.ts

@@ -1,5 +1,5 @@
-import { removeRainbowBg } from "../utils/addClass";
-import changeQueryInnerHTML from "../utils/changeQueryInnerHTML";
+import { removeRainbowBg } from "../../utils/addClass";
+import changeQueryInnerHTML from "../../utils/changeQueryInnerHTML";
 import { HeaderAppendText } from ".";
 
 export const DisableRainbow = () => {

src/Moodle/EnableRainbow.ts → src/class/Moodle/EnableRainbow.ts

@@ -1,5 +1,5 @@
-import { addRainbowBg, addRainbowText } from "../utils/addClass";
-import changeQueryInnerHTML from "../utils/changeQueryInnerHTML";
+import { addRainbowBg, addRainbowText } from "../../utils/addClass";
+import changeQueryInnerHTML from "../../utils/changeQueryInnerHTML";
 import { HeaderAppendText } from ".";
 
 export const EnableRainbow = () => {

src/class/Moodle/index.ts

@@ -0,0 +1,13 @@
+import GundaiWebSite from "../GundaiWebsite";
+import DisableRainbow from "./DisableRainbow";
+import EnableRainbow from "./EnableRainbow";
+
+export const HeaderAppendText = " Gaming Edition🎮";
+
+export default class Moodle extends GundaiWebSite {
+    constructor() {
+        super();
+        this.EnableRainbow = EnableRainbow;
+        this.DisableRainbow = DisableRainbow;
+    }
+}

src/SSO/EnableRainbow.ts → src/class/SSO/EnableRainbow.ts

@@ -1,5 +1,5 @@
-import { addClass } from "../utils/addClass";
-import changeQueryInnerHTML from "../utils/changeQueryInnerHTML";
+import { addClass } from "../../utils/addClass";
+import changeQueryInnerHTML from "../../utils/changeQueryInnerHTML";
 
 export const EnableRainbow = () => {
     addClass([".header_column", ".input_form", ".input_column"], ["rainbow-bg"]);

src/class/SSO/index.ts

@@ -0,0 +1,9 @@
+import GundaiWebSite from "../GundaiWebsite";
+import EnableRainbow from "./EnableRainbow";
+
+export default class SSO extends GundaiWebSite {
+    constructor() {
+        super();
+        this.EnableRainbow = EnableRainbow;
+    }
+}

src/background.ts → src/scripts/background.ts

@@ -1,5 +1,5 @@
-import getIsEnabled from "./utils/getIsEnabled";
-import { storage } from "./utils/storage";
+import getIsEnabled from "../utils/getIsEnabled";
+import { storage } from "../utils/storage";
 
 chrome.runtime.onInstalled.addListener(() => {
     storage.set({ enabled: true });

src/scripts/content_common.ts

@@ -0,0 +1,8 @@
+import "../styles/gaming.scss";
+import "../styles/kyomu.scss";
+
+chrome.runtime.onMessage.addListener((message) => {
+    if (message === "reload") {
+        location.reload();
+    }
+});

src/scripts/content_kyomu.ts

@@ -0,0 +1,4 @@
+import Kyomu from "../class/Kyomu";
+import loadGamingWebsite from "../utils/loadGamingWebsite";
+
+loadGamingWebsite(new Kyomu());

src/scripts/content_media.ts

@@ -0,0 +1 @@
+window.addEventListener("load", () => {});

src/scripts/content_moodle.ts

@@ -0,0 +1,17 @@
+import Moodle from "../class/Moodle";
+import loadGamingWebsite from "../utils/loadGamingWebsite";
+
+//window.addEventListener("load", async () => await runFuncIfEnabled(Moodle.EnableRainbow));
+loadGamingWebsite(new Moodle());
+
+// あとでリロード無しでゲーミングモード解除を実装する
+/*
+chrome.action.onClicked.addListener(async () => {
+    const isEnable = await isEnabled();
+    if (isEnable) {
+        EnableRainbow();
+    } else {
+        DisableRainbow();
+    }
+});
+*/

src/scripts/content_sso.ts

@@ -0,0 +1,6 @@
+import SSO from "../class/SSO";
+import loadGamingWebsite from "../utils/loadGamingWebsite";
+
+//window.addEventListener("load", async () => await runFuncIfEnabled(SSO.EnableRainbow));
+
+loadGamingWebsite(new SSO());

src/utils/loadGamingWebsite.ts

@@ -0,0 +1,6 @@
+import GundaiWebSite from "../class/GundaiWebsite";
+import runFuncIfEnabled from "./runFuncIfEnabled";
+
+export default function loadGamingWebsite(website: GundaiWebSite) {
+    window.addEventListener("load", async () => await runFuncIfEnabled(website.EnableRainbow));
+}

src/utils/runIfEnabled.ts → src/utils/runFuncIfEnabled.ts

@@ -1,6 +1,6 @@
 import getIsEnabled from "./getIsEnabled";
 
-export default async function runIfEnabled(func: () => void) {
+export default async function runFuncIfEnabled(func: () => void) {
     const isEnable = await getIsEnabled();
     if (isEnable) {
         func();

webpack.config.js

@@ -1,18 +1,25 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-const Path = require("path");
+const path = require("path");
+const fs = require("fs");
 const CopyPlugin = require("copy-webpack-plugin");
 const ESLintPlugin = require("eslint-webpack-plugin");
 
+const loadFilesInScripts = function () {
+    const dir = path.join(__dirname, "src/scripts");
+    const files = fs.readdirSync(dir);
+    const entry = {};
+    files.forEach(function (file) {
+        const name = file.replace(".ts", "").replace("content_", "");
+        entry[name] = path.join(dir, file);
+    });
+    return entry;
+};
+
 module.exports = {
-    entry: {
-        sso: "./src/content_sso.ts",
-        moodle: "./src/content_moodle.ts",
-        kyomu: "./src/content_kyomu.ts",
-        background: "./src/background.ts",
-    },
+    entry: loadFilesInScripts(),
 
     output: {
-        path: Path.join(__dirname, "dist"),
+        path: path.join(__dirname, "dist"),
         clean: true,
     },