⬆️ Update dependencies (new Documentation theme)

package.json

@@ -112,22 +112,22 @@
         "@pencil.js/text": "file:src/modules/text",
         "@pencil.js/triangle": "file:src/modules/triangle",
         "@pencil.js/vector": "file:src/modules/vector",
-        "colord": "^2.7.0",
-        "minimatch": "^3.0.4",
+        "colord": "^2.9.3",
+        "minimatch": "^5.1.6",
         "text-direction": "^2.0.1"
     },
     "devDependencies": {
         "@gmartigny/eslint-config": "^2.1.0",
         "@pencil.js/test-environment": "^1.2.1",
-        "all-contributors-cli": "^6.20.0",
+        "all-contributors-cli": "^6.26.1",
         "ava": "^5.3.1",
         "benchmark": "^2.1.4",
         "c8": "^8.0.1",
-        "clean-jsdoc-theme": "^3.2.4",
+        "clean-jsdoc-theme": "4.1.10",
         "eslint": "^8.49.0",
-        "jsdoc": "^3.6.6",
-        "typescript": "^4.4.3",
+        "jsdoc": "^3.6.11",
+        "typescript": "^5.2.2",
         "webpack": "^5.53.0",
-        "webpack-cli": "^4.8.0"
+        "webpack-cli": "^5.1.4"
     }
 }

readme.md

@@ -1,4 +1,4 @@
-![Pencil.js logo](media/animated-logo.gif)
+[![Pencil.js logo](media/animated-logo.gif)](https://pencil.js.org)
 
 # :pencil2: Pencil.js
 [![NPM Version](https://badgen.net/npm/v/pencil.js?icon=npm)](https://www.npmjs.com/package/pencil.js)
@@ -94,7 +94,7 @@ Pencil.js is able to [draw thousands of shapes](https://benchmarks.slaylines.io/
 Even more if you use the [Particles](src/modules/particles) generator.
 
 ### Size
-With [![Minified and gzip size](https://badgen.net/bundlephobia/minzip/pencil.js)](https://bundlephobia.com/result?p=pencil.js), Pencil.js is fairly lightweight.
+With [![Package size](https://badgen.net/packagephobia/publish/pencil.js)](https://packagephobia.com/result?p=pencil.js), Pencil.js is fairly lightweight.
 Furthermore, with no side effect, it's fully tree-shakable. So, any decent bundler can further reduce its footprint.
 
 
@@ -170,7 +170,7 @@ Take a look at [more advanced examples](https://codepen.io/collection/XqzkNQ/).
    * [NetworkEvent](src/modules/network-event)
 
 ### Non-core modules
-> Non-core modules refer to packages made by us and not part of Pencil.js library. We find them useful so maybe you will too...
+> Non-core modules refer to packages made by us and not part of Pencil.js library. We find them useful, so maybe you will too...
  * [spritesheet](https://github.com/pencil-js/spritesheet) ([CLI](https://github.com/pencil-js/spritesheet-cli))<br/>
 Pack a set of images into a single spritesheet along its json description file.
  * [vue-pencil.js](https://github.com/pencil-js/vue-pencil.js)<br/>

src/modules/draggable/draggable.js

@@ -25,7 +25,7 @@ import Vector from "@pencil.js/vector";
  * Set this component draggable
  * @param {DraggableOptions} [options] - Additional options
  * @return {DraggableAPI}
- * @memberOf {module:Component#}
+ * @memberOf module:Component#
  */
 Component.prototype.draggable = function draggable (options) {
     if (this.isRotatable) {

src/modules/resizable/resizable.js

@@ -19,7 +19,7 @@ import "@pencil.js/draggable";
  * Enable resize on a rectangle
  * @param {ResizableOptions} [options] - Additional options
  * @return {DraggableAPI}
- * @memberOf {module:Rectangle#}
+ * @memberOf module:Rectangle#
  */
 Rectangle.prototype.resizable = function resizable (options) {
     if (this.options.rotation % 1 !== 0) {

src/modules/rotatable/rotatable.js

@@ -13,7 +13,7 @@ import MouseEvent from "@pencil.js/mouse-event";
 /**
  * Set this component rotatable (use drag and drop interaction to rotate)
  * @return {RotatableAPI}
- * @memberOf {module:Component#}
+ * @memberOf module:Component#
  */
 Component.prototype.rotatable = function rotatable () {
     if (this.isDraggable) {

src/modules/sprite/sprite.js

@@ -230,7 +230,7 @@ class Spritesheet {
                 return matcher;
             }
             if (typeof matcher === "string") {
-                const glob = minimatch.Minimatch(matcher, {
+                const glob = new minimatch.Minimatch(matcher, {
                     dot: true,
                     matchBase: true,
                 });