| <!DOCTYPE html> |
| <html class="sl-theme-dark"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| <meta content="Comet" property="og:title" /> |
| <meta content="Stremio's fastest torrent/debrid search add-on." property="og:description" /> |
| <meta content="https://comet.fast" property="og:url" /> |
| <meta content="https://i.imgur.com/jmVoVMu.jpeg" property="og:image" /> |
| <meta content="#6b6ef8" data-react-helmet="true" name="theme-color" /> |
|
|
| <title>Comet - Stremio's fastest torrent/debrid search add-on.</title> |
| <link id="favicon" rel="icon" type="image/x-icon" href="https://i.imgur.com/jmVoVMu.jpeg"> |
|
|
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.1/cdn/themes/dark.css" /> |
| <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.1/cdn/shoelace-autoloader.js"></script> |
|
|
| <style> |
| :not(:defined) { |
| visibility: hidden; |
| } |
| |
| body { |
| opacity: 0; |
| display: flex; |
| flex-direction: column; |
| justify-content: center; |
| align-items: center; |
| min-height: 100vh; |
| margin: 0; |
| background: radial-gradient(ellipse at bottom, #25292c 0%, #0c0d13 100%); |
| font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
| font-size: 1rem; |
| font-weight: 400; |
| } |
| |
| body.ready { |
| opacity: 1; |
| transition: 0.25s opacity; |
| } |
| |
| ::-webkit-scrollbar { |
| overflow: hidden; |
| } |
| |
| .header { |
| text-align: center; |
| width: 40%; |
| margin-bottom: 20px; |
| } |
| |
| .comet-text { |
| font-size: calc(1.375rem + 1.5vw); |
| font-weight: 500; |
| margin-bottom: 0; |
| } |
| |
| .emoji { |
| width: 1em; |
| height: 1em; |
| vertical-align: middle; |
| } |
| |
| .form-container { |
| background-color: #1a1d20; |
| padding: 2rem; |
| border-radius: 0.375rem; |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
| width: 80vw; |
| max-width: 950px; |
| margin-bottom: 50px; |
| } |
| |
| .form-item { |
| margin-bottom: 0.75rem; |
| } |
| |
| sl-details { |
| margin-bottom: 0.75rem; |
| } |
| |
| .centered-item { |
| display: flex; |
| justify-content: center; |
| } |
| |
| .margin-left-install { |
| margin-right: 10px; |
| } |
| |
| .stars { |
| position: fixed; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 120%; |
| transform: rotate(-45deg); |
| z-index: -1; |
| } |
| .star { |
| --star-color: var(--primary-color); |
| --star-tail-length: 6em; |
| --star-tail-height: 2px; |
| --star-width: calc(var(--star-tail-length) / 6); |
| --fall-duration: 9s; |
| --tail-fade-duration: var(--fall-duration); |
| position: absolute; |
| top: var(--top-offset); |
| left: 0; |
| width: var(--star-tail-length); |
| height: var(--star-tail-height); |
| color: var(--star-color); |
| background: linear-gradient(45deg, currentColor, transparent); |
| border-radius: 50%; |
| filter: drop-shadow(0 0 6px currentColor); |
| transform: translate3d(104em, 0, 0); |
| animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite; |
| } |
| @media screen and (max-width: 750px) { |
| .star { |
| animation: fall var(--fall-duration) var(--fall-delay) linear infinite; |
| } |
| } |
| .star:nth-child(1) { |
| --star-tail-length: 6.14em; |
| --top-offset: 3.64vh; |
| --fall-duration: 10.878s; |
| --fall-delay: 0.034s; |
| } |
| .star:nth-child(2) { |
| --star-tail-length: 5.08em; |
| --top-offset: 69.69vh; |
| --fall-duration: 11.372s; |
| --fall-delay: 1.679s; |
| } |
| .star:nth-child(3) { |
| --star-tail-length: 6.1em; |
| --top-offset: 64.3vh; |
| --fall-duration: 7.088s; |
| --fall-delay: 3.382s; |
| } |
| .star:nth-child(4) { |
| --star-tail-length: 6.66em; |
| --top-offset: 34.91vh; |
| --fall-duration: 6.184s; |
| --fall-delay: 9.61s; |
| } |
| .star:nth-child(5) { |
| --star-tail-length: 6.89em; |
| --top-offset: 24.92vh; |
| --fall-duration: 9.465s; |
| --fall-delay: 9.12s; |
| } |
| .star:nth-child(6) { |
| --star-tail-length: 6.5em; |
| --top-offset: 51.9vh; |
| --fall-duration: 10.52s; |
| --fall-delay: 0.214s; |
| } |
| .star:nth-child(7) { |
| --star-tail-length: 5.58em; |
| --top-offset: 24.15vh; |
| --fall-duration: 8.9s; |
| --fall-delay: 0.499s; |
| } |
| .star:nth-child(8) { |
| --star-tail-length: 6.26em; |
| --top-offset: 59.4vh; |
| --fall-duration: 7.671s; |
| --fall-delay: 1.694s; |
| } |
| .star:nth-child(9) { |
| --star-tail-length: 6.46em; |
| --top-offset: 54.52vh; |
| --fall-duration: 6.484s; |
| --fall-delay: 4.616s; |
| } |
| .star:nth-child(10) { |
| --star-tail-length: 5.34em; |
| --top-offset: 74.03vh; |
| --fall-duration: 8.565s; |
| --fall-delay: 1.159s; |
| } |
| .star:nth-child(11) { |
| --star-tail-length: 6.84em; |
| --top-offset: 90.94vh; |
| --fall-duration: 10.133s; |
| --fall-delay: 6.108s; |
| } |
| .star:nth-child(12) { |
| --star-tail-length: 5.48em; |
| --top-offset: 97.27vh; |
| --fall-duration: 10.248s; |
| --fall-delay: 4.186s; |
| } |
| .star:nth-child(13) { |
| --star-tail-length: 7.21em; |
| --top-offset: 17.75vh; |
| --fall-duration: 10.549s; |
| --fall-delay: 1.868s; |
| } |
| .star:nth-child(14) { |
| --star-tail-length: 6.35em; |
| --top-offset: 94.98vh; |
| --fall-duration: 9.682s; |
| --fall-delay: 9.327s; |
| } |
| .star:nth-child(15) { |
| --star-tail-length: 5.18em; |
| --top-offset: 52.87vh; |
| --fall-duration: 9.934s; |
| --fall-delay: 8.919s; |
| } |
| .star:nth-child(16) { |
| --star-tail-length: 5.07em; |
| --top-offset: 50.26vh; |
| --fall-duration: 11.826s; |
| --fall-delay: 8.478s; |
| } |
| .star:nth-child(17) { |
| --star-tail-length: 7.01em; |
| --top-offset: 85.73vh; |
| --fall-duration: 9.87s; |
| --fall-delay: 1.206s; |
| } |
| .star:nth-child(18) { |
| --star-tail-length: 6.39em; |
| --top-offset: 2.81vh; |
| --fall-duration: 10.292s; |
| --fall-delay: 4.394s; |
| } |
| .star:nth-child(19) { |
| --star-tail-length: 5.27em; |
| --top-offset: 56.83vh; |
| --fall-duration: 8.944s; |
| --fall-delay: 8.779s; |
| } |
| .star:nth-child(20) { |
| --star-tail-length: 6.07em; |
| --top-offset: 54.55vh; |
| --fall-duration: 9.324s; |
| --fall-delay: 7.375s; |
| } |
| .star:nth-child(21) { |
| --star-tail-length: 6.1em; |
| --top-offset: 87.67vh; |
| --fall-duration: 11.943s; |
| --fall-delay: 6.919s; |
| } |
| .star:nth-child(22) { |
| --star-tail-length: 5.98em; |
| --top-offset: 70.04vh; |
| --fall-duration: 9.995s; |
| --fall-delay: 4.472s; |
| } |
| .star:nth-child(23) { |
| --star-tail-length: 6.34em; |
| --top-offset: 77.19vh; |
| --fall-duration: 10.073s; |
| --fall-delay: 8.354s; |
| } |
| .star:nth-child(24) { |
| --star-tail-length: 6.95em; |
| --top-offset: 14.48vh; |
| --fall-duration: 9.028s; |
| --fall-delay: 7.638s; |
| } |
| .star:nth-child(25) { |
| --star-tail-length: 6.23em; |
| --top-offset: 8.48vh; |
| --fall-duration: 7.427s; |
| --fall-delay: 0.915s; |
| } |
| .star:nth-child(26) { |
| --star-tail-length: 5.09em; |
| --top-offset: 6.56vh; |
| --fall-duration: 7.706s; |
| --fall-delay: 2.841s; |
| } |
| .star:nth-child(27) { |
| --star-tail-length: 7.01em; |
| --top-offset: 92.85vh; |
| --fall-duration: 7.359s; |
| --fall-delay: 7.229s; |
| } |
| .star:nth-child(28) { |
| --star-tail-length: 5.49em; |
| --top-offset: 27.89vh; |
| --fall-duration: 10.344s; |
| --fall-delay: 2.346s; |
| } |
| .star:nth-child(29) { |
| --star-tail-length: 5.82em; |
| --top-offset: 56.08vh; |
| --fall-duration: 10.911s; |
| --fall-delay: 4.231s; |
| } |
| .star:nth-child(30) { |
| --star-tail-length: 7.24em; |
| --top-offset: 22.54vh; |
| --fall-duration: 9.344s; |
| --fall-delay: 2.112s; |
| } |
| .star:nth-child(31) { |
| --star-tail-length: 6.8em; |
| --top-offset: 59.49vh; |
| --fall-duration: 7.059s; |
| --fall-delay: 0.924s; |
| } |
| .star:nth-child(32) { |
| --star-tail-length: 5.22em; |
| --top-offset: 44.01vh; |
| --fall-duration: 10.121s; |
| --fall-delay: 0.591s; |
| } |
| .star:nth-child(33) { |
| --star-tail-length: 6.1em; |
| --top-offset: 78.61vh; |
| --fall-duration: 8.306s; |
| --fall-delay: 4.403s; |
| } |
| .star:nth-child(34) { |
| --star-tail-length: 7.26em; |
| --top-offset: 85.76vh; |
| --fall-duration: 7.058s; |
| --fall-delay: 6.772s; |
| } |
| .star:nth-child(35) { |
| --star-tail-length: 7.01em; |
| --top-offset: 77.17vh; |
| --fall-duration: 6.29s; |
| --fall-delay: 1.468s; |
| } |
| .star:nth-child(36) { |
| --star-tail-length: 5.17em; |
| --top-offset: 13.63vh; |
| --fall-duration: 6.739s; |
| --fall-delay: 0.019s; |
| } |
| .star:nth-child(37) { |
| --star-tail-length: 6.41em; |
| --top-offset: 70.18vh; |
| --fall-duration: 6.177s; |
| --fall-delay: 8.148s; |
| } |
| .star:nth-child(38) { |
| --star-tail-length: 5.32em; |
| --top-offset: 62.65vh; |
| --fall-duration: 10.476s; |
| --fall-delay: 0.98s; |
| } |
| .star:nth-child(39) { |
| --star-tail-length: 7.24em; |
| --top-offset: 66.12vh; |
| --fall-duration: 8.449s; |
| --fall-delay: 4.255s; |
| } |
| .star:nth-child(40) { |
| --star-tail-length: 6.73em; |
| --top-offset: 14.73vh; |
| --fall-duration: 9.857s; |
| --fall-delay: 6.867s; |
| } |
| .star:nth-child(41) { |
| --star-tail-length: 5.25em; |
| --top-offset: 45.23vh; |
| --fall-duration: 7.898s; |
| --fall-delay: 4.966s; |
| } |
| .star:nth-child(42) { |
| --star-tail-length: 6.73em; |
| --top-offset: 36.17vh; |
| --fall-duration: 7.32s; |
| --fall-delay: 3.93s; |
| } |
| .star:nth-child(43) { |
| --star-tail-length: 7.38em; |
| --top-offset: 83.09vh; |
| --fall-duration: 7.394s; |
| --fall-delay: 5.388s; |
| } |
| .star:nth-child(44) { |
| --star-tail-length: 5.18em; |
| --top-offset: 98.36vh; |
| --fall-duration: 6.905s; |
| --fall-delay: 2.771s; |
| } |
| .star:nth-child(45) { |
| --star-tail-length: 6.66em; |
| --top-offset: 27.99vh; |
| --fall-duration: 7.62s; |
| --fall-delay: 3.624s; |
| } |
| .star:nth-child(46) { |
| --star-tail-length: 5.19em; |
| --top-offset: 92vh; |
| --fall-duration: 9.158s; |
| --fall-delay: 1.984s; |
| } |
| .star:nth-child(47) { |
| --star-tail-length: 6.16em; |
| --top-offset: 2.87vh; |
| --fall-duration: 9.266s; |
| --fall-delay: 4.04s; |
| } |
| .star:nth-child(48) { |
| --star-tail-length: 6.34em; |
| --top-offset: 19.39vh; |
| --fall-duration: 7.503s; |
| --fall-delay: 0.045s; |
| } |
| .star:nth-child(49) { |
| --star-tail-length: 6.85em; |
| --top-offset: 79.92vh; |
| --fall-duration: 7.472s; |
| --fall-delay: 1.514s; |
| } |
| .star:nth-child(50) { |
| --star-tail-length: 7.35em; |
| --top-offset: 63.71vh; |
| --fall-duration: 8.117s; |
| --fall-delay: 4.46s; |
| } |
| .star::before, .star::after { |
| position: absolute; |
| content: ""; |
| top: 0; |
| left: calc(var(--star-width) / -2); |
| width: var(--star-width); |
| height: 100%; |
| background: linear-gradient(45deg, transparent, currentColor, transparent); |
| border-radius: inherit; |
| animation: blink 2s linear infinite; |
| } |
| .star::before { |
| transform: rotate(45deg); |
| } |
| .star::after { |
| transform: rotate(-45deg); |
| } |
| |
| @keyframes fall { |
| to { |
| transform: translate3d(-30em, 0, 0); |
| } |
| } |
| @keyframes tail-fade { |
| 0%, 50% { |
| width: var(--star-tail-length); |
| opacity: 1; |
| } |
| 70%, 80% { |
| width: 0; |
| opacity: 0.4; |
| } |
| 100% { |
| width: 0; |
| opacity: 0; |
| } |
| } |
| @keyframes blink { |
| 50% { |
| opacity: 0.6; |
| } |
| } |
| </style> |
| </head> |
|
|
| <body> |
| <div class="stars"></div> |
|
|
| <script> |
| let hasTouchScreen = false; |
| if ("maxTouchPoints" in navigator) { |
| hasTouchScreen = navigator.maxTouchPoints > 0; |
| } else if ("msMaxTouchPoints" in navigator) { |
| hasTouchScreen = navigator.msMaxTouchPoints > 0; |
| } else { |
| const mQ = matchMedia?.("(pointer:coarse)"); |
| if (mQ?.media === "(pointer:coarse)") { |
| hasTouchScreen = !!mQ.matches; |
| } else if ("orientation" in window) { |
| hasTouchScreen = true; |
| } else { |
| const UA = navigator.userAgent; |
| hasTouchScreen = |
| /\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(UA) || |
| /\b(Android|Windows Phone|iPad|iPod)\b/i.test(UA); |
| } |
| } |
| |
| if (!hasTouchScreen) { |
| document.addEventListener("DOMContentLoaded", function() { |
| const starsContainer = document.querySelector('.stars'); |
| const starCount = 30 |
| |
| for (let i = 0; i < starCount; i++) { |
| const star = document.createElement("div"); |
| star.classList.add("star"); |
| starsContainer.appendChild(star); |
| } |
| }); |
| } |
| </script> |
| <div class="header"> |
| <p class="comet-text"> |
| <img class="emoji" src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f4ab/512.gif"> |
| Comet - <a href="https://github.com/g0ldyy/comet">GitHub</a> |
| </p> |
| {{CUSTOM_HEADER_HTML|safe}} |
| </div> |
|
|
| <div class="form-container"> |
| <div class="form-item"> |
| <sl-select id="indexers" multiple clearable label="Indexers" placeholder="Select indexers" {% if not indexerManager %} disabled {% endif %}></sl-select> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-select id="languages" multiple clearable label="Languages" placeholder="Select languages"></sl-select> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-select id="resolutions" multiple clearable label="Resolutions" placeholder="Select resolutions"></sl-select> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-input id="maxResults" type="number" min=0 value=0 label="Max Results" placeholder="Enter max results"></sl-input> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-input id="maxResultsPerResolution" type="number" min=0 value=0 label="Max Results Per Resolution" placeholder="Enter max results per resolution"></sl-input> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-input id="maxSize" type="number" min=0 value=0 label="Max Size (GB)" placeholder="Enter max size in gigabytes"></sl-input> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-input id="debridStreamProxyPassword" label="Debrid Stream Proxy Password" placeholder="{% if not proxyDebridStream %}Configuration required, see docs{% else %}Enter password{% endif %}" help-text="Debrid Stream Proxying allows you to use your Debrid Service from multiple IPs at same time!" {% if not proxyDebridStream %} disabled {% endif %}></sl-input> |
| </div> |
|
|
| <div class="form-item"> |
| <sl-select id="debridService" value="torbox" label="Debrid Service" placeholder="Select debrid service"> |
| <sl-option value="torbox">TorBox</sl-option> |
| <sl-option value="debridlink">Debrid-Link</sl-option> |
| <sl-option value="alldebrid">All-Debrid</sl-option> |
| <sl-option value="premiumize">Premiumize</sl-option> |
| <sl-option value="realdebrid">Real-Debrid</sl-option> |
| </sl-select> |
| </div> |
|
|
| <div class="form-item"> |
| <label for="debridService"> |
| Debrid API Key - |
| <a id="apiKeyLink" href="https://torbox.app/settings" target="_blank">Get It Here</a> |
| </label> |
| <sl-input id="debridApiKey" placeholder="Enter API key" help-text="If no key is specified, you'll get direct torrents!"></sl-input> |
| </div> |
|
|
| <sl-details summary="Advanced Settings"> |
| <div class="form-item"> |
| <sl-checkbox checked id="removeTrash" help-text="Remove all trash from results (Adult Content, CAM, Clean Audio, PDTV, R5, Screener, Size, Telecine and Telesync)">Remove Trash</sl-checkbox> |
| <sl-checkbox id="reverseResultOrder" help-text="Reverse the order of the results for each resolution (useful for those who need small file sizes)">Reverse Result Order</sl-checkbox> |
| <sl-select id="resultFormat" multiple label="Result Format" placeholder="Select what to show in result title" hoist max-options-visible=10> |
| </sl-select> |
| </div> |
| </sl-details> |
|
|
| <script> |
| document.getElementById("debridService").addEventListener("sl-change", function(event) { |
| const selectedService = event.target.value; |
| const apiKeyLink = document.getElementById("apiKeyLink"); |
| |
| if (selectedService === "realdebrid") { |
| apiKeyLink.href = "https://real-debrid.com/apitoken"; |
| } else if (selectedService === "alldebrid") { |
| apiKeyLink.href = "https://alldebrid.com/apikeys"; |
| } else if (selectedService === "premiumize") { |
| apiKeyLink.href = "https://premiumize.me/account"; |
| } else if (selectedService === "torbox") { |
| apiKeyLink.href = "https://torbox.app/settings"; |
| } else if (selectedService === "debridlink") { |
| apiKeyLink.href = "https://debrid-link.com/webapp/apikey"; |
| } |
| }); |
| </script> |
|
|
| <div class="centered-item"> |
| <sl-button id="install" variant="neutral" class="margin-left-install">Install</sl-button> |
| <sl-alert id="installAlert" variant="neutral" duration="3000" closable> |
| <sl-icon slot="icon" name="clipboard2-check"></sl-icon> |
| <strong>Attempting to add the addon to Stremio...</strong> |
| </sl-alert> |
|
|
| <sl-button id="copy-link" variant="neutral">Copy Link</sl-button> |
| <sl-alert id="copyAlert" variant="neutral" duration="3000" closable> |
| <sl-icon slot="icon" name="clipboard2-check"></sl-icon> |
| <strong>The Stremio addon link has been automatically copied.</strong> |
| </sl-alert> |
|
|
| <script type="module"> |
| const languagesEmojis = { |
| "Unknown": "❓", |
| "Multi": "🌎", |
| "English": "🇬🇧", |
| "Japanese": "🇯🇵", |
| "Chinese": "🇨🇳", |
| "Russian": "🇷🇺", |
| "Arabic": "🇸🇦", |
| "Portuguese": "🇵🇹", |
| "Spanish": "🇪🇸", |
| "French": "🇫🇷", |
| "German": "🇩🇪", |
| "Italian": "🇮🇹", |
| "Korean": "🇰🇷", |
| "Hindi": "🇮🇳", |
| "Bengali": "🇧🇩", |
| "Punjabi": "🇵🇰", |
| "Marathi": "🇮🇳", |
| "Gujarati": "🇮🇳", |
| "Tamil": "🇮🇳", |
| "Telugu": "🇮🇳", |
| "Kannada": "🇮🇳", |
| "Malayalam": "🇮🇳", |
| "Thai": "🇹🇭", |
| "Vietnamese": "🇻🇳", |
| "Indonesian": "🇮🇩", |
| "Turkish": "🇹🇷", |
| "Hebrew": "🇮🇱", |
| "Persian": "🇮🇷", |
| "Ukrainian": "🇺🇦", |
| "Greek": "🇬🇷", |
| "Lithuanian": "🇱🇹", |
| "Latvian": "🇱🇻", |
| "Estonian": "🇪🇪", |
| "Polish": "🇵🇱", |
| "Czech": "🇨🇿", |
| "Slovak": "🇸🇰", |
| "Hungarian": "🇭🇺", |
| "Romanian": "🇷🇴", |
| "Bulgarian": "🇧🇬", |
| "Serbian": "🇷🇸", |
| "Croatian": "🇭🇷", |
| "Slovenian": "🇸🇮", |
| "Dutch": "🇳🇱", |
| "Danish": "🇩🇰", |
| "Finnish": "🇫🇮", |
| "Swedish": "🇸🇪", |
| "Norwegian": "🇳🇴", |
| "Malay": "🇲🇾", |
| "Latino": "💃🏻", |
| }; |
| |
| let defaultLanguages = []; |
| let defaultResolutions = []; |
| let defaultResultFormat = []; |
| |
| document.addEventListener("DOMContentLoaded", async () => { |
| await Promise.allSettled([ |
| customElements.whenDefined("sl-button"), |
| customElements.whenDefined("sl-alert"), |
| customElements.whenDefined("sl-select"), |
| customElements.whenDefined("sl-input"), |
| customElements.whenDefined("sl-option"), |
| customElements.whenDefined("sl-icon"), |
| customElements.whenDefined("sl-checkbox") |
| ]); |
| |
| const webConfig = {{webConfig|tojson}}; |
| populateSelect("indexers", webConfig.indexers); |
| populateSelect("languages", webConfig.languages); |
| populateSelect("resolutions", webConfig.resolutions); |
| populateSelect("resultFormat", webConfig.resultFormat); |
| document.body.classList.add("ready"); |
| defaultLanguages = webConfig.languages; |
| defaultResolutions = webConfig.resolutions; |
| defaultResultFormat = webConfig.resultFormat; |
| |
| |
| try { |
| const settings = getSettingsFromUrl(); |
| if (settings != null) { populateFormFromSettings(settings); } |
| } catch (error) { |
| console.log("Failed to retrieve or parse settings from URL:", error); |
| } |
| |
| }); |
| |
| function populateSelect(selectId, options) { |
| const selectElement = document.getElementById(selectId); |
| options.forEach(option => { |
| const optionElement = document.createElement("sl-option"); |
| optionElement.value = option; |
| |
| if (selectId === "languages") { |
| |
| const flag = languagesEmojis[option] || ''; |
| optionElement.textContent = `${flag} ${option}`; |
| } else { |
| |
| optionElement.textContent = option; |
| } |
| |
| selectElement.appendChild(optionElement); |
| }); |
| |
| |
| selectElement.value = options; |
| } |
| |
| const installButton = document.querySelector("#install"); |
| const installAlert = document.querySelector('#installAlert'); |
| const copyLinkButton = document.querySelector("#copy-link"); |
| const copyAlert = document.querySelector('#copyAlert'); |
| |
| function getSettings() { |
| const indexers = Array.from(document.getElementById("indexers").selectedOptions).map(option => option.value); |
| const languages = Array.from(document.getElementById("languages").selectedOptions).map(option => option.value); |
| const resolutions = Array.from(document.getElementById("resolutions").selectedOptions).map(option => option.value); |
| const maxResults = document.getElementById("maxResults").value; |
| const maxResultsPerResolution = document.getElementById("maxResultsPerResolution").value; |
| const maxSize = document.getElementById("maxSize").value; |
| const reverseResultOrder = document.getElementById("reverseResultOrder").checked; |
| const removeTrash = document.getElementById("removeTrash").checked; |
| const resultFormat = Array.from(document.getElementById("resultFormat").selectedOptions).map(option => option.value); |
| const debridService = document.getElementById("debridService").value; |
| const debridApiKey = document.getElementById("debridApiKey").value; |
| const debridStreamProxyPassword = document.getElementById("debridStreamProxyPassword").value; |
| const selectedLanguages = languages.length === defaultLanguages.length && languages.every((val, index) => val === defaultLanguages[index]) ? ["All"] : languages; |
| const selectedResolutions = resolutions.length === defaultResolutions.length && resolutions.every((val, index) => val === defaultResolutions[index]) ? ["All"] : resolutions; |
| const selectedResultFormat = resultFormat.length === defaultResultFormat.length && resultFormat.every((val, index) => val === defaultResultFormat[index]) ? ["All"] : resultFormat; |
| |
| return { |
| indexers: indexers, |
| maxResults: parseInt(maxResults), |
| maxResultsPerResolution: parseInt(maxResultsPerResolution), |
| maxSize: parseFloat(maxSize * 1073741824), |
| reverseResultOrder: reverseResultOrder, |
| removeTrash: removeTrash, |
| resultFormat: selectedResultFormat, |
| resolutions: selectedResolutions, |
| languages: selectedLanguages, |
| debridService: debridService, |
| debridApiKey: debridApiKey, |
| debridStreamProxyPassword: debridStreamProxyPassword, |
| }; |
| } |
| |
| copyLinkButton.addEventListener("click", () => { |
| const settings = getSettings(); |
| const settingsString = btoa(JSON.stringify(settings)) |
| |
| const textArea = document.createElement("textarea"); |
| textArea.value = `${window.location.origin}/${settingsString}/manifest.json`; |
| document.body.appendChild(textArea); |
| textArea.focus(); |
| textArea.select(); |
| document.execCommand("copy"); |
| document.body.removeChild(textArea); |
| |
| console.log(settingsString); |
| |
| copyAlert.toast(); |
| }); |
| |
| installButton.addEventListener("click", () => { |
| const settings = getSettings(); |
| const settingsString = btoa(JSON.stringify(settings)) |
| window.location.href = `stremio://${window.location.host}/${settingsString}/manifest.json`; |
| console.log(settingsString); |
| installAlert.toast(); |
| }); |
| |
| function getSettingsFromUrl() { |
| const url = window.location.href; |
| |
| if (url.split("/").length < 5) { |
| console.log("no previous settings"); return null; |
| } |
| const settingsString = url.split("/")[3]; |
| if (typeof settingsString === "undefined") { |
| console.log("can't fetch previous settings", settingsString) |
| return null; |
| } |
| const settingsJson = atob(settingsString); |
| return JSON.parse(settingsJson); |
| } |
| |
| function populateFormFromSettings(settings) { |
| if (settings.maxResults !== null) |
| document.getElementById("maxResults").value = settings.maxResults; |
| if (settings.reverseResultOrder !== null) |
| document.getElementById("reverseResultOrder").checked = settings.reverseResultOrder; |
| if (settings.removeTrash !== null) |
| document.getElementById("removeTrash").checked = settings.removeTrash; |
| if (settings.maxResultsPerResolution !== null) |
| document.getElementById("maxResultsPerResolution").value = settings.maxResultsPerResolution; |
| if (settings.maxSize !== null) |
| document.getElementById("maxSize").value = settings.maxSize / 1073741824; |
| if (settings.debridService !== null) |
| document.getElementById("debridService").value = settings.debridService; |
| if (settings.debridApiKey !== null) |
| document.getElementById("debridApiKey").value = settings.debridApiKey; |
| if (settings.debridStreamProxyPassword !== null) |
| document.getElementById("debridStreamProxyPassword").value = settings.debridStreamProxyPassword; |
| if (settings.indexers !== null) |
| document.getElementById("indexers").value = settings.indexers; |
| if (settings.languages !== null && settings.languages != "All") |
| document.getElementById("languages").value = settings.languages; |
| if (settings.resolutions !== null && settings.resolutions != "All") |
| document.getElementById("resolutions").value = settings.resolutions; |
| if (settings.resultFormat !== null && settings.resultFormat != "All") |
| document.getElementById("resultFormat").value = settings.resultFormat; |
| } |
| |
| </script> |
| </div> |
| </div> |
| </body> |
| </html> |
|
|
