Build webapp image on CI

.github/workflows/ci.yaml

@@ -30,6 +30,20 @@ jobs:
     - run: npm run bundle
       if: ${{ !cancelled() }}
 
+  webapp-image:
+    runs-on: ubuntu-22.04
+    needs: test
+    steps:
+    - uses: actions/checkout@v3
+    - run: make build-image
+    - uses: docker/login-action@v2
+      if: ${{ github.repository == 'authgear/authgear-sdk-js' && github.event_name == 'push' }}
+      with:
+        registry: quay.io
+        username: ${{ secrets.QUAY_USERNAME }}
+        password: ${{ secrets.QUAY_ROBOT_TOKEN }}
+    - run: make push-image
+
   # react_native_ios cannot be built on simulator due to WeChat SDK
 
   test_react_native_android:

Makefile

@@ -52,9 +52,12 @@ docs:
 deploy-docs: docs
 	./scripts/deploy_docs.sh
 
+# NOTE(louis): For some unknown reason, if platfrom is set to linux/x86_64,
+# The npm run build will get stuck forever on my Apple Silicon MacBook.
+# So we have to build it on CI.
 .PHONY: build-image
 build-image:
-	docker build --platform linux/x86-64 --tag $(IMAGE) --file ./example/reactweb/Dockerfile .
+	docker build --tag $(IMAGE) --file ./example/reactweb/Dockerfile .
 
 .PHONY: push-image
 push-image: