/*! * @source: https://github.com/kytta/share2fedi/blob/main/lib/main.js * * @licstart The following is the entire license notice for the * JavaScript code in this page. * * share2fedi - Instance-agnostic share page for the Fediverse. * Copyright (C) 2020-2023 Nikita Karamov * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published * by the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . * * @licend The above is the entire license notice * for the JavaScript code in this page. * * SPDX-License-Identifier: AGPL-3.0-or-later */ import "./scss/style.scss"; const INSTANCE_LIST_URL = "https://api.joinmastodon.org/servers"; const LOCAL_STORAGE_KEY = "recentInstances"; const RECENT_INSTANCES_SIZE = 5; const $form = document.querySelector("#js-s2f-form"); const $instance = document.querySelector("#instance"); const $instanceDatalist = document.querySelector("#instanceDatalist"); /** * Adds missing "https://" and ending slash to the URL * * @param {string} url URL to normalize * @return {string} normalized URL */ function normalizeUrl(url) { if (!url.includes("http://") && !url.includes("https://")) { url = "https://" + url; } if (url.at(-1) !== "/") { url = url + "/"; } return url; } function onLoadInstancesError() { console.error("Couldn't load instance list"); } function onLoadInstancesSuccess() { if (this.status >= 400) { return onLoadInstancesError(); } const currentInstance = $instance.value; const instanceDomains = JSON.parse(this.responseText).map( (index) => index.domain, ); if (currentInstance && !instanceDomains.includes(currentInstance)) { instanceDomains.push(currentInstance); } instanceDomains.sort(); for (const instanceDomain of instanceDomains) { const $option = document.createElement("option"); $option.value = normalizeUrl(instanceDomain); $instanceDatalist.append($option); } } function loadInstances() { if ($instanceDatalist.children.length === 0) { const request = new XMLHttpRequest(); request.addEventListener("load", onLoadInstancesSuccess); request.addEventListener("error", onLoadInstancesError); request.open("GET", INSTANCE_LIST_URL); request.send(); } } function getRecentInstances() { const storedValue = window.localStorage.getItem(LOCAL_STORAGE_KEY); if (!storedValue) return []; return JSON.parse(storedValue); } function rememberInstance(instance) { const recentInstances = getRecentInstances(); const index = recentInstances.indexOf(instance); if (index >= 0) { recentInstances.splice(index, 1); } recentInstances.unshift(instance); recentInstances.length = RECENT_INSTANCES_SIZE; window.localStorage.setItem( LOCAL_STORAGE_KEY, JSON.stringify(recentInstances), ); } function onFormSubmit(event) { const formData = new FormData(event.target); if (formData.get("remember")) { rememberInstance(formData.get("instance")); } return true; } let prefillInstance = getRecentInstances()[0]; const URLParameters = window.location.search.slice(1).split("&"); for (const URLParameter of URLParameters) { const URLParameterPair = URLParameter.split("="); if (URLParameterPair[0] === "text") { document.querySelector("#text").value = decodeURIComponent( URLParameterPair[1], ); } else if (URLParameterPair[0] === "instance") { prefillInstance = decodeURIComponent(URLParameterPair[1]); } } if (prefillInstance != undefined) { $instance.value = normalizeUrl(prefillInstance); } $instance.addEventListener("focus", loadInstances); $form.addEventListener("submit", onFormSubmit);