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 { Bot, type Post } from "@skyware/bot";
import { get, writable } from 'svelte/store'
import { env } from '$env/dynamic/private';
import { Bot, type Post } from '@skyware/bot';
import { get, writable } from 'svelte/store';
const bskyClient = writable<null | Bot>(null)
const bskyClient = writable<null | Bot>(null);
export const getBskyClient = async () => {
let client = get(bskyClient)
if (client === null) {
client = await loginToBsky()
bskyClient.set(client)
}
return client
}
let client = get(bskyClient);
if (client === null) {
client = await loginToBsky();
bskyClient.set(client);
}
return client;
};
const loginToBsky = async () => {
const bot = new Bot({ service: "https://gaze.systems" })
await bot.login({ identifier: 'guestbook.gaze.systems', password: env.BSKY_PASSWORD ?? "" })
return bot
}
const bot = new Bot({ service: 'https://gaze.systems' });
await bot.login({ identifier: 'guestbook.gaze.systems', password: env.BSKY_PASSWORD ?? '' });
return bot;
};
export const getUserPosts = async (did: string, count: number = 10, cursor: string | null = null) => {
const client = await getBskyClient()
let feedCursor: string | null | undefined = cursor;
let posts: Post[] = []
// fetch requested amount of posts
while (posts.length < count - 1 && (typeof feedCursor === "string" || feedCursor === null)) {
let feedData = await client.getUserPosts(
did, { limit: count, 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 }
}
export const getUserPosts = async (
did: string,
count: number = 10,
cursor: string | null = null
) => {
const client = await getBskyClient();
let feedCursor: string | null | undefined = cursor;
const posts: Post[] = [];
// fetch requested amount of posts
while (posts.length < count - 1 && (typeof feedCursor === 'string' || feedCursor === null)) {
const feedData = await client.getUserPosts(did, {
limit: count,
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 () => {
try {
const { posts } = await getUserPosts("did:plc:dfl62fgb7wtjj3fcbb72naae", 13)
lastPosts.set(posts)
} catch (err) {
console.log(`can't update last posts ${err}`)
}
}
try {
const { posts } = await getUserPosts('did:plc:dfl62fgb7wtjj3fcbb72naae', 13);
lastPosts.set(posts);
} catch (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 = {
name: string,
artist: string,
image: string | null,
link: string,
when: number,
playing: boolean,
}
const lastTrack = writable<LastTrack | null>(null)
name: string;
artist: string;
image: string | null;
link: string;
when: number;
playing: boolean;
};
const lastTrack = writable<LastTrack | null>(null);
export const lastFmUpdateNowPlaying = async () => {
try {
var resp = await (await fetch(GET_RECENT_TRACKS_ENDPOINT)).json()
var track = resp.recenttracks.track[0] ?? null
if (!((track['@attr'] ?? {}).nowplaying ?? null)) {
throw "no nowplaying track found"
}
var data = {
name: track.name,
artist: track.artist['#text'],
image: track.image[2]['#text'] ?? null,
link: track.url,
when: Date.now(),
playing: true,
}
lastTrack.set(data)
} catch(why) {
console.log("could not fetch last fm: ", why)
lastTrack.update((t) => { if (t !== null) { t.playing = false; } return t })
}
}
try {
const resp = await (await fetch(GET_RECENT_TRACKS_ENDPOINT)).json();
const track = resp.recenttracks.track[0] ?? null;
if (!((track['@attr'] ?? {}).nowplaying ?? null)) {
throw 'no nowplaying track found';
}
const data = {
name: track.name,
artist: track.artist['#text'],
image: track.image[2]['#text'] ?? null,
link: track.url,
when: Date.now(),
playing: true
};
lastTrack.set(data);
} catch (why) {
console.log('could not fetch last fm: ', why);
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 SGDB from "steamgriddb";
import { get, writable } from "svelte/store";
import { env } from '$env/dynamic/private';
import SGDB from 'steamgriddb';
import { get, writable } from 'svelte/store';
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 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`;
type LastGame = {
name: string,
link: string,
icon: string,
pfp: string,
when: number,
playing: boolean,
}
name: string;
link: string;
icon: string;
pfp: string;
when: number;
playing: boolean;
};
const steamgriddbClient = writable<SGDB | null>(null)
const lastGame = writable<LastGame | null>(null)
const steamgriddbClient = writable<SGDB | null>(null);
const lastGame = writable<LastGame | null>(null);
export const steamUpdateNowPlaying = async () => {
var griddbClient = get(steamgriddbClient)
if (griddbClient === null) {
griddbClient = new SGDB(env.STEAMGRIDDB_API_KEY)
steamgriddbClient.set(griddbClient)
}
try {
var profile = (await (await fetch(GET_PLAYER_SUMMARY_ENDPOINT)).json()).response.players[0]
if (!profile.gameid) {
throw "no game is being played"
}
var icons = await griddbClient.getIconsBySteamAppId(profile.gameid, ['official', 'custom'])
//console.log(icons)
var game: LastGame = {
name: profile.gameextrainfo,
link: `https://store.steampowered.com/app/${profile.gameid}`,
icon: icons[0].thumb.toString(),
pfp: profile.avatarmedium,
when: Date.now(),
playing: true,
}
lastGame.set(game)
} catch(why) {
console.log("could not fetch steam: ", why)
lastGame.update((t) => { if (t !== null) { t.playing = false; } return t })
}
}
let griddbClient = get(steamgriddbClient);
if (griddbClient === null) {
griddbClient = new SGDB(env.STEAMGRIDDB_API_KEY);
steamgriddbClient.set(griddbClient);
}
try {
const profile = (await (await fetch(GET_PLAYER_SUMMARY_ENDPOINT)).json()).response.players[0];
if (!profile.gameid) {
throw 'no game is being played';
}
const icons = await griddbClient.getIconsBySteamAppId(profile.gameid, ['official', 'custom']);
//console.log(icons)
const game: LastGame = {
name: profile.gameextrainfo,
link: `https://store.steampowered.com/app/${profile.gameid}`,
icon: icons[0].thumb.toString(),
pfp: profile.avatarmedium,
when: Date.now(),
playing: true
};
lastGame.set(game);
} catch (why) {
console.log('could not fetch steam: ', why);
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 { scopeCookies } from "$lib";
import type { Cookies } from "@sveltejs/kit";
import { existsSync, readFileSync, writeFileSync } from "fs";
import { nanoid } from "nanoid";
import { get, writable } from "svelte/store";
import { env } from '$env/dynamic/private';
import { scopeCookies } from '$lib';
import type { Cookies } from '@sveltejs/kit';
import { existsSync, readFileSync, writeFileSync } from 'fs';
import { nanoid } from 'nanoid';
import { get, writable } from 'svelte/store';
const visitCountFile = `${env.WEBSITE_DATA_DIR}/visitcount`
const visitCount = writable(parseInt(existsSync(visitCountFile) ? readFileSync(visitCountFile).toString() : '0'))
const visitCountFile = `${env.WEBSITE_DATA_DIR}/visitcount`;
const visitCount = writable(
parseInt(existsSync(visitCountFile) ? readFileSync(visitCountFile).toString() : '0')
);
type Visitor = { visits: number[] }
const lastVisitors = writable<Map<string, Visitor>>(new Map())
const VISITOR_EXPIRY_SECONDS = 60 * 60 // an hour seems reasonable
type Visitor = { visits: number[] };
const lastVisitors = writable<Map<string, Visitor>>(new Map());
const VISITOR_EXPIRY_SECONDS = 60 * 60; // an hour seems reasonable
export const incrementVisitCount = (request: Request, cookies: Cookies) => {
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)
if (isBot(request)) { return currentVisitCount }
const scopedCookies = scopeCookies(cookies, '/')
// parse the last visit timestamp from cookies if it exists
const visitedTimestamp = parseInt(scopedCookies.get('visitedTimestamp') || "0")
// get unix timestamp
const currentTime = Date.now()
const timeSinceVisit = currentTime - visitedTimestamp
// check if this is the first time a client is visiting or if an hour has passed since they last visited
if (visitedTimestamp === 0 || timeSinceVisit > 1000 * 60 * 60 * 24) {
// increment current and write to the store
currentVisitCount += 1; visitCount.set(currentVisitCount)
// update the cookie with the current timestamp
scopedCookies.set('visitedTimestamp', currentTime.toString())
// write the visit count to a file so we can load it later again
writeFileSync(visitCountFile, currentVisitCount.toString())
}
return currentVisitCount
}
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)
if (isBot(request)) {
return currentVisitCount;
}
const scopedCookies = scopeCookies(cookies, '/');
// parse the last visit timestamp from cookies if it exists
const visitedTimestamp = parseInt(scopedCookies.get('visitedTimestamp') || '0');
// get unix timestamp
const currentTime = Date.now();
const timeSinceVisit = currentTime - visitedTimestamp;
// check if this is the first time a client is visiting or if an hour has passed since they last visited
if (visitedTimestamp === 0 || timeSinceVisit > 1000 * 60 * 60 * 24) {
// increment current and write to the store
currentVisitCount += 1;
visitCount.set(currentVisitCount);
// update the cookie with the current timestamp
scopedCookies.set('visitedTimestamp', currentTime.toString());
// 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) => {
let visitors = get(lastVisitors)
visitors = _addLastVisitor(visitors, request, cookies)
lastVisitors.set(visitors)
return visitors
}
let visitors = get(lastVisitors);
visitors = _addLastVisitor(visitors, request, cookies);
lastVisitors.set(visitors);
return visitors;
};
export const getVisitorId = (cookies: Cookies) => {
const scopedCookies = scopeCookies(cookies, '/')
// parse the last visit timestamp from cookies if it exists
return scopedCookies.get('visitorId')
}
const scopedCookies = scopeCookies(cookies, '/');
// parse the last visit timestamp from cookies if it exists
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)
const _addLastVisitor = (visitors: Map<string, Visitor>, request: Request, cookies: Cookies) => {
const currentTime = Date.now()
// filter out old entries
visitors.forEach((visitor, id, map) => {
if (currentTime - visitor.visits[0] > 1000 * VISITOR_EXPIRY_SECONDS)
map.delete(id)
else {
visitor.visits = visitor.visits.filter((since) => {
return currentTime - since < 1000 * VISITOR_EXPIRY_SECONDS
})
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)
if (isBot(request)) { return visitors }
const scopedCookies = scopeCookies(cookies, '/')
// parse the last visit timestamp from cookies if it exists
let visitorId = scopedCookies.get('visitorId') || ""
// if no such id exists, create one and assign it to the client
if (! visitors.has(visitorId)) {
visitorId = nanoid()
scopedCookies.set('visitorId', visitorId)
console.log(`new client visitor id ${visitorId}`)
}
// update the entry
let visitorEntry = visitors.get(visitorId) || {visits: []}
// put new visit in the front
visitorEntry.visits = [currentTime].concat(visitorEntry.visits)
visitors.set(visitorId, visitorEntry);
return visitors
}
const currentTime = Date.now();
// filter out old entries
visitors.forEach((visitor, id, map) => {
if (currentTime - visitor.visits[0] > 1000 * VISITOR_EXPIRY_SECONDS) map.delete(id);
else {
visitor.visits = visitor.visits.filter((since) => {
return currentTime - since < 1000 * VISITOR_EXPIRY_SECONDS;
});
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)
if (isBot(request)) {
return visitors;
}
const scopedCookies = scopeCookies(cookies, '/');
// parse the last visit timestamp from cookies if it exists
let visitorId = scopedCookies.get('visitorId') || '';
// if no such id exists, create one and assign it to the client
if (!visitors.has(visitorId)) {
visitorId = nanoid();
scopedCookies.set('visitorId', visitorId);
console.log(`new client visitor id ${visitorId}`);
}
// update the entry
const visitorEntry = visitors.get(visitorId) || { visits: [] };
// put new visit in the front
visitorEntry.visits = [currentTime].concat(visitorEntry.visits);
visitors.set(visitorId, visitorEntry);
return visitors;
};
const isBot = (request: Request) => {
const ua = request.headers.get('user-agent')
return ua ? ua.toLowerCase().match(/(bot|crawl|spider|walk|fetch|scrap|proxy|image)/) !== null : true
}
const ua = request.headers.get('user-agent');
return ua
? ua.toLowerCase().match(/(bot|crawl|spider|walk|fetch|scrap|proxy|image)/) !== null
: true;
};
export const notifyDarkVisitors = (url: URL, request: Request) => {
fetch('https://api.darkvisitors.com/visits', {
method: 'POST',
headers: {
authorization: `Bearer ${env.DARK_VISITORS_TOKEN}`,
'content-type': 'application/json',
},
body: JSON.stringify({
request_path: url.pathname,
request_method: request.method,
request_headers: request.headers,
})
}).catch((why) => {
console.log("failed sending dark visitors analytics:", why)
return null
}).then(async (resp) => {
if (resp !== null) {
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}`)
}
})
}
fetch('https://api.darkvisitors.com/visits', {
method: 'POST',
headers: {
authorization: `Bearer ${env.DARK_VISITORS_TOKEN}`,
'content-type': 'application/json'
},
body: JSON.stringify({
request_path: url.pathname,
request_method: request.method,
request_headers: request.headers
})
})
.catch((why) => {
console.log('failed sending dark visitors analytics:', why);
return null;
})
.then(async (resp) => {
if (resp !== null) {
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 = () => {
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);
return check;
}
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.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 ssr = true;
export const prerender = false;
export const trailingSlash = 'always';
export const trailingSlash = 'always';
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
if (await testUa(url.toString(), request.headers.get('user-agent') ?? "") === false) {
throw error(403, "get a better user agent silly")
}
// block any requests if the user agent is disallowed by our robots txt
if ((await testUa(url.toString(), request.headers.get('user-agent') ?? '')) === false) {
throw error(403, 'get a better user agent silly');
}
const lastVisitors = addLastVisitor(request, cookies)
let recentVisitCount = 0
for (const [_, visitor] of lastVisitors) {
recentVisitCount += visitor.visits.length
}
const lastVisitors = addLastVisitor(request, cookies);
let recentVisitCount = 0;
for (const [, visitor] of lastVisitors) {
recentVisitCount += visitor.visits.length;
}
return {
route: url.pathname,
visitCount: incrementVisitCount(request, cookies),
lastVisitors,
recentVisitCount,
}
return {
route: url.pathname,
visitCount: incrementVisitCount(request, cookies),
lastVisitors,
recentVisitCount
};
}

57
src/routes/+layout.svelte

@ -5,6 +5,7 @@
import '../styles/app.css';
interface Props {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
data: any;
children?: import('svelte').Snippet;
}
@ -73,7 +74,7 @@
<filter id="squiggly-{index}">
<feTurbulence
id="turbulence"
baseFrequency=0.03
baseFrequency="0.03"
numOctaves="3"
result="noise"
seed={index}
@ -134,7 +135,9 @@
</defs>
</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?.()}
</div>
@ -152,7 +155,12 @@
{@const highlight = isRoute(item.href)}
<NavButton {highlight} {...item} />
{#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}
{/each}
<div class="hidden md:block grow"></div>
@ -163,22 +171,33 @@
</div>
<Tooltip>
{#snippet tooltipContent()}
<p class="font-monospace">
<nobr>total visits = <span class="text-ralsei-green-light text-shadow-green">{data.visitCount.toString().padStart(9, ".")}</span></nobr>
<nobr>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>
<p class="font-monospace">
<nobr
>total visits = <span class="text-ralsei-green-light text-shadow-green"
>{data.visitCount.toString().padStart(9, '.')}</span
></nobr
>
<nobr
>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>
{#if isRoute("entries") || isRoute("log")}
<div class="navbox !gap-1">
rss:
<a class="align-middle hover:underline" href="/entries/_rss">posts</a>
/
<a class="align-middle hover:underline" href="/log/_rss">log</a>
</div>
{#if isRoute('entries') || isRoute('log')}
<div class="navbox !gap-1">
rss:
<a class="align-middle hover:underline" href="/entries/_rss">posts</a>
/
<a class="align-middle hover:underline" href="/log/_rss">log</a>
</div>
{/if}
</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;
border-style: groove;
}
</style>
</style>

196
src/routes/+page.svelte

@ -3,9 +3,10 @@
import Note from '../components/note.svelte';
import Window from '../components/window.svelte';
import LatestStuff from './lateststuff.md';
import {renderDate, renderRelativeDate} from '$lib/dateFmt';
import { renderDate, renderRelativeDate } from '$lib/dateFmt';
interface Props {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
data: any;
}
@ -16,9 +17,7 @@
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto">
<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-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden"
>
<div class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden">
{#each data.banners as bannerNo, index}
{@const hideIfMobile = index === data.banners.length - 1}
<img
@ -35,10 +34,13 @@
{/each}
</div>
<div class="flex flex-grow">
<div
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]" src="/pfp-iojkqpwerojnasduijf.webp" alt="my character" title="hi ;)"/>
<div 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]"
src="/pfp-iojkqpwerojnasduijf.webp"
alt="my angelsona"
title="that's me! my angelsona :3c"
/>
</div>
<div
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:'->']"
>
<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:'->']">
<span class="p-category">software engineer</span>,
<span class="p-category">indie game dev</span>
@ -95,7 +99,9 @@
</div>
<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">
<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>
<li>discord: yusdacra</li>
<li>
@ -135,102 +141,110 @@
</ul>
<h4>88x31</h4>
<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_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!"/>
<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 src="/88x31_sunrise.gif" alt="88x31 banner (sunrise only)" title="it's sunrise!" />
</div>
</div>
</Window>
<Window title="status" style="mt-auto" removePadding>
{#if data.lastNote}
<div class="m-1.5 flex flex-col font-monospace text-sm">
<p
class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"
style="border-style: double double none double;"
title={renderDate(data.lastNote.published)}
>
<a href="/entries">last log was…</a>
published {renderRelativeDate(data.lastNote.published)}!
</p>
<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/>
<div class="m-1.5 flex flex-col font-monospace text-sm">
<p
class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"
style="border-style: double double none double;"
title={renderDate(data.lastNote.published)}
>
<a href="/entries">last log was…</a>
published {renderRelativeDate(data.lastNote.published)}!
</p>
<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 />
</div>
</div>
</div>
{/if}
{#if data.lastTrack}
<div class="flex flex-row gap-0.5 m-1.5 border-4 border-double bg-ralsei-black">
<!-- svelte-ignore a11y_missing_attribute -->
{#if data.lastTrack.image}
<div class="flex flex-row gap-0.5 m-1.5 border-4 border-double bg-ralsei-black">
<!-- svelte-ignore a11y_missing_attribute -->
{#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
class="border-4 w-[4.5rem] h-[4.5rem]"
style="border-style: none double none none;"
src={data.lastTrack.image}
width="64"
height="64"
src={data.lastGame.icon}
/>
{: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>
<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
title={data.lastTrack.name}
href="https://www.last.fm/user/yusdacra"
class="hover:underline motion-safe:hover:animate-squiggle">{data.lastTrack.name}</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
>
</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>
</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}
</Window>
</div>