V0.0.3 (#11)

* feat(editor): add github releases auto update flow

Enable desktop auto-update checks and install prompt so packaged apps can update from published GitHub Releases.

* fix(canvas): keep frame labels aligned during zoom

Draw labels in viewport space with zoom-aware positioning so frame titles stay anchored while panning and zooming.

* fix(ai): disable chat interactions when no models connected

Prevent sending and shortcut actions when provider models are unavailable, and show a concise model picker hint to avoid false-available UI states.

* docs: refresh readme community and demo section

Embed the product demo video inline, add a styled Discord community entry, and update media assets for clearer README presentation.

* chore: update nitro external dependency settings

Align SSR bundling with current runtime usage by removing the unnecessary @opencode-ai external entries.

* feat(electron): enhance macOS build process and update auto-updater

- Added a new build script for macOS that allows building for both arm64 and x64 architectures.
- Updated GitHub Actions workflow to support separate build arguments for macOS arm64 and x64.
- Implemented a custom GitHub update provider for macOS to handle versioning based on architecture.
- Introduced a new icon for the electron app and removed the old logo image.

---------

Co-authored-by: Fini <fini.yang@gmail.com>

Author: Kayshen-X

.github/workflows/build-electron.yml

@@ -18,11 +18,17 @@ jobs:
       matrix:
         include:
           - os: macos-latest
-            platform: mac
+            platform: mac-arm64
+            build_args: --mac --arm64
+          - os: macos-latest
+            platform: mac-x64
+            build_args: --mac --x64
           - os: windows-latest
             platform: win
+            build_args: --win
           - os: ubuntu-latest
             platform: linux
+            build_args: --linux
 
     steps:
       - uses: actions/checkout@v4
@@ -50,10 +56,17 @@ jobs:
         run: bun run mcp:compile
 
       - name: Build Electron app
-        run: npx electron-builder --config electron-builder.yml --${{ matrix.platform }}
+        run: npx electron-builder --config electron-builder.yml ${{ matrix.build_args }}
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
+      - name: Rename arm64 update metadata
+        if: matrix.platform == 'mac-arm64'
+        run: |
+          if [ -f dist-electron/latest-mac.yml ]; then
+            mv dist-electron/latest-mac.yml dist-electron/latest-mac-arm64.yml
+          fi
+
       - name: Upload artifacts
         uses: actions/upload-artifact@v4
         with:
@@ -64,6 +77,9 @@ jobs:
             dist-electron/*.exe
             dist-electron/*.AppImage
             dist-electron/*.deb
+            dist-electron/latest*.yml
+            dist-electron/*.blockmap
+            !dist-electron/builder-debug.yml
           retention-days: 30
 
   release:
@@ -86,7 +102,7 @@ jobs:
       - name: Create GitHub Release
         uses: softprops/action-gh-release@v2
         with:
-          draft: true
+          draft: false
           generate_release_notes: true
           files: artifacts/*
         env:

README.md

@@ -4,16 +4,24 @@
   <img src="https://img.shields.io/badge/runtime-Bun-f472b6" alt="Bun" />
   <img src="https://img.shields.io/badge/platform-Web%20%7C%20macOS%20%7C%20Windows%20%7C%20Linux-blue" alt="Platform" />
 </p>
+<p align="center">
+  <a href="https://discord.gg/fE9STbMG">
+    <img src="./public/logo-discord.svg" alt="Discord" width="18" />
+    <strong> Join the OpenPencil Discord Community</strong>
+  </a>
+</p>
 
 # OpenPencil
 
-Open-source vector design tool with a **Design-as-Code** philosophy. An alternative to [Pencil.dev](https://pencil.dev).
+Open-source vector design tool with a **Design-as-Code** philosophy. An alternative to Pencil.
 
 Design visually on an infinite canvas, generate code from designs, and let AI build entire screens from a single prompt — all in one tool that runs in your browser or as a native desktop app.
 
-![OpenPencil Editor](./screenshot/demo.png)
-
-<video src="https://github.com/user-attachments/assets/5bf66acb-724f-4f7e-9f9b-cc219ce8f484" controls width="800"></video>
+<p align="center">
+  <video controls playsinline preload="metadata" poster="./screenshot/op-cover.png" width="100%">
+    <source src="https://i.imgur.com/yiu2GTt_lq.mp4" type="video/mp4" />
+  </video>
+</p>
 
 ## Highlights
 
@@ -52,6 +60,12 @@ bun run electron:dev
 bun run electron:build
 ```
 
+### Desktop Auto Update (GitHub Releases)
+
+- The packaged app checks GitHub Releases automatically on startup and every hour.
+- When a new version finishes downloading, the app shows a **Restart & Install** prompt.
+- Releases must be **published (not draft)** and include update metadata (`latest*.yml`, `*.blockmap`).
+
 ### AI Configuration
 
 The AI assistant supports multiple providers:

build/icon.icns

@@ -50,4 +50,8 @@ linux:
 
 asar: true
 
-publish: null
+publish:
+  provider: github
+  owner: ZSeven-W
+  repo: openpencil
+  releaseType: release