feat: add prettier and eslint with pre-commit hook
This commit is contained in:
@@ -1,85 +1,92 @@
|
||||
export {}
|
||||
export {};
|
||||
|
||||
const jstOffsetMinutes = 9 * 60
|
||||
const jstOffsetMinutes = 9 * 60;
|
||||
|
||||
type ParsedBroadcast = {
|
||||
day: string
|
||||
hour: number
|
||||
minute: number
|
||||
}
|
||||
day: string;
|
||||
hour: number;
|
||||
minute: number;
|
||||
};
|
||||
|
||||
const parseBroadcastTime = (value: string | null): { hour: number; minute: number } | null => {
|
||||
if (!value || typeof value !== 'string') {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const match = value.trim().match(/^(\d{1,2}):(\d{2})$/)
|
||||
const match = value.trim().match(/^(\d{1,2}):(\d{2})$/);
|
||||
if (!match) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const hour = Number.parseInt(match[1], 10)
|
||||
const minute = Number.parseInt(match[2], 10)
|
||||
if (Number.isNaN(hour) || Number.isNaN(minute) || hour < 0 || hour > 23 || minute < 0 || minute > 59) {
|
||||
return null
|
||||
const hour = Number.parseInt(match[1], 10);
|
||||
const minute = Number.parseInt(match[2], 10);
|
||||
if (
|
||||
Number.isNaN(hour) ||
|
||||
Number.isNaN(minute) ||
|
||||
hour < 0 ||
|
||||
hour > 23 ||
|
||||
minute < 0 ||
|
||||
minute > 59
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return { hour, minute }
|
||||
}
|
||||
return { hour, minute };
|
||||
};
|
||||
|
||||
const isJstTimezone = (timezone: string | null): boolean => {
|
||||
if (!timezone) {
|
||||
return true
|
||||
return true;
|
||||
}
|
||||
|
||||
const normalized = timezone.trim().toLowerCase()
|
||||
return normalized === 'asia/tokyo' || normalized === 'jst'
|
||||
}
|
||||
const normalized = timezone.trim().toLowerCase();
|
||||
return normalized === 'asia/tokyo' || normalized === 'jst';
|
||||
};
|
||||
|
||||
const parseFromStructuredAttrs = (node: Element): ParsedBroadcast | null => {
|
||||
const day = node.getAttribute('data-broadcast-day')
|
||||
const time = node.getAttribute('data-broadcast-time')
|
||||
const timezone = node.getAttribute('data-broadcast-timezone')
|
||||
const day = node.getAttribute('data-broadcast-day');
|
||||
const time = node.getAttribute('data-broadcast-time');
|
||||
const timezone = node.getAttribute('data-broadcast-timezone');
|
||||
|
||||
if (!day || !time || !isJstTimezone(timezone)) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const parsedTime = parseBroadcastTime(time)
|
||||
const parsedTime = parseBroadcastTime(time);
|
||||
if (!parsedTime) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
return { day: day.trim(), hour: parsedTime.hour, minute: parsedTime.minute }
|
||||
}
|
||||
return { day: day.trim(), hour: parsedTime.hour, minute: parsedTime.minute };
|
||||
};
|
||||
|
||||
const parseBroadcast = (text: string | null): ParsedBroadcast | null => {
|
||||
if (!text || typeof text !== 'string') {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const match = text.match(/^(.*) at (\d{1,2}):(\d{2}) \(JST\)$/i)
|
||||
const match = text.match(/^(.*) at (\d{1,2}):(\d{2}) \(JST\)$/i);
|
||||
if (!match) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const day = match[1].trim()
|
||||
const hour = Number.parseInt(match[2], 10)
|
||||
const minute = Number.parseInt(match[3], 10)
|
||||
const day = match[1].trim();
|
||||
const hour = Number.parseInt(match[2], 10);
|
||||
const minute = Number.parseInt(match[3], 10);
|
||||
|
||||
if (Number.isNaN(hour) || Number.isNaN(minute)) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
if (hour < 0 || hour > 23 || minute < 0 || minute > 59) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
return { day, hour, minute }
|
||||
}
|
||||
return { day, hour, minute };
|
||||
};
|
||||
|
||||
const normalizeDay = (day: string): number | null => {
|
||||
const key = day.trim().toLowerCase().replace(/s$/, '')
|
||||
const key = day.trim().toLowerCase().replace(/s$/, '');
|
||||
const days: Record<string, number> = {
|
||||
mon: 1,
|
||||
monday: 1,
|
||||
@@ -98,153 +105,155 @@ const normalizeDay = (day: string): number | null => {
|
||||
saturday: 6,
|
||||
sun: 0,
|
||||
sunday: 0,
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof days[key] !== 'number') {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
return days[key]
|
||||
}
|
||||
return days[key];
|
||||
};
|
||||
|
||||
const convertToLocal = (parsed: ParsedBroadcast, localOffsetMinutes: number): string | null => {
|
||||
const sourceMinutes = parsed.hour * 60 + parsed.minute
|
||||
const diff = jstOffsetMinutes - localOffsetMinutes
|
||||
const localTotal = sourceMinutes - diff
|
||||
const sourceMinutes = parsed.hour * 60 + parsed.minute;
|
||||
const diff = jstOffsetMinutes - localOffsetMinutes;
|
||||
const localTotal = sourceMinutes - diff;
|
||||
|
||||
const dayShift = Math.floor(localTotal / 1440)
|
||||
const normalizedMinutes = ((localTotal % 1440) + 1440) % 1440
|
||||
const localHour = Math.floor(normalizedMinutes / 60)
|
||||
const localMinute = normalizedMinutes % 60
|
||||
const dayShift = Math.floor(localTotal / 1440);
|
||||
const normalizedMinutes = ((localTotal % 1440) + 1440) % 1440;
|
||||
const localHour = Math.floor(normalizedMinutes / 60);
|
||||
const localMinute = normalizedMinutes % 60;
|
||||
|
||||
const sourceDayIndex = normalizeDay(parsed.day)
|
||||
const sourceDayIndex = normalizeDay(parsed.day);
|
||||
if (sourceDayIndex === null) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const localDayIndex = ((sourceDayIndex + dayShift) % 7 + 7) % 7
|
||||
const localDay = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][localDayIndex]
|
||||
const localDayIndex = (((sourceDayIndex + dayShift) % 7) + 7) % 7;
|
||||
const localDay = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][
|
||||
localDayIndex
|
||||
];
|
||||
|
||||
const time = `${localHour.toString().padStart(2, '0')}:${localMinute.toString().padStart(2, '0')}`
|
||||
return `${localDay} at ${time} (Local)`
|
||||
}
|
||||
const time = `${localHour.toString().padStart(2, '0')}:${localMinute.toString().padStart(2, '0')}`;
|
||||
return `${localDay} at ${time} (Local)`;
|
||||
};
|
||||
|
||||
const nextAiringUTC = (parsed: ParsedBroadcast): Date | null => {
|
||||
const targetDay = normalizeDay(parsed.day)
|
||||
const targetDay = normalizeDay(parsed.day);
|
||||
if (targetDay === null) {
|
||||
return null
|
||||
return null;
|
||||
}
|
||||
|
||||
const now = new Date()
|
||||
const jstNow = new Date(now.getTime() + jstOffsetMinutes * 60 * 1000)
|
||||
const now = new Date();
|
||||
const jstNow = new Date(now.getTime() + jstOffsetMinutes * 60 * 1000);
|
||||
|
||||
const currentDay = jstNow.getUTCDay()
|
||||
const currentMinuteOfDay = jstNow.getUTCHours() * 60 + jstNow.getUTCMinutes()
|
||||
const targetMinuteOfDay = parsed.hour * 60 + parsed.minute
|
||||
const currentDay = jstNow.getUTCDay();
|
||||
const currentMinuteOfDay = jstNow.getUTCHours() * 60 + jstNow.getUTCMinutes();
|
||||
const targetMinuteOfDay = parsed.hour * 60 + parsed.minute;
|
||||
|
||||
let dayDelta = (targetDay - currentDay + 7) % 7
|
||||
let dayDelta = (targetDay - currentDay + 7) % 7;
|
||||
if (dayDelta === 0 && targetMinuteOfDay <= currentMinuteOfDay) {
|
||||
dayDelta = 7
|
||||
dayDelta = 7;
|
||||
}
|
||||
|
||||
const minuteDelta = dayDelta * 1440 + (targetMinuteOfDay - currentMinuteOfDay)
|
||||
return new Date(now.getTime() + minuteDelta * 60 * 1000)
|
||||
}
|
||||
const minuteDelta = dayDelta * 1440 + (targetMinuteOfDay - currentMinuteOfDay);
|
||||
return new Date(now.getTime() + minuteDelta * 60 * 1000);
|
||||
};
|
||||
|
||||
const formatRelative = (value: number, unit: Intl.RelativeTimeFormatUnit): string => {
|
||||
if (typeof Intl !== 'undefined' && typeof Intl.RelativeTimeFormat === 'function') {
|
||||
const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' })
|
||||
return formatter.format(value, unit)
|
||||
const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });
|
||||
return formatter.format(value, unit);
|
||||
}
|
||||
|
||||
const suffix = value === 1 ? unit : `${unit}s`
|
||||
return `in ${value} ${suffix}`
|
||||
}
|
||||
const suffix = value === 1 ? unit : `${unit}s`;
|
||||
return `in ${value} ${suffix}`;
|
||||
};
|
||||
|
||||
const relativeText = (target: Date): string => {
|
||||
const diffMs = target.getTime() - Date.now()
|
||||
const diffMs = target.getTime() - Date.now();
|
||||
if (diffMs <= 0) {
|
||||
return 'soon'
|
||||
return 'soon';
|
||||
}
|
||||
|
||||
const minutes = Math.ceil(diffMs / 60000)
|
||||
const minutes = Math.ceil(diffMs / 60000);
|
||||
if (minutes < 60) {
|
||||
return formatRelative(minutes, 'minute')
|
||||
return formatRelative(minutes, 'minute');
|
||||
}
|
||||
|
||||
const hours = Math.ceil(minutes / 60)
|
||||
const hours = Math.ceil(minutes / 60);
|
||||
if (hours < 36) {
|
||||
return formatRelative(hours, 'hour')
|
||||
return formatRelative(hours, 'hour');
|
||||
}
|
||||
|
||||
const days = Math.ceil(hours / 24)
|
||||
return formatRelative(days, 'day')
|
||||
}
|
||||
const days = Math.ceil(hours / 24);
|
||||
return formatRelative(days, 'day');
|
||||
};
|
||||
|
||||
const localDateTimeText = (date: Date): string => {
|
||||
const formatter = new Intl.DateTimeFormat(undefined, {
|
||||
weekday: 'short',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
})
|
||||
return formatter.format(date)
|
||||
}
|
||||
});
|
||||
return formatter.format(date);
|
||||
};
|
||||
|
||||
const updateNextAiring = (node: Element, parsed: ParsedBroadcast): void => {
|
||||
const card = node.closest('[data-notification-content]')
|
||||
const card = node.closest('[data-notification-content]');
|
||||
if (!card) {
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
const nextNode = card.querySelector('[data-next-airing]')
|
||||
const nextNode = card.querySelector('[data-next-airing]');
|
||||
if (!(nextNode instanceof HTMLElement)) {
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
const nextDate = nextAiringUTC(parsed)
|
||||
const nextDate = nextAiringUTC(parsed);
|
||||
if (!nextDate) {
|
||||
nextNode.remove()
|
||||
return
|
||||
nextNode.remove();
|
||||
return;
|
||||
}
|
||||
|
||||
nextNode.textContent = `Next episode ${relativeText(nextDate)} (${localDateTimeText(nextDate)})`
|
||||
}
|
||||
nextNode.textContent = `Next episode ${relativeText(nextDate)} (${localDateTimeText(nextDate)})`;
|
||||
};
|
||||
|
||||
const updateNode = (node: Element, localOffsetMinutes: number): void => {
|
||||
const card = node.closest('[data-notification-content]')
|
||||
const nextNode = card ? card.querySelector('[data-next-airing]') : null
|
||||
const card = node.closest('[data-notification-content]');
|
||||
const nextNode = card ? card.querySelector('[data-next-airing]') : null;
|
||||
|
||||
const structured = parseFromStructuredAttrs(node)
|
||||
const source = node.getAttribute('data-jst-text')
|
||||
const parsed = structured || parseBroadcast(source)
|
||||
const structured = parseFromStructuredAttrs(node);
|
||||
const source = node.getAttribute('data-jst-text');
|
||||
const parsed = structured || parseBroadcast(source);
|
||||
if (!parsed) {
|
||||
if (nextNode instanceof HTMLElement) {
|
||||
nextNode.remove()
|
||||
nextNode.remove();
|
||||
}
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
const converted = convertToLocal(parsed, localOffsetMinutes)
|
||||
const converted = convertToLocal(parsed, localOffsetMinutes);
|
||||
if (!converted) {
|
||||
if (nextNode instanceof HTMLElement) {
|
||||
nextNode.remove()
|
||||
nextNode.remove();
|
||||
}
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
node.textContent = converted
|
||||
updateNextAiring(node, parsed)
|
||||
}
|
||||
node.textContent = converted;
|
||||
updateNextAiring(node, parsed);
|
||||
};
|
||||
|
||||
const updateAll = (): void => {
|
||||
const localOffsetMinutes = -new Date().getTimezoneOffset()
|
||||
const nodes = document.querySelectorAll('[data-jst-text]')
|
||||
nodes.forEach((node) => updateNode(node, localOffsetMinutes))
|
||||
}
|
||||
const localOffsetMinutes = -new Date().getTimezoneOffset();
|
||||
const nodes = document.querySelectorAll('[data-jst-text]');
|
||||
nodes.forEach(node => updateNode(node, localOffsetMinutes));
|
||||
};
|
||||
|
||||
const initTimezoneConversion = (): void => {
|
||||
document.addEventListener('DOMContentLoaded', updateAll)
|
||||
document.body.addEventListener('htmx:afterSwap', updateAll)
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', updateAll);
|
||||
document.body.addEventListener('htmx:afterSwap', updateAll);
|
||||
};
|
||||
|
||||
initTimezoneConversion()
|
||||
initTimezoneConversion();
|
||||
|
||||
Reference in New Issue
Block a user