Merge pull request samizdatco#108 from samizdatco/gpu-window

Add support for GUI windows, animation, and interactivity

Author: samizdatco

.github/workflows/build.yml

@@ -27,32 +27,11 @@ jobs:
       with:
         path: skia-canvas
 
-    - name: Determine current upstream version
-      id: rust-skia
-      run: |
-        export TAG=$(make -sC skia-canvas skia-version)
-        echo "::set-output name=VERSION::$TAG"
-
-    - name: Checkout rust-skia
-      if: ${{ matrix.libc == 'musl' }}
-      uses: actions/checkout@v2
-      with:
-        repository: rust-skia/rust-skia
-        ref: ${{ steps.rust-skia.outputs.VERSION }}
-        submodules: true
-        path: rust-skia
-
-    - name: Patch build files
-      if: ${{ matrix.libc == 'musl' }}
-      run: |
-        patch -p0 < /code/alpine-build.patch
-        make -sC skia-canvas with-local-skia
-
     - name: Build module
       run: |
         cd skia-canvas
         npm ci --ignore-scripts
-        npm run build -- --release --features skia-safe/embed-freetype
+        npm run build -- --release --features vulkan,window,skia-safe/embed-freetype
 
     - name: Package module
       run: |
@@ -99,7 +78,7 @@ jobs:
         SERVER: ${{ github.server_url }}
         REPO: ${{ github.repository }}
       run: |
-        git clone --depth 1 ${SERVER}/${REPO} skia-canvas
+        git clone --depth 1 --branch ${GITHUB_REF_NAME} ${SERVER}/${REPO} skia-canvas
         export TAG=$(make -sC skia-canvas skia-version)
         make -sC skia-canvas with-local-skia
         echo "::set-output name=VERSION::$TAG"
@@ -111,11 +90,6 @@ jobs:
         git submodule update --init --depth 1 skia-bindings/skia
         git submodule update --init --depth 1 skia-bindings/depot_tools
 
-    - name: Apply patches
-      if: ${{ matrix.libc == 'musl' }}
-      run: |
-        patch -p0 < /code/alpine-build.patch
-
     - name: Use system GN
       if: ${{ matrix.libc == 'musl' }}
       run: |
@@ -125,7 +99,7 @@ jobs:
       run: |
         cd skia-canvas
         npm ci --ignore-scripts
-        npm run build -- --release --features skia-safe/embed-freetype
+        npm run build -- --release --features vulkan,window,skia-safe/embed-freetype
 
     - name: Package module
       run: |
@@ -196,7 +170,7 @@ jobs:
       run: |
         cd skia-canvas
         npm ci --ignore-scripts
-        npm run build -- --release --features skia-safe/embed-freetype
+        npm run build -- --release --features vulkan,window,skia-safe/embed-freetype
 
     - name: Package module
       run: |
@@ -234,7 +208,7 @@ jobs:
         MACOSX_DEPLOYMENT_TARGET: 10.13
       run: |
         npm ci --ignore-scripts
-        npm run build -- --release
+        npm run build -- --release --features metal,window
 
     - name: Package module
       run: |
@@ -277,7 +251,7 @@ jobs:
         MACOSX_DEPLOYMENT_TARGET: 11.1
       run: |
         npm ci --ignore-scripts
-        npm run build -- --release --target aarch64-apple-darwin
+        npm run build -- --release --features metal,window --target aarch64-apple-darwin
         sed -i.bak 's/"package_name":.*/"package_name": "{platform}-arm64-{node_napi_label}-{libc}.tar.gz",/' package.json
         npm run package
 
@@ -309,7 +283,7 @@ jobs:
     - name: Build module
       run: |
         npm ci --ignore-scripts
-        npm run build -- --release
+        npm run build -- --release --features vulkan,window
 
     - name: Package module
       run: |

.github/workflows/test.yml

@@ -35,10 +35,17 @@ jobs:
       with:
         toolchain: stable
 
-    - name: Build module
+    - name: Build for Metal
+      if: ${{ matrix.os == 'macos-latest' }}
       run: |
         npm ci --ignore-scripts
-        npm run build -- --release
+        npm run build -- --release --features metal,window
+
+    - name: Build for Vulkan
+      if: ${{ matrix.os != 'macos-latest' }}
+      run: |
+        npm ci --ignore-scripts
+        npm run build -- --release --features vulkan,window
 
     - name: Run tests
       run: npm test

CHANGELOG.md

@@ -3,7 +3,11 @@
 ## 🥚 ⟩ [Unreleased]
 
 ### New Features
-- Rendering now occurs on the GPU by default and can be configured using the **Canvas**'s [`.gpu`][canvas_gpu] property. If the platform supports hardware-accelerated rendering (using Metal on macOS and Vulkan on Linux & Windows), the property will be `true` by default and can be set to `false` to use the software renderer.
+- The new [Window][window] class can display a **Canvas** on screen, respond to mouse and keyboard input, and fluidly [animate][window_anim] by calling user-defined [event handlers][window_events].
+- Bitmap rendering now occurs on the GPU by default and can be configured using the **Canvas**'s [`.gpu`][canvas_gpu] property. If the platform supports hardware-accelerated rendering (using Metal on macOS and Vulkan on Linux & Windows), the property will be `true` by default and can be set to `false` to use the software renderer.
+- Added support for recent Chrome features:
+  - the [`reset()`][chrome_reset] context method which erases the canvas, resets the transformation state, and clears the current path
+  - the [`roundRect()`][chrome_rrect] method on contexts and **Path2D** objects which adds a rounded rectangle using 1–4 corner radii (provided as a single value or an array of numbers and/or **DOMPoint** objects)
 
 ### Bugfixes
 - The `FontLibrary.reset()` method didn't actually remove previously installed fonts that had already been drawn with (and thus cached). It now clears those caches, which also means previously used fonts can now be replaced by calling `.use()` again with the same family name.
@@ -12,9 +16,16 @@
 ### Misc. Improvements
 - The [`.filter`][filter] property's `"blur(…)"` and `"drop-shadow(…)"` effects now match browser behavior much more closely and scale appropriately with the `density` export option.
 - Antialiasing is smoother, particularly when down-scaling images, thanks to the use of mipmaps rather than Skia's (apparently buggy?) implementation of bucubic interpolation.
+- Calling `clearRect()` with dimensions that fully enclose the canvas will now discard all the vector objects that have been drawn so far (rather than simply covering them up). 
+- Upgraded Skia to milestone 103
 
+[window]: https://github.com/samizdatco/skia-canvas#window
+[window_anim]: https://github.com/samizdatco/skia-canvas#events--animation
+[window_events]: https://github.com/samizdatco/skia-canvas#on--off--once
 [canvas_gpu]: https://github.com/samizdatco/skia-canvas#gpu
 [filter]: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter
+[chrome_reset]: https://developer.chrome.com/blog/canvas2d/#context-reset
+[chrome_rrect]: https://developer.chrome.com/blog/canvas2d/#round-rect
 
 ## 📦 ⟩ [v0.9.30] ⟩ Jun 7, 2022