Merge pull request #271 from litecanvas/patch

Patch

Author: luizbills

bun.lock

@@ -1,6 +1,6 @@
 {
     "name": "litecanvas",
-    "version": "0.103.4",
+    "version": "0.103.5",
     "description": "Lightweight HTML5 canvas 2D game engine suitable for small projects and creative coding. Inspired by PICO-8 and p5.js/Processing.",
     "license": "MIT",
     "author": "Luiz Bills <luizbills@pm.me>",
@@ -33,15 +33,15 @@
     ],
     "devDependencies": {
         "@happy-dom/global-registrator": "^20.8.3",
-        "@size-limit/preset-small-lib": "^12.0.0",
+        "@size-limit/preset-small-lib": "^12.0.1",
         "@swc/core": "^1.15.18",
         "ava": "^7.0.0",
         "esbuild": "^0.27.3",
         "genversion": "^3.2.0",
         "gzip-size": "^7.0.0",
         "prettier": "^3.8.1",
         "sinon": "^21.0.2",
-        "size-limit": "^12.0.0",
+        "size-limit": "^12.0.1",
         "tap-min": "^3.0.0"
     },
     "trustedDependencies": [

package.json

@@ -12,7 +12,6 @@ litecanvas({
 })
 
 function init() {
-    framerate(1)
     combinations = []
     for (let y = 0; y < cols; y++) {
         for (let x = 0; x < cols; x++) {
@@ -35,6 +34,8 @@ function draw() {
             }
         }
     }
+
+    pause()
 }
 
 function tapped() {

samples/palette-dither-test/palette-dither-test.js

@@ -34,7 +34,7 @@ function pluginTest(engine, config) {
         // the event callback
         function () {
             engine.cls(1)
-            engine.rectfill(0, 0, 100, 100, 4)
+            engine.rectfill(0, 0, 100, 100, 3)
         }
     )
 

samples/plugin-basics/plugin-basics.js

@@ -105,7 +105,7 @@ function draw() {
         textfont('monospace')
         textalign('center', 'middle')
         textsize(28)
-        text(W / 2, H / 2, 'GAME OVER', 4, 'bold')
+        text(W / 2, H / 2, 'GAME OVER', 3, 'bold')
     }
 }
 

samples/snake/snake.js

@@ -1,49 +1,75 @@
-import fs from 'node:fs'
+import fs from 'node:fs/promises'
 import esbuild from 'esbuild'
 import { minify } from '@swc/core'
 import { gzipSizeSync } from 'gzip-size'
+import * as prettier from 'prettier'
 
-fs.rmSync('dist', { recursive: true, force: true })
+await fs.rm('dist', { recursive: true, force: true })
 
 // build the dist.dev.js (for development)
-await esbuild.build({
-    entryPoints: ['src/web.js'],
-    outfile: 'dist/dist.dev.js',
-    bundle: true,
-    legalComments: 'eof',
-    drop: ['debugger'],
-})
-console.log(`  📄 dist/dist.dev.js (${filesize('dist/dist.dev.js')})`)
+{
+    const filepath = 'dist/dist.dev.js'
+    await esbuild.build({
+        entryPoints: ['src/web.js'],
+        outfile: filepath,
+        bundle: true,
+        legalComments: 'eof',
+        minifyWhitespace: true,
+        drop: ['debugger'],
+    })
+    const formatted = await prettier.format(await fs.readFile(filepath, 'utf8'), {
+        parser: 'babel',
+        tabWidth: 2,
+        semi: false,
+    })
+    await fs.writeFile(filepath, formatted)
+
+    console.log(`  📄 ${filepath} (${await filesize(filepath)})`)
+}
 
 // build the dist.js
-await esbuild.build({
-    entryPoints: ['src/web.js'],
-    outfile: 'dist/dist.js',
-    bundle: true,
-    legalComments: 'eof',
-    drop: ['console'],
-    dropLabels: ['DEV'],
-})
+{
+    {
+        const filepath = 'dist/dist.js'
+        await esbuild.build({
+            entryPoints: ['src/web.js'],
+            outfile: filepath,
+            bundle: true,
+            legalComments: 'eof',
+            minifyWhitespace: true,
+            drop: ['debugger', 'console'],
+            dropLabels: ['DEV'],
+        })
+        const formatted = await prettier.format(await fs.readFile(filepath, 'utf8'), {
+            parser: 'babel',
+            tabWidth: 2,
+            semi: false,
+        })
+        await fs.writeFile(filepath, formatted)
 
-console.log(`  📄 dist/dist.js (${filesize('dist/dist.js')})`)
+        console.log(`  📄 ${filepath} (${await filesize(filepath)})`)
+    }
+}
 
 // build the dist.min.js
-const minified = await minify(fs.readFileSync('dist/dist.js', { encoding: 'utf-8' }), {
-    format: {
-        comments: false,
-    },
-    compress: {
-        drop_console: true,
-    },
-    mangle: true,
-})
-fs.writeFileSync('dist/dist.min.js', minified.code)
-console.log(
-    `  📄 dist/dist.min.js (${filesize('dist/dist.min.js')} ~= ${gzipsize(minified.code)} gzip)`
-)
-
-function filesize(filename) {
-    const stats = fs.statSync(filename)
+{
+    const minified = await minify(await fs.readFile('dist/dist.js', { encoding: 'utf-8' }), {
+        format: {
+            comments: false,
+        },
+        compress: {
+            drop_console: true,
+        },
+        mangle: true,
+    })
+    await fs.writeFile('dist/dist.min.js', minified.code)
+    console.log(
+        `  📄 dist/dist.min.js (${await filesize('dist/dist.min.js')} ~= ${gzipsize(minified.code)} gzip)`
+    )
+}
+
+async function filesize(filename) {
+    const stats = await fs.stat(filename)
     return (stats.size / 1000).toFixed(2) + 'kb'
 }
 

script/build.js

@@ -3,5 +3,5 @@
  * @param {string} message
  */
 export const assert = (condition, message = 'Assertion failed') => {
-    if (!condition) throw new Error(message)
+    if (!condition) throw new Error('[litecanvas] ' + message)
 }