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:/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:/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:/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"
  },