feat: add prettier and eslint with pre-commit hook
This commit is contained in:
@@ -1,44 +1,46 @@
|
||||
import { SkipSegment } from '../types'
|
||||
import { state } from '../state'
|
||||
import { SkipSegment } from '../types';
|
||||
import { state } from '../state';
|
||||
|
||||
const MIN_SEGMENT_DURATION = 20
|
||||
const MAX_SEGMENT_DURATION = 240
|
||||
const MAX_INTRO_START = 180
|
||||
const MIN_OUTRO_START_RATIO = 0.5
|
||||
const MIN_SEGMENT_DURATION = 20;
|
||||
const MAX_SEGMENT_DURATION = 240;
|
||||
const MAX_INTRO_START = 180;
|
||||
const MIN_OUTRO_START_RATIO = 0.5;
|
||||
|
||||
export const resolveActiveSegments = (): void => {
|
||||
const bounds = state.video.duration
|
||||
if (bounds <= 0) { state.activeSegments = []; return }
|
||||
const bounds = state.video.duration;
|
||||
if (bounds <= 0) {
|
||||
state.activeSegments = [];
|
||||
return;
|
||||
}
|
||||
|
||||
state.activeSegments = state.parsedSegments
|
||||
.filter(s => {
|
||||
const len = s.end - s.start
|
||||
if (len < MIN_SEGMENT_DURATION || len > MAX_SEGMENT_DURATION) return false
|
||||
if (s.start < 0 || s.end <= s.start || s.end > bounds + 1) return false
|
||||
state.activeSegments = state.parsedSegments.filter(s => {
|
||||
const len = s.end - s.start;
|
||||
if (len < MIN_SEGMENT_DURATION || len > MAX_SEGMENT_DURATION) return false;
|
||||
if (s.start < 0 || s.end <= s.start || s.end > bounds + 1) return false;
|
||||
|
||||
if (s.type === 'op') {
|
||||
return s.start <= MAX_INTRO_START && s.start <= bounds * 0.5
|
||||
}
|
||||
if (s.type === 'ed') {
|
||||
return s.start >= bounds * MIN_OUTRO_START_RATIO
|
||||
}
|
||||
return false
|
||||
})
|
||||
}
|
||||
if (s.type === 'op') {
|
||||
return s.start <= MAX_INTRO_START && s.start <= bounds * 0.5;
|
||||
}
|
||||
if (s.type === 'ed') {
|
||||
return s.start >= bounds * MIN_OUTRO_START_RATIO;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
export const renderSegments = (): void => {
|
||||
const track = state.container.querySelector('[data-segments]') as HTMLElement | null
|
||||
if (!track) return
|
||||
track.innerHTML = ''
|
||||
const track = state.container.querySelector('[data-segments]') as HTMLElement | null;
|
||||
if (!track) return;
|
||||
track.innerHTML = '';
|
||||
|
||||
const bounds = state.video.duration
|
||||
if (bounds <= 0) return
|
||||
const bounds = state.video.duration;
|
||||
if (bounds <= 0) return;
|
||||
|
||||
state.activeSegments.forEach(s => {
|
||||
const bar = document.createElement('div')
|
||||
bar.className = 'absolute top-0 h-full bg-white/80'
|
||||
bar.style.left = `${(s.start / bounds) * 100}%`
|
||||
bar.style.width = `${((s.end - s.start) / bounds) * 100}%`
|
||||
track.appendChild(bar)
|
||||
})
|
||||
}
|
||||
const bar = document.createElement('div');
|
||||
bar.className = 'absolute top-0 h-full bg-white/80';
|
||||
bar.style.left = `${(s.start / bounds) * 100}%`;
|
||||
bar.style.width = `${((s.end - s.start) / bounds) * 100}%`;
|
||||
track.appendChild(bar);
|
||||
});
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user