gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases1 Activity

feat: update texT

Browse Source
This commit is contained in:
dusk 2025-04-02 05:13:38 +03:00
parent b4e9159048
commit 0e46dc943e
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
8 changed files with 417 additions and 338 deletions

84
src/lib/bluesky.ts

@ -1,48 +1,56 @@
import { env } from '$env/dynamic/private' import { env } from '$env/dynamic/private';
import { Bot, type Post } from "@skyware/bot"; import { Bot, type Post } from '@skyware/bot';
import { get, writable } from 'svelte/store' import { get, writable } from 'svelte/store';
const bskyClient = writable<null | Bot>(null) const bskyClient = writable<null | Bot>(null);
export const getBskyClient = async () => { export const getBskyClient = async () => {
let client = get(bskyClient) let client = get(bskyClient);
if (client === null) { if (client === null) {
client = await loginToBsky() client = await loginToBsky();
bskyClient.set(client) bskyClient.set(client);
} }
return client return client;
} };
const loginToBsky = async () => { const loginToBsky = async () => {
const bot = new Bot({ service: "https://gaze.systems" }) const bot = new Bot({ service: 'https://gaze.systems' });
await bot.login({ identifier: 'guestbook.gaze.systems', password: env.BSKY_PASSWORD ?? "" }) await bot.login({ identifier: 'guestbook.gaze.systems', password: env.BSKY_PASSWORD ?? '' });
return bot return bot;
} };
export const getUserPosts = async (did: string, count: number = 10, cursor: string | null = null) => { export const getUserPosts = async (
const client = await getBskyClient() did: string,
let feedCursor: string | null | undefined = cursor; count: number = 10,
let posts: Post[] = [] cursor: string | null = null
// fetch requested amount of posts ) => {
while (posts.length < count - 1 && (typeof feedCursor === "string" || feedCursor === null)) { const client = await getBskyClient();
let feedData = await client.getUserPosts( let feedCursor: string | null | undefined = cursor;
did, { limit: count, filter: 'posts_no_replies', cursor: feedCursor === null ? undefined : feedCursor } const posts: Post[] = [];
) // fetch requested amount of posts
posts.push(...feedData.posts.filter((post) => post.author.did === did)) while (posts.length < count - 1 && (typeof feedCursor === 'string' || feedCursor === null)) {
feedCursor = feedData.cursor const feedData = await client.getUserPosts(did, {
} limit: count,
return { posts, cursor: feedCursor === null ? undefined : feedCursor } filter: 'posts_no_replies',
} cursor: feedCursor === null ? undefined : feedCursor
});
posts.push(...feedData.posts.filter((post) => post.author.did === did));
feedCursor = feedData.cursor;
}
return { posts, cursor: feedCursor === null ? undefined : feedCursor };
};
const lastPosts = writable<Post[]>([]) const lastPosts = writable<Post[]>([]);
export const updateLastPosts = async () => { export const updateLastPosts = async () => {
try { try {
const { posts } = await getUserPosts("did:plc:dfl62fgb7wtjj3fcbb72naae", 13) const { posts } = await getUserPosts('did:plc:dfl62fgb7wtjj3fcbb72naae', 13);
lastPosts.set(posts) lastPosts.set(posts);
} catch (err) { } catch (err) {
console.log(`can't update last posts ${err}`) console.log(`can't update last posts ${err}`);
} }
} };
export const getLastPosts = () => { return get(lastPosts) } export const getLastPosts = () => {
return get(lastPosts);
};

70
src/lib/lastfm.ts

@ -1,37 +1,45 @@
import { get, writable } from "svelte/store" import { get, writable } from 'svelte/store';
const GET_RECENT_TRACKS_ENDPOINT = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=yusdacra&api_key=da1911d405b5b37383e200b8f36ee9ec&format=json&limit=1" const GET_RECENT_TRACKS_ENDPOINT =
'https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=yusdacra&api_key=da1911d405b5b37383e200b8f36ee9ec&format=json&limit=1';
type LastTrack = { type LastTrack = {
name: string, name: string;
artist: string, artist: string;
image: string | null, image: string | null;
link: string, link: string;
when: number, when: number;
playing: boolean, playing: boolean;
} };
const lastTrack = writable<LastTrack | null>(null) const lastTrack = writable<LastTrack | null>(null);
export const lastFmUpdateNowPlaying = async () => { export const lastFmUpdateNowPlaying = async () => {
try { try {
var resp = await (await fetch(GET_RECENT_TRACKS_ENDPOINT)).json() const resp = await (await fetch(GET_RECENT_TRACKS_ENDPOINT)).json();
var track = resp.recenttracks.track[0] ?? null const track = resp.recenttracks.track[0] ?? null;
if (!((track['@attr'] ?? {}).nowplaying ?? null)) { if (!((track['@attr'] ?? {}).nowplaying ?? null)) {
throw "no nowplaying track found" throw 'no nowplaying track found';
} }
var data = { const data = {
name: track.name, name: track.name,
artist: track.artist['#text'], artist: track.artist['#text'],
image: track.image[2]['#text'] ?? null, image: track.image[2]['#text'] ?? null,
link: track.url, link: track.url,
when: Date.now(), when: Date.now(),
playing: true, playing: true
} };
lastTrack.set(data) lastTrack.set(data);
} catch(why) { } catch (why) {
console.log("could not fetch last fm: ", why) console.log('could not fetch last fm: ', why);
lastTrack.update((t) => { if (t !== null) { t.playing = false; } return t }) lastTrack.update((t) => {
} if (t !== null) {
} t.playing = false;
}
return t;
});
}
};
export const getNowPlaying = () => { return get(lastTrack) } export const getNowPlaying = () => {
return get(lastTrack);
};

89
src/lib/steam.ts

@ -1,48 +1,55 @@
import { env } from "$env/dynamic/private"; import { env } from '$env/dynamic/private';
import SGDB from "steamgriddb"; import SGDB from 'steamgriddb';
import { get, writable } from "svelte/store"; import { get, writable } from 'svelte/store';
const STEAM_ID = "76561198106829949" const STEAM_ID = '76561198106829949';
const GET_PLAYER_SUMMARY_ENDPOINT = `http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=${env.STEAM_API_KEY}&steamids=${STEAM_ID}&format=json` const GET_PLAYER_SUMMARY_ENDPOINT = `http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=${env.STEAM_API_KEY}&steamids=${STEAM_ID}&format=json`;
type LastGame = { type LastGame = {
name: string, name: string;
link: string, link: string;
icon: string, icon: string;
pfp: string, pfp: string;
when: number, when: number;
playing: boolean, playing: boolean;
} };
const steamgriddbClient = writable<SGDB | null>(null) const steamgriddbClient = writable<SGDB | null>(null);
const lastGame = writable<LastGame | null>(null) const lastGame = writable<LastGame | null>(null);
export const steamUpdateNowPlaying = async () => { export const steamUpdateNowPlaying = async () => {
var griddbClient = get(steamgriddbClient) let griddbClient = get(steamgriddbClient);
if (griddbClient === null) { if (griddbClient === null) {
griddbClient = new SGDB(env.STEAMGRIDDB_API_KEY) griddbClient = new SGDB(env.STEAMGRIDDB_API_KEY);
steamgriddbClient.set(griddbClient) steamgriddbClient.set(griddbClient);
} }
try { try {
var profile = (await (await fetch(GET_PLAYER_SUMMARY_ENDPOINT)).json()).response.players[0] const profile = (await (await fetch(GET_PLAYER_SUMMARY_ENDPOINT)).json()).response.players[0];
if (!profile.gameid) { if (!profile.gameid) {
throw "no game is being played" throw 'no game is being played';
} }
var icons = await griddbClient.getIconsBySteamAppId(profile.gameid, ['official', 'custom']) const icons = await griddbClient.getIconsBySteamAppId(profile.gameid, ['official', 'custom']);
//console.log(icons) //console.log(icons)
var game: LastGame = { const game: LastGame = {
name: profile.gameextrainfo, name: profile.gameextrainfo,
link: `https://store.steampowered.com/app/${profile.gameid}`, link: `https://store.steampowered.com/app/${profile.gameid}`,
icon: icons[0].thumb.toString(), icon: icons[0].thumb.toString(),
pfp: profile.avatarmedium, pfp: profile.avatarmedium,
when: Date.now(), when: Date.now(),
playing: true, playing: true
} };
lastGame.set(game) lastGame.set(game);
} catch(why) { } catch (why) {
console.log("could not fetch steam: ", why) console.log('could not fetch steam: ', why);
lastGame.update((t) => { if (t !== null) { t.playing = false; } return t }) lastGame.update((t) => {
} if (t !== null) {
} t.playing = false;
}
return t;
});
}
};
export const getLastGame = () => { return get(lastGame) } export const getLastGame = () => {
return get(lastGame);
};

202
src/lib/visits.ts

@ -1,110 +1,122 @@
import { env } from "$env/dynamic/private"; import { env } from '$env/dynamic/private';
import { scopeCookies } from "$lib"; import { scopeCookies } from '$lib';
import type { Cookies } from "@sveltejs/kit"; import type { Cookies } from '@sveltejs/kit';
import { existsSync, readFileSync, writeFileSync } from "fs"; import { existsSync, readFileSync, writeFileSync } from 'fs';
import { nanoid } from "nanoid"; import { nanoid } from 'nanoid';
import { get, writable } from "svelte/store"; import { get, writable } from 'svelte/store';
const visitCountFile = `${env.WEBSITE_DATA_DIR}/visitcount` const visitCountFile = `${env.WEBSITE_DATA_DIR}/visitcount`;
const visitCount = writable(parseInt(existsSync(visitCountFile) ? readFileSync(visitCountFile).toString() : '0')) const visitCount = writable(
parseInt(existsSync(visitCountFile) ? readFileSync(visitCountFile).toString() : '0')
);
type Visitor = { visits: number[] } type Visitor = { visits: number[] };
const lastVisitors = writable<Map<string, Visitor>>(new Map()) const lastVisitors = writable<Map<string, Visitor>>(new Map());
const VISITOR_EXPIRY_SECONDS = 60 * 60 // an hour seems reasonable const VISITOR_EXPIRY_SECONDS = 60 * 60; // an hour seems reasonable
export const incrementVisitCount = (request: Request, cookies: Cookies) => { export const incrementVisitCount = (request: Request, cookies: Cookies) => {
let currentVisitCount = get(visitCount) let currentVisitCount = get(visitCount);
// check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots) // check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots)
if (isBot(request)) { return currentVisitCount } if (isBot(request)) {
const scopedCookies = scopeCookies(cookies, '/') return currentVisitCount;
// parse the last visit timestamp from cookies if it exists }
const visitedTimestamp = parseInt(scopedCookies.get('visitedTimestamp') || "0") const scopedCookies = scopeCookies(cookies, '/');
// get unix timestamp // parse the last visit timestamp from cookies if it exists
const currentTime = Date.now() const visitedTimestamp = parseInt(scopedCookies.get('visitedTimestamp') || '0');
const timeSinceVisit = currentTime - visitedTimestamp // get unix timestamp
// check if this is the first time a client is visiting or if an hour has passed since they last visited const currentTime = Date.now();
if (visitedTimestamp === 0 || timeSinceVisit > 1000 * 60 * 60 * 24) { const timeSinceVisit = currentTime - visitedTimestamp;
// increment current and write to the store // check if this is the first time a client is visiting or if an hour has passed since they last visited
currentVisitCount += 1; visitCount.set(currentVisitCount) if (visitedTimestamp === 0 || timeSinceVisit > 1000 * 60 * 60 * 24) {
// update the cookie with the current timestamp // increment current and write to the store
scopedCookies.set('visitedTimestamp', currentTime.toString()) currentVisitCount += 1;
// write the visit count to a file so we can load it later again visitCount.set(currentVisitCount);
writeFileSync(visitCountFile, currentVisitCount.toString()) // update the cookie with the current timestamp
} scopedCookies.set('visitedTimestamp', currentTime.toString());
return currentVisitCount // write the visit count to a file so we can load it later again
} writeFileSync(visitCountFile, currentVisitCount.toString());
}
return currentVisitCount;
};
export const addLastVisitor = (request: Request, cookies: Cookies) => { export const addLastVisitor = (request: Request, cookies: Cookies) => {
let visitors = get(lastVisitors) let visitors = get(lastVisitors);
visitors = _addLastVisitor(visitors, request, cookies) visitors = _addLastVisitor(visitors, request, cookies);
lastVisitors.set(visitors) lastVisitors.set(visitors);
return visitors return visitors;
} };
export const getVisitorId = (cookies: Cookies) => { export const getVisitorId = (cookies: Cookies) => {
const scopedCookies = scopeCookies(cookies, '/') const scopedCookies = scopeCookies(cookies, '/');
// parse the last visit timestamp from cookies if it exists // parse the last visit timestamp from cookies if it exists
return scopedCookies.get('visitorId') return scopedCookies.get('visitorId');
} };
// why not use this for incrementVisitCount? cuz i wanna have separate visit counts (one per hour and one per day, per hour being recent visitors) // why not use this for incrementVisitCount? cuz i wanna have separate visit counts (one per hour and one per day, per hour being recent visitors)
const _addLastVisitor = (visitors: Map<string, Visitor>, request: Request, cookies: Cookies) => { const _addLastVisitor = (visitors: Map<string, Visitor>, request: Request, cookies: Cookies) => {
const currentTime = Date.now() const currentTime = Date.now();
// filter out old entries // filter out old entries
visitors.forEach((visitor, id, map) => { visitors.forEach((visitor, id, map) => {
if (currentTime - visitor.visits[0] > 1000 * VISITOR_EXPIRY_SECONDS) if (currentTime - visitor.visits[0] > 1000 * VISITOR_EXPIRY_SECONDS) map.delete(id);
map.delete(id) else {
else { visitor.visits = visitor.visits.filter((since) => {
visitor.visits = visitor.visits.filter((since) => { return currentTime - since < 1000 * VISITOR_EXPIRY_SECONDS;
return currentTime - since < 1000 * VISITOR_EXPIRY_SECONDS });
}) map.set(id, visitor);
map.set(id, visitor) }
} });
}) // check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots)
// check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots) if (isBot(request)) {
if (isBot(request)) { return visitors } return visitors;
const scopedCookies = scopeCookies(cookies, '/') }
// parse the last visit timestamp from cookies if it exists const scopedCookies = scopeCookies(cookies, '/');
let visitorId = scopedCookies.get('visitorId') || "" // parse the last visit timestamp from cookies if it exists
// if no such id exists, create one and assign it to the client let visitorId = scopedCookies.get('visitorId') || '';
if (! visitors.has(visitorId)) { // if no such id exists, create one and assign it to the client
visitorId = nanoid() if (!visitors.has(visitorId)) {
scopedCookies.set('visitorId', visitorId) visitorId = nanoid();
console.log(`new client visitor id ${visitorId}`) scopedCookies.set('visitorId', visitorId);
} console.log(`new client visitor id ${visitorId}`);
// update the entry }
let visitorEntry = visitors.get(visitorId) || {visits: []} // update the entry
// put new visit in the front const visitorEntry = visitors.get(visitorId) || { visits: [] };
visitorEntry.visits = [currentTime].concat(visitorEntry.visits) // put new visit in the front
visitors.set(visitorId, visitorEntry); visitorEntry.visits = [currentTime].concat(visitorEntry.visits);
return visitors visitors.set(visitorId, visitorEntry);
} return visitors;
};
const isBot = (request: Request) => { const isBot = (request: Request) => {
const ua = request.headers.get('user-agent') const ua = request.headers.get('user-agent');
return ua ? ua.toLowerCase().match(/(bot|crawl|spider|walk|fetch|scrap|proxy|image)/) !== null : true return ua
} ? ua.toLowerCase().match(/(bot|crawl|spider|walk|fetch|scrap|proxy|image)/) !== null
: true;
};
export const notifyDarkVisitors = (url: URL, request: Request) => { export const notifyDarkVisitors = (url: URL, request: Request) => {
fetch('https://api.darkvisitors.com/visits', { fetch('https://api.darkvisitors.com/visits', {
method: 'POST', method: 'POST',
headers: { headers: {
authorization: `Bearer ${env.DARK_VISITORS_TOKEN}`, authorization: `Bearer ${env.DARK_VISITORS_TOKEN}`,
'content-type': 'application/json', 'content-type': 'application/json'
}, },
body: JSON.stringify({ body: JSON.stringify({
request_path: url.pathname, request_path: url.pathname,
request_method: request.method, request_method: request.method,
request_headers: request.headers, request_headers: request.headers
}) })
}).catch((why) => { })
console.log("failed sending dark visitors analytics:", why) .catch((why) => {
return null console.log('failed sending dark visitors analytics:', why);
}).then(async (resp) => { return null;
if (resp !== null) { })
const msg = await resp.json() .then(async (resp) => {
const host = `(${request.headers.get('host')} ${request.headers.get('x-real-ip')})` if (resp !== null) {
console.log(`sent visitor analytic to dark visitors: ${resp.statusText}; ${msg.message ?? ''}${host}`) const msg = await resp.json();
} const host = `(${request.headers.get('host')} ${request.headers.get('x-real-ip')})`;
}) console.log(
} `sent visitor analytic to dark visitors: ${resp.statusText}; ${msg.message ?? ''}${host}`
);
}
});
};

23
src/lib/window.ts

@ -1,9 +1,20 @@
import { writable } from "svelte/store"; /* eslint-disable no-useless-escape */
import { writable } from 'svelte/store';
export const highestZIndex = writable(0) export const highestZIndex = writable(0);
export const isMobile = () => { export const isMobile = () => {
let check = false; let check = false;
(function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor); (function (a) {
return check; if (
} /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
a
) ||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
a.slice(0, 4)
)
)
check = true;
})(navigator.userAgent || navigator.vendor);
return check;
};

34
src/routes/+layout.server.ts

@ -5,26 +5,26 @@ import { error } from '@sveltejs/kit';
export const csr = true; export const csr = true;
export const ssr = true; export const ssr = true;
export const prerender = false; export const prerender = false;
export const trailingSlash = 'always'; export const trailingSlash = 'always';
export async function load({ request, cookies, url }) { export async function load({ request, cookies, url }) {
notifyDarkVisitors(url, request) // no await so it doesnt block load notifyDarkVisitors(url, request); // no await so it doesnt block load
// block any requests if the user agent is disallowed by our robots txt // block any requests if the user agent is disallowed by our robots txt
if (await testUa(url.toString(), request.headers.get('user-agent') ?? "") === false) { if ((await testUa(url.toString(), request.headers.get('user-agent') ?? '')) === false) {
throw error(403, "get a better user agent silly") throw error(403, 'get a better user agent silly');
} }
const lastVisitors = addLastVisitor(request, cookies) const lastVisitors = addLastVisitor(request, cookies);
let recentVisitCount = 0 let recentVisitCount = 0;
for (const [_, visitor] of lastVisitors) { for (const [, visitor] of lastVisitors) {
recentVisitCount += visitor.visits.length recentVisitCount += visitor.visits.length;
} }
return { return {
route: url.pathname, route: url.pathname,
visitCount: incrementVisitCount(request, cookies), visitCount: incrementVisitCount(request, cookies),
lastVisitors, lastVisitors,
recentVisitCount, recentVisitCount
} };
} }

57
src/routes/+layout.svelte

@ -5,6 +5,7 @@
import '../styles/app.css'; import '../styles/app.css';
interface Props { interface Props {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
data: any; data: any;
children?: import('svelte').Snippet; children?: import('svelte').Snippet;
} }
@ -73,7 +74,7 @@
<filter id="squiggly-{index}"> <filter id="squiggly-{index}">
<feTurbulence <feTurbulence
id="turbulence" id="turbulence"
baseFrequency=0.03 baseFrequency="0.03"
numOctaves="3" numOctaves="3"
result="noise" result="noise"
seed={index} seed={index}
@ -134,7 +135,9 @@
</defs> </defs>
</svg> </svg>
<div class="md:h-[96vh] pb-[8vh] lg:px-[1vw] 2xl:px-[2vw] lg:pb-[3vh] lg:pt-[1vh] overflow-x-hidden [scrollbar-gutter:stable]"> <div
class="md:h-[96vh] pb-[8vh] lg:px-[1vw] 2xl:px-[2vw] lg:pb-[3vh] lg:pt-[1vh] overflow-x-hidden [scrollbar-gutter:stable]"
>
{@render children?.()} {@render children?.()}
</div> </div>
@ -152,7 +155,12 @@
{@const highlight = isRoute(item.href)} {@const highlight = isRoute(item.href)}
<NavButton {highlight} {...item} /> <NavButton {highlight} {...item} />
{#if doAddPostItem && menuIdx == 1} {#if doAddPostItem && menuIdx == 1}
<NavButton highlight name={routeComponents[2]} href={data.route.slice(1)} iconUri='/icons/entry.webp'/> <NavButton
highlight
name={routeComponents[2]}
href={data.route.slice(1)}
iconUri="/icons/entry.webp"
/>
{/if} {/if}
{/each} {/each}
<div class="hidden md:block grow"></div> <div class="hidden md:block grow"></div>
@ -163,22 +171,33 @@
</div> </div>
<Tooltip> <Tooltip>
{#snippet tooltipContent()} {#snippet tooltipContent()}
<p class="font-monospace">
<p class="font-monospace"> <nobr
<nobr>total visits = <span class="text-ralsei-green-light text-shadow-green">{data.visitCount.toString().padStart(9, ".")}</span></nobr> >total visits = <span class="text-ralsei-green-light text-shadow-green"
<nobr>uniq recent visits = <span class="text-ralsei-green-light text-shadow-green">{data.lastVisitors.size.toString().padStart(3, ".")}</span></nobr> >{data.visitCount.toString().padStart(9, '.')}</span
</p> ></nobr
>
{/snippet} <nobr
<div class="navbox"><p><span class="text-ralsei-green-light text-shadow-green">{data.recentVisitCount}</span> recent clicks</p></div> >uniq recent visits = <span class="text-ralsei-green-light text-shadow-green"
>{data.lastVisitors.size.toString().padStart(3, '.')}</span
></nobr
>
</p>
{/snippet}
<div class="navbox">
<p>
<span class="text-ralsei-green-light text-shadow-green">{data.recentVisitCount}</span> recent
clicks
</p>
</div>
</Tooltip> </Tooltip>
{#if isRoute("entries") || isRoute("log")} {#if isRoute('entries') || isRoute('log')}
<div class="navbox !gap-1"> <div class="navbox !gap-1">
rss: rss:
<a class="align-middle hover:underline" href="/entries/_rss">posts</a> <a class="align-middle hover:underline" href="/entries/_rss">posts</a>
/ /
<a class="align-middle hover:underline" href="/log/_rss">log</a> <a class="align-middle hover:underline" href="/log/_rss">log</a>
</div> </div>
{/if} {/if}
</div> </div>
</div> </div>
@ -189,4 +208,4 @@
@apply flex gap-3 px-1.5 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-4; @apply flex gap-3 px-1.5 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-4;
border-style: groove; border-style: groove;
} }
</style> </style>

196
src/routes/+page.svelte

@ -3,9 +3,10 @@
import Note from '../components/note.svelte'; import Note from '../components/note.svelte';
import Window from '../components/window.svelte'; import Window from '../components/window.svelte';
import LatestStuff from './lateststuff.md'; import LatestStuff from './lateststuff.md';
import {renderDate, renderRelativeDate} from '$lib/dateFmt'; import { renderDate, renderRelativeDate } from '$lib/dateFmt';
interface Props { interface Props {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
data: any; data: any;
} }
@ -16,9 +17,7 @@
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto"> <div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto">
<Window title="readme?" iconUri="/icons/question.webp" removePadding> <Window title="readme?" iconUri="/icons/question.webp" removePadding>
<div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none"> <div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none">
<div <div class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden">
class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden"
>
{#each data.banners as bannerNo, index} {#each data.banners as bannerNo, index}
{@const hideIfMobile = index === data.banners.length - 1} {@const hideIfMobile = index === data.banners.length - 1}
<img <img
@ -35,10 +34,13 @@
{/each} {/each}
</div> </div>
<div class="flex flex-grow"> <div class="flex flex-grow">
<div <div class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20">
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20" <img
> class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]"
<img class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]" src="/pfp-iojkqpwerojnasduijf.webp" alt="my character" title="hi ;)"/> src="/pfp-iojkqpwerojnasduijf.webp"
alt="my angelsona"
title="that's me! my angelsona :3c"
/>
</div> </div>
<div <div
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20" class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20"
@ -47,7 +49,9 @@
class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']" class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']"
> >
<li class="[list-style-type:'->'] p-note">trying to do stuff</li> <li class="[list-style-type:'->'] p-note">trying to do stuff</li>
<li class="[list-style-type:'->'] p-note">is a thing that exists</li> <li class="[list-style-type:'->'] p-note" title="angelrobotdollpuppything">
is a thing (it/they)
</li>
<li class="[list-style-type:'->']"> <li class="[list-style-type:'->']">
<span class="p-category">software engineer</span>, <span class="p-category">software engineer</span>,
<span class="p-category">indie game dev</span> <span class="p-category">indie game dev</span>
@ -95,7 +99,9 @@
</div> </div>
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end"> <div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end">
<Window title="links!" iconUri="/icons/contact.webp"> <Window title="links!" iconUri="/icons/contact.webp">
<div class="prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none"> <div
class="prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none"
>
<ul> <ul>
<li>discord: yusdacra</li> <li>discord: yusdacra</li>
<li> <li>
@ -135,102 +141,110 @@
</ul> </ul>
<h4>88x31</h4> <h4>88x31</h4>
<div class="flex flex-row flex-wrap gap-1 prose-img:m-0"> <div class="flex flex-row flex-wrap gap-1 prose-img:m-0">
<img src="/88x31.gif" alt="88x31 banner" title="midnight AND sunrise! woaw"/> <img src="/88x31.gif" alt="88x31 banner" title="midnight AND sunrise! woaw" />
<img src="/88x31_midnight.gif" alt="88x31 banner (midnight only)" title="it's midnight!"/> <img
<img src="/88x31_sunrise.gif" alt="88x31 banner (sunrise only)" title="it's sunrise!"/> src="/88x31_midnight.gif"
alt="88x31 banner (midnight only)"
title="it's midnight!"
/>
<img src="/88x31_sunrise.gif" alt="88x31 banner (sunrise only)" title="it's sunrise!" />
</div> </div>
</div> </div>
</Window> </Window>
<Window title="status" style="mt-auto" removePadding> <Window title="status" style="mt-auto" removePadding>
{#if data.lastNote} {#if data.lastNote}
<div class="m-1.5 flex flex-col font-monospace text-sm"> <div class="m-1.5 flex flex-col font-monospace text-sm">
<p <p
class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black" class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"
style="border-style: double double none double;" style="border-style: double double none double;"
title={renderDate(data.lastNote.published)} title={renderDate(data.lastNote.published)}
> >
<a href="/entries">last log was…</a> <a href="/entries">last log was…</a>
published {renderRelativeDate(data.lastNote.published)}! published {renderRelativeDate(data.lastNote.published)}!
</p> </p>
<div class="mt-0 p-1.5 border-4 border-double bg-ralsei-black min-w-full max-w-[40ch]"> <div class="mt-0 p-1.5 border-4 border-double bg-ralsei-black min-w-full max-w-[40ch]">
<Note note={data.lastNote} onlyContent/> <Note note={data.lastNote} onlyContent />
</div>
</div> </div>
</div>
{/if} {/if}
{#if data.lastTrack} {#if data.lastTrack}
<div class="flex flex-row gap-0.5 m-1.5 border-4 border-double bg-ralsei-black"> <div class="flex flex-row gap-0.5 m-1.5 border-4 border-double bg-ralsei-black">
<!-- svelte-ignore a11y_missing_attribute --> <!-- svelte-ignore a11y_missing_attribute -->
{#if data.lastTrack.image} {#if data.lastTrack.image}
<img
class="border-4 w-[4.5rem] h-[4.5rem]"
style="border-style: none double none none;"
src={data.lastTrack.image}
/>
{:else}
<img
class="border-4 w-[4.5rem] h-[4.5rem] p-2"
style="border-style: none double none none; image-rendering: pixelated;"
src="/icons/cd_audio.webp"
/>
{/if}
<div class="flex flex-col max-w-[40ch] p-2">
<p
class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
<span class="text-sm text-shadow-white text-ralsei-white"
>{data.lastTrack.playing ? 'listening to' : 'listened to'}</span
>
<a
title={data.lastTrack.name}
href="https://www.last.fm/user/yusdacra"
class="hover:underline motion-safe:hover:animate-squiggle">{data.lastTrack.name}</a
>
</p>
<p
class="text-shadow-pink text-ralsei-pink-regular text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
<span class="text-shadow-white text-ralsei-white">by</span>
<span title={data.lastTrack.artist}>{data.lastTrack.artist}</span>
</p>
<p
class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
…{renderRelativeDate(data.lastTrack.when)}
</p>
</div>
</div>
{/if}
{#if data.lastGame}
<div class="flex flex-row m-1.5 border-4 border-double bg-ralsei-black">
<!-- svelte-ignore a11y_missing_attribute -->
<img <img
class="border-4 w-[4.5rem] h-[4.5rem]" class="border-4 w-[4.5rem] h-[4.5rem]"
style="border-style: none double none none;" style="border-style: none double none none;"
src={data.lastTrack.image} width="64"
height="64"
src={data.lastGame.icon}
/> />
{:else} <div class="flex flex-col max-w-[40ch] p-2 gap-0.5 overflow-hidden">
<img <p
class="border-4 w-[4.5rem] h-[4.5rem] p-2" class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
style="border-style: none double none none; image-rendering: pixelated;" >
src="/icons/cd_audio.webp" <span class="text-sm text-shadow-white text-ralsei-white"
/> >{data.lastGame.playing ? 'playing' : 'played'}</span
{/if} >
<div class="flex flex-col max-w-[40ch] p-2"> <a title={data.lastGame.name} class="hover:underline" href={data.lastGame.link}
<p >{data.lastGame.name}</a
class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]" >
> </p>
<span class="text-sm text-shadow-white text-ralsei-white">{data.lastTrack.playing ? "listening to" : "listened to"}</span> <p
class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
…{renderRelativeDate(data.lastGame.when)}
</p>
<!-- svelte-ignore a11y_missing_attribute -->
<a <a
title={data.lastTrack.name} href="https://steamcommunity.com/id/yusdacra"
href="https://www.last.fm/user/yusdacra" class="text-xs hover:underline text-shadow-green text-ralsei-green-light"
class="hover:underline motion-safe:hover:animate-squiggle">{data.lastTrack.name}</a ><img class="inline w-4" src={data.lastGame.pfp} />
<span class="align-middle">steam profile</span></a
> >
</p> </div>
<p
class="text-shadow-pink text-ralsei-pink-regular text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
<span class="text-shadow-white text-ralsei-white">by</span>
<span title={data.lastTrack.artist}>{data.lastTrack.artist}</span>
</p>
<p
class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
…{renderRelativeDate(data.lastTrack.when)}
</p>
</div> </div>
</div>
{/if}
{#if data.lastGame}
<div class="flex flex-row m-1.5 border-4 border-double bg-ralsei-black">
<!-- svelte-ignore a11y_missing_attribute -->
<img
class="border-4 w-[4.5rem] h-[4.5rem]"
style="border-style: none double none none;"
width="64"
height="64"
src={data.lastGame.icon}
/>
<div class="flex flex-col max-w-[40ch] p-2 gap-0.5 overflow-hidden">
<p
class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
<span class="text-sm text-shadow-white text-ralsei-white">{data.lastGame.playing ? "playing" : "played"}</span>
<a title={data.lastGame.name} class="hover:underline" href={data.lastGame.link}
>{data.lastGame.name}</a
>
</p>
<p
class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"
>
…{renderRelativeDate(data.lastGame.when)}
</p>
<!-- svelte-ignore a11y_missing_attribute -->
<a
href="https://steamcommunity.com/id/yusdacra"
class="text-xs hover:underline text-shadow-green text-ralsei-green-light"
><img class="inline w-4" src={data.lastGame.pfp} />
<span class="align-middle">steam profile</span></a
>
</div>
</div>
{/if} {/if}
</Window> </Window>
</div> </div>