diff --git a/README.md b/README.md index e2248dc..b3bb86b 100644 --- a/README.md +++ b/README.md @@ -51,7 +51,7 @@ - Rotate Left / Rotate Right - Flip Horizontal / Flip Vertical - Crop Image -- Paint +- Photo Editor (Adjust, Draw, Watermark, Filters, Finetune, Resize, Export As PNG, JPEG, JPG, WEBP) - Download Image - Upload Image to imgBB - Color picker @@ -59,13 +59,19 @@ - Change background color (Dark / Light / Blurred) - Print Image - Extract Text from Image -- Edit in Photopea (Thanks to @bbbenji) -- Reverse Image Search (using TinEye) +- Edit in Photopea +- Reverse Image Search - QR Code Scanner - Settings to customize Toolbar # Changelog +## [1.0.4] - 2022-04-19 +- Add New Photo Editor [Filerobot Image Editor](https://scaleflex.github.io/filerobot-image-editor/) (Adjust, Draw, Watermark, Filters, Finetune, Resize, Export As PNG, JPEG, JPG, WEBP) +- Fix a bug where Chrome/Edge adds a duplicate image (Thanks to @patrykdziurkowski) +- Remove Photo Editor [Painterro](https://github.com/devforth/painterro) + + ## [1.0.3] - 2022-02-10 - Fix major bugs (Croppig issues, Going back issues, etc...) - Add [Firefox](https://addons.mozilla.org/en-US/firefox/addon/betterviewer) Compatibilty @@ -104,7 +110,8 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d - + +

Benji

💻

Benji

💻

Patryk Dziurkowski

💻
diff --git a/css/filerobot.custom.css b/css/filerobot.custom.css new file mode 100644 index 0000000..362ca6d --- /dev/null +++ b/css/filerobot.custom.css @@ -0,0 +1,61 @@ +.SfxModal-Wrapper { + z-index: 99999 !important; +} + +#SfxPopper { + z-index: 999999 !important; +} +.FIE_topbar-close-button { + visibility: hidden; +} + +.SfxSelect-root:hover, +.SfxInput-root:hover { + color: #000000 !important; +} + +.SfxColorPicker-action .SfxSelect-Label, +.SfxColorPicker-action .SfxInput-Base { + color: #000000 !important; +} + +.FIE_carousel-prev-button, +.FIE_carousel-next-button { + background: #0f1419 !important; +} + +.SfxModalTitle-LabelPrimary, +.FIE_save-file-name-input, +.FIE_save-extension-selector.SfxInput-root.SfxSelect-root, +.FIE_resize-width-option.SfxInput-root > input, +.FIE_resize-height-option.SfxInput-root > input { + color: #000000 !important; +} + +.eEDOa-d.FIE_resize-width-option.SfxInput-root , +.eEDOa-d.FIE_resize-height-option.SfxInput-root +{ + background-color: #ffffff !important; +} +/* + +.FIE_canvas-container, .FIE_tab { + background: transparent !important; +} + + +[aria-selected="false"] .FIE_tab-label { + color: #fff !important; +} + +[aria-selected="false"]:hover svg { + color: rgb(19, 19, 19) !important; +} + +:not(button) > svg:not([color]) { + color: #ffffff !important +} + +.FIE_tab [aria-selected="true"] svg{ + color: red !important +} */ diff --git a/css/painterro.darktheme.css b/css/painterro.darktheme.css deleted file mode 100644 index e09dfb7..0000000 --- a/css/painterro.darktheme.css +++ /dev/null @@ -1,93 +0,0 @@ -select.ptro-input[data-id=fontName] { - width: 150px !important; -} - -.ptro-tool-ctl-name { - display: none !important; -} - -.ptro-named-btn { - width: 75px !important; -} - -.ptro-substrate{ - display: none !important; -} - -.ptro-resize-widget :not(#paint-wrapper-wrapper > div.ptro-color-widget-wrapper.ptro-common-widget-wrapper.ptro-v-middle > div){ - width: 400px !important; -} - -.ptro-resize-widget { - width: 400px !important; -} - - -.tool-controls { - padding: 10px !important; -} - - -.ptro-wrapper .ptro-settings-widget { - width: 400px !important; -} - - -td.ptro-label.ptro-resize-table-left { - padding-right: 20px !important; -} - -.ptro-input { - border : 1px solid #202020 !important; - background-color: #1a1a1a !important; - color : #f5f5f5 !important; -} - -.ptro-scroller::-webkit-scrollbar-track { - border : 1px solid black; - background-color: #333333; -} - -.ptro-scroller::-webkit-scrollbar { - width : 10px; - height : 10px; - background-color: #333333; -} - -.ptro-scroller::-webkit-scrollbar-thumb { - background-color: #000000; -} - -.ptro-color-control, -.ptro-info, -.ptro-label { - color: #ffffff !important; -} - -.ptro-color-main { - background-color: #242424 !important; -} - -.ptro-wrapper { - background-color: #363636 !important; -} - -.ptro-color-control { - background-color: #131313 !important; -} - -.ptro-pallet .ptro-color-main .ptro-v-middle-in { - width: 200px !important; -} - -.ptro-icon-btn { - border-radius: 50% !important; -} - -.ptro-icon { - font-size: 16px !important; -} - -.ptro-color-active-control{ - background-color: #3b3b3b !important; -} \ No newline at end of file diff --git a/dist/all.css b/dist/all.css index 0d5954b..c6e82bb 100644 --- a/dist/all.css +++ b/dist/all.css @@ -1,96 +1,65 @@ -select.ptro-input[data-id=fontName] { - width: 150px !important; -} - -.ptro-tool-ctl-name { - display: none !important; -} - -.ptro-named-btn { - width: 75px !important; -} - -.ptro-substrate{ - display: none !important; -} - -.ptro-resize-widget :not(#paint-wrapper-wrapper > div.ptro-color-widget-wrapper.ptro-common-widget-wrapper.ptro-v-middle > div){ - width: 400px !important; -} - -.ptro-resize-widget { - width: 400px !important; -} - - -.tool-controls { - padding: 10px !important; +.SfxModal-Wrapper { + z-index: 99999 !important; } - -.ptro-wrapper .ptro-settings-widget { - width: 400px !important; +#SfxPopper { + z-index: 999999 !important; } - - -td.ptro-label.ptro-resize-table-left { - padding-right: 20px !important; +.FIE_topbar-close-button { + visibility: hidden; } -.ptro-input { - border : 1px solid #202020 !important; - background-color: #1a1a1a !important; - color : #f5f5f5 !important; +.SfxSelect-root:hover, +.SfxInput-root:hover { + color: #000000 !important; } -.ptro-scroller::-webkit-scrollbar-track { - border : 1px solid black; - background-color: #333333; +.SfxColorPicker-action .SfxSelect-Label, +.SfxColorPicker-action .SfxInput-Base { + color: #000000 !important; } -.ptro-scroller::-webkit-scrollbar { - width : 10px; - height : 10px; - background-color: #333333; +.FIE_carousel-prev-button, +.FIE_carousel-next-button { + background: #0f1419 !important; } -.ptro-scroller::-webkit-scrollbar-thumb { - background-color: #000000; +.SfxModalTitle-LabelPrimary, +.FIE_save-file-name-input, +.FIE_save-extension-selector.SfxInput-root.SfxSelect-root, +.FIE_resize-width-option.SfxInput-root > input, +.FIE_resize-height-option.SfxInput-root > input { + color: #000000 !important; } -.ptro-color-control, -.ptro-info, -.ptro-label { - color: #ffffff !important; +.eEDOa-d.FIE_resize-width-option.SfxInput-root , +.eEDOa-d.FIE_resize-height-option.SfxInput-root +{ + background-color: #ffffff !important; } +/* -.ptro-color-main { - background-color: #242424 !important; +.FIE_canvas-container, .FIE_tab { + background: transparent !important; } -.ptro-wrapper { - background-color: #363636 !important; -} - -.ptro-color-control { - background-color: #131313 !important; -} -.ptro-pallet .ptro-color-main .ptro-v-middle-in { - width: 200px !important; +[aria-selected="false"] .FIE_tab-label { + color: #fff !important; } -.ptro-icon-btn { - border-radius: 50% !important; +[aria-selected="false"]:hover svg { + color: rgb(19, 19, 19) !important; } -.ptro-icon { - font-size: 16px !important; +:not(button) > svg:not([color]) { + color: #ffffff !important } -.ptro-color-active-control{ - background-color: #3b3b3b !important; -} +.FIE_tab [aria-selected="true"] svg{ + color: red !important +} */ + /*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */ .pickr { position : relative; diff --git a/dist/all.js b/dist/all.js index 2efa384..dd8be1c 100644 --- a/dist/all.js +++ b/dist/all.js @@ -1063,6 +1063,15 @@ }.call(this)); +/** + * filerobot-image-editor v4.1.1 + * https://github.com/scaleflex/filerobot-image-editor + * Copyright (c) 2019 Scaleflex + * Released under the MIT license + * Date: 2022-03-29T09:12:48.283Z + */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).FilerobotImageEditor=t()}(this,(function(){"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t){for(var n=0;n>>1,i=e[r];if(!(void 0!==i&&0t)||e&&!F.unstable_shouldYield());){var r,i=le.callback;"function"==typeof i?(le.callback=null,se=le.priorityLevel,r=i(le.expirationTime<=t),t=F.unstable_now(),"function"==typeof r?le.callback=r:le===ve(ie)&&ye(ie),we(t)):ye(ie),le=ve(ie)}var o;return null!==le||(null!==(o=ve(oe))&&Y(Ce,o.startTime-t),!1)}finally{le=null,se=n,ce=!1}}F=s={},"object"==typeof performance&&"function"==typeof performance.now?(B=performance,F.unstable_now=function(){return B.now()}):(V=Date,W=V.now(),F.unstable_now=function(){return V.now()-W}),"undefined"==typeof window||"function"!=typeof MessageChannel?(U=G=null,Z=function(){if(null!==G)try{var e=F.unstable_now();G(!0,e),G=null}catch(t){throw setTimeout(Z,0),t}},X=function(e){null!==G?setTimeout(X,0,e):(G=e,setTimeout(Z,0))},Y=function(e,t){U=setTimeout(e,t)},q=function(){clearTimeout(U)},F.unstable_shouldYield=function(){return!1},je=F.unstable_forceFrameRate=function(){}):($=window.setTimeout,K=window.clearTimeout,"undefined"!=typeof console&&(Ve=window.cancelAnimationFrame,"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof Ve&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")),Q=!1,J=null,ee=-1,te=5,ne=0,F.unstable_shouldYield=function(){return F.unstable_now()>=ne},je=function(){},F.unstable_forceFrameRate=function(e){e<0||125