atagen

malice

public
Star0
Watch0
81e91c6568a294819a15f19b1e5d9c51639610d6
2
ssh://brewery@pls.lobotomise.me:33/atagen/malice.git

Blame: web/src/lib/message-sound.ts

c8d898e6eb59atagen2026-10-27 03:55 UTC1
import { get, writable } from 'svelte/store';
c8d898e6eb59atagen2026-10-27 03:55 UTC2
import { getAccountData, messageMediaUrl, setAccountData, uploadMedia } from './api';
c8d898e6eb59atagen2026-10-27 03:55 UTC3
import { effectiveRooms } from './mute';
c8d898e6eb59atagen2026-10-27 03:55 UTC4
import { arrivalIn, isRoomWatched } from './notification-model';
c8d898e6eb59atagen2026-10-27 03:55 UTC5
import {
c8d898e6eb59atagen2026-10-27 03:55 UTC6
  DEFAULT_MESSAGE_SOUND,
c8d898e6eb59atagen2026-10-27 03:55 UTC7
  SOUND_MAX_BYTES,
c8d898e6eb59atagen2026-10-27 03:55 UTC8
  parseMessageSound,
c8d898e6eb59atagen2026-10-27 03:55 UTC9
  shouldPlaySound,
c8d898e6eb59atagen2026-10-27 03:55 UTC10
  type MessageSoundSettings
c8d898e6eb59atagen2026-10-27 03:55 UTC11
} from './message-sound-model';
c8d898e6eb59atagen2026-10-27 03:55 UTC12
import { selectedRoomId } from './store';
c8d898e6eb59atagen2026-10-27 03:55 UTC13
import type { RoomSummary } from './types';
c8d898e6eb59atagen2026-10-27 03:55 UTC14
c8d898e6eb59atagen2026-10-27 03:55 UTC15
const EVENT_TYPE = 'dev.malice.message_sound';
c8d898e6eb59atagen2026-10-27 03:55 UTC16
const DEFAULT_URL = '/sounds/message.wav';
c8d898e6eb59atagen2026-10-27 03:55 UTC17
const CACHE_NAME = 'malice-sounds';
c8d898e6eb59atagen2026-10-27 03:55 UTC18
c8d898e6eb59atagen2026-10-27 03:55 UTC19
export const messageSound = writable<MessageSoundSettings>(DEFAULT_MESSAGE_SOUND);
c8d898e6eb59atagen2026-10-27 03:55 UTC20
c8d898e6eb59atagen2026-10-27 03:55 UTC21
const resolved = new Map<string, Promise<string>>();
c8d898e6eb59atagen2026-10-27 03:55 UTC22
let lastPlayedAt = 0;
c8d898e6eb59atagen2026-10-27 03:55 UTC23
c8d898e6eb59atagen2026-10-27 03:55 UTC24
export async function loadMessageSound(): Promise<void> {
c8d898e6eb59atagen2026-10-27 03:55 UTC25
  try {
c8d898e6eb59atagen2026-10-27 03:55 UTC26
    messageSound.set(parseMessageSound(await getAccountData(EVENT_TYPE)));
c8d898e6eb59atagen2026-10-27 03:55 UTC27
  } catch {
c8d898e6eb59atagen2026-10-27 03:55 UTC28
    messageSound.set(DEFAULT_MESSAGE_SOUND);
c8d898e6eb59atagen2026-10-27 03:55 UTC29
  }
c8d898e6eb59atagen2026-10-27 03:55 UTC30
}
c8d898e6eb59atagen2026-10-27 03:55 UTC31
c8d898e6eb59atagen2026-10-27 03:55 UTC32
export async function saveMessageSound(settings: MessageSoundSettings): Promise<void> {
c8d898e6eb59atagen2026-10-27 03:55 UTC33
  await setAccountData(EVENT_TYPE, { mode: settings.mode, sound: settings.sound });
c8d898e6eb59atagen2026-10-27 03:55 UTC34
  messageSound.set(settings);
c8d898e6eb59atagen2026-10-27 03:55 UTC35
}
c8d898e6eb59atagen2026-10-27 03:55 UTC36
c8d898e6eb59atagen2026-10-27 03:55 UTC37
export function resetMessageSound(): void {
c8d898e6eb59atagen2026-10-27 03:55 UTC38
  messageSound.set(DEFAULT_MESSAGE_SOUND);
c8d898e6eb59atagen2026-10-27 03:55 UTC39
  for (const url of resolved.values()) void url.then((u) => URL.revokeObjectURL(u), () => undefined);
c8d898e6eb59atagen2026-10-27 03:55 UTC40
  resolved.clear();
c8d898e6eb59atagen2026-10-27 03:55 UTC41
}
c8d898e6eb59atagen2026-10-27 03:55 UTC42
c8d898e6eb59atagen2026-10-27 03:55 UTC43
const cacheKey = (mxc: string) => `/__sounds/${encodeURIComponent(mxc)}`;
c8d898e6eb59atagen2026-10-27 03:55 UTC44
c8d898e6eb59atagen2026-10-27 03:55 UTC45
async function remember(mxc: string, blob: Blob): Promise<void> {
c8d898e6eb59atagen2026-10-27 03:55 UTC46
  try {
c8d898e6eb59atagen2026-10-27 03:55 UTC47
    await (await caches.open(CACHE_NAME)).put(cacheKey(mxc), new Response(blob, { headers: { 'content-type': blob.type } }));
c8d898e6eb59atagen2026-10-27 03:55 UTC48
  } catch {}
c8d898e6eb59atagen2026-10-27 03:55 UTC49
}
c8d898e6eb59atagen2026-10-27 03:55 UTC50
c8d898e6eb59atagen2026-10-27 03:55 UTC51
async function fetchSound(mxc: string): Promise<Blob> {
c8d898e6eb59atagen2026-10-27 03:55 UTC52
  try {
c8d898e6eb59atagen2026-10-27 03:55 UTC53
    const hit = await (await caches.open(CACHE_NAME)).match(cacheKey(mxc));
c8d898e6eb59atagen2026-10-27 03:55 UTC54
    if (hit) return await hit.blob();
c8d898e6eb59atagen2026-10-27 03:55 UTC55
  } catch {}
c8d898e6eb59atagen2026-10-27 03:55 UTC56
  const res = await fetch(messageMediaUrl(mxc, 'Full'), { credentials: 'same-origin' });
c8d898e6eb59atagen2026-10-27 03:55 UTC57
  if (!res.ok) throw new Error('Sound unavailable');
c8d898e6eb59atagen2026-10-27 03:55 UTC58
  const blob = await res.blob();
c8d898e6eb59atagen2026-10-27 03:55 UTC59
  await remember(mxc, blob);
c8d898e6eb59atagen2026-10-27 03:55 UTC60
  return blob;
c8d898e6eb59atagen2026-10-27 03:55 UTC61
}
c8d898e6eb59atagen2026-10-27 03:55 UTC62
c8d898e6eb59atagen2026-10-27 03:55 UTC63
function resolve(mxc: string | null): Promise<string> {
c8d898e6eb59atagen2026-10-27 03:55 UTC64
  if (!mxc) return Promise.resolve(DEFAULT_URL);
c8d898e6eb59atagen2026-10-27 03:55 UTC65
  let url = resolved.get(mxc);
c8d898e6eb59atagen2026-10-27 03:55 UTC66
  if (!url) {
c8d898e6eb59atagen2026-10-27 03:55 UTC67
    url = fetchSound(mxc).then(
c8d898e6eb59atagen2026-10-27 03:55 UTC68
      (blob) => URL.createObjectURL(blob),
c8d898e6eb59atagen2026-10-27 03:55 UTC69
      () => DEFAULT_URL
c8d898e6eb59atagen2026-10-27 03:55 UTC70
    );
c8d898e6eb59atagen2026-10-27 03:55 UTC71
    resolved.set(mxc, url);
c8d898e6eb59atagen2026-10-27 03:55 UTC72
  }
c8d898e6eb59atagen2026-10-27 03:55 UTC73
  return url;
c8d898e6eb59atagen2026-10-27 03:55 UTC74
}
c8d898e6eb59atagen2026-10-27 03:55 UTC75
c8d898e6eb59atagen2026-10-27 03:55 UTC76
export async function playMessageSound(): Promise<void> {
c8d898e6eb59atagen2026-10-27 03:55 UTC77
  try {
c8d898e6eb59atagen2026-10-27 03:55 UTC78
    const audio = new Audio(await resolve(get(messageSound).sound));
c8d898e6eb59atagen2026-10-27 03:55 UTC79
    await audio.play();
c8d898e6eb59atagen2026-10-27 03:55 UTC80
  } catch {}
c8d898e6eb59atagen2026-10-27 03:55 UTC81
}
c8d898e6eb59atagen2026-10-27 03:55 UTC82
c8d898e6eb59atagen2026-10-27 03:55 UTC83
function decodes(file: File): Promise<boolean> {
c8d898e6eb59atagen2026-10-27 03:55 UTC84
  return new Promise((done) => {
c8d898e6eb59atagen2026-10-27 03:55 UTC85
    const url = URL.createObjectURL(file);
c8d898e6eb59atagen2026-10-27 03:55 UTC86
    const audio = new Audio();
c8d898e6eb59atagen2026-10-27 03:55 UTC87
    const finish = (ok: boolean) => {
c8d898e6eb59atagen2026-10-27 03:55 UTC88
      clearTimeout(timer);
c8d898e6eb59atagen2026-10-27 03:55 UTC89
      URL.revokeObjectURL(url);
c8d898e6eb59atagen2026-10-27 03:55 UTC90
      done(ok);
c8d898e6eb59atagen2026-10-27 03:55 UTC91
    };
c8d898e6eb59atagen2026-10-27 03:55 UTC92
    const timer = setTimeout(() => finish(false), 5000);
c8d898e6eb59atagen2026-10-27 03:55 UTC93
    audio.oncanplaythrough = () => finish(true);
c8d898e6eb59atagen2026-10-27 03:55 UTC94
    audio.onerror = () => finish(false);
c8d898e6eb59atagen2026-10-27 03:55 UTC95
    audio.preload = 'auto';
c8d898e6eb59atagen2026-10-27 03:55 UTC96
    audio.src = url;
c8d898e6eb59atagen2026-10-27 03:55 UTC97
  });
c8d898e6eb59atagen2026-10-27 03:55 UTC98
}
c8d898e6eb59atagen2026-10-27 03:55 UTC99
c8d898e6eb59atagen2026-10-27 03:55 UTC100
export async function uploadMessageSound(file: File): Promise<void> {
c8d898e6eb59atagen2026-10-27 03:55 UTC101
  if (!file.type.startsWith('audio/')) throw new Error('Choose an audio file.');
c8d898e6eb59atagen2026-10-27 03:55 UTC102
  if (file.size > SOUND_MAX_BYTES) throw new Error('Sounds must be smaller than 1 MB.');
c8d898e6eb59atagen2026-10-27 03:55 UTC103
  if (!(await decodes(file))) throw new Error('That audio file could not be played.');
c8d898e6eb59atagen2026-10-27 03:55 UTC104
  const { mxc } = await uploadMedia(file);
c8d898e6eb59atagen2026-10-27 03:55 UTC105
  await remember(mxc, file);
c8d898e6eb59atagen2026-10-27 03:55 UTC106
  await saveMessageSound({ ...get(messageSound), sound: mxc });
c8d898e6eb59atagen2026-10-27 03:55 UTC107
}
c8d898e6eb59atagen2026-10-27 03:55 UTC108
c8d898e6eb59atagen2026-10-27 03:55 UTC109
export function startMessageSound(): () => void {
c8d898e6eb59atagen2026-10-27 03:55 UTC110
  let previous = new Map<string, RoomSummary>();
c8d898e6eb59atagen2026-10-27 03:55 UTC111
  const unsubscribe = effectiveRooms.subscribe((list) => {
c8d898e6eb59atagen2026-10-27 03:55 UTC112
    const prior = previous;
c8d898e6eb59atagen2026-10-27 03:55 UTC113
    previous = new Map(list.map((room) => [room.room_id, room]));
c8d898e6eb59atagen2026-10-27 03:55 UTC114
    const now = Date.now();
c8d898e6eb59atagen2026-10-27 03:55 UTC115
    const mode = get(messageSound).mode;
c8d898e6eb59atagen2026-10-27 03:55 UTC116
    for (const room of list) {
c8d898e6eb59atagen2026-10-27 03:55 UTC117
      const arrival = arrivalIn(prior.get(room.room_id), room, now);
c8d898e6eb59atagen2026-10-27 03:55 UTC118
      if (!arrival) continue;
c8d898e6eb59atagen2026-10-27 03:55 UTC119
      if (isRoomWatched(room.room_id, get(selectedRoomId), document.visibilityState === 'visible', document.hasFocus())) continue;
c8d898e6eb59atagen2026-10-27 03:55 UTC120
      if (!shouldPlaySound(mode, room, arrival, lastPlayedAt, now)) continue;
c8d898e6eb59atagen2026-10-27 03:55 UTC121
      lastPlayedAt = now;
c8d898e6eb59atagen2026-10-27 03:55 UTC122
      void playMessageSound();
c8d898e6eb59atagen2026-10-27 03:55 UTC123
    }
c8d898e6eb59atagen2026-10-27 03:55 UTC124
  });
c8d898e6eb59atagen2026-10-27 03:55 UTC125
  return unsubscribe;
c8d898e6eb59atagen2026-10-27 03:55 UTC126
}