feat: add Apple Silicon (arm64) support for Docker image. #57

.github/workflows/ci.yml

@@ -78,26 +78,34 @@ jobs:
       - run: echo "outputs.create_tag_versionNumber - ${{ needs.build.outputs.create_tag_versionNumber }}"
       - run: echo "outputs.tag - ${{ needs.build.outputs.tag }}"
 
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+          
       # Create Docker Image
       - name: Docker login
         run: docker login -u ${{ secrets.DOCKER_USER }} -p ${{ secrets.DOCKER_PASSWORD }}
 
-      - name: Build wxmp image
+      # - name: Build wxmp image
+      #   working-directory: website
+      #   run: docker image build -t wxmp .
+
+      - name: Build and push multi-platform image
         working-directory: website
-        run: docker image build -t wxmp .
-
-      - name: Tags & Push image (latest)
         run: |
-          echo "outputs.tag - ${{ needs.build.outputs.version }}"
+          docker buildx build \
-          docker tag wxmp ${{ secrets.DOCKER_USER }}/wxmp:latest
+            --platform linux/amd64,linux/arm64 \
-          docker push ${{ secrets.DOCKER_USER }}/wxmp:latest
+            -t ${{ secrets.DOCKER_USER }}/wxmp:latest \
+            --push .
+        
 
-      - name: Tags & Push image
+      - name: Build and push multi-platform image (with tag)
         if: needs.build.outputs.successful
+        working-directory: website
         run: |
-          echo "outputs.tag - ${{ needs.build.outputs.version }}"
+          docker buildx build \
-          docker tag wxmp ${{ secrets.DOCKER_USER }}/wxmp:${{needs.build.outputs.version}}
+            --platform linux/amd64,linux/arm64 \
-          docker push ${{ secrets.DOCKER_USER }}/wxmp:${{needs.build.outputs.version}}
+            -t ${{ secrets.DOCKER_USER }}/wxmp:${{ needs.build.outputs.version }} \
+            --push .
 
       # # Create Docker Image in GitHub
       # - name: Login to GitHub registry

package.json

@@ -19,8 +19,8 @@
     "husky": "^8.0.1",
     "lerna": "^8.0.0",
     "prettier": "^3.0.2",
-    "react": "~18.3.0",
+    "react": "~18.2.0",
-    "react-dom": "~18.3.0",
+    "react-dom": "~18.2.0",
     "tsbb": "~4.4.0"
   },
   "workspaces": {

website/package.json

@@ -28,8 +28,8 @@
     "@uiw/react-markdown-editor": "^6.0.0",
     "@wcj/dark-mode": "^1.0.15",
     "css-tree": "^2.2.1",
-    "react": "~18.3.0",
+    "react": "~18.2.0",
-    "react-dom": "~18.3.0",
+    "react-dom": "~18.2.0",
     "react-hot-toast": "^2.3.0",
     "react-router-dom": "^6.3.0",
     "rehype-attr": "^3.0.0",