depending more on node to build

Author: yamatt

.github/workflows/checks.yml

@@ -5,40 +5,36 @@ on:
     branches:
       - "main"
 
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
 jobs:
   build:
     runs-on: ubuntu-24.04
     steps:
-      - name: Create branch directories
-        run: mkdir -p main public
       - uses: actions/checkout@v4
-        with:
-          path: main
-      - uses: actions/checkout@v4
-        with:
-          ref: public
-          path: public
       - name: Install NodeJS
         uses: actions/setup-node@v4
         with:
           node-version: "22"
       - name: Install webpack
         run: npm install
-        working-directory: ./main
       - name: Package libraries
-        run: webpack
-        working-directory: ./main
-      - name: Copy files to right location
+        run: npm run build
+      - name: Add release number
         run: |
-          cp main/src/html/index.html public
-          cp main/src/css/main.css public
-          cp main/src/data/backgrounds.json public
-          cp main/src/data/streams.json public
-          cp main/dist/main.js main/dist/main.js.map public
-          cp main/src/img/favicon.gif public
-          echo $GITHUB_SHA > public/release
-      - name: Commit back updated files to public branch
-        uses: stefanzweifel/git-auto-commit-action@v5
+          echo $GITHUB_SHA > ./dist/release
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
         with:
-          repository: public
-          commit_message: Updating static webpage
+          path: "./dist"
+      - name: Deploy to GitHub Pages
+        uses: actions/deploy-pages@v4

.github/workflows/web-publish.yml

@@ -5,11 +5,12 @@
 You can submit radio stations from YouTube as Pull Requests, or fork this repo to create your own playlist.
 
 ## How does it work
+
 There is a hidden iframe that switches between different URLs for embedded live streams from YouTube based on the station you select. The code here hooks in to an unofficial API in YouTube that allows you to pause a stream.
 
 ### Enable Auto Play
 
-Some browsers block automatic playing of videos. You may have to go to YouTube to enable this to get Static to work.
+Some browsers block automatic playing of videos. You may have to go to YouTube to enable autoplay to get Static to work.
 
 The backgrounds are videos from giphy that are loaded in a video element in the background.
 
@@ -28,21 +29,10 @@ You can run this locally by building with webpack, putting all the files togethe
 From the root of this repo:
 
 ```bash
-npx webpack-cli
-mkdir -p public
-cp main/dist/main.js main/dist/main.js.map public
-cp main/src/html/index.html public
-cp main/src/css/main.css public
-cp main/src/data/* public
-```
-
-### Testing JS changes
-
-```bash
-npx webpack-cli && cp dist/main.js* public/ && python3 -m http.server -d public/
+npm install
+npm run build
+npm run local
 ```
 
-Then opening your browser at the URL it displays
-
 ## License
 AGPLv3