kamp/IOPaint
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

Inpainted State Fix

Browse Source
This commit is contained in:
blessedcoolant 2022-03-30 19:14:32 +13:00
parent b282421c98
commit ca9e393989
9 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
lama_cleaner/app/build/asset-manifest.json
View File

@ -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"
]
}

2
lama_cleaner/app/build/index.html
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="theme-color" content="#ffffff"/><title>lama-cleaner - Image inpainting powered by LaMa</title><link href="/static/css/main.08f8fee9.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>"localhost"===location.hostname&&(self.FIREBASE_APPCHECK_DEBUG_TOKEN=!0)</script><script>!function(e){function r(r){for(var n,l,a=r[0],f=r[1],i=r[2],p=0,s=[];p<a.length;p++)l=a[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var f=t[a];0!==o[f]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var a=this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[],f=a.push.bind(a);a.push=r,a=a.slice();for(var i=0;i<a.length;i++)r(a[i]);var c=f;t()}([])</script><script src="/static/js/2.9608d3ec.chunk.js"></script><script src="/static/js/main.4e51b2a1.chunk.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="theme-color" content="#ffffff"/><title>lama-cleaner - Image inpainting powered by LaMa</title><link href="/static/css/main.1e5aabda.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>"localhost"===location.hostname&&(self.FIREBASE_APPCHECK_DEBUG_TOKEN=!0)</script><script>!function(e){function r(r){for(var n,l,a=r[0],f=r[1],i=r[2],p=0,s=[];p<a.length;p++)l=a[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var f=t[a];0!==o[f]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var a=this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[],f=a.push.bind(a);a.push=r,a=a.slice();for(var i=0;i<a.length;i++)r(a[i]);var c=f;t()}([])</script><script src="/static/js/2.9608d3ec.chunk.js"></script><script src="/static/js/main.bc8bc9eb.chunk.js"></script></body></html>

1
lama_cleaner/app/build/static/css/main.08f8fee9.chunk.css
View File

File diff suppressed because one or more lines are too long

1
lama_cleaner/app/build/static/css/main.1e5aabda.chunk.css Normal file
View File

File diff suppressed because one or more lines are too long

1
lama_cleaner/app/build/static/js/main.4e51b2a1.chunk.js
View File

File diff suppressed because one or more lines are too long

1
lama_cleaner/app/build/static/js/main.bc8bc9eb.chunk.js Normal file
View File

File diff suppressed because one or more lines are too long

12
lama_cleaner/app/src/components/Editor/Editor.scss
View File

@ -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;
}

4
lama_cleaner/app/src/components/Editor/Editor.tsx
View File

@ -616,9 +616,6 @@ export default function Editor(props: EditorProps) {
)}
<div className="editor-toolkit-panel">
<p className="image-type-tag">
{showOriginal ? 'Original' : 'Inpainted'}
</p>
<SizeSelector
onChange={onSizeLimitChange}
originalWidth={original.naturalWidth}
@ -657,6 +654,7 @@ export default function Editor(props: EditorProps) {
/>
<Button
icon={<EyeIcon />}
style={showOriginal ? { backgroundColor: 'rgb(255, 190, 0)' } : {}}
onDown={ev => {
ev.preventDefault()
setShowOriginal(() => {

3
lama_cleaner/app/src/components/shared/Button.tsx
View File

@ -9,6 +9,7 @@ interface ButtonProps {
onClick?: () => void
onDown?: (ev: PointerEvent) => void
onUp?: (ev: PointerEvent) => void
style?: React.CSSProperties
}
export default function Button(props: ButtonProps) {
@ -21,6 +22,7 @@ export default function Button(props: ButtonProps) {
onClick,
onDown,
onUp,
style,
} = props
const blurOnClick = (e: React.MouseEvent<HTMLDivElement>) => {
@ -31,6 +33,7 @@ export default function Button(props: ButtonProps) {
return (
<div
role="button"
style={style}
onKeyDown={onKeyDown}
onClick={blurOnClick}
onPointerDown={(ev: React.PointerEvent<HTMLDivElement>) => {