diff --git a/extension/README.md b/extension/README.md new file mode 100644 index 0000000..e016101 --- /dev/null +++ b/extension/README.md @@ -0,0 +1,20 @@ +Это расширение для firefox и chrome для добавления кнопки Смотреть в Anix на сайт anixart.tv, а так-же найти в Anix на сайт кинопоиск, если обнаружен жанр аниме + +## Скачать + +Firefox: https://addons.mozilla.org/en-US/firefox/addon/watch-on-anix/ + +Chrome: https://github.com/Radiquum/anix/raw/V3/extension/chrome/watch-on-anix-chrome.zip + +## Установка + +Firefox: + +- Загрузите расширение из AMO + +Chrome: + +1. скачайте и распакуйте архив +2. зайдите в расширения браузера chrome://extensions/ +3. включите режим разработчика +4. нажмите "загрузить распакованное расширение" и выберите директорию куда вы распаковали архив diff --git a/extension/chrome/icon-16x16.png b/extension/chrome/icon-16x16.png new file mode 100644 index 0000000..7f26af4 Binary files /dev/null and b/extension/chrome/icon-16x16.png differ diff --git a/extension/chrome/icon-32x32.png b/extension/chrome/icon-32x32.png new file mode 100644 index 0000000..cf7fe7e Binary files /dev/null and b/extension/chrome/icon-32x32.png differ diff --git a/extension/chrome/icon-48x48.png b/extension/chrome/icon-48x48.png new file mode 100644 index 0000000..615849c Binary files /dev/null and b/extension/chrome/icon-48x48.png differ diff --git a/extension/chrome/icon-72x72.png b/extension/chrome/icon-72x72.png new file mode 100644 index 0000000..370fdb9 Binary files /dev/null and b/extension/chrome/icon-72x72.png differ diff --git a/extension/chrome/icon-96x96.png b/extension/chrome/icon-96x96.png new file mode 100644 index 0000000..6d16c65 Binary files /dev/null and b/extension/chrome/icon-96x96.png differ diff --git a/extension/chrome/main.js b/extension/chrome/main.js new file mode 100644 index 0000000..8929809 --- /dev/null +++ b/extension/chrome/main.js @@ -0,0 +1,116 @@ +function determineHost() { + const url = new URL(window.location.href); + return { + host: url.host, + pathname: url.pathname, + }; +} + +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 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;"; + + // 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"; + + const url = new URL(window.location.href); + link.href = `https://anix.wah.su${pathname}?ref=anixart.tv&source=extension`; + link.appendChild(button); + + // 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 new file mode 100644 index 0000000..9c33721 --- /dev/null +++ b/extension/chrome/manifest.json @@ -0,0 +1,27 @@ +{ + "manifest_version": 3, + "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://www.kinopoisk.ru/film/*", + "https://www.kinopoisk.ru/series/*" + ], + "js": [ + "main.js" + ] + } + ], + "icons": { + "16": "icon-16x16.png", + "32": "icon-32x32.png", + "48": "icon-48x48.png", + "72": "icon-72x72.png", + "96": "icon-96x96.png" + } +} \ No newline at end of file diff --git a/extension/chrome/watch-on-anix-chrome.zip b/extension/chrome/watch-on-anix-chrome.zip new file mode 100644 index 0000000..72a3f70 Binary files /dev/null and b/extension/chrome/watch-on-anix-chrome.zip differ diff --git a/extension/firefox/icon-16x16.png b/extension/firefox/icon-16x16.png new file mode 100644 index 0000000..7f26af4 Binary files /dev/null and b/extension/firefox/icon-16x16.png differ diff --git a/extension/firefox/icon-32x32.png b/extension/firefox/icon-32x32.png new file mode 100644 index 0000000..cf7fe7e Binary files /dev/null and b/extension/firefox/icon-32x32.png differ diff --git a/extension/firefox/icon-48x48.png b/extension/firefox/icon-48x48.png new file mode 100644 index 0000000..615849c Binary files /dev/null and b/extension/firefox/icon-48x48.png differ diff --git a/extension/firefox/icon-72x72.png b/extension/firefox/icon-72x72.png new file mode 100644 index 0000000..370fdb9 Binary files /dev/null and b/extension/firefox/icon-72x72.png differ diff --git a/extension/firefox/icon-96x96.png b/extension/firefox/icon-96x96.png new file mode 100644 index 0000000..6d16c65 Binary files /dev/null and b/extension/firefox/icon-96x96.png differ diff --git a/extension/firefox/main.js b/extension/firefox/main.js new file mode 100644 index 0000000..8929809 --- /dev/null +++ b/extension/firefox/main.js @@ -0,0 +1,116 @@ +function determineHost() { + const url = new URL(window.location.href); + return { + host: url.host, + pathname: url.pathname, + }; +} + +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 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;"; + + // 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"; + + const url = new URL(window.location.href); + link.href = `https://anix.wah.su${pathname}?ref=anixart.tv&source=extension`; + link.appendChild(button); + + // 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 new file mode 100644 index 0000000..5a7cbb3 --- /dev/null +++ b/extension/firefox/manifest.json @@ -0,0 +1,32 @@ +{ + "manifest_version": 2, + "version": "1.2", + "name": "Watch on Anix", + "description": "Adds a button to watch on Anix.", + "browser_specific_settings": { + "gecko": { + "id": "{8c53d0c2-43ad-4498-b700-290bd2e1030f}" + } + }, + "content_scripts": [ + { + "matches": [ + "https://anixart.tv/release/*", + "https://anixart.tv/collection/*", + "https://anixart.tv/profile/*", + "https://www.kinopoisk.ru/film/*", + "https://www.kinopoisk.ru/series/*" + ], + "js": [ + "main.js" + ] + } + ], + "icons": { + "16": "icon-16x16.png", + "32": "icon-32x32.png", + "48": "icon-48x48.png", + "72": "icon-72x72.png", + "96": "icon-96x96.png" + } +} \ No newline at end of file diff --git a/extension/firefox/watch-on-anix-firefox.zip b/extension/firefox/watch-on-anix-firefox.zip new file mode 100644 index 0000000..1f286a2 Binary files /dev/null and b/extension/firefox/watch-on-anix-firefox.zip differ