update engine

Author: luizbills

public/about.html

@@ -464,22 +464,21 @@ <h2><a id="drawing">Functions for Drawing</a></h2>
 // draw a image
 image(x, y, image: Image|HTMLCanvasElement): void
 
-// create a offcanvas and to make an image on it
+// create an OffscreenCanvas and draw on it to make an image
 // data can be a array of strings (to draw pixel art)
 // see: https://github.com/litecanvas/game-engine/blob/main/samples/pixelart/pixelart.js
 // or data can be a function with drawing operations
 // see: https://github.com/litecanvas/game-engine/blob/main/samples/paint/paint.js
 // the options are:
 //   * scale?: default = 1.
-//   * canvas?: by default creates a new canvas.
+//   * canvas?: by default creates a new offscreen canvas.
 paint(width, height, data: string[]|function, options?): OffscreenCanvas
 
 /**
  * ADVANCED DRAWING-RELATED FUNCTIONS
  */
 
-// Set or get the current canvas context 2D
-// see: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
+// get the current canvas context 2D or set a newly
 ctx(context?: CanvasRenderingContext2D): CanvasRenderingContext2D
 
 // save the canvas state

public/app.js

@@ -580,15 +580,15 @@
           _ctx.drawImage(source, ~~x, ~~y);
         },
         /**
-         * Creates a offscreen canvas to draw on it
+         * Draw in an OffscreenCanvas and returns its image.
          *
          * @param {number} width
          * @param {number} height
          * @param {string[]|drawCallback} drawing
          * @param {object} [options]
          * @param {number} [options.scale=1]
          * @param {OffscreenCanvas | HTMLCanvasElement} [options.canvas]
-         * @returns {OffscreenCanvas}
+         * @returns {ImageBitmap}
          * @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas
          */
         paint(width, height, drawing, options = {}) {
@@ -624,7 +624,7 @@
             drawing(_ctx);
           }
           _ctx = contextOriginal;
-          return canvas;
+          return canvas.transferToImageBitmap();
         },
         /** ADVANCED GRAPHICS API */
         /**

public/litecanvas.js

@@ -1,5 +1,5 @@
 const cacheName = "luizbills.litecanvas-editor-v1";
-const version = "2.79.2";
+const version = "2.79.3";
 
 const precacheResources = [
   "/",
@@ -29,7 +29,7 @@ const precacheResources = [
 
 self.addEventListener("install", (event) => {
   event.waitUntil(
-    caches.open(cacheName).then((cache) => cache.addAll(precacheResources))
+    caches.open(cacheName).then((cache) => cache.addAll(precacheResources)),
   );
 });
 
@@ -42,7 +42,7 @@ self.addEventListener("fetch", (event) => {
           return cachedResponse;
         }
         return fetch(event.request);
-      })
+      }),
   );
 });
 

public/sw.js

@@ -133,7 +133,7 @@ export default function customCompletions(context) {
         type: "function",
         apply: "paint(",
         detail: "(width, height, callback|array, options)",
-        info: "Creates a offscreen canvas to draw on it",
+        info: "Creates an image in offscreencanvas",
       },
       {
         label: "translate",