From da0353ecef16f4723106fd701a1b4757086fa906 Mon Sep 17 00:00:00 2001 From: thomasrosen Date: Sat, 23 Jan 2021 20:49:17 +0000 Subject: [PATCH] thomasrosen published a site update --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/main.2a85d4af.chunk.css | 2 -- static/css/main.2a85d4af.chunk.css.map | 1 - static/css/main.2f9e1fe0.chunk.css | 2 ++ static/css/main.2f9e1fe0.chunk.css.map | 1 + static/js/main.3745bff3.chunk.js | 2 ++ ...5beac.chunk.js.map => main.3745bff3.chunk.js.map} | 2 +- static/js/main.8fb5beac.chunk.js | 2 -- 9 files changed, 13 insertions(+), 13 deletions(-) delete mode 100644 static/css/main.2a85d4af.chunk.css delete mode 100644 static/css/main.2a85d4af.chunk.css.map create mode 100644 static/css/main.2f9e1fe0.chunk.css create mode 100644 static/css/main.2f9e1fe0.chunk.css.map create mode 100644 static/js/main.3745bff3.chunk.js rename static/js/{main.8fb5beac.chunk.js.map => main.3745bff3.chunk.js.map} (62%) delete mode 100644 static/js/main.8fb5beac.chunk.js diff --git a/asset-manifest.json b/asset-manifest.json index 38efc3e..d29df20 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,8 +1,8 @@ { "files": { - "main.css": "/static/css/main.2a85d4af.chunk.css", - "main.js": "/static/js/main.8fb5beac.chunk.js", - "main.js.map": "/static/js/main.8fb5beac.chunk.js.map", + "main.css": "/static/css/main.2f9e1fe0.chunk.css", + "main.js": "/static/js/main.3745bff3.chunk.js", + "main.js.map": "/static/js/main.3745bff3.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.93a77e4a.js", "runtime-main.js.map": "/static/js/runtime-main.93a77e4a.js.map", "static/js/2.ac5abb0a.chunk.js": "/static/js/2.ac5abb0a.chunk.js", @@ -50,7 +50,7 @@ "static/js/23.50692ad2.chunk.js": "/static/js/23.50692ad2.chunk.js", "static/js/23.50692ad2.chunk.js.map": "/static/js/23.50692ad2.chunk.js.map", "index.html": "/index.html", - "static/css/main.2a85d4af.chunk.css.map": "/static/css/main.2a85d4af.chunk.css.map", + "static/css/main.2f9e1fe0.chunk.css.map": "/static/css/main.2f9e1fe0.chunk.css.map", "static/js/2.ac5abb0a.chunk.js.LICENSE.txt": "/static/js/2.ac5abb0a.chunk.js.LICENSE.txt", "static/media/HeaderImage.1f39a672.svg": "/static/media/HeaderImage.1f39a672.svg", "static/media/ProfileFrame Blue Bars.png": "/static/media/ProfileFrame Blue Bars.698613ff.png", @@ -65,7 +65,7 @@ "entrypoints": [ "static/js/runtime-main.93a77e4a.js", "static/js/2.ac5abb0a.chunk.js", - "static/css/main.2a85d4af.chunk.css", - "static/js/main.8fb5beac.chunk.js" + "static/css/main.2f9e1fe0.chunk.css", + "static/js/main.3745bff3.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 1e50942..7ee2807 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Volt Social Media Frame Generator
\ No newline at end of file +Volt Social Media Frame Generator
\ No newline at end of file diff --git a/static/css/main.2a85d4af.chunk.css b/static/css/main.2a85d4af.chunk.css deleted file mode 100644 index 62f929c..0000000 --- a/static/css/main.2a85d4af.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -:root{--volt-purple:#582c83;--background:#140022;--editor-purple:#522e77}*{margin:0;padding:0;font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#140022;background-color:var(--background)}footer{margin:10vmin 0 0}.locale_chooser{margin:-8vmin 10vmin 10vmin;text-align:center}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vmin}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}p{max-width:100%;width:calc(40vh + 15vw)}a{color:#fff}a:hover{color:hsla(0,0%,100%,.8)}.HeaderImage{height:calc(10px + 30vmin);max-width:100%}.FinishedFrame{height:36vh;margin:2vh}.FrameChooser .frame{height:12vh;margin:2vh;cursor:pointer;box-shadow:0 0 0 1vh hsla(0,0%,100%,0);transition:transform .2s ease}.FrameChooser .frame:hover{transform-origin:center center;transform:scale(1.1)}.FrameChooser .frame.choosen{box-shadow:0 0 0 1vh #fff}.HashtagChooser .hashtag_button{margin:1vmin}.labelButton,button{position:relative;outline:none;border:none;margin:2vh;padding:1vh 2vh;font-size:calc(10px + 2vmin);font-weight:700;cursor:pointer;background:#fff;color:#582c83;color:var(--volt-purple);transition:transform .2s ease}.labelButton:hover,button:hover{transform-origin:center center;transform:scale(1.05)}button.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton img{display:inline;height:calc(10px + 4vmin);margin:0 2vh 0 -1vh}.labelButton img,.labelButton span{vertical-align:middle}.droparea{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(10px + 10vmin);background:rgba(20,0,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s ease}.droparea.active{opacity:1}.Editor{pointer-events:all;position:relative;margin:2vh;font-size:0;cursor:move;overflow:hidden;background:#522e77;background:var(--editor-purple)}.Editor .background{pointer-events:none;position:absolute;top:50%;left:50%}.Editor .foreground{pointer-events:none;position:relative;width:36vh;height:36vh}.Editor .hashtag{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%} -/*# sourceMappingURL=main.2a85d4af.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.2a85d4af.chunk.css.map b/static/css/main.2a85d4af.chunk.css.map deleted file mode 100644 index bbc8622..0000000 --- a/static/css/main.2a85d4af.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBAAqB,CACrB,uBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,wBAAmC,CAAnC,kCACJ,CAEA,OACI,iBACJ,CAEA,gBACI,2BAAmC,CACnC,iBACJ,CAEA,KACI,iBAAkB,CAGlB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,EACI,UACJ,CACA,QACI,wBACJ,CAEA,aACI,0BAA2B,CAC3B,cACJ,CAEA,eACI,WAAY,CACZ,UACJ,CAEA,qBACI,WAAY,CACZ,UAAW,CACX,cAAe,CACf,sCAAyC,CACzC,6BACJ,CACA,2BACI,8BAA+B,CAC/B,oBACJ,CACA,6BACI,yBACJ,CAEA,gCAEI,YACJ,CAEA,oBAEI,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,UAAW,CACX,eAAgB,CAChB,4BAA6B,CAC7B,eAAiB,CACjB,cAAe,CAEf,eAAiB,CACjB,aAAyB,CAAzB,wBAAyB,CACzB,6BACJ,CACA,gCAEI,8BAA+B,CAC/B,qBACJ,CACA,qBACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,iBACI,cAAe,CACf,yBAA0B,CAE1B,mBACJ,CACA,mCAHI,qBAKJ,CAGA,UACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAEvB,eAAiB,CACjB,6BAA8B,CAE9B,2BAAgC,CAChC,kCAA2B,CAA3B,0BAA2B,CAE3B,mBAAoB,CACpB,SAAU,CACV,2BACJ,CACA,iBACI,SACJ,CAGA,QACI,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,kBAAgC,CAAhC,+BACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,QACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,WACJ,CACA,iBACI,mBAAoB,CACpB,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ","file":"main.2a85d4af.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n --editor-purple: #522e77;\n}\n\n*{\n margin: 0;\n padding: 0;\n font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody{\n background-color: var(--background);\n}\n\nfooter{\n margin: 10vmin 0 0 0;\n}\n\n.locale_chooser{\n margin: -8vmin 10vmin 10vmin 10vmin;\n text-align: center;\n}\n\n.App {\n text-align: center;\n\n /* min-height: 100vh; */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n padding: 10vmin;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\np{\n max-width: 100%;\n width: calc(40vh + 15vw);\n}\n\na{\n color: white;\n}\na:hover{\n color: rgba(255,255,255,0.8);\n}\n\n.HeaderImage{\n height: calc(10px + 30vmin);\n max-width: 100%;\n}\n\n.FinishedFrame {\n height: 36vh;\n margin: 2vh;\n}\n\n.FrameChooser .frame{\n height: 12vh;\n margin: 2vh;\n cursor: pointer;\n box-shadow: 0 0 0 1vh rgba(255,255,255,0);\n transition: transform 0.2s ease;\n}\n.FrameChooser .frame:hover{\n transform-origin: center center;\n transform: scale(1.1);\n}\n.FrameChooser .frame.choosen{\n box-shadow: 0 0 0 1vh white;\n}\n\n.HashtagChooser .hashtag_button {\n /* display: block; */\n margin: 1vmin;\n}\n\nbutton,\n.labelButton{\n position: relative;\n outline: none;\n border: none;\n margin: 2vh;\n padding: 1vh 2vh;\n font-size: calc(10px + 2vmin);\n font-weight: bold;\n cursor: pointer;\n\n background: white;\n color: var(--volt-purple);\n transition: transform 0.2s ease;\n}\nbutton:hover,\n.labelButton:hover{\n transform-origin: center center;\n transform: scale(1.05);\n}\nbutton.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\n.labelButton img{\n display: inline;\n height: calc(10px + 4vmin);\n vertical-align: middle;\n margin: 0 2vh 0 -1vh;\n}\n.labelButton span{\n vertical-align: middle;\n}\n\n\n.droparea{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n \n display: flex;\n align-items: center;\n justify-content: center;\n\n font-weight: bold;\n font-size: calc(10px + 10vmin);\n\n background: rgba(20, 0, 34, 0.7);\n backdrop-filter: blur(10px);\n\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.droparea.active{\n opacity: 1;\n}\n\n\n.Editor{\n pointer-events: all;\n position: relative;\n margin: 2vh;\n font-size: 0;\n cursor: move;\n overflow: hidden;\n background: var(--editor-purple);\n}\n.Editor .background{\n pointer-events: none; \n position: absolute; \n top: 50%;\n left: 50%;\n}\n.Editor .foreground{\n pointer-events: none;\n position: relative;\n width: 36vh;\n height: 36vh;\n}\n.Editor .hashtag{\n pointer-events: none; \n position: absolute; \n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n"]} \ No newline at end of file diff --git a/static/css/main.2f9e1fe0.chunk.css b/static/css/main.2f9e1fe0.chunk.css new file mode 100644 index 0000000..f03f85e --- /dev/null +++ b/static/css/main.2f9e1fe0.chunk.css @@ -0,0 +1,2 @@ +:root{--volt-purple:#582c83;--background:#140022;--editor-purple:#522e77}*{margin:0;padding:0;font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#140022;background-color:var(--background)}footer{margin:10vmin 0 0}.locale_chooser{margin:-8vmin 10vmin 10vmin;text-align:center}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vmin}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}p{max-width:100%;width:calc(40vh + 15vw)}a{color:#fff}a:hover{color:hsla(0,0%,100%,.8)}.HeaderImage{height:calc(10px + 30vmin);max-width:100%}.FinishedFrame{height:36vh;margin:2vh}.FrameChooser .frame{position:relative;display:inline-block;font-size:0;margin:2vh;cursor:pointer;transition:transform .2s ease}.FrameChooser .frame img{height:12vh;pointer-events:none}.FrameChooser .frame:hover{transform-origin:center center;transform:scale(1.1)}.FrameChooser .frame.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.HashtagChooser .hashtag_button{margin:1vmin}.labelButton,button{position:relative;outline:none;border:none;margin:2vh;padding:1vh 2vh;font-size:calc(10px + 2vmin);font-weight:700;cursor:pointer;background:#fff;color:#582c83;color:var(--volt-purple);transition:transform .2s ease}.labelButton:hover,button:hover{transform-origin:center center;transform:scale(1.05)}button.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton img{display:inline;height:calc(10px + 4vmin);margin:0 2vh 0 -1vh}.labelButton img,.labelButton span{vertical-align:middle}.droparea{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(10px + 10vmin);background:rgba(20,0,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s ease}.droparea.active{opacity:1}.Editor{pointer-events:all;position:relative;margin:2vh;font-size:0;cursor:move;overflow:hidden;background:#522e77;background:var(--editor-purple)}.Editor .background{pointer-events:none;position:absolute;top:50%;left:50%}.Editor .foreground{pointer-events:none;position:relative;width:36vh;height:36vh}.Editor .hashtag{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%} +/*# sourceMappingURL=main.2f9e1fe0.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.2f9e1fe0.chunk.css.map b/static/css/main.2f9e1fe0.chunk.css.map new file mode 100644 index 0000000..a517712 --- /dev/null +++ b/static/css/main.2f9e1fe0.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBAAqB,CACrB,uBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,wBAAmC,CAAnC,kCACJ,CAEA,OACI,iBACJ,CAEA,gBACI,2BAAmC,CACnC,iBACJ,CAEA,KACI,iBAAkB,CAGlB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,EACI,UACJ,CACA,QACI,wBACJ,CAEA,aACI,0BAA2B,CAC3B,cACJ,CAEA,eACI,WAAY,CACZ,UACJ,CAEA,qBACI,iBAAkB,CAClB,oBAAqB,CACrB,WAAY,CAEZ,UAAW,CACX,cAAe,CAEf,6BACJ,CACA,yBACI,WAAY,CACZ,mBACJ,CACA,2BACI,8BAA+B,CAC/B,oBACJ,CAIA,mCACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,gCAEI,YACJ,CAEA,oBAEI,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,UAAW,CACX,eAAgB,CAChB,4BAA6B,CAC7B,eAAiB,CACjB,cAAe,CAEf,eAAiB,CACjB,aAAyB,CAAzB,wBAAyB,CACzB,6BACJ,CACA,gCAEI,8BAA+B,CAC/B,qBACJ,CACA,qBACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,iBACI,cAAe,CACf,yBAA0B,CAE1B,mBACJ,CACA,mCAHI,qBAKJ,CAGA,UACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAEvB,eAAiB,CACjB,6BAA8B,CAE9B,2BAAgC,CAChC,kCAA2B,CAA3B,0BAA2B,CAE3B,mBAAoB,CACpB,SAAU,CACV,2BACJ,CACA,iBACI,SACJ,CAGA,QACI,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,kBAAgC,CAAhC,+BACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,QACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,WACJ,CACA,iBACI,mBAAoB,CACpB,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ","file":"main.2f9e1fe0.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n --editor-purple: #522e77;\n}\n\n*{\n margin: 0;\n padding: 0;\n font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody{\n background-color: var(--background);\n}\n\nfooter{\n margin: 10vmin 0 0 0;\n}\n\n.locale_chooser{\n margin: -8vmin 10vmin 10vmin 10vmin;\n text-align: center;\n}\n\n.App {\n text-align: center;\n\n /* min-height: 100vh; */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n padding: 10vmin;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\np{\n max-width: 100%;\n width: calc(40vh + 15vw);\n}\n\na{\n color: white;\n}\na:hover{\n color: rgba(255,255,255,0.8);\n}\n\n.HeaderImage{\n height: calc(10px + 30vmin);\n max-width: 100%;\n}\n\n.FinishedFrame {\n height: 36vh;\n margin: 2vh;\n}\n\n.FrameChooser .frame{\n position: relative;\n display: inline-block;\n font-size: 0;\n\n margin: 2vh;\n cursor: pointer;\n /* box-shadow: 0 0 0 1vh rgba(255,255,255,0); */\n transition: transform 0.2s ease;\n}\n.FrameChooser .frame img{\n height: 12vh;\n pointer-events: none;\n}\n.FrameChooser .frame:hover{\n transform-origin: center center;\n transform: scale(1.1);\n}\n/* .FrameChooser .frame.choosen{\n box-shadow: 0 0 0 1vh white;\n} */\n.FrameChooser .frame.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\n.HashtagChooser .hashtag_button {\n /* display: block; */\n margin: 1vmin;\n}\n\nbutton,\n.labelButton{\n position: relative;\n outline: none;\n border: none;\n margin: 2vh;\n padding: 1vh 2vh;\n font-size: calc(10px + 2vmin);\n font-weight: bold;\n cursor: pointer;\n\n background: white;\n color: var(--volt-purple);\n transition: transform 0.2s ease;\n}\nbutton:hover,\n.labelButton:hover{\n transform-origin: center center;\n transform: scale(1.05);\n}\nbutton.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\n.labelButton img{\n display: inline;\n height: calc(10px + 4vmin);\n vertical-align: middle;\n margin: 0 2vh 0 -1vh;\n}\n.labelButton span{\n vertical-align: middle;\n}\n\n\n.droparea{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n \n display: flex;\n align-items: center;\n justify-content: center;\n\n font-weight: bold;\n font-size: calc(10px + 10vmin);\n\n background: rgba(20, 0, 34, 0.7);\n backdrop-filter: blur(10px);\n\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.droparea.active{\n opacity: 1;\n}\n\n\n.Editor{\n pointer-events: all;\n position: relative;\n margin: 2vh;\n font-size: 0;\n cursor: move;\n overflow: hidden;\n background: var(--editor-purple);\n}\n.Editor .background{\n pointer-events: none; \n position: absolute; \n top: 50%;\n left: 50%;\n}\n.Editor .foreground{\n pointer-events: none;\n position: relative;\n width: 36vh;\n height: 36vh;\n}\n.Editor .hashtag{\n pointer-events: none; \n position: absolute; \n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n"]} \ No newline at end of file diff --git a/static/js/main.3745bff3.chunk.js b/static/js/main.3745bff3.chunk.js new file mode 100644 index 0000000..71d8a0e --- /dev/null +++ b/static/js/main.3745bff3.chunk.js @@ -0,0 +1,2 @@ +(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[0],{37:function(e,t,n){},41:function(e,t,n){var a={"./ProfileFrame Blue Bars.png":[49,6],"./ProfileFrame Green Bars.png":[50,7],"./ProfileFrame Mixed Bars.png":[51,8],"./ProfileFrame Purple.png":[52,9],"./ProfileFrame Red Bars.png":[53,10],"./ProfileFrame White Bars.png":[54,11],"./ProfileFrame Yellow Bars.png":[55,12]};function c(e){if(!n.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],c=t[0];return n.e(t[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(a)},c.id=41,e.exports=c},42:function(e,t,n){var a={"./DeineWahl.png":[56,13],"./Europa.png":[57,14],"./JetztBistDuDran.png":[58,15],"./Volt.png":[59,16],"./Volt21.png":[60,17],"./VoltEuropa.png":[61,18],"./VoltRLP.png":[62,19],"./VoteVolt.png":[63,20],"./paneurop\xe4isch.png":[64,21],"./pragmatisch.png":[65,22],"./progressiv.png":[66,23]};function c(e){if(!n.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],c=t[0];return n.e(t[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(a)},c.id=42,e.exports=c},47:function(e,t,n){var a={"./de.ftl":[67,3],"./en.ftl":[68,4]};function c(e){if(!n.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],c=t[0];return n.e(t[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(a)},c.id=47,e.exports=c},48:function(e,t,n){"use strict";n.r(t);var a=n(1),c=n(0),r=n.n(c),o=n(25),s=n.n(o),i=n(7),O=n(17),u=n(2),h=(n(37),n(30)),l=n(27),d=n(4),j=n.n(d),b=n(9);var f=function(e){var t=e.onChange,r=Object(c.useState)([]),o=Object(u.a)(r,2),s=o[0],i=o[1],O=Object(c.useState)(null),h=Object(u.a)(O,2),l=h[0],d=h[1];Object(c.useEffect)((function(){function e(){return(e=Object(b.a)(j.a.mark((function e(){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:Promise.all(["ProfileFrame Purple","ProfileFrame Mixed Bars","ProfileFrame Yellow Bars","ProfileFrame Red Bars","ProfileFrame Blue Bars","ProfileFrame Green Bars","ProfileFrame White Bars"].map(function(){var e=Object(b.a)(j.a.mark((function e(t){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=t,e.next=3,n(41)("./".concat(t,".png"));case 3:return e.t1=e.sent,e.abrupt("return",{name:e.t0,src:e.t1});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())).then((function(e){i(e),d(e[0].src.default)}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var f=Object(c.useCallback)((function(e){d(e.target.dataset.src)}),[d]);return Object(c.useEffect)((function(){t(l)}),[t,l]),Object(a.jsx)("div",{className:"FrameChooser",children:s.map((function(e){var t=e.src.default,n=l===t;return Object(a.jsx)("div",{"data-src":t,className:n?"frame choosen":"frame",onClick:f,children:Object(a.jsx)("img",{alt:e.name,src:t})},t)}))})},p=n(16),g=n(10),v=function(e){return Object(a.jsx)(p.b,Object(i.a)(Object(i.a)({},e),{},{elems:Object(i.a)({br:Object(a.jsx)("br",{})},e.elems),children:Object(a.jsx)(r.a.Fragment,{children:e.children})}),e.id)};function x(e){return function(t){var n=r.a.useContext(g.a);return r.a.createElement(e,Object(i.a)({getString:function(e,t,a){return n.getString(e,t,a||" ")}},t))}}var w=x((function(e){var t=e.onChange,r=e.getString,o=Object(c.useState)([]),s=Object(u.a)(o,2),i=s[0],O=s[1],h=Object(c.useState)(null),l=Object(u.a)(h,2),d=l[0],f=l[1];Object(c.useEffect)((function(){function e(){return(e=Object(b.a)(j.a.mark((function e(){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:Promise.all(["","VoteVolt","DeineWahl","JetztBistDuDran","VoltEuropa","VoltRLP","Volt21","Volt","paneurop\xe4isch","pragmatisch","progressiv","Europa"].map(function(){var e=Object(b.a)(j.a.mark((function e(t){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.t0=t,""!==t){e.next=5;break}e.t1="",e.next=8;break;case 5:return e.next=7,n(42)("./".concat(t,".png"));case 7:e.t1=e.sent;case 8:return e.t2=e.t1,e.abrupt("return",{name:e.t0,src:e.t2});case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())).then((function(e){O(e),f(e[0].src.default)}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var p=Object(c.useCallback)((function(e){f(e.target.dataset.src)}),[f]);return Object(c.useEffect)((function(){t(d)}),[t,d]),Object(a.jsx)("div",{className:"HashtagChooser",children:i.map((function(e){var t=e.src.default,n=d===t;return Object(a.jsx)("button",{"data-src":t,className:n?"hashtag_button choosen":"hashtag_button",onClick:p,children:""===e.name?r("button_no_hashtag"):"#"+e.name},e.name)}))})})),A=n(28),D=n.n(A),m=n(29),C=n.n(m);function Q(e,t,n){return Math.min(Math.max(t,e),n)}var H=function(e){var t=e.onChange,n=e.backgroundURL,r=e.backgroundRatio,o=e.frameURL,s=e.hashtagURL,i=Object(c.useRef)(null),O=Object(c.useRef)(null),h=Object(c.useState)(!1),l=Object(u.a)(h,2),d=l[0],j=l[1],b=Object(c.useState)(null),f=Object(u.a)(b,2),p=f[0],g=f[1],v=Object(c.useState)(null),x=Object(u.a)(v,2),w=x[0],A=x[1],m=Object(c.useState)(0),H=Object(u.a)(m,2),T=H[0],U=H[1],F=Object(c.useState)(0),N=Object(u.a)(F,2),k=N[0],E=N[1],K=Object(c.useState)(0),B=Object(u.a)(K,2),S=B[0],y=B[1],P=Object(c.useState)(0),_=Object(u.a)(P,2),L=_[0],R=_[1],M=Object(c.useState)(1),I=Object(u.a)(M,2),V=I[0],Y=I[1],z=Object(c.useState)(300),J=Object(u.a)(z,2),X=J[0],G=J[1],W=Object(c.useState)(300),q=Object(u.a)(W,2),Z=q[0],$=q[1],ee=Object(c.useState)(300),te=Object(u.a)(ee,2),ne=te[0],ae=te[1],ce=Object(c.useState)(300),re=Object(u.a)(ce,2),oe=re[0],se=re[1],ie=Object(c.useState)(0),Oe=Object(u.a)(ie,2),ue=Oe[0],he=Oe[1],le=Object(c.useState)(0),de=Object(u.a)(le,2),je=de[0],be=de[1],fe=Object(c.useState)(0),pe=Object(u.a)(fe,2),ge=pe[0],ve=pe[1],xe=Object(c.useState)(0),we=Object(u.a)(xe,2),Ae=we[0],De=we[1];Object(c.useEffect)((function(){t&&t({x:T,y:k,scale:V})}),[t,T,k,V]),Object(c.useEffect)((function(){if(i&&i.current){var e=i.current.offsetWidth,t=i.current.offsetHeight;se(t),ae(e);var n=1,a=1;r<1?n=1/r:r>1&&(a=1*r),G(n),$(a)}}),[r]),Object(c.useEffect)((function(){var e=function(e,t,n,a,c){var r=Math.max(0,e*n-a)/2,o=Math.max(0,t*n-c)/2;return{rangeMaxX:r,rangeMinX:0-r,rangeMaxY:o,rangeMinY:0-o}}(X*ne,Z*oe,V,ne,oe),t=e.rangeMinX,n=e.rangeMinY,a=e.rangeMaxX,c=e.rangeMaxY;he(t),be(n),ve(a),De(c)}),[X,Z,ne,oe,V]),Object(c.useEffect)((function(){U(0),E(0),y(0),R(0),Y(1)}),[n]);var me=Object(c.useCallback)((function(e){var t=1*e.target.dataset.x,n=1*e.target.dataset.y,a=Q(t+e.deltaX,ue,ge),c=Q(n+e.deltaY,je,Ae);e.isFinal?(U(a||0),E(c||0),y(0),R(0)):(y(a-t||0),R(c-n||0))}),[ue,je,ge,Ae]),Ce=Object(c.useCallback)((function(e,t,n,a){e.preventDefault();var c=Q(1*e.target.dataset.scale+t/200,1,8);Y(c||1);var r=1*e.target.dataset.x,o=1*e.target.dataset.y;U(Q(r,ue,ge)||0),E(Q(o,je,Ae)||0)}),[ue,je,ge,Ae]);return Object(c.useEffect)((function(){if(!d&&i&&i.current){var e=i.current;e.addEventListener("mousedown",(function(e){e.preventDefault()}),!1),e.addEventListener("touchstart",(function(e){e.preventDefault()}),!1),e.addEventListener("touchend",(function(e){e.preventDefault()}),!1),e.addEventListener("touchmove",(function(e){e.preventDefault()}),!1),g(new D.a(e,{direction:"DIRECTION_ALL"})),A(C()(e)),j(!0)}}),[i,d]),Object(c.useEffect)((function(){if(p&&w&&d&&i&&i.current)return p.on("pan",me),w.wheel(Ce),function(){p.off("pan",me),w.unwheel()}}),[i,me,Ce,d,p,w]),Object(a.jsxs)("div",{className:"Editor",ref:i,"data-x":T,"data-y":k,"data-scale":V,children:[Object(a.jsx)("img",{src:n,ref:O,alt:"",className:"background",style:{width:100*X+"%",height:100*Z+"%",transform:"translate3d(calc(-50% + ".concat(T+S,"px), calc(-50% + ").concat(k+L,"px), 0) scale(").concat(V,",").concat(V,")")}}),Object(a.jsx)("img",{src:o,alt:"",className:"foreground"}),Object(a.jsx)("img",{src:s,alt:"",className:"hashtag"})]})},T=n.p+"static/media/HeaderImage.1f39a672.svg",U="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAQ4AgMAAACRfoQcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURVIud1Iud1Eudgy0J+8AAAADdFJOU//+/Q3dsqEAAATsSURBVHgB7dAxAQAABAAwQtI/ipMCvi3CgiMV6NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NChQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOBTp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQwc6dOjQoUOHDh06dOjQoUOHDh06dOjQgQ4dOnTo0KFDhw4dOnTo0KFDhw4dOnSgQ4cOHTp06NChQ4cOHTp06NChQ4cOHTx06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHTrQoUOHDh06dOjQoUOHDh06dOjQoUOHDnTo0KFDhw4dOnTo0KFDhw4dOnTo0KEDHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4d6NChQ4cOHTp06NChQ4cOHTp06NChQ4cCHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4dxeoB30xd38yzCvgAAAAASUVORK5CYII=",F="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAALSURBVHgBY2BgAAAAAwABjPg5OgAAAABJRU5ErkJggg==",N=(n(43),n(5)),k=n(21),E=n(20),K=n(31),B={de:"Deutsch",en:"English"},S=Object.keys(B);function y(e){return P.apply(this,arguments)}function P(){return(P=Object(b.a)(j.a.mark((function e(t){var a,c,r;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n(47)("./"+t+".ftl");case 2:return a=e.sent,e.next=5,fetch(a.default);case 5:return c=e.sent,e.next=8,c.text();case 8:return r=e.sent,e.abrupt("return",Object(k.a)({},t,new E.b(r)));case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function _(e){return L.apply(this,arguments)}function L(){return(L=Object(b.a)(j.a.mark((function e(t){var n,a;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(t.map(y));case 2:return n=e.sent,a=n.reduce((function(e,t){return Object.assign(e,t)})),e.abrupt("return",j.a.mark((function e(){var n,c,r,o;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=Object(N.a)(t),e.prev=1,n.s();case 3:if((c=n.n()).done){e.next=11;break}return r=c.value,(o=new E.a(r)).addResource(a[r]),e.next=9,o;case 9:e.next=3;break;case 11:e.next=16;break;case 13:e.prev=13,e.t0=e.catch(1),n.e(e.t0);case 16:return e.prev=16,n.f(),e.finish(16);case 19:case"end":return e.stop()}}),e,null,[[1,13,16,19]])})));case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function R(e){var t=e.userLocales,n=e.children,r=e.onLocaleChange,o=Object(c.useState)(function(){var e=new E.a("");return e.addResource(new E.b("")),new p.c([e])}()),s=Object(u.a)(o,2),i=s[0],O=s[1];return Object(c.useEffect)((function(){function e(){return(e=Object(b.a)(j.a.mark((function e(){var n,a;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=Object(K.a)(t,S,{defaultLocale:"en"}),r&&r(n),e.next=4,_(n);case 4:a=e.sent,O(new p.c(a()));case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[t,r]),i?Object(a.jsx)(p.a,{l10n:i,children:n}):Object(a.jsx)("div",{children:"Loading texts\u2026"})}var M=1080;var I=x((function(e){var t=e.getString,n=Object(c.useState)(null),r=Object(u.a)(n,2),o=r[0],s=r[1],d=Object(c.useState)(null),j=Object(u.a)(d,2),b=j[0],p=j[1],g=Object(c.useState)(null),x=Object(u.a)(g,2),A=x[0],D=x[1],m=Object(c.useState)(1),C=Object(u.a)(m,2),Q=C[0],N=C[1],k=Object(c.useState)(null),E=Object(u.a)(k,2),K=E[0],B=E[1],S=Object(c.useState)(0),y=Object(u.a)(S,2),P=y[0],_=y[1],L=Object(c.useState)(0),R=Object(u.a)(L,2),I=R[0],V=R[1],Y=Object(c.useState)({x:0,y:0,scale:1}),z=Object(u.a)(Y,2),J=z[0],X=z[1],G=Object(c.useCallback)((function(e){s(e)}),[s]),W=Object(c.useCallback)((function(e){p(e)}),[p]),q=Object(c.useCallback)((function(e){var t=e.x,n=e.y,a=e.scale;X({x:t,y:n,scale:a})}),[]),Z=Object(c.useCallback)((function(e){if(e){var t=new FileReader;t.onload=function(t){var n=new Image;n.onload=function(){var a,c;n.width0?e[0]:"")}),[O]);return Object(a.jsx)(R,{userLocales:n,onLocaleChange:l,children:Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(I,{}),Object(a.jsx)("div",{className:"locale_chooser",children:Object.entries(B).map((function(e){var t=Object(u.a)(e,2),n=t[0],c=t[1];return Object(a.jsx)("button",{className:n===i?"choosen":"","data-locale":n,onClick:h,children:c},n)}))})]})},"AppLocalizationProvider")})),Y=function(e){e&&e instanceof Function&&n.e(5).then(n.bind(null,69)).then((function(t){var n=t.getCLS,a=t.getFID,c=t.getFCP,r=t.getLCP,o=t.getTTFB;n(e),a(e),c(e),r(e),o(e)}))};s.a.render(Object(a.jsx)(r.a.StrictMode,{children:Object(a.jsx)(V,{})}),document.getElementById("root")),Y()}},[[48,1,2]]]); +//# sourceMappingURL=main.3745bff3.chunk.js.map \ No newline at end of file diff --git a/static/js/main.8fb5beac.chunk.js.map b/static/js/main.3745bff3.chunk.js.map similarity index 62% rename from static/js/main.8fb5beac.chunk.js.map rename to static/js/main.3745bff3.chunk.js.map index 6690dad..ee07dd2 100644 --- a/static/js/main.8fb5beac.chunk.js.map +++ b/static/js/main.3745bff3.chunk.js.map @@ -1 +1 @@ -{"version":3,"sources":["frames lazy /^/.//.*/.png$/ groupOptions: {} namespace object","hashtags lazy /^/.//.*/.png$/ groupOptions: {} namespace object","locales lazy /^/.//.*/.ftl$/ groupOptions: {} namespace object","FrameChooser.js","Localized.js","HashtagChooser.js","Editor.js","HeaderImage.svg","purpleBG.png","empty_1x1.png","l10n.js","App.js","reportWebVitals.js","index.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","FrameChooser","onChange","useState","frames","setFrames","choosenFrame","setChoosenFrame","useEffect","a","all","frame_filename","name","src","new_frames","default","loadFrames","handleImageChoosing","useCallback","event","target","dataset","className","frame","frame_src_path","isChoosen","alt","data-src","onClick","Localized","props","elems","br","Fragment","children","withLocalization","Inner","l10n","React","useContext","FluentContext","createElement","getString","args","fallback","clamp","value","min","max","Math","Editor","backgroundURL","backgroundRatio","frameURL","hashtagURL","editorRef","useRef","backgroundImageRef","hammer_got_init","set_hammer_got_init","hammertime","set_hammertime","hamster","set_hamster","x","set_x","y","set_y","add_x","set_add_x","add_y","set_add_y","scale","set_scale","photoWidth","setPhotoWidth","photoHeight","setPhotoHeight","editorWidth","setEditorWidth","editorHeight","setEditorHeight","rangeMinX","set_rangeMinX","rangeMinY","set_rangeMinY","rangeMaxX","set_rangeMaxX","rangeMaxY","set_rangeMaxY","current","new_editorWidth","offsetWidth","new_editorHeight","offsetHeight","new_photoWidth","new_photoHeight","imageWidth","imageHeight","imageScale","containerWidth","containerHeight","updateRange","handleMove","prev_x","prev_y","new_x","deltaX","new_y","deltaY","isFinal","handleScale","delta","preventDefault","new_scale","element","addEventListener","Hammer","direction","Hamster","on","wheel","off","unwheel","ref","data-x","data-y","data-scale","style","width","height","transform","locales","de","en","_supportedLocales_","fetchMessages","locale","path","fetch","response","text","messages","FluentResource","createMessagesGenerator","currentLocales","fetched","reduce","obj","cur","assign","generateBundles","bundle","FluentBundle","addResource","f","AppLocalizationProvider","userLocales","onLocaleChange","ReactLocalization","getDefaultBundles","bundles","setBundles","negotiateLanguages","defaultLocale","loadBundles","frameSize","AppLocalized","setFrameURL","setHashtagURL","originalPhoto","setOriginalPhoto","originalPhotoRation","setOriginalPhotoRation","orientation","set_orientation","set_width","set_height","cords","setCords","handleFrameURL","newFrameURL","handleHashtagURL","newHashtagURL","handleCordsChange","handleReadFile","file","reader","FileReader","onload","reader_event","img","Image","callback","view","DataView","result","getUint16","length","byteLength","offset","marker","getUint32","little","tags","i","readAsArrayBuffer","slice","getOrientation","new_orientation","original_ration","readAsDataURL","handleImage","files_event","files","onDrop","acceptedFiles","handleDownload","canvas","document","ctx","getContext","alpha","translate","rotate","PI","width_scaled","height_scaled","drawImage","pngUrl","toDataURL","mergeImages","purpleBG","b64","data","body","appendChild","download","href","click","remove","trigger_download","useDropzone","accept","maxFiles","noKeyboard","isDragActive","getRootProps","HeaderImage","tabIndex","outline","type","display","empty_1x1","navigator","languages","setUserLocales","currentLocale","setCurrentLocale","handleLanguageChange","handleCurrentLocalesChange","entries","data-locale","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.8fb5beac.chunk.js","sourcesContent":["var map = {\n\t\"./ProfileFrame Blue Bars.png\": [\n\t\t49,\n\t\t6\n\t],\n\t\"./ProfileFrame Green Bars.png\": [\n\t\t50,\n\t\t7\n\t],\n\t\"./ProfileFrame Mixed Bars.png\": [\n\t\t51,\n\t\t8\n\t],\n\t\"./ProfileFrame Purple.png\": [\n\t\t52,\n\t\t9\n\t],\n\t\"./ProfileFrame Red Bars.png\": [\n\t\t53,\n\t\t10\n\t],\n\t\"./ProfileFrame White Bars.png\": [\n\t\t54,\n\t\t11\n\t],\n\t\"./ProfileFrame Yellow Bars.png\": [\n\t\t55,\n\t\t12\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 41;\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./DeineWahl.png\": [\n\t\t56,\n\t\t13\n\t],\n\t\"./Europa.png\": [\n\t\t57,\n\t\t14\n\t],\n\t\"./JetztBistDuDran.png\": [\n\t\t58,\n\t\t15\n\t],\n\t\"./Volt.png\": [\n\t\t59,\n\t\t16\n\t],\n\t\"./Volt21.png\": [\n\t\t60,\n\t\t17\n\t],\n\t\"./VoltEuropa.png\": [\n\t\t61,\n\t\t18\n\t],\n\t\"./VoltRLP.png\": [\n\t\t62,\n\t\t19\n\t],\n\t\"./VoteVolt.png\": [\n\t\t63,\n\t\t20\n\t],\n\t\"./paneuropäisch.png\": [\n\t\t64,\n\t\t21\n\t],\n\t\"./pragmatisch.png\": [\n\t\t65,\n\t\t22\n\t],\n\t\"./progressiv.png\": [\n\t\t66,\n\t\t23\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 42;\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./de.ftl\": [\n\t\t67,\n\t\t3\n\t],\n\t\"./en.ftl\": [\n\t\t68,\n\t\t4\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 47;\nmodule.exports = webpackAsyncContext;","import { useState, useEffect, useCallback } from 'react'\n\nfunction FrameChooser({onChange}) {\n const [frames, setFrames] = useState([])\n const [choosenFrame, setChoosenFrame] = useState(null)\n\n useEffect(() => {\n async function loadFrames(){\n Promise.all(\n [\n 'ProfileFrame Purple',\n 'ProfileFrame Mixed Bars',\n 'ProfileFrame Yellow Bars',\n 'ProfileFrame Red Bars',\n 'ProfileFrame Blue Bars',\n 'ProfileFrame Green Bars',\n 'ProfileFrame White Bars',\n ]\n .map(async frame_filename => {\n return {\n name: frame_filename,\n src: await import(`./frames/${frame_filename}.png`),\n }\n })\n )\n .then(new_frames => {\n setFrames(new_frames)\n setChoosenFrame(new_frames[0].src.default)\n })\n }\n loadFrames()\n }, [])\n\n const handleImageChoosing = useCallback(event => {\n setChoosenFrame(event.target.dataset.src)\n }, [setChoosenFrame])\n\n useEffect(() => {\n onChange(choosenFrame)\n }, [onChange, choosenFrame])\n\n return (\n
\n {\n frames.map(frame => {\n const frame_src_path = frame.src.default\n const isChoosen = choosenFrame === frame_src_path\n return {frame.name}\n })\n } \n
\n )\n}\n\nexport default FrameChooser\n","import React from 'react'\nimport {\n Localized as LocalizedOriginal,\n // withLocalization,\n} from '@fluent/react'\n\nimport { FluentContext } from '../node_modules/@fluent/react/esm/context.js'\n\nconst Localized = props => (\n ,\n ...props.elems,\n }}\n >\n {props.children}\n \n)\n\n// A custom withLocalization to have an empty fallback.\n// It is nearly identical to the original.\nfunction withLocalization(Inner) {\n function WithLocalization(props) {\n const l10n = React.useContext(FluentContext)\n\n const getString = (id, args, fallback) => l10n.getString(id, args, fallback || ' ')\n\n return React.createElement(Inner, { getString, ...props })\n }\n return WithLocalization\n}\n\nexport {\n withLocalization,\n Localized,\n Localized as default,\n}\n\n/*\n\nimport { Localized, withLocalization } from '../Localized/'\n\n\nexport default withLocalization(componentName)\n\n\nimport Localized from '../Localized/'\n\n\nimport { withLocalization } from '@fluent/react'\nexport default withLocalization(componentName)\n\n*/\n","import { useState, useEffect, useCallback } from 'react'\nimport { withLocalization } from './Localized.js'\n\nfunction HashtagChooser({ onChange, getString }) {\n const [frames, setFrames] = useState([])\n const [choosenFrame, setChoosenFrame] = useState(null)\n\n useEffect(() => {\n async function loadFrames() {\n Promise.all(\n [\n '',\n 'VoteVolt',\n 'DeineWahl',\n 'JetztBistDuDran',\n 'VoltEuropa',\n 'VoltRLP',\n 'Volt21',\n 'Volt',\n 'paneuropäisch',\n 'pragmatisch',\n 'progressiv',\n 'Europa',\n ]\n .map(async frame_filename => {\n return {\n name: frame_filename,\n src: frame_filename === '' ? '' : await import(`./hashtags/${frame_filename}.png`),\n }\n })\n )\n .then(new_frames => {\n setFrames(new_frames)\n setChoosenFrame(new_frames[0].src.default)\n })\n }\n loadFrames()\n }, [])\n\n const handleImageChoosing = useCallback(event => {\n setChoosenFrame(event.target.dataset.src)\n }, [setChoosenFrame])\n\n useEffect(() => {\n onChange(choosenFrame)\n }, [onChange, choosenFrame])\n\n return (\n
\n {\n frames.map(frame => {\n const frame_src_path = frame.src.default\n const isChoosen = choosenFrame === frame_src_path\n return \n })\n }\n
\n )\n}\n\nexport default withLocalization(HashtagChooser)\n","import { useEffect, useRef, useState, useCallback } from 'react'\n\nimport Hammer from 'hammerjs'\nimport Hamster from 'hamsterjs'\n\nfunction updateRange(imageWidth, imageHeight, imageScale, containerWidth, containerHeight) {\n\n const rangeX = Math.max(0, (imageWidth * imageScale) - containerWidth)\n const rangeY = Math.max(0, (imageHeight * imageScale) - containerHeight)\n\n const rangeMaxX = (rangeX / 2)\n const rangeMinX = 0 - rangeMaxX\n\n const rangeMaxY = (rangeY / 2)\n const rangeMinY = 0 - rangeMaxY\n\n return {\n rangeMaxX,\n rangeMinX,\n rangeMaxY,\n rangeMinY,\n }\n}\n\nfunction clamp(value, min, max) {\n return Math.min(Math.max(min, value), max)\n}\n\n\n\nlet minScale = 1;\nlet maxScale = 8;\n\n\n\nfunction Editor({ onChange, backgroundURL, backgroundRatio, frameURL, hashtagURL }) {\n const editorRef = useRef(null)\n const backgroundImageRef = useRef(null)\n\n const [hammer_got_init, set_hammer_got_init] = useState(false)\n\n const [hammertime, set_hammertime] = useState(null)\n const [hamster, set_hamster] = useState(null)\n\n const [x, set_x] = useState(0)\n const [y, set_y] = useState(0)\n const [add_x, set_add_x] = useState(0)\n const [add_y, set_add_y] = useState(0)\n const [scale, set_scale] = useState(1)\n // const [add_scale, set_add_scale] = useState(0)\n\n const [photoWidth, setPhotoWidth] = useState(300)\n const [photoHeight, setPhotoHeight] = useState(300)\n const [editorWidth, setEditorWidth] = useState(300)\n const [editorHeight, setEditorHeight] = useState(300)\n\n const [rangeMinX, set_rangeMinX] = useState(0)\n const [rangeMinY, set_rangeMinY] = useState(0)\n const [rangeMaxX, set_rangeMaxX] = useState(0)\n const [rangeMaxY, set_rangeMaxY] = useState(0)\n\n useEffect(() => {\n if (!!onChange) {\n onChange({ x, y, scale})\n }\n }, [onChange, x, y, scale])\n\n useEffect(() => {\n if (!!editorRef && !!editorRef.current) {\n const new_editorWidth = editorRef.current.offsetWidth\n const new_editorHeight = editorRef.current.offsetHeight\n setEditorHeight(new_editorHeight)\n setEditorWidth(new_editorWidth)\n\n let new_photoWidth = 1\n let new_photoHeight = 1\n if (backgroundRatio < 1) {\n new_photoWidth = 1 / backgroundRatio\n } else if (backgroundRatio > 1) {\n new_photoHeight = 1 * backgroundRatio\n }\n\n setPhotoWidth(new_photoWidth)\n setPhotoHeight(new_photoHeight)\n }\n }, [backgroundRatio])\n\n useEffect(() => {\n const {\n rangeMinX,\n rangeMinY,\n rangeMaxX,\n rangeMaxY,\n } = updateRange(photoWidth * editorWidth, photoHeight * editorHeight, scale, editorWidth, editorHeight)\n\n set_rangeMinX(rangeMinX)\n set_rangeMinY(rangeMinY)\n set_rangeMaxX(rangeMaxX)\n set_rangeMaxY(rangeMaxY)\n }, [\n photoWidth,\n photoHeight,\n editorWidth,\n editorHeight,\n scale,\n ])\n\n useEffect(() => {\n set_x(0)\n set_y(0)\n set_add_x(0)\n set_add_y(0)\n set_scale(1)\n }, [backgroundURL])\n\n const handleMove = useCallback(event => {\n const prev_x = event.target.dataset.x * 1\n const prev_y = event.target.dataset.y * 1\n\n const new_x = clamp(prev_x + event.deltaX, rangeMinX, rangeMaxX)\n const new_y = clamp(prev_y + event.deltaY, rangeMinY, rangeMaxY)\n\n if (event.isFinal) {\n set_x(new_x || 0)\n set_y(new_y || 0)\n set_add_x(0)\n set_add_y(0)\n }else{\n set_add_x(new_x - prev_x || 0)\n set_add_y(new_y - prev_y || 0)\n }\n }, [\n rangeMinX,\n rangeMinY,\n rangeMaxX,\n rangeMaxY,\n ])\n\n const handleScale = useCallback((event, delta, deltaX, deltaY) => {\n event.preventDefault()\n\n const prev_scale = event.target.dataset.scale * 1\n const new_scale = clamp(prev_scale + delta / 200, minScale, maxScale)\n set_scale(new_scale || 1)\n\n const prev_x = event.target.dataset.x * 1\n const prev_y = event.target.dataset.y * 1\n set_x(clamp(prev_x, rangeMinX, rangeMaxX) || 0)\n set_y(clamp(prev_y, rangeMinY, rangeMaxY) || 0)\n }, [\n rangeMinX,\n rangeMinY,\n rangeMaxX,\n rangeMaxY,\n ])\n\n useEffect(() => {\n if (!hammer_got_init && !!editorRef && !!editorRef.current) {\n const element = editorRef.current\n\n element.addEventListener('mousedown', event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n element.addEventListener(\"touchstart\", event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n element.addEventListener(\"touchend\", event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n element.addEventListener(\"touchmove\", event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n\n set_hammertime(new Hammer(element, {\n direction: 'DIRECTION_ALL',\n }))\n\n set_hamster(Hamster(element))\n\n set_hammer_got_init(true)\n }\n }, [editorRef, hammer_got_init])\n\n useEffect(() => {\n if (!!hammertime && !!hamster && hammer_got_init && !!editorRef && !!editorRef.current) {\n hammertime.on('pan', handleMove)\n hamster.wheel(handleScale)\n\n return function () {\n hammertime.off('pan', handleMove)\n hamster.unwheel()\n }\n }\n }, [editorRef, handleMove, handleScale, hammer_got_init, hammertime, hamster])\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Editor\n","export default __webpack_public_path__ + \"static/media/HeaderImage.1f39a672.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAQ4AgMAAACRfoQcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURVIud1Iud1Eudgy0J+8AAAADdFJOU//+/Q3dsqEAAATsSURBVHgB7dAxAQAABAAwQtI/ipMCvi3CgiMV6NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NChQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOBTp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQwc6dOjQoUOHDh06dOjQoUOHDh06dOjQgQ4dOnTo0KFDhw4dOnTo0KFDhw4dOnSgQ4cOHTp06NChQ4cOHTp06NChQ4cOHTx06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHTrQoUOHDh06dOjQoUOHDh06dOjQoUOHDnTo0KFDhw4dOnTo0KFDhw4dOnTo0KEDHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4d6NChQ4cOHTp06NChQ4cOHTp06NChQ4cCHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4dxeoB30xd38yzCvgAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAALSURBVHgBY2BgAAAAAwABjPg5OgAAAABJRU5ErkJggg==\"","import React, { useEffect, useState } from 'react'\n\n// https://projectfluent.org/play/\n\n// import {LocalizationProvider,Localized} from '@fluent/react' // '@fluent/react/compat'\nimport { ReactLocalization, LocalizationProvider } from '@fluent/react'\nimport { FluentBundle, FluentResource } from '@fluent/bundle'\nimport { negotiateLanguages } from '@fluent/langneg'\n\n\nexport const locales = {\n de: 'Deutsch',\n en: 'English',\n}\n\nconst _supportedLocales_ = Object.keys(locales)\nconst _defaultLocale_ = 'en'\n\n\nasync function fetchMessages(locale) {\n const path = await import('./locales/' + locale + '.ftl')\n\n const response = await fetch(path.default)\n const messages = await response.text()\n\n return { [locale]: new FluentResource(messages) }\n}\n\nfunction getDefaultBundles() {\n const bundle = new FluentBundle('')\n bundle.addResource(new FluentResource(''))\n return new ReactLocalization([bundle])\n}\n\nasync function createMessagesGenerator(currentLocales) {\n const fetched = await Promise.all(\n currentLocales.map(fetchMessages)\n )\n const messages = fetched.reduce(\n (obj, cur) => Object.assign(obj, cur)\n )\n\n return function* generateBundles() {\n for (const locale of currentLocales) {\n const bundle = new FluentBundle(locale)\n bundle.addResource(messages[locale])\n yield bundle\n }\n }\n}\n\nexport function AppLocalizationProvider({ userLocales, children, onLocaleChange }){\n const [bundles, setBundles] = useState(getDefaultBundles())\n\n useEffect(() => {\n async function loadBundles() {\n const currentLocales = negotiateLanguages(\n userLocales,\n _supportedLocales_,\n { defaultLocale: _defaultLocale_ }\n )\n \n if (!!onLocaleChange) {\n onLocaleChange(currentLocales)\n }\n\n const generateBundles = await createMessagesGenerator(currentLocales)\n setBundles( new ReactLocalization(generateBundles()) )\n }\n loadBundles()\n }, [userLocales, onLocaleChange])\n\n if (!bundles) {\n // Show a loader.\n return
Loading texts…
\n }\n\n return \n {children}\n \n}\n\n","import { useState, useCallback } from 'react'\nimport './App.css'\nimport { useDropzone } from 'react-dropzone'\nimport mergeImages from 'merge-images'\nimport FrameChooser from './FrameChooser.js'\nimport HashtagChooser from './HashtagChooser.js'\nimport Editor from './Editor.js'\nimport HeaderImage from './HeaderImage.svg'\nimport purpleBG from './purpleBG.png'\nimport empty_1x1 from './empty_1x1.png'\n\nimport 'intl-pluralrules'\nimport { AppLocalizationProvider, locales } from './l10n.js'\nimport { withLocalization, Localized } from './Localized.js'\n\n\nconst frameSize = 1080\n\nfunction getOrientation(file, callback) {\n // Source: http://stackoverflow.com/a/32490603\n // (With some modifications: I just made the code fit the style-guide.)\n const reader = new FileReader()\n\n reader.onload = function (event) {\n const view = new DataView(event.target.result)\n\n if (view.getUint16(0, false) !== 0xFFD8) {\n return callback(-2)\n }\n\n const length = view.byteLength\n let offset = 2\n\n while (offset < length) {\n const marker = view.getUint16(offset, false)\n offset += 2\n\n if (marker === 0xFFE1) {\n if (view.getUint32(offset += 2, false) !== 0x45786966) {\n return callback(-1)\n }\n const little = view.getUint16(offset += 6, false) === 0x4949\n offset += view.getUint32(offset + 4, little)\n const tags = view.getUint16(offset, little)\n offset += 2\n\n for (var i = 0; i < tags; i++) {\n if (view.getUint16(offset + (i * 12), little) === 0x0112) {\n return callback(view.getUint16(offset + (i * 12) + 8, little))\n }\n }\n } else if ((marker & 0xFF00) !== 0xFF00) {\n break\n } else {\n offset += view.getUint16(offset, false)\n }\n }\n return callback(-1)\n }\n\n reader.readAsArrayBuffer(file.slice(0, 64 * 1024))\n}\n\nfunction trigger_download(name, data){\n const a = document.createElement('a')\n document.body.appendChild(a)\n // a.target = '_blank'\n a.download = name\n a.href = data\n a.click()\n a.remove()\n}\n\nfunction App({ getString }) { \n const [frameURL, setFrameURL] = useState(null)\n const [hashtagURL, setHashtagURL] = useState(null)\n const [originalPhoto, setOriginalPhoto] = useState(null)\n const [originalPhotoRation, setOriginalPhotoRation] = useState(1)\n const [orientation, set_orientation] = useState(null)\n\n\n // const [combinedImage, set_combinedImage] = useState(null)\n\n const [width, set_width] = useState(0)\n const [height, set_height] = useState(0)\n\n const [cords, setCords] = useState({x:0, y:0, scale:1})\n\n const handleFrameURL = useCallback(newFrameURL => {\n setFrameURL(newFrameURL)\n }, [setFrameURL])\n\n const handleHashtagURL = useCallback(newHashtagURL => {\n setHashtagURL(newHashtagURL)\n }, [setHashtagURL])\n\n const handleCordsChange = useCallback(({x, y, scale}) => {\n setCords({ x, y, scale })\n }, [])\n\n const handleReadFile = useCallback(file => {\n if (!(!!file)) {\n return;\n }\n\n const reader = new FileReader()\n reader.onload = reader_event => {\n const img = new Image()\n img.onload = function () {\n let width, height;\n if (img.width < img.height) {\n height = (img.height / img.width) * frameSize\n width = frameSize\n } else {\n height = frameSize\n width = (img.width / img.height) * frameSize\n }\n\n getOrientation(file, new_orientation => {\n let original_ration = 1\n // use the correct image orientation\n switch (new_orientation) {\n // Source: https://stackoverflow.com/a/30242954/2387277\n // Source: https://stackoverflow.com/questions/19463126/how-to-draw-photo-with-correct-orientation-in-canvas-after-capture-photo-by-usin\n case 2:\n // horizontal flip\n original_ration = height / width\n break\n case 3:\n // 180° rotate left\n original_ration = height / width\n break\n case 4:\n // vertical flip\n original_ration = height / width\n break\n case 5:\n // vertical flip + 90 rotate right\n original_ration = width / height\n break\n case 6:\n // 90° rotate right\n original_ration = width / height\n break\n case 7:\n // horizontal flip + 90 rotate right\n original_ration = width / height\n break\n case 8:\n // 90° rotate left\n original_ration = width / height\n break\n default:\n original_ration = height / width\n break\n }\n\n set_width(width)\n set_height(height)\n setOriginalPhoto(reader_event.target.result)\n set_orientation(new_orientation)\n setOriginalPhotoRation(original_ration)\n })\n }\n img.src = reader_event.target.result\n }\n reader.readAsDataURL(file)\n }, [])\n\n const handleImage = useCallback(files_event => {\n handleReadFile(files_event.target.files[0])\n }, [handleReadFile])\n\n const onDrop = useCallback(acceptedFiles => {\n handleReadFile(acceptedFiles[0])\n }, [handleReadFile])\n\n const handleDownload = useCallback(() => {\n const img = new Image()\n img.onload = function () {\n const canvas = document.createElement('canvas')\n canvas.width = frameSize\n canvas.height = frameSize\n\n const ctx = canvas.getContext('2d', { alpha: true })\n\n // use the correct image orientation\n switch (orientation) {\n // Source: https://stackoverflow.com/a/30242954/2387277\n // Source: https://stackoverflow.com/questions/19463126/how-to-draw-photo-with-correct-orientation-in-canvas-after-capture-photo-by-usin\n case 2:\n // horizontal flip\n ctx.translate(canvas.width, 0)\n ctx.scale(-1, 1)\n break\n case 3:\n // 180° rotate left\n ctx.translate(canvas.width, canvas.height)\n ctx.rotate(Math.PI)\n break\n case 4:\n // vertical flip\n ctx.translate(0, canvas.height)\n ctx.scale(1, -1)\n break\n case 5:\n // vertical flip + 90 rotate right\n ctx.rotate(0.5 * Math.PI)\n ctx.scale(1, -1)\n break\n case 6:\n // 90° rotate right\n ctx.rotate(0.5 * Math.PI)\n ctx.translate(0, -canvas.height)\n break\n case 7:\n // horizontal flip + 90 rotate right\n ctx.rotate(0.5 * Math.PI)\n ctx.translate(canvas.width, -canvas.height)\n ctx.scale(-1, 1)\n break\n case 8:\n // 90° rotate left\n ctx.rotate(-0.5 * Math.PI)\n ctx.translate(-canvas.width, 0)\n break\n default:\n break\n }\n\n\n const width_scaled = width * cords.scale\n const height_scaled = height * cords.scale\n\n ctx.drawImage(\n img,\n cords.x * 3.5 + (frameSize - width_scaled) * 0.5,\n cords.y * 3.5 + (frameSize - height_scaled) * 0.5,\n width_scaled,\n height_scaled,\n )\n // ctx.drawImage(\n // img,\n // ((frameSize - width_scaled) * 0.5),\n // ((frameSize - height_scaled) * 0.5),\n // width_scaled,\n // height_scaled,\n // )\n\n const pngUrl = canvas.toDataURL()\n\n mergeImages([\n purpleBG,\n ...(pngUrl ? [pngUrl] : []),\n ...(frameURL ? [frameURL] : []),\n ...(hashtagURL ? [hashtagURL] : []),\n ])\n .then(b64 => {\n // set_combinedImage(b64)\n trigger_download('volt-profile-picture.png', b64)\n })\n\n }\n img.src = originalPhoto\n }, [\n originalPhoto,\n cords.x,\n cords.y,\n cords.scale,\n orientation,\n frameURL,\n hashtagURL,\n height,\n width,\n ])\n\n const { isDragActive, getRootProps } = useDropzone({\n onDrop,\n accept: 'image/*',\n maxFiles: 1,\n noKeyboard: true,\n })\n\n\n return (\n
\n \"Volt\n\n
\n \n
\n\n

\n

\n\n \n\n {true || !!originalPhoto ? (<>\n

\n \n

\n \n ) : null}\n\n {!!originalPhoto && !!frameURL && !!handleHashtagURL ? (<>\n

\n {/*\n

Edit your Photo:

\n

Your can reposition the image and scale it. Use pinch-to-zoom or scroll to scale.

\n */}\n\n \n\n \n ) : null}\n\n \n
\n )\n}\nconst AppLocalized = withLocalization(App)\n\n\nfunction AppWrapper() {\n const [userLocales, setUserLocales] = useState(navigator.languages)\n const [currentLocale, setCurrentLocale] = useState(null)\n\n const handleLanguageChange = useCallback(event => {\n setUserLocales([event.target.dataset.locale])\n }, [setUserLocales])\n\n const handleCurrentLocalesChange = useCallback(currentLocales => {\n setCurrentLocale(currentLocales.length > 0 ? currentLocales[0] : '')\n }, [setCurrentLocale])\n\n return \n <>\n \n\n
\n {\n Object.entries(locales)\n .map(([locale, name]) => {\n return \n {name}\n \n })\n }\n
\n \n \n}\nexport default withLocalization(AppWrapper)\n\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry)\n getFID(onPerfEntry)\n getFCP(onPerfEntry)\n getLCP(onPerfEntry)\n getTTFB(onPerfEntry)\n })\n }\n}\n\nexport default reportWebVitals\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\nimport reportWebVitals from './reportWebVitals'\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n)\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals()\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["frames lazy /^/.//.*/.png$/ groupOptions: {} namespace object","hashtags lazy /^/.//.*/.png$/ groupOptions: {} namespace object","locales lazy /^/.//.*/.ftl$/ groupOptions: {} namespace object","FrameChooser.js","Localized.js","HashtagChooser.js","Editor.js","HeaderImage.svg","purpleBG.png","empty_1x1.png","l10n.js","App.js","reportWebVitals.js","index.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","FrameChooser","onChange","useState","frames","setFrames","choosenFrame","setChoosenFrame","useEffect","a","all","frame_filename","name","src","new_frames","default","loadFrames","handleImageChoosing","useCallback","event","target","dataset","className","frame","frame_src_path","isChoosen","data-src","onClick","alt","Localized","props","elems","br","Fragment","children","withLocalization","Inner","l10n","React","useContext","FluentContext","createElement","getString","args","fallback","clamp","value","min","max","Math","Editor","backgroundURL","backgroundRatio","frameURL","hashtagURL","editorRef","useRef","backgroundImageRef","hammer_got_init","set_hammer_got_init","hammertime","set_hammertime","hamster","set_hamster","x","set_x","y","set_y","add_x","set_add_x","add_y","set_add_y","scale","set_scale","photoWidth","setPhotoWidth","photoHeight","setPhotoHeight","editorWidth","setEditorWidth","editorHeight","setEditorHeight","rangeMinX","set_rangeMinX","rangeMinY","set_rangeMinY","rangeMaxX","set_rangeMaxX","rangeMaxY","set_rangeMaxY","current","new_editorWidth","offsetWidth","new_editorHeight","offsetHeight","new_photoWidth","new_photoHeight","imageWidth","imageHeight","imageScale","containerWidth","containerHeight","updateRange","handleMove","prev_x","prev_y","new_x","deltaX","new_y","deltaY","isFinal","handleScale","delta","preventDefault","new_scale","element","addEventListener","Hammer","direction","Hamster","on","wheel","off","unwheel","ref","data-x","data-y","data-scale","style","width","height","transform","locales","de","en","_supportedLocales_","fetchMessages","locale","path","fetch","response","text","messages","FluentResource","createMessagesGenerator","currentLocales","fetched","reduce","obj","cur","assign","generateBundles","bundle","FluentBundle","addResource","f","AppLocalizationProvider","userLocales","onLocaleChange","ReactLocalization","getDefaultBundles","bundles","setBundles","negotiateLanguages","defaultLocale","loadBundles","frameSize","AppLocalized","setFrameURL","setHashtagURL","originalPhoto","setOriginalPhoto","originalPhotoRation","setOriginalPhotoRation","orientation","set_orientation","set_width","set_height","cords","setCords","handleFrameURL","newFrameURL","handleHashtagURL","newHashtagURL","handleCordsChange","handleReadFile","file","reader","FileReader","onload","reader_event","img","Image","callback","view","DataView","result","getUint16","length","byteLength","offset","marker","getUint32","little","tags","i","readAsArrayBuffer","slice","getOrientation","new_orientation","original_ration","readAsDataURL","handleImage","files_event","files","onDrop","acceptedFiles","handleDownload","canvas","document","ctx","getContext","alpha","translate","rotate","PI","width_scaled","height_scaled","drawImage","pngUrl","toDataURL","mergeImages","purpleBG","b64","data","body","appendChild","download","href","click","remove","trigger_download","useDropzone","accept","maxFiles","noKeyboard","isDragActive","getRootProps","HeaderImage","tabIndex","outline","type","display","empty_1x1","navigator","languages","setUserLocales","currentLocale","setCurrentLocale","handleLanguageChange","handleCurrentLocalesChange","entries","data-locale","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.3745bff3.chunk.js","sourcesContent":["var map = {\n\t\"./ProfileFrame Blue Bars.png\": [\n\t\t49,\n\t\t6\n\t],\n\t\"./ProfileFrame Green Bars.png\": [\n\t\t50,\n\t\t7\n\t],\n\t\"./ProfileFrame Mixed Bars.png\": [\n\t\t51,\n\t\t8\n\t],\n\t\"./ProfileFrame Purple.png\": [\n\t\t52,\n\t\t9\n\t],\n\t\"./ProfileFrame Red Bars.png\": [\n\t\t53,\n\t\t10\n\t],\n\t\"./ProfileFrame White Bars.png\": [\n\t\t54,\n\t\t11\n\t],\n\t\"./ProfileFrame Yellow Bars.png\": [\n\t\t55,\n\t\t12\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 41;\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./DeineWahl.png\": [\n\t\t56,\n\t\t13\n\t],\n\t\"./Europa.png\": [\n\t\t57,\n\t\t14\n\t],\n\t\"./JetztBistDuDran.png\": [\n\t\t58,\n\t\t15\n\t],\n\t\"./Volt.png\": [\n\t\t59,\n\t\t16\n\t],\n\t\"./Volt21.png\": [\n\t\t60,\n\t\t17\n\t],\n\t\"./VoltEuropa.png\": [\n\t\t61,\n\t\t18\n\t],\n\t\"./VoltRLP.png\": [\n\t\t62,\n\t\t19\n\t],\n\t\"./VoteVolt.png\": [\n\t\t63,\n\t\t20\n\t],\n\t\"./paneuropäisch.png\": [\n\t\t64,\n\t\t21\n\t],\n\t\"./pragmatisch.png\": [\n\t\t65,\n\t\t22\n\t],\n\t\"./progressiv.png\": [\n\t\t66,\n\t\t23\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 42;\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./de.ftl\": [\n\t\t67,\n\t\t3\n\t],\n\t\"./en.ftl\": [\n\t\t68,\n\t\t4\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 47;\nmodule.exports = webpackAsyncContext;","import { useState, useEffect, useCallback } from 'react'\n\nfunction FrameChooser({onChange}) {\n const [frames, setFrames] = useState([])\n const [choosenFrame, setChoosenFrame] = useState(null)\n\n useEffect(() => {\n async function loadFrames(){\n Promise.all(\n [\n 'ProfileFrame Purple',\n 'ProfileFrame Mixed Bars',\n 'ProfileFrame Yellow Bars',\n 'ProfileFrame Red Bars',\n 'ProfileFrame Blue Bars',\n 'ProfileFrame Green Bars',\n 'ProfileFrame White Bars',\n ]\n .map(async frame_filename => {\n return {\n name: frame_filename,\n src: await import(`./frames/${frame_filename}.png`),\n }\n })\n )\n .then(new_frames => {\n setFrames(new_frames)\n setChoosenFrame(new_frames[0].src.default)\n })\n }\n loadFrames()\n }, [])\n\n const handleImageChoosing = useCallback(event => {\n setChoosenFrame(event.target.dataset.src)\n }, [setChoosenFrame])\n\n useEffect(() => {\n onChange(choosenFrame)\n }, [onChange, choosenFrame])\n\n return (\n
\n {\n frames.map(frame => {\n const frame_src_path = frame.src.default\n const isChoosen = choosenFrame === frame_src_path\n return \n {frame.name}\n
\n })\n } \n \n )\n}\n\nexport default FrameChooser\n","import React from 'react'\nimport {\n Localized as LocalizedOriginal,\n // withLocalization,\n} from '@fluent/react'\n\nimport { FluentContext } from '../node_modules/@fluent/react/esm/context.js'\n\nconst Localized = props => (\n ,\n ...props.elems,\n }}\n >\n {props.children}\n \n)\n\n// A custom withLocalization to have an empty fallback.\n// It is nearly identical to the original.\nfunction withLocalization(Inner) {\n function WithLocalization(props) {\n const l10n = React.useContext(FluentContext)\n\n const getString = (id, args, fallback) => l10n.getString(id, args, fallback || ' ')\n\n return React.createElement(Inner, { getString, ...props })\n }\n return WithLocalization\n}\n\nexport {\n withLocalization,\n Localized,\n Localized as default,\n}\n\n/*\n\nimport { Localized, withLocalization } from '../Localized/'\n\n\nexport default withLocalization(componentName)\n\n\nimport Localized from '../Localized/'\n\n\nimport { withLocalization } from '@fluent/react'\nexport default withLocalization(componentName)\n\n*/\n","import { useState, useEffect, useCallback } from 'react'\nimport { withLocalization } from './Localized.js'\n\nfunction HashtagChooser({ onChange, getString }) {\n const [frames, setFrames] = useState([])\n const [choosenFrame, setChoosenFrame] = useState(null)\n\n useEffect(() => {\n async function loadFrames() {\n Promise.all(\n [\n '',\n 'VoteVolt',\n 'DeineWahl',\n 'JetztBistDuDran',\n 'VoltEuropa',\n 'VoltRLP',\n 'Volt21',\n 'Volt',\n 'paneuropäisch',\n 'pragmatisch',\n 'progressiv',\n 'Europa',\n ]\n .map(async frame_filename => {\n return {\n name: frame_filename,\n src: frame_filename === '' ? '' : await import(`./hashtags/${frame_filename}.png`),\n }\n })\n )\n .then(new_frames => {\n setFrames(new_frames)\n setChoosenFrame(new_frames[0].src.default)\n })\n }\n loadFrames()\n }, [])\n\n const handleImageChoosing = useCallback(event => {\n setChoosenFrame(event.target.dataset.src)\n }, [setChoosenFrame])\n\n useEffect(() => {\n onChange(choosenFrame)\n }, [onChange, choosenFrame])\n\n return (\n
\n {\n frames.map(frame => {\n const frame_src_path = frame.src.default\n const isChoosen = choosenFrame === frame_src_path\n return \n })\n }\n
\n )\n}\n\nexport default withLocalization(HashtagChooser)\n","import { useEffect, useRef, useState, useCallback } from 'react'\n\nimport Hammer from 'hammerjs'\nimport Hamster from 'hamsterjs'\n\nfunction updateRange(imageWidth, imageHeight, imageScale, containerWidth, containerHeight) {\n\n const rangeX = Math.max(0, (imageWidth * imageScale) - containerWidth)\n const rangeY = Math.max(0, (imageHeight * imageScale) - containerHeight)\n\n const rangeMaxX = (rangeX / 2)\n const rangeMinX = 0 - rangeMaxX\n\n const rangeMaxY = (rangeY / 2)\n const rangeMinY = 0 - rangeMaxY\n\n return {\n rangeMaxX,\n rangeMinX,\n rangeMaxY,\n rangeMinY,\n }\n}\n\nfunction clamp(value, min, max) {\n return Math.min(Math.max(min, value), max)\n}\n\n\n\nlet minScale = 1;\nlet maxScale = 8;\n\n\n\nfunction Editor({ onChange, backgroundURL, backgroundRatio, frameURL, hashtagURL }) {\n const editorRef = useRef(null)\n const backgroundImageRef = useRef(null)\n\n const [hammer_got_init, set_hammer_got_init] = useState(false)\n\n const [hammertime, set_hammertime] = useState(null)\n const [hamster, set_hamster] = useState(null)\n\n const [x, set_x] = useState(0)\n const [y, set_y] = useState(0)\n const [add_x, set_add_x] = useState(0)\n const [add_y, set_add_y] = useState(0)\n const [scale, set_scale] = useState(1)\n // const [add_scale, set_add_scale] = useState(0)\n\n const [photoWidth, setPhotoWidth] = useState(300)\n const [photoHeight, setPhotoHeight] = useState(300)\n const [editorWidth, setEditorWidth] = useState(300)\n const [editorHeight, setEditorHeight] = useState(300)\n\n const [rangeMinX, set_rangeMinX] = useState(0)\n const [rangeMinY, set_rangeMinY] = useState(0)\n const [rangeMaxX, set_rangeMaxX] = useState(0)\n const [rangeMaxY, set_rangeMaxY] = useState(0)\n\n useEffect(() => {\n if (!!onChange) {\n onChange({ x, y, scale})\n }\n }, [onChange, x, y, scale])\n\n useEffect(() => {\n if (!!editorRef && !!editorRef.current) {\n const new_editorWidth = editorRef.current.offsetWidth\n const new_editorHeight = editorRef.current.offsetHeight\n setEditorHeight(new_editorHeight)\n setEditorWidth(new_editorWidth)\n\n let new_photoWidth = 1\n let new_photoHeight = 1\n if (backgroundRatio < 1) {\n new_photoWidth = 1 / backgroundRatio\n } else if (backgroundRatio > 1) {\n new_photoHeight = 1 * backgroundRatio\n }\n\n setPhotoWidth(new_photoWidth)\n setPhotoHeight(new_photoHeight)\n }\n }, [backgroundRatio])\n\n useEffect(() => {\n const {\n rangeMinX,\n rangeMinY,\n rangeMaxX,\n rangeMaxY,\n } = updateRange(photoWidth * editorWidth, photoHeight * editorHeight, scale, editorWidth, editorHeight)\n\n set_rangeMinX(rangeMinX)\n set_rangeMinY(rangeMinY)\n set_rangeMaxX(rangeMaxX)\n set_rangeMaxY(rangeMaxY)\n }, [\n photoWidth,\n photoHeight,\n editorWidth,\n editorHeight,\n scale,\n ])\n\n useEffect(() => {\n set_x(0)\n set_y(0)\n set_add_x(0)\n set_add_y(0)\n set_scale(1)\n }, [backgroundURL])\n\n const handleMove = useCallback(event => {\n const prev_x = event.target.dataset.x * 1\n const prev_y = event.target.dataset.y * 1\n\n const new_x = clamp(prev_x + event.deltaX, rangeMinX, rangeMaxX)\n const new_y = clamp(prev_y + event.deltaY, rangeMinY, rangeMaxY)\n\n if (event.isFinal) {\n set_x(new_x || 0)\n set_y(new_y || 0)\n set_add_x(0)\n set_add_y(0)\n }else{\n set_add_x(new_x - prev_x || 0)\n set_add_y(new_y - prev_y || 0)\n }\n }, [\n rangeMinX,\n rangeMinY,\n rangeMaxX,\n rangeMaxY,\n ])\n\n const handleScale = useCallback((event, delta, deltaX, deltaY) => {\n event.preventDefault()\n\n const prev_scale = event.target.dataset.scale * 1\n const new_scale = clamp(prev_scale + delta / 200, minScale, maxScale)\n set_scale(new_scale || 1)\n\n const prev_x = event.target.dataset.x * 1\n const prev_y = event.target.dataset.y * 1\n set_x(clamp(prev_x, rangeMinX, rangeMaxX) || 0)\n set_y(clamp(prev_y, rangeMinY, rangeMaxY) || 0)\n }, [\n rangeMinX,\n rangeMinY,\n rangeMaxX,\n rangeMaxY,\n ])\n\n useEffect(() => {\n if (!hammer_got_init && !!editorRef && !!editorRef.current) {\n const element = editorRef.current\n\n element.addEventListener('mousedown', event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n element.addEventListener(\"touchstart\", event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n element.addEventListener(\"touchend\", event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n element.addEventListener(\"touchmove\", event => {\n event.preventDefault()\n // event.stopPropagation()\n }, false)\n\n set_hammertime(new Hammer(element, {\n direction: 'DIRECTION_ALL',\n }))\n\n set_hamster(Hamster(element))\n\n set_hammer_got_init(true)\n }\n }, [editorRef, hammer_got_init])\n\n useEffect(() => {\n if (!!hammertime && !!hamster && hammer_got_init && !!editorRef && !!editorRef.current) {\n hammertime.on('pan', handleMove)\n hamster.wheel(handleScale)\n\n return function () {\n hammertime.off('pan', handleMove)\n hamster.unwheel()\n }\n }\n }, [editorRef, handleMove, handleScale, hammer_got_init, hammertime, hamster])\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Editor\n","export default __webpack_public_path__ + \"static/media/HeaderImage.1f39a672.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAQ4AgMAAACRfoQcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURVIud1Iud1Eudgy0J+8AAAADdFJOU//+/Q3dsqEAAATsSURBVHgB7dAxAQAABAAwQtI/ipMCvi3CgiMV6NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NChQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOBTp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQwc6dOjQoUOHDh06dOjQoUOHDh06dOjQgQ4dOnTo0KFDhw4dOnTo0KFDhw4dOnSgQ4cOHTp06NChQ4cOHTp06NChQ4cOHTx06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHTrQoUOHDh06dOjQoUOHDh06dOjQoUOHDnTo0KFDhw4dOnTo0KFDhw4dOnTo0KEDHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4d6NChQ4cOHTp06NChQ4cOHTp06NChQ4cCHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4dxeoB30xd38yzCvgAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAALSURBVHgBY2BgAAAAAwABjPg5OgAAAABJRU5ErkJggg==\"","import React, { useEffect, useState } from 'react'\n\n// https://projectfluent.org/play/\n\n// import {LocalizationProvider,Localized} from '@fluent/react' // '@fluent/react/compat'\nimport { ReactLocalization, LocalizationProvider } from '@fluent/react'\nimport { FluentBundle, FluentResource } from '@fluent/bundle'\nimport { negotiateLanguages } from '@fluent/langneg'\n\n\nexport const locales = {\n de: 'Deutsch',\n en: 'English',\n}\n\nconst _supportedLocales_ = Object.keys(locales)\nconst _defaultLocale_ = 'en'\n\n\nasync function fetchMessages(locale) {\n const path = await import('./locales/' + locale + '.ftl')\n\n const response = await fetch(path.default)\n const messages = await response.text()\n\n return { [locale]: new FluentResource(messages) }\n}\n\nfunction getDefaultBundles() {\n const bundle = new FluentBundle('')\n bundle.addResource(new FluentResource(''))\n return new ReactLocalization([bundle])\n}\n\nasync function createMessagesGenerator(currentLocales) {\n const fetched = await Promise.all(\n currentLocales.map(fetchMessages)\n )\n const messages = fetched.reduce(\n (obj, cur) => Object.assign(obj, cur)\n )\n\n return function* generateBundles() {\n for (const locale of currentLocales) {\n const bundle = new FluentBundle(locale)\n bundle.addResource(messages[locale])\n yield bundle\n }\n }\n}\n\nexport function AppLocalizationProvider({ userLocales, children, onLocaleChange }){\n const [bundles, setBundles] = useState(getDefaultBundles())\n\n useEffect(() => {\n async function loadBundles() {\n const currentLocales = negotiateLanguages(\n userLocales,\n _supportedLocales_,\n { defaultLocale: _defaultLocale_ }\n )\n \n if (!!onLocaleChange) {\n onLocaleChange(currentLocales)\n }\n\n const generateBundles = await createMessagesGenerator(currentLocales)\n setBundles( new ReactLocalization(generateBundles()) )\n }\n loadBundles()\n }, [userLocales, onLocaleChange])\n\n if (!bundles) {\n // Show a loader.\n return
Loading texts…
\n }\n\n return \n {children}\n \n}\n\n","import { useState, useCallback } from 'react'\nimport './App.css'\nimport { useDropzone } from 'react-dropzone'\nimport mergeImages from 'merge-images'\nimport FrameChooser from './FrameChooser.js'\nimport HashtagChooser from './HashtagChooser.js'\nimport Editor from './Editor.js'\nimport HeaderImage from './HeaderImage.svg'\nimport purpleBG from './purpleBG.png'\nimport empty_1x1 from './empty_1x1.png'\n\nimport 'intl-pluralrules'\nimport { AppLocalizationProvider, locales } from './l10n.js'\nimport { withLocalization, Localized } from './Localized.js'\n\n\nconst frameSize = 1080\n\nfunction getOrientation(file, callback) {\n // Source: http://stackoverflow.com/a/32490603\n // (With some modifications: I just made the code fit the style-guide.)\n const reader = new FileReader()\n\n reader.onload = function (event) {\n const view = new DataView(event.target.result)\n\n if (view.getUint16(0, false) !== 0xFFD8) {\n return callback(-2)\n }\n\n const length = view.byteLength\n let offset = 2\n\n while (offset < length) {\n const marker = view.getUint16(offset, false)\n offset += 2\n\n if (marker === 0xFFE1) {\n if (view.getUint32(offset += 2, false) !== 0x45786966) {\n return callback(-1)\n }\n const little = view.getUint16(offset += 6, false) === 0x4949\n offset += view.getUint32(offset + 4, little)\n const tags = view.getUint16(offset, little)\n offset += 2\n\n for (var i = 0; i < tags; i++) {\n if (view.getUint16(offset + (i * 12), little) === 0x0112) {\n return callback(view.getUint16(offset + (i * 12) + 8, little))\n }\n }\n } else if ((marker & 0xFF00) !== 0xFF00) {\n break\n } else {\n offset += view.getUint16(offset, false)\n }\n }\n return callback(-1)\n }\n\n reader.readAsArrayBuffer(file.slice(0, 64 * 1024))\n}\n\nfunction trigger_download(name, data){\n const a = document.createElement('a')\n document.body.appendChild(a)\n // a.target = '_blank'\n a.download = name\n a.href = data\n a.click()\n a.remove()\n}\n\nfunction App({ getString }) { \n const [frameURL, setFrameURL] = useState(null)\n const [hashtagURL, setHashtagURL] = useState(null)\n const [originalPhoto, setOriginalPhoto] = useState(null)\n const [originalPhotoRation, setOriginalPhotoRation] = useState(1)\n const [orientation, set_orientation] = useState(null)\n\n\n // const [combinedImage, set_combinedImage] = useState(null)\n\n const [width, set_width] = useState(0)\n const [height, set_height] = useState(0)\n\n const [cords, setCords] = useState({x:0, y:0, scale:1})\n\n const handleFrameURL = useCallback(newFrameURL => {\n setFrameURL(newFrameURL)\n }, [setFrameURL])\n\n const handleHashtagURL = useCallback(newHashtagURL => {\n setHashtagURL(newHashtagURL)\n }, [setHashtagURL])\n\n const handleCordsChange = useCallback(({x, y, scale}) => {\n setCords({ x, y, scale })\n }, [])\n\n const handleReadFile = useCallback(file => {\n if (!(!!file)) {\n return;\n }\n\n const reader = new FileReader()\n reader.onload = reader_event => {\n const img = new Image()\n img.onload = function () {\n let width, height;\n if (img.width < img.height) {\n height = (img.height / img.width) * frameSize\n width = frameSize\n } else {\n height = frameSize\n width = (img.width / img.height) * frameSize\n }\n\n getOrientation(file, new_orientation => {\n let original_ration = 1\n // use the correct image orientation\n switch (new_orientation) {\n // Source: https://stackoverflow.com/a/30242954/2387277\n // Source: https://stackoverflow.com/questions/19463126/how-to-draw-photo-with-correct-orientation-in-canvas-after-capture-photo-by-usin\n case 2:\n // horizontal flip\n original_ration = height / width\n break\n case 3:\n // 180° rotate left\n original_ration = height / width\n break\n case 4:\n // vertical flip\n original_ration = height / width\n break\n case 5:\n // vertical flip + 90 rotate right\n original_ration = width / height\n break\n case 6:\n // 90° rotate right\n original_ration = width / height\n break\n case 7:\n // horizontal flip + 90 rotate right\n original_ration = width / height\n break\n case 8:\n // 90° rotate left\n original_ration = width / height\n break\n default:\n original_ration = height / width\n break\n }\n\n set_width(width)\n set_height(height)\n setOriginalPhoto(reader_event.target.result)\n set_orientation(new_orientation)\n setOriginalPhotoRation(original_ration)\n })\n }\n img.src = reader_event.target.result\n }\n reader.readAsDataURL(file)\n }, [])\n\n const handleImage = useCallback(files_event => {\n handleReadFile(files_event.target.files[0])\n }, [handleReadFile])\n\n const onDrop = useCallback(acceptedFiles => {\n handleReadFile(acceptedFiles[0])\n }, [handleReadFile])\n\n const handleDownload = useCallback(() => {\n const img = new Image()\n img.onload = function () {\n const canvas = document.createElement('canvas')\n canvas.width = frameSize\n canvas.height = frameSize\n\n const ctx = canvas.getContext('2d', { alpha: true })\n\n // use the correct image orientation\n switch (orientation) {\n // Source: https://stackoverflow.com/a/30242954/2387277\n // Source: https://stackoverflow.com/questions/19463126/how-to-draw-photo-with-correct-orientation-in-canvas-after-capture-photo-by-usin\n case 2:\n // horizontal flip\n ctx.translate(canvas.width, 0)\n ctx.scale(-1, 1)\n break\n case 3:\n // 180° rotate left\n ctx.translate(canvas.width, canvas.height)\n ctx.rotate(Math.PI)\n break\n case 4:\n // vertical flip\n ctx.translate(0, canvas.height)\n ctx.scale(1, -1)\n break\n case 5:\n // vertical flip + 90 rotate right\n ctx.rotate(0.5 * Math.PI)\n ctx.scale(1, -1)\n break\n case 6:\n // 90° rotate right\n ctx.rotate(0.5 * Math.PI)\n ctx.translate(0, -canvas.height)\n break\n case 7:\n // horizontal flip + 90 rotate right\n ctx.rotate(0.5 * Math.PI)\n ctx.translate(canvas.width, -canvas.height)\n ctx.scale(-1, 1)\n break\n case 8:\n // 90° rotate left\n ctx.rotate(-0.5 * Math.PI)\n ctx.translate(-canvas.width, 0)\n break\n default:\n break\n }\n\n\n const width_scaled = width * cords.scale\n const height_scaled = height * cords.scale\n\n ctx.drawImage(\n img,\n cords.x * 3.5 + (frameSize - width_scaled) * 0.5,\n cords.y * 3.5 + (frameSize - height_scaled) * 0.5,\n width_scaled,\n height_scaled,\n )\n // ctx.drawImage(\n // img,\n // ((frameSize - width_scaled) * 0.5),\n // ((frameSize - height_scaled) * 0.5),\n // width_scaled,\n // height_scaled,\n // )\n\n const pngUrl = canvas.toDataURL()\n\n mergeImages([\n purpleBG,\n ...(pngUrl ? [pngUrl] : []),\n ...(frameURL ? [frameURL] : []),\n ...(hashtagURL ? [hashtagURL] : []),\n ])\n .then(b64 => {\n // set_combinedImage(b64)\n trigger_download('volt-profile-picture.png', b64)\n })\n\n }\n img.src = originalPhoto\n }, [\n originalPhoto,\n cords.x,\n cords.y,\n cords.scale,\n orientation,\n frameURL,\n hashtagURL,\n height,\n width,\n ])\n\n const { isDragActive, getRootProps } = useDropzone({\n onDrop,\n accept: 'image/*',\n maxFiles: 1,\n noKeyboard: true,\n })\n\n\n return (\n
\n \"Volt\n\n
\n \n
\n\n

\n

\n\n \n\n {true || !!originalPhoto ? (<>\n

\n \n

\n \n ) : null}\n\n {!!originalPhoto && !!frameURL && !!handleHashtagURL ? (<>\n

\n {/*\n

Edit your Photo:

\n

Your can reposition the image and scale it. Use pinch-to-zoom or scroll to scale.

\n */}\n\n \n\n \n ) : null}\n\n \n
\n )\n}\nconst AppLocalized = withLocalization(App)\n\n\nfunction AppWrapper() {\n const [userLocales, setUserLocales] = useState(navigator.languages)\n const [currentLocale, setCurrentLocale] = useState(null)\n\n const handleLanguageChange = useCallback(event => {\n setUserLocales([event.target.dataset.locale])\n }, [setUserLocales])\n\n const handleCurrentLocalesChange = useCallback(currentLocales => {\n setCurrentLocale(currentLocales.length > 0 ? currentLocales[0] : '')\n }, [setCurrentLocale])\n\n return \n <>\n \n\n
\n {\n Object.entries(locales)\n .map(([locale, name]) => {\n return \n {name}\n \n })\n }\n
\n \n \n}\nexport default withLocalization(AppWrapper)\n\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry)\n getFID(onPerfEntry)\n getFCP(onPerfEntry)\n getLCP(onPerfEntry)\n getTTFB(onPerfEntry)\n })\n }\n}\n\nexport default reportWebVitals\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\nimport reportWebVitals from './reportWebVitals'\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n)\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals()\n"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.8fb5beac.chunk.js b/static/js/main.8fb5beac.chunk.js deleted file mode 100644 index b2520b0..0000000 --- a/static/js/main.8fb5beac.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[0],{37:function(e,t,n){},41:function(e,t,n){var a={"./ProfileFrame Blue Bars.png":[49,6],"./ProfileFrame Green Bars.png":[50,7],"./ProfileFrame Mixed Bars.png":[51,8],"./ProfileFrame Purple.png":[52,9],"./ProfileFrame Red Bars.png":[53,10],"./ProfileFrame White Bars.png":[54,11],"./ProfileFrame Yellow Bars.png":[55,12]};function c(e){if(!n.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],c=t[0];return n.e(t[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(a)},c.id=41,e.exports=c},42:function(e,t,n){var a={"./DeineWahl.png":[56,13],"./Europa.png":[57,14],"./JetztBistDuDran.png":[58,15],"./Volt.png":[59,16],"./Volt21.png":[60,17],"./VoltEuropa.png":[61,18],"./VoltRLP.png":[62,19],"./VoteVolt.png":[63,20],"./paneurop\xe4isch.png":[64,21],"./pragmatisch.png":[65,22],"./progressiv.png":[66,23]};function c(e){if(!n.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],c=t[0];return n.e(t[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(a)},c.id=42,e.exports=c},47:function(e,t,n){var a={"./de.ftl":[67,3],"./en.ftl":[68,4]};function c(e){if(!n.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],c=t[0];return n.e(t[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(a)},c.id=47,e.exports=c},48:function(e,t,n){"use strict";n.r(t);var a=n(1),c=n(0),r=n.n(c),o=n(25),s=n.n(o),i=n(7),O=n(17),u=n(2),h=(n(37),n(30)),l=n(27),d=n(4),j=n.n(d),b=n(9);var f=function(e){var t=e.onChange,r=Object(c.useState)([]),o=Object(u.a)(r,2),s=o[0],i=o[1],O=Object(c.useState)(null),h=Object(u.a)(O,2),l=h[0],d=h[1];Object(c.useEffect)((function(){function e(){return(e=Object(b.a)(j.a.mark((function e(){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:Promise.all(["ProfileFrame Purple","ProfileFrame Mixed Bars","ProfileFrame Yellow Bars","ProfileFrame Red Bars","ProfileFrame Blue Bars","ProfileFrame Green Bars","ProfileFrame White Bars"].map(function(){var e=Object(b.a)(j.a.mark((function e(t){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=t,e.next=3,n(41)("./".concat(t,".png"));case 3:return e.t1=e.sent,e.abrupt("return",{name:e.t0,src:e.t1});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())).then((function(e){i(e),d(e[0].src.default)}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var f=Object(c.useCallback)((function(e){d(e.target.dataset.src)}),[d]);return Object(c.useEffect)((function(){t(l)}),[t,l]),Object(a.jsx)("div",{className:"FrameChooser",children:s.map((function(e){var t=e.src.default,n=l===t;return Object(a.jsx)("img",{alt:e.name,"data-src":t,src:t,className:n?"frame choosen":"frame",onClick:f},t)}))})},p=n(16),g=n(10),v=function(e){return Object(a.jsx)(p.b,Object(i.a)(Object(i.a)({},e),{},{elems:Object(i.a)({br:Object(a.jsx)("br",{})},e.elems),children:Object(a.jsx)(r.a.Fragment,{children:e.children})}),e.id)};function w(e){return function(t){var n=r.a.useContext(g.a);return r.a.createElement(e,Object(i.a)({getString:function(e,t,a){return n.getString(e,t,a||" ")}},t))}}var x=w((function(e){var t=e.onChange,r=e.getString,o=Object(c.useState)([]),s=Object(u.a)(o,2),i=s[0],O=s[1],h=Object(c.useState)(null),l=Object(u.a)(h,2),d=l[0],f=l[1];Object(c.useEffect)((function(){function e(){return(e=Object(b.a)(j.a.mark((function e(){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:Promise.all(["","VoteVolt","DeineWahl","JetztBistDuDran","VoltEuropa","VoltRLP","Volt21","Volt","paneurop\xe4isch","pragmatisch","progressiv","Europa"].map(function(){var e=Object(b.a)(j.a.mark((function e(t){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.t0=t,""!==t){e.next=5;break}e.t1="",e.next=8;break;case 5:return e.next=7,n(42)("./".concat(t,".png"));case 7:e.t1=e.sent;case 8:return e.t2=e.t1,e.abrupt("return",{name:e.t0,src:e.t2});case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())).then((function(e){O(e),f(e[0].src.default)}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var p=Object(c.useCallback)((function(e){f(e.target.dataset.src)}),[f]);return Object(c.useEffect)((function(){t(d)}),[t,d]),Object(a.jsx)("div",{className:"HashtagChooser",children:i.map((function(e){var t=e.src.default,n=d===t;return Object(a.jsx)("button",{"data-src":t,className:n?"hashtag_button choosen":"hashtag_button",onClick:p,children:""===e.name?r("button_no_hashtag"):"#"+e.name},t)}))})})),A=n(28),D=n.n(A),m=n(29),C=n.n(m);function Q(e,t,n){return Math.min(Math.max(t,e),n)}var H=function(e){var t=e.onChange,n=e.backgroundURL,r=e.backgroundRatio,o=e.frameURL,s=e.hashtagURL,i=Object(c.useRef)(null),O=Object(c.useRef)(null),h=Object(c.useState)(!1),l=Object(u.a)(h,2),d=l[0],j=l[1],b=Object(c.useState)(null),f=Object(u.a)(b,2),p=f[0],g=f[1],v=Object(c.useState)(null),w=Object(u.a)(v,2),x=w[0],A=w[1],m=Object(c.useState)(0),H=Object(u.a)(m,2),T=H[0],U=H[1],F=Object(c.useState)(0),N=Object(u.a)(F,2),k=N[0],E=N[1],K=Object(c.useState)(0),B=Object(u.a)(K,2),S=B[0],y=B[1],P=Object(c.useState)(0),_=Object(u.a)(P,2),L=_[0],R=_[1],M=Object(c.useState)(1),I=Object(u.a)(M,2),V=I[0],Y=I[1],z=Object(c.useState)(300),J=Object(u.a)(z,2),X=J[0],G=J[1],W=Object(c.useState)(300),q=Object(u.a)(W,2),Z=q[0],$=q[1],ee=Object(c.useState)(300),te=Object(u.a)(ee,2),ne=te[0],ae=te[1],ce=Object(c.useState)(300),re=Object(u.a)(ce,2),oe=re[0],se=re[1],ie=Object(c.useState)(0),Oe=Object(u.a)(ie,2),ue=Oe[0],he=Oe[1],le=Object(c.useState)(0),de=Object(u.a)(le,2),je=de[0],be=de[1],fe=Object(c.useState)(0),pe=Object(u.a)(fe,2),ge=pe[0],ve=pe[1],we=Object(c.useState)(0),xe=Object(u.a)(we,2),Ae=xe[0],De=xe[1];Object(c.useEffect)((function(){t&&t({x:T,y:k,scale:V})}),[t,T,k,V]),Object(c.useEffect)((function(){if(i&&i.current){var e=i.current.offsetWidth,t=i.current.offsetHeight;se(t),ae(e);var n=1,a=1;r<1?n=1/r:r>1&&(a=1*r),G(n),$(a)}}),[r]),Object(c.useEffect)((function(){var e=function(e,t,n,a,c){var r=Math.max(0,e*n-a)/2,o=Math.max(0,t*n-c)/2;return{rangeMaxX:r,rangeMinX:0-r,rangeMaxY:o,rangeMinY:0-o}}(X*ne,Z*oe,V,ne,oe),t=e.rangeMinX,n=e.rangeMinY,a=e.rangeMaxX,c=e.rangeMaxY;he(t),be(n),ve(a),De(c)}),[X,Z,ne,oe,V]),Object(c.useEffect)((function(){U(0),E(0),y(0),R(0),Y(1)}),[n]);var me=Object(c.useCallback)((function(e){var t=1*e.target.dataset.x,n=1*e.target.dataset.y,a=Q(t+e.deltaX,ue,ge),c=Q(n+e.deltaY,je,Ae);e.isFinal?(U(a||0),E(c||0),y(0),R(0)):(y(a-t||0),R(c-n||0))}),[ue,je,ge,Ae]),Ce=Object(c.useCallback)((function(e,t,n,a){e.preventDefault();var c=Q(1*e.target.dataset.scale+t/200,1,8);Y(c||1);var r=1*e.target.dataset.x,o=1*e.target.dataset.y;U(Q(r,ue,ge)||0),E(Q(o,je,Ae)||0)}),[ue,je,ge,Ae]);return Object(c.useEffect)((function(){if(!d&&i&&i.current){var e=i.current;e.addEventListener("mousedown",(function(e){e.preventDefault()}),!1),e.addEventListener("touchstart",(function(e){e.preventDefault()}),!1),e.addEventListener("touchend",(function(e){e.preventDefault()}),!1),e.addEventListener("touchmove",(function(e){e.preventDefault()}),!1),g(new D.a(e,{direction:"DIRECTION_ALL"})),A(C()(e)),j(!0)}}),[i,d]),Object(c.useEffect)((function(){if(p&&x&&d&&i&&i.current)return p.on("pan",me),x.wheel(Ce),function(){p.off("pan",me),x.unwheel()}}),[i,me,Ce,d,p,x]),Object(a.jsxs)("div",{className:"Editor",ref:i,"data-x":T,"data-y":k,"data-scale":V,children:[Object(a.jsx)("img",{src:n,ref:O,alt:"",className:"background",style:{width:100*X+"%",height:100*Z+"%",transform:"translate3d(calc(-50% + ".concat(T+S,"px), calc(-50% + ").concat(k+L,"px), 0) scale(").concat(V,",").concat(V,")")}}),Object(a.jsx)("img",{src:o,alt:"",className:"foreground"}),Object(a.jsx)("img",{src:s,alt:"",className:"hashtag"})]})},T=n.p+"static/media/HeaderImage.1f39a672.svg",U="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAQ4AgMAAACRfoQcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURVIud1Iud1Eudgy0J+8AAAADdFJOU//+/Q3dsqEAAATsSURBVHgB7dAxAQAABAAwQtI/ipMCvi3CgiMV6NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NChQIcOHTp06NChQ4cOHTp06NChQ4cOHejQoUOHDh06dOjQoUOHDh06dOjQoUMHOnTo0KFDhw4dOnTo0KFDhw4dOnTo0IEOHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQ4cOBTp06NChQ4cOHTp06NChQ4cOHTp06ECHDh06dOjQoUOHDh06dOjQoUOHDh060KFDhw4dOnTo0KFDhw4dOnTo0KFDhw506NChQ4cOHTp06NChQ4cOHTp06NChAx06dOjQoUOHDh06dOjQoUOHDh06dOhAhw4dOnTo0KFDhw4dOnTo0KFDhw4dOtChQ4cOHTp06NChQ4cOHTp06NChQwc6dOjQoUOHDh06dOjQoUOHDh06dOjQgQ4dOnTo0KFDhw4dOnTo0KFDhw4dOnSgQ4cOHTp06NChQ4cOHTp06NChQ4cOHTx06NChQ4cOdOjQoUOHDh06dOjQoUOHDh06dOjQoQMdOnTo0KFDhw4dOnTo0KFDhw4dOnToQIcOHTp06NChQ4cOHTp06NChQ4cOHTrQoUOHDh06dOjQoUOHDh06dOjQoUOHDnTo0KFDhw4dOnTo0KFDhw4dOnTo0KEDHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4d6NChQ4cOHTp06NChQ4cOHTp06NChQ4cCHTp06NChQ4cOHTp06NChQ4cOHTp0oEOHDh06dOjQoUOHDh06dOjQoUOHDh3o0KFDhw4dOnTo0KFDhw4dOnTo0KFDBzp06NChQ4cOHTp06NChQ4cOHTp06NCBDh06dOjQoUOHDh06dOjQoUOHDh06dKBDhw4dOnTo0KFDhw4dOnTo0KFDhw4dxeoB30xd38yzCvgAAAAASUVORK5CYII=",F="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAALSURBVHgBY2BgAAAAAwABjPg5OgAAAABJRU5ErkJggg==",N=(n(43),n(5)),k=n(21),E=n(20),K=n(31),B={de:"Deutsch",en:"English"},S=Object.keys(B);function y(e){return P.apply(this,arguments)}function P(){return(P=Object(b.a)(j.a.mark((function e(t){var a,c,r;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n(47)("./"+t+".ftl");case 2:return a=e.sent,e.next=5,fetch(a.default);case 5:return c=e.sent,e.next=8,c.text();case 8:return r=e.sent,e.abrupt("return",Object(k.a)({},t,new E.b(r)));case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function _(e){return L.apply(this,arguments)}function L(){return(L=Object(b.a)(j.a.mark((function e(t){var n,a;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(t.map(y));case 2:return n=e.sent,a=n.reduce((function(e,t){return Object.assign(e,t)})),e.abrupt("return",j.a.mark((function e(){var n,c,r,o;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=Object(N.a)(t),e.prev=1,n.s();case 3:if((c=n.n()).done){e.next=11;break}return r=c.value,(o=new E.a(r)).addResource(a[r]),e.next=9,o;case 9:e.next=3;break;case 11:e.next=16;break;case 13:e.prev=13,e.t0=e.catch(1),n.e(e.t0);case 16:return e.prev=16,n.f(),e.finish(16);case 19:case"end":return e.stop()}}),e,null,[[1,13,16,19]])})));case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function R(e){var t=e.userLocales,n=e.children,r=e.onLocaleChange,o=Object(c.useState)(function(){var e=new E.a("");return e.addResource(new E.b("")),new p.c([e])}()),s=Object(u.a)(o,2),i=s[0],O=s[1];return Object(c.useEffect)((function(){function e(){return(e=Object(b.a)(j.a.mark((function e(){var n,a;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=Object(K.a)(t,S,{defaultLocale:"en"}),r&&r(n),e.next=4,_(n);case 4:a=e.sent,O(new p.c(a()));case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[t,r]),i?Object(a.jsx)(p.a,{l10n:i,children:n}):Object(a.jsx)("div",{children:"Loading texts\u2026"})}var M=1080;var I=w((function(e){var t=e.getString,n=Object(c.useState)(null),r=Object(u.a)(n,2),o=r[0],s=r[1],d=Object(c.useState)(null),j=Object(u.a)(d,2),b=j[0],p=j[1],g=Object(c.useState)(null),w=Object(u.a)(g,2),A=w[0],D=w[1],m=Object(c.useState)(1),C=Object(u.a)(m,2),Q=C[0],N=C[1],k=Object(c.useState)(null),E=Object(u.a)(k,2),K=E[0],B=E[1],S=Object(c.useState)(0),y=Object(u.a)(S,2),P=y[0],_=y[1],L=Object(c.useState)(0),R=Object(u.a)(L,2),I=R[0],V=R[1],Y=Object(c.useState)({x:0,y:0,scale:1}),z=Object(u.a)(Y,2),J=z[0],X=z[1],G=Object(c.useCallback)((function(e){s(e)}),[s]),W=Object(c.useCallback)((function(e){p(e)}),[p]),q=Object(c.useCallback)((function(e){var t=e.x,n=e.y,a=e.scale;X({x:t,y:n,scale:a})}),[]),Z=Object(c.useCallback)((function(e){if(e){var t=new FileReader;t.onload=function(t){var n=new Image;n.onload=function(){var a,c;n.width0?e[0]:"")}),[O]);return Object(a.jsx)(R,{userLocales:n,onLocaleChange:l,children:Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(I,{}),Object(a.jsx)("div",{className:"locale_chooser",children:Object.entries(B).map((function(e){var t=Object(u.a)(e,2),n=t[0],c=t[1];return Object(a.jsx)("button",{className:n===i?"choosen":"","data-locale":n,onClick:h,children:c},n)}))})]})},"AppLocalizationProvider")})),Y=function(e){e&&e instanceof Function&&n.e(5).then(n.bind(null,69)).then((function(t){var n=t.getCLS,a=t.getFID,c=t.getFCP,r=t.getLCP,o=t.getTTFB;n(e),a(e),c(e),r(e),o(e)}))};s.a.render(Object(a.jsx)(r.a.StrictMode,{children:Object(a.jsx)(V,{})}),document.getElementById("root")),Y()}},[[48,1,2]]]); -//# sourceMappingURL=main.8fb5beac.chunk.js.map \ No newline at end of file