fix ghpaged deployment

.github/workflows/webpack.yml

@@ -1,4 +1,4 @@
-name: NodeJS with Webpack
+name: Build and Deploy
 
 on:
   push:
@@ -9,20 +9,21 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [18.x, 20.x, 22.x]
-
     steps:
-    - uses: actions/checkout@v4
+      - uses: actions/checkout@v4
+
+      - name: Use Latest Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "node"
 
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v4
-      with:
-        node-version: ${{ matrix.node-version }}
+      - name: Install Dependencies and Build
+        run: |
+          npm install
+          npx webpack
 
-    - name: Build
-      run: |
-        npm install
-        npx webpack
+      - name: Deploy to GitHub Pages
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          branch: gh-pages      # The branch the action should deploy to.
+          folder: dist          # The folder where the build output is located.

.gitignore

@@ -11,8 +11,6 @@ node_modules/
 # build output
 build/
 dist/
-index.html
-plugin.js
 
 # TypeScript cache
 *.tsbuildinfo

webpack.config.js

@@ -5,7 +5,7 @@ module.exports = {
   entry: './plugin.tsx',
   output: {
     filename: 'plugin.js',
-    path: path.resolve(__dirname)
+    path: path.resolve(__dirname, 'dist')
   },
   resolve: {
     extensions: ['.tsx', '.ts', '.js']
@@ -21,9 +21,10 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: './index_template.html', // uses index.html as the template
+      template: './index.html',
+      filename: 'index.html', // outputs to dist/index.html
       inject: 'head'
     })
   ],
-  mode: 'development' // Switch to 'production' for production builds
+  mode: 'development'
 };