From 26bcc0cbfbfe71924e848f061418d7950c4be7df Mon Sep 17 00:00:00 2001 From: Darius Rapalis Date: Wed, 28 Sep 2022 21:02:05 +0300 Subject: [PATCH] Fixed user scrolling in all note list --- extension/manifest.json | 2 +- extension/run.js | 10 ---------- extension/twitch-notes.js | 3 ++- package.json | 2 +- src/styles/main.scss | 3 ++- webpack.config.js | 3 ++- 6 files changed, 8 insertions(+), 15 deletions(-) diff --git a/extension/manifest.json b/extension/manifest.json index 6e8351b..f981b46 100644 --- a/extension/manifest.json +++ b/extension/manifest.json @@ -28,7 +28,7 @@ }, "manifest_version": 3, "name": "Twitch Notes", - "version": "0.1.0", + "version": "0.2.1", "web_accessible_resources": [ { "resources": [ diff --git a/extension/run.js b/extension/run.js index 6321a90..317bdf9 100644 --- a/extension/run.js +++ b/extension/run.js @@ -13,14 +13,4 @@ script.id = "twitchNotesScript"; head.appendChild(script); } - - // if (!document.querySelector("style#twitchNotesStyle")) { - // const style = document.createElement("link"); - // style.setAttribute("href", chrome.runtime.getURL("twitch-notes.css")); - // style.setAttribute("type", "text/css"); - // style.setAttribute("rel", "stylesheet"); - // style.setAttribute("crossorigin", "anonymous"); - // style.id = "twitchNotesStyle"; - // head.appendChild(style); - // } })(); diff --git a/extension/twitch-notes.js b/extension/twitch-notes.js index d4beb5f..bf7e944 100644 --- a/extension/twitch-notes.js +++ b/extension/twitch-notes.js @@ -1 +1,2 @@ -(()=>{"use strict";var t={144:(t,e,n)=>{n.d(e,{Z:()=>s});var o=n(81),i=n.n(o),r=n(645),a=n.n(r)()(i());a.push([t.id,".twitch-notes_button{z-index:var(--z-index-default) !important;position:relative !important;background-color:var(--color-background-button-primary-default);color:var(--color-text-button-primary);text-decoration:none;cursor:pointer;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;vertical-align:middle;overflow:hidden;white-space:nowrap;user-select:none;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-medium);font-size:var(--button-text-default);height:var(--button-size-default);padding:0 var(--button-padding-x)}.twitch-notes_button__outline{background:rgba(0,0,0,0);border:2px solid var(--color-text-button-primary)}.twitch-notes_close-button{cursor:default;text-transform:none;text-indent:0;text-shadow:none;letter-spacing:normal;text-rendering:auto;appearance:auto;writing-mode:horizontal-tb !important;box-sizing:border-box;margin:0;font:inherit;border:none;font-size:var(--button-text-default);font-weight:var(--font-weight-semibold);vertical-align:middle;overflow:hidden;text-decoration:none;white-space:nowrap;position:absolute;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;user-select:none;border-radius:var(--border-radius-medium);height:calc(var(--button-size-default) - 1rem);width:calc(var(--button-size-default) - 1rem);background-color:var(--color-background-button-text-default);color:var(--color-fill-button-icon);top:1rem;right:1rem}.twitch-notes_close-button .twitch-notes_x-button{position:absolute;left:0;width:calc(var(--button-size-default) - 1rem);height:calc(var(--button-size-default) - 1rem);top:0;fill:currentcolor}.twitch-notes-floating-container{position:fixed;z-index:1000000;width:320px;height:240px;background:var(--color-background-base);border:var(--border-width-default) solid var(--color-border-base) !important}.twitch-notes-container{position:fixed;z-index:1000000;min-width:500px;max-width:95vw;min-height:240px;max-height:50vh;background:var(--color-background-base);border:var(--border-width-default) solid var(--color-border-base) !important}.twitch-notes-container-header{width:100%;height:calc(var(--button-size-default) + 1rem);line-height:calc(var(--button-size-default) + 1rem);border-bottom:var(--border-width-default) solid var(--color-border-base) !important;position:relative}.twitch-notes-container-header-title{color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;margin-left:calc((32px - var(--font-size-6))/2);width:calc(100% - 2rem)}.twitch-notes-container-content{display:grid;grid-template-columns:240px 1fr}.twitch-notes-container-content-user-list{border-right:1px solid rgba(255,255,255,.0980392157);height:100%;min-width:240px;overflow-y:auto;overflow-x:hidden}.twitch-notes-container-content-user-list-item{padding:1rem;border-bottom:var(--border-width-default) solid var(--color-border-base) !important;cursor:pointer;width:100%;color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important}.twitch-notes-container-content-user-list-item-search{background:rgba(0,0,0,0);outline:none;color:var(--color-fill-button-icon)}.twitch-notes-container-content-note-container-note{min-width:420px;min-height:320px;display:block;margin:1rem;border:var(--border-width-default) solid var(--color-border-base) !important;padding:1rem}.twitch-notes-container-content-note-container-controls{padding:1rem;display:flex;align-content:center}.twitch-notes-container-content-note-container-controls-saved{color:green;padding-left:1rem;line-height:var(--button-size-default)}.twitch-notes-container-footer{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;border-top:var(--border-width-default) solid var(--color-border-base) !important;padding:1rem;text-align:center}.twitch-notes-header{width:100%;height:32px;line-height:32px;border-bottom:var(--border-width-default) solid var(--color-border-base) !important;position:relative;cursor:move}.twitch-notes--container-header-title{color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;padding-left:calc((32px - var(--font-size-6))/2)}.twitch-notes-title{color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;padding-left:calc((32px - var(--font-size-6))/2)}.twitch-notes-close-button{position:absolute;right:5px;top:5px;width:22px;height:22px;line-height:22px;text-align:center;aspect-ratio:1;color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;cursor:pointer}.twitch-notes-content{position:absolute;top:32px;left:0;right:0;bottom:32px;background:rgba(0,0,0,0);color:var(--color-text-base) !important;font-family:var(--font-base);vertical-align:baseline;outline:none;overflow:auto;padding:calc((32px - var(--font-size-6))/2)}.twitch-notes-save-button{position:absolute;bottom:0;left:0;right:0;height:32px;border-top:var(--border-width-default) solid var(--color-border-base) !important;cursor:pointer;color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;text-align:center;line-height:32px}.twitch-notes-x-button{position:absolute;left:0;width:100%;min-height:100%;top:0;fill:currentcolor}.twitch-notes-blurred-background{position:fixed;inset:0 0 0 0;z-index:2000000;background:rgba(0,0,0,.4);backdrop-filter:blur(2px)}.twitch-notes-center-floating-container{background:var(--color-background-base);border:var(--border-width-default) solid var(--color-border-base) !important;position:fixed;top:50vh;left:50vw;transform:translate(-50%, -50%);min-height:320px;min-width:300px;max-height:90vh;max-width:90vw;overflow:auto}.twitch-notes-link{display:inline-block;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-link) !important;line-height:var(--line-height-heading) !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:normal !important;font-weight:var(--font-weight-semibold) !important}.twitch-notes-link:hover{text-decoration:underline;cursor:pointer}.twitch-notes-grid-col-2{display:grid;grid-template-columns:1fr 1fr;width:100%}",""]);const s=a},645:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,o,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(o)for(var s=0;s0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=r),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),e.push(d))}},e}},81:t=>{t.exports=function(t){return t[1]}},379:t=>{var e=[];function n(t){for(var n=-1,o=0;o{var e={};t.exports=function(t,n){var o=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}},216:t=>{t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},565:(t,e,n)=>{t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},795:t=>{t.exports=function(t){var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var i=void 0!==n.layer;i&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,i&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var r=n.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleTagTransform(o,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},589:t=>{t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={id:o,exports:{}};return t[o](r,r.exports,n),r.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.nc=void 0,(()=>{var t=n(379),e=n.n(t),o=n(795),i=n.n(o),r=n(569),a=n.n(r),s=n(565),c=n.n(s),l=n(216),d=n.n(l),u=n(589),p=n.n(u),h=n(144),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=d(),e()(h.Z,m),h.Z&&h.Z.locals&&h.Z.locals;var v="twitch-note-all-users-list",f="twitch-note-";const g=function(){function t(){}return t.addContainer=function(e,n){t.containers[e]||(t.containers[e]=n)},t.removeContainer=function(e){t.containers[e]&&(t.containers[e].remove(),delete t.containers[e])},t.activeContainer=null,t.containers={},t}();var b=function(){return b=Object.assign||function(t){for(var e,n=1,o=arguments.length;n\n \n \n \n ',this.element.classList.add("twitch-notes_close-button"),t)if("string"==typeof t)this.element.classList.add(t);else for(var e=0,n=t;eSelect which note to keep for "+t+"
You can modify notes to merge them and keep updated one

",{element:"div",class:"twitch-notes-grid-col-2",style:{width:"100%"},content:[{element:"div",content:[{element:"p",content:["Locally saved note",{element:"div",style:i,attributes:r,id:"local-value-container",content:[y.getNote(t)]},"
",{element:"button",class:"twitch-notes_button",content:["Save this"],mouseClickEvent:function(){var i,r=(null===(i=document.getElementById("local-value-container"))||void 0===i?void 0:i.innerHTML)||"";y.inputData.notes=y.inputData.notes.map((function(e){return e.user===t?{user:e.user,note:r,resolved:!0}:e})),a.remove(),e.remove(),k(n,o)}}]}]},{element:"div",content:[{element:"p",content:["Locally saved note",{element:"div",style:i,attributes:r,id:"import-value-container",content:[y.inputData.notes.filter((function(e){return e.user===t}))[0].note||""]},"
",{element:"button",class:"twitch-notes_button",content:["Save this"],mouseClickEvent:function(){var i,r=(null===(i=document.getElementById("import-value-container"))||void 0===i?void 0:i.innerHTML)||"";y.inputData.notes=y.inputData.notes.map((function(e){return e.user===t?{user:e.user,note:r,resolved:!0}:e})),a.remove(),e.remove(),k(n,o)}}]}]}]}]});return a.getElement()}(t,this.element,e,n)),this.element.appendChild(r),document.body.appendChild(this.element)},t.prototype.close=function(){this.element&&this.element.remove(),this.element=void 0},t.open=function(e,n,o){t.instance=new t,t.instance.create(e,n,o)},t}();function k(t,e,n){for(var o,i,r,a=[],s=[],c=[],l=function(t){y.getNote(t)?(null===(o=y.inputData.notes.find((function(e){return e.user===t})))||void 0===o?void 0:o.resolved)||y.getNote(t)!==(null===(i=y.inputData.notes.find((function(e){return e.user===t})))||void 0===i?void 0:i.note)?s.push(t):c.push(t):a.push(t)},d=0,u=y.inputData.users;dNote conflicts found for:
"],style:{marginTop:"1rem"}}),m=function(n){var o=null===(r=y.inputData.notes.find((function(t){return t.user===n})))||void 0===r?void 0:r.resolved;h.addContent({element:"div",content:[n+" ",{element:"a",content:[o?"[update]":"[resolve]"],style:{cursor:"pointer"},mouseClickEvent:function(){E.open(n,t,e)}}],style:{color:o?"green":"red"}})},v=0,f=s;vNote will be added for:
"+a.join("
")],style:{marginTop:"1rem",color:"white"}}),c.length&&p.addContent({element:"div",content:["No changes for:
"+c.join("
")],style:{marginTop:"1rem",color:"gray"}}),p.addContent({element:"div",style:{height:"24px"}}),s=s.filter((function(t){var e;return!(null===(e=y.inputData.notes.find((function(e){return e.user===t})))||void 0===e?void 0:e.resolved)}));var g=new C("Complete import");s.length>0&&(g.element.style.background="gray"),s.length>0&&g.element.setAttribute("disabled","true"),p.addContent(g.element),s.length>0?p.addContent({element:"div",content:["Import cannot be completed while there are unresolved conflicts"],style:{color:"gray"}}):g.element.addEventListener("click",(function(){for(var t=0,o=y.inputData.notes;tWARNING! This action might override existing data!
\n
\n Select exported twitch notes file
\n ";var s=this.element,c=document.createElement("input");c.classList.add("twitch-notes-file-input"),c.setAttribute("type","file"),c.setAttribute("accept","json"),c.addEventListener("change",(function(){if(c.files){var e=c.files.item(0);if(e){var n=new FileReader;n.readAsText(e,"UTF-8"),n.onload=function(e){var n;(null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.result)&&(y.inputData=JSON.parse(e.target.result.toString()),y.inputData&&(c.style.display="none",k(o,s,t.resolveCallback)))},n.onerror=function(){console.error("error reading file")}}}})),a.appendChild(c),this.element.appendChild(o),document.body.appendChild(this.element)},t.prototype.close=function(){this.element&&this.element.remove(),this.element=void 0},t.update=function(){var e;null===(e=t.instance)||void 0===e||e.create()},t.open=function(e){t.resolveCallback=e,t.instance=new t,t.instance.create()},t.close=function(){var e,n;null===(n=null===(e=t.instance)||void 0===e?void 0:e.element)||void 0===n||n.remove(),t.instance=void 0},t}(),N=function(){function t(){this.element=document.createElement("div")}return t.prototype.buildContent=function(t){var e=this;t.innerHTML="";var n=[];this.userList=document.createElement("div"),this.userList.classList.add("twitch-notes-container-content-user-list");var o=document.createElement("div");o.classList.add("twitch-notes-container-content-user-list-item"),o.textContent="+ Add New Note",o.addEventListener("click",(function(){e.newNote(l,n)})),this.userList.appendChild(o);var i=document.createElement("input");i.classList.add("twitch-notes-container-content-user-list-item"),i.classList.add("twitch-notes-container-content-user-list-item-search"),i.placeholder="Search...",i.addEventListener("keyup",(function(){for(var t,e=0,o=n;eThis action will delete all saved notes!

Consider exporting notes before performing this action in case you will need to use notes again",{element:"div",style:{height:"24px"}},{element:"button",class:"twitch-notes_button",content:["DELETE ALL NOTES"],style:{background:"red"},mouseClickEvent:function(){y.clearData(),t.remove(),N.update()}},{element:"button",class:"twitch-notes_button",content:["Cancel"],mouseClickEvent:function(){t.remove()}}]}]}),document.body.appendChild(t.getElement())})),s.appendChild(d),this.element.appendChild(o),document.body.appendChild(this.element)},t.prototype.close=function(){this.element&&this.element.remove(),this.element=void 0},t.update=function(){var e;null===(e=t.instance)||void 0===e||e.create()},t.toggle=function(){if(!t.instance)return t.instance=new t,void t.instance.create();t.instance.element?t.instance.close():t.instance.create()},t}();var S=function(){function t(){}return t.prototype.init=function(t){var e=this;this.chatContainerNode=t,this.startObserver(t),this.addNotesButton(),setTimeout((function(){e.addUserNoteBadges()}),1e3)},t.prototype.startObserver=function(t){var e=this;this.observer&&this.observer.disconnect();var n=!1;this.observer=new MutationObserver((function(t){if(!n)for(var o=0,i=t;o\n \n \n \n '],mouseClickEvent:function(){return g.removeContainer(t)}},{element:"span",class:"twitch-notes-title",content:[t]}]},{element:"div",class:"twitch-notes-content",content:[y.getNote(t)],attributes:{contentEditable:"true"},keyUpEvent:function(t){e=t}},{element:"div",class:"twitch-notes-save-button",content:["SAVE"],mouseClickEvent:function(){y.saveNote(t,e),g.removeContainer(t)}}]},o=new x(n);document.body.appendChild(o.getElement()),g.addContainer(t,o)}}(r)},content:[{element:"img",style:{height:"18px",paddingRight:"4px"},attributes:{src:"https://cdn.rdarius.lt/icons/32-id-card.png"}}]});i.insertBefore(a.getElement(),i.firstChild)}},n=0;n{"use strict";var t={144:(t,e,n)=>{n.d(e,{Z:()=>s});var o=n(537),i=n.n(o),r=n(645),a=n.n(r)()(i());a.push([t.id,".twitch-notes_button{z-index:var(--z-index-default) !important;position:relative !important;background-color:var(--color-background-button-primary-default);color:var(--color-text-button-primary);text-decoration:none;cursor:pointer;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;vertical-align:middle;overflow:hidden;white-space:nowrap;user-select:none;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-medium);font-size:var(--button-text-default);height:var(--button-size-default);padding:0 var(--button-padding-x)}.twitch-notes_button__outline{background:rgba(0,0,0,0);border:2px solid var(--color-text-button-primary)}.twitch-notes_close-button{cursor:default;text-transform:none;text-indent:0;text-shadow:none;letter-spacing:normal;text-rendering:auto;appearance:auto;writing-mode:horizontal-tb !important;box-sizing:border-box;margin:0;font:inherit;border:none;font-size:var(--button-text-default);font-weight:var(--font-weight-semibold);vertical-align:middle;overflow:hidden;text-decoration:none;white-space:nowrap;position:absolute;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;user-select:none;border-radius:var(--border-radius-medium);height:calc(var(--button-size-default) - 1rem);width:calc(var(--button-size-default) - 1rem);background-color:var(--color-background-button-text-default);color:var(--color-fill-button-icon);top:1rem;right:1rem}.twitch-notes_close-button .twitch-notes_x-button{position:absolute;left:0;width:calc(var(--button-size-default) - 1rem);height:calc(var(--button-size-default) - 1rem);top:0;fill:currentcolor}.twitch-notes-floating-container{position:fixed;z-index:1000000;width:320px;height:240px;background:var(--color-background-base);border:var(--border-width-default) solid var(--color-border-base) !important}.twitch-notes-container{position:fixed;z-index:1000000;min-width:500px;max-width:95vw;min-height:240px;max-height:80vh;background:var(--color-background-base);border:var(--border-width-default) solid var(--color-border-base) !important}.twitch-notes-container-header{width:100%;height:calc(var(--button-size-default) + 1rem);line-height:calc(var(--button-size-default) + 1rem);border-bottom:var(--border-width-default) solid var(--color-border-base) !important;position:relative}.twitch-notes-container-header-title{color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;margin-left:calc((32px - var(--font-size-6))/2);width:calc(100% - 2rem)}.twitch-notes-container-content{display:grid;grid-template-columns:240px 1fr}.twitch-notes-container-content-user-list{border-right:1px solid rgba(255,255,255,.0980392157);height:100%;max-height:calc(80vh - 2*var(--button-size-default) + 1rem);min-width:240px;overflow-y:auto;overflow-x:hidden}.twitch-notes-container-content-user-list-item{padding:1rem;border-bottom:var(--border-width-default) solid var(--color-border-base) !important;cursor:pointer;width:100%;color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important}.twitch-notes-container-content-user-list-item-search{background:rgba(0,0,0,0);outline:none;color:var(--color-fill-button-icon)}.twitch-notes-container-content-note-container-note{min-width:420px;min-height:320px;display:block;margin:1rem;border:var(--border-width-default) solid var(--color-border-base) !important;padding:1rem}.twitch-notes-container-content-note-container-controls{padding:1rem;display:flex;align-content:center}.twitch-notes-container-content-note-container-controls-saved{color:green;padding-left:1rem;line-height:var(--button-size-default)}.twitch-notes-container-footer{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;border-top:var(--border-width-default) solid var(--color-border-base) !important;padding:1rem;text-align:center}.twitch-notes-header{width:100%;height:32px;line-height:32px;border-bottom:var(--border-width-default) solid var(--color-border-base) !important;position:relative;cursor:move}.twitch-notes--container-header-title{color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;padding-left:calc((32px - var(--font-size-6))/2)}.twitch-notes-title{color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;padding-left:calc((32px - var(--font-size-6))/2)}.twitch-notes-close-button{position:absolute;right:5px;top:5px;width:22px;height:22px;line-height:22px;text-align:center;aspect-ratio:1;color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;cursor:pointer}.twitch-notes-content{position:absolute;top:32px;left:0;right:0;bottom:32px;background:rgba(0,0,0,0);color:var(--color-text-base) !important;font-family:var(--font-base);vertical-align:baseline;outline:none;overflow:auto;padding:calc((32px - var(--font-size-6))/2)}.twitch-notes-save-button{position:absolute;bottom:0;left:0;right:0;height:32px;border-top:var(--border-width-default) solid var(--color-border-base) !important;cursor:pointer;color:var(--color-text-alt) !important;font-size:var(--font-size-6) !important;font-weight:var(--font-weight-semibold) !important;text-transform:uppercase !important;text-align:center;line-height:32px}.twitch-notes-x-button{position:absolute;left:0;width:100%;min-height:100%;top:0;fill:currentcolor}.twitch-notes-blurred-background{position:fixed;inset:0 0 0 0;z-index:2000000;background:rgba(0,0,0,.4);backdrop-filter:blur(2px)}.twitch-notes-center-floating-container{background:var(--color-background-base);border:var(--border-width-default) solid var(--color-border-base) !important;position:fixed;top:50vh;left:50vw;transform:translate(-50%, -50%);min-height:320px;min-width:300px;max-height:90vh;max-width:90vw;overflow:auto}.twitch-notes-link{display:inline-block;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-link) !important;line-height:var(--line-height-heading) !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:normal !important;font-weight:var(--font-weight-semibold) !important}.twitch-notes-link:hover{text-decoration:underline;cursor:pointer}.twitch-notes-grid-col-2{display:grid;grid-template-columns:1fr 1fr;width:100%}","",{version:3,sources:["webpack://./src/styles/main.scss"],names:[],mappings:"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",sourcesContent:[".twitch-notes {\n\n &_button {\n z-index: var(--z-index-default) !important;\n position: relative !important;\n background-color: var(--color-background-button-primary-default);\n color: var(--color-text-button-primary);\n text-decoration: none;\n cursor: pointer;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n vertical-align: middle;\n overflow: hidden;\n white-space: nowrap;\n user-select: none;\n font-weight: var(--font-weight-semibold);\n border-radius: var(--border-radius-medium);\n font-size: var(--button-text-default);\n height: var(--button-size-default);\n padding: 0 var(--button-padding-x);\n\n &__outline {\n background: transparent;\n border: 2px solid var(--color-text-button-primary);\n }\n\n }\n\n &_close-button {\n cursor: default;\n text-transform: none;\n text-indent: 0;\n text-shadow: none;\n letter-spacing: normal;\n text-rendering: auto;\n appearance: auto;\n writing-mode: horizontal-tb !important;\n box-sizing: border-box;\n margin: 0;\n font: inherit;\n border: none;\n font-size: var(--button-text-default);\n font-weight: var(--font-weight-semibold);\n vertical-align: middle;\n overflow: hidden;\n text-decoration: none;\n white-space: nowrap;\n position: absolute;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n user-select: none;\n border-radius: var(--border-radius-medium);\n height: calc(var(--button-size-default) - 1rem);\n width: calc(var(--button-size-default) - 1rem);\n background-color: var(--color-background-button-text-default);\n color: var(--color-fill-button-icon);\n top: 1rem;\n right: 1rem;\n\n .twitch-notes_x-button {\n position: absolute;\n left: 0;\n width: calc(var(--button-size-default) - 1rem);\n height: calc(var(--button-size-default) - 1rem);\n top: 0;\n fill: currentcolor;\n }\n }\n\n &-floating-container {\n position: fixed;\n z-index: 1000000;\n width: 320px;\n height: 240px;\n background: var(--color-background-base);\n border: var(--border-width-default) solid var(--color-border-base) !important;\n }\n\n &-container {\n position: fixed;\n z-index: 1000000;\n min-width: 500px;\n max-width: 95vw;\n min-height: 240px;\n max-height: 80vh;\n background: var(--color-background-base);\n border: var(--border-width-default) solid var(--color-border-base) !important;\n\n &-header {\n width: 100%;\n height: calc(var(--button-size-default) + 1rem);\n line-height: calc(var(--button-size-default) + 1rem);\n border-bottom: var(--border-width-default) solid var(--color-border-base) !important;\n position: relative;\n\n &-title {\n color: var(--color-text-alt) !important;\n font-size: var(--font-size-6) !important;\n font-weight: var(--font-weight-semibold) !important;\n text-transform: uppercase !important;\n margin-left: calc((32px - var(--font-size-6)) / 2);\n width: calc(100% - 2rem);\n }\n }\n\n &-content {\n display: grid;\n grid-template-columns: 240px 1fr;\n\n\n &-user-list {\n border-right: 1px solid #FFFFFF19;\n height: 100%;\n max-height: calc(80vh - 2 * var(--button-size-default) + 1rem);\n min-width: 240px;\n overflow-y: auto;\n overflow-x: hidden;\n\n\n &-item {\n padding: 1rem;\n border-bottom: var(--border-width-default) solid var(--color-border-base) !important;\n cursor: pointer;\n width: 100%;\n color: var(--color-text-alt) !important;\n font-size: var(--font-size-6) !important;\n font-weight: var(--font-weight-semibold) !important;\n text-transform: uppercase !important;\n\n &-search {\n background: transparent;\n outline: none;\n color: var(--color-fill-button-icon);\n }\n }\n }\n\n &-note-container {\n\n &-note {\n min-width: 420px;\n min-height: 320px;\n display: block;\n margin: 1rem;\n border: var(--border-width-default) solid var(--color-border-base) !important;\n padding: 1rem;\n }\n\n &-controls {\n padding: 1rem;\n display: flex;\n align-content: center;\n\n &-saved {\n color: green;\n padding-left: 1rem;\n line-height: var(--button-size-default);\n }\n }\n }\n }\n\n &-footer {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n width: 100%;\n border-top: var(--border-width-default) solid var(--color-border-base) !important;\n padding: 1rem;\n text-align: center;\n }\n }\n\n &-header {\n width: 100%;\n height: 32px;\n line-height: 32px;\n border-bottom: var(--border-width-default) solid var(--color-border-base) !important;\n position: relative;\n cursor: move;\n }\n\n &--container-header-title {\n color: var(--color-text-alt) !important;\n font-size: var(--font-size-6) !important;\n font-weight: var(--font-weight-semibold) !important;\n text-transform: uppercase !important;\n padding-left: calc((32px - var(--font-size-6)) / 2);\n }\n\n &-title {\n color: var(--color-text-alt) !important;\n font-size: var(--font-size-6) !important;\n font-weight: var(--font-weight-semibold) !important;\n text-transform: uppercase !important;\n padding-left: calc((32px - var(--font-size-6)) / 2);\n }\n\n &-close-button {\n position: absolute;\n right: 5px;\n top: 5px;\n width: 22px;\n height: 22px;\n line-height: 22px;\n text-align: center;\n aspect-ratio: 1;\n color: var(--color-text-alt) !important;\n font-size: var(--font-size-6) !important;\n font-weight: var(--font-weight-semibold) !important;\n text-transform: uppercase !important;\n cursor: pointer;\n }\n\n &-content {\n position: absolute;\n top: 32px;\n left: 0;\n right: 0;\n bottom: 32px;\n background: transparent;\n color: var(--color-text-base) !important;\n font-family: var(--font-base);\n vertical-align: baseline;\n outline: none;\n overflow: auto;\n padding: calc((32px - var(--font-size-6)) / 2);\n }\n\n &-save-button {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 32px;\n border-top: var(--border-width-default) solid var(--color-border-base) !important;\n cursor: pointer;\n color: var(--color-text-alt) !important;\n font-size: var(--font-size-6) !important;\n font-weight: var(--font-weight-semibold) !important;\n text-transform: uppercase !important;\n text-align: center;\n line-height: 32px;\n }\n\n &-x-button {\n position: absolute;\n left: 0;\n width: 100%;\n min-height: 100%;\n top: 0;\n fill: currentcolor;\n }\n\n &-blurred-background {\n position: fixed;\n inset: 0 0 0 0;\n z-index: 2000000;\n background: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n }\n\n &-center-floating-container {\n background: var(--color-background-base);\n border: var(--border-width-default) solid var(--color-border-base) !important;\n position: fixed;\n top: 50vh;\n left: 50vw;\n transform: translate(-50%, -50%);\n min-height: 320px;\n min-width: 300px;\n max-height: 90vh;\n max-width: 90vw;\n overflow: auto;\n }\n\n &-link {\n display: inline-block;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n color: var(--color-text-link) !important;\n line-height: var(--line-height-heading) !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: normal !important;\n font-weight: var(--font-weight-semibold) !important;\n\n &:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n }\n\n &-grid-col-2 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n width: 100%;\n }\n}\n"],sourceRoot:""}]);const s=a},645:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,o,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(o)for(var s=0;s0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=r),n&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=n):A[2]=n),i&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=i):A[4]="".concat(i)),e.push(A))}},e}},537:t=>{t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),r="/*# ".concat(i," */"),a=n.sources.map((function(t){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(t," */")}));return[e].concat(a).concat([r]).join("\n")}return[e].join("\n")}},379:t=>{var e=[];function n(t){for(var n=-1,o=0;o{var e={};t.exports=function(t,n){var o=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}},216:t=>{t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},565:(t,e,n)=>{t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},795:t=>{t.exports=function(t){var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var i=void 0!==n.layer;i&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,i&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var r=n.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleTagTransform(o,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},589:t=>{t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={id:o,exports:{}};return t[o](r,r.exports,n),r.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.nc=void 0,(()=>{var t=n(379),e=n.n(t),o=n(795),i=n.n(o),r=n(569),a=n.n(r),s=n(565),c=n.n(s),l=n(216),A=n.n(l),d=n(589),u=n.n(d),p=n(144),m={};m.styleTagTransform=u(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=A(),e()(p.Z,m),p.Z&&p.Z.locals&&p.Z.locals;var h="twitch-note-all-users-list",C="twitch-note-";const v=function(){function t(){}return t.addContainer=function(e,n){t.containers[e]||(t.containers[e]=n)},t.removeContainer=function(e){t.containers[e]&&(t.containers[e].remove(),delete t.containers[e])},t.activeContainer=null,t.containers={},t}();var f=function(){return f=Object.assign||function(t){for(var e,n=1,o=arguments.length;n\n \n \n \n ',this.element.classList.add("twitch-notes_close-button"),t)if("string"==typeof t)this.element.classList.add(t);else for(var e=0,n=t;eSelect which note to keep for "+t+"
You can modify notes to merge them and keep updated one

",{element:"div",class:"twitch-notes-grid-col-2",style:{width:"100%"},content:[{element:"div",content:[{element:"p",content:["Locally saved note",{element:"div",style:i,attributes:r,id:"local-value-container",content:[b.getNote(t)]},"
",{element:"button",class:"twitch-notes_button",content:["Save this"],mouseClickEvent:function(){var i,r=(null===(i=document.getElementById("local-value-container"))||void 0===i?void 0:i.innerHTML)||"";b.inputData.notes=b.inputData.notes.map((function(e){return e.user===t?{user:e.user,note:r,resolved:!0}:e})),a.remove(),e.remove(),L(n,o)}}]}]},{element:"div",content:[{element:"p",content:["Locally saved note",{element:"div",style:i,attributes:r,id:"import-value-container",content:[b.inputData.notes.filter((function(e){return e.user===t}))[0].note||""]},"
",{element:"button",class:"twitch-notes_button",content:["Save this"],mouseClickEvent:function(){var i,r=(null===(i=document.getElementById("import-value-container"))||void 0===i?void 0:i.innerHTML)||"";b.inputData.notes=b.inputData.notes.map((function(e){return e.user===t?{user:e.user,note:r,resolved:!0}:e})),a.remove(),e.remove(),L(n,o)}}]}]}]}]});return a.getElement()}(t,this.element,e,n)),this.element.appendChild(r),document.body.appendChild(this.element)},t.prototype.close=function(){this.element&&this.element.remove(),this.element=void 0},t.open=function(e,n,o){t.instance=new t,t.instance.create(e,n,o)},t}();function L(t,e,n){for(var o,i,r,a=[],s=[],c=[],l=function(t){b.getNote(t)?(null===(o=b.inputData.notes.find((function(e){return e.user===t})))||void 0===o?void 0:o.resolved)||b.getNote(t)!==(null===(i=b.inputData.notes.find((function(e){return e.user===t})))||void 0===i?void 0:i.note)?s.push(t):c.push(t):a.push(t)},A=0,d=b.inputData.users;ANote conflicts found for:
"],style:{marginTop:"1rem"}}),m=function(n){var o=null===(r=b.inputData.notes.find((function(t){return t.user===n})))||void 0===r?void 0:r.resolved;p.addContent({element:"div",content:[n+" ",{element:"a",content:[o?"[update]":"[resolve]"],style:{cursor:"pointer"},mouseClickEvent:function(){E.open(n,t,e)}}],style:{color:o?"green":"red"}})},h=0,C=s;hNote will be added for:
"+a.join("
")],style:{marginTop:"1rem",color:"white"}}),c.length&&u.addContent({element:"div",content:["No changes for:
"+c.join("
")],style:{marginTop:"1rem",color:"gray"}}),u.addContent({element:"div",style:{height:"24px"}}),s=s.filter((function(t){var e;return!(null===(e=b.inputData.notes.find((function(e){return e.user===t})))||void 0===e?void 0:e.resolved)}));var v=new x("Complete import");s.length>0&&(v.element.style.background="gray"),s.length>0&&v.element.setAttribute("disabled","true"),u.addContent(v.element),s.length>0?u.addContent({element:"div",content:["Import cannot be completed while there are unresolved conflicts"],style:{color:"gray"}}):v.element.addEventListener("click",(function(){for(var t=0,o=b.inputData.notes;tWARNING! This action might override existing data!
\n
\n Select exported twitch notes file
\n ";var s=this.element,c=document.createElement("input");c.classList.add("twitch-notes-file-input"),c.setAttribute("type","file"),c.setAttribute("accept","json"),c.addEventListener("change",(function(){if(c.files){var e=c.files.item(0);if(e){var n=new FileReader;n.readAsText(e,"UTF-8"),n.onload=function(e){var n;(null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.result)&&(b.inputData=JSON.parse(e.target.result.toString()),b.inputData&&(c.style.display="none",L(o,s,t.resolveCallback)))},n.onerror=function(){console.error("error reading file")}}}})),a.appendChild(c),this.element.appendChild(o),document.body.appendChild(this.element)},t.prototype.close=function(){this.element&&this.element.remove(),this.element=void 0},t.update=function(){var e;null===(e=t.instance)||void 0===e||e.create()},t.open=function(e){t.resolveCallback=e,t.instance=new t,t.instance.create()},t.close=function(){var e,n;null===(n=null===(e=t.instance)||void 0===e?void 0:e.element)||void 0===n||n.remove(),t.instance=void 0},t}(),B=function(){function t(){this.element=document.createElement("div")}return t.prototype.buildContent=function(t){var e=this;t.innerHTML="";var n=[];this.userList=document.createElement("div"),this.userList.classList.add("twitch-notes-container-content-user-list");var o=document.createElement("div");o.classList.add("twitch-notes-container-content-user-list-item"),o.textContent="+ Add New Note",o.addEventListener("click",(function(){e.newNote(l,n)})),this.userList.appendChild(o);var i=document.createElement("input");i.classList.add("twitch-notes-container-content-user-list-item"),i.classList.add("twitch-notes-container-content-user-list-item-search"),i.placeholder="Search...",i.addEventListener("keyup",(function(){for(var t,e=0,o=n;eThis action will delete all saved notes!

Consider exporting notes before performing this action in case you will need to use notes again",{element:"div",style:{height:"24px"}},{element:"button",class:"twitch-notes_button",content:["DELETE ALL NOTES"],style:{background:"red"},mouseClickEvent:function(){b.clearData(),t.remove(),B.update()}},{element:"button",class:"twitch-notes_button",content:["Cancel"],mouseClickEvent:function(){t.remove()}}]}]}),document.body.appendChild(t.getElement())})),s.appendChild(A),this.element.appendChild(o),document.body.appendChild(this.element)},t.prototype.close=function(){this.element&&this.element.remove(),this.element=void 0},t.update=function(){var e;null===(e=t.instance)||void 0===e||e.create()},t.toggle=function(){if(!t.instance)return t.instance=new t,void t.instance.create();t.instance.element?t.instance.close():t.instance.create()},t}();var z=function(){function t(){}return t.prototype.init=function(t){var e=this;this.chatContainerNode=t,this.startObserver(t),this.addNotesButton(),setTimeout((function(){e.addUserNoteBadges()}),1e3)},t.prototype.startObserver=function(t){var e=this;this.observer&&this.observer.disconnect();var n=!1;this.observer=new MutationObserver((function(t){if(!n)for(var o=0,i=t;o\n \n \n \n '],mouseClickEvent:function(){return v.removeContainer(t)}},{element:"span",class:"twitch-notes-title",content:[t]}]},{element:"div",class:"twitch-notes-content",content:[b.getNote(t)],attributes:{contentEditable:"true"},keyUpEvent:function(t){e=t}},{element:"div",class:"twitch-notes-save-button",content:["SAVE"],mouseClickEvent:function(){b.saveNote(t,e),v.removeContainer(t)}}]},o=new w(n);document.body.appendChild(o.getElement()),v.addContainer(t,o)}}(r)},content:[{element:"img",style:{height:"18px",paddingRight:"4px"},attributes:{src:"https://cdn.rdarius.lt/icons/32-id-card.png"}}]});i.insertBefore(a.getElement(),i.firstChild)}},n=0;n