feat: BASE_URL can be overridden (#27)

src/index.tsx

@@ -4,13 +4,10 @@ import './app.css'
 import App from './app.tsx'
 import { loadConfigFromLocalStorage } from './lib/config-db.ts'
 import { isPathOrSubdomainRequest } from './lib/path-or-subdomain.ts'
+import { BASE_URL } from './lib/webpack-constants.ts'
 import RedirectPage from './redirectPage.tsx'
 
 await loadConfigFromLocalStorage()
-/**
- * You can change the BASE_URL when deploying this app to a different domain.
- */
-const BASE_URL = process.env.BASE_URL ?? 'helia-sw-gateway.localhost'
 
 const container = document.getElementById('root')
 

src/lib/webpack-constants.ts

@@ -0,0 +1,10 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+
+/**
+ * You can change the BASE_URL when deploying this app to a different domain.
+ */
+const BASE_URL = process.env.BASE_URL!
+
+export {
+  BASE_URL
+}

src/sw.ts

@@ -3,6 +3,7 @@
 import mime from 'mime-types'
 import { getHelia } from './get-helia.ts'
 import { heliaFetch } from './lib/heliaFetch.ts'
+import { BASE_URL } from './lib/webpack-constants.ts'
 import type { Helia } from '@helia/interface'
 
 declare let self: ServiceWorkerGlobalScope
@@ -91,7 +92,6 @@ const isRootRequestForContent = (event: FetchEvent): boolean => {
 }
 
 function getSubdomainParts (request: Request): { origin: string | null, protocol: string | null } {
-  const BASE_URL = 'helia-sw-gateway.localhost'
   const urlString = request.url
   const url = new URL(urlString)
   const subdomain = url.hostname.replace(`.${BASE_URL}`, '')

webpack.config.js

@@ -95,8 +95,7 @@ const dev = {
     // Only update what has changed on hot reload
     hot: true,
     port: 3000,
-    allowedHosts: ['helia-sw.dev.local']
-
+    allowedHosts: [process.env.BASE_URL ?? 'helia-sw-gateway.localhost', 'localhost']
   },
 
   plugins: [
@@ -170,6 +169,9 @@ const common = {
     new webpack.DefinePlugin({
       window: 'globalThis' // attempt to naively replace all "window" keywords with "globalThis"
     }),
+    new webpack.EnvironmentPlugin({
+      BASE_URL: process.env.BASE_URL ?? 'helia-sw-gateway.localhost'
+    }),
     new CompressionPlugin({
       algorithm: 'gzip',
       test: /\.(js|css|html|svg)$/,