Release v1.4

.github/workflows/build.yml

@@ -8,19 +8,29 @@ on:
     paths-ignore:
       - 'docs/**'
 
+env:
+  REGISTRY: ghcr.io
+  IMAGE_NAME: ${{ github.repository }}
+
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
 
+    permissions:
+      contents: read
+      packages: write
+      id-token: write
+
     steps:
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
 
-      - name: Login to Docker Hub
-        uses: docker/login-action@v3
+      - name: Log in to the Container registry
+        uses: docker/login-action@65b78e6e13532edd9afa3aa52ac7964289d1a9c1
         with:
-          username: ${{ secrets.DOCKER_HUB_USERNAME }}
-          password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
 
       - uses: actions/checkout@v4
 
@@ -34,4 +44,4 @@ jobs:
         with:
           context: .
           push: true
-          tags: ${{ secrets.DOCKER_HUB_USERNAME }}/builder-spx-gui:latest
+          tags: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest

Dockerfile

@@ -1,34 +1,36 @@
 # All-in-one Dockerfile for building the SPX GUI
-ARG image_address
-FROM ${image_address}golang:1.21 as go-builder
+
+ARG GOP_BASE_IMAGE=ghcr.io/goplus/gop:1.2
+ARG NODE_BASE_IMAGE=node:20.11.1
+ARG NGINX_BASE_IMAGE=nginx:1.27
+
+FROM ${GOP_BASE_IMAGE} AS go-builder
 
 WORKDIR /app
 
-# Build WASM
 COPY tools ./tools
 COPY spx-backend ./spx-backend
 
+ARG GOPROXY
+
+# Build WASM
 WORKDIR /app/tools/fmt
 RUN ./build.sh
-
 WORKDIR /app/tools/ispx
 RUN ./build.sh
 
-# Install Go+
-RUN bash -c ' echo "deb [trusted=yes] https://pkgs.goplus.org/apt/ /" > /etc/apt/sources.list.d/goplus.list' \
-    && apt update \
-    && apt install -y gop
-
 # Build backend
 WORKDIR /app/spx-backend
 RUN gop build -o spx-backend ./cmd/spx-backend
 
-FROM ${image_address}node:20.11.1 as frontend-builder
+FROM ${NODE_BASE_IMAGE} AS frontend-builder
 
 WORKDIR /app/spx-gui
 
 COPY spx-gui/package.json spx-gui/package-lock.json ./
 
+ARG NPM_CONFIG_REGISTRY
+
 RUN npm install
 
 COPY spx-gui .
@@ -39,13 +41,11 @@ COPY --from=go-builder /app/tools/ispx/main.wasm /app/spx-gui/src/assets/ispx/ma
 
 RUN npm run build
 
-FROM go-builder
-
-# Install nginx
-RUN apt update && apt install -y nginx
+FROM ${NGINX_BASE_IMAGE}
 
+COPY --from=go-builder /app/spx-backend/spx-backend /app/spx-backend/spx-backend
 COPY --from=frontend-builder /app/spx-gui/dist /usr/share/nginx/html
-COPY nginx.conf /etc/nginx/sites-available/default
+COPY nginx.conf /etc/nginx/conf.d/default.conf
 
 # Compress WASM files for gzip_static
 RUN find /usr/share/nginx/html -name "*.wasm" -exec gzip -9 -k {} \;
@@ -54,4 +54,4 @@ EXPOSE 80
 
 WORKDIR /app
 
-CMD ./spx-backend/spx-backend & nginx -g "daemon off;" & wait
+CMD ["sh", "-c", "nginx && exec ./spx-backend/spx-backend"]

README.md

@@ -1,52 +1,15 @@
-# 💐GO+ Builder
+# Go+ Builder
 
-GO+ Builder is an innovative online educational platform designed specifically for children's programming. With a focus on STEM (Science, Technology, Engineering, and Mathematics) education, our platform provides an interactive and engaging learning experience that encourages creativity and problem-solving through coding.
+Go+ Builder is a tool for building games. We create it to help children to learn [abilities to build](https://github.com/goplus/builder/issues/531).
 
-## 📖Features
+Go+ Builder is developed based on [spx](https://github.com/goplus/spx), which is a game engine built on [Go+](https://goplus.org/).
 
-GO+ Builder offers a wide range of features designed to support both offline and online learning environments:
+![Go+ Builder Screenshot](./docs/screenshot.jpeg)
 
-### Offline Features:
+## How to try
 
-- **Editor:** Code highlighting, code clearing, code folding, syntax checking, auto-completion, and error prompts after execution.
-- **Toolbar:** Use shortcut commands to add corresponding code snippets quickly.
-- **Sound:** Upload and record sounds locally. Modify and delete sounds in real time within your project.
-- **Backdrop:** Upload backdrop locally, delete backdrop in real time.
-- **Sprite:** Add, modify, and delete sprites. Features include uploading from local storage or importing Scratch project assets, adjusting object names, coordinates, visibility, size, and direction.
-- **Project Import:** Upload projects from your device or create new blank projects. Supports public and private projects, as well as creating new blank projects.
-- **Project Storage:** Save projects to browser cache for easy access on subsequent visits.
-- **Project download:** Save the project zip package locally.
-- **Real-Time Display:** Dynamically display animations on stage.
-- **Execution and Pause display:** Run and pause display with ease.
-- **File Management:** Switching the selected sprite switches the code file.
-- **Multilingual Support:** Switch between multiple languages, including Chinese and English.
+You can visit https://builder.goplus.org to try Go+ Builder.
 
-### Online Features:
+## How to develop
 
-- **Asset Library:** Access private and public asset libraries with sorting options (popularity/release time), categorization by tags, and text-based search functionality.
-- **Sprite Asset Library:** Hover to preview multiple animations.
-- **Sprite/Backdrop:** Easily import from the asset library.
-- **Project Import**: load Project from the cloud.
-- **Cloud Project Storage:** Save project files to the cloud.
-- **Project Publishing:** Toggle projects between public and private visibility.
-- **Authentication:** Log in and out using GO+ community accounts.
-
-### **Widget Integration:** 
-
-Embed SPX online programming and game animations directly into your projects.
-
-## ✨How to Use (For Users)
-
-Access the online platform at [GO+ Builder Homepage](https://builder.goplus.org) for an engaging coding experience.
-
-For a guide on how to get started with GO+ Builder, please refer to our [usage guide](./docs/usage/usage.md).
-
-## ✨How to Install (For Developers)
-
-Developers looking to contribute or customize the platform can find detailed installation instructions on our [installation guide](./docs/installation/installation.md). 
-
-## 📦Contribution
-
-We welcome contributions! For guidelines on how to contribute to GO+ Builder, please check out our [contribution guide](./docs/contribution/contribution.md).
-
-Join us in making GO+ Builder more accessible and enjoyable for children around the world. Let's code, create, and learn together with GO+ Builder!
+See details in [Develop Go+ Builder](./docs/develop/index.md).