Update to canvas@3.1.0 and support node22

Author: charoitel

build-layer.sh

@@ -6,21 +6,21 @@
 # yum install gcc-c++ cairo-devel pango-devel libjpeg-turbo-devel giflib-devel librsvg2-devel pango-devel bzip2-devel jq python3 -y
 #
 # Setting Up Node.js, refer https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-instance.html for details
-# curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
+# curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
 # . ~/.nvm/nvm.sh
 # nvm install --lts
 #
 set -e
 
 LAYER_NAME=canvas-nodejs
 LAYER_DESCRIPTION="Cairo backed Mozilla Web Canvas API implementation layer for AWS Lambda"
-LAYER_VERSION=2.11.4
+LAYER_VERSION=3.1.0
 LAYER_AUTHOR="Charoite Lee"
 
 DOT_CHAR="."
 NODE_VERSION=$(node -v)
 NODE_VERSION=${NODE_VERSION:1}
-SEMVER_VERSION=7.6.3
+SEMVER_VERSION=7.7.1
 
 # Remove packaged layer if exists
 if [ -n "$(find . -name 'canvas-nodejs_v*.zip')" ]; then

lib/libEGL.so.1

@@ -0,0 +1,36 @@
+let { registerFont, createCanvas } = require('canvas');
+let { CategoryScale, Chart, LinearScale, LineController, LineElement, PointElement } = require('chart.js');
+var assert = require('assert');
+
+describe('Chart', function () {
+    describe('#drawLineGraph', function () {
+        it('should draw a line graph', function () {
+            Chart.register([
+                CategoryScale,
+                LineController,
+                LineElement,
+                LinearScale,
+                PointElement
+            ]);
+
+            const canvas = createCanvas(400, 300);
+            const chart = new Chart(
+                canvas, // TypeScript needs "as any" here
+                {
+                    type: 'line',
+                    data: {
+                        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
+                        datasets: [{
+                            label: '# of Votes',
+                            data: [12, 19, 3, 5, 2, 3],
+                            borderColor: 'red'
+                        }]
+                    }
+                }
+            );
+            const dataURL = canvas.toDataURL();
+            // console.log(dataURL);
+            chart.destroy();
+        });
+    })
+});