🔨 Add build scripts for extension

config/paths.ts

@@ -9,14 +9,16 @@ interface Paths {
   appSrc: string;
   appUserscript: string;
   appMain: string;
+  appExtMain: string;
 }
 
 const paths: Paths = {
   appDev: resolveApp('dev'),
   appDist: resolveApp('dist'),
   appSrc: resolveApp('src'),
   appUserscript: resolveApp('src/klas-helper.user.js'),
-  appMain: resolveApp('src/main.js')
+  appMain: resolveApp('src/main.js'),
+  appExtMain: resolveApp('src/main-ext.js')
 };
 
 export default paths;

config/webpack.config.ts

@@ -72,4 +72,14 @@ const mainConfig: webpack.Configuration = {
   ...commonConfig
 };
 
-export default [userscriptConfig, mainConfig];
+const mainExtConfig: webpack.Configuration = {
+  name: 'main-ext',
+  entry: paths.appExtMain,
+  output: {
+    filename: 'main-ext.js',
+    path: paths.appDist
+  },
+  ...commonConfig
+};
+
+export default [userscriptConfig, mainConfig, mainExtConfig];

package.json

@@ -7,6 +7,9 @@
     "dev:build": "cross-env NODE_ENV=development webpack --config config/webpack.config.ts --config-name userscript --progress",
     "dev:start": "cross-env NODE_ENV=development webpack-dev-server --config config/webpack.config.ts --config-name main --host 0.0.0.0 --watch-poll",
     "dev": "npm run dev:build && npm run dev:start",
+    "ext:build": "cross-env NODE_ENV=development webpack --config config/webpack.config.ts --config-name userscript --progress",
+    "ext:start": "cross-env NODE_ENV=development webpack-dev-server --config config/webpack.config.ts --config-name main-ext --host 0.0.0.0 --watch-poll",
+    "ext": "npm run ext:build && npm run ext:start",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "build": "cross-env NODE_ENV=production webpack --config config/webpack.config.ts --progress"

src/main-ext.js

@@ -0,0 +1,40 @@
+import routes from './routes';
+import {
+  insertLibrary
+} from './utils/dom';
+
+// 확장 프로그램은 load가 필요없습니다
+(() => {
+  const dependencies = [
+    'https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js',
+    'https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css',
+    'https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js'
+  ];
+
+  // 의존성 삽입
+  for (const url of dependencies) {
+    insertLibrary(url);
+  }
+
+  // 메인 함수 실행
+  if (Object.prototype.hasOwnProperty.call(routes, location.pathname)) {
+    routes[location.pathname]();
+  }
+
+  // KLAS Helper 사용 여부 문구 추가
+  $('.navtxt').prepend(`
+    <span style="margin-right: 20px">
+      <a href="https://github.com/nbsp1221/klas-helper" target="_blank" rel="noopener">KLAS Helper</a> 사용 중
+    </span>
+  `);
+
+  // 위로 가기 버튼 위치 고정
+  $('.btnup').css({
+    bottom: '30px',
+    position: 'fixed',
+    right: '30px'
+  });
+
+  // 로그인 세션 유지
+  setInterval(() => { fetch('/'); }, 600000);
+})();