@nasser-sw/fabric 7.0.0-beta1 → 7.0.1-beta10

package/debug/{konva → konva-master}/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
-## 10.0.0-0 (2025-08-14)
+## 10.0.0 (2025-09-07)
 
 ### Breaking Changes
 
@@ -85,6 +85,7 @@ var text = new Konva.Text({
 
 - **Performance**: Rewrote Emboss and Solarize filters for improved performance and usability
 - Changed return type of `node.toImage()`
+- Brave detection and warning
 
 ## 9.3.22 (2025-07-08)
 

package/debug/{konva → konva-master}/README.md

@@ -22,7 +22,7 @@ This repository began as a GitHub fork of [ericdrowell/KineticJS](https://github
 # Quick Look
 
 ```html
-<script src="https://unpkg.com/konva@9/konva.min.js"></script>
+<script src="https://unpkg.com/konva@10.0.0-1/konva.min.js"></script>
 <div id="container"></div>
 <script>
   var stage = new Konva.Stage({
@@ -75,7 +75,7 @@ Konva supports UMD loading. So you can use all possible variants to load the fra
 ### Load Konva via classical `<script>` tag from CDN:
 
 ```html
-<script src="https://unpkg.com/konva@9/konva.min.js"></script>
+<script src="https://unpkg.com/konva@10.0.0-1/konva.min.js"></script>
 ```
 
 ### Install with npm:
@@ -126,16 +126,20 @@ import { Blur } from 'konva/lib/filters/Blur';
 
 ### 4 NodeJS env
 
-In order to run `konva` in nodejs environment you also need to install `canvas` package manually. Konva will use it for 2d canvas API.
+In order to run `konva` in nodejs environment you also need to install `canvas` or `skia-canvas` package manually for rendering backend.
 
 ```bash
+# node-canvas backend
 npm install konva canvas
+# skia-canvas backend
+npm install konva skia-canvas
 ```
 
 Then you can use the same Konva API and all Konva demos will work just fine. You just don't need to use `container` attribute in your stage.
 
 ```js
 import Konva from 'konva';
+import 'konva/canvas-backend'; // or import 'konva/skia-backend';
 
 const stage = new Konva.Stage({
   width: 500,

package/debug/{konva → konva-master}/package.json

@@ -1,6 +1,6 @@
 {
   "name": "konva",
-  "version": "10.0.0-0",
+  "version": "10.0.0",
   "description": "HTML5 2d canvas library.",
   "author": "Anton Lavrenov",
   "type": "module",

package/debug/{konva → konva-master}/release.sh

@@ -5,9 +5,6 @@ old_version="$(git describe --abbrev=0 --tags)"
 new_version=$1
 
 
-old_cdn="https://unpkg.com/konva@${old_version}/konva.js"
-new_cdn="https://unpkg.com/konva@${new_version}/konva.js"
-
 old_cdn_min="https://unpkg.com/konva@${old_version}/konva.min.js"
 new_cdn_min="https://unpkg.com/konva@${new_version}/konva.min.js"
 
@@ -59,7 +56,7 @@ git tag $1 >/dev/null
 cd ../konva
 git push >/dev/null
 git push --tags >/dev/null
-npm publish --tag next
+npm publish
 
 
 echo "DONE!"

package/debug/{konva → konva-master}/src/Canvas.ts

@@ -182,6 +182,42 @@ export class SceneCanvas extends Canvas {
   }
 }
 
+// function checks if canvas farbling is active
+// canvas farbling is a Browser security feature, it break konva internals
+function isCanvasFarblingActive() {
+  const c = Util.createCanvasElement();
+  c.width = 1;
+  c.height = 1;
+  const ctx = c.getContext('2d', {
+    willReadFrequently: true,
+  }) as CanvasRenderingContext2D;
+  ctx.clearRect(0, 0, 1, 1);
+  ctx.fillStyle = 'rgba(255,0,255,1)'; // clear #FF00FF, no alpha
+  ctx.fillRect(0, 0, 1, 1);
+  const d = ctx.getImageData(0, 0, 1, 1).data;
+  const exact = d[0] === 255 && d[1] === 0 && d[2] === 255 && d[3] === 255;
+  return !exact;
+}
+
+function isBraveBrowser() {
+  if (typeof navigator === 'undefined') {
+    return false;
+  }
+  // @ts-ignore
+  return navigator.brave?.isBrave() ?? false;
+}
+
+let warned = false;
+function checkHitCanvasSupport() {
+  if (isBraveBrowser() && isCanvasFarblingActive() && !warned) {
+    warned = true;
+    Util.error(
+      'Looks like you have "Brave shield" enabled in your browser. It breaks KonvaJS internals. Please disable it. You may need to ask your users to do the same.'
+    );
+  }
+  return isBraveBrowser() && isCanvasFarblingActive();
+}
+
 export class HitCanvas extends Canvas {
   hitCanvas = true;
   constructor(config: ICanvasConfig = { width: 0, height: 0 }) {
@@ -189,5 +225,6 @@ export class HitCanvas extends Canvas {
 
     this.context = new HitContext(this);
     this.setSize(config.width, config.height);
+    checkHitCanvasSupport();
   }
 }

package/debug/{konva → konva-master}/src/shapes/Text.ts

@@ -1052,8 +1052,8 @@ Factory.addGetterSetter(Text, 'textDecoration', '');
  * Note: per-character rendering may disable native kerning/ligatures.
  * @name Konva.Text#charRenderFunc
  * @method
- * @param {(props: {char: string, index: number, x: number, y: number, lineIndex: number, column: number, isLastInLine: boolean, width: number, context: Konva.Context}) => void} charRenderFunc
- * @returns {(props: CharRenderProps) => void}
+ * @param {Function} charRenderFunc
+ * @returns {Function}
  * @example
  * // apply small x-translation to every second character
  * text.charRenderFunc(function(props) {