[instantgram] v2024.06.11 Summer Feeling :sunglasses:
-
+# - @${i.userName} - - -
`,"padding:0!important;text-align:center",[{active:!0,text:o("index@close")}],(t,a)=>{if(a.querySelector(".slider")){let t;let n=a.querySelector(".slider"),r=a.querySelectorAll(".slide"),o=a.querySelector(".slider-controls"),s=i.selectedSliderIndex;r.forEach((e,t)=>{let a=document.createElement("button");a.innerHTML=String(t+1),a.dataset.index=String(t),a.classList.toggle("active",1===r.length),r.length>1&&a.addEventListener("click",()=>{s=t,l(!0)}),o.appendChild(a)});let l=a=>{null!==document.fullscreenElement||(g(!1),n.style.transform=`translateX(${-r[0].clientWidth*s}px)`,[...o.children].forEach((e,t)=>{e.classList.toggle("active",t===s)}),a&&clearTimeout(t),"true"===localStorage.getItem(`${e.STORAGE_NAME}_settings_general_3`)&&d())},d=()=>{let e=r[s].querySelector("video");e?e.play()&&(e.onended=m):c()},m=()=>{s=(s+1)%r.length,l(!1)},c=()=>{t=setTimeout(m,5e3)},g=e=>{r.forEach(e=>{let t=e.querySelector("video");t&&t.pause()})};r.length>1&&l(!1);let p=()=>{null!==document.fullscreenElement&&clearTimeout(t)};document.addEventListener("fullscreenchange",p)}a.querySelector(`.${e.NAME}-settings`).addEventListener("click",()=>{let t=(e,t="",a={},i="")=>{let n=document.createElement(e);return t&&(n.className=t),Object.keys(a).forEach(e=>n.setAttribute(e,a[e])),i&&(n.innerHTML=i),n},a=(e,a,i,n)=>{let r=t("div","list-group-item"),o=t("div","row align-items-center"),s=t("div","col pr-0");s.appendChild(t("strong","mb-0",{},e)),a&&s.appendChild(t("p","text-muted mb-0",{},a));let l=t("div","col-auto"),d=t("label","slideon"),m=t("input","",{type:"checkbox",id:`settings-${i}`}),c=t("span","slideon-slider");if(d.appendChild(m),d.appendChild(c),l.appendChild(d),n){let n=t("div","form-group",{style:"display: flex;flex-direction: column;align-items: flex-start;"},`${e} -${a}
- - - `);o.appendChild(n)}else o.appendChild(s),o.appendChild(l);return r.appendChild(o),r},i=t("div","container"),n=t("div","row justify-content-center"),r=t("div","col-12 col-lg-10 col-xl-8 mx-auto"),s=t("div","my-4"),l=t("nav"),d=t("div","nav nav-tabs",{id:"nav-tab",role:"tablist"});d.appendChild(t("button","nav-link active",{id:"nav-general-tab","data-toggle":"tab","data-target":"#nav-general",type:"button",role:"tab","aria-controls":"nav-general","aria-selected":"true"},"General")),d.appendChild(t("button","nav-link",{id:"nav-stories-tab","data-toggle":"tab","data-target":"#nav-stories",type:"button",role:"tab","aria-controls":"nav-stories","aria-selected":"false"},"Stories"));let m=t("div","tab-content",{id:"nav-tabContent"}),c=t("div","tab-pane fade active show",{id:"nav-general",role:"tabpanel","aria-labelledby":"nav-general-tab"}),g=t("div","tab-pane fade",{id:"nav-stories",role:"tabpanel","aria-labelledby":"nav-stories-tab"});[{title:"index#program#modal_settings@settings_general_title_1",description:"index#program#modal_settings@settings_general_description_1",settingsName:"general-1"},{title:"index#program#modal_settings@settings_general_title_2",description:"index#program#modal_settings@settings_general_description_2",settingsName:"general-2"},{title:"index#program#modal_settings@settings_general_title_3",description:"index#program#modal_settings@settings_general_description_3",settingsName:"general-3"},{title:"index#program#modal_settings@settings_general_title_4",description:"index#program#modal_settings@settings_general_description_4",settingsName:"general-4",isLargeInput:!0},{title:"index#program#modal_settings@settings_stories_title_1",description:"index#program#modal_settings@settings_stories_description_1",settingsName:"stories-1"},{title:"index#program#modal_settings@settings_stories_title_2",description:"index#program#modal_settings@settings_stories_description_2",settingsName:"stories-2"},{title:"index#program#modal_settings@settings_stories_title_3",description:"index#program#modal_settings@settings_stories_description_3",settingsName:"stories-3"}].forEach(e=>{(e.title.includes("general")?c:g).appendChild(a(o(e.title),o(e.description),e.settingsName,e.isLargeInput))}),m.appendChild(c),m.appendChild(g),l.appendChild(d),s.appendChild(l),s.appendChild(m),s.appendChild(t("div","alert alert-warning mt-3",{},o("index#program#modal_settings@settings_attention"))),r.appendChild(s),n.appendChild(r),i.appendChild(n),new x({heading:[`- [${e.NAME}] - ${o("index#program#modal_settings@title")} - v${e.VERSION} -
`],body:[i],bodyStyle:null,buttonList:[{active:!0,text:o("index@close")}],callback:(t,a)=>{this.initModalSettingsListeners(a,e)}}).open()})}))}catch(a){let e=new t.scanner;console.error(`Error executing scanner ${e.getName()}:`,a)}}isModalOpen(e){return!!document.querySelector("div."+e.NAME+"-modal-overlay."+e.NAME+"-modal-visible."+e.NAME+"-modal-show")}removeStyleTagsWithIDs(e){e.forEach(e=>{let t=document.getElementById(e);t&&t.remove()})}shakeModal(e){let t=document.querySelector("."+e);t&&(t.style.animation="horizontal-shaking 0.25s linear infinite",setTimeout(()=>t.style.animation=null,1e3))}updateInputButtonStyle(e,t,a,i){e.textContent=o(t),e.classList.contains(i)?(e.classList.remove(i),e.classList.add(a)):(e.classList.remove(a),e.classList.add(i))}async execute(e){try{if(this.isModalOpen(e)){this.shakeModal(`${e.NAME}-modal`);return}this.initializeStyles(e),await this.handleURLPatterns(e)}catch(t){console.error(`${this.getName()}()`,`[${e.NAME}] ${e.VERSION}`,t)}}}class A{constructor(e){this.program=e,this.storageKey=`${e.STORAGE_NAME}`}async update(e){if(this.isUpdateNecessary(e)){let t=await this.fetchChangelog();t&&this.processChangelog(e,t)}}async fetchChangelog(){try{let e=await fetch("https://www.instagram.com/graphql/query/?query_hash=003056d32c2554def87228bc3fd9668a&variables={%22id%22:45039295328,%22first%22:100}"),[t,a]=(await e.json()).data.user.edge_owner_to_timeline_media.edges[0].node.edge_media_to_caption.edges[0].node.text.split("::");return{date:t,textBody:a}}catch(e){return console.error("Failed to fetch changelog: ",e),null}}processChangelog(e,{date:t,textBody:a}){let i=this.generateHtmlListFromText(a);this.storeVersionInfo(e,t),console.info(o("modules.update@update_successful")),new Date(t)>new Date(e)&&(this.showUpdateModal(e,t,i),this.informOutdatedVersionInDevConsole())}generateHtmlListFromText(e){return e.split(/[.!?]/).filter(e=>""!==e.trim()).reduce((e,t)=>e+`- ")+"
[${this.program.NAME}]v${e}
`],body:[`Update available v${t}
${a}
`],buttonList:[{active:!0,text:"Ok"}]}).open()}informOutdatedVersionInDevConsole(){let e=JSON.parse(window.localStorage.getItem(this.storageKey)||"{}");console.warn(o("modules.update@consoleWarnOutdatedInfo")),console.warn(o("modules.update@consoleWarnOutdatedInfoVersions").replace("${data.version}",e.version).replace("${data.onlineVersion}",e.onlineVersion))}}console.clear();let N="instantgram",M="2024.06.11",I=N.toLowerCase().replace(/-/g,"_"),$={NAME:N,STORAGE_NAME:I,VERSION:M,browser:function(){let e=navigator.userAgent,t,a=e.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i)||[];return/trident/i.test(a[1])?{name:"IE",version:(t=/\brv[ :]+(\d+)/g.exec(e)||[])[1]||""}:"Chrome"===a[1]&&null!=(t=e.match(/\b(OPR|Edge)\/(\d+)/))?{name:t[1].replace("OPR","Opera"),version:t[2]}:(a=a[2]?[a[1],a[2]]:[navigator.appName,navigator.appVersion,"-?"],null!=(t=e.match(/version\/(\d+)/i))&&a.splice(1,1,t[1]),{name:a[0],version:a[1]})}(),hostname:window.location.hostname,path:window.location.pathname,regexHostname:/^instagram\.com$/,regexRootPath:/^\/+$/,regexProfilePath:/^\/(\w[-\w.]+)\/?$/,regexPostPath:/^\/p\//,regexReelURI:/reel\/(.*)+/,regexReelsURI:/reels\/(.*)+/,regexStoriesURI:/\/stories\/(\w+)|\/highlights\/(\d+)\//,foundByModule:null};(async()=>{if(!$.hostname.includes("instagram.com")){new x({heading:[`[${$.NAME}]v${$.VERSION}
`],body:[o("index@alert_onlyWorks")],bodyStyle:"text-align:center",buttonList:[{active:!0,text:"Ok"}]}).open();return}new E().execute($);{let e=new A($);await e.update(M)}})(),e.program=$}({}); +!function(e){"use strict";let t="background:#f6e2d8!important;background:linear-gradient(45deg,#f6e2d8 0%,#68c2e8 100%)!important;",i=`.slideon{position:relative;display:inline-block;width:42px;height:24px;vertical-align:middle}.slideon>input,input.slideon{display:none}.slideon-slider{position:absolute;cursor:pointer;border-radius:34px;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slideon-slider:before{position:absolute;content:"";height:22px;width:22px;left:1px;bottom:1px;border-radius:50%;background-color:#fff;-webkit-transition:.4s;transition:.4s;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.45);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.45);box-shadow:0 0 3px 0 rgb(0,0,0,.45)}.slideon input:checked~.slideon-slider{${t}}.slideon input:checked~.slideon-slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}.slideon input:disabled~.slideon-slider{opacity:.5}`,a=`.instantgram-btn,label{display:inline-block}.instantgram-btn{padding:.25rem 1.9rem .4rem 1.9rem;font-size:1rem;font-weight:400;line-height:1.5}.alert,p{margin-bottom:1rem}@keyframes horizontal-shaking{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(5px)}50%{transform:translateX(-5px)}}.instantgram-btn{color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-group{display:block;width:100%}.instantgram-btn:hover{color:#212529;text-decoration:none}.instantgram-btn:not(:disabled):not(.disabled){cursor:pointer}.instantgram-btn-primary{color:#fff!important;${t}border:4px!important}.instantgram-btn-primary:hover{color:#fff!important;background-color:#0069d9!important;border-color:#0062cc!important}.instantgram-btn-primary:not(:disabled):not(.disabled).active,.instantgram-btn-primary:not(:disabled):not(.disabled):active,.show>.instantgram-btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.instantgram-btn-primary:not(:disabled):not(.disabled).active:focus,.instantgram-btn-primary:not(:disabled):not(.disabled):active:focus,.show>.instantgram-btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(246, 226, 216, 0.5)}.instantgram-btn-success{color:#fff!important;background-color:#28a745!important;border-color:#28a745!important}.mt-1,.my-1{margin-top:.25rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mt-3,.my-3{margin-top:1rem!important}.w94{width:94%!important}.ml-15,.mr-15{margin-left:15px!important}label{margin-bottom:.5rem}.form-control{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;height:calc(1.5em + .75rem + 2px);color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.alert{position:relative;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.pr-0{padding-right:0!important}.col,.col-12,.col-auto{max-width:100%}.instantgram-modal-body *{box-sizing:border-box}b,strong{font-weight:bolder}button,input{overflow:visible}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-12{-ms-flex:0 0 100%;flex:0 0 100%}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid #eef0f3}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-item.active{z-index:2;color:#fff;background-color:#1b68ff;border-color:#1b68ff}.list-group-item.disabled,.list-group-item:disabled{color:#6d7174;pointer-events:none;background-color:#fff}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.mb-0,.my-0{margin-bottom:0!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mt-4,.my-4{margin-top:1.5rem!important}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.text-muted{color:#6c757d!important}p{margin-top:0}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.tab-content>.tab-pane{display:none}.fade:not(.show){opacity:0}.fade{transition:opacity .15s linear}.tab-content>.active{display:block}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs{border-bottom:1px solid #dee2e6;margin-bottom:-1px}.nav-tabs .nav-link{cursor:pointer;color:#000;margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-link{display:block;padding:.5rem 1rem}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;border-bottom: aliceblue 6px solid;}`,n=`.instantgram-modal-footer button,.instantgram-modal-header h5{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:16px!important}.instantgram-modal-overlay{display:none!important;opacity:0!important;transition:.1s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;background:rgba(0,0,0,.65)!important;justify-content:center!important;align-items:center!important}.instantgram-modal{transition:width .1s ease-in-out!important;display:inline-block!important;width:400px!important;padding:1.6px!important;z-index:1001!important}.instantgram-modal select{margin-left:.8px!important;border:1px solid #dbdbdb!important;border-radius:3px!important;color:#262626!important;outline:0!important;padding:3px!important;text-align:center!important}@media (min-width:736px){.instantgram-modal{width:500px!important}}.instantgram-modal-content{position:relative;display:flex;flex-direction:column;width:100%!important;pointer-events:auto!important;background-clip:padding-box!important;outline:0!important}.instantgram-modal-header{${t}}.instantgram-modal-header{color:#fff!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding:0 16px!important;text-align:center}.instantgram-modal-header h5:nth-child(2){margin-top:-15px!important;margin-bottom:20px!important}.instantgram-modal-body{background:#fff!important;color:#000!important;position:relative!important;-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.instantgram-modal-body>img{background:#000;object-fit:scale-down}.instantgram-modal-footer{background-color:#fff!important;border-top:1px solid #dbdbdb!important;border-left:0!important;border-right:0!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;line-height:1.5!important;min-height:48px!important;padding:4px 8px!important;user-select:none!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:center!important}.instantgram-modal-footer button{width:100%!important;min-height:39px!important;background-color:transparent!important;border:0!important;outline:0!important;cursor:pointer!important}.instantgram-modal-footer button.active{color:#0095e2!important}.instantgram-modal-show{opacity:1!important}.instantgram-modal-visible{display:flex!important}#instantgram-bulk-download-indicator{text-align:center!important}.instantgram-modal-db{color:#fff!important;${t}display:block;padding:.8rem;width:100%;border:none;cursor:pointer}.instantgram-modal-db:focus{outline:0;${t}}.instantgram-modal-header h5{color:#fff!important;margin:revert!important;display:flex;justify-content:space-between;align-items:center;height:15px;}.header-text-left{flex:1;text-align:left;}.header-text-right{flex:1;text-align:right;}.header-text-middle{flex:1;text-align:center;}.header-text-middle a{color:#fff!important}.instantgram-settings{cursor:pointer;display:inline-block;color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:.3rem;transition:color .2s,background-color .2s,border-color .2s;width:40px;height:40px;vertical-align:middle;}.instantgram-settings:hover{color:rgba(255,255,255,.8);text-decoration:none;background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.instantgram-modal-body input{color:#000!important}`,r='';(o=s||(s={})).Ad="AD",o.Image="IMAGE",o.Video="VIDEO",o.Carousel="CAROUSEL",o.UNDEFINED="UNDEFINED";var o,s,l={langs:{"en-US":{"helpers.localizeDefaultLang":"[instantgram] set language: ${LANG_DEFAULT} \n For more information about available languages please check http://thinkbig-company.github.io/instantgram",alertWorksOnlyOn:"Works only on instagram.com",alertNotFound:"Did you open any Instagram post? Like for example",modalSettingsTitle:"Settings",modalSettingsAttention:"Attention: You must open this app again for your changes to be applied!",modalSettingsGeneral:"General",modalSettingsGenTitle1:"Enable monetized posts",modalSettingsGenDesc1:"Ad blockers must be deactivated",modalSettingsGenTitle2:"Open download in new tab",modalSettingsGenDesc2:"The download will be opened in a new tab",modalSettingsGenTitle3:"Slideshow on/off",modalSettingsGenDesc3:"Enable or disable the automatic slideshow",modalSettingsGenTitle4:"Change file name format for downloads",modalSettingsGenDesc4:"Change the file name format for the downloads here
The default format is
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}",modalSettingsStoriesTitle1:"Mute stories",modalSettingsStoriesDesc1:"Stories are muted when opened",modalSettingsStoriesTitle2:"Pause stories when opening",modalSettingsStoriesDesc2:"Stories are paused when opened",modalSettingsStoriesTitle3:"Display stories individually",modalSettingsStoriesDesc3:"Stories are displayed individually when opened",download:"Download",save:"Save",saved:"Saved",close:"Close",consoleWarnOutdatedInfo:"[instantgram] is outdated. Please check http://thinkbig-company.github.io/instantgram for available updates.",consoleWarnOutdatedVersions:"[instantgram] Installed version: ${data.version} | New update: ${data.onlineVersion}",ad:"Sponsored"},"de-DE":{"helpers.localizeDefaultLang":"Ausgew\xe4hlte Sprache: ${LANG_DEFAULT} \n Weitere Informationen zu den unterst\xfctzten Sprachen findest du auf http://thinkbig-company.github.io/instantgram",alertWorksOnlyOn:"Funktioniert nur auf instagram.com",alertNotFound:"Hast du einen Instagram Post ge\xf6ffnet? Zum Beispiel
",modalSettingsTitle:"Einstellungen",modalSettingsAttention:"Achtung: Sie m\xfcssen diese App erneut \xf6ffnen, damit ihre \xc4nderungen \xfcbernommen werden!",modalSettingsGeneral:"Allgemein",modalSettingsGenTitle1:"Monetarisierte Beitr\xe4ge aktivieren",modalSettingsGenDesc1:"Werbeblocker m\xfcssen deaktiviert sein",modalSettingsGenTitle2:"Download in neuem Tab \xf6ffnen",modalSettingsGenDesc2:"Der Download wird in einem neuen Tab ge\xf6ffnet",modalSettingsGenTitle3:"Slideshow ein/ausschalten",modalSettingsGenDesc3:"Aktivieren oder deaktivieren Sie die automatische Slideshow",modalSettingsGenTitle4:"Dateinamenformat f\xfcr Downloads \xe4ndern",modalSettingsGenDesc4:"\xc4ndere hier das Dateinamenformat f\xfcr die Downloads
Das Standardformat ist
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}",modalSettingsStoriesTitle1:"Stories stummschalten",modalSettingsStoriesDesc1:"Beim \xf6ffnen werden Stories stummgeschaltet",modalSettingsStoriesTitle2:"Stories beim \xf6ffnen pausieren",modalSettingsStoriesDesc2:"Beim \xf6ffnen werden Stories pausiert",modalSettingsStoriesTitle3:"Stories einzeln anzeigen",modalSettingsStoriesDesc3:"Beim \xf6ffnen werden Stories einzeln angezeigt",download:"Download",save:"Speichern",saved:"Gespeichert",close:"Schlie\xdfen",consoleWarnOutdatedInfo:"[instantgram] ist veraltet. Bitte besuche die Seite http://thinkbig-company.github.io/instantgram f\xfcr ein Update.",consoleWarnOutdatedVersions:"[instantgram] Installierte Version: ${data.version} | Neue Version: ${data.onlineVersion}",ad:"Anzeige"},"es-AR":{"helpers.localizeDefaultLang":"[instantgram] establecer idioma: ${LANG_DEFAULT} \n Para m\xe1s informaci\xf3n sobre los idiomas disponibles, consulte http://thinkbig-company.github.io/instantgram",alertWorksOnlyOn:"S\xf3lo funciona en instagram.com",alertNotFound:"\xbfHas abierto alg\xfan post de Instagram? Como por ejemplo
",modalSettingsTitle:"Ajustes",modalSettingsAttention:"Atenci\xf3n: \xa1Debes abrir esta aplicaci\xf3n nuevamente para que se apliquen los cambios!",modalSettingsGeneral:"General",modalSettingsGenTitle1:"Habilitar publicaciones monetizadas",modalSettingsGenDesc1:"Los bloqueadores de publicidad deben estar desactivados",modalSettingsGenTitle2:"Abrir descarga en una nueva pesta\xf1a",modalSettingsGenDesc2:"La descarga se abrir\xe1 en una nueva pesta\xf1a",modalSettingsGenTitle3:"Slideshow on/off",modalSettingsGenDesc3:"Activar/desactivar presentaci\xf3n de diapositivas",modalSettingsGenTitle4:"Cambiar el formato del nombre del archivo para descargas",modalSettingsGenDesc4:"Cambie el formato del nombre de archivo para las descargas aqu\xed
El formato predeterminado es
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}",modalSettingsStoriesTitle1:"Historias mudas",modalSettingsStoriesDesc1:"Las historias se silencian cuando se abren",modalSettingsStoriesTitle2:"Pausar historias al abrir",modalSettingsStoriesDesc2:"Las historias se pausan cuando se abren.",modalSettingsStoriesTitle3:"Mostrar historias individualmente",modalSettingsStoriesDesc3:"Las historias se muestran individualmente cuando se abren",download:"Descargar",save:"Ahorrar",saved:"Salvado",close:"Cerca",consoleWarnOutdatedInfo:"[instantgram] es obsoleto. Consulte en http://thinkbig-company.github.io/instantgram las actualizaciones disponibles.",consoleWarnOutdatedVersions:"[instantgram] Versi\xf3n instalada: ${data.version} | Nueva actualizaci\xf3n: ${data.onlineVersion}",ad:"Publicidad"},"pt-BR":{"helpers.localizeDefaultLang":"[instantgram] idioma configurado: ${LANG_DEFAULT} \npara mais informa\xe7\xf5es sobre os idiomas suportados, acesse http://thinkbig-company.github.io/instantgram",alertWorksOnlyOn:"[instantgram] somente funciona no instagram.com",alertNotFound:"ops, voc\xea est\xe1 em algum post do instagram? ex:
",modalSettingsTitle:"Configura\xe7\xf5es",modalSettingsAttention:"Aten\xe7\xe3o: Voc\xea deve abrir este aplicativo novamente para que suas altera\xe7\xf5es sejam aplicadas!",modalSettingsGeneral:"Geral",modalSettingsGenTitle1:"Habilitar postagens monetizadas",modalSettingsGenDesc1:"Os bloqueadores de an\xfancios devem ser desativados",modalSettingsGenTitle2:"Abrir o download em uma nova guia",modalSettingsGenDesc2:"O download ser\xe1 aberto em uma nova guia",modalSettingsGenTitle3:"Ativa\xe7\xe3o/desativa\xe7\xe3o da apresenta\xe7\xe3o de slides",modalSettingsGenDesc3:"Ativar ou desativar a apresenta\xe7\xe3o autom\xe1tica de slides",modalSettingsGenTitle4:"Alterar o formato do nome do arquivo para downloads",modalSettingsGenDesc4:"Altere o formato do nome do arquivo para os downloads aqui
O formato padr\xe3o \xe9
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}",modalSettingsStoriesTitle1:"Hist\xf3rias mudas",modalSettingsStoriesDesc1:"As hist\xf3rias s\xe3o silenciadas quando abertas",modalSettingsStoriesTitle2:"Pausar hist\xf3rias ao abrir",modalSettingsStoriesDesc2:"As hist\xf3rias s\xe3o pausadas quando abertas",modalSettingsStoriesTitle3:"Exibir hist\xf3rias individualmente",modalSettingsStoriesDesc3:"As hist\xf3rias s\xe3o exibidas individualmente quando abertas",download:"Download",save:"Salvar",saved:"Salvo em",close:"Fechar",consoleWarnOutdatedInfo:"[instantgram] est\xe1 desatualizado. Acesse http://thinkbig-company.github.io/instantgram para atualizar",consoleWarnOutdatedVersions:"[instantgram] vers\xe3o local: ${data.version} | nova vers\xe3o: ${data.onlineVersion}",ad:"Patrocinado"}}};let d=navigator.language;-1!==d.indexOf("-")&&(d=d.split("-")[0]),-1!==d.indexOf("_")&&(d=d.split("_")[0]);let m={de:"de-DE",en:"en-US",es:"es-AR",pt:"pt-BR"}[d];function c(e,t=m){try{if(Object.prototype.hasOwnProperty.call(l.langs,t)||(t="en-US"),l.langs[t][e])return l.langs[t][e];return""}catch(i){return console.error(`[${et.NAME}]LOC error:`,i),`ops, an error ocurred in localization system. Enter in https://github.com/ThinkBIG-Company/${et.NAME}/issues/new and open an issue with this code: "LOC_dont_found_str_neither_default:[${t}->${e}]" + for more information open the console`}}console.info(c("helpers.localizeDefaultLang").replace("${LANG_DEFAULT}",m));let g=new Map,u=()=>{let e=/"X-IG-App-ID":"([\d]+)"/,t=Array.from(document.querySelectorAll("body > script")).map(t=>t.textContent?.match(e)).find(Boolean);return t?t[1]:null},p=e=>{let t=window.location.pathname,i=t.split("/"),a={"/reel/":()=>i[2],"/reels/":()=>i[2],"/stories/":()=>i[3]};for(let e in a)if(t.startsWith(e))return a[e]();let n=/^\/p\/([^/]+)\//;return Array.from(e.querySelectorAll("a[href]")).map(e=>e.getAttribute("href").match(n)).find(e=>e)?.[1]||null};async function h(e){let t=window.location.href.match(/www.instagram.com\/stories\/[^/]+\/(\d+)/);if(t)return t[1];if(!g.has(e)){let t=`https://www.instagram.com/p/${e}/`,i=await fetch(t),a=(await i.text()).match(/instagram:\/\/media\?id=(\d+)|["' ]media_id["' ]:["' ](\d+)["' ]/);if(!a){let e=await fetch(t+"?__a=1&__d=dis");if(!(a=(await e.text()).match(/"pk":(\d+)/)))return null}let n=null;for(let e=0;e
${a}
+ + `);s.appendChild(r)}else s.appendChild(l),s.appendChild(d);return o.appendChild(s),o},a=t("div","container"),n=t("div","row justify-content-center"),o=t("div","col-12 col-lg-10 col-xl-8 mx-auto"),s=t("div","my-4"),l=t("nav"),d=t("div","nav nav-tabs",{id:"nav-tab",role:"tablist"});d.appendChild(t("button","nav-link active",{id:"nav-general-tab","data-toggle":"tab","data-target":"#nav-general",type:"button",role:"tab","aria-controls":"nav-general","aria-selected":"true"},`${c("modalSettingsGeneral")}`)),d.appendChild(t("button","nav-link",{id:"nav-stories-tab","data-toggle":"tab","data-target":"#nav-stories",type:"button",role:"tab","aria-controls":"nav-stories","aria-selected":"false"},"Stories"));let m=t("div","tab-content",{id:"nav-tabContent"}),g=t("div","tab-pane fade active show",{id:"nav-general",role:"tabpanel","aria-labelledby":"nav-general-tab"}),u=t("div","tab-pane fade",{id:"nav-stories",role:"tabpanel","aria-labelledby":"nav-stories-tab"});[{title:"modalSettingsGenTitle1",description:"modalSettingsGenDesc1",settingsName:"general-1"},{title:"modalSettingsGenTitle2",description:"modalSettingsGenDesc2",settingsName:"general-2"},{title:"modalSettingsGenTitle3",description:"modalSettingsGenDesc3",settingsName:"general-3"},{title:"modalSettingsGenTitle4",description:"modalSettingsGenDesc4",settingsName:"general-4",isLargeInput:!0},{title:"modalSettingsStoriesTitle1",description:"modalSettingsStoriesDesc1",settingsName:"stories-1"},{title:"modalSettingsStoriesTitle2",description:"modalSettingsStoriesDesc2",settingsName:"stories-2"},{title:"modalSettingsStoriesTitle3",description:"modalSettingsStoriesDesc3",settingsName:"stories-3"}].forEach(e=>{(e.title.includes("Gen")?g:u).appendChild(i(c(e.title),c(e.description),e.settingsName,e.isLargeInput))}),m.appendChild(g),m.appendChild(u),l.appendChild(d),s.appendChild(l),s.appendChild(m),s.appendChild(t("div","alert alert-warning mt-3",{},c("modalSettingsAttention"))),o.appendChild(s),n.appendChild(o),a.appendChild(n),new W({heading:[`+ ${r} + ${c("modalSettingsTitle")} + v${e.VERSION} +
`],body:[a],bodyStyle:null,buttonList:[{active:!0,text:c("close")}],callback:(t,i)=>{this.initModalSettingsListeners(i,e)}}).open()}async handleURLPatterns(e){if(!e.hostname.includes("instagram.com")){new W({heading:[`+ ${r} + v${e.VERSION} +
`],body:[c("alertWorksOnlyOn")],bodyStyle:"text-align:center;padding:20px",buttonList:[{active:!0,text:"Ok"}],callback:(t,i)=>{i.querySelector(`.${e.NAME}-settings`).addEventListener("click",()=>{this.handleSettingsButtonClick(e)})}}).open();return}for(let t of[{regex:e.regexStoriesURI,scanner:Q},{regex:e.regexProfilePath,scanner:X},{regex:e.regexRootPath,scanner:j},{regex:e.regexPostPath,scanner:Y},{regex:e.regexReelURI,scanner:Y},{regex:e.regexReelsURI,scanner:Z}])if(t.regex.test(window.location.pathname))try{let i=new t.scanner,a=await i.execute(e);a.found?(a.foundByModule=i.getName(),this.displayModal(a,`+ ${r} + @${a.userName} + +
`,"padding:0!important;text-align:center",[{active:!0,text:c("close")}],(t,i)=>{if(i.querySelector(".slider")){let t;let n=i.querySelector(".slider"),r=i.querySelectorAll(".slide"),o=i.querySelector(".slider-controls"),s=a.selectedSliderIndex;r.forEach((e,t)=>{let i=document.createElement("button");i.innerHTML=String(t+1),i.dataset.index=String(t),i.classList.toggle("active",1===r.length),r.length>1&&i.addEventListener("click",()=>{s=t,l(!0)}),o.appendChild(i)});let l=i=>{null!==document.fullscreenElement||(g(!1),n.style.transform=`translateX(${-r[0].clientWidth*s}px)`,[...o.children].forEach((e,t)=>{e.classList.toggle("active",t===s)}),i&&clearTimeout(t),"true"===localStorage.getItem(`${e.STORAGE_NAME}_settings_general_3`)&&d())},d=()=>{let e=r[s].querySelector("video");e?e.play()&&(e.onended=m):c()},m=()=>{s=(s+1)%r.length,l(!1)},c=()=>{t=setTimeout(m,5e3)},g=e=>{r.forEach(e=>{let t=e.querySelector("video");t&&t.pause()})};r.length>1&&l(!1);let u=()=>{null!==document.fullscreenElement&&clearTimeout(t)};document.addEventListener("fullscreenchange",u)}i.querySelector(`.${e.NAME}-settings`).addEventListener("click",()=>{this.handleSettingsButtonClick(e)})})):new W({heading:[`+ ${r} + v${e.VERSION} +
`],body:[c("alertNotFound")],bodyStyle:"text-align:center;padding:20px",buttonList:[{active:!0,text:"Ok"}],callback:(t,i)=>{i.querySelector(`.${e.NAME}-settings`).addEventListener("click",()=>{this.handleSettingsButtonClick(e)})}}).open()}catch(i){let e=new t.scanner;console.error(`Error executing scanner ${e.getName()}:`,i)}}isModalOpen(e){return!!document.querySelector("div."+e.NAME+"-modal-overlay."+e.NAME+"-modal-visible."+e.NAME+"-modal-show")}removeStyleTagsWithIDs(e){e.forEach(e=>{let t=document.getElementById(e);t&&t.remove()})}shakeModal(e){let t=document.querySelector("."+e);t&&(t.style.animation="horizontal-shaking 0.25s linear infinite",setTimeout(()=>t.style.animation=null,1e3))}updateInputButtonStyle(e,t,i,a){e.textContent=c(t),e.classList.contains(a)?(e.classList.remove(a),e.classList.add(i)):(e.classList.remove(i),e.classList.add(a))}async execute(e){try{if(this.isModalOpen(e)){this.shakeModal(`${e.NAME}-modal`);return}this.initializeStyles(e),await this.handleURLPatterns(e)}catch(t){console.error(`${this.getName()}()`,`[${e.NAME}] ${e.VERSION}`,t)}}}console.clear();let K="instantgram",ee=K.toLowerCase().replace(/-/g,"_"),et={NAME:K,STORAGE_NAME:ee,DEVELOPMENT:!1,VERSION:"2024.10.07",browser:(()=>{let e;let t=navigator.userAgent,i=t.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i)||[];if(/trident/i.test(i[1]))return{name:"IE",version:(e=/\brv[ :]+(\d+)/g.exec(t)||[])[1]||""};if("Chrome"===i[1]&&(e=t.match(/\b(OPR|Edge)\/(\d+)/)))return{name:e[1].replace("OPR","Opera"),version:e[2]};if(i.length>1){let e=t.match(/version\/(\d+)/i);return e&&(i[2]=e[1]),{name:i[1],version:i[2]}}return{name:navigator.appName,version:navigator.appVersion}})(),hostname:window.location.hostname,path:window.location.pathname,regexHostname:/^instagram\.com$/,regexRootPath:/^\/+$/,regexProfilePath:/^\/(\w[-\w.]+)\/?$/,regexPostPath:/^\/p\//,regexReelURI:/reel\/(.*)+/,regexReelsURI:/reels\/(.*)+/,regexStoriesURI:/\/stories\/(\w+)|\/highlights\/(\d+)\//,foundByModule:null,settings:{showAds:"true"===localStorage.getItem(`${ee}_settings_general_1`),openInNewTab:"true"===localStorage.getItem(`${ee}_settings_general_2`),autoSlideshow:"true"===localStorage.getItem(`${ee}_settings_general_3`),formattedFilenameInput:localStorage.getItem(`${ee}_settings_general_4`)||"{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}",storiesMuted:"true"===localStorage.getItem(`${ee}_settings_stories_1`),noMultiStories:"true"===localStorage.getItem(`${ee}_settings_stories_3`)}};(async()=>{new J().execute(et)})(),e.program=et}({}); diff --git a/eslint.config.mjs b/eslint.config.mjs index 8399860..ded7ac7 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -1,16 +1,36 @@ import globals from "globals"; import pluginJs from "@eslint/js"; -import tseslint from "typescript-eslint"; +import tsPlugin from "@typescript-eslint/eslint-plugin"; +import tsParser from "@typescript-eslint/parser"; export default [ { + files: ["**/*.ts", "**/*.tsx"], // Apply this config to TypeScript files languageOptions: { globals: { ...globals.browser, ...globals.node }, + parser: tsParser, + parserOptions: { + ecmaVersion: 2020, + sourceType: "module", + project: "./tsconfig.json", + }, + }, + plugins: { + "@typescript-eslint": tsPlugin, }, rules: { - "no-useless-escape": "off", // Disabling the rule that's causing incorrect warnings - } + "no-useless-escape": "off", // Disabling the rule causing incorrect warnings + "@typescript-eslint/no-explicit-any": "off", // Disabling the no-explicit-any rule + }, + }, + { + files: ["**/*.js"], // Apply this config to JavaScript files + languageOptions: { + globals: { ...globals.browser, ...globals.node }, + }, + rules: { + // Additional rules for JavaScript files, if needed + }, }, - pluginJs.configs.recommended, - ...tseslint.configs.recommended, -]; \ No newline at end of file + pluginJs.configs.recommended, // Apply the recommended config for JavaScript +]; diff --git a/index.html b/index.html index 123b604..e343bcb 100644 --- a/index.html +++ b/index.html @@ -95,7 +95,7 @@Instantgram
☁️ A bookmarklet for downloading images from Instagram.
- [instantgram 2024.06.11]+ [instantgram 2024.10.07]
drag this button to the bookmark bar of your browser. @@ -107,7 +107,7 @@
[instantgram]
- 
+ 
[instantgram] is a bookmarklet for downloading single images from Instagram. Tiny, simple, without any further extensions or downloads. Just drag the [instantgram] button to the bookmark bar of your browser, open any Instagram post and click on the bookmarklet. Just works :-)
diff --git a/lang/de-de/index.html b/lang/de-de/index.html index 97aad14..c172f39 100644 --- a/lang/de-de/index.html +++ b/lang/de-de/index.html @@ -95,7 +95,7 @@Instantgram
☁️ Ein Bookmarklet, um Bilder auf Instagram herunterzuladen
- [instantgram 2024.06.11]+ [instantgram 2024.10.07]
Ziehe diesen Button in die Favoritenleiste deines Browsers. @@ -107,7 +107,7 @@
[instantgram]
-
+
[instantgram] ist ein Bookmarklet, um einzelne Instagram Bilder herunterzuladen. Klein, simpel, ohne Abhängigkeiten zu anderen Erweiterungen oder Downloads. Ziehe einfach den [instantgram] button in die Favoritenleiste deines Browsers, öffne einen einzelnen Instagram Post und klicke auf das Bookmarklet. So einfach :-)
diff --git a/lang/en-us/index.html b/lang/en-us/index.html index 123b604..e343bcb 100644 --- a/lang/en-us/index.html +++ b/lang/en-us/index.html @@ -95,7 +95,7 @@Instantgram
☁️ A bookmarklet for downloading images from Instagram.
- [instantgram 2024.06.11]+ [instantgram 2024.10.07]
drag this button to the bookmark bar of your browser. @@ -107,7 +107,7 @@
[instantgram]
-
+
[instantgram] is a bookmarklet for downloading single images from Instagram. Tiny, simple, without any further extensions or downloads. Just drag the [instantgram] button to the bookmark bar of your browser, open any Instagram post and click on the bookmarklet. Just works :-)
diff --git a/lang/es-ar/index.html b/lang/es-ar/index.html index 826bb77..c5f1561 100644 --- a/lang/es-ar/index.html +++ b/lang/es-ar/index.html @@ -95,7 +95,7 @@Instantgram
☁️ Un bookmarklet para descargar imágenes de Instagram.
- [instantgram 2024.06.11]+ [instantgram 2024.10.07]
Arrastre este botón a la barra de favoritos de su navegador. @@ -107,7 +107,7 @@
[instantgram]
-
+
[instantgram] es un bookmarklet para descargar imágenes individuales de Instagram. Minúsculo, sencillo, sin más extensiones ni descargas. Sólo tienes que arrastrar el botón [instantgram] a la barra de marcadores de tu navegador, abrir cualquier publicación de Instagram y hacer clic en el bookmarklet. Simplemente funciona :-)
diff --git a/lang/pt-br/index.html b/lang/pt-br/index.html index 7bef299..0db76dc 100644 --- a/lang/pt-br/index.html +++ b/lang/pt-br/index.html @@ -95,7 +95,7 @@Instantgram
☁️ Um bookmarklet para download de fotos do Instagram
- [instantgram 2024.06.11]+ [instantgram 2024.10.07]
arraste o botão acima para a barra de favoritos do navegador @@ -107,7 +107,7 @@
[instantgram]
-
+
[instantgram] é um bookmarklet com a função de baixar imagens do Instagram. Pequeno, simples, sem necessidade de extensões ou downloads. Só é necessário arrastar o link do [instantgram] para a barra de favoritos do seu navegador, ir até o instagram.com (versão web), abrir um post e clicar no bookmarklet. Simples e funcional.
diff --git a/license.txt b/license.txt index 0aaa071..d8c390f 100644 --- a/license.txt +++ b/license.txt @@ -1,9 +1,9 @@ instantgram -https://github.com/theus/instantgram +https://github.com/ThinkBIG-Company/instantgram The MIT License (MIT) -Copyright (c) 2016 Matheus Falcão +Copyright (c) 2024 Sascha Heim Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/package.json b/package.json index 098b4e4..0eb5cbc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "instantgram", - "version": "2024.06.11", + "version": "2024.10.07", "description": "A bookmarklet for download photos in Instagram", "homepage": "https://thinkbig-company.github.io/instantgram/", "repository": { @@ -26,31 +26,34 @@ "start": "npm run dev" }, "devDependencies": { - "@eslint/js": "^9.2.0", + "@eslint/js": "^9.9.1", "@metalsmith/layouts": "^2.7.0", "@metalsmith/markdown": "^1.10.0", "@metalsmith/permalinks": "^3.0.1", - "@rollup/plugin-replace": "^5.0.5", + "@rollup/plugin-replace": "^5.0.7", "@rollup/plugin-typescript": "^11.1.6", - "@swc/core": "^1.5.7", - "@types/node": "^20.12.12", + "@swc/core": "^1.7.23", + "@types/node": "^22.5.2", "concurrently": "^8.2.2", - "cssnano": "^7.0.1", - "eslint": "^8.57.0", - "globals": "^15.2.0", + "cssnano": "^7.0.5", + "globals": "^15.9.0", "handlebars": "^4.7.8", "jstransformer-handlebars": "^1.2.0", "metalsmith": "^2.6.3", "metalsmith-define": "^2.1.3", "metalsmith-discover-partials": "^0.1.2", - "nodemon": "^3.1.0", - "rollup": "^4.17.2", + "nodemon": "^3.1.4", + "rollup": "^4.21.2", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-postcss": "^4.0.2", + "rollup-plugin-sourcemaps": "^0.6.3", "rollup-plugin-swc3": "^0.11.2", "signale": "^1.4.0", - "typescript": "^5.4.5", - "typescript-eslint": "^7.8.0", - "uglify-js": "^3.17.4" + "typescript": "^5.5.4", + "typescript-eslint": "^8.4.0", + "uglify-js": "^3.19.3" + }, + "dependencies": { + "util": "^0.12.5" } } \ No newline at end of file diff --git a/rollup.config.js b/rollup.config.js index 7add46c..ad52e3d 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -5,36 +5,34 @@ const postcss = require('rollup-plugin-postcss'); const cssnano = require('cssnano'); const { swc } = require('rollup-plugin-swc3'); -// Import the package.json file -const pkg = require('./package.json'); - -const development = process.env.ROLLUP_WATCH +const development = process.env.ROLLUP_WATCH === 'true'; module.exports = { - input: 'src/index.ts', // Dein Eingabe-TypeScript-Datei + input: 'src/index.ts', output: { - file: 'dist/main.js', // Ausgabe-Datei - format: 'iife', // or 'umd', 'cjs', etc. - name: 'Instantgram', // Provide a global variable name for the IIFE bundle - sourcemap: false // Enable sourcemap generation + file: 'dist/main.js', + format: 'iife', + name: 'Instantgram', + sourcemap: false, }, plugins: [ replace({ - 'process.env.DEV': development ? true : false, - 'process.env.VERSION': JSON.stringify(pkg.version), - preventAssignment: true // Important to prevent errors with newer versions of the plugin + 'process.env.DEV': JSON.stringify(development), + 'process.env.VERSION': JSON.stringify(require('./package.json').version), + preventAssignment: true, + }), + typescript({ + tsconfig: './tsconfig.json', + sourceMap: false, }), - // Configure the TypeScript plugin to generate sourcemaps - typescript({ sourceMap: false }), - // Configure the SWC plugin to generate sourcemaps swc({ jsc: { parser: { syntax: 'typescript', - tsx: false + tsx: false, }, transform: {}, - target: 'esnext' + target: 'esnext', }, sourceMaps: false, minify: true @@ -42,8 +40,8 @@ module.exports = { postcss({ plugins: [ cssnano({ - preset: 'default', // Use default preset for minification - }) + preset: 'default', + }), ], minimize: true, // Minimize the CSS output inject: false, // Optional: if you want to extract the CSS to a separate file @@ -51,13 +49,8 @@ module.exports = { analyze({ summaryOnly: true }) ], onwarn: (warning, warn) => { - // Ignore circular dependency warnings if (warning.code === 'CIRCULAR_DEPENDENCY') return; - - // Ignore specific sourcemap warning if (warning.code === 'PLUGIN_WARNING' && warning.plugin === 'typescript' && /sourcemap/.test(warning.message)) return; - - // Use default for everything else warn(warning); - } -}; + }, +}; \ No newline at end of file diff --git a/src/App.ts b/src/App.ts index 0b866f5..f4fe18d 100644 --- a/src/App.ts +++ b/src/App.ts @@ -1,13 +1,11 @@ export type Program = { NAME: string STORAGE_NAME: string + DEVELOPMENT: boolean VERSION: string - browser: { name: string, version: string } - hostname: string path: string - regexHostname: RegExp regexRootPath: RegExp regexProfilePath: RegExp @@ -15,6 +13,13 @@ export type Program = { regexReelURI: RegExp regexReelsURI: RegExp regexStoriesURI: RegExp - foundByModule: string | null | undefined + settings: { + showAds: boolean, + openInNewTab: boolean, + autoSlideshow: boolean, + formattedFilenameInput: string, + storiesMuted: boolean, + noMultiStories: boolean + } } \ No newline at end of file diff --git a/src/_langs/layouts/partials/button.hbs b/src/_langs/layouts/partials/button.hbs index 3753682..713eaf9 100644 --- a/src/_langs/layouts/partials/button.hbs +++ b/src/_langs/layouts/partials/button.hbs @@ -1 +1 @@ -[instantgram 2024.06.11] \ No newline at end of file +[instantgram 2024.10.07] \ No newline at end of file diff --git a/src/components/Alert.ts b/src/components/Alert.ts deleted file mode 100644 index 59802a7..0000000 --- a/src/components/Alert.ts +++ /dev/null @@ -1,64 +0,0 @@ -import { program } from ".." -import { sleep } from "../helpers/utils" - -export type AlertType = "default" | "warn" | "error" - -export abstract class Alert { - - private static wrapper: HTMLDivElement = Alert.addBaseToPage() - - public static add(text: string, type: AlertType = "default", timeout: number = 5000): void { - const element = document.getElementById(program.NAME + "-alert") - if (element == null) { - const style = document.createElement("style") - style.id = program.NAME + "-alert" - style.innerHTML = `.${program.NAME}-alert-wrapper{position:fixed;bottom:4rem;left:calc(50% - 225px);width:calc(80vw - 1rem);z-index:2000;max-width:550px}.${program.NAME}-alert{opacity:0;transition:opacity .2s;position:relative;margin-top:20px;padding:15px 29px 15px 15px;animation:fade-in .3s;border-radius:5px}.${program.NAME}-alert.fade-in{opacity:1}.${program.NAME}-alert.fade-out{opacity:0}.${program.NAME}-alert-close{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" stroke="white" fill="white" width="18" height="18" viewBox="0 0 18 18"%3E%3Cpath stroke="white" d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"/%3E%3C/svg%3E%0A");cursor:pointer;right:5px;top:5px}.${program.NAME}-alert-default{background-color:#0095f6;color:#fff}.${program.NAME}-alert-warn{background-color:#f69500;color:#fff}.${program.NAME}-alert-error{background-color:#f65a00;color:#fff}` - document.head.appendChild(style) - } - - const message = document.createElement("div") - message.classList.add(program.NAME + "-alert", program.NAME + "-alert-" + type) - - const closeIcon = document.createElement("i") - closeIcon.onclick = () => Alert.remove(message) - closeIcon.classList.add(program.NAME + "-alert-close") - message.appendChild(closeIcon) - - const textElement = document.createElement("div") - textElement.innerHTML = text - message.appendChild(textElement) - - Alert.wrapper.appendChild(message) - Alert.animateIn(message) - - sleep(timeout).then(() => Alert.remove(message)) - } - - private static animateIn(element: HTMLDivElement): void { - element.animate( - [{ opacity: "0" }, { opacity: "1" }], - { duration: 300, fill: "forwards" } - ) - } - - private static addBaseToPage(): HTMLDivElement { - document.querySelectorAll("." + program.NAME + "-alert-wrapper").forEach(e => e.remove()) - - const wrapper = document.createElement("div") - wrapper.classList.add(program.NAME + "-alert-wrapper") - document.body.appendChild(wrapper) - - return wrapper - } - - private static remove(element: HTMLDivElement): void { - const animation = element.animate( - [{ opacity: "1" }, { opacity: "0" }], - { duration: 300, fill: "forwards" } - ) - animation.finished.then(() => { - element.remove() - this.wrapper.remove() - }) - } -} \ No newline at end of file diff --git a/src/components/Interconnect.ts b/src/components/Interconnect.ts index bd0bfea..0ec7f2c 100644 --- a/src/components/Interconnect.ts +++ b/src/components/Interconnect.ts @@ -1,4 +1,6 @@ -export const cssGeneral = `.btn,label{display:inline-block}.btn,.form-control{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5}.alert,p{margin-bottom:1rem}@keyframes horizontal-shaking{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(5px)}50%{transform:translateX(-5px)}}.btn{color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-group{display:block;width:100%}.btn:hover{color:#212529;text-decoration:none}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-primary{color:#fff!important;background-color:#007bff!important;border-color:#007bff!important}.btn-primary:hover{color:#fff!important;background-color:#0069d9!important;border-color:#0062cc!important}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-success{color:#fff!important;background-color:#28a745!important;border-color:#28a745!important}.mt-1,.my-1{margin-top:.25rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mt-3,.my-3{margin-top:1rem!important}.w94{width:94%!important}.ml-15,.mr-15{margin-left:15px!important}label{margin-bottom:.5rem}.form-control{height:calc(1.5em + .75rem + 2px);color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.alert{position:relative;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.pr-0{padding-right:0!important}.col,.col-12,.col-auto{max-width:100%}.instantgram-modal-body *{box-sizing:border-box}b,strong{font-weight:bolder}button,input{overflow:visible}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-12{-ms-flex:0 0 100%;flex:0 0 100%}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid #eef0f3}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-item.active{z-index:2;color:#fff;background-color:#1b68ff;border-color:#1b68ff}.list-group-item.disabled,.list-group-item:disabled{color:#6d7174;pointer-events:none;background-color:#fff}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.mb-0,.my-0{margin-bottom:0!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mt-4,.my-4{margin-top:1.5rem!important}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.text-muted{color:#6c757d!important}p{margin-top:0}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.tab-content>.tab-pane{display:none}.fade:not(.show){opacity:0}.fade{transition:opacity .15s linear}.tab-content>.active{display:block}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs{border-bottom:1px solid #dee2e6;margin-bottom:-1px}.nav-tabs .nav-link{cursor:pointer;color:#000;margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-link{display:block;padding:.5rem 1rem}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}` +export const cssLinearGradient = `background:#f6e2d8!important;background:linear-gradient(45deg,#f6e2d8 0%,#68c2e8 100%)!important;` export const cssCarouselSlider = `.slider-container{width:500px;overflow:hidden;position:relative}.slider{height:100%;display:flex;transition:left .5s;position:inherit}.slide{position:relative;background:#000}.slide img, .slide video{width:501px;height:300px;object-fit:contain}.slider-controls{display:flex;justify-content:center;margin-top:10px;margin-bottom:10px;flex-wrap:wrap;gap:5px;}.slider-controls button{cursor: pointer;width:25px;height:25px;padding:0;margin:0 5px;border-radius:50%;background:#ddd;border:0}.slider-controls button.active{background:#999}` -export const cssSlideOn = `.slideon{position:relative;display:inline-block;width:42px;height:24px;vertical-align:middle}.slideon>input,input.slideon{display:none}.slideon-slider{position:absolute;cursor:pointer;border-radius:34px;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slideon-slider:before{position:absolute;content:"";height:22px;width:22px;left:1px;bottom:1px;border-radius:50%;background-color:#fff;-webkit-transition:.4s;transition:.4s;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.45);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.45);box-shadow:0 0 3px 0 rgb(0,0,0,.45)}.slideon input:checked~.slideon-slider{background-color:#007bff}.slideon input:checked~.slideon-slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}.slideon input:disabled~.slideon-slider{opacity:.5}` -export const cssModal = `.instantgram-modal-footer button,.instantgram-modal-header h5{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:16px!important}.instantgram-modal-overlay{display:none!important;opacity:0!important;transition:.1s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;background:rgba(0,0,0,.65)!important;justify-content:center!important;align-items:center!important}.instantgram-modal{transition:width .1s ease-in-out!important;display:inline-block!important;width:400px!important;padding:1.6px!important;z-index:1001!important}.instantgram-modal select{margin-left:.8px!important;border:1px solid #dbdbdb!important;border-radius:3px!important;color:#262626!important;outline:0!important;padding:3px!important;text-align:center!important}@media (min-width:736px){.instantgram-modal{width:500px!important}}.instantgram-modal-content{position:relative;display:flex;flex-direction:column;width:100%!important;pointer-events:auto!important;background-clip:padding-box!important;outline:0!important}.instantgram-modal-header{color:#fff!important;background-color:#fd1d1d!important;background-image:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding:0 16px!important;text-align:center}.instantgram-modal-header h5:nth-child(2){margin-top:-15px!important;margin-bottom:20px!important}.instantgram-modal-body{background:#fff!important;color:#000!important;position:relative!important;-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.instantgram-modal-body>img{background:#000;object-fit:scale-down}.instantgram-modal-footer{background-color:#fff!important;border-top:1px solid #dbdbdb!important;border-left:0!important;border-right:0!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;line-height:1.5!important;min-height:48px!important;padding:4px 8px!important;user-select:none!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:center!important}.instantgram-modal-footer button{width:100%!important;min-height:39px!important;background-color:transparent!important;border:0!important;outline:0!important;cursor:pointer!important}.instantgram-modal-footer button.active{color:#0095e2!important}.instantgram-modal-show{opacity:1!important}.instantgram-modal-visible{display:flex!important}#instantgram-bulk-download-indicator{text-align:center!important}.instantgram-modal-db{color:#fff!important;background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)!important;display:block;padding:.8rem;width:100%;border:none;cursor:pointer}.instantgram-modal-db:focus{outline:0;background:linear-gradient(45deg,rgba(64,93,230,.5),rgba(88,81,219,.5),rgba(131,58,180,.5),rgba(193,53,132,.5),rgba(225,48,108,.5),rgba(253,29,29,.5))!important}.instantgram-modal-header h5{color:#fff!important;margin:revert!important;display:flex;justify-content:center;align-items:center}.header-text-left{margin-right:auto}.header-text-right{margin-left:auto}.header-text-middle{margin:0}.header-text-middle a{color:#fff!important}.header-text-right:last-child{margin-right:30px}.instantgram-settings{cursor:pointer;display:inline-block;color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:.3rem;transition:color .2s,background-color .2s,border-color .2s;width:40px;height:40px;top:16px;right:16px;position:absolute}.instantgram-settings:hover{color:rgba(255,255,255,.8);text-decoration:none;background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.instantgram-modal-body input{color:#000!important}` \ No newline at end of file +export const cssSlideOn = `.slideon{position:relative;display:inline-block;width:42px;height:24px;vertical-align:middle}.slideon>input,input.slideon{display:none}.slideon-slider{position:absolute;cursor:pointer;border-radius:34px;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slideon-slider:before{position:absolute;content:"";height:22px;width:22px;left:1px;bottom:1px;border-radius:50%;background-color:#fff;-webkit-transition:.4s;transition:.4s;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.45);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.45);box-shadow:0 0 3px 0 rgb(0,0,0,.45)}.slideon input:checked~.slideon-slider{${cssLinearGradient}}.slideon input:checked~.slideon-slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}.slideon input:disabled~.slideon-slider{opacity:.5}` +export const cssGeneral = `.instantgram-btn,label{display:inline-block}.instantgram-btn{padding:.25rem 1.9rem .4rem 1.9rem;font-size:1rem;font-weight:400;line-height:1.5}.alert,p{margin-bottom:1rem}@keyframes horizontal-shaking{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(5px)}50%{transform:translateX(-5px)}}.instantgram-btn{color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-group{display:block;width:100%}.instantgram-btn:hover{color:#212529;text-decoration:none}.instantgram-btn:not(:disabled):not(.disabled){cursor:pointer}.instantgram-btn-primary{color:#fff!important;${cssLinearGradient}border:4px!important}.instantgram-btn-primary:hover{color:#fff!important;background-color:#0069d9!important;border-color:#0062cc!important}.instantgram-btn-primary:not(:disabled):not(.disabled).active,.instantgram-btn-primary:not(:disabled):not(.disabled):active,.show>.instantgram-btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.instantgram-btn-primary:not(:disabled):not(.disabled).active:focus,.instantgram-btn-primary:not(:disabled):not(.disabled):active:focus,.show>.instantgram-btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(246, 226, 216, 0.5)}.instantgram-btn-success{color:#fff!important;background-color:#28a745!important;border-color:#28a745!important}.mt-1,.my-1{margin-top:.25rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mt-3,.my-3{margin-top:1rem!important}.w94{width:94%!important}.ml-15,.mr-15{margin-left:15px!important}label{margin-bottom:.5rem}.form-control{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;height:calc(1.5em + .75rem + 2px);color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.alert{position:relative;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.pr-0{padding-right:0!important}.col,.col-12,.col-auto{max-width:100%}.instantgram-modal-body *{box-sizing:border-box}b,strong{font-weight:bolder}button,input{overflow:visible}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-12{-ms-flex:0 0 100%;flex:0 0 100%}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid #eef0f3}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-item.active{z-index:2;color:#fff;background-color:#1b68ff;border-color:#1b68ff}.list-group-item.disabled,.list-group-item:disabled{color:#6d7174;pointer-events:none;background-color:#fff}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.mb-0,.my-0{margin-bottom:0!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mt-4,.my-4{margin-top:1.5rem!important}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.text-muted{color:#6c757d!important}p{margin-top:0}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.tab-content>.tab-pane{display:none}.fade:not(.show){opacity:0}.fade{transition:opacity .15s linear}.tab-content>.active{display:block}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs{border-bottom:1px solid #dee2e6;margin-bottom:-1px}.nav-tabs .nav-link{cursor:pointer;color:#000;margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-link{display:block;padding:.5rem 1rem}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;border-bottom: aliceblue 6px solid;}` +export const cssModal = `.instantgram-modal-footer button,.instantgram-modal-header h5{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:16px!important}.instantgram-modal-overlay{display:none!important;opacity:0!important;transition:.1s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;background:rgba(0,0,0,.65)!important;justify-content:center!important;align-items:center!important}.instantgram-modal{transition:width .1s ease-in-out!important;display:inline-block!important;width:400px!important;padding:1.6px!important;z-index:1001!important}.instantgram-modal select{margin-left:.8px!important;border:1px solid #dbdbdb!important;border-radius:3px!important;color:#262626!important;outline:0!important;padding:3px!important;text-align:center!important}@media (min-width:736px){.instantgram-modal{width:500px!important}}.instantgram-modal-content{position:relative;display:flex;flex-direction:column;width:100%!important;pointer-events:auto!important;background-clip:padding-box!important;outline:0!important}.instantgram-modal-header{${cssLinearGradient}}.instantgram-modal-header{color:#fff!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding:0 16px!important;text-align:center}.instantgram-modal-header h5:nth-child(2){margin-top:-15px!important;margin-bottom:20px!important}.instantgram-modal-body{background:#fff!important;color:#000!important;position:relative!important;-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.instantgram-modal-body>img{background:#000;object-fit:scale-down}.instantgram-modal-footer{background-color:#fff!important;border-top:1px solid #dbdbdb!important;border-left:0!important;border-right:0!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;line-height:1.5!important;min-height:48px!important;padding:4px 8px!important;user-select:none!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:center!important}.instantgram-modal-footer button{width:100%!important;min-height:39px!important;background-color:transparent!important;border:0!important;outline:0!important;cursor:pointer!important}.instantgram-modal-footer button.active{color:#0095e2!important}.instantgram-modal-show{opacity:1!important}.instantgram-modal-visible{display:flex!important}#instantgram-bulk-download-indicator{text-align:center!important}.instantgram-modal-db{color:#fff!important;${cssLinearGradient}display:block;padding:.8rem;width:100%;border:none;cursor:pointer}.instantgram-modal-db:focus{outline:0;${cssLinearGradient}}.instantgram-modal-header h5{color:#fff!important;margin:revert!important;display:flex;justify-content:space-between;align-items:center;height:15px;}.header-text-left{flex:1;text-align:left;}.header-text-right{flex:1;text-align:right;}.header-text-middle{flex:1;text-align:center;}.header-text-middle a{color:#fff!important}.instantgram-settings{cursor:pointer;display:inline-block;color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:.3rem;transition:color .2s,background-color .2s,border-color .2s;width:40px;height:40px;vertical-align:middle;}.instantgram-settings:hover{color:rgba(255,255,255,.8);text-decoration:none;background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.instantgram-modal-body input{color:#000!important}` +export const logo = `` \ No newline at end of file diff --git a/src/components/Modal.ts b/src/components/Modal.ts index f219b22..d27f3a2 100644 --- a/src/components/Modal.ts +++ b/src/components/Modal.ts @@ -1,3 +1,4 @@ +/* eslint-disable */ import { program } from ".." import { cssModal } from "./Interconnect" import { sleep } from "../helpers/utils" @@ -19,7 +20,10 @@ export interface ModalOptions { body?: (HTMLElement | string)[] bodyStyle?: string buttonList?: ModalButton[] - callback?(arg0: Modal, arg1: HTMLElement): void + callback?( + arg0: Modal, + arg1: HTMLElement + ): void } export class Modal { @@ -117,7 +121,7 @@ export class Modal { this.body.forEach(content => { if (typeof content === "string" && !/<\/?[a-z][\s\S]*>/i.test(content)) { - const modalText = document.createElement("p") + const modalText = document.createElement("div") modalText.innerText = content modalBody.appendChild(modalText) } else { diff --git a/src/helpers/localize.ts b/src/helpers/localize.ts index a68a088..26fc2e2 100644 --- a/src/helpers/localize.ts +++ b/src/helpers/localize.ts @@ -43,6 +43,6 @@ function localize(str: string, lang: string = LANG_DEFAULT): string { } } -console.info(localize("helpers.localize_defaultlang").replace("${LANG_DEFAULT}", LANG_DEFAULT)) +console.info(localize("helpers.localizeDefaultLang").replace("${LANG_DEFAULT}", LANG_DEFAULT)) export default localize \ No newline at end of file diff --git a/src/helpers/utils.ts b/src/helpers/utils.ts index 32c8101..552e453 100644 --- a/src/helpers/utils.ts +++ b/src/helpers/utils.ts @@ -1,44 +1,36 @@ import { Program } from "../App" import { MediaScanResult } from "../model/MediaScanResult" import { MediaType } from "../model/MediaType" +import localization from "../localization" import localize from "./localize" const mediaIdCache: Map[${program.NAME}]v${program.VERSION}
`], - body: [localize("index@alert_onlyWorks")], - bodyStyle: "text-align:center", - buttonList: [{ active: true, text: "Ok" }] - }).open() - return - } const scanner = new MediaScanner() scanner.execute(program) - if (!process.env.DEV) { - const updater = new VersionUpdater(program) - await updater.update(VERSION) - } + // if (!DEVELOPMENT) { + // const updater = new VersionUpdater(program) + // await updater.check(VERSION) + // } } runApp() \ No newline at end of file diff --git a/src/localization.ts b/src/localization.ts index ac721b1..0405aa5 100644 --- a/src/localization.ts +++ b/src/localization.ts @@ -1,163 +1,119 @@ export default { "langs": { "en-US": { - "helpers.localize_defaultlang": "[instantgram] set language: ${LANG_DEFAULT} \n For more information about available languages please check http://thinkbig-company.github.io/instantgram", - - "index@alert_onlyWorks": "Works only on instagram.com", - "index@profilepage_downloader_disabled": "Sorry the ProfilePage downloader is currently disabled because instagram changed their system.\n\nMaybe in the future there will be a solution to fix the problem.", - - "index@alert_dontFound": "Did you open any Instagram post? Like for example", - - "index#program#modal_settings@title": "Settings", - "index#program#modal_settings@settings_attention": "Attention: You must open this app again for your changes to be applied!", - "index#program#modal_settings@settings_general_title_1": "Enable monetized posts", - "index#program#modal_settings@settings_general_description_1": "Ad blockers must be deactivated", - "index#program#modal_settings@settings_general_title_2": "Open download in new tab", - "index#program#modal_settings@settings_general_description_2": "The download will be opened in a new tab", - "index#program#modal_settings@settings_general_title_3": "Slideshow on/off", - "index#program#modal_settings@settings_general_description_3": "Enable or disable the automatic slideshow", - "index#program#modal_settings@settings_general_title_4": "Change file name format for downloads", - "index#program#modal_settings@settings_general_description_4": "Change the file name format for the downloads here
The default format is
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", - - "index#program#modal_settings@settings_stories_title_1": "Mute stories", - "index#program#modal_settings@settings_stories_description_1": "Stories are muted when opened", - "index#program#modal_settings@settings_stories_title_2": "Pause stories when opening", - "index#program#modal_settings@settings_stories_description_2": "Stories are paused when opened", - "index#program#modal_settings@settings_stories_title_3": "Display stories individually", - "index#program#modal_settings@settings_stories_description_3": "Stories are displayed individually when opened", - - "index@download": "Download", - "index@save": "Save", - "index@saved": "Saved", - "index@close": "Close", - - "modules.update@consoleWarnOutdatedInfo": "[instantgram] is outdated. Please check http://thinkbig-company.github.io/instantgram for available updates.", - "modules.update@consoleWarnOutdatedInfoVersions": "[instantgram] Installed version: ${data.version} | New update: ${data.onlineVersion}", - "modules.update@determineIfGetUpdateIsNecessary_contacting": "[instantgram] is looking for available updates...", - "modules.update@determineIfGetUpdateIsNecessary_updated": "[instantgram] updated your current version.", - "modules.update@determineIfGetUpdateIsNecessary_@update_available": "There is a new update available", - "modules.update@determineIfGetUpdateIsNecessary_@load_update": "Get update", - + "helpers.localizeDefaultLang": "[instantgram] set language: ${LANG_DEFAULT} \n For more information about available languages please check http://thinkbig-company.github.io/instantgram", + "alertWorksOnlyOn": "Works only on instagram.com", + "alertNotFound": "Did you open any Instagram post? Like for example
", + "modalSettingsTitle": "Settings", + "modalSettingsAttention": "Attention: You must open this app again for your changes to be applied!", + "modalSettingsGeneral": "General", + "modalSettingsGenTitle1": "Enable monetized posts", + "modalSettingsGenDesc1": "Ad blockers must be deactivated", + "modalSettingsGenTitle2": "Open download in new tab", + "modalSettingsGenDesc2": "The download will be opened in a new tab", + "modalSettingsGenTitle3": "Slideshow on/off", + "modalSettingsGenDesc3": "Enable or disable the automatic slideshow", + "modalSettingsGenTitle4": "Change file name format for downloads", + "modalSettingsGenDesc4": "Change the file name format for the downloads here
The default format is
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", + "modalSettingsStoriesTitle1": "Mute stories", + "modalSettingsStoriesDesc1": "Stories are muted when opened", + "modalSettingsStoriesTitle2": "Pause stories when opening", + "modalSettingsStoriesDesc2": "Stories are paused when opened", + "modalSettingsStoriesTitle3": "Display stories individually", + "modalSettingsStoriesDesc3": "Stories are displayed individually when opened", + "download": "Download", + "save": "Save", + "saved": "Saved", + "close": "Close", + "consoleWarnOutdatedInfo": "[instantgram] is outdated. Please check http://thinkbig-company.github.io/instantgram for available updates.", + "consoleWarnOutdatedVersions": "[instantgram] Installed version: ${data.version} | New update: ${data.onlineVersion}", "ad": "Sponsored" }, "de-DE": { - "helpers.localize_defaultlang": "Ausgewählte Sprache: ${LANG_DEFAULT} \n Weitere Informationen zu den unterstützten Sprachen findest du auf http://thinkbig-company.github.io/instantgram", - - "index@alert_onlyWorks": "Funktioniert nur auf instagram.com", - "index@profilepage_downloader_disabled": "Leider ist der ProfilePage-Downloader derzeit deaktiviert, da Instagram sein System geändert hat.\n\nVielleicht gibt es in Zukunft eine Lösung für dieses Problem.", - - "index@alert_dontFound": "Hast du einen Instagram Post geöffnet? Zum Beispiel
", - - "index#program#modal_settings@title": "Einstellungen", - "index#program#modal_settings@settings_attention": "Achtung: Sie müssen diese App erneut öffnen, damit ihre Änderungen übernommen werden!", - "index#program#modal_settings@settings_general_title_1": "Monetarisierte Beiträge aktivieren", - "index#program#modal_settings@settings_general_description_1": "Werbeblocker müssen deaktiviert sein", - "index#program#modal_settings@settings_general_title_2": "Download in neuem Tab öffnen", - "index#program#modal_settings@settings_general_description_2": "Der Download wird in einem neuen Tab geöffnet", - "index#program#modal_settings@settings_general_title_3": "Slideshow ein/ausschalten", - "index#program#modal_settings@settings_general_description_3": "Aktivieren oder deaktivieren Sie die automatische Slideshow", - "index#program#modal_settings@settings_general_title_4": "Dateinamenformat für Downloads ändern", - "index#program#modal_settings@settings_general_description_4": "Ändere hier das Dateinamenformat für die Downloads
Das Standardformat ist
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", - - "index#program#modal_settings@settings_stories_title_1": "Stories stummschalten", - "index#program#modal_settings@settings_stories_description_1": "Beim öffnen werden Stories stummgeschaltet", - "index#program#modal_settings@settings_stories_title_2": "Stories beim öffnen pausieren", - "index#program#modal_settings@settings_stories_description_2": "Beim öffnen werden Stories pausiert", - "index#program#modal_settings@settings_stories_title_3": "Stories einzeln anzeigen", - "index#program#modal_settings@settings_stories_description_3": "Beim öffnen werden Stories einzeln angezeigt", - - "index@download": "Download", - "index@save": "Speichern", - "index@saved": "Gespeichert", - "index@close": "Schließen", - - "modules.update@consoleWarnOutdatedInfo": "[instantgram] ist veraltet. Bitte besuche die Seite http://thinkbig-company.github.io/instantgram für ein Update.", - "modules.update@consoleWarnOutdatedInfoVersions": "[instantgram] Installierte Version: ${data.version} | Neue Version: ${data.onlineVersion}", - "modules.update@determineIfGetUpdateIsNecessary_contacting": "[instantgram] sucht nach neuen verfügbaren Updates...", - "modules.update@determineIfGetUpdateIsNecessary_updated": "[instantgram] wurde aktualisiert.", - "modules.update@determineIfGetUpdateIsNecessary_@update_available": "Es ist ein neues Update verfügbar", - "modules.update@determineIfGetUpdateIsNecessary_@load_update": "Update laden", - + "helpers.localizeDefaultLang": "Ausgewählte Sprache: ${LANG_DEFAULT} \n Weitere Informationen zu den unterstützten Sprachen findest du auf http://thinkbig-company.github.io/instantgram", + "alertWorksOnlyOn": "Funktioniert nur auf instagram.com", + "alertNotFound": "Hast du einen Instagram Post geöffnet? Zum Beispiel
", + "modalSettingsTitle": "Einstellungen", + "modalSettingsAttention": "Achtung: Sie müssen diese App erneut öffnen, damit ihre Änderungen übernommen werden!", + "modalSettingsGeneral": "Allgemein", + "modalSettingsGenTitle1": "Monetarisierte Beiträge aktivieren", + "modalSettingsGenDesc1": "Werbeblocker müssen deaktiviert sein", + "modalSettingsGenTitle2": "Download in neuem Tab öffnen", + "modalSettingsGenDesc2": "Der Download wird in einem neuen Tab geöffnet", + "modalSettingsGenTitle3": "Slideshow ein/ausschalten", + "modalSettingsGenDesc3": "Aktivieren oder deaktivieren Sie die automatische Slideshow", + "modalSettingsGenTitle4": "Dateinamenformat für Downloads ändern", + "modalSettingsGenDesc4": "Ändere hier das Dateinamenformat für die Downloads
Das Standardformat ist
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", + "modalSettingsStoriesTitle1": "Stories stummschalten", + "modalSettingsStoriesDesc1": "Beim öffnen werden Stories stummgeschaltet", + "modalSettingsStoriesTitle2": "Stories beim öffnen pausieren", + "modalSettingsStoriesDesc2": "Beim öffnen werden Stories pausiert", + "modalSettingsStoriesTitle3": "Stories einzeln anzeigen", + "modalSettingsStoriesDesc3": "Beim öffnen werden Stories einzeln angezeigt", + "download": "Download", + "save": "Speichern", + "saved": "Gespeichert", + "close": "Schließen", + "consoleWarnOutdatedInfo": "[instantgram] ist veraltet. Bitte besuche die Seite http://thinkbig-company.github.io/instantgram für ein Update.", + "consoleWarnOutdatedVersions": "[instantgram] Installierte Version: ${data.version} | Neue Version: ${data.onlineVersion}", "ad": "Anzeige" }, "es-AR": { - "helpers.localize_defaultlang": "[instantgram] establecer idioma: ${LANG_DEFAULT} \n Para más información sobre los idiomas disponibles, consulte http://thinkbig-company.github.io/instantgram", - - "index@alert_onlyWorks": "Sólo funciona en instagram.com", - "index@profilepage_downloader_disabled": "Lo siento, la descarga de ProfilePage está deshabilitada actualmente porque Instagram cambió su sistema.\n\nTal vez en el futuro haya una solución para solucionar el problema.", - - "index@alert_dontFound": "¿Has abierto algún post de Instagram? Como por ejemplo
", - - "index#program#modal_settings@title": "Ajustes", - "index#program#modal_settings@settings_attention": "Atención: ¡Debes abrir esta aplicación nuevamente para que se apliquen los cambios!", - "index#program#modal_settings@settings_general_title_1": "Habilitar publicaciones monetizadas", - "index#program#modal_settings@settings_general_description_1": "Los bloqueadores de publicidad deben estar desactivados", - "index#program#modal_settings@settings_general_title_2": "Abrir descarga en una nueva pestaña", - "index#program#modal_settings@settings_general_description_2": "La descarga se abrirá en una nueva pestaña", - "index#program#modal_settings@settings_general_title_3": "Slideshow on/off", - "index#program#modal_settings@settings_general_description_3": "Activar/desactivar presentación de diapositivas", - "index#program#modal_settings@settings_general_title_4": "Cambiar el formato del nombre del archivo para descargas", - "index#program#modal_settings@settings_general_description_4": "Cambie el formato del nombre de archivo para las descargas aquí
El formato predeterminado es
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", - - "index#program#modal_settings@settings_stories_title_1": "Historias mudas", - "index#program#modal_settings@settings_stories_description_1": "Las historias se silencian cuando se abren", - "index#program#modal_settings@settings_stories_title_2": "Pausar historias al abrir", - "index#program#modal_settings@settings_stories_description_2": "Las historias se pausan cuando se abren.", - "index#program#modal_settings@settings_stories_title_3": "Mostrar historias individualmente", - "index#program#modal_settings@settings_stories_description_3": "Las historias se muestran individualmente cuando se abren", - - "index@download": "Descargar", - "index@save": "Ahorrar", - "index@saved": "Salvado", - "index@close": "Cerca", - - "modules.update@consoleWarnOutdatedInfo": "[instantgram] es obsoleto. Consulte en http://thinkbig-company.github.io/instantgram las actualizaciones disponibles.", - "modules.update@consoleWarnOutdatedInfoVersions": "[instantgram] Versión instalada: ${data.version} | Nueva actualización: ${data.onlineVersion}", - "modules.update@determineIfGetUpdateIsNecessary_contacting": "[instantgram] está buscando actualizaciones disponibles...", - "modules.update@determineIfGetUpdateIsNecessary_updated": "[instantgram] ha actualizado su versión actual.", - "modules.update@determineIfGetUpdateIsNecessary_@update_available": "Hay una nueva actualización disponible", - "modules.update@determineIfGetUpdateIsNecessary_@load_update": "Obtener información", - + "helpers.localizeDefaultLang": "[instantgram] establecer idioma: ${LANG_DEFAULT} \n Para más información sobre los idiomas disponibles, consulte http://thinkbig-company.github.io/instantgram", + "alertWorksOnlyOn": "Sólo funciona en instagram.com", + "alertNotFound": "¿Has abierto algún post de Instagram? Como por ejemplo
", + "modalSettingsTitle": "Ajustes", + "modalSettingsAttention": "Atención: ¡Debes abrir esta aplicación nuevamente para que se apliquen los cambios!", + "modalSettingsGeneral": "General", + "modalSettingsGenTitle1": "Habilitar publicaciones monetizadas", + "modalSettingsGenDesc1": "Los bloqueadores de publicidad deben estar desactivados", + "modalSettingsGenTitle2": "Abrir descarga en una nueva pestaña", + "modalSettingsGenDesc2": "La descarga se abrirá en una nueva pestaña", + "modalSettingsGenTitle3": "Slideshow on/off", + "modalSettingsGenDesc3": "Activar/desactivar presentación de diapositivas", + "modalSettingsGenTitle4": "Cambiar el formato del nombre del archivo para descargas", + "modalSettingsGenDesc4": "Cambie el formato del nombre de archivo para las descargas aquí
El formato predeterminado es
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", + "modalSettingsStoriesTitle1": "Historias mudas", + "modalSettingsStoriesDesc1": "Las historias se silencian cuando se abren", + "modalSettingsStoriesTitle2": "Pausar historias al abrir", + "modalSettingsStoriesDesc2": "Las historias se pausan cuando se abren.", + "modalSettingsStoriesTitle3": "Mostrar historias individualmente", + "modalSettingsStoriesDesc3": "Las historias se muestran individualmente cuando se abren", + "download": "Descargar", + "save": "Ahorrar", + "saved": "Salvado", + "close": "Cerca", + "consoleWarnOutdatedInfo": "[instantgram] es obsoleto. Consulte en http://thinkbig-company.github.io/instantgram las actualizaciones disponibles.", + "consoleWarnOutdatedVersions": "[instantgram] Versión instalada: ${data.version} | Nueva actualización: ${data.onlineVersion}", "ad": "Publicidad" }, "pt-BR": { - "helpers.localize_defaultlang": "[instantgram] idioma configurado: ${LANG_DEFAULT} \npara mais informações sobre os idiomas suportados, acesse http://thinkbig-company.github.io/instantgram", - - "index@alert_onlyWorks": "[instantgram] somente funciona no instagram.com", - "index@profilepage_downloader_disabled": "Lamentamos que o programa de download ProfilePage esteja atualmente desativado porque o programa mudou seu sistema.\n\nTalvez, no futuro, haja uma solução para resolver o problema.", - - "index@alert_dontFound": "ops, você está em algum post do instagram? ex:
", - - "index#program#modal_settings@title": "Configurações", - "index#program#modal_settings@settings_attention": "Atenção: Você deve abrir este aplicativo novamente para que suas alterações sejam aplicadas!", - "index#program#modal_settings@settings_general_title_1": "Habilitar postagens monetizadas", - "index#program#modal_settings@settings_general_description_1": "Os bloqueadores de anúncios devem ser desativados", - "index#program#modal_settings@settings_general_title_2": "Abrir o download em uma nova guia", - "index#program#modal_settings@settings_general_description_2": "O download será aberto em uma nova guia", - "index#program#modal_settings@settings_general_title_3": "Ativação/desativação da apresentação de slides", - "index#program#modal_settings@settings_general_description_3": "Ativar ou desativar a apresentação automática de slides", - "index#program#modal_settings@settings_general_title_4": "Alterar o formato do nome do arquivo para downloads", - "index#program#modal_settings@settings_general_description_4": "Altere o formato do nome do arquivo para os downloads aqui
O formato padrão é
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", - - "index#program#modal_settings@settings_stories_title_1": "Histórias mudas", - "index#program#modal_settings@settings_stories_description_1": "As histórias são silenciadas quando abertas", - "index#program#modal_settings@settings_stories_title_2": "Pausar histórias ao abrir", - "index#program#modal_settings@settings_stories_description_2": "As histórias são pausadas quando abertas", - "index#program#modal_settings@settings_stories_title_3": "Exibir histórias individualmente", - "index#program#modal_settings@settings_stories_description_3": "As histórias são exibidas individualmente quando abertas", - - "index@download": "Download", - "index@save": "Salvar", - "index@saved": "Salvo em", - "index@close": "Fechar", - - "modules.update@consoleWarnOutdatedInfo": "[instantgram] está desatualizado. Acesse http://thinkbig-company.github.io/instantgram para atualizar", - "modules.update@consoleWarnOutdatedInfoVersions": "[instantgram] versão local: ${data.version} | nova versão: ${data.onlineVersion}", - "modules.update@determineIfGetUpdateIsNecessary_contacting": "[instantgram] está procurando atualizações...", - "modules.update@determineIfGetUpdateIsNecessary_updated": "[instantgram] informações locais atualizadas", - "modules.update@determineIfGetUpdateIsNecessary_@update_available": "Há uma nova atualização disponível", - "modules.update@determineIfGetUpdateIsNecessary_@load_update": "Carga de actualização", - + "helpers.localizeDefaultLang": "[instantgram] idioma configurado: ${LANG_DEFAULT} \npara mais informações sobre os idiomas suportados, acesse http://thinkbig-company.github.io/instantgram", + "alertWorksOnlyOn": "[instantgram] somente funciona no instagram.com", + "alertNotFound": "ops, você está em algum post do instagram? ex:
", + "modalSettingsTitle": "Configurações", + "modalSettingsAttention": "Atenção: Você deve abrir este aplicativo novamente para que suas alterações sejam aplicadas!", + "modalSettingsGeneral": "Geral", + "modalSettingsGenTitle1": "Habilitar postagens monetizadas", + "modalSettingsGenDesc1": "Os bloqueadores de anúncios devem ser desativados", + "modalSettingsGenTitle2": "Abrir o download em uma nova guia", + "modalSettingsGenDesc2": "O download será aberto em uma nova guia", + "modalSettingsGenTitle3": "Ativação/desativação da apresentação de slides", + "modalSettingsGenDesc3": "Ativar ou desativar a apresentação automática de slides", + "modalSettingsGenTitle4": "Alterar o formato do nome do arquivo para downloads", + "modalSettingsGenDesc4": "Altere o formato do nome do arquivo para os downloads aqui
O formato padrão é
{Username}__{Year}-{Month}-{Day}--{Hour}-{Minute}", + "modalSettingsStoriesTitle1": "Histórias mudas", + "modalSettingsStoriesDesc1": "As histórias são silenciadas quando abertas", + "modalSettingsStoriesTitle2": "Pausar histórias ao abrir", + "modalSettingsStoriesDesc2": "As histórias são pausadas quando abertas", + "modalSettingsStoriesTitle3": "Exibir histórias individualmente", + "modalSettingsStoriesDesc3": "As histórias são exibidas individualmente quando abertas", + "download": "Download", + "save": "Salvar", + "saved": "Salvo em", + "close": "Fechar", + "consoleWarnOutdatedInfo": "[instantgram] está desatualizado. Acesse http://thinkbig-company.github.io/instantgram para atualizar", + "consoleWarnOutdatedVersions": "[instantgram] versão local: ${data.version} | nova versão: ${data.onlineVersion}", "ad": "Patrocinado" } } diff --git a/src/model/mediaType.ts b/src/model/mediaType.ts index df2d12b..f434cbc 100644 --- a/src/model/mediaType.ts +++ b/src/model/mediaType.ts @@ -1,3 +1,4 @@ +/* eslint-disable */ export enum MediaType { Ad = "AD", Image = "IMAGE", diff --git a/src/modules/MediaScanner.ts b/src/modules/MediaScanner.ts index 6a4ed60..43761e3 100644 --- a/src/modules/MediaScanner.ts +++ b/src/modules/MediaScanner.ts @@ -2,7 +2,7 @@ import { Program } from "../App" import { Module } from "./Module" import { MediaScanResult } from "../model/MediaScanResult" import { Modal, ModalButton } from "../components/Modal" -import { cssCarouselSlider, cssGeneral, cssSlideOn } from "../components/Interconnect" +import { cssCarouselSlider, cssGeneral, cssSlideOn, logo } from "../components/Interconnect" import { FeedScanner } from "./FeedScanner" import { PostAndReelScanner } from "./PostAndReelScanner" import { ProfileScanner } from "./ProfileScanner" @@ -11,10 +11,49 @@ import { StoriesScanner } from "./StoriesScanner" import localize from "../helpers/localize" export class MediaScanner implements Module { + svgSettings: any = null + public getName(): string { return "MediaScanner" } + constructor() { + const svgNS = "http://www.w3.org/2000/svg" + this.svgSettings = document.createElementNS(svgNS, "svg") + this.svgSettings.setAttribute("style", "margin-left: auto; margin-right:auto; display:block;") + this.svgSettings.setAttribute("aria-label", "Optionen") + this.svgSettings.setAttribute("class", "x1lliihq x1n2onr6") + this.svgSettings.setAttribute("color", "rgb(255, 255, 255)") + this.svgSettings.setAttribute("fill", "rgb(255, 255, 255)") + this.svgSettings.setAttribute("height", "24") + this.svgSettings.setAttribute("role", "img") + this.svgSettings.setAttribute("viewBox", "0 0 24 24") + this.svgSettings.setAttribute("width", "24") + + const title = document.createElementNS(svgNS, "title") + title.textContent = "Optionen" + this.svgSettings.appendChild(title) + + const circle = document.createElementNS(svgNS, "circle") + circle.setAttribute("cx", "12") + circle.setAttribute("cy", "12") + circle.setAttribute("fill", "none") + circle.setAttribute("r", "8.635") + circle.setAttribute("stroke", "currentColor") + circle.setAttribute("stroke-linecap", "round") + circle.setAttribute("stroke-linejoin", "round") + circle.setAttribute("stroke-width", "2") + this.svgSettings.appendChild(circle) + + const path = document.createElementNS(svgNS, "path") + path.setAttribute("d", "M14.232 3.656a1.269 1.269 0 0 1-.796-.66L12.93 2h-1.86l-.505.996a1.269 1.269 0 0 1-.796.66m-.001 16.688a1.269 1.269 0 0 1 .796.66l.505.996h1.862l.505-.996a1.269 1.269 0 0 1 .796-.66M3.656 9.768a1.269 1.269 0 0 1-.66.796L2 11.07v1.862l.996.505a1.269 1.269 0 0 1 .66.796m16.688-.001a1.269 1.269 0 0 1 .66-.796L22 12.93v-1.86l-.996-.505a1.269 1.269 0 0 1-.66-.796M7.678 4.522a1.269 1.269 0 0 1-1.03.096l-1.06-.348L4.27 5.587l.348 1.062a1.269 1.269 0 0 1-.096 1.03m11.8 11.799a1.269 1.269 0 0 1 1.03-.096l1.06.348 1.318-1.317-.348-1.062a1.269 1.269 0 0 1 .096-1.03m-14.956.001a1.269 1.269 0 0 1 .096 1.03l-.348 1.06 1.317 1.318 1.062-.348a1.269 1.269 0 0 1 1.03.096m11.799-11.8a1.269 1.269 0 0 1-.096-1.03l.348-1.06-1.317-1.318-1.062.348a1.269 1.269 0 0 1-1.03-.096") + path.setAttribute("fill", "none") + path.setAttribute("stroke", "currentColor") + path.setAttribute("stroke-linejoin", "round") + path.setAttribute("stroke-width", "2") + this.svgSettings.appendChild(path) + } + /** Initialize settings listeners */ private initModalSettingsListeners(el: HTMLElement, program: Program) { const myTabs = document.querySelectorAll("div.nav-tabs > button.nav-link") @@ -22,13 +61,13 @@ export class MediaScanner implements Module { const handleClick = (e: MouseEvent): void => { e.preventDefault() - + myTabs.forEach(t => t.classList.remove("active")) panes.forEach(p => p.classList.remove("show", "active")) - + const target = e.currentTarget as HTMLElement target.classList.add("active") - + const activePaneID = target.getAttribute("data-target") if (activePaneID) { const activePane = document.querySelector(activePaneID) as HTMLElement @@ -60,9 +99,9 @@ export class MediaScanner implements Module { saveFilenameFormatBtn.addEventListener("click", (event: Event) => { event.preventDefault() localStorage.setItem(inputKey, inputFileFormat.value) - this.updateInputButtonStyle(saveFilenameFormatBtn, "index@saved", "btn-primary", "btn-success") + this.updateInputButtonStyle(saveFilenameFormatBtn, "saved", `${program.NAME}-primary`, `${program.NAME}-success`) setTimeout(() => { - this.updateInputButtonStyle(saveFilenameFormatBtn, "index@save", "btn-success", "btn-primary") + this.updateInputButtonStyle(saveFilenameFormatBtn, "save", `${program.NAME}-success`, `${program.NAME}-primary`) }, 1000) }) } @@ -100,35 +139,137 @@ export class MediaScanner implements Module { }).open() } - // private displayModalSettings(result: MediaScanResult, heading: any, bodyStyle: string, buttonList: ModalButton[], program: Program) { - // new Modal({ - // heading: [heading], - // body: [result.modalBody], - // bodyStyle: bodyStyle, - // buttonList: buttonList, - // callback: (_modal, el) => this.initModalSettingsListeners(el as HTMLElement, program), - // }).open() - // } - - /** Handles the case when media is not found */ - // private handleMediaNotFound(program: Program) { - // if (!program.foundByModule && !process.env.DEV) { - // new Modal({ - // heading: [ - // `
- // [${program.NAME}] - // v${program.VERSION} - //
` - // ], - // body: [localize("index@alert_dontFound")], - // bodyStyle: "text-align:center", - // buttonList: [{ active: true, text: "Ok" }] - // }).open() - // } - // } + public handleSettingsButtonClick(program: Program): void { + const createElement = (tag, className = '', attributes = {}, str = '') => { + const el = document.createElement(tag) + if (className) el.className = className + Object.keys(attributes).forEach(attr => el.setAttribute(attr, attributes[attr])) + if (str) el.innerHTML = str + return el + } + + const createListGroupItem = (title, description, settingsName, isLargeInput) => { + const item = createElement('div', 'list-group-item') + const row = createElement('div', 'row align-items-center') + const col = createElement('div', 'col pr-0') + col.appendChild(createElement('strong', 'mb-0', {}, title)) + if (description) col.appendChild(createElement('p', 'text-muted mb-0', {}, description)) + + const colAuto = createElement('div', 'col-auto') + const label = createElement('label', 'slideon') + const input = createElement('input', '', { type: 'checkbox', id: `settings-${settingsName}` }) + const span = createElement('span', 'slideon-slider') + label.appendChild(input) + label.appendChild(span) + colAuto.appendChild(label) + + if (isLargeInput) { + // Create and add a paragraph to the new div + const div = createElement( + 'div', + 'form-group', + { style: 'display: flex; flex-direction: column; align-items: flex-start;' }, + `${title} +${description}
+ + ` + ) + + row.appendChild(div) + } else { + row.appendChild(col) + row.appendChild(colAuto) + } + item.appendChild(row) + + return item + } + + const container = createElement('div', 'container') + const row = createElement('div', 'row justify-content-center') + const col = createElement('div', 'col-12 col-lg-10 col-xl-8 mx-auto') + const my4 = createElement('div', 'my-4') + const nav = createElement('nav') + const navTabs = createElement('div', 'nav nav-tabs', { id: 'nav-tab', role: 'tablist' }) + + navTabs.appendChild(createElement('button', 'nav-link active', { + id: 'nav-general-tab', 'data-toggle': 'tab', 'data-target': '#nav-general', type: 'button', role: 'tab', + 'aria-controls': 'nav-general', 'aria-selected': 'true' + }, `${localize("modalSettingsGeneral")}`)) + navTabs.appendChild(createElement('button', 'nav-link', { + id: 'nav-stories-tab', 'data-toggle': 'tab', 'data-target': '#nav-stories', type: 'button', role: 'tab', + 'aria-controls': 'nav-stories', 'aria-selected': 'false' + }, 'Stories')) + + const tabContent = createElement('div', 'tab-content', { id: 'nav-tabContent' }) + const generalPane = createElement('div', 'tab-pane fade active show', { id: 'nav-general', role: 'tabpanel', 'aria-labelledby': 'nav-general-tab' }) + const storiesPane = createElement('div', 'tab-pane fade', { id: 'nav-stories', role: 'tabpanel', 'aria-labelledby': 'nav-stories-tab' }) + + const items = [ + { title: 'modalSettingsGenTitle1', description: 'modalSettingsGenDesc1', settingsName: 'general-1' }, + { title: 'modalSettingsGenTitle2', description: 'modalSettingsGenDesc2', settingsName: 'general-2' }, + { title: 'modalSettingsGenTitle3', description: 'modalSettingsGenDesc3', settingsName: 'general-3' }, + { title: 'modalSettingsGenTitle4', description: 'modalSettingsGenDesc4', settingsName: 'general-4', isLargeInput: true }, + { title: 'modalSettingsStoriesTitle1', description: 'modalSettingsStoriesDesc1', settingsName: 'stories-1' }, + { title: 'modalSettingsStoriesTitle2', description: 'modalSettingsStoriesDesc2', settingsName: 'stories-2' }, + { title: 'modalSettingsStoriesTitle3', description: 'modalSettingsStoriesDesc3', settingsName: 'stories-3' }, + ] + items.forEach((item) => { + const pane = item.title.includes('Gen') ? generalPane : storiesPane + pane.appendChild(createListGroupItem(localize(item.title), localize(item.description), item.settingsName, item.isLargeInput)) + }) + + tabContent.appendChild(generalPane) + tabContent.appendChild(storiesPane) + + nav.appendChild(navTabs) + + my4.appendChild(nav) + my4.appendChild(tabContent) + my4.appendChild(createElement('div', 'alert alert-warning mt-3', {}, localize("modalSettingsAttention"))) + col.appendChild(my4) + row.appendChild(col) + container.appendChild(row) + + new Modal({ + heading: [ + `+ ${logo} + ${localize("modalSettingsTitle")} + v${program.VERSION} +
` + ], + body: [container], + bodyStyle: null, + buttonList: [{ active: true, text: localize("close") }], + callback: (_modal, el) => { + this.initModalSettingsListeners(el as HTMLElement, program) + } + }).open() + } /** Handles different URL patterns */ private async handleURLPatterns(program: Program): Promise+ ${logo} + v${program.VERSION} +
` + ], + body: [localize("alertWorksOnlyOn")], + bodyStyle: "text-align:center;padding:20px", + buttonList: [{ active: true, text: "Ok" }], + callback: (_modal, el) => { + el.querySelector(`.${program.NAME}-settings`).addEventListener("click", () => { + this.handleSettingsButtonClick(program); + }) + } + }).open() + return + } + const tests = [ { regex: program.regexStoriesURI, scanner: StoriesScanner }, { regex: program.regexProfilePath, scanner: ProfileScanner }, @@ -145,21 +286,14 @@ export class MediaScanner implements Module { const scannerResult = await scanner.execute(program) if (scannerResult.found) { scannerResult.foundByModule = scanner.getName() - this.displayModal( - scannerResult, + this.displayModal(scannerResult, `- @${scannerResult.userName} - - -
`, + ${logo} + @${scannerResult.userName} + + `, "padding:0!important;text-align:center", - [{ active: true, text: localize("index@close") }], + [{ active: true, text: localize("close") }], (_modal, el) => { if (el.querySelector(".slider")) { const slider = el.querySelector(".slider") @@ -240,119 +374,27 @@ export class MediaScanner implements Module { } el.querySelector(`.${program.NAME}-settings`).addEventListener("click", () => { - const createElement = (tag, className = '', attributes = {}, str = '') => { - const el = document.createElement(tag) - if (className) el.className = className - Object.keys(attributes).forEach(attr => el.setAttribute(attr, attributes[attr])) - if (str) el.innerHTML = str - return el - } - - const createListGroupItem = (title, description, settingsName, isLargeInput) => { - const item = createElement('div', 'list-group-item') - const row = createElement('div', 'row align-items-center') - const col = createElement('div', 'col pr-0') - col.appendChild(createElement('strong', 'mb-0', {}, title)) - if (description) col.appendChild(createElement('p', 'text-muted mb-0', {}, description)) - - const colAuto = createElement('div', 'col-auto') - const label = createElement('label', 'slideon') - const input = createElement('input', '', { type: 'checkbox', id: `settings-${settingsName}` }) - const span = createElement('span', 'slideon-slider') - label.appendChild(input) - label.appendChild(span) - colAuto.appendChild(label) - - if (isLargeInput) { - // Create and add a paragraph to the new div - const div = createElement('div', 'form-group', { style: 'display: flex;flex-direction: column;align-items: flex-start;' }, `${title} -${description}
- - - `) - row.appendChild(div) - } else { - row.appendChild(col) - row.appendChild(colAuto) - } - item.appendChild(row) - - return item - } - - const container = createElement('div', 'container') - const row = createElement('div', 'row justify-content-center') - const col = createElement('div', 'col-12 col-lg-10 col-xl-8 mx-auto') - const my4 = createElement('div', 'my-4') - const nav = createElement('nav') - const navTabs = createElement('div', 'nav nav-tabs', { id: 'nav-tab', role: 'tablist' }) - - navTabs.appendChild(createElement('button', 'nav-link active', { - id: 'nav-general-tab', 'data-toggle': 'tab', 'data-target': '#nav-general', type: 'button', role: 'tab', - 'aria-controls': 'nav-general', 'aria-selected': 'true' - }, 'General')) - navTabs.appendChild(createElement('button', 'nav-link', { - id: 'nav-stories-tab', 'data-toggle': 'tab', 'data-target': '#nav-stories', type: 'button', role: 'tab', - 'aria-controls': 'nav-stories', 'aria-selected': 'false' - }, 'Stories')) - - const tabContent = createElement('div', 'tab-content', { id: 'nav-tabContent' }) - const generalPane = createElement('div', 'tab-pane fade active show', { id: 'nav-general', role: 'tabpanel', 'aria-labelledby': 'nav-general-tab' }) - const storiesPane = createElement('div', 'tab-pane fade', { id: 'nav-stories', role: 'tabpanel', 'aria-labelledby': 'nav-stories-tab' }) - - const items = [ - { title: 'index#program#modal_settings@settings_general_title_1', description: 'index#program#modal_settings@settings_general_description_1', settingsName: 'general-1' }, - { title: 'index#program#modal_settings@settings_general_title_2', description: 'index#program#modal_settings@settings_general_description_2', settingsName: 'general-2' }, - { title: 'index#program#modal_settings@settings_general_title_3', description: 'index#program#modal_settings@settings_general_description_3', settingsName: 'general-3' }, - { title: 'index#program#modal_settings@settings_general_title_4', description: 'index#program#modal_settings@settings_general_description_4', settingsName: 'general-4', isLargeInput: true }, - { title: 'index#program#modal_settings@settings_stories_title_1', description: 'index#program#modal_settings@settings_stories_description_1', settingsName: 'stories-1' }, - { title: 'index#program#modal_settings@settings_stories_title_2', description: 'index#program#modal_settings@settings_stories_description_2', settingsName: 'stories-2' }, - { title: 'index#program#modal_settings@settings_stories_title_3', description: 'index#program#modal_settings@settings_stories_description_3', settingsName: 'stories-3' }, - ] - items.forEach((item) => { - const pane = item.title.includes('general') ? generalPane : storiesPane - pane.appendChild(createListGroupItem(localize(item.title), localize(item.description), item.settingsName, item.isLargeInput)) - }) - - tabContent.appendChild(generalPane) - tabContent.appendChild(storiesPane) - - nav.appendChild(navTabs) - - my4.appendChild(nav) - my4.appendChild(tabContent) - my4.appendChild(createElement('div', 'alert alert-warning mt-3', {}, localize("index#program#modal_settings@settings_attention"))) - col.appendChild(my4) - row.appendChild(col) - container.appendChild(row) - - new Modal({ - heading: [ - `- [${program.NAME}] - ${localize("index#program#modal_settings@title")} - v${program.VERSION} -
` - ], - body: [container], - bodyStyle: null, - buttonList: [{ active: true, text: localize("index@close") }], - callback: (_modal, el) => { - this.initModalSettingsListeners(el as HTMLElement, program) - } - }).open() + this.handleSettingsButtonClick(program) }) } ) } else { - // // if (scannerResult.foundMediaObj.mediaType == MediaType.Ad) { - // // return - // // } - // // if (scannerResult.regexProfilePath.test(window.location.pathname)) { - // // this.handleProfilePage() - // // } else { - // // this.handleMediaNotFound(program) - // // } + new Modal({ + heading: [ + `+ ${logo} + v${program.VERSION} +
` + ], + body: [localize("alertNotFound")], + bodyStyle: "text-align:center;padding:20px", + buttonList: [{ active: true, text: "Ok" }], + callback: (_modal, el) => { + el.querySelector(`.${program.NAME}-settings`).addEventListener("click", () => { + this.handleSettingsButtonClick(program) + }) + } + }).open() } } catch (error) { const scanner = new test.scanner() diff --git a/src/modules/Module.ts b/src/modules/Module.ts index a8104a2..68063bc 100644 --- a/src/modules/Module.ts +++ b/src/modules/Module.ts @@ -1,3 +1,4 @@ +/* eslint-disable no-unused-vars */ import { Program } from "../App" import { MediaScanResult } from "../model/MediaScanResult" diff --git a/src/modules/ProfileScanner.ts b/src/modules/ProfileScanner.ts index 129b0f7..52ae25a 100644 --- a/src/modules/ProfileScanner.ts +++ b/src/modules/ProfileScanner.ts @@ -21,8 +21,7 @@ export class ProfileScanner implements Module { } const userId = userInfo.data.user.id const userDetails = await fetchDataFromApi({ type: 'getUserFromInfo', userId }) - - if (userDetails && userDetails.user.hd_profile_pic_url_info.url) { + if (userDetails && userDetails.user?.hd_profile_pic_url_info?.url) { return await generateModalBodyHelper(null, userDetails, userName, window.location.href, program) } else { return { found: false, errorMessage: 'Incomplete userDetails received' } diff --git a/src/modules/StoriesScanner.ts b/src/modules/StoriesScanner.ts index 4ae914b..bcd032e 100644 --- a/src/modules/StoriesScanner.ts +++ b/src/modules/StoriesScanner.ts @@ -1,7 +1,7 @@ import { Program } from "../App" import { Module } from "./Module" import { MediaScanResult } from "../model/MediaScanResult" -import { generateModalBody, getElementInViewPercentage } from "../helpers/utils" +import { generateModalBody, getElementWithHighestWidth, traverseReactDOMAndFindHidden } from "../helpers/utils" export class StoriesScanner implements Module { // Returns the name of the module @@ -14,32 +14,36 @@ export class StoriesScanner implements Module { // Find the path element within the SVG that corresponds to the specific pause/play icons const pathElement = Array.from(el.querySelectorAll[${this.program.NAME}]v${localVersion}
`], + heading: [`${logo}v${localVersion}
`], body: [`Update available v${onlineVersion}
${changelogHtml}
`],
- buttonList: [{ active: true, text: "Ok" }]
+ buttonList: [{ active: true, text: "Ok" }],
+ callback: (_modal, el) => {
+ el.querySelector(`.${this.program.NAME}-settings`).addEventListener("click", () => {
+ mS.handleSettingsButtonClick(this.program)
+ })
+ }
}).open()
}
private informOutdatedVersionInDevConsole(): void {
const data = JSON.parse(window.localStorage.getItem(this.storageKey) || "{}")
- console.warn(localize("modules.update@consoleWarnOutdatedInfo"))
+ console.warn(localize("consoleWarnOutdatedInfo"))
console.warn(
- localize("modules.update@consoleWarnOutdatedInfoVersions")
+ localize("consoleWarnOutdatedVersions")
.replace("${data.version}", data.version)
.replace("${data.onlineVersion}", data.onlineVersion)
)
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index 372bead..ce8b676 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -57,7 +57,7 @@ a {
color: #fff;
text-align: center;
background-color: #fd1d1d;
- background-image: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
+ background-image: linear-gradient(45deg,#f6e2d8 0%,#68c2e8 100%);
}
@media screen and (min-width: 64em) {