Webpack config update

leonyu · Sep 22, 2024 · 342a1e5 · 342a1e5
1 parent c8d1487
commit 342a1e5
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 30 deletions.
diff --git a/public/index.html b/public/index.html
@@ -21,7 +21,7 @@
   <link rel="stylesheet" href="/css/penguin.css">
 
   <link rel="stylesheet" href="https://cloud.leonyu.net/boxing/css/ui.css">
-  <script defer src="https://cloud.leonyu.net/boxing/js/app.js"></script>
+  <script defer src="https://cloud.leonyu.net/boxing/js/bundle.js"></script>
 </head>
 
 <body>

diff --git a/public/qr.html b/public/qr.html
@@ -19,10 +19,14 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
   <link rel="stylesheet" href="/css/penguin.css">
 
+  <script defer src="/js/bundle.js"></script>
   <script>
-    const fetchCheckIP = fetch('https://cloud.leonyu.net/boxing/', { method: 'HEAD' }).then((res) => res.headers.get('X-Request-IP') || '');
+    addEventListener('DOMContentLoaded', () => {
+      fetch('https://cloud.leonyu.net/boxing/', { method: 'HEAD' })
+        .then((res) => res.headers.get('X-Request-IP') || '')
+        .then((ipAdress) => { bundle.init(ipAdress); });
+    });
   </script>
-  <script defer src="/js/app.js"></script>
 </head>
 
 <body>

diff --git a/src/index.ts b/src/index.ts
@@ -1,23 +1,16 @@
 import QRView from './QRView';
 
-declare const fetchCheckIP: Promise<string>;
-
-async function init(ipPromise: Promise<string>): Promise<void> {
+export function init(ipAddress: string): void {
   const qrDiv = document.querySelector<HTMLDivElement>('#qr');
   if (qrDiv == null) {
     throw new Error('Content DIV does not exist.')
   }
   const view = new QRView(qrDiv);
   try {
-    const ipAddress = await ipPromise;
     if (ipAddress) {
       view.updateInput(`CLIENT_IP:${ipAddress}`);
     }
   } catch (err) {
     view.updateInput(String(err));
   }
 }
-
-document.addEventListener('DOMContentLoaded', () => {
-  void init(fetchCheckIP);
-});
diff --git a/webpack.config.js b/webpack.config.js
diff --git a/webpack.config.mjs b/webpack.config.mjs
@@ -0,0 +1,19 @@
+
+import path from 'node:path';
+import { env } from 'node:process';
+
+export default {
+  mode: env.NODE_ENV == 'production' ? 'production' : 'development',
+  entry: './src/',
+  resolve: { extensions: ['.ts'] },
+  module: {
+    rules: [
+      { test: /\.([cm]?ts|tsx)$/, loader: 'ts-loader' },
+    ],
+  },
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(import.meta.dirname, 'dist'),
+    library: { name: 'bundle', type: 'umd' },
+  },
+};