correct deploy

Author: runxel

.github/workflows/deploy.yml

@@ -4,6 +4,11 @@ on:
   push:
     branches: [ main ]
 
+# Environment variables for deployment configuration
+env:
+  CUSTOM_DOMAIN: tools.akroter.io
+  SUBDIRECTORY: bcf-viewer
+
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
   contents: read
@@ -34,7 +39,10 @@ jobs:
         run: npm ci
 
       - name: Build application
-        run: npm run build
+        run: npm run deploy
+
+      - name: Create CNAME file for custom domain
+        run: echo "${{ env.CUSTOM_DOMAIN }}" > ./dist/CNAME
 
       - name: Setup Pages
         uses: actions/configure-pages@v4

package.json

@@ -2,13 +2,15 @@
 	"name": "bcf-viewer",
 	"version": "0.1.0",
 	"description": "A web application for viewing BCF files",
-	"homepage": "https://akroter-io.github.io/bcf-viewer",
+	"homepage": "https://tools.akroter.io/bcf-viewer",
 	"main": "dist/main.js",
 	"scripts": {
 		"build": "webpack --mode production",
+		"build:custom-domain": "PUBLIC_PATH=/bcf-viewer/ webpack --mode production",
+		"build:root": "PUBLIC_PATH=/ webpack --mode production",
 		"start": "webpack serve --mode development",
 		"dev": "webpack --mode development --watch",
-		"deploy": "npm run build"
+		"deploy": "npm run build:custom-domain"
 	},
 	"keywords": [
 		"BCF",

webpack.config.js

@@ -5,15 +5,17 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = (env, argv) => {
 	const isProduction = argv.mode === 'production';
+	// Allow customization of public path via environment variable
+	const publicPath = process.env.PUBLIC_PATH || (isProduction ? '/bcf-viewer/' : '/');
 
 	return {
 		entry: './src/main.ts',
 		output: {
 			filename: 'bundle.js',
 			path: path.resolve(__dirname, 'dist'),
 			clean: true,
-			// Set public path for GitHub Pages
-			publicPath: isProduction ? '/bcf-viewer/' : '/',
+			// Set public path - configurable via environment variable
+			publicPath: publicPath,
 		},
 		resolve: {
 			extensions: ['.ts', '.js'],
@@ -44,7 +46,7 @@ module.exports = (env, argv) => {
 				filename: 'index.html',
 				// Process favicon paths based on public path
 				templateParameters: {
-					publicPath: isProduction ? '/bcf-viewer/' : '/',
+					publicPath: publicPath,
 				},
 			}),
 			new CopyWebpackPlugin({