Blur tool improvements + other

build/manifest.json

@@ -1 +1 @@
-{"description":"__MSG_extDesc__","version":"3.1.2","manifest_version":3,"name":"__MSG_extName__","default_locale":"en","background":{"service_worker":"background.bundle.js"},"action":{"default_icon":"assets/img/icon-34.png"},"icons":{"128":"assets/img/icon-128.png"},"host_permissions":["<all_urls>"],"content_scripts":[{"matches":["<all_urls>"],"js":["contentScript.bundle.js"],"css":["assets/fonts/fonts.css"]}],"web_accessible_resources":[{"resources":["content.styles.css","blank.mp4","playground.html","editor.html","assets/*","setup.html","worker.js","vendor/*","recorder.html","recorderoffscreen.html","sandbox.html","wrapper.html","camera.html","permissions.html","region.html","waveform.html","playground.html","editorfallback.html","download.html","*"],"matches":["<all_urls>"]}],"oauth2":{"client_id":"560517327251-m7n1k3kddknu7s9s4ejvrs1bj91gutd7.apps.googleusercontent.com","scopes":["https://www.googleapis.com/auth/drive.file"]},"cross_origin_embedder_policy":{"value":"require-corp"},"cross_origin_opener_policy":{"value":"same-origin"},"content_security_policy":{"sandbox":"sandbox allow-scripts allow-modals allow-popups; script-src 'self' 'unsafe-inline' 'unsafe-eval' blob:; object-src 'self';worker-src 'self' blob: ;","extension_pages":"script-src 'self' 'wasm-unsafe-eval'; object-src 'self'; media-src 'self' data: blob: *;"},"sandbox":{"pages":["editor.html"]},"commands":{"start-recording":{"suggested_key":{"default":"Alt+Shift+G"},"description":"Start recording"},"cancel-recording":{"suggested_key":{"default":"Alt+Shift+X"},"description":"Cancel recording"},"pause-recording":{"suggested_key":{"default":"Alt+Shift+M"},"description":"Pause/Resume recording"}},"permissions":["identity","activeTab","storage","unlimitedStorage","downloads","tabs","tabCapture","scripting"],"optional_permissions":["offscreen","desktopCapture","alarms"]}
+{"description":"__MSG_extDesc__","version":"3.1.3","manifest_version":3,"name":"__MSG_extName__","default_locale":"en","background":{"service_worker":"background.bundle.js"},"action":{"default_icon":"assets/img/icon-34.png"},"icons":{"128":"assets/img/icon-128.png"},"host_permissions":["<all_urls>"],"content_scripts":[{"matches":["<all_urls>"],"js":["contentScript.bundle.js"],"css":["assets/fonts/fonts.css"]}],"web_accessible_resources":[{"resources":["content.styles.css","blank.mp4","playground.html","editor.html","assets/*","setup.html","worker.js","vendor/*","recorder.html","recorderoffscreen.html","sandbox.html","wrapper.html","camera.html","permissions.html","region.html","waveform.html","playground.html","editorfallback.html","download.html","*"],"matches":["<all_urls>"]}],"oauth2":{"client_id":"560517327251-m7n1k3kddknu7s9s4ejvrs1bj91gutd7.apps.googleusercontent.com","scopes":["https://www.googleapis.com/auth/drive.file"]},"cross_origin_embedder_policy":{"value":"require-corp"},"cross_origin_opener_policy":{"value":"same-origin"},"content_security_policy":{"sandbox":"sandbox allow-scripts allow-modals allow-popups; script-src 'self' 'unsafe-inline' 'unsafe-eval' blob:; object-src 'self';worker-src 'self' blob: ;","extension_pages":"script-src 'self' 'wasm-unsafe-eval'; object-src 'self'; media-src 'self' data: blob: *;"},"sandbox":{"pages":["editor.html"]},"commands":{"start-recording":{"suggested_key":{"default":"Alt+Shift+G"},"description":"Start recording"},"cancel-recording":{"suggested_key":{"default":"Alt+Shift+X"},"description":"Cancel recording"},"pause-recording":{"suggested_key":{"default":"Alt+Shift+M"},"description":"Pause/Resume recording"}},"permissions":["identity","activeTab","storage","unlimitedStorage","downloads","tabs","tabCapture","scripting"],"optional_permissions":["offscreen","desktopCapture","alarms"]}

package.json

@@ -6,7 +6,8 @@
     "build": "node utils/build.js",
     "start": "node utils/server.js",
     "dev": "concurrently \"npm run start\" \"npm run build:watch\"",
-    "prettier": "prettier --write '**/*.{js,jsx,ts,tsx,json,css,scss,md}'"
+    "prettier": "prettier --write '**/*.{js,jsx,ts,tsx,json,css,scss,md}'",
+    "postinstall": "patch-package"
   },
   "dependencies": {
     "@hot-loader/react-dom": "^17.0.2",
@@ -24,6 +25,7 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-toolbar": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.5",
+    "@sentry/browser": "^7.94.1",
     "@tensorflow-models/body-segmentation": "^1.0.2",
     "@tensorflow/tfjs-backend-webgl": "^4.9.0",
     "@tensorflow/tfjs-converter": "^4.9.0",
@@ -36,6 +38,7 @@
     "fix-webm-duration": "^1.0.5",
     "jszip": "^3.10.1",
     "localbase": "^0.7.5",
+    "patch-package": "^8.0.0",
     "plyr": "^3.7.8",
     "plyr-react": "^5.3.0",
     "querystring": "^0.2.1",

patches/@radix-ui+react-use-callback-ref+1.0.1.patch

@@ -0,0 +1,47 @@
+diff --git a/node_modules/@radix-ui/react-use-callback-ref/dist/index.js b/node_modules/@radix-ui/react-use-callback-ref/dist/index.js
+index 1a31eaf..79315a4 100644
+--- a/node_modules/@radix-ui/react-use-callback-ref/dist/index.js
++++ b/node_modules/@radix-ui/react-use-callback-ref/dist/index.js
+@@ -9,16 +9,18 @@ $parcel$export(module.exports, "useCallbackRef", () => $28e03942f763e819$export$
+ /**
+  * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+  * prop or avoid re-executing effects when passed as a dependency
+- */ function $28e03942f763e819$export$25bec8c6f54ee79a(callback) {
+-    const callbackRef = $92muK$react.useRef(callback);
+-    $92muK$react.useEffect(()=>{
+-        callbackRef.current = callback;
+-    }); // https://github.com/facebook/react/issues/19240
+-    return $92muK$react.useMemo(()=>(...args)=>{
+-            var _callbackRef$current;
+-            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
+-        }
+-    , []);
++ */
++function $28e03942f763e819$export$25bec8c6f54ee79a(callback) {
++	const callbackRef = $92muK$react.useRef(callback);
++	$92muK$react.useEffect(() => {
++			callbackRef.current = callback;
++	}); // https://github.com/facebook/react/issues/19240
++	return $92muK$react.useMemo(() => (...args) => {
++			var _callbackRef$current;
++			if (typeof (_callbackRef$current = callbackRef.current) === 'function') {
++					return _callbackRef$current.call(callbackRef, ...args);
++			}
++	}, []);
+ }
+
+
+diff --git a/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs b/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+index 451f620..3a98d1f 100644
+--- a/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
++++ b/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+@@ -11,7 +11,9 @@ import {useRef as $lwiWj$useRef, useEffect as $lwiWj$useEffect, useMemo as $lwiW
+     }); // https://github.com/facebook/react/issues/19240
+     return $lwiWj$useMemo(()=>(...args)=>{
+             var _callbackRef$current;
++						if (typeof (_callbackRef$current = callbackRef.current) === 'function') {
+             return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
++						}
+         }
+     , []);
+ }

patches/fabric+5.3.0.patch

@@ -0,0 +1,22 @@
+diff --git a/node_modules/fabric/dist/fabric.js b/node_modules/fabric/dist/fabric.js
+index faee7fc..02e5ae3 100644
+--- a/node_modules/fabric/dist/fabric.js
++++ b/node_modules/fabric/dist/fabric.js
+@@ -12591,7 +12591,7 @@ fabric.PatternBrush = fabric.util.createClass(fabric.PencilBrush, /** @lends fab
+       this.cacheCanvasEl = this._createCanvasElement();
+       this.cacheCanvasEl.setAttribute('width', this.width);
+       this.cacheCanvasEl.setAttribute('height', this.height);
+-      this.contextCache = this.cacheCanvasEl.getContext('2d');
++      this.contextCache = this.cacheCanvasEl.getContext('2d', {willReadFrequently: true});
+     },
+
+     /**
+@@ -15103,7 +15103,7 @@ fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.Stati
+     _createCacheCanvas: function() {
+       this._cacheProperties = {};
+       this._cacheCanvas = fabric.util.createCanvasElement();
+-      this._cacheContext = this._cacheCanvas.getContext('2d');
++      this._cacheContext = this._cacheCanvas.getContext('2d', {willReadFrequently: true});
+       this._updateCacheCanvas();
+       // if canvas gets created, is empty, so dirty.
+       this.dirty = true;

src/manifest.json

@@ -3,7 +3,7 @@
   "name": "__MSG_extName__",
   "description": "__MSG_extDesc__",
   "default_locale": "en",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "background": {
     "service_worker": "background.bundle.js"
   },