finalize it & make GH action for deployment

AvidDollars · AvidDollars · commit b77a96e859b2 · 2025-09-03T18:58:39.000+02:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,64 @@
+name: Deploy WASM build to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+env:
+  CARGO_TERM_COLOR: always
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: actions/cache@v4
+        with:
+          path: |
+            ~/.cargo/bin/
+            ~/.cargo/registry/index/
+            ~/.cargo/registry/cache/
+            ~/.cargo/git/db/
+            target/
+          key: ${{ github.ref || github.run_id }}
+      - uses: dtolnay/rust-toolchain@stable
+      - name: Add WASM
+        run: rustup target add wasm32-unknown-unknown
+      - name: Install WASM bindgen CLI
+        run: cargo install -f wasm-bindgen-cli
+      - name: Install alsa and udev
+        run: sudo apt-get update; sudo apt-get install --no-install-recommends libasound2-dev libudev-dev
+      - name: Build
+        run: cargo build --release --target wasm32-unknown-unknown && wasm-bindgen --out-dir ./out/ --target web ./target/wasm32-unknown-unknown/release/tetris_in_rust.wasm  
+      - name: Copy
+        run: cp -R assets out/ && cp index.html out/index.html && cp style.css out
+      - name: Push
+        uses: s0/git-publish-subdir-action@develop
+        env:
+          SQUASH_HISTORY: true
+          REPO: self
+          BRANCH: gh-pages # The branch name where you want to push the assets
+          FOLDER: out # The directory where your assets are generated
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # GitHub will automatically add this - you don't need to bother getting a token
+          MESSAGE: "Build: ({sha}) {msg}" # The commit message
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: '${{ github.event.repository.name }}/out'
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    permissions:
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: 'https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/'
+    steps:
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Deploy
+        uses: actions/deploy-pages@v4
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>Tetris</title>
+</head>
+<body>
+    <script type="module">
+        import init from './out/tetris_in_rust.js'
+        init()
+    </script>
+</body>
+</html>
diff --git a/src/main.rs b/src/main.rs
@@ -22,6 +22,7 @@ fn main() {
                     title: "Tetris".into(),
                     name: Some("bevy.app".into()),
                     resolution: (1920., 1080.).into(),
+                    fit_canvas_to_parent: true, // FROM: https://mevlyshkin.com/blog/bevy-github-actions/
                     ..default()
                 }),
                 ..default()}),
diff --git a/style.css b/style.css
@@ -0,0 +1,5 @@
+html,
+body {
+    margin: 0;
+    height: 100%;
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +html,
 +body {
 +    margin: 0;
 +    height: 100%;
 +}