From a74aed5599d93186af395e10e0d61926e6c8673b Mon Sep 17 00:00:00 2001 From: Kentai Radiquum Date: Mon, 19 Aug 2024 19:38:43 +0500 Subject: [PATCH] feat(extension): add button to search by title on anix to kinopoisk web page --- extension/chrome/main.js | 136 ++++++++++++++++---- extension/chrome/manifest.json | 7 +- extension/chrome/watch-on-anix-chrome.zip | Bin 36824 -> 40519 bytes extension/firefox/main.js | 136 ++++++++++++++++---- extension/firefox/manifest.json | 6 +- extension/firefox/watch-on-anix-firefox.zip | Bin 38209 -> 40636 bytes 6 files changed, 231 insertions(+), 54 deletions(-) diff --git a/extension/chrome/main.js b/extension/chrome/main.js index fc6f3d9..8929809 100644 --- a/extension/chrome/main.js +++ b/extension/chrome/main.js @@ -1,30 +1,116 @@ -// find a container and an open in app link with button -const container = document.querySelector('div[style="text-align: center;"]'); -const openInAppLink = document.querySelector('a[href^="anixart"'); -const openInAppLinkButton = openInAppLink.querySelector("button"); -openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin -openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary +function determineHost() { + const url = new URL(window.location.href); + return { + host: url.host, + pathname: url.pathname, + }; +} -// create a custom footer -const footer = document.createElement("div"); -footer.style = - "display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;"; +function addButtonToAnixart(pathname) { + // find a container and an open in app link with button + const container = document.querySelector('div[style="text-align: center;"]'); + const openInAppLink = document.querySelector('a[href^="anixart"'); + const openInAppLinkButton = openInAppLink.querySelector("button"); + openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin + openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary -// create and set custom link -const link = document.createElement("a"); -const button = document.createElement("button"); -button.style = "margin-top: 0px !important;"; -button.classList = "btn btn-primary"; -button.textContent = "Открыть в Anix"; + // create a custom footer + const footer = document.createElement("div"); + footer.style = + "display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;"; -const url = new URL(window.location.href); -const pathname = url.pathname; -link.href = `https://anix.wah.su${pathname}`; -link.appendChild(button); + // create and set custom link + const link = document.createElement("a"); + const button = document.createElement("button"); + button.style = "margin-top: 0px !important;"; + button.classList = "btn btn-primary"; + button.textContent = "Открыть в Anix"; -// append link and open in app link to footer -footer.appendChild(link); -footer.appendChild(openInAppLink); + const url = new URL(window.location.href); + link.href = `https://anix.wah.su${pathname}?ref=anixart.tv&source=extension`; + link.appendChild(button); -// append footer to container -container.appendChild(footer); + // append link and open in app link to footer + footer.appendChild(link); + footer.appendChild(openInAppLink); + + // append footer to container + container.appendChild(footer); +} + +function kinopoiskIsAnimeGenrePresent() { + const genre = document.querySelector('a[href^="/lists/movies/genre--anime"]'); + + if (genre) { + return true; + } + return false; +} + +function addButtonToKinopoisk() { + let isAnime = kinopoiskIsAnimeGenrePresent(); + if (!isAnime) { + console.log("genre not found"); + return; + } + let title = document.querySelector('h1[itemprop="name"]'); + if (!title) { + console.log("title not found"); + return; + } + title = title.textContent.split(" (")[0]; + + const buttonStyle = ` + display: inline-block; + font-weight: 400; + text-align: center; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + font-size: 1.5rem; + line-height: 1.5; + 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; + padding: 1rem 2rem; + color: #fff; + background-color: #F04E4E; + border-color: #F04E4E; + `; + + const buttonHoverStyle = ` + color: #fff !important; + background-color: #E23D3D !important; + border-color: #E23D3D !important; + ` + + const link = document.createElement("a"); + const button = document.createElement("button"); + + link.style = + "text-decoration: none; position: fixed; bottom: 0; right: 0; margin: 1.5rem; z-index: 1000;"; + link.href = "https://anix.wah.su/search?q=" + title + "&ref=kinopoisk.ru&source=extension"; + link.appendChild(button); + button.style = buttonStyle; + button.onmouseover = function () { + button.style = buttonStyle + buttonHoverStyle + } + button.onmouseout = function () { + button.style = buttonStyle; + } + button.textContent = "Найти в Anix"; + + document.body.appendChild(link); +} + +const { host, pathname } = determineHost(); + +if (host == "anixart.tv") { + addButtonToAnixart(pathname); +} else if (host == "www.kinopoisk.ru") { + addButtonToKinopoisk(); +} diff --git a/extension/chrome/manifest.json b/extension/chrome/manifest.json index c7a074d..9c33721 100644 --- a/extension/chrome/manifest.json +++ b/extension/chrome/manifest.json @@ -1,13 +1,16 @@ { "manifest_version": 3, - "version": "1.0", + "version": "1.2", "name": "Watch on Anix", + "description": "Adds a button to watch on Anix.", "content_scripts": [ { "matches": [ "https://anixart.tv/release/*", "https://anixart.tv/collection/*", - "https://anixart.tv/profile/*" + "https://anixart.tv/profile/*", + "https://www.kinopoisk.ru/film/*", + "https://www.kinopoisk.ru/series/*" ], "js": [ "main.js" diff --git a/extension/chrome/watch-on-anix-chrome.zip b/extension/chrome/watch-on-anix-chrome.zip index 35798dbfe1573dd34cebdc7c85b205fbfc917462..72a3f70d3a5d0a7bdfab5176081f93fee77abdd4 100644 GIT binary patch delta 5052 zcmb7IO^h5z6>i&vz>2ky91s^vm3Cy$CZ3+%+4axPXtXl+nnde^g#*Z1IZ4lS^-OuX zt2$LRJF{Lb9a%Y%$U-tw5)t445+HE^av>2p29R>d?k&m@5L`HM07V?&y{hh>o|)aO zvDLHFRrS95-mCXl^YKrP|MB<7=WlMD_}rX>|NioWQ@@#iaN>)_+dDry(VhE3{`$_T zlOH}&n*6)_?MmtO`o^nksa^Z(+ox{d+IssdUq0zL_&g5avCp`7SA_%K(M)g>P)%jb zIDJ+qU0EPI^K*oB1Xr32WJFqo(;@lRH*Zvij0a-qMWW-Qpx2W$TxjBIN%cT-D@jNX zaMA_}d-(M{t{^1wb&vZowG;W9ncM}C-TArsxq_1)1YaL$E%@`|3TGo<>Pjw=5v7L8~} z3t2fAu&qs{wmw_$Xnv)bhs)~YP0$*-hyHo8zL)LYktvF-M-&gW;=(az z#<6R2b07vGFs+iv-)@jFqNAqytPZ6Q7Q)Xa>EhSR2~6Du1}xmJqVE85;R(bzMwMwA zD>Im)e`H3p#;$|4!NfCKfzK+cbKTHg$C?@EE%}kPM4^_SDP`TyIzeWJ)OhpM`Uy9& zFS#X-a15lB3CtWdo^*D8sGePzLVm!AxoQoCZn5{{{rh|G?Z2}B+W!6h*U8>*35IrV z5v#+aCLA=3$v*)6QcvqdHEK1CCU5BXJT-VK-O2OC?i$2eD~mKwZ=F?QAUm`L6JgK;pCWx#n0*G#joUKtYiurZpsVR>>Q ztY){(oE-K*-!u6x^Ar0ru~8^e3=u?`%&UFIMIxB$Kc~R>G5rSRlHQb5VVF#${w~gx zV`?fh7CEdILD;KWEVdX`H6vE7`YEDk`4M@tkW|cEwnZ@#06?@D4E;#q=p^}4 zQP{}!$Vo>KLd@y}r28!WEIrMB$mq#Tq#%V}C?X0qu3K@f3AoU3mIEGS!IqO8lg7O@ z(~vXAp_)#m=yScLP0S976iLg)I#?7BL&V4*Ov6GSO(UmZ{-)*V^B}!3NQ0!}E^IE| z0p^+OK)$waehX_H#u82x>5y^oSXymE#qS$+LvX$7kg{$MQs2trq8U7(FwW1Vglti% zS;vp^q8YOwi0oN+22u&xAmECokm9a@+wL=69VjZHa$p5+5H7ftsK(;np;KyhCN&?Cln<*$7NQHPy7ZjnsqE#r;VxZ4YlRaRCA!}7BX45f% z7*$ozht92-%;yZd1j35(F3<%nNIh32v&@+=46PC~MmuwTab)T+v;`XE%zAzK+VZuTg(X8k|9QwNaPcu6%*dsv^`;8uXB5~Y z>T8O7AbMV4@f}(X6D$GrMbh-pnTJClsLTyQHljh3v;}m(F|=q+B5k3ne~BD?5> zllL$aHdq_*4nEyB0@PYUz1X5wj>k^sVTk%%5XUJ%IAClR;juI3$Vxd zW_k}Uln?**+CS8B$H8abTqrpUsnT$%6nqDd!;MoQi(@as8Do>>HpsHM>$&3rcgd@} zcF+{W264aR>rRirr4-f4<^rlZk|mfW0mZ!%1Pbl~_OS87Ff7Y>nNW&d5~TANt*ipc zO&fxSpozs81!-x@jFv+N?w!yv)+AITNXfOQEjTU%9S>LtSq$qIFinqM46Q)OqQg+9 zkEsT0<3m7a)+(Ax?8csUtdb#2__#n=w4^G2xLRNiLbM@bkhO_nEPygz#ISxLPYOZc% zW-Jb)jDPl53)4JPW6QD~XMdh5pVJ?{SNvF2MtA~=-bCb5 e)+*!g{dx7P2jf5Xc|>>|{=W&S@2wx=+y4N1^x}d5 delta 1266 zcmX@Uhv~+ACf)#VW)=|!5ZKDXvXQrsnG??2yo5QOivz+9&)F=@cUlB08N8o)^K+#z z4J59ccZ+>JNG%7$o*d!G-%7$Px=aiV?^zfa*ny(CiJ5tNS;bRB4)$F(5ZD|3%AQB? zQW?Lefcljc?Wso@SE>sv7tOePB$KBv_YG%e>x2t&52b%}*nSdyD{t60+wAQ&cD~L> zXJ$X2X@1@>Sff>|!Ev3a(ZU_9&#rTAdC1kml*Z$+uzsI|_J$_c<`q{fTngHomq?0O zEh*F9mqL0XW`Rgt2mqS>zU>(_0bcP{^D*j)+Z z@4sW0rIb&7`gD2Zktq>|-4|8+uE%aYQu5_{iyoJ)>%7N4WtT+#WdhH>30fhsb><=N z%}wcx%x)7mK4%=ngNcGoDd&;wOe$L|w3zl9}sn8FO;5Fs@VLs{iRh2~> zOS@PS^bb|AI4Gv8MEftCQZu#m{f@0YAs^rKO#AnF>cR`@x1y%JzVW-hCE|N<`#F}4 z4sp8=pI^97-!mcT>k{#zWsh%^KZ(8hUD;oz_!4h7A7A8`Wjk2pek6Xh7rSxzJYT8# zD#kPN?Y9^7u;=~DkvFT~Zohs1HvZf9H&nJrZz{i_5OOcV)8T0Jj}LivnJ*u_GMi|X zuF-LBey8*Fw#20oZ&xqdvLrs}j(7dlM$M9VMJaRN;QC3EriFH9&#Qlb(EeSuMJ!W{ z==P}-j;e&z-#xF^a){wi!@N7vPtM+}wl?OyX_N9`bK;8^d*-~`Zfr2|z5c>=Uq4hH z5neFwfjlgEaxett2}iEtQY(85OifQ185nrMsVXlsEw#7=n6mQoS|`-s?K)&2(E47y zrhS5UVf1h3`aQRo-{?-AC~(a5lAo86heJ*IWVdMT6LG3@-p@HRGbT*F=VROgtA?e2 zC3`}pe)fsZo_L1o{3P9er7pRqPr4p*Gu^(mp1M2pibuni?UzviIxqr|f#|FiHQ{{&Is~3wC{YarnEn>W`OO zL-j?};^yx8Sj6jortoPv-^SlfHmeWaXZdQpIwnk&`Jb)VN2U1*6L%}cAJ{ZA;pUD_ zkq4^$uI*es{bbp^n_=sEjhR2Yt~U?xW@Hj!fM?Oj#VbuUvzZwfK$s7h-zM*vEei}Z zR7EpS@D#XkF))BIA5e|N98@*ozzo~)|LFAPKyyJDq^1H*4KT|`MpxgGHP&EY0AY}t z8(7qo)%|>uXwSd^!XPykb7kuh?!jI-0ArGYkwF1S9_xY^708;f#XUlkL@!7aQc4K$ TW@Q6OvjgEAMj)Zq2jT(%b3f{m diff --git a/extension/firefox/main.js b/extension/firefox/main.js index fc6f3d9..8929809 100644 --- a/extension/firefox/main.js +++ b/extension/firefox/main.js @@ -1,30 +1,116 @@ -// find a container and an open in app link with button -const container = document.querySelector('div[style="text-align: center;"]'); -const openInAppLink = document.querySelector('a[href^="anixart"'); -const openInAppLinkButton = openInAppLink.querySelector("button"); -openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin -openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary +function determineHost() { + const url = new URL(window.location.href); + return { + host: url.host, + pathname: url.pathname, + }; +} -// create a custom footer -const footer = document.createElement("div"); -footer.style = - "display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;"; +function addButtonToAnixart(pathname) { + // find a container and an open in app link with button + const container = document.querySelector('div[style="text-align: center;"]'); + const openInAppLink = document.querySelector('a[href^="anixart"'); + const openInAppLinkButton = openInAppLink.querySelector("button"); + openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin + openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary -// create and set custom link -const link = document.createElement("a"); -const button = document.createElement("button"); -button.style = "margin-top: 0px !important;"; -button.classList = "btn btn-primary"; -button.textContent = "Открыть в Anix"; + // create a custom footer + const footer = document.createElement("div"); + footer.style = + "display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;"; -const url = new URL(window.location.href); -const pathname = url.pathname; -link.href = `https://anix.wah.su${pathname}`; -link.appendChild(button); + // create and set custom link + const link = document.createElement("a"); + const button = document.createElement("button"); + button.style = "margin-top: 0px !important;"; + button.classList = "btn btn-primary"; + button.textContent = "Открыть в Anix"; -// append link and open in app link to footer -footer.appendChild(link); -footer.appendChild(openInAppLink); + const url = new URL(window.location.href); + link.href = `https://anix.wah.su${pathname}?ref=anixart.tv&source=extension`; + link.appendChild(button); -// append footer to container -container.appendChild(footer); + // append link and open in app link to footer + footer.appendChild(link); + footer.appendChild(openInAppLink); + + // append footer to container + container.appendChild(footer); +} + +function kinopoiskIsAnimeGenrePresent() { + const genre = document.querySelector('a[href^="/lists/movies/genre--anime"]'); + + if (genre) { + return true; + } + return false; +} + +function addButtonToKinopoisk() { + let isAnime = kinopoiskIsAnimeGenrePresent(); + if (!isAnime) { + console.log("genre not found"); + return; + } + let title = document.querySelector('h1[itemprop="name"]'); + if (!title) { + console.log("title not found"); + return; + } + title = title.textContent.split(" (")[0]; + + const buttonStyle = ` + display: inline-block; + font-weight: 400; + text-align: center; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + font-size: 1.5rem; + line-height: 1.5; + 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; + padding: 1rem 2rem; + color: #fff; + background-color: #F04E4E; + border-color: #F04E4E; + `; + + const buttonHoverStyle = ` + color: #fff !important; + background-color: #E23D3D !important; + border-color: #E23D3D !important; + ` + + const link = document.createElement("a"); + const button = document.createElement("button"); + + link.style = + "text-decoration: none; position: fixed; bottom: 0; right: 0; margin: 1.5rem; z-index: 1000;"; + link.href = "https://anix.wah.su/search?q=" + title + "&ref=kinopoisk.ru&source=extension"; + link.appendChild(button); + button.style = buttonStyle; + button.onmouseover = function () { + button.style = buttonStyle + buttonHoverStyle + } + button.onmouseout = function () { + button.style = buttonStyle; + } + button.textContent = "Найти в Anix"; + + document.body.appendChild(link); +} + +const { host, pathname } = determineHost(); + +if (host == "anixart.tv") { + addButtonToAnixart(pathname); +} else if (host == "www.kinopoisk.ru") { + addButtonToKinopoisk(); +} diff --git a/extension/firefox/manifest.json b/extension/firefox/manifest.json index 861b735..5a7cbb3 100644 --- a/extension/firefox/manifest.json +++ b/extension/firefox/manifest.json @@ -1,6 +1,6 @@ { "manifest_version": 2, - "version": "1.1", + "version": "1.2", "name": "Watch on Anix", "description": "Adds a button to watch on Anix.", "browser_specific_settings": { @@ -13,7 +13,9 @@ "matches": [ "https://anixart.tv/release/*", "https://anixart.tv/collection/*", - "https://anixart.tv/profile/*" + "https://anixart.tv/profile/*", + "https://www.kinopoisk.ru/film/*", + "https://www.kinopoisk.ru/series/*" ], "js": [ "main.js" diff --git a/extension/firefox/watch-on-anix-firefox.zip b/extension/firefox/watch-on-anix-firefox.zip index 72d151ca8489d7673ca1194786aaac89e2dc8b32..1f286a2c0a141f1e269b5e01652eded12777ec0b 100644 GIT binary patch delta 2724 zcmb7G&uflQr9zw4^2k`Ld99n|5Zm1vD(#09p{!gG7h{k%ZZqH@nZBnYX<6 zrrkoCO*mjeX;+w*Fd=i3a5<9(h@!RW zCIBZgj-LhhOB*R+xYs9UlcSU!mv$(Lp>AIhYcGwDpa$P0~sAO|uNutz3 zA(;;@V;GhW<;Uy!QD_rPA(uP?CC%8m%9V}Q>MnJBvO1-X?^kEl@zh#g9mTZ?by#bf zh)GdjKdnuTALhg@S#b=eTo@ND#R-vKlW0OkxGYz{#puRNuv|nSjP#RlX&as=DAXJM=MI z=EackrBlQswq!gvQJpzQCGqQ=)k|5`we94@soAa7w}ug0{!bW91xhC`fuK)QVne*h z0&EItin>Q-E(^Kr#(avO%IS`J(6<7sqtyjC=*V6Yej%qEevGqcBa-8hK8 zr0qFg*ne#Qv1WISiB`@a5=C?eyQyDiTv|yn`aK_;-8Z*yE*5;Q zOH!9DDe9hXsfR+?;tEdJ(A75xD_83t(EwT9*AB56x8f4%Zp5Y)?UK2)L7YQSX1G`U zA`}h*kFN&)@-1GWSk`uPz$GlGLmEgZ;JwM})M%eoeulU>II>kK>!O&?tI=*QT2)ho zc|k00R}Wt-Wnrp4Vx}NFt~Nkt#F;$o+X1nC+yOgqJjGW$39kLAvmcjEPXLnzKEwN> zDuZY`dox+fk28bVVjmCds#2_n(tO){Vm_4r*SZF&ZQ(K;8-IWE)6FmMUfKKtHa`Pg zQVkWWa@U!>W#%kJ7h2n!dVR!W?y`PDOn2T4u&icv@B2gBQENfHF`$GcQKi6_0&dxC zdp39NAmzK~8G-uCKyY*EZC7Qlwyi8KE}Grd+QL@XK2ugQ>4$Hw^6inc{%foB{y-{q zKl-h8bldF4zPB6OqANE>w?Aq+?^4f?nm5MA`ZzdNaX&{N-S|^I(xMM;9vljen7PvL z(a$%Z)ue%_n}lz>$clNw(-MX+RA8TyfZvBd|N60 E3mbZI!2kdN delta 489 zcmdn9m+9atCf)#VW)?065ZKDXvXOTRGc%Chyo5QIizz&3voPO95$53i%$uJp#b|&T zZr)w?(tC1*BY!Iiv%F_vU;trup!VFv%sjoU;>jz!Ehj(e_MdFp<1)D#h!6I}07f?`4mYrkC)+*pS>(0~3F>~a=LbX7lgCUMkAz(O7zB9*))n%*yQlZJw zbL2tcG}(5pC7Z$b{i@d?+CV~cfkM(8hoM4zsDU_{W1c#z_WECA^5l8SY?CK}^Z)=J%cI-?