142 lines
4 KiB
JavaScript
142 lines
4 KiB
JavaScript
/*!
|
|
* @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 <me@kytta.dev>
|
|
*
|
|
* 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 <https://www.gnu.org/licenses/>.
|
|
*
|
|
* @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);
|