diff --git a/lama_cleaner/app/build/asset-manifest.json b/lama_cleaner/app/build/asset-manifest.json index 25fcecf..7d6c975 100644 --- a/lama_cleaner/app/build/asset-manifest.json +++ b/lama_cleaner/app/build/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/static/css/main.08f8fee9.chunk.css", - "main.js": "/static/js/main.4e51b2a1.chunk.js", + "main.css": "/static/css/main.1e5aabda.chunk.css", + "main.js": "/static/js/main.bc8bc9eb.chunk.js", "runtime-main.js": "/static/js/runtime-main.5e86ac81.js", "static/js/2.9608d3ec.chunk.js": "/static/js/2.9608d3ec.chunk.js", "index.html": "/index.html", @@ -11,7 +11,7 @@ "entrypoints": [ "static/js/runtime-main.5e86ac81.js", "static/js/2.9608d3ec.chunk.js", - "static/css/main.08f8fee9.chunk.css", - "static/js/main.4e51b2a1.chunk.js" + "static/css/main.1e5aabda.chunk.css", + "static/js/main.bc8bc9eb.chunk.js" ] } \ No newline at end of file diff --git a/lama_cleaner/app/build/index.html b/lama_cleaner/app/build/index.html index 337a318..3fed2fa 100644 --- a/lama_cleaner/app/build/index.html +++ b/lama_cleaner/app/build/index.html @@ -1 +1 @@ -lama-cleaner - Image inpainting powered by LaMa
\ No newline at end of file +lama-cleaner - Image inpainting powered by LaMa
\ No newline at end of file diff --git a/lama_cleaner/app/build/static/css/main.08f8fee9.chunk.css b/lama_cleaner/app/build/static/css/main.08f8fee9.chunk.css deleted file mode 100644 index b58e3ba..0000000 --- a/lama_cleaner/app/build/static/css/main.08f8fee9.chunk.css +++ /dev/null @@ -1 +0,0 @@ -@font-face{font-family:"WorkSans";src:url(/static/media/WorkSans-Regular.bb287b89.ttf)}@font-face{font-family:"WorkSans-Semibold";src:url(/static/media/WorkSans-SemiBold.1e98db4e.ttf)}@font-face{font-family:"WorkSans-Bold";src:url(/static/media/WorkSans-Bold.2bea7a7f.ttf)}@font-face{font-family:"WorkSans-Black";src:url(/static/media/WorkSans-Black.67c2c5a1.ttf)}:root{--page-bg:#f0f0fa;--page-text-color:#000;--link-color:#000;--editor-toolkit-bg:rgba(240,240,250,0.5);--modal-bg:var(--page-bg);--modal-text-color:#000;--modal-hotkey-bg:#f0f0f0;--btn-primary-bg:#d2d2dc;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:hsla(0,0%,100%,0.5)}:root,[data-theme=dark]{--yellow-accent:#ffbe00;--border-color:#646478}[data-theme=dark]{--page-bg:#14141e;--page-text-color:#c8c8d2;--link-color:#ffbe00;--editor-toolkit-bg:rgba(20,20,30,0.5);--modal-bg:var(--page-bg);--modal-text-color:var(--page-text-color);--modal-hotkey-bg:#3c3c5a;--btn-primary-bg:#8c8cb4;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:#f0f0ff}@-webkit-keyframes pulsing{0%{opacity:1}50%{opacity:.75;background-color:hsla(0,0%,100%,.5);background-color:var(--animation-pulsing-bg)}to{opacity:1}}@keyframes pulsing{0%{opacity:1}50%{opacity:.75;background-color:hsla(0,0%,100%,.5);background-color:var(--animation-pulsing-bg)}to{opacity:1}}@-webkit-keyframes opacityReveal{0%{opacity:0}to{opacity:1}}@keyframes opacityReveal{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.lama-cleaner{grid-template-areas:"main-content";background-color:#f0f0fa;background-color:var(--page-bg);color:#000;color:var(--page-text-color);transition-property:background-color,color;transition-duration:.2s;transition-timing-function:repeat(2,ease-out)}.editor-container,.lama-cleaner{display:grid;width:100vw;height:100vh}.editor-container{grid-area:main-content;place-items:center}.react-transform-wrapper{display:grid!important;width:100%!important;height:100%!important}.editor-canvas-container{display:grid;grid-template-areas:"editor-content";grid-row-gap:1rem;row-gap:1rem}.editor-canvas{grid-area:editor-content;z-index:2}.original-image-container{grid-area:editor-content;pointer-events:none;display:grid;grid-template-areas:"original-image-content"}.original-image-container img{grid-area:original-image-content}.original-image-container .editor-slider{grid-area:original-image-content;height:100%;width:4px;justify-self:end;background-color:#ffbe00;background-color:var(--yellow-accent);transition:all .35s ease-in-out;z-index:2}.editor-canvas-loading{pointer-events:none;-webkit-animation:pulsing .75s infinite;animation:pulsing .75s infinite}.editor-toolkit-panel{position:fixed;bottom:0;padding:1rem 4rem;display:grid;grid-template-areas:"toolkit-image-type toolkit-size-selector toolkit-brush-slider toolkit-btns";grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;align-items:center;background-color:rgba(240,240,250,.5);background-color:var(--editor-toolkit-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem .5rem 0 0;-webkit-animation:slideUp .2s ease-out;animation:slideUp .2s ease-out}@media screen and (max-width:767px){.editor-toolkit-panel{padding:1rem 2rem;grid-template-areas:"toolkit-image-type toolkit-size-selector" "toolkit-brush-slider toolkit-brush-slider" "toolkit-btns toolkit-btns";grid-row-gap:2rem;row-gap:2rem;justify-items:center}}.editor-brush-slider{grid-area:toolkit-brush-slider;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);height:-webkit-max-content;height:max-content;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;align-items:center}.editor-brush-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.editor-brush-slider input[type=range]:focus{outline:none}.editor-brush-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1.2rem;width:1.2rem;border-radius:50%;border:2px solid #000;z-index:2;background:#ffbe00;background:var(--yellow-accent);margin-top:-.5rem}.editor-brush-slider input[type=range]::-webkit-slider-runnable-track{border-radius:2rem;height:.2rem;background:#d2d2dc;background:var(--btn-primary-bg)}.editor-brush-slider input[type=range]::-moz-range-track{border-radius:2rem;background:#d2d2dc;background:var(--btn-primary-bg)}.editor-brush-slider input[type=range]::-ms-fill-lower{background-color:red}.editor-brush-slider input[type=range]::-moz-range-progress{background:#ffbe00;background:var(--yellow-accent)}.editor-toolkit-btns{grid-area:toolkit-btns;display:grid;grid-auto-flow:column;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.brush-shape{position:absolute;border-radius:50%;background:rgba(255,190,0,.75);border:1px dashed #646478;border:1px dashed var(--border-color);pointer-events:none}.editor-size-selector-options{position:fixed;display:grid}.editor-size-selector{grid-area:toolkit-size-selector;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.editor-size-selector,.editor-size-selector-main{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);align-items:center}.editor-size-selector-main{background:#ffbe00;background:var(--yellow-accent);color:#000;font-family:"WorkSans-Bold";padding:.5rem;border-radius:.5rem;grid-column-gap:.25rem;-webkit-column-gap:.25rem;column-gap:.25rem;cursor:pointer;outline:none}.editor-size-selector-main svg{width:1rem;height:1rem;margin-top:.25rem}.editor-size-options{background:#d2d2dc;background:var(--btn-primary-bg);color:#000;font-family:"WorkSans-Bold";border-radius:.5rem;padding:0;display:grid;justify-self:center;margin-left:2.7rem;position:fixed;bottom:4rem}@media screen and (max-width:767px){.editor-size-options{bottom:11.5rem;margin-left:2.9rem}}.editor-size-options .editor-size-option{padding:.2rem .8rem;border-bottom:1px dashed #646478;border-bottom:1px dashed var(--border-color);border-radius:.5rem}.editor-size-options .editor-size-option:last-of-type{border-bottom:none}.editor-size-options .editor-size-option:hover{background-color:#ffbe00;background-color:var(--yellow-accent)}.image-type-tag{background:#ffbe00;background:var(--yellow-accent);color:#000;font-family:"WorkSans-Bold";padding:.5rem;border-radius:.5rem;grid-area:toolkit-image-type;z-index:2;width:100px;text-align:center}.landing-page{display:grid;place-self:center;justify-items:center;grid-row-gap:2rem;row-gap:2rem;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}@media screen and (max-width:767px){.landing-page{padding:1rem}}.landing-page h1{text-align:center;font-size:1.4rem}@media screen and (max-width:767px){.landing-page h1{font-size:1.2rem}}.landing-page a{color:#000;color:var(--link-color)}.landing-file-selector,header{display:grid}header{grid-area:main-content;padding:1rem 2rem;position:absolute;top:0;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);width:100%;grid-template-columns:repeat(2,auto)}.shortcuts{justify-self:end;margin-right:4rem;z-index:1}.modal-shortcuts{grid-area:main-content;background-color:#f0f0fa;background-color:var(--modal-bg);color:#000;color:var(--modal-text-color);box-shadow:0 0 20px rgba(0,0,40,.2)}@media screen and (max-width:767px){.modal-shortcuts{display:grid;width:100%;height:auto;margin-top:-11rem;-webkit-animation:slideDown .2s ease-out;animation:slideDown .2s ease-out}}.shortcut-options{display:grid;grid-row-gap:1rem;row-gap:1rem}.shortcut-options .shortcut-option{display:grid;grid-template-columns:repeat(2,auto);grid-column-gap:6rem;-webkit-column-gap:6rem;column-gap:6rem;align-items:center}@media screen and (max-width:767px){.shortcut-options .shortcut-option{grid-template-columns:auto;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;grid-row-gap:.6rem;row-gap:.6rem}}.shortcut-options .shortcut-key{font-family:"WorkSans-Bold";background-color:#f0f0f0;background-color:var(--modal-hotkey-bg);padding:.4rem 1rem;width:-webkit-max-content;width:max-content;border-radius:.4rem}@media screen and (max-width:767px){.shortcut-options .shortcut-key{padding:.2rem .4rem}}.shortcut-options .shortcut-description{justify-self:end;text-align:right;width:15rem}@media screen and (max-width:767px){.shortcut-options .shortcut-description{text-align:left;width:auto;justify-self:start}}.theme-toggle-ui{position:absolute;right:2.5rem;top:1rem;z-index:10;transition:all .2s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.theme-toggle-ui .theme-btn{cursor:pointer;outline:none}.theme-toggle-ui .theme-btn svg{width:36px;height:36px}.file-select-label{display:grid;cursor:pointer;border:2px dashed #646478;border:2px dashed var(--border-color);border-radius:.5rem;min-width:600px}@media screen and (max-width:767px){.file-select-label{min-width:300px}}.file-select-label .file-select-label-hover,.file-select-label:hover{color:#000;background-color:#ffbe00;background-color:var(--yellow-accent)}.file-select-container{display:grid;padding:4rem;width:100%;height:100%}.file-select-container input{display:none}.file-select-message{font-family:"WorkSans-Bold";text-align:center}.btn-primary{display:grid;grid-auto-flow:column;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;background-color:#d2d2dc;background-color:var(--btn-primary-bg);color:#000;font-family:"WorkSans-Bold",sans-serif;width:-webkit-max-content;width:max-content;padding:.5rem;place-items:center;border-radius:.5rem;z-index:1;cursor:pointer}.btn-primary:hover{background-color:#ffbe00;background-color:var(--btn-primary-hover-bg)}.btn-primary svg{width:20px;height:auto}.btn-primary-disabled{pointer-events:none;opacity:.5}.modal{display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-row-gap:2rem;row-gap:2rem;place-self:center;padding:2rem;border-radius:.95rem;z-index:9999}.modal .modal-header{display:grid;grid-template-columns:repeat(2,auto);align-items:center}.modal .modal-header .btn-primary{justify-self:end}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:"WorkSans",sans-serif} \ No newline at end of file diff --git a/lama_cleaner/app/build/static/css/main.1e5aabda.chunk.css b/lama_cleaner/app/build/static/css/main.1e5aabda.chunk.css new file mode 100644 index 0000000..8f35098 --- /dev/null +++ b/lama_cleaner/app/build/static/css/main.1e5aabda.chunk.css @@ -0,0 +1 @@ +@font-face{font-family:"WorkSans";src:url(/static/media/WorkSans-Regular.bb287b89.ttf)}@font-face{font-family:"WorkSans-Semibold";src:url(/static/media/WorkSans-SemiBold.1e98db4e.ttf)}@font-face{font-family:"WorkSans-Bold";src:url(/static/media/WorkSans-Bold.2bea7a7f.ttf)}@font-face{font-family:"WorkSans-Black";src:url(/static/media/WorkSans-Black.67c2c5a1.ttf)}:root{--page-bg:#f0f0fa;--page-text-color:#000;--link-color:#000;--editor-toolkit-bg:rgba(240,240,250,0.5);--modal-bg:var(--page-bg);--modal-text-color:#000;--modal-hotkey-bg:#f0f0f0;--btn-primary-bg:#d2d2dc;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:hsla(0,0%,100%,0.5)}:root,[data-theme=dark]{--yellow-accent:#ffbe00;--border-color:#646478}[data-theme=dark]{--page-bg:#14141e;--page-text-color:#c8c8d2;--link-color:#ffbe00;--editor-toolkit-bg:rgba(20,20,30,0.5);--modal-bg:var(--page-bg);--modal-text-color:var(--page-text-color);--modal-hotkey-bg:#3c3c5a;--btn-primary-bg:#8c8cb4;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:#f0f0ff}@-webkit-keyframes pulsing{0%{opacity:1}50%{opacity:.75;background-color:hsla(0,0%,100%,.5);background-color:var(--animation-pulsing-bg)}to{opacity:1}}@keyframes pulsing{0%{opacity:1}50%{opacity:.75;background-color:hsla(0,0%,100%,.5);background-color:var(--animation-pulsing-bg)}to{opacity:1}}@-webkit-keyframes opacityReveal{0%{opacity:0}to{opacity:1}}@keyframes opacityReveal{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.lama-cleaner{grid-template-areas:"main-content";background-color:#f0f0fa;background-color:var(--page-bg);color:#000;color:var(--page-text-color);transition-property:background-color,color;transition-duration:.2s;transition-timing-function:repeat(2,ease-out)}.editor-container,.lama-cleaner{display:grid;width:100vw;height:100vh}.editor-container{grid-area:main-content;place-items:center}.react-transform-wrapper{display:grid!important;width:100%!important;height:100%!important}.editor-canvas-container{display:grid;grid-template-areas:"editor-content";grid-row-gap:1rem;row-gap:1rem}.editor-canvas{grid-area:editor-content;z-index:2}.original-image-container{grid-area:editor-content;pointer-events:none;display:grid;grid-template-areas:"original-image-content"}.original-image-container img{grid-area:original-image-content}.original-image-container .editor-slider{grid-area:original-image-content;height:100%;width:4px;justify-self:end;background-color:#ffbe00;background-color:var(--yellow-accent);transition:all .35s ease-in-out;z-index:2}.editor-canvas-loading{pointer-events:none;-webkit-animation:pulsing .75s infinite;animation:pulsing .75s infinite}.editor-toolkit-panel{position:fixed;bottom:0;padding:1rem 4rem;display:grid;grid-template-areas:"toolkit-size-selector toolkit-brush-slider toolkit-btns";grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;align-items:center;background-color:rgba(240,240,250,.5);background-color:var(--editor-toolkit-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem .5rem 0 0;-webkit-animation:slideUp .2s ease-out;animation:slideUp .2s ease-out}@media screen and (max-width:767px){.editor-toolkit-panel{padding:1rem 2rem;grid-template-areas:"toolkit-size-selector toolkit-size-selector" "toolkit-brush-slider toolkit-brush-slider" "toolkit-btns toolkit-btns";grid-row-gap:2rem;row-gap:2rem;justify-items:center}}.editor-brush-slider{grid-area:toolkit-brush-slider;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);height:-webkit-max-content;height:max-content;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;align-items:center}.editor-brush-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.editor-brush-slider input[type=range]:focus{outline:none}.editor-brush-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1.2rem;width:1.2rem;border-radius:50%;border:2px solid #000;z-index:2;background:#ffbe00;background:var(--yellow-accent);margin-top:-.5rem}.editor-brush-slider input[type=range]::-webkit-slider-runnable-track{border-radius:2rem;height:.2rem;background:#d2d2dc;background:var(--btn-primary-bg)}.editor-brush-slider input[type=range]::-moz-range-track{border-radius:2rem;background:#d2d2dc;background:var(--btn-primary-bg)}.editor-brush-slider input[type=range]::-ms-fill-lower{background-color:red}.editor-brush-slider input[type=range]::-moz-range-progress{background:#ffbe00;background:var(--yellow-accent)}.editor-toolkit-btns{grid-area:toolkit-btns;display:grid;grid-auto-flow:column;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.brush-shape{position:absolute;border-radius:50%;background:rgba(255,190,0,.75);border:1px dashed #646478;border:1px dashed var(--border-color);pointer-events:none}.editor-size-selector-options{position:fixed;display:grid}.editor-size-selector{grid-area:toolkit-size-selector;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.editor-size-selector,.editor-size-selector-main{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);align-items:center}.editor-size-selector-main{background:#ffbe00;background:var(--yellow-accent);color:#000;font-family:"WorkSans-Bold";padding:.5rem;border-radius:.5rem;grid-column-gap:.25rem;-webkit-column-gap:.25rem;column-gap:.25rem;cursor:pointer;outline:none}.editor-size-selector-main svg{width:1rem;height:1rem;margin-top:.25rem}.editor-size-options{background:#d2d2dc;background:var(--btn-primary-bg);color:#000;font-family:"WorkSans-Bold";border-radius:.5rem;padding:0;display:grid;justify-self:center;margin-left:2.7rem;position:fixed;bottom:4rem}@media screen and (max-width:767px){.editor-size-options{bottom:11.5rem;margin-left:2.9rem}}.editor-size-options .editor-size-option{padding:.2rem .8rem;border-bottom:1px dashed #646478;border-bottom:1px dashed var(--border-color);border-radius:.5rem}.editor-size-options .editor-size-option:last-of-type{border-bottom:none}.editor-size-options .editor-size-option:hover{background-color:#ffbe00;background-color:var(--yellow-accent)}.landing-page{display:grid;place-self:center;justify-items:center;grid-row-gap:2rem;row-gap:2rem;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}@media screen and (max-width:767px){.landing-page{padding:1rem}}.landing-page h1{text-align:center;font-size:1.4rem}@media screen and (max-width:767px){.landing-page h1{font-size:1.2rem}}.landing-page a{color:#000;color:var(--link-color)}.landing-file-selector,header{display:grid}header{grid-area:main-content;padding:1rem 2rem;position:absolute;top:0;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);width:100%;grid-template-columns:repeat(2,auto)}.shortcuts{justify-self:end;margin-right:4rem;z-index:1}.modal-shortcuts{grid-area:main-content;background-color:#f0f0fa;background-color:var(--modal-bg);color:#000;color:var(--modal-text-color);box-shadow:0 0 20px rgba(0,0,40,.2)}@media screen and (max-width:767px){.modal-shortcuts{display:grid;width:100%;height:auto;margin-top:-11rem;-webkit-animation:slideDown .2s ease-out;animation:slideDown .2s ease-out}}.shortcut-options{display:grid;grid-row-gap:1rem;row-gap:1rem}.shortcut-options .shortcut-option{display:grid;grid-template-columns:repeat(2,auto);grid-column-gap:6rem;-webkit-column-gap:6rem;column-gap:6rem;align-items:center}@media screen and (max-width:767px){.shortcut-options .shortcut-option{grid-template-columns:auto;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;grid-row-gap:.6rem;row-gap:.6rem}}.shortcut-options .shortcut-key{font-family:"WorkSans-Bold";background-color:#f0f0f0;background-color:var(--modal-hotkey-bg);padding:.4rem 1rem;width:-webkit-max-content;width:max-content;border-radius:.4rem}@media screen and (max-width:767px){.shortcut-options .shortcut-key{padding:.2rem .4rem}}.shortcut-options .shortcut-description{justify-self:end;text-align:right;width:15rem}@media screen and (max-width:767px){.shortcut-options .shortcut-description{text-align:left;width:auto;justify-self:start}}.theme-toggle-ui{position:absolute;right:2.5rem;top:1rem;z-index:10;transition:all .2s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.theme-toggle-ui .theme-btn{cursor:pointer;outline:none}.theme-toggle-ui .theme-btn svg{width:36px;height:36px}.file-select-label{display:grid;cursor:pointer;border:2px dashed #646478;border:2px dashed var(--border-color);border-radius:.5rem;min-width:600px}@media screen and (max-width:767px){.file-select-label{min-width:300px}}.file-select-label .file-select-label-hover,.file-select-label:hover{color:#000;background-color:#ffbe00;background-color:var(--yellow-accent)}.file-select-container{display:grid;padding:4rem;width:100%;height:100%}.file-select-container input{display:none}.file-select-message{font-family:"WorkSans-Bold";text-align:center}.btn-primary{display:grid;grid-auto-flow:column;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;background-color:#d2d2dc;background-color:var(--btn-primary-bg);color:#000;font-family:"WorkSans-Bold",sans-serif;width:-webkit-max-content;width:max-content;padding:.5rem;place-items:center;border-radius:.5rem;z-index:1;cursor:pointer}.btn-primary:hover{background-color:#ffbe00;background-color:var(--btn-primary-hover-bg)}.btn-primary svg{width:20px;height:auto}.btn-primary-disabled{pointer-events:none;opacity:.5}.modal{display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-row-gap:2rem;row-gap:2rem;place-self:center;padding:2rem;border-radius:.95rem;z-index:9999}.modal .modal-header{display:grid;grid-template-columns:repeat(2,auto);align-items:center}.modal .modal-header .btn-primary{justify-self:end}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:"WorkSans",sans-serif} \ No newline at end of file diff --git a/lama_cleaner/app/build/static/js/main.4e51b2a1.chunk.js b/lama_cleaner/app/build/static/js/main.4e51b2a1.chunk.js deleted file mode 100644 index e3cd6e5..0000000 --- a/lama_cleaner/app/build/static/js/main.4e51b2a1.chunk.js +++ /dev/null @@ -1 +0,0 @@ -(this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[]).push([[0],{24:function(e,t,n){},27:function(e,t,n){"use strict";n.r(t);var a=n(0),c=n.n(a),r=n(12),i=n.n(r),o=(n(24),n(4)),s=n(2),u=n(30);var l=n(3),d=n.n(l),h=n(5),j=Object(o.b)({key:"fileState",default:void 0}),b=Object(o.b)({key:"shortcutsState",default:!1}),v=n(6),f=function(){var e=Object(a.useState)(window.innerWidth),t=Object(s.a)(e,2),n=t[0],c=t[1],r=Object(a.useCallback)((function(){c(window.innerWidth)}),[]);return Object(a.useEffect)((function(){return window.addEventListener("resize",r),function(){window.removeEventListener("resize",r)}})),n<768?"mobile":n>=768&&n<1224?"tablet":n>=1224?"desktop":void 0},p=n(1);function O(e){var t=e.onSelection,n=Object(a.useState)(!1),c=Object(s.a)(n,2),r=c[0],i=c[1],o=Object(a.useState)("file-upload-".concat(Math.random().toString())),u=Object(s.a)(o,1)[0],l=f();function j(e){if(e&&e.type.match("image.*"))try{if(e.size>20971520)throw new Error("file too large");t(e)}catch(n){alert("error: ".concat(n.message))}}function b(e){return O.apply(this,arguments)}function O(){return(O=Object(h.a)(d.a.mark((function e(t){return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e){t.file((function(t){return e(t)}))})));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function m(e){return x.apply(this,arguments)}function x(){return(x=Object(h.a)(d.a.mark((function e(t){var n,a,c,r,i;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:for(n=[],a=[],c=0;c0)){e.next=23;break}if(!(null===(r=a.shift())||void 0===r?void 0:r.isFile)){e.next=12;break}return e.next=8,b(r);case 8:i=e.sent,n.push(i),e.next=21;break;case 12:if(!(null===r||void 0===r?void 0:r.isDirectory)){e.next=21;break}return e.t0=a.push,e.t1=a,e.t2=v.a,e.next=18,g(r.createReader());case 18:e.t3=e.sent,e.t4=(0,e.t2)(e.t3),e.t0.apply.call(e.t0,e.t1,e.t4);case 21:e.next=3;break;case 23:return e.abrupt("return",n);case 24:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function g(e){return w.apply(this,arguments)}function w(){return(w=Object(h.a)(d.a.mark((function e(t){var n,a;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=[],e.next=3,k(t);case 3:a=e.sent;case 4:if(!(a.length>0)){e.next=11;break}return n.push.apply(n,Object(v.a)(a)),e.next=8,k(t);case 8:a=e.sent,e.next=4;break;case 11:return e.abrupt("return",n);case 12:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function k(e){return y.apply(this,arguments)}function y(){return(y=Object(h.a)(d.a.mark((function e(t){return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e,n){t.readEntries(e,n)})));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function C(){return(C=Object(h.a)(d.a.mark((function e(t){var n;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.preventDefault(),e.next=3,m(t.dataTransfer.items);case 3:n=e.sent,i(!1),j(n[0]);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return Object(p.jsx)("label",{htmlFor:u,className:"file-select-label",children:Object(p.jsxs)("div",{className:["file-select-container",r?"file-select-label-hover":""].join(" "),onDrop:function(e){return C.apply(this,arguments)},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),i(!0)},onDragLeave:function(){return i(!1)},children:[Object(p.jsx)("input",{id:u,name:u,type:"file",onChange:function(e){var t,n=null===(t=e.currentTarget.files)||void 0===t?void 0:t[0];n&&j(n)},accept:"image/png, image/jpeg"}),Object(p.jsx)("p",{className:"file-select-message",children:"desktop"===l?"Click here or drag an image file":"Tap here to load your picture"})]})})}var m=function(){var e=Object(o.e)(j);return Object(p.jsxs)("div",{className:"landing-page",children:[Object(p.jsxs)("h1",{children:["Image inpainting powered by \ud83e\udd99",Object(p.jsx)("a",{href:"https://github.com/saic-mdal/lama",children:"LaMa"})]}),Object(p.jsx)("div",{className:"landing-file-selector",children:Object(p.jsx)(O,{onSelection:function(){var t=Object(h.a)(d.a.mark((function t(n){return d.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e(n);case 1:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()})})]})},x=n(8),g=Object(o.b)({key:"themeState",default:"dark"}),w=function(){var e=Object(o.c)(g),t=Object(s.a)(e,2),n=t[0],a=t[1];return Object(p.jsx)("div",{className:"theme-toggle-ui",children:Object(p.jsx)("div",{className:"theme-btn",onClick:function(){a("light"===n?"dark":"light")},role:"button",tabIndex:0,"aria-hidden":"true",children:"light"===n?Object(p.jsx)(x.e,{}):Object(p.jsx)(x.f,{style:{color:"rgb(255, 190, 0)"}})})})},k=n(17),y=n(29),C=n(18);function S(e){for(var t=e.split(",")[0].split(":")[1].split(";")[0],n=atob(e.split(",")[1]),a=[],c=0;ct){var c=Math.ceil(t*a);return"".concat(e,"x").concat(c)}var r=Math.ceil(n*a);return"".concat(r,"x").concat(e)}),[n,t,v]);Object(T.a)(l,(function(){u(!1)}));var m=function(e){var a=e.target.textContent.split("x");n>t?(b(a[0]),c(a[0])):(b(a[1]),c(a[1])),u(!o)};return Object(p.jsxs)("div",{className:"editor-size-selector",ref:l,children:[Object(p.jsx)("p",{children:"Size:"}),Object(p.jsxs)("div",{className:"editor-size-selector-main",role:"button",tabIndex:0,onClick:function(){u((function(e){return!e}))},"aria-hidden":"true",children:[Object(p.jsx)("p",{children:O(j.toString())}),Object(p.jsx)("div",{className:"editor-size-selector-chevron",children:Object(p.jsx)(A.a,{})})]}),o&&Object(p.jsx)("div",{className:"editor-size-options",children:f().map((function(e){return Object(p.jsx)("div",{className:"editor-size-option",role:"button",tabIndex:0,onClick:m,"aria-hidden":"true",children:O(e)},e)}))})]})}var R="rgba(255, 190, 0, 0.65)";function Z(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:R;e.strokeStyle=n,e.lineCap="round",e.lineJoin="round",t.forEach((function(t){(null===t||void 0===t?void 0:t.pts.length)&&t.size&&(e.lineWidth=t.size,e.beginPath(),e.moveTo(t.pts[0].x,t.pts[0].y),t.pts.forEach((function(t){return e.lineTo(t.x,t.y)})),e.stroke())}))}function W(e){var t=e.file,n=Object(a.useState)(40),c=Object(s.a)(n,2),r=c[0],i=c[1],o=function(e){var t=Object(a.useState)(new Image),n=Object(s.a)(t,1)[0],c=Object(a.useState)(!1),r=Object(s.a)(c,2),i=r[0],o=r[1];return Object(a.useEffect)((function(){return n.onload=function(){o(!0)},o(!1),n.src=URL.createObjectURL(e),function(){n.onload=null}}),[e,n]),[n,i]}(t),l=Object(s.a)(o,2),j=l[0],b=l[1],f=Object(a.useState)([]),O=Object(s.a)(f,2),m=O[0],g=O[1],w=Object(a.useState)(),S=Object(s.a)(w,2),M=S[0],E=S[1],H=Object(a.useState)((function(){return document.createElement("canvas")})),A=Object(s.a)(H,1)[0],T=Object(a.useState)([{pts:[]}]),I=Object(s.a)(T,2),R=I[0],W=I[1],U=Object(a.useState)([{pts:[]}]),V=Object(s.a)(U,2),B=V[0],F=V[1],K=Object(a.useState)([]),Y=Object(s.a)(K,2),J=Y[0],X=Y[1],G=Object(a.useState)({x:-1,y:-1}),$=Object(s.a)(G,2),_=$[0],Q=_.x,q=_.y,ee=$[1],te=Object(a.useState)(!1),ne=Object(s.a)(te,2),ae=ne[0],ce=ne[1],re=Object(a.useState)(!1),ie=Object(s.a)(re,2),oe=ie[0],se=ie[1],ue=Object(a.useState)(!1),le=Object(s.a)(ue,2),de=le[0],he=le[1],je=Object(a.useState)(!1),be=Object(s.a)(je,2),ve=be[0],fe=be[1],pe=Object(a.useState)(1),Oe=Object(s.a)(pe,2),me=Oe[0],xe=Oe[1],ge=Object(a.useState)(),we=Object(s.a)(ge,2),ke=we[0],ye=we[1],Ce=Object(a.useState)(1080),Se=Object(s.a)(Ce,2),ze=Se[0],Me=Se[1],Ne=Object(y.a)(),Ee=Object(a.useRef)(),De=Object(a.useState)(!1),Le=Object(s.a)(De,2),He=Le[0],Ae=Le[1],Te=Object(a.useState)(!1),Ie=Object(s.a)(Te,2),Pe=Ie[0],Re=Ie[1],Ze=Object(a.useState)(0),We=Object(s.a)(Ze,2),Ue=We[0],Ve=We[1],Be=Object(a.useCallback)((function(){if(M){M.clearRect(0,0,M.canvas.width,M.canvas.height);var e=m[m.length-1];(null===e||void 0===e?void 0:e.src)?M.drawImage(e,0,0,j.naturalWidth,j.naturalHeight):M.drawImage(j,0,0),Z(M,B)}}),[M,B,j,m]),Fe=Object(a.useCallback)((function(){if(!(null===M||void 0===M?void 0:M.canvas.width)||!(null===M||void 0===M?void 0:M.canvas.height))throw new Error("canvas has invalid size");A.width=null===M||void 0===M?void 0:M.canvas.width,A.height=null===M||void 0===M?void 0:M.canvas.height;var e=A.getContext("2d");if(!e)throw new Error("could not retrieve mask canvas");Z(e,R,"white")}),[null===M||void 0===M?void 0:M.canvas.height,null===M||void 0===M?void 0:M.canvas.width,R,A]),Ke=Object(a.useCallback)(Object(h.a)(d.a.mark((function e(){var n,a;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return fe(!0),Fe(),e.prev=2,e.next=5,N(t,A.toDataURL(),ze.toString());case 5:if(n=e.sent){e.next=8;break}throw new Error("empty response");case 8:return a=new Image,e.next=11,z(a,n);case 11:m.push(a),R.push({pts:[]}),g(Object(v.a)(m)),W(Object(v.a)(R)),J.push(B.length),X(J),B.length=0,F([{pts:[]}]),e.next=24;break;case 21:e.prev=21,e.t0=e.catch(2),alert(e.t0.message?e.t0.message:e.t0.toString());case 24:fe(!1),Be();case 26:case"end":return e.stop()}}),e,null,[[2,21]])}))),[Be,t,R,B,A,Fe,m,ze,J]),Ye=function(){return 0!==B.length&&0!==B[0].pts.length},Je=function(){return 0!==m.length},Xe=function(){Ae(!1),B.length=0,F([{pts:[]}])},Ge=function(e){return"Control"===e.key||"Meta"===e.key};Object(C.a)(Ge,(function(){Pe&&(ve||(Re(!1),Ye()&&Ke()))}),{event:"keyup"},[ve,Pe,Ye]),Object(C.a)(Ge,(function(){ve||Re(!0)}),{event:"keydown"},[ve]),Object(a.useEffect)((function(){if(j&&b){var e=Ne.width/j.naturalWidth,t=(Ne.height-200)/j.naturalHeight;if(e<1||t<1){var n=Math.min(e,t);ye(n),xe(n)}else ye(1);var a=Math.max(j.width,j.height);Me(a),(null===M||void 0===M?void 0:M.canvas)&&(M.canvas.width=j.naturalWidth,M.canvas.height=j.naturalHeight),Be()}}),[null===M||void 0===M?void 0:M.canvas,Be,j,b,Ne]),Object(a.useEffect)((function(){return window.addEventListener("resize",(function(){$e()})),function(){window.removeEventListener("resize",(function(){$e()}))}}),[Ne]);var $e=Object(a.useCallback)((function(){if(ke&&j&&Ne){var e=Ee.current;if(!e)throw new Error("no viewport");var t=(Ne.width-j.width*ke)/2,n=(Ne.height-j.height*ke)/2;e.setTransform(t,n,ke,200,"easeOutQuad"),e.state.scale=ke,xe(ke)}}),[Ee,ke,j,Ne]);Object(C.a)("Escape",(function(){ve||(He||Pe?Xe():$e())}),{event:"keydown"},[He,ve,Pe,$e,Xe]);var _e=function(e,t){B[B.length-1].pts.push({x:e,y:t}),R[R.length-1].pts.push({x:e,y:t}),Be()},Qe=function(){if(m.length&&J.length){for(var e=R,t=J[J.length-1],n=0;n<=t;n+=1)e.pop();W([].concat(Object(v.a)(e),[{pts:[]}])),J.pop(),X(J);var a=m;a.pop(),g(Object(v.a)(a))}};Object(C.a)((function(e){var t=(e.metaKey||e.ctrlKey)&&"z"===e.key;return"Tab"===e.key&&e.preventDefault(),!!t&&(e.preventDefault(),!0)}),Qe),Object(u.a)("Tab",(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),Je()&&he((function(){return window.setTimeout((function(){Ve(100)}),10),!0}))}),(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),Je()&&(Ve(0),window.setTimeout((function(){he(!1)}),350))}));var qe=function(e){e===ae||oe||ce(e)},et=Object(a.useCallback)((function(){return oe?"grab":ae?"none":void 0}),[ae,oe]);Object(u.a)("[",(function(){i((function(e){return e>10?e-10:e<=10&&e>0?e-5:e}))})),Object(u.a)("]",(function(){i((function(e){return e+10}))})),Object(u.a)(" ",(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),ce(!1),se(!0)}),(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),ce(!0),se(!1)}));return j&&me&&ke?Object(p.jsxs)("div",{className:"editor-container","aria-hidden":"true",onMouseMove:function(e){var t=e.nativeEvent;ee({x:t.pageX,y:t.pageY})},onMouseUp:function(){if(!oe&&(j.src&&(null===M||void 0===M?void 0:M.canvas)&&!ve&&He)){if(Ae(!1),Pe)return R.push({pts:[]}),W(Object(v.a)(R)),B.push({pts:[]}),void F(Object(v.a)(B));0!==B.length&&0!==B[0].pts.length&&Ke()}},children:[Object(p.jsx)(k.b,{ref:function(e){e&&(Ee.current=e)},panning:{disabled:!oe,velocityDisabled:!0},wheel:{step:.05},centerZoomedOut:!0,alignmentAnimation:{disabled:!0},centerOnInit:!0,limitToBounds:!1,doubleClick:{disabled:!0},initialScale:ke,minScale:ke,onZoom:function(e){xe(e.state.scale)},children:Object(p.jsx)(k.a,{contentClass:ve?"editor-canvas-loading":"",children:Object(p.jsxs)("div",{className:"editor-canvas-container",children:[Object(p.jsx)("canvas",{className:"editor-canvas",style:{cursor:et(),clipPath:"inset(0 ".concat(Ue,"% 0 0)"),transition:"clip-path 350ms ease-in-out"},onContextMenu:function(e){e.preventDefault()},onMouseOver:function(){return qe(!0)},onFocus:function(){return qe(!0)},onMouseLeave:function(){return qe(!1)},onMouseDown:function(e){if(!oe&&(j.src&&(null===M||void 0===M?void 0:M.canvas)&&!ve)){Ae(!0),B[B.length-1].size=r,R[R.length-1].size=r;var t=e.nativeEvent;_e(t.offsetX,t.offsetY)}},onMouseMove:function(e){if(!oe&&He){var t=e.nativeEvent,n=t.offsetX,a=t.offsetY;_e(n,a)}},ref:function(e){if(e&&!M){var t=e.getContext("2d");t&&E(t)}}}),Object(p.jsxs)("div",{className:"original-image-container",style:{width:"".concat(j.naturalWidth,"px"),height:"".concat(j.naturalHeight,"px")},children:[de&&Object(p.jsx)("div",{className:"editor-slider",style:{marginRight:"".concat(Ue,"%")}}),Object(p.jsx)("img",{className:"original-image",src:j.src,alt:"original",style:{width:"".concat(j.naturalWidth,"px"),height:"".concat(j.naturalHeight,"px")}})]})]})})}),ae&&!ve&&!oe&&Object(p.jsx)("div",{className:"brush-shape",style:function(){var e=function(){var e,t,n=ke;return void 0!==(null===(e=Ee.current)||void 0===e?void 0:e.state.scale)&&(n=null===(t=Ee.current)||void 0===t?void 0:t.state.scale),n}();return{width:"".concat(r*e,"px"),height:"".concat(r*e,"px"),left:"".concat(Q,"px"),top:"".concat(q,"px"),transform:"translate(-50%, -50%)"}}()}),Object(p.jsxs)("div",{className:"editor-toolkit-panel",children:[Object(p.jsx)("p",{className:"image-type-tag",children:de?"Original":"Inpainted"}),Object(p.jsx)(P,{onChange:function(e){Me(e)},originalWidth:j.naturalWidth,originalHeight:j.naturalHeight}),Object(p.jsx)(L,{label:"Brush",min:10,max:150,value:r,onChange:i}),Object(p.jsxs)("div",{className:"editor-toolkit-btns",children:[Object(p.jsx)(D,{icon:Object(p.jsx)(x.b,{}),disabled:me===ke,onClick:$e}),Object(p.jsx)(D,{icon:Object(p.jsx)("svg",{width:"19",height:"9",viewBox:"0 0 19 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(p.jsx)("path",{d:"M2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1H2ZM1 8H0V9H1V8ZM8 9C8.55228 9 9 8.55229 9 8C9 7.44771 8.55228 7 8 7V9ZM16.5963 7.42809C16.8327 7.92721 17.429 8.14016 17.9281 7.90374C18.4272 7.66731 18.6402 7.07103 18.4037 6.57191L16.5963 7.42809ZM16.9468 5.83205L17.8505 5.40396L16.9468 5.83205ZM0 1V8H2V1H0ZM1 9H8V7H1V9ZM1.66896 8.74329L6.66896 4.24329L5.33104 2.75671L0.331035 7.25671L1.66896 8.74329ZM16.043 6.26014L16.5963 7.42809L18.4037 6.57191L17.8505 5.40396L16.043 6.26014ZM6.65079 4.25926C9.67554 1.66661 14.3376 2.65979 16.043 6.26014L17.8505 5.40396C15.5805 0.61182 9.37523 -0.710131 5.34921 2.74074L6.65079 4.25926Z",fill:"currentColor"})}),onClick:Qe,disabled:0===m.length}),Object(p.jsx)(D,{icon:Object(p.jsx)(x.d,{}),onDown:function(e){e.preventDefault(),he((function(){return window.setTimeout((function(){Ve(100)}),10),!0}))},onUp:function(){Ve(0),window.setTimeout((function(){he(!1)}),350)},disabled:0===m.length,children:void 0}),Object(p.jsx)(D,{icon:Object(p.jsx)(x.c,{}),disabled:!m.length,onClick:function(){var e=t.name.replace(/(\.[\w\d_-]+)$/i,"_cleanup$1");!function(e,t){var n=document.createElement("a");n.href=e,n.download=t,n.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window})),setTimeout((function(){n.remove()}),100)}(m[m.length-1].currentSrc,e)},children:void 0})]})]})]}):Object(p.jsx)(p.Fragment,{})}var U=function(){var e=Object(o.c)(b),t=Object(s.a)(e,2),n=t[0],a=t[1],c=function(){a((function(e){return!e}))};return Object(u.a)("h",(function(e){null===e||void 0===e||e.preventDefault(),c()})),Object(p.jsx)("div",{className:"shortcuts",children:Object(p.jsx)(D,{onClick:c,disabled:n,icon:Object(p.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"28",height:"28",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:[Object(p.jsx)("rect",{x:"0",y:"0",width:"16",height:"16",fill:"none",stroke:"none"}),Object(p.jsxs)("g",{fill:"currentColor",children:[Object(p.jsx)("path",{d:"M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"}),Object(p.jsx)("path",{d:"M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75v-.5zm2 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-.5zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75v-.5zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75v-.5zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75v-.5zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75v-.5zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75v-.5zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75v-.5zm-3 0A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 6.75v-.5zm0 4a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm2 0a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25v-.5z"})]})]})})})},V=function(){var e=Object(o.e)(j),t=f();return Object(p.jsxs)("header",{children:[Object(p.jsx)(D,{icon:Object(p.jsx)(x.a,{}),onClick:function(){e(void 0)},children:"desktop"===t?"Start New":void 0}),Object(p.jsx)(U,{})]})};function B(e){var t=e.children,n=e.onClose,c=e.className,r=e.title,i=Object(a.useRef)(null);return Object(T.a)(i,(function(){null===n||void 0===n||n()})),Object(C.a)("Escape",n,{event:"keydown"}),Object(p.jsxs)("div",{ref:i,className:"modal ".concat(c),children:[Object(p.jsxs)("div",{className:"modal-header",children:[Object(p.jsx)("h3",{children:r}),Object(p.jsx)(D,{icon:Object(p.jsx)(x.g,{}),onClick:n})]}),t]})}function F(e){var t=e.children,n=e.content;return Object(p.jsxs)("div",{className:"shortcut-option",children:[Object(p.jsx)("div",{className:"shortcut-key",children:t}),Object(p.jsx)("div",{className:"shortcut-description",children:n})]})}function K(){var e=Object(o.e)(b);return Object(p.jsx)(B,{onClose:function(){e((function(e){return!e}))},title:"Hotkeys",className:"modal-shortcuts",children:Object(p.jsxs)("div",{className:"shortcut-options",children:[Object(p.jsx)(F,{content:"Enable multi-stroke mask drawing",children:Object(p.jsx)("p",{children:"Hold Cmd/Ctrl"})}),Object(p.jsx)(F,{content:"Undo inpainting",children:Object(p.jsx)("p",{children:"Cmd/Ctrl + Z"})}),Object(p.jsx)(F,{content:"Pan",children:Object(p.jsx)("p",{children:"Space & Drag"})}),Object(p.jsx)(F,{content:"View original image",children:Object(p.jsx)("p",{children:"Hold Tab"})}),Object(p.jsx)(F,{content:"Reset zoom/pan & Cancel mask drawing",children:Object(p.jsx)("p",{children:"Esc"})}),Object(p.jsx)(F,{content:"Decrease Brush Size",children:Object(p.jsx)("p",{children:"["})}),Object(p.jsx)(F,{content:"Increase Brush Size",children:Object(p.jsx)("p",{children:"]"})}),Object(p.jsx)(F,{content:"Toggle Dark Mode",children:Object(p.jsx)("p",{children:"Shift + D"})}),Object(p.jsx)(F,{content:"Toggle Hotkeys Panel",children:Object(p.jsx)("p",{children:"H"})})]})})}var Y=function(e){var t=e.file,n=Object(o.d)(b);return Object(p.jsxs)(p.Fragment,{children:[Object(p.jsx)(V,{}),Object(p.jsx)(W,{file:t}),n?Object(p.jsx)(K,{}):null]})};!function(){function e(){return e=Object(h.a)(d.a.mark((function e(){var t,n,a=arguments;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=a.length>0&&void 0!==a[0]?a[0]:"",e.next=3,fetch(t,{method:"GET",cache:"no-cache"});case 3:return n=e.sent,e.abrupt("return",n.json());case 5:case"end":return e.stop()}}),e)}))),e.apply(this,arguments)}var t=function(){(function(){return e.apply(this,arguments)})(document.location+"/flaskwebgui-keep-server-alive").then((function(e){return e}))};document.addEventListener("DOMContentLoaded",(function(){t(),setInterval(t,3e3)}))}();var J=function(){var e=Object(o.c)(j),t=Object(s.a)(e,2),n=t[0],c=t[1],r=Object(o.c)(g),i=Object(s.a)(r,2),l=i[0],d=i[1],h=function(){var e=Object(a.useState)(),t=Object(s.a)(e,2),n=t[0],c=t[1],r=Object(a.useCallback)((function(){var e=new Headers;e.append("pragma","no-cache"),e.append("cache-control","no-cache"),fetch("/inputimage",{headers:e}).then((function(e){return e.blob()})).then((function(e){if(e&&e.type.startsWith("image")){var t=new File([e],"inputImage");c(t)}}))}),[c]);return Object(a.useEffect)((function(){r()}),[r]),n}();return Object(a.useEffect)((function(){c(h)}),[h,c]),Object(u.a)("D",(function(e){null===e||void 0===e||e.preventDefault(),d("light"===l?"dark":"light")})),Object(p.jsxs)("div",{className:"lama-cleaner","data-theme":l,children:[Object(p.jsx)(w,{}),n?Object(p.jsx)(Y,{file:n}):Object(p.jsx)(m,{})]})};i.a.render(Object(p.jsx)(c.a.StrictMode,{children:Object(p.jsx)(o.a,{children:Object(p.jsx)(J,{})})}),document.getElementById("root"))}},[[27,1,2]]]); \ No newline at end of file diff --git a/lama_cleaner/app/build/static/js/main.bc8bc9eb.chunk.js b/lama_cleaner/app/build/static/js/main.bc8bc9eb.chunk.js new file mode 100644 index 0000000..cd8e8ee --- /dev/null +++ b/lama_cleaner/app/build/static/js/main.bc8bc9eb.chunk.js @@ -0,0 +1 @@ +(this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[]).push([[0],{24:function(e,t,n){},27:function(e,t,n){"use strict";n.r(t);var a=n(0),c=n.n(a),r=n(12),i=n.n(r),o=(n(24),n(4)),s=n(2),u=n(30);var l=n(3),d=n.n(l),h=n(5),j=Object(o.b)({key:"fileState",default:void 0}),b=Object(o.b)({key:"shortcutsState",default:!1}),v=n(6),f=function(){var e=Object(a.useState)(window.innerWidth),t=Object(s.a)(e,2),n=t[0],c=t[1],r=Object(a.useCallback)((function(){c(window.innerWidth)}),[]);return Object(a.useEffect)((function(){return window.addEventListener("resize",r),function(){window.removeEventListener("resize",r)}})),n<768?"mobile":n>=768&&n<1224?"tablet":n>=1224?"desktop":void 0},p=n(1);function O(e){var t=e.onSelection,n=Object(a.useState)(!1),c=Object(s.a)(n,2),r=c[0],i=c[1],o=Object(a.useState)("file-upload-".concat(Math.random().toString())),u=Object(s.a)(o,1)[0],l=f();function j(e){if(e&&e.type.match("image.*"))try{if(e.size>20971520)throw new Error("file too large");t(e)}catch(n){alert("error: ".concat(n.message))}}function b(e){return O.apply(this,arguments)}function O(){return(O=Object(h.a)(d.a.mark((function e(t){return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e){t.file((function(t){return e(t)}))})));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function m(e){return x.apply(this,arguments)}function x(){return(x=Object(h.a)(d.a.mark((function e(t){var n,a,c,r,i;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:for(n=[],a=[],c=0;c0)){e.next=23;break}if(!(null===(r=a.shift())||void 0===r?void 0:r.isFile)){e.next=12;break}return e.next=8,b(r);case 8:i=e.sent,n.push(i),e.next=21;break;case 12:if(!(null===r||void 0===r?void 0:r.isDirectory)){e.next=21;break}return e.t0=a.push,e.t1=a,e.t2=v.a,e.next=18,g(r.createReader());case 18:e.t3=e.sent,e.t4=(0,e.t2)(e.t3),e.t0.apply.call(e.t0,e.t1,e.t4);case 21:e.next=3;break;case 23:return e.abrupt("return",n);case 24:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function g(e){return w.apply(this,arguments)}function w(){return(w=Object(h.a)(d.a.mark((function e(t){var n,a;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=[],e.next=3,k(t);case 3:a=e.sent;case 4:if(!(a.length>0)){e.next=11;break}return n.push.apply(n,Object(v.a)(a)),e.next=8,k(t);case 8:a=e.sent,e.next=4;break;case 11:return e.abrupt("return",n);case 12:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function k(e){return y.apply(this,arguments)}function y(){return(y=Object(h.a)(d.a.mark((function e(t){return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e,n){t.readEntries(e,n)})));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function C(){return(C=Object(h.a)(d.a.mark((function e(t){var n;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.preventDefault(),e.next=3,m(t.dataTransfer.items);case 3:n=e.sent,i(!1),j(n[0]);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return Object(p.jsx)("label",{htmlFor:u,className:"file-select-label",children:Object(p.jsxs)("div",{className:["file-select-container",r?"file-select-label-hover":""].join(" "),onDrop:function(e){return C.apply(this,arguments)},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),i(!0)},onDragLeave:function(){return i(!1)},children:[Object(p.jsx)("input",{id:u,name:u,type:"file",onChange:function(e){var t,n=null===(t=e.currentTarget.files)||void 0===t?void 0:t[0];n&&j(n)},accept:"image/png, image/jpeg"}),Object(p.jsx)("p",{className:"file-select-message",children:"desktop"===l?"Click here or drag an image file":"Tap here to load your picture"})]})})}var m=function(){var e=Object(o.e)(j);return Object(p.jsxs)("div",{className:"landing-page",children:[Object(p.jsxs)("h1",{children:["Image inpainting powered by \ud83e\udd99",Object(p.jsx)("a",{href:"https://github.com/saic-mdal/lama",children:"LaMa"})]}),Object(p.jsx)("div",{className:"landing-file-selector",children:Object(p.jsx)(O,{onSelection:function(){var t=Object(h.a)(d.a.mark((function t(n){return d.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e(n);case 1:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()})})]})},x=n(8),g=Object(o.b)({key:"themeState",default:"dark"}),w=function(){var e=Object(o.c)(g),t=Object(s.a)(e,2),n=t[0],a=t[1];return Object(p.jsx)("div",{className:"theme-toggle-ui",children:Object(p.jsx)("div",{className:"theme-btn",onClick:function(){a("light"===n?"dark":"light")},role:"button",tabIndex:0,"aria-hidden":"true",children:"light"===n?Object(p.jsx)(x.e,{}):Object(p.jsx)(x.f,{style:{color:"rgb(255, 190, 0)"}})})})},k=n(17),y=n(29),C=n(18);function S(e){for(var t=e.split(",")[0].split(":")[1].split(";")[0],n=atob(e.split(",")[1]),a=[],c=0;ct){var c=Math.ceil(t*a);return"".concat(e,"x").concat(c)}var r=Math.ceil(n*a);return"".concat(r,"x").concat(e)}),[n,t,v]);Object(T.a)(l,(function(){u(!1)}));var m=function(e){var a=e.target.textContent.split("x");n>t?(b(a[0]),c(a[0])):(b(a[1]),c(a[1])),u(!o)};return Object(p.jsxs)("div",{className:"editor-size-selector",ref:l,children:[Object(p.jsx)("p",{children:"Size:"}),Object(p.jsxs)("div",{className:"editor-size-selector-main",role:"button",tabIndex:0,onClick:function(){u((function(e){return!e}))},"aria-hidden":"true",children:[Object(p.jsx)("p",{children:O(j.toString())}),Object(p.jsx)("div",{className:"editor-size-selector-chevron",children:Object(p.jsx)(A.a,{})})]}),o&&Object(p.jsx)("div",{className:"editor-size-options",children:f().map((function(e){return Object(p.jsx)("div",{className:"editor-size-option",role:"button",tabIndex:0,onClick:m,"aria-hidden":"true",children:O(e)},e)}))})]})}var R="rgba(255, 190, 0, 0.65)";function Z(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:R;e.strokeStyle=n,e.lineCap="round",e.lineJoin="round",t.forEach((function(t){(null===t||void 0===t?void 0:t.pts.length)&&t.size&&(e.lineWidth=t.size,e.beginPath(),e.moveTo(t.pts[0].x,t.pts[0].y),t.pts.forEach((function(t){return e.lineTo(t.x,t.y)})),e.stroke())}))}function W(e){var t=e.file,n=Object(a.useState)(40),c=Object(s.a)(n,2),r=c[0],i=c[1],o=function(e){var t=Object(a.useState)(new Image),n=Object(s.a)(t,1)[0],c=Object(a.useState)(!1),r=Object(s.a)(c,2),i=r[0],o=r[1];return Object(a.useEffect)((function(){return n.onload=function(){o(!0)},o(!1),n.src=URL.createObjectURL(e),function(){n.onload=null}}),[e,n]),[n,i]}(t),l=Object(s.a)(o,2),j=l[0],b=l[1],f=Object(a.useState)([]),O=Object(s.a)(f,2),m=O[0],g=O[1],w=Object(a.useState)(),S=Object(s.a)(w,2),M=S[0],N=S[1],H=Object(a.useState)((function(){return document.createElement("canvas")})),A=Object(s.a)(H,1)[0],T=Object(a.useState)([{pts:[]}]),I=Object(s.a)(T,2),R=I[0],W=I[1],U=Object(a.useState)([{pts:[]}]),V=Object(s.a)(U,2),B=V[0],F=V[1],K=Object(a.useState)([]),Y=Object(s.a)(K,2),J=Y[0],X=Y[1],G=Object(a.useState)({x:-1,y:-1}),$=Object(s.a)(G,2),_=$[0],Q=_.x,q=_.y,ee=$[1],te=Object(a.useState)(!1),ne=Object(s.a)(te,2),ae=ne[0],ce=ne[1],re=Object(a.useState)(!1),ie=Object(s.a)(re,2),oe=ie[0],se=ie[1],ue=Object(a.useState)(!1),le=Object(s.a)(ue,2),de=le[0],he=le[1],je=Object(a.useState)(!1),be=Object(s.a)(je,2),ve=be[0],fe=be[1],pe=Object(a.useState)(1),Oe=Object(s.a)(pe,2),me=Oe[0],xe=Oe[1],ge=Object(a.useState)(),we=Object(s.a)(ge,2),ke=we[0],ye=we[1],Ce=Object(a.useState)(1080),Se=Object(s.a)(Ce,2),ze=Se[0],Me=Se[1],Ee=Object(y.a)(),Ne=Object(a.useRef)(),De=Object(a.useState)(!1),Le=Object(s.a)(De,2),He=Le[0],Ae=Le[1],Te=Object(a.useState)(!1),Ie=Object(s.a)(Te,2),Pe=Ie[0],Re=Ie[1],Ze=Object(a.useState)(0),We=Object(s.a)(Ze,2),Ue=We[0],Ve=We[1],Be=Object(a.useCallback)((function(){if(M){M.clearRect(0,0,M.canvas.width,M.canvas.height);var e=m[m.length-1];(null===e||void 0===e?void 0:e.src)?M.drawImage(e,0,0,j.naturalWidth,j.naturalHeight):M.drawImage(j,0,0),Z(M,B)}}),[M,B,j,m]),Fe=Object(a.useCallback)((function(){if(!(null===M||void 0===M?void 0:M.canvas.width)||!(null===M||void 0===M?void 0:M.canvas.height))throw new Error("canvas has invalid size");A.width=null===M||void 0===M?void 0:M.canvas.width,A.height=null===M||void 0===M?void 0:M.canvas.height;var e=A.getContext("2d");if(!e)throw new Error("could not retrieve mask canvas");Z(e,R,"white")}),[null===M||void 0===M?void 0:M.canvas.height,null===M||void 0===M?void 0:M.canvas.width,R,A]),Ke=Object(a.useCallback)(Object(h.a)(d.a.mark((function e(){var n,a;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return fe(!0),Fe(),e.prev=2,e.next=5,E(t,A.toDataURL(),ze.toString());case 5:if(n=e.sent){e.next=8;break}throw new Error("empty response");case 8:return a=new Image,e.next=11,z(a,n);case 11:m.push(a),R.push({pts:[]}),g(Object(v.a)(m)),W(Object(v.a)(R)),J.push(B.length),X(J),B.length=0,F([{pts:[]}]),e.next=24;break;case 21:e.prev=21,e.t0=e.catch(2),alert(e.t0.message?e.t0.message:e.t0.toString());case 24:fe(!1),Be();case 26:case"end":return e.stop()}}),e,null,[[2,21]])}))),[Be,t,R,B,A,Fe,m,ze,J]),Ye=function(){return 0!==B.length&&0!==B[0].pts.length},Je=function(){return 0!==m.length},Xe=function(){Ae(!1),B.length=0,F([{pts:[]}])},Ge=function(e){return"Control"===e.key||"Meta"===e.key};Object(C.a)(Ge,(function(){Pe&&(ve||(Re(!1),Ye()&&Ke()))}),{event:"keyup"},[ve,Pe,Ye]),Object(C.a)(Ge,(function(){ve||Re(!0)}),{event:"keydown"},[ve]),Object(a.useEffect)((function(){if(j&&b){var e=Ee.width/j.naturalWidth,t=(Ee.height-200)/j.naturalHeight;if(e<1||t<1){var n=Math.min(e,t);ye(n),xe(n)}else ye(1);var a=Math.max(j.width,j.height);Me(a),(null===M||void 0===M?void 0:M.canvas)&&(M.canvas.width=j.naturalWidth,M.canvas.height=j.naturalHeight),Be()}}),[null===M||void 0===M?void 0:M.canvas,Be,j,b,Ee]),Object(a.useEffect)((function(){return window.addEventListener("resize",(function(){$e()})),function(){window.removeEventListener("resize",(function(){$e()}))}}),[Ee]);var $e=Object(a.useCallback)((function(){if(ke&&j&&Ee){var e=Ne.current;if(!e)throw new Error("no viewport");var t=(Ee.width-j.width*ke)/2,n=(Ee.height-j.height*ke)/2;e.setTransform(t,n,ke,200,"easeOutQuad"),e.state.scale=ke,xe(ke)}}),[Ne,ke,j,Ee]);Object(C.a)("Escape",(function(){ve||(He||Pe?Xe():$e())}),{event:"keydown"},[He,ve,Pe,$e,Xe]);var _e=function(e,t){B[B.length-1].pts.push({x:e,y:t}),R[R.length-1].pts.push({x:e,y:t}),Be()},Qe=function(){if(m.length&&J.length){for(var e=R,t=J[J.length-1],n=0;n<=t;n+=1)e.pop();W([].concat(Object(v.a)(e),[{pts:[]}])),J.pop(),X(J);var a=m;a.pop(),g(Object(v.a)(a))}};Object(C.a)((function(e){var t=(e.metaKey||e.ctrlKey)&&"z"===e.key;return"Tab"===e.key&&e.preventDefault(),!!t&&(e.preventDefault(),!0)}),Qe),Object(u.a)("Tab",(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),Je()&&he((function(){return window.setTimeout((function(){Ve(100)}),10),!0}))}),(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),Je()&&(Ve(0),window.setTimeout((function(){he(!1)}),350))}));var qe=function(e){e===ae||oe||ce(e)},et=Object(a.useCallback)((function(){return oe?"grab":ae?"none":void 0}),[ae,oe]);Object(u.a)("[",(function(){i((function(e){return e>10?e-10:e<=10&&e>0?e-5:e}))})),Object(u.a)("]",(function(){i((function(e){return e+10}))})),Object(u.a)(" ",(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),ce(!1),se(!0)}),(function(e){null===e||void 0===e||e.preventDefault(),null===e||void 0===e||e.stopPropagation(),ce(!0),se(!1)}));return j&&me&&ke?Object(p.jsxs)("div",{className:"editor-container","aria-hidden":"true",onMouseMove:function(e){var t=e.nativeEvent;ee({x:t.pageX,y:t.pageY})},onMouseUp:function(){if(!oe&&(j.src&&(null===M||void 0===M?void 0:M.canvas)&&!ve&&He)){if(Ae(!1),Pe)return R.push({pts:[]}),W(Object(v.a)(R)),B.push({pts:[]}),void F(Object(v.a)(B));0!==B.length&&0!==B[0].pts.length&&Ke()}},children:[Object(p.jsx)(k.b,{ref:function(e){e&&(Ne.current=e)},panning:{disabled:!oe,velocityDisabled:!0},wheel:{step:.05},centerZoomedOut:!0,alignmentAnimation:{disabled:!0},centerOnInit:!0,limitToBounds:!1,doubleClick:{disabled:!0},initialScale:ke,minScale:ke,onZoom:function(e){xe(e.state.scale)},children:Object(p.jsx)(k.a,{contentClass:ve?"editor-canvas-loading":"",children:Object(p.jsxs)("div",{className:"editor-canvas-container",children:[Object(p.jsx)("canvas",{className:"editor-canvas",style:{cursor:et(),clipPath:"inset(0 ".concat(Ue,"% 0 0)"),transition:"clip-path 350ms ease-in-out"},onContextMenu:function(e){e.preventDefault()},onMouseOver:function(){return qe(!0)},onFocus:function(){return qe(!0)},onMouseLeave:function(){return qe(!1)},onMouseDown:function(e){if(!oe&&(j.src&&(null===M||void 0===M?void 0:M.canvas)&&!ve)){Ae(!0),B[B.length-1].size=r,R[R.length-1].size=r;var t=e.nativeEvent;_e(t.offsetX,t.offsetY)}},onMouseMove:function(e){if(!oe&&He){var t=e.nativeEvent,n=t.offsetX,a=t.offsetY;_e(n,a)}},ref:function(e){if(e&&!M){var t=e.getContext("2d");t&&N(t)}}}),Object(p.jsxs)("div",{className:"original-image-container",style:{width:"".concat(j.naturalWidth,"px"),height:"".concat(j.naturalHeight,"px")},children:[de&&Object(p.jsx)("div",{className:"editor-slider",style:{marginRight:"".concat(Ue,"%")}}),Object(p.jsx)("img",{className:"original-image",src:j.src,alt:"original",style:{width:"".concat(j.naturalWidth,"px"),height:"".concat(j.naturalHeight,"px")}})]})]})})}),ae&&!ve&&!oe&&Object(p.jsx)("div",{className:"brush-shape",style:function(){var e=function(){var e,t,n=ke;return void 0!==(null===(e=Ne.current)||void 0===e?void 0:e.state.scale)&&(n=null===(t=Ne.current)||void 0===t?void 0:t.state.scale),n}();return{width:"".concat(r*e,"px"),height:"".concat(r*e,"px"),left:"".concat(Q,"px"),top:"".concat(q,"px"),transform:"translate(-50%, -50%)"}}()}),Object(p.jsxs)("div",{className:"editor-toolkit-panel",children:[Object(p.jsx)(P,{onChange:function(e){Me(e)},originalWidth:j.naturalWidth,originalHeight:j.naturalHeight}),Object(p.jsx)(L,{label:"Brush",min:10,max:150,value:r,onChange:i}),Object(p.jsxs)("div",{className:"editor-toolkit-btns",children:[Object(p.jsx)(D,{icon:Object(p.jsx)(x.b,{}),disabled:me===ke,onClick:$e}),Object(p.jsx)(D,{icon:Object(p.jsx)("svg",{width:"19",height:"9",viewBox:"0 0 19 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(p.jsx)("path",{d:"M2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1H2ZM1 8H0V9H1V8ZM8 9C8.55228 9 9 8.55229 9 8C9 7.44771 8.55228 7 8 7V9ZM16.5963 7.42809C16.8327 7.92721 17.429 8.14016 17.9281 7.90374C18.4272 7.66731 18.6402 7.07103 18.4037 6.57191L16.5963 7.42809ZM16.9468 5.83205L17.8505 5.40396L16.9468 5.83205ZM0 1V8H2V1H0ZM1 9H8V7H1V9ZM1.66896 8.74329L6.66896 4.24329L5.33104 2.75671L0.331035 7.25671L1.66896 8.74329ZM16.043 6.26014L16.5963 7.42809L18.4037 6.57191L17.8505 5.40396L16.043 6.26014ZM6.65079 4.25926C9.67554 1.66661 14.3376 2.65979 16.043 6.26014L17.8505 5.40396C15.5805 0.61182 9.37523 -0.710131 5.34921 2.74074L6.65079 4.25926Z",fill:"currentColor"})}),onClick:Qe,disabled:0===m.length}),Object(p.jsx)(D,{icon:Object(p.jsx)(x.d,{}),style:de?{backgroundColor:"rgb(255, 190, 0)"}:{},onDown:function(e){e.preventDefault(),he((function(){return window.setTimeout((function(){Ve(100)}),10),!0}))},onUp:function(){Ve(0),window.setTimeout((function(){he(!1)}),350)},disabled:0===m.length,children:void 0}),Object(p.jsx)(D,{icon:Object(p.jsx)(x.c,{}),disabled:!m.length,onClick:function(){var e=t.name.replace(/(\.[\w\d_-]+)$/i,"_cleanup$1");!function(e,t){var n=document.createElement("a");n.href=e,n.download=t,n.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window})),setTimeout((function(){n.remove()}),100)}(m[m.length-1].currentSrc,e)},children:void 0})]})]})]}):Object(p.jsx)(p.Fragment,{})}var U=function(){var e=Object(o.c)(b),t=Object(s.a)(e,2),n=t[0],a=t[1],c=function(){a((function(e){return!e}))};return Object(u.a)("h",(function(e){null===e||void 0===e||e.preventDefault(),c()})),Object(p.jsx)("div",{className:"shortcuts",children:Object(p.jsx)(D,{onClick:c,disabled:n,icon:Object(p.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"28",height:"28",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:[Object(p.jsx)("rect",{x:"0",y:"0",width:"16",height:"16",fill:"none",stroke:"none"}),Object(p.jsxs)("g",{fill:"currentColor",children:[Object(p.jsx)("path",{d:"M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"}),Object(p.jsx)("path",{d:"M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75v-.5zm2 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-.5zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75v-.5zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75v-.5zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75v-.5zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75v-.5zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75v-.5zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75v-.5zm-3 0A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 6.75v-.5zm0 4a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm2 0a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25v-.5z"})]})]})})})},V=function(){var e=Object(o.e)(j),t=f();return Object(p.jsxs)("header",{children:[Object(p.jsx)(D,{icon:Object(p.jsx)(x.a,{}),onClick:function(){e(void 0)},children:"desktop"===t?"Start New":void 0}),Object(p.jsx)(U,{})]})};function B(e){var t=e.children,n=e.onClose,c=e.className,r=e.title,i=Object(a.useRef)(null);return Object(T.a)(i,(function(){null===n||void 0===n||n()})),Object(C.a)("Escape",n,{event:"keydown"}),Object(p.jsxs)("div",{ref:i,className:"modal ".concat(c),children:[Object(p.jsxs)("div",{className:"modal-header",children:[Object(p.jsx)("h3",{children:r}),Object(p.jsx)(D,{icon:Object(p.jsx)(x.g,{}),onClick:n})]}),t]})}function F(e){var t=e.children,n=e.content;return Object(p.jsxs)("div",{className:"shortcut-option",children:[Object(p.jsx)("div",{className:"shortcut-key",children:t}),Object(p.jsx)("div",{className:"shortcut-description",children:n})]})}function K(){var e=Object(o.e)(b);return Object(p.jsx)(B,{onClose:function(){e((function(e){return!e}))},title:"Hotkeys",className:"modal-shortcuts",children:Object(p.jsxs)("div",{className:"shortcut-options",children:[Object(p.jsx)(F,{content:"Enable multi-stroke mask drawing",children:Object(p.jsx)("p",{children:"Hold Cmd/Ctrl"})}),Object(p.jsx)(F,{content:"Undo inpainting",children:Object(p.jsx)("p",{children:"Cmd/Ctrl + Z"})}),Object(p.jsx)(F,{content:"Pan",children:Object(p.jsx)("p",{children:"Space & Drag"})}),Object(p.jsx)(F,{content:"View original image",children:Object(p.jsx)("p",{children:"Hold Tab"})}),Object(p.jsx)(F,{content:"Reset zoom/pan & Cancel mask drawing",children:Object(p.jsx)("p",{children:"Esc"})}),Object(p.jsx)(F,{content:"Decrease Brush Size",children:Object(p.jsx)("p",{children:"["})}),Object(p.jsx)(F,{content:"Increase Brush Size",children:Object(p.jsx)("p",{children:"]"})}),Object(p.jsx)(F,{content:"Toggle Dark Mode",children:Object(p.jsx)("p",{children:"Shift + D"})}),Object(p.jsx)(F,{content:"Toggle Hotkeys Panel",children:Object(p.jsx)("p",{children:"H"})})]})})}var Y=function(e){var t=e.file,n=Object(o.d)(b);return Object(p.jsxs)(p.Fragment,{children:[Object(p.jsx)(V,{}),Object(p.jsx)(W,{file:t}),n?Object(p.jsx)(K,{}):null]})};!function(){function e(){return e=Object(h.a)(d.a.mark((function e(){var t,n,a=arguments;return d.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=a.length>0&&void 0!==a[0]?a[0]:"",e.next=3,fetch(t,{method:"GET",cache:"no-cache"});case 3:return n=e.sent,e.abrupt("return",n.json());case 5:case"end":return e.stop()}}),e)}))),e.apply(this,arguments)}var t=function(){(function(){return e.apply(this,arguments)})(document.location+"/flaskwebgui-keep-server-alive").then((function(e){return e}))};document.addEventListener("DOMContentLoaded",(function(){t(),setInterval(t,3e3)}))}();var J=function(){var e=Object(o.c)(j),t=Object(s.a)(e,2),n=t[0],c=t[1],r=Object(o.c)(g),i=Object(s.a)(r,2),l=i[0],d=i[1],h=function(){var e=Object(a.useState)(),t=Object(s.a)(e,2),n=t[0],c=t[1],r=Object(a.useCallback)((function(){var e=new Headers;e.append("pragma","no-cache"),e.append("cache-control","no-cache"),fetch("/inputimage",{headers:e}).then((function(e){return e.blob()})).then((function(e){if(e&&e.type.startsWith("image")){var t=new File([e],"inputImage");c(t)}}))}),[c]);return Object(a.useEffect)((function(){r()}),[r]),n}();return Object(a.useEffect)((function(){c(h)}),[h,c]),Object(u.a)("D",(function(e){null===e||void 0===e||e.preventDefault(),d("light"===l?"dark":"light")})),Object(p.jsxs)("div",{className:"lama-cleaner","data-theme":l,children:[Object(p.jsx)(w,{}),n?Object(p.jsx)(Y,{file:n}):Object(p.jsx)(m,{})]})};i.a.render(Object(p.jsx)(c.a.StrictMode,{children:Object(p.jsx)(o.a,{children:Object(p.jsx)(J,{})})}),document.getElementById("root"))}},[[27,1,2]]]); \ No newline at end of file diff --git a/lama_cleaner/app/src/components/Editor/Editor.scss b/lama_cleaner/app/src/components/Editor/Editor.scss index 5381733..5b5bfb4 100644 --- a/lama_cleaner/app/src/components/Editor/Editor.scss +++ b/lama_cleaner/app/src/components/Editor/Editor.scss @@ -56,7 +56,7 @@ bottom: 0; padding: 1rem 4rem; display: grid; - grid-template-areas: 'toolkit-image-type toolkit-size-selector toolkit-brush-slider toolkit-btns'; + grid-template-areas: 'toolkit-size-selector toolkit-brush-slider toolkit-btns'; column-gap: 2rem; align-items: center; background-color: var(--editor-toolkit-bg); @@ -67,7 +67,7 @@ @include mobile { padding: 1rem 2rem; grid-template-areas: - 'toolkit-image-type toolkit-size-selector' + 'toolkit-size-selector toolkit-size-selector' 'toolkit-brush-slider toolkit-brush-slider' 'toolkit-btns toolkit-btns'; row-gap: 2rem; @@ -159,11 +159,3 @@ } } } - -.image-type-tag { - @include accented-display(var(--yellow-accent)); - grid-area: toolkit-image-type; - z-index: 2; - width: 100px; - text-align: center; -} diff --git a/lama_cleaner/app/src/components/Editor/Editor.tsx b/lama_cleaner/app/src/components/Editor/Editor.tsx index e5b9308..245c8cf 100644 --- a/lama_cleaner/app/src/components/Editor/Editor.tsx +++ b/lama_cleaner/app/src/components/Editor/Editor.tsx @@ -616,9 +616,6 @@ export default function Editor(props: EditorProps) { )}
-

- {showOriginal ? 'Original' : 'Inpainted'} -