@ -1,9 +1,5 @@
|
||||
import { browser } from "$app/environment";
|
||||
import { locale } from "svelte-i18n";
|
||||
import languages from "$lib/lang.js";
|
||||
import { writable, get } from "svelte/store";
|
||||
import { locale_from_browser } from "$lib/locale.js";
|
||||
|
||||
const default_language = languages[0].code;
|
||||
const colors = [
|
||||
"yellow",
|
||||
"cyan",
|
||||
@ -13,54 +9,8 @@ const colors = [
|
||||
// "blue" (looks kinda ass)
|
||||
];
|
||||
|
||||
let language = writable(default_language);
|
||||
let colors_pos = -1;
|
||||
|
||||
function browser_lang() {
|
||||
if (browser) return window.navigator.language.slice(0, 2).toLowerCase();
|
||||
else return get(language);
|
||||
}
|
||||
|
||||
function set_lang(lang) {
|
||||
language.set(default_language);
|
||||
locale.set(default_language);
|
||||
|
||||
if (lang === null || lang === undefined) {
|
||||
if (browser && null !== (lang = localStorage.getItem("language"))) set_lang(lang);
|
||||
else if (browser) set_lang(browser_lang());
|
||||
return;
|
||||
}
|
||||
|
||||
lang = lang.slice(0, 2);
|
||||
|
||||
for (let i = 0; i < languages.length; i++) {
|
||||
if (lang !== languages[i].code) continue;
|
||||
|
||||
language.set(lang);
|
||||
locale.set(lang);
|
||||
|
||||
if (browser) localStorage.setItem("language", lang);
|
||||
}
|
||||
}
|
||||
|
||||
function urljoin(url, path = null, query = {}) {
|
||||
let url_len = url.length;
|
||||
|
||||
if (url[url_len - 1] != "/") url += "/";
|
||||
|
||||
if (null === path || "" === path) url = new URL(url);
|
||||
else if (path[0] === "/") url = new URL(path.slice(1), url);
|
||||
else url = new URL(path, url);
|
||||
|
||||
for (let k in query) url.searchParams.append(k, query[k]);
|
||||
|
||||
return url.href;
|
||||
}
|
||||
|
||||
function frontend_url(path = null, query = {}) {
|
||||
return urljoin(import.meta.env.APP_URL, path, query);
|
||||
}
|
||||
|
||||
function color() {
|
||||
if (colors_pos < 0) colors_pos = Math.floor(Math.random() * colors.length);
|
||||
else if (colors_pos >= colors.length) colors_pos = 0;
|
||||
@ -73,6 +23,26 @@ function click() {
|
||||
audio.play();
|
||||
}
|
||||
|
||||
function urljoin(url, path = null, query = {}) {
|
||||
if (undefined === url || null === url) return;
|
||||
|
||||
let url_len = url.length;
|
||||
|
||||
if (url[url_len - 1] != "/") url += "/";
|
||||
|
||||
if (null === path || "" === path) url = new URL(url);
|
||||
else if (path[0] === "/") url = new URL(path.slice(1), url);
|
||||
else url = new URL(path, url);
|
||||
|
||||
for (let k in query) url.searchParams.append(k, query[k]);
|
||||
|
||||
return url.href;
|
||||
}
|
||||
|
||||
function app_url(path = null, query = {}) {
|
||||
return urljoin(import.meta.env.WEBSITE_APP_URL, path, query);
|
||||
}
|
||||
|
||||
function time_from_ts(ts) {
|
||||
if (ts === 0 || ts === undefined) return;
|
||||
|
||||
@ -80,7 +50,7 @@ function time_from_ts(ts) {
|
||||
let ts_zone = ts_date.toString().match(/([A-Z]+[\+-][0-9]+)/)[1];
|
||||
|
||||
return (
|
||||
new Intl.DateTimeFormat(browser_lang(), {
|
||||
new Intl.DateTimeFormat(locale_from_browser(), {
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
second: "2-digit",
|
||||
@ -91,22 +61,11 @@ function time_from_ts(ts) {
|
||||
function date_from_ts(ts) {
|
||||
if (ts === 0 || ts === undefined) return;
|
||||
|
||||
return new Intl.DateTimeFormat(browser_lang(), {
|
||||
return new Intl.DateTimeFormat(locale_from_browser(), {
|
||||
month: "2-digit",
|
||||
year: "2-digit",
|
||||
day: "2-digit",
|
||||
}).format(new Date(ts * 1000));
|
||||
}
|
||||
|
||||
export {
|
||||
default_language,
|
||||
browser_lang,
|
||||
language,
|
||||
set_lang,
|
||||
urljoin,
|
||||
frontend_url,
|
||||
click,
|
||||
color,
|
||||
time_from_ts,
|
||||
date_from_ts,
|
||||
};
|
||||
export { color, click, urljoin, app_url, time_from_ts, date_from_ts };
|
||||
|
Reference in New Issue
Block a user