-
+ @if (epgViewMode() === 'list') {
+
+ } @else {
+
+ }
diff --git a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts
index 84d31d973..e32ac6a29 100644
--- a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts
+++ b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts
@@ -10,7 +10,10 @@ import {
ResizableDirective,
} from '@iptvnator/portal/shared/util';
import { StalkerStore } from '@iptvnator/portal/stalker/data-access';
-import { EpgTimelineComponent } from '@iptvnator/ui/epg';
+import {
+ EpgListViewComponent,
+ EpgTimelineComponent,
+} from '@iptvnator/ui/epg';
import { AudioPlayerComponent } from '@iptvnator/ui/playback';
import { TranslatePipe, TranslateService } from '@ngx-translate/core';
import { ChannelListItemComponent } from '@iptvnator/ui/components';
@@ -69,8 +72,10 @@ class StubAudioPlayerComponent {
readonly channelSwitchRequested = output<'next' | 'previous'>();
}
+// Matches both live-panel selectors so the host's timeline ↔ list swap can be
+// asserted by tag name; both branches share the identical contract.
@Component({
- selector: 'app-epg-timeline',
+ selector: 'app-epg-timeline, app-epg-list-view',
standalone: true,
template: `
{{ summary()?.title }}
@@ -230,10 +235,14 @@ describe('StalkerLiveStreamLayoutComponent', () => {
};
const settingsStore = {
openStreamOnDoubleClick: signal(false),
+ resolvedEpgViewMode: signal<'timeline' | 'list'>('timeline'),
};
const originalElectron = window.electron;
beforeEach(async () => {
+ // The store mock is module-scoped: reset so a failed test can't leak
+ // 'list' into siblings.
+ settingsStore.resolvedEpgViewMode.set('timeline');
window.electron = {
platform: 'darwin',
updateRemoteControlStatus: jest.fn(),
@@ -341,6 +350,7 @@ describe('StalkerLiveStreamLayoutComponent', () => {
imports: [
ChannelListItemComponent,
AudioPlayerComponent,
+ EpgListViewComponent,
EpgTimelineComponent,
PortalEmptyStateComponent,
ResizableDirective,
@@ -386,6 +396,27 @@ describe('StalkerLiveStreamLayoutComponent', () => {
).toBeNull();
});
+ it('swaps the timeline for the list view when epgViewMode is "list"', () => {
+ settingsStore.resolvedEpgViewMode.set('list');
+
+ fixture.detectChanges();
+
+ expect(
+ fixture.nativeElement.querySelector('app-epg-list-view')
+ ).not.toBeNull();
+ expect(
+ fixture.nativeElement.querySelector('app-epg-timeline')
+ ).toBeNull();
+ // Taller inline panel for the list view (see _portal-layout.scss).
+ expect(
+ fixture.nativeElement
+ .querySelector('.epg')
+ ?.classList.contains('epg--list')
+ ).toBe(true);
+
+ settingsStore.resolvedEpgViewMode.set('timeline'); // restore for sibling tests
+ });
+
it('does not request or render EPG in browser/PWA playback', async () => {
fixture.destroy();
window.electron = undefined as unknown as typeof window.electron;
diff --git a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.ts b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.ts
index 4eba2e00e..e50766d38 100644
--- a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.ts
+++ b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.ts
@@ -39,6 +39,7 @@ import {
} from '@iptvnator/shared/interfaces';
import {
EpgDateNavigationDirection,
+ EpgListViewComponent,
EpgTimelineComponent,
getTodayEpgDateKey,
shiftEpgDateKey,
@@ -81,6 +82,7 @@ type StalkerPlayableChannel = StalkerPortalItem & {
AudioPlayerComponent,
ChannelListItemComponent,
ChannelListSkeletonComponent,
+ EpgListViewComponent,
EpgTimelineComponent,
MatButtonModule,
MatIconModule,
@@ -191,6 +193,8 @@ export class StalkerLiveStreamLayoutComponent implements OnDestroy {
readonly isLiveEpgPanelCollapsed = computed(
() => this.liveEpgPanelState() === 'collapsed'
);
+ /** Live EPG panel layout chosen in settings; hosts swap timeline ↔ list. */
+ readonly epgViewMode = this.settingsStore.resolvedEpgViewMode;
readonly isSidebarCollapsed = this.liveSidebarStateService.isCollapsed;
readonly liveEpgPanelSummary = computed(() =>
this.toLiveEpgPanelSummary(this.currentProgram())
diff --git a/libs/portal/xtream/feature/src/index.ts b/libs/portal/xtream/feature/src/index.ts
index 7de311c3d..c0dc55e9e 100644
--- a/libs/portal/xtream/feature/src/index.ts
+++ b/libs/portal/xtream/feature/src/index.ts
@@ -2,7 +2,6 @@ export * from './lib/account-info/account-info.component';
export * from './lib/category-management-dialog/category-management-dialog.component';
export * from './lib/global-search-results/global-search-results.component';
export * from './lib/live-stream-layout/live-stream-layout.component';
-export * from './lib/loading-overlay.component';
export * from './lib/portal-channels-list/portal-channels-list.component';
export * from './lib/recently-added/recently-added.component';
export * from './lib/search-results/search-results.component';
diff --git a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html
index 16b343dc8..48c74e9c4 100644
--- a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html
+++ b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html
@@ -109,6 +109,7 @@
-
+ @if (epgViewMode() === 'list') {
+
+ } @else {
+
+ }
diff --git a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts
index 4abc1b0be..6a591be03 100644
--- a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts
+++ b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts
@@ -24,6 +24,7 @@ import {
XtreamUrlService,
} from '@iptvnator/portal/xtream/data-access';
import {
+ EpgListViewComponent,
EpgProgramActivationEvent,
EpgTimelineComponent,
EpgTimelineSummary,
@@ -83,8 +84,10 @@ class StubWebPlayerViewComponent {
readonly externalFallbackRequested = output
();
}
+// Matches both live-panel selectors so the host's timeline ↔ list swap can be
+// asserted by tag name; both branches share the identical contract.
@Component({
- selector: 'app-epg-timeline',
+ selector: 'app-epg-timeline, app-epg-list-view',
standalone: true,
template: `
{{ summaryLabelKey() }}
@@ -195,6 +198,9 @@ describe('LiveStreamLayoutComponent', () => {
};
const settingsStore = {
openStreamOnDoubleClick: signal(false),
+ // Reset in beforeEach: the store is module-scoped, so a test failure
+ // before an in-test restore must not leak 'list' into siblings.
+ resolvedEpgViewMode: signal<'timeline' | 'list'>('timeline'),
};
const originalElectron = window.electron;
@@ -202,6 +208,7 @@ describe('LiveStreamLayoutComponent', () => {
beforeEach(async () => {
jest.useFakeTimers();
jest.setSystemTime(fixedNow);
+ settingsStore.resolvedEpgViewMode.set('timeline');
localStorage.removeItem(LIVE_CHANNEL_SORT_STORAGE_KEY);
localStorage.removeItem(LIVE_EPG_PANEL_STATE_STORAGE_KEY);
localStorage.removeItem(LIVE_SIDEBAR_STATE_STORAGE_KEY);
@@ -301,6 +308,7 @@ describe('LiveStreamLayoutComponent', () => {
.overrideComponent(LiveStreamLayoutComponent, {
remove: {
imports: [
+ EpgListViewComponent,
EpgTimelineComponent,
GridListComponent,
PortalChannelsListComponent,
@@ -359,6 +367,28 @@ describe('LiveStreamLayoutComponent', () => {
).not.toBeNull();
});
+ it('swaps the timeline for the list view when epgViewMode is "list"', () => {
+ settingsStore.resolvedEpgViewMode.set('list');
+
+ component.playLive(sampleChannel);
+ fixture.detectChanges();
+
+ expect(
+ fixture.nativeElement.querySelector('app-epg-list-view')
+ ).not.toBeNull();
+ expect(
+ fixture.nativeElement.querySelector('app-epg-timeline')
+ ).toBeNull();
+ // Taller inline panel for the list view (see _portal-layout.scss).
+ expect(
+ fixture.nativeElement
+ .querySelector('.epg')
+ ?.classList.contains('epg--list')
+ ).toBe(true);
+
+ settingsStore.resolvedEpgViewMode.set('timeline'); // restore for sibling tests
+ });
+
it('hides the EPG panel in browser/PWA playback', () => {
fixture.destroy();
window.electron = undefined as unknown as typeof window.electron;
diff --git a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.ts b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.ts
index 22ba83a40..51986f145 100644
--- a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.ts
+++ b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.ts
@@ -49,6 +49,7 @@ import {
} from '@iptvnator/portal/xtream/data-access';
import {
EpgDateNavigationDirection,
+ EpgListViewComponent,
EpgProgramActivationEvent,
EpgTimelineComponent,
getTodayEpgDateKey,
@@ -91,6 +92,7 @@ interface XtreamLiveChannelItem {
styleUrls: ['./live-stream-layout.component.scss'],
providers: [LiveStreamAutoOpenStateService],
imports: [
+ EpgListViewComponent,
EpgTimelineComponent,
MatButtonModule,
MatIcon,
@@ -208,6 +210,8 @@ export class LiveStreamLayoutComponent implements OnInit, OnDestroy {
readonly isLiveEpgPanelCollapsed = computed(
() => this.liveEpgPanelState() === 'collapsed'
);
+ /** Live EPG panel layout chosen in settings; hosts swap timeline ↔ list. */
+ readonly epgViewMode = this.settingsStore.resolvedEpgViewMode;
readonly isSidebarCollapsed = this.liveSidebarStateService.isCollapsed;
readonly liveEpgPanelSummary = computed(() =>
this.toLiveEpgPanelSummary(
diff --git a/libs/portal/xtream/feature/src/lib/loading-overlay.component.ts b/libs/portal/xtream/feature/src/lib/loading-overlay.component.ts
deleted file mode 100644
index 9f5192bb3..000000000
--- a/libs/portal/xtream/feature/src/lib/loading-overlay.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component, input } from '@angular/core';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-
-@Component({
- selector: 'app-loading-overlay',
- imports: [MatProgressBarModule],
- template: `
-
-
-
Loading playlist...
- @if (current() !== 0 && total() !== 0) {
-
-
{{ current() }} / {{ total() }}
- } @else {
-
- }
-
-
+ {{ r.startMs | date: 'HH:mm' }} – {{ r.stopMs | date: 'HH:mm' }}
+ @if (r.when === 'now') {
+ {{ 'EPG.TIMELINE.ON_NOW' | translate }}
+ }
+
+
+
+
{{ r.program.title }}
+ @if (r.program.desc) {
+
{{ r.program.desc }}
+ }
+
+ @if (r.when === 'now' && r.progress !== null) {
+
+
+
+ }
+ @if (isPlaying()) {
+
+ play_arrow
+ {{ 'EPG.TIMELINE.FROM_ARCHIVE' | translate }}
+
+ }
+
+ @if (r.when === 'now') {
+ @if (minutesLeft() !== null) {
+ {{ minutesLeft() }}
+ {{ 'EPG.TIMELINE.MINUTES_LEFT' | translate }}
+ }
+ } @else if (r.canCatchUp) {
+
+ }
+
+
+
diff --git a/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.scss b/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.scss
new file mode 100644
index 000000000..a9c06d62a
--- /dev/null
+++ b/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.scss
@@ -0,0 +1,224 @@
+$line-strong: var(--line-strong, rgba(255, 255, 255, 0.1));
+$surface-1: var(--surface-1, #0f141c);
+$surface-2: var(--surface-2, #161d28);
+$surface-3: var(--surface-3, #1d2533);
+$text-primary: var(--text-primary, #e7ecf3);
+$text-secondary: var(--text-secondary, #9aa3b2);
+$text-tertiary: var(--text-tertiary, #6b7384);
+$accent-blue: var(--accent-blue, #4f8eff);
+$accent-cyan: var(--accent-cyan, #5cd6ff);
+$accent-live: var(--accent-live, #ff5b6e);
+$font-mono: var(--font-mono, ui-monospace, 'SF Mono', Menlo, monospace);
+
+:host {
+ box-sizing: border-box;
+ display: grid;
+ grid-template-columns: 92px 1fr auto;
+ gap: 16px;
+ align-items: center;
+ padding: 11px 18px 11px 22px;
+ position: relative;
+ cursor: pointer;
+ border-left: 3px solid transparent;
+ transition: background 120ms ease;
+ outline: none;
+}
+:host *,
+:host *::before {
+ box-sizing: border-box;
+}
+:host(:hover) {
+ background: $surface-1;
+}
+
+.time {
+ font-family: $font-mono;
+ font-size: 12px;
+ color: $text-tertiary;
+ white-space: nowrap;
+}
+.time-now {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ margin-top: 7px;
+ font-family: $font-mono;
+ font-size: 9.5px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ color: $accent-live;
+}
+.time-now::before {
+ content: '';
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ background: $accent-live;
+ box-shadow: 0 0 6px $accent-live;
+}
+
+.body {
+ min-width: 0;
+}
+.title {
+ font-size: 14px;
+ font-weight: 500;
+ color: $text-primary;
+ line-height: 1.3;
+}
+.desc {
+ font-size: 12.5px;
+ color: $text-tertiary;
+ margin-top: 3px;
+ line-height: 1.4;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 54ch;
+}
+.g-now-bar {
+ height: 3px;
+ border-radius: 2px;
+ background: rgba(255, 255, 255, 0.12);
+ margin-top: 8px;
+ max-width: 320px;
+ overflow: hidden;
+}
+.g-now-bar > i {
+ display: block;
+ height: 100%;
+ background: $accent-cyan;
+}
+.playtag {
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+ margin-top: 8px;
+ font-family: $font-mono;
+ font-size: 9.5px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ color: $accent-blue;
+}
+.playtag mat-icon {
+ width: 14px;
+ height: 14px;
+ font-size: 14px;
+}
+
+.aux {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+}
+.nowtag {
+ font-size: 12px;
+ color: $text-tertiary;
+ padding-right: 4px;
+ white-space: nowrap;
+}
+.icbtn {
+ width: 30px;
+ height: 30px;
+ border-radius: 8px;
+ display: grid;
+ place-items: center;
+ border: none;
+ background: transparent;
+ color: $text-secondary;
+ cursor: pointer;
+ opacity: 0;
+ transition:
+ opacity 120ms,
+ background 120ms,
+ color 120ms;
+}
+.icbtn mat-icon {
+ width: 18px;
+ height: 18px;
+ font-size: 18px;
+}
+:host(:hover) .icbtn,
+:host(:focus-within) .icbtn {
+ opacity: 1;
+}
+.icbtn:hover {
+ background: $surface-3;
+ color: $text-primary;
+}
+.watch {
+ display: inline-flex;
+ align-items: center;
+ gap: 7px;
+ height: 30px;
+ padding: 0 13px;
+ border-radius: 999px;
+ border: 1px solid $line-strong;
+ background: $surface-2;
+ color: $text-primary;
+ font-size: 12.5px;
+ font-weight: 600;
+ cursor: pointer;
+ white-space: nowrap;
+}
+.watch mat-icon {
+ width: 14px;
+ height: 14px;
+ font-size: 14px;
+}
+.watch:hover {
+ border-color: $accent-blue;
+ color: $accent-blue;
+}
+
+/* ── PAST — dimmed ── */
+:host([data-when='past']) .time,
+:host([data-when='past']) .title {
+ color: $text-secondary;
+}
+:host([data-when='past']) .title {
+ font-weight: 400;
+}
+:host([data-when='past']:hover) .time,
+:host([data-when='past']:hover) .title {
+ color: $text-primary;
+}
+
+/* ── NOW — accent bar + fill ── */
+:host([data-when='now']) {
+ align-items: start;
+ background: rgba(79, 142, 255, 0.08);
+ border-left-color: #4f8eff;
+}
+:host([data-when='now']) .time {
+ color: $accent-blue;
+}
+:host([data-when='now']) .title {
+ color: #fff;
+ font-weight: 600;
+}
+:host([data-when='now']) .desc {
+ color: $text-secondary;
+}
+
+/* ── PLAYING from archive — distinct from now ── */
+:host(.playing) {
+ background: rgba(79, 142, 255, 0.13);
+ border-left-color: #4f8eff;
+}
+:host(.playing) .title {
+ color: #fff;
+ font-weight: 600;
+}
+:host(.playing) .watch {
+ border-color: $accent-blue;
+ background: rgba(79, 142, 255, 0.18);
+ color: $accent-blue;
+}
+
+/* ── SELECTED (focus) — ring only, independent of temporal/playing state ── */
+:host(.sel) {
+ box-shadow: inset 0 0 0 1px rgba(79, 142, 255, 0.55);
+}
diff --git a/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.spec.ts b/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.spec.ts
new file mode 100644
index 000000000..d9320699a
--- /dev/null
+++ b/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.spec.ts
@@ -0,0 +1,131 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { TranslateModule } from '@ngx-translate/core';
+import { EpgProgram } from '@iptvnator/shared/interfaces';
+import { EpgListRow } from '../epg-list-view.utils';
+import { EpgListViewRowComponent } from './epg-list-view-row.component';
+
+function program(title = 'P', desc: string | null = null): EpgProgram {
+ return {
+ start: new Date().toISOString(),
+ stop: new Date().toISOString(),
+ channel: 'ch',
+ title,
+ desc,
+ category: null,
+ };
+}
+
+function row(overrides: Partial = {}): EpgListRow {
+ return {
+ program: program(),
+ key: 'k',
+ startMs: Date.now(),
+ stopMs: Date.now() + 60_000,
+ when: 'future',
+ progress: null,
+ isActive: false,
+ canCatchUp: false,
+ ...overrides,
+ };
+}
+
+describe('EpgListViewRowComponent', () => {
+ let fixture: ComponentFixture;
+ let component: EpgListViewRowComponent;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ imports: [EpgListViewRowComponent, TranslateModule.forRoot()],
+ });
+ fixture = TestBed.createComponent(EpgListViewRowComponent);
+ component = fixture.componentInstance;
+ });
+
+ it('marks an active past programme as playing (archive), not a now row', () => {
+ fixture.componentRef.setInput('row', row({ when: 'past', isActive: true }));
+ expect(component.isPlaying()).toBe(true);
+
+ fixture.componentRef.setInput('row', row({ when: 'now', isActive: true }));
+ expect(component.isPlaying()).toBe(false);
+ });
+
+ it('computes minutes left for a now row from the tick', () => {
+ const stopMs = Date.now() + 25 * 60_000;
+ fixture.componentRef.setInput('row', row({ when: 'now', stopMs }));
+ fixture.componentRef.setInput('nowMs', Date.now());
+ expect(component.minutesLeft()).toBeGreaterThanOrEqual(24);
+ expect(component.minutesLeft()).toBeLessThanOrEqual(25);
+ });
+
+ it('activates on keyboard only when the row itself is the target', () => {
+ fixture.componentRef.setInput('row', row());
+ const events: string[] = [];
+ component.activate.subscribe(() => events.push('activate'));
+
+ const host = fixture.nativeElement as HTMLElement;
+ const nested = document.createElement('button');
+
+ // Enter bubbling up from a nested watch/info button must NOT activate
+ // the row (and must not preventDefault, which would suppress the
+ // button's own native click).
+ const fromButton = {
+ target: nested,
+ currentTarget: host,
+ preventDefault: jest.fn(),
+ } as unknown as Event;
+ component.onKeydown(fromButton);
+ expect(events).toEqual([]);
+ expect(
+ (fromButton as unknown as { preventDefault: jest.Mock })
+ .preventDefault
+ ).not.toHaveBeenCalled();
+
+ // Enter on the focused row itself activates it.
+ const fromRow = {
+ target: host,
+ currentTarget: host,
+ preventDefault: jest.fn(),
+ } as unknown as Event;
+ component.onKeydown(fromRow);
+ expect(events).toEqual(['activate']);
+ });
+
+ it('emits activate on row click and stops propagation on watch/info', () => {
+ fixture.componentRef.setInput('row', row());
+ const events: string[] = [];
+ component.activate.subscribe(() => events.push('activate'));
+ component.watch.subscribe(() => events.push('watch'));
+ component.info.subscribe(() => events.push('info'));
+
+ component.onRowClick();
+ const stop = jest.fn();
+ component.onWatch({ stopPropagation: stop } as unknown as Event);
+ component.onInfo({ stopPropagation: stop } as unknown as Event);
+
+ expect(events).toEqual(['activate', 'watch', 'info']);
+ expect(stop).toHaveBeenCalledTimes(2);
+ });
+
+ it('renders the temporal state and catch-up Watch affordance', () => {
+ fixture.componentRef.setInput(
+ 'row',
+ row({ when: 'past', canCatchUp: true })
+ );
+ fixture.detectChanges();
+ const host = fixture.nativeElement as HTMLElement;
+ expect(host.getAttribute('data-when')).toBe('past');
+ expect(host.querySelector('.watch')).not.toBeNull();
+ });
+
+ it('renders the live progress bar for a now row and hides Watch', () => {
+ fixture.componentRef.setInput(
+ 'row',
+ row({ when: 'now', progress: 40, canCatchUp: false })
+ );
+ fixture.detectChanges();
+ const host = fixture.nativeElement as HTMLElement;
+ expect(host.getAttribute('data-when')).toBe('now');
+ expect(host.querySelector('.g-now-bar')).not.toBeNull();
+ expect(host.querySelector('.watch')).toBeNull();
+ });
+});
diff --git a/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.ts b/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.ts
new file mode 100644
index 000000000..e8a410ab6
--- /dev/null
+++ b/libs/ui/epg/src/lib/epg-list-view/epg-list-view-row/epg-list-view-row.component.ts
@@ -0,0 +1,90 @@
+import { DatePipe } from '@angular/common';
+import {
+ ChangeDetectionStrategy,
+ Component,
+ computed,
+ input,
+ output,
+} from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
+import { TranslatePipe } from '@ngx-translate/core';
+import { EpgListRow } from '../epg-list-view.utils';
+
+/**
+ * One programme row in the vertical EPG list. Dumb/presentational: it renders
+ * the precomputed `EpgListRow` and emits semantic intents; the list component
+ * owns activation policy (live vs timeshift vs open-details). Mirrors the
+ * mockup's `.g-row[data-when]` template.
+ */
+@Component({
+ selector: 'app-epg-list-view-row',
+ templateUrl: './epg-list-view-row.component.html',
+ styleUrl: './epg-list-view-row.component.scss',
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ imports: [DatePipe, MatIcon, TranslatePipe],
+ host: {
+ class: 'g-row',
+ role: 'button',
+ tabindex: '0',
+ '[attr.data-when]': 'row().when',
+ '[class.sel]': 'selected()',
+ '[class.playing]': 'isPlaying()',
+ '(click)': 'onRowClick()',
+ '(keydown.enter)': 'onKeydown($event)',
+ '(keydown.space)': 'onKeydown($event)',
+ },
+})
+export class EpgListViewRowComponent {
+ readonly row = input.required();
+ readonly selected = input(false);
+ readonly currentLocale = input('en');
+ /** Current wall-clock ms from the list's 30s tick (drives minutes-left). */
+ readonly nowMs = input(0);
+
+ readonly activate = output();
+ readonly watch = output();
+ readonly info = output();
+
+ /** Archive-playback highlight: the active programme is a past one. */
+ readonly isPlaying = computed(() => {
+ const row = this.row();
+ return row.isActive && row.when === 'past';
+ });
+
+ /** Minutes remaining on the on-air programme (for the `now` row tag). */
+ readonly minutesLeft = computed(() => {
+ const row = this.row();
+ if (row.when !== 'now') {
+ return null;
+ }
+ return Math.max(0, Math.round((row.stopMs - this.nowMs()) / 60_000));
+ });
+
+ onRowClick(): void {
+ this.activate.emit();
+ }
+
+ /**
+ * Keyboard Enter/Space activates the row only when the event target is the
+ * row itself — keydown from the nested watch/info buttons bubbles up here,
+ * and hijacking it would swap the button's action for row activation (the
+ * `preventDefault()` would also suppress the button's native click).
+ */
+ onKeydown(event: Event): void {
+ if (event.target !== event.currentTarget) {
+ return;
+ }
+ event.preventDefault();
+ this.activate.emit();
+ }
+
+ onWatch(event: Event): void {
+ event.stopPropagation();
+ this.watch.emit();
+ }
+
+ onInfo(event: Event): void {
+ event.stopPropagation();
+ this.info.emit();
+ }
+}
diff --git a/libs/ui/epg/src/lib/epg-list-view/epg-list-view.component.html b/libs/ui/epg/src/lib/epg-list-view/epg-list-view.component.html
new file mode 100644
index 000000000..b8559e77a
--- /dev/null
+++ b/libs/ui/epg/src/lib/epg-list-view/epg-list-view.component.html
@@ -0,0 +1,217 @@
+@let state = renderState();
+
+
+
+
+
+
+
+
+ @if (collapsed()) {
+
+ @if (loading()) {
+
{{
+ 'EPG.LOADING' | translate
+ }}
+ } @else if (hasSummary()) {
+ @if (isLivePlayback()) {
+
{{
+ 'EPG.TIMELINE.ON_NOW' | translate
+ }}
+
{{ summary()?.title }}
+ @if (progress() !== null) {
+
+ }
+ @if (minutesLeft() !== null) {
+
{{ minutesLeft() }}
+ {{ 'EPG.TIMELINE.MINUTES_LEFT' | translate }}
+ }
+ } @else {
+
+ play_arrow
+ {{ 'EPG.ARCHIVE_PLAYBACK' | translate }}
+
+
{{ summary()?.title }}
+ @if (hasTimeRange()) {
+
{{ summary()?.start | date: 'HH:mm' }} –
+ {{ summary()?.stop | date: 'HH:mm' }}
+ }
+ }
+ } @else {
+
{{
+ 'EPG.NO_PROGRAM_INFO' | translate
+ }}
+ }
+ } @else {
+ @if (!isLivePlayback()) {
+
+ }
+ @if (showJump()) {
+
+ }
+ @if (showDateStepper()) {
+
+
+
+
+ @if (isViewToday()) {
+ {{ 'EPG.TIMELINE.TODAY' | translate }}
+ } @else {
+ {{
+ viewDate()
+ | date: 'EEE' : '' : currentLocale()
+ }}
+ }
+
+ {{
+ viewDate() | date: 'EEE, d MMM' : '' : currentLocale()
+ }}
+
+
+
+ }
+ }
+
+
+ @if (!collapsed()) {
+
+ @if (state === 'list' && !archivePlaybackAvailable()) {
+
+ info
+ {{ 'EPG.TIMELINE.SCHEDULE_ONLY_NOTICE' | translate }}
+
+ }
+
+ @switch (state) {
+ @case ('loading') {
+
+ @for (row of skeletonRows; track $index) {
+
+
+
+
+ }
+
+ }
+ @case ('list') {
+
+
+ @if (nowStripVisible() && nowRow(); as now) {
+
+ }
+
+
+ }
+ @default {
+
+ }
+ }
+ }
+
{{ 'EPG.TITLE' | translate }}
-
-
- @for (item of epgItems; track $index) {
-
-
-
- {{ item.title }}
-
- @if (item.description) {
-
- {{ item.description }}
-
- }
-
- @if (isCurrentProgram(item)) {
-
- }
-
- }
-
- @if (epgItems.length === 0) {
-
- {{ 'EPG.EPG_NOT_AVAILABLE_CHANNEL_TITLE' | translate }}
-
- }
-
-
-
-
-
- {{ summaryLabelKey() | translate }}
-
-
-
- @if (loading()) {
-
- {{ 'EPG.LOADING' | translate }}
-
- } @else if (hasSummary()) {
-
- {{ summary()?.title }}
-
-
- @if (hasTimeRange()) {
-
- @if (summary()?.start) {
- {{ summary()?.start | date: 'HH:mm' }}
- }
- @if (summary()?.start && summary()?.stop) {
- -
- }
- @if (summary()?.stop) {
- {{ summary()?.stop | date: 'HH:mm' }}
- }
-
- }
- } @else {
-
- {{ 'EPG.NO_PROGRAM_INFO' | translate }}
-
- }
-
-
-
- @if (showReturnToLive()) {
-
- }
-
- @if (showDateNavigator()) {
- @if (!collapsed()) {
-
-
-
- {{
- selectedDateValue()
- | date
- : 'MMMM d, EEEE'
- : undefined
- : currentLocale()
- }}
-
-
-
-
-
-
-
-
-
-
- }
- }
-
- @if (progress() !== null) {
-
- }
-
-
-
-
diff --git a/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.scss b/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.scss
deleted file mode 100644
index 42fa6a207..000000000
--- a/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.scss
+++ /dev/null
@@ -1,291 +0,0 @@
-:host {
- display: block;
- height: 100%;
- min-height: 0;
-}
-
-.live-epg-panel {
- display: flex;
- flex-direction: column;
- height: 100%;
- min-height: 0;
- overflow: hidden;
- background: var(--mat-sys-surface);
-}
-
-.live-epg-panel__summary-bar {
- position: relative;
- display: grid;
- grid-template-columns: auto minmax(0, 1fr) auto auto;
- align-items: center;
- column-gap: 8px;
- min-height: 56px;
- padding: 7px 12px 9px 8px;
- flex-shrink: 0;
- border-bottom: 1px solid var(--app-separator);
- background: var(
- --app-widget-header-bg,
- var(--mat-sys-surface-container-high)
- );
- box-sizing: border-box;
-}
-
-.live-epg-panel__toggle {
- width: 40px;
- height: 40px;
- border-radius: 10px;
- color: var(--mat-sys-on-surface-variant);
- app-region: no-drag;
-
- &:hover {
- color: var(--mat-sys-on-surface);
- background: color-mix(in srgb, currentColor 10%, transparent);
- }
-}
-
-.live-epg-panel__summary {
- min-width: 0;
- display: grid;
- align-content: center;
- row-gap: 3px;
-}
-
-.live-epg-panel__program-line {
- min-width: 0;
- display: flex;
- align-items: baseline;
- gap: 8px;
-}
-
-.live-epg-panel__label {
- min-width: 0;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 0.61rem;
- line-height: 1;
- font-weight: 700;
- letter-spacing: 0.09em;
- text-transform: uppercase;
- color: var(--app-selection-color);
-}
-
-.live-epg-panel__title {
- min-width: 0;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 0.94rem;
- line-height: 1.25;
- font-weight: 600;
- color: var(--mat-sys-on-surface);
-}
-
-.live-epg-panel__title--muted {
- font-weight: 500;
- color: var(--mat-sys-on-surface-variant);
-}
-
-.live-epg-panel__time {
- flex-shrink: 0;
- font-size: 0.78rem;
- line-height: 1;
- font-weight: 600;
- font-variant-numeric: tabular-nums;
- color: var(--mat-sys-on-surface-variant);
-}
-
-.live-epg-panel__return-live {
- min-width: 0;
- height: 36px;
- padding-inline: 10px 12px;
- border-radius: 10px;
- color: var(--app-selection-color);
- background: color-mix(
- in srgb,
- var(--app-selection-color) 10%,
- transparent
- );
- app-region: no-drag;
-
- mat-icon {
- flex-shrink: 0;
- width: 18px;
- height: 18px;
- font-size: 18px;
- }
-
- .live-epg-panel__return-live-text {
- min-width: 0;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 0.78rem;
- font-weight: 700;
- }
-
- &:hover {
- color: var(--mat-sys-on-primary-container);
- background: color-mix(
- in srgb,
- var(--app-selection-color) 16%,
- transparent
- );
- }
-}
-
-.live-epg-panel__date-nav {
- display: flex;
- align-items: center;
- gap: 6px;
- min-width: 0;
- app-region: no-drag;
-
- button {
- width: 40px;
- height: 40px;
- border-radius: 10px;
- color: var(--mat-sys-on-surface-variant);
-
- &:hover:not([disabled]) {
- color: var(--mat-sys-on-surface);
- background: color-mix(in srgb, currentColor 10%, transparent);
- }
- }
-}
-
-.live-epg-panel__selected-date {
- min-width: 150px;
- max-width: 220px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- text-align: center;
- font-size: 0.83rem;
- line-height: 1.2;
- font-weight: 600;
- color: var(--mat-sys-on-surface-variant);
-}
-
-.live-epg-panel__date-chip {
- display: none;
- min-width: 0;
- max-width: 150px;
- height: 36px;
- padding-inline: 10px;
- border-radius: 10px;
- color: var(--mat-sys-on-surface-variant);
- background: color-mix(in srgb, currentColor 7%, transparent);
- app-region: no-drag;
-
- mat-icon {
- flex-shrink: 0;
- width: 18px;
- height: 18px;
- font-size: 18px;
- }
-
- span {
- min-width: 0;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 0.78rem;
- font-weight: 600;
- }
-}
-
-.live-epg-panel__progress {
- position: absolute;
- inset-inline: 8px 12px;
- bottom: 5px;
- height: 4px;
- overflow: hidden;
- border-radius: 999px;
- background: color-mix(in srgb, var(--mat-sys-on-surface) 14%, transparent);
-}
-
-.live-epg-panel__progress-fill {
- height: 100%;
- border-radius: inherit;
- background: var(--app-selection-color);
- box-shadow: 0 0 8px -2px var(--app-selection-glow);
- transition: width 0.35s ease;
-}
-
-.live-epg-panel__body {
- flex: 1 1 auto;
- min-height: 0;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- transition:
- opacity 0.16s ease,
- block-size 0.16s ease;
-}
-
-.live-epg-panel--collapsed {
- .live-epg-panel__summary-bar {
- border-bottom-color: transparent;
- }
-
- .live-epg-panel__date-nav {
- display: none;
- }
-
- .live-epg-panel__summary {
- display: flex;
- align-items: baseline;
- gap: 8px;
- }
-
- .live-epg-panel__label {
- flex-shrink: 0;
- font-size: 0.7rem;
- letter-spacing: 0.08em;
- }
-
- .live-epg-panel__program-line {
- gap: 8px;
- }
-
- .live-epg-panel__body {
- flex-basis: 0;
- block-size: 0;
- min-block-size: 0;
- opacity: 0;
- visibility: hidden;
- pointer-events: none;
- }
-}
-
-@media only screen and (max-width: 720px) {
- .live-epg-panel__date-nav {
- display: none;
- }
-
- .live-epg-panel__date-chip {
- display: inline-flex;
- }
-}
-
-@media only screen and (max-width: 640px) {
- .live-epg-panel__return-live {
- width: 36px;
- padding-inline: 0;
-
- .live-epg-panel__return-live-text {
- display: none;
- }
- }
-}
-
-@media only screen and (max-width: 560px) {
- .live-epg-panel__label {
- display: none;
- }
-
- .live-epg-panel--collapsed .live-epg-panel__label {
- display: none;
- }
-}
diff --git a/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.spec.ts b/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.spec.ts
deleted file mode 100644
index 13b012812..000000000
--- a/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.spec.ts
+++ /dev/null
@@ -1,173 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { TranslateModule } from '@ngx-translate/core';
-import {
- LiveEpgPanelComponent,
- LiveEpgPanelSummary,
-} from './live-epg-panel.component';
-
-@Component({
- standalone: true,
- imports: [LiveEpgPanelComponent],
- template: `
-
- Projected EPG
-
- `,
-})
-class HostComponent {
- collapsed = false;
- loading = false;
- summaryLabelKey = 'EPG.CURRENT_PROGRAM';
- showDateNavigator = false;
- showReturnToLive = false;
- selectedDate = '2026-04-05';
- dateDirection: 'next' | 'prev' | null = null;
- returnToLiveCount = 0;
- summary: LiveEpgPanelSummary | null = {
- title: 'Current Show',
- start: '2026-04-05T11:30:00.000Z',
- stop: '2026-04-05T12:30:00.000Z',
- };
-}
-
-describe('LiveEpgPanelComponent', () => {
- let fixture: ComponentFixture;
-
- beforeEach(async () => {
- jest.useFakeTimers();
- jest.setSystemTime(new Date('2026-04-05T12:00:00.000Z'));
-
- await TestBed.configureTestingModule({
- imports: [
- HostComponent,
- NoopAnimationsModule,
- TranslateModule.forRoot(),
- ],
- }).compileComponents();
-
- fixture = TestBed.createComponent(HostComponent);
- });
-
- afterEach(() => {
- fixture.destroy();
- jest.useRealTimers();
- });
-
- it('renders the current program summary and progress', () => {
- fixture.detectChanges();
-
- expect(
- fixture.nativeElement.querySelector('.live-epg-panel__title')
- .textContent
- ).toContain('Current Show');
- expect(
- fixture.nativeElement.querySelector('.live-epg-panel__label')
- .textContent
- ).toContain('EPG.CURRENT_PROGRAM');
- expect(
- fixture.nativeElement.querySelector(
- '.live-epg-panel__progress-fill'
- ).style.width
- ).toBe('50%');
- });
-
- it('emits and applies collapsed state from the toggle button', () => {
- fixture.detectChanges();
-
- fixture.nativeElement.querySelector('button').click();
- fixture.detectChanges();
-
- expect(fixture.componentInstance.collapsed).toBe(true);
- expect(
- fixture.nativeElement
- .querySelector('.live-epg-panel')
- .classList.contains('live-epg-panel--collapsed')
- ).toBe(true);
- });
-
- it('keeps projected EPG content mounted while collapsed and makes it inert', () => {
- fixture.componentInstance.collapsed = true;
- fixture.detectChanges();
-
- const body = fixture.nativeElement.querySelector(
- '.live-epg-panel__body'
- );
-
- expect(
- fixture.nativeElement.querySelector('.projected-content')
- .textContent
- ).toContain('Projected EPG');
- expect(body.getAttribute('aria-hidden')).toBe('true');
- expect(body.hasAttribute('inert')).toBe(true);
- });
-
- it('renders the fallback text when there is no current program', () => {
- fixture.componentInstance.summary = null;
- fixture.detectChanges();
-
- expect(
- fixture.nativeElement.querySelector('.live-epg-panel__title')
- .textContent
- ).toContain('EPG.NO_PROGRAM_INFO');
- });
-
- it('renders date navigation in the unified toolbar and emits day changes', () => {
- fixture.componentInstance.showDateNavigator = true;
- fixture.detectChanges();
-
- expect(
- fixture.nativeElement.querySelector('.selected-date').textContent
- ).toContain('April 5, Sunday');
-
- fixture.nativeElement.querySelector('.next-day').click();
-
- expect(fixture.componentInstance.dateDirection).toBe('next');
- });
-
- it('hides date navigation controls while collapsed', () => {
- fixture.componentInstance.collapsed = true;
- fixture.componentInstance.showDateNavigator = true;
- fixture.detectChanges();
-
- expect(
- fixture.nativeElement.querySelector('.live-epg-panel__date-chip')
- ).toBeNull();
- expect(
- fixture.nativeElement.querySelector('.live-epg-panel__date-nav')
- ).toBeNull();
- });
-
- it('renders archive playback state and emits return-to-live requests', () => {
- fixture.componentInstance.summaryLabelKey = 'EPG.ARCHIVE_PLAYBACK';
- fixture.componentInstance.showReturnToLive = true;
- fixture.detectChanges();
-
- expect(
- fixture.nativeElement.querySelector('.live-epg-panel__label')
- .textContent
- ).toContain('EPG.ARCHIVE_PLAYBACK');
-
- const returnButton = fixture.nativeElement.querySelector(
- '.live-epg-panel__return-live'
- ) as HTMLButtonElement | null;
- expect(returnButton).not.toBeNull();
- expect(returnButton?.textContent).toContain('EPG.RETURN_TO_LIVE');
-
- returnButton?.click();
-
- expect(fixture.componentInstance.returnToLiveCount).toBe(1);
- });
-});
diff --git a/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.ts b/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.ts
deleted file mode 100644
index 8053dded3..000000000
--- a/libs/ui/shared-portals/src/lib/live-epg-panel/live-epg-panel.component.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import { DatePipe } from '@angular/common';
-import {
- ChangeDetectionStrategy,
- Component,
- computed,
- effect,
- inject,
- input,
- output,
- signal,
-} from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { MatButton, MatIconButton } from '@angular/material/button';
-import { MatIcon } from '@angular/material/icon';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTooltip } from '@angular/material/tooltip';
-import { normalizeDateLocale } from '@iptvnator/pipes';
-import {
- EpgDateNavigationDirection,
- parseEpgDateKey,
-} from '@iptvnator/ui/epg/date';
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
-import { startWith } from 'rxjs';
-
-export interface LiveEpgPanelSummary {
- readonly title?: string | null;
- readonly start?: string | number | Date | null;
- readonly stop?: string | number | Date | null;
- readonly progress?: number | null;
-}
-
-@Component({
- selector: 'app-live-epg-panel',
- imports: [
- DatePipe,
- MatButton,
- MatIcon,
- MatIconButton,
- MatMenuModule,
- MatTooltip,
- TranslatePipe,
- ],
- templateUrl: './live-epg-panel.component.html',
- styleUrl: './live-epg-panel.component.scss',
- changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class LiveEpgPanelComponent {
- readonly collapsed = input(false);
- readonly summary = input(null);
- readonly loading = input(false);
- readonly summaryLabelKey = input('EPG.CURRENT_PROGRAM');
- readonly showDateNavigator = input(false);
- readonly selectedDate = input(null);
- readonly showReturnToLive = input(false);
- readonly collapsedChange = output();
- readonly dateNavigation = output();
- readonly returnToLive = output();
-
- private readonly translate = inject(TranslateService);
- private readonly currentTimeMs = signal(Date.now());
- private readonly languageTick = toSignal(
- this.translate.onLangChange.pipe(startWith(null)),
- { initialValue: null }
- );
-
- readonly hasSummary = computed(() => {
- const title = this.summary()?.title;
- return typeof title === 'string' && title.trim().length > 0;
- });
-
- readonly hasTimeRange = computed(() => {
- const summary = this.summary();
- return !!summary?.start || !!summary?.stop;
- });
-
- readonly progress = computed(() => {
- const summary = this.summary();
- if (!summary) {
- return null;
- }
-
- const explicitProgress = Number(summary.progress);
- if (Number.isFinite(explicitProgress)) {
- return clampProgress(explicitProgress);
- }
-
- const startMs = toTimeMs(summary.start);
- const stopMs = toTimeMs(summary.stop);
- if (startMs === null || stopMs === null || stopMs <= startMs) {
- return null;
- }
-
- const elapsed = this.currentTimeMs() - startMs;
- return clampProgress((elapsed / (stopMs - startMs)) * 100);
- });
- readonly selectedDateValue = computed(() =>
- parseEpgDateKey(this.selectedDate())
- );
- readonly currentLocale = computed(() => {
- this.languageTick();
- return normalizeDateLocale(
- this.translate.currentLang || this.translate.defaultLang
- );
- });
-
- constructor() {
- effect((onCleanup) => {
- const intervalId = window.setInterval(() => {
- this.currentTimeMs.set(Date.now());
- }, 30_000);
-
- onCleanup(() => clearInterval(intervalId));
- });
- }
-
- toggleCollapsed(): void {
- this.collapsedChange.emit(!this.collapsed());
- }
-
- navigateDate(direction: EpgDateNavigationDirection): void {
- this.dateNavigation.emit(direction);
- }
-}
-
-function toTimeMs(
- value: string | number | Date | null | undefined
-): number | null {
- if (value === null || value === undefined || value === '') {
- return null;
- }
-
- const parsed =
- value instanceof Date
- ? value.getTime()
- : typeof value === 'number'
- ? value
- : Date.parse(value);
- return Number.isFinite(parsed) ? parsed : null;
-}
-
-function clampProgress(value: number): number {
- return Math.min(100, Math.max(0, value));
-}
diff --git a/libs/ui/styles/_portal-layout.scss b/libs/ui/styles/_portal-layout.scss
index 7293d319d..f2338e805 100644
--- a/libs/ui/styles/_portal-layout.scss
+++ b/libs/ui/styles/_portal-layout.scss
@@ -133,13 +133,20 @@
flex: 0 0 var(--epg-inline-height, clamp(180px, 36vh, 264px));
}
+ // Vertical list view (epgViewMode = 'list'): rows need more height to
+ // be useful — raise the inline clamp only. Sets just the variable, so
+ // the later `.epg-collapsed` flex rule still wins when collapsed.
+ &.epg--list {
+ --epg-inline-height: clamp(280px, 46vh, 430px);
+ }
+
&.epg-collapsed {
flex: 0 0 56px;
min-height: 56px;
}
- > app-live-epg-panel,
- > app-epg-timeline {
+ > app-epg-timeline,
+ > app-epg-list-view {
flex: 1;
min-height: 0;
}
@@ -152,9 +159,8 @@
display: flex;
flex-direction: column;
- > app-epg-view,
- > app-live-epg-panel,
- > app-epg-timeline {
+ > app-epg-timeline,
+ > app-epg-list-view {
flex: 1;
min-height: 0;
}
diff --git a/libs/workspace/shell/util/project.json b/libs/workspace/shell/util/project.json
index 09e65ab5d..61a84736b 100644
--- a/libs/workspace/shell/util/project.json
+++ b/libs/workspace/shell/util/project.json
@@ -4,7 +4,7 @@
"sourceRoot": "libs/workspace/shell/util/src",
"prefix": "lib",
"projectType": "library",
- "tags": ["scope:workspace", "domain:workspace", "type:util"],
+ "tags": ["scope:workspace", "domain:workspace", "type:data-access"],
"targets": {
"test": {
"executor": "@nx/jest:jest",
diff --git a/package.json b/package.json
index 2f017d3e7..e28337b07 100644
--- a/package.json
+++ b/package.json
@@ -32,11 +32,12 @@
"test:frontend": "nx test web",
"test:backend": "nx test electron-backend",
"test:unit:all": "nx run-many --target=test --all --parallel=3",
- "test:unit:ci": "nx run-many --target=test --projects=electron-backend,web,services,m3u-state,portal-stalker-data-access,portal-shared-util,playlist-shared-ui,portal-xtream-data-access,portal-xtream-feature,workspace-dashboard-data-access,components,@iptvnator/pipes,packaging,epg-data-access,workspace-shell-util,database --parallel=3 --output-style=static",
+ "test:unit:ci": "nx run-many --target=test --all --parallel=3 --output-style=static",
"coverage:unit:ci": "node tools/coverage/run-tier-a-coverage.mjs",
"coverage:merge": "node tools/coverage/merge-coverage.mjs",
"coverage:health": "node tools/coverage/coverage-health.mjs",
- "coverage:ci": "pnpm run coverage:unit:ci && pnpm run coverage:merge && node tools/coverage/coverage-health.mjs --require-report",
+ "coverage:policy:check": "node tools/coverage/check-coverage-policy.mjs",
+ "coverage:ci": "pnpm run coverage:policy:check && pnpm run coverage:unit:ci && pnpm run coverage:merge && node tools/coverage/coverage-health.mjs --require-report",
"coverage:e2e:summary": "node tools/coverage/e2e-semantic-summary.mjs",
"coverage:e2e:v8:web": "node tools/coverage/e2e-v8-web.mjs",
"typecheck:web": "tsc -p apps/web/tsconfig.app.json --noEmit",
@@ -59,7 +60,7 @@
"release:artwork:manifest": "tsx tools/release/generate-marketing-artwork.ts --manifest",
"release:artwork:generate": "tsx tools/release/generate-marketing-artwork.ts --generate",
"release:artwork:validate": "tsx tools/release/generate-marketing-artwork.ts --validate",
- "lint": "nx lint electron-backend",
+ "lint": "nx run-many --target=lint --all",
"build": "nx build electron-backend"
},
"private": true,
@@ -75,7 +76,6 @@
"@angular/platform-browser": "21.2.9",
"@angular/platform-browser-dynamic": "21.2.9",
"@angular/router": "21.2.9",
- "@ngrx/component-store": "21.0.1",
"@ngrx/effects": "21.0.1",
"@ngrx/entity": "21.0.1",
"@ngrx/router-store": "21.0.1",
@@ -83,7 +83,6 @@
"@ngrx/store": "21.0.1",
"@ngrx/store-devtools": "21.0.1",
"@ngx-pwa/local-storage": "21.0.0",
- "@videojs/http-streaming": "2.15.0",
"@yangkghjh/videojs-aspect-ratio-panel": "0.0.1",
"angularx-qrcode": "21.0.4",
"artplayer": "5.3.0",
@@ -98,7 +97,6 @@
"fix-path": "5.0.0",
"hls.js": "1.6.13",
"iptv-playlist-parser": "github:4gray/iptv-playlist-parser",
- "lodash": "4.18.1",
"marked": "18.0.5",
"mpegts.js": "1.8.0",
"ms": "2.1.3",
@@ -106,7 +104,6 @@
"ngx-skeleton-loader": "11.3.0",
"rxjs": "7.8.2",
"saxes": "6.0.0",
- "semver": "7.7.3",
"uuid": "9.0.0",
"video.js": "8.23.4",
"videojs-contrib-quality-levels": "4.1.0",
@@ -170,7 +167,6 @@
"@types/cors": "2.8.19",
"@types/express": "5.0.6",
"@types/jest": "^30.0.0",
- "@types/lodash": "4.17.20",
"@types/mocha": "9.0.0",
"@types/node": "20.19.9",
"@types/uuid": "^10.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5fcf722a4..81ef8fde5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -65,9 +65,6 @@ importers:
'@angular/router':
specifier: 21.2.9
version: 21.2.9(@angular/common@21.2.9(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@21.2.9(@angular/animations@21.2.9(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1)))(@angular/common@21.2.9(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1)))(rxjs@7.8.2)
- '@ngrx/component-store':
- specifier: 21.0.1
- version: 21.0.1(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2)
'@ngrx/effects':
specifier: 21.0.1
version: 21.0.1(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(@ngrx/store@21.0.1(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(rxjs@7.8.2)
@@ -89,9 +86,6 @@ importers:
'@ngx-pwa/local-storage':
specifier: 21.0.0
version: 21.0.0(@angular/common@21.2.9(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2)
- '@videojs/http-streaming':
- specifier: 2.15.0
- version: 2.15.0(video.js@8.23.4)
'@yangkghjh/videojs-aspect-ratio-panel':
specifier: 0.0.1
version: 0.0.1
@@ -134,9 +128,6 @@ importers:
iptv-playlist-parser:
specifier: github:4gray/iptv-playlist-parser
version: https://codeload.github.com/4gray/iptv-playlist-parser/tar.gz/38a62d0b7c98f442bfa102ee8e1fe14169ae9386
- lodash:
- specifier: 4.18.1
- version: 4.18.1
marked:
specifier: 18.0.5
version: 18.0.5
@@ -158,9 +149,6 @@ importers:
saxes:
specifier: 6.0.0
version: 6.0.0
- semver:
- specifier: 7.7.3
- version: 7.7.3
uuid:
specifier: 9.0.0
version: 9.0.0
@@ -324,9 +312,6 @@ importers:
'@types/jest':
specifier: ^30.0.0
version: 30.0.0
- '@types/lodash':
- specifier: 4.17.20
- version: 4.17.20
'@types/mocha':
specifier: 9.0.0
version: 9.0.0
@@ -3357,12 +3342,6 @@ packages:
'@napi-rs/wasm-runtime@1.1.1':
resolution: {integrity: sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==}
- '@ngrx/component-store@21.0.1':
- resolution: {integrity: sha512-aOfudK8MqCZQUuBjMnXAXRxRcr9Qu/+9/2iIh4aLhmGXC5JCpkDi1a82A/39EUFZy2xBbI4lPI7P817b1PQRvQ==}
- peerDependencies:
- '@angular/core': ^21.0.0
- rxjs: ^6.5.3 || ^7.5.0
-
'@ngrx/effects@21.0.1':
resolution: {integrity: sha512-hSdpToAiSYa5FJ/CAygQHpnCaF2S1HO7q/57ob3XvNTWmkofa0VqI/IIe4W57bojh2YOWCJ91SCn3kAjymaV3g==}
peerDependencies:
@@ -4631,9 +4610,6 @@ packages:
'@types/keyv@3.1.4':
resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
- '@types/lodash@4.17.20':
- resolution: {integrity: sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==}
-
'@types/mdast@4.0.4':
resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
@@ -4908,12 +4884,6 @@ packages:
cpu: [x64]
os: [win32]
- '@videojs/http-streaming@2.15.0':
- resolution: {integrity: sha512-uRW62ybZOP4Osw24/yT79vjRkxqAyoB/wtVV6lroAaPHYUXCz9//VUQAC6xZn2z6JeCoBz0pQHGlxYb8JRFj6Q==}
- engines: {node: '>=8', npm: '>=5'}
- peerDependencies:
- video.js: ^6 || ^7
-
'@videojs/http-streaming@2.16.3':
resolution: {integrity: sha512-91CJv5PnFBzNBvyEjt+9cPzTK/xoVixARj2g7ZAvItA+5bx8VKdk5RxCz/PP2kdzz9W+NiDUMPkdmTsosmy69Q==}
engines: {node: '>=8', npm: '>=5'}
@@ -4991,11 +4961,6 @@ packages:
'@webassemblyjs/wast-printer@1.14.1':
resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
- '@xmldom/xmldom@0.7.13':
- resolution: {integrity: sha512-lm2GW5PkosIzccsaZIz7tp8cPADSIlIHWDFTR1N0SzfinhhYgeIQjFMz4rYzanCScr3DqQLeomUDArp6MWKm+g==}
- engines: {node: '>=10.0.0'}
- deprecated: this version has critical issues, please update to the latest version
-
'@xmldom/xmldom@0.8.11':
resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==}
engines: {node: '>=10.0.0'}
@@ -8908,10 +8873,6 @@ packages:
engines: {node: '>=10'}
hasBin: true
- mpd-parser@0.22.0:
- resolution: {integrity: sha512-P2GSZGTlud9zGr1IU/wd+dwK5v+cdeHd9ys+8y0Yo4kADfkKyYET37oIvOoQiLGp6k7CTNO7navdyV2mfG0yzw==}
- hasBin: true
-
mpd-parser@0.22.1:
resolution: {integrity: sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q==}
hasBin: true
@@ -13760,7 +13721,7 @@ snapshots:
make-fetch-happen: 10.2.1
nopt: 6.0.0
proc-log: 2.0.1
- semver: 7.7.3
+ semver: 7.7.4
tar: 6.2.1
which: 2.0.2
transitivePeerDependencies:
@@ -15388,12 +15349,6 @@ snapshots:
'@tybys/wasm-util': 0.10.1
optional: true
- '@ngrx/component-store@21.0.1(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2)':
- dependencies:
- '@angular/core': 21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1)
- rxjs: 7.8.2
- tslib: 2.8.1
-
'@ngrx/effects@21.0.1(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(@ngrx/store@21.0.1(@angular/core@21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(rxjs@7.8.2)':
dependencies:
'@angular/core': 21.2.9(@angular/compiler@21.2.9)(rxjs@7.8.2)(zone.js@0.15.1)
@@ -15489,7 +15444,7 @@ snapshots:
'@npmcli/fs@2.1.2':
dependencies:
'@gar/promisify': 1.1.3
- semver: 7.7.3
+ semver: 7.7.4
'@npmcli/fs@5.0.0':
dependencies:
@@ -16921,8 +16876,6 @@ snapshots:
dependencies:
'@types/node': 20.19.9
- '@types/lodash@4.17.20': {}
-
'@types/mdast@4.0.4':
dependencies:
'@types/unist': 3.0.3
@@ -17186,17 +17139,6 @@ snapshots:
'@unrs/resolver-binding-win32-x64-msvc@1.11.1':
optional: true
- '@videojs/http-streaming@2.15.0(video.js@8.23.4)':
- dependencies:
- '@babel/runtime': 7.28.4
- '@videojs/vhs-utils': 3.0.5
- aes-decrypter: 3.1.3
- global: 4.4.0
- m3u8-parser: 4.8.0
- mpd-parser: 0.22.0
- mux.js: 6.0.1
- video.js: 8.23.4
-
'@videojs/http-streaming@2.16.3(video.js@7.21.7)':
dependencies:
'@babel/runtime': 7.28.4
@@ -17322,8 +17264,6 @@ snapshots:
'@webassemblyjs/ast': 1.14.1
'@xtuc/long': 4.2.2
- '@xmldom/xmldom@0.7.13': {}
-
'@xmldom/xmldom@0.8.11': {}
'@xtuc/ieee754@1.2.0': {}
@@ -22438,13 +22378,6 @@ snapshots:
mkdirp@1.0.4: {}
- mpd-parser@0.22.0:
- dependencies:
- '@babel/runtime': 7.28.4
- '@videojs/vhs-utils': 3.0.5
- '@xmldom/xmldom': 0.7.13
- global: 4.4.0
-
mpd-parser@0.22.1:
dependencies:
'@babel/runtime': 7.28.4
diff --git a/tools/coverage/check-coverage-policy.mjs b/tools/coverage/check-coverage-policy.mjs
new file mode 100644
index 000000000..3fe6e5bf0
--- /dev/null
+++ b/tools/coverage/check-coverage-policy.mjs
@@ -0,0 +1,141 @@
+#!/usr/bin/env node
+
+/**
+ * Guards tools/coverage/coverage-policy.json against drift.
+ *
+ * Every Nx project with a `test` target must be classified in a coverage
+ * tier (A, B, or C). This makes CI fail loudly when a new library is added
+ * without deciding how it is tested, instead of silently skipping it.
+ *
+ * Usage:
+ * node tools/coverage/check-coverage-policy.mjs
+ * Validate the policy. Exits non-zero on unclassified projects, stale
+ * entries, or Tier A entries without a test target.
+ * node tools/coverage/check-coverage-policy.mjs --run-non-tier-a
+ * Run the validation command for each Tier B/C project. Uses the
+ * entry's `validationCommand` when present, falling back to
+ * `pnpm nx test `. Projects with an `e2e` target are skipped
+ * because the E2E workflow already runs them on every PR.
+ */
+
+import { execFileSync, spawnSync } from 'node:child_process';
+import { readFileSync } from 'node:fs';
+import path from 'node:path';
+import process from 'node:process';
+
+const workspaceRoot = process.cwd();
+const policyPath = path.join(workspaceRoot, 'tools/coverage/coverage-policy.json');
+const policy = JSON.parse(readFileSync(policyPath, 'utf8'));
+
+const tiers = {
+ tierA: policy.unitCoverage.tierA ?? [],
+ tierB: policy.unitCoverage.tierB ?? [],
+ tierC: policy.unitCoverage.tierC ?? [],
+};
+
+function showProjects(extraArgs = []) {
+ const output = execFileSync(
+ 'pnpm',
+ ['nx', 'show', 'projects', '--json', ...extraArgs],
+ { cwd: workspaceRoot, encoding: 'utf8' }
+ );
+ const start = output.indexOf('[');
+ if (start === -1) {
+ throw new Error(
+ `nx show projects --json produced no JSON array.\nRaw output:\n${output}`
+ );
+ }
+ return new Set(JSON.parse(output.slice(start)));
+}
+
+const testProjects = showProjects(['--withTarget', 'test']);
+const allProjects = showProjects();
+const e2eProjects = showProjects(['--withTarget', 'e2e']);
+
+function runNonTierA() {
+ let failed = false;
+
+ for (const project of [...tiers.tierB, ...tiers.tierC]) {
+ if (e2eProjects.has(project.name)) {
+ console.log(
+ `==> Skipping ${project.name}: covered by the E2E workflow.`
+ );
+ continue;
+ }
+
+ const command =
+ project.validationCommand ??
+ (testProjects.has(project.name)
+ ? `pnpm nx test ${project.name}`
+ : null);
+ if (!command) {
+ console.log(
+ `==> Skipping ${project.name}: no validation command or test target.`
+ );
+ continue;
+ }
+
+ console.log(`\n==> Validating ${project.name}: ${command}`);
+ const result = spawnSync(command, {
+ cwd: workspaceRoot,
+ shell: true,
+ stdio: 'inherit',
+ });
+ if (result.status !== 0) {
+ failed = true;
+ }
+ }
+
+ process.exit(failed ? 1 : 0);
+}
+
+if (process.argv.includes('--run-non-tier-a')) {
+ runNonTierA();
+}
+
+const classified = new Map(
+ Object.entries(tiers).flatMap(([tier, projects]) =>
+ projects.map((project) => [project.name, tier])
+ )
+);
+
+const unclassified = [...testProjects].filter((name) => !classified.has(name));
+const stale = [...classified.keys()].filter((name) => !allProjects.has(name));
+const tierAWithoutTest = tiers.tierA
+ .map((project) => project.name)
+ .filter((name) => !testProjects.has(name));
+
+if (unclassified.length > 0) {
+ console.error(
+ 'Coverage policy is missing projects that have a test target:\n' +
+ unclassified.map((name) => ` - ${name}`).join('\n') +
+ '\n\nAdd each project to a tier in tools/coverage/coverage-policy.json:' +
+ '\n tierA: runs in CI with coverage (Codecov)' +
+ '\n tierB/tierC: runs in CI without coverage'
+ );
+ process.exit(1);
+}
+
+if (stale.length > 0) {
+ console.error(
+ 'Coverage policy lists projects that do not exist in the workspace:\n' +
+ stale.map((name) => ` - ${name}`).join('\n') +
+ '\n\nRemove them from tools/coverage/coverage-policy.json.'
+ );
+ process.exit(1);
+}
+
+if (tierAWithoutTest.length > 0) {
+ console.error(
+ 'Tier A projects must have a test target, but these do not:\n' +
+ tierAWithoutTest.map((name) => ` - ${name}`).join('\n') +
+ '\n\nRestore the test target or move the project to Tier B/C in ' +
+ 'tools/coverage/coverage-policy.json.'
+ );
+ process.exit(1);
+}
+
+console.log(
+ `Coverage policy OK: ${testProjects.size} test projects classified ` +
+ `(${tiers.tierA.length} Tier A, ${tiers.tierB.length} Tier B, ${tiers.tierC.length} Tier C).`
+);
diff --git a/tools/coverage/coverage-policy.json b/tools/coverage/coverage-policy.json
index d97aa5185..d29c4c0a7 100644
--- a/tools/coverage/coverage-policy.json
+++ b/tools/coverage/coverage-policy.json
@@ -184,13 +184,6 @@
"validationCommand": "pnpm nx test ui-playback",
"e2eTags": ["@playback", "@m3u"]
},
- {
- "name": "shared-portals",
- "root": "libs/ui/shared-portals",
- "sourceRoot": "libs/ui/shared-portals/src",
- "validationCommand": "pnpm nx test shared-portals",
- "e2eTags": ["@xtream", "@stalker"]
- },
{
"name": "workspace-dashboard-data-access",
"root": "libs/workspace/dashboard/data-access",
@@ -277,6 +270,11 @@
"name": "remote-control",
"root": "libs/ui/remote-control",
"reason": "No unit specs yet; validate through remote-control flows or add focused tests when behavior changes directly."
+ },
+ {
+ "name": "shared-portals",
+ "root": "libs/ui/shared-portals",
+ "reason": "Type-only library after the dead epg-view/live-epg-panel components were removed; only the LiveEpgPanelSummary interface remains, so there is no runtime code to unit test."
}
]
},
diff --git a/tools/eslint/generate-max-lines-baseline.mjs b/tools/eslint/generate-max-lines-baseline.mjs
new file mode 100644
index 000000000..a92204f12
--- /dev/null
+++ b/tools/eslint/generate-max-lines-baseline.mjs
@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+
+/**
+ * Regenerates tools/eslint/max-lines-baseline.mjs: the list of TypeScript
+ * files that already exceed the max-lines limit enforced in eslint.config.mjs.
+ * Baselined files are exempt from the rule; the list should only shrink.
+ *
+ * Usage: node tools/eslint/generate-max-lines-baseline.mjs
+ */
+
+import { readdirSync, readFileSync, writeFileSync } from 'node:fs';
+import path from 'node:path';
+import process from 'node:process';
+
+export const MAX_LINES = 400;
+
+const workspaceRoot = process.cwd();
+const scanRoots = ['apps', 'libs', 'tools'];
+const skipDirs = new Set(['node_modules', 'dist', '.nx', 'coverage']);
+
+function collectTsFiles(dir, results) {
+ for (const entry of readdirSync(dir, { withFileTypes: true })) {
+ if (entry.isDirectory()) {
+ if (!skipDirs.has(entry.name)) {
+ collectTsFiles(path.join(dir, entry.name), results);
+ }
+ } else if (
+ (entry.name.endsWith('.ts') || entry.name.endsWith('.tsx')) &&
+ !entry.name.endsWith('.d.ts')
+ ) {
+ results.push(path.join(dir, entry.name));
+ }
+ }
+ return results;
+}
+
+function countLines(filePath) {
+ const content = readFileSync(filePath, 'utf8');
+ if (content.length === 0) {
+ return 0;
+ }
+ const lines = content.split('\n').length;
+ return content.endsWith('\n') ? lines - 1 : lines;
+}
+
+const offenders = scanRoots
+ .flatMap((root) => collectTsFiles(path.join(workspaceRoot, root), []))
+ .map((filePath) => ({
+ file: path.relative(workspaceRoot, filePath).split(path.sep).join('/'),
+ lines: countLines(filePath),
+ }))
+ .filter(({ lines }) => lines > MAX_LINES)
+ .sort((a, b) => a.file.localeCompare(b.file));
+
+const banner = `// Generated by tools/eslint/generate-max-lines-baseline.mjs — do not edit by hand.
+// TypeScript files that predate the max-lines (${MAX_LINES}) ESLint rule.
+// This list should only shrink: split a file below the limit, rerun the
+// generator, and commit the result. Never add new files here.
+`;
+
+const body = offenders.map(({ file }) => ` '${file}',`).join('\n');
+
+writeFileSync(
+ path.join(workspaceRoot, 'tools/eslint/max-lines-baseline.mjs'),
+ `${banner}export const maxLinesBaseline = [\n${body}\n];\n`
+);
+
+console.log(`Baselined ${offenders.length} files over ${MAX_LINES} lines.`);
diff --git a/tools/eslint/max-lines-baseline.mjs b/tools/eslint/max-lines-baseline.mjs
new file mode 100644
index 000000000..4ccadc2cf
--- /dev/null
+++ b/tools/eslint/max-lines-baseline.mjs
@@ -0,0 +1,139 @@
+// Generated by tools/eslint/generate-max-lines-baseline.mjs — do not edit by hand.
+// TypeScript files that predate the max-lines (400) ESLint rule.
+// This list should only shrink: split a file below the limit, rerun the
+// generator, and commit the result. Never add new files here.
+export const maxLinesBaseline = [
+ 'apps/electron-backend-e2e/src/catalog-sorting.e2e.ts',
+ 'apps/electron-backend-e2e/src/category-management.e2e.ts',
+ 'apps/electron-backend-e2e/src/electron-test-fixtures.ts',
+ 'apps/electron-backend-e2e/src/favorites.e2e.ts',
+ 'apps/electron-backend-e2e/src/playlist-switcher.e2e.ts',
+ 'apps/electron-backend-e2e/src/portal-mock-fixtures.ts',
+ 'apps/electron-backend-e2e/src/recent.e2e.ts',
+ 'apps/electron-backend-e2e/src/search.e2e.ts',
+ 'apps/electron-backend-e2e/src/settings.e2e.ts',
+ 'apps/electron-backend-e2e/src/sources.e2e.ts',
+ 'apps/electron-backend/src/app/api/main.preload.spec-data.ts',
+ 'apps/electron-backend/src/app/api/main.preload.ts',
+ 'apps/electron-backend/src/app/app.ts',
+ 'apps/electron-backend/src/app/database/operations/content.operations.spec.ts',
+ 'apps/electron-backend/src/app/database/operations/content.operations.ts',
+ 'apps/electron-backend/src/app/database/operations/playlist.operations.ts',
+ 'apps/electron-backend/src/app/events/epg-query.service.spec.ts',
+ 'apps/electron-backend/src/app/events/epg-query.service.ts',
+ 'apps/electron-backend/src/app/events/epg-worker.service.ts',
+ 'apps/electron-backend/src/app/events/epg.events.spec.ts',
+ 'apps/electron-backend/src/app/events/mpv-session.service.ts',
+ 'apps/electron-backend/src/app/events/player.events.spec.ts',
+ 'apps/electron-backend/src/app/events/playlist.events.spec.ts',
+ 'apps/electron-backend/src/app/events/vlc-session.service.ts',
+ 'apps/electron-backend/src/app/services/app-update.service.spec.ts',
+ 'apps/electron-backend/src/app/services/app-update.service.ts',
+ 'apps/electron-backend/src/app/services/embedded-mpv-native-source.spec.ts',
+ 'apps/electron-backend/src/app/services/embedded-mpv-native.service.spec.ts',
+ 'apps/electron-backend/src/app/services/embedded-mpv-native.service.ts',
+ 'apps/electron-backend/src/app/util/validated-axios.spec.ts',
+ 'apps/electron-backend/src/app/workers/database.worker.ts',
+ 'apps/electron-backend/src/app/workers/epg-parser.worker.ts',
+ 'apps/stalker-mock-server/src/app/data-generator.ts',
+ 'apps/web-backend/src/app/web-backend-app.spec.ts',
+ 'apps/web-backend/src/app/web-backend-app.ts',
+ 'apps/web-e2e/src/stalker.e2e.ts',
+ 'apps/web-e2e/src/xtream.e2e.ts',
+ 'apps/web/src/app/services/electron.service.ts',
+ 'apps/web/src/app/services/pwa.service.ts',
+ 'apps/web/src/app/settings/settings.component.spec.ts',
+ 'apps/web/src/app/settings/settings.component.ts',
+ 'apps/xtream-mock-server/src/app/generators/marketing.generator.ts',
+ 'libs/epg/data-access/src/lib/epg.service.spec.ts',
+ 'libs/epg/data-access/src/lib/epg.service.ts',
+ 'libs/m3u-state/src/lib/effects.ts',
+ 'libs/playlist/m3u/feature-player/src/lib/video-player/video-player.component.spec.ts',
+ 'libs/playlist/m3u/feature-player/src/lib/video-player/video-player.component.ts',
+ 'libs/playlist/shared/ui/src/lib/playlist-refresh-action.service.spec.ts',
+ 'libs/playlist/shared/ui/src/lib/playlist-refresh-action.service.ts',
+ 'libs/playlist/shared/ui/src/lib/playlist-switcher/playlist-switcher.component.ts',
+ 'libs/playlist/shared/ui/src/lib/recent-playlists/playlist-info/playlist-info.component.spec.ts',
+ 'libs/playlist/shared/ui/src/lib/recent-playlists/playlist-info/playlist-info.component.ts',
+ 'libs/playlist/shared/ui/src/lib/recent-playlists/recent-playlists.component.spec.ts',
+ 'libs/playlist/shared/ui/src/lib/recent-playlists/recent-playlists.component.ts',
+ 'libs/playlist/shared/util/src/lib/playlist-context.facade.spec.ts',
+ 'libs/playlist/shared/util/src/lib/playlist-context.facade.ts',
+ 'libs/portal/catalog/feature/src/lib/category-content-view/category-content-view.component.spec.ts',
+ 'libs/portal/downloads/feature/src/lib/downloads.component.ts',
+ 'libs/portal/shared/data-access/src/lib/collection/stream-resolver.service.spec.ts',
+ 'libs/portal/shared/data-access/src/lib/collection/stream-resolver.service.ts',
+ 'libs/portal/shared/data-access/src/lib/collection/unified-favorites-data.service.spec.ts',
+ 'libs/portal/shared/data-access/src/lib/collection/unified-favorites-data.service.ts',
+ 'libs/portal/shared/data-access/src/lib/collection/unified-recent-data.service.spec.ts',
+ 'libs/portal/shared/data-access/src/lib/collection/unified-recent-data.service.ts',
+ 'libs/portal/shared/ui/src/lib/components/unified-collection/unified-collection-page.component.spec.ts',
+ 'libs/portal/shared/ui/src/lib/components/unified-collection/unified-collection-page.component.ts',
+ 'libs/portal/shared/ui/src/lib/components/unified-collection/unified-live-tab.component.spec.ts',
+ 'libs/portal/shared/ui/src/lib/components/unified-collection/unified-live-tab.component.ts',
+ 'libs/portal/shared/util/src/lib/navigation/workspace-portal-navigation.ts',
+ 'libs/portal/stalker/data-access/src/lib/stalker-session.service.ts',
+ 'libs/portal/stalker/data-access/src/lib/stores/features/with-stalker-content.feature.spec.ts',
+ 'libs/portal/stalker/data-access/src/lib/stores/features/with-stalker-content.feature.ts',
+ 'libs/portal/stalker/data-access/src/lib/stores/features/with-stalker-epg.feature.ts',
+ 'libs/portal/stalker/data-access/src/lib/stores/features/with-stalker-player.feature.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-collection-detail.component.spec.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-collection-detail.component.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-search/stalker-search.component.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-series-view/stalker-series-view.component.spec.ts',
+ 'libs/portal/stalker/feature/src/lib/stalker-series-view/stalker-series-view.component.ts',
+ 'libs/portal/xtream/data-access/src/lib/data-sources/electron-xtream-data-source.ts',
+ 'libs/portal/xtream/data-access/src/lib/data-sources/pwa-xtream-data-source.spec.ts',
+ 'libs/portal/xtream/data-access/src/lib/data-sources/pwa-xtream-data-source.ts',
+ 'libs/portal/xtream/data-access/src/lib/data-sources/xtream-data-source.interface.ts',
+ 'libs/portal/xtream/data-access/src/lib/services/xtream-api.service.ts',
+ 'libs/portal/xtream/data-access/src/lib/services/xtream-url.service.ts',
+ 'libs/portal/xtream/data-access/src/lib/stores/features/with-content.feature.spec.ts',
+ 'libs/portal/xtream/data-access/src/lib/stores/features/with-content.feature.ts',
+ 'libs/portal/xtream/data-access/src/lib/stores/features/with-selection.feature.ts',
+ 'libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts',
+ 'libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.ts',
+ 'libs/portal/xtream/feature/src/lib/portal-channels-list/portal-channels-list.component.spec.ts',
+ 'libs/portal/xtream/feature/src/lib/portal-channels-list/portal-channels-list.component.ts',
+ 'libs/portal/xtream/feature/src/lib/search-results/search-results.component.spec.ts',
+ 'libs/portal/xtream/feature/src/lib/search-results/search-results.component.ts',
+ 'libs/portal/xtream/feature/src/lib/serial-details/serial-details.component.spec.ts',
+ 'libs/portal/xtream/feature/src/lib/serial-details/serial-details.component.ts',
+ 'libs/portal/xtream/feature/src/lib/vod-details/vod-details-route.component.ts',
+ 'libs/portal/xtream/feature/src/lib/xtream-workspace-route-session.service.spec.ts',
+ 'libs/portal/xtream/feature/src/lib/xtream-workspace-route-session.service.ts',
+ 'libs/services/src/lib/database-electron.service.ts',
+ 'libs/services/src/lib/downloads.service.ts',
+ 'libs/services/src/lib/playlist-backup.service.ts',
+ 'libs/services/src/lib/playlists.service.spec.ts',
+ 'libs/services/src/lib/playlists.service.ts',
+ 'libs/services/src/lib/runtime-capabilities.service.spec.ts',
+ 'libs/shared/database/src/lib/connection.spec.ts',
+ 'libs/shared/database/src/lib/connection.ts',
+ 'libs/shared/interfaces/src/lib/electron-api.interface.ts',
+ 'libs/shared/m3u-utils/src/lib/playlist.utils.ts',
+ 'libs/ui/components/src/lib/channel-list-container/channel-list-container.component.ts',
+ 'libs/ui/components/src/lib/channel-list-container/groups-view/groups-view.component.spec.ts',
+ 'libs/ui/components/src/lib/channel-list-container/groups-view/groups-view.component.ts',
+ 'libs/ui/components/src/lib/season-container/season-container.component.ts',
+ 'libs/ui/epg/src/lib/multi-epg/multi-epg-container.component.ts',
+ 'libs/ui/playback/src/lib/embedded-mpv-player/embedded-mpv-player.component.ts',
+ 'libs/ui/playback/src/lib/embedded-mpv-player/embedded-mpv-session-controller.ts',
+ 'libs/ui/playback/src/lib/html-video-player/html-video-player.component.ts',
+ 'libs/ui/playback/src/lib/vjs-player/vjs-player.component.spec.ts',
+ 'libs/ui/playback/src/lib/vjs-player/vjs-player.component.ts',
+ 'libs/ui/playback/src/lib/web-player-view/web-player-view.component.spec.ts',
+ 'libs/workspace/dashboard/data-access/src/lib/dashboard-data.service.spec.ts',
+ 'libs/workspace/dashboard/data-access/src/lib/dashboard-data.service.ts',
+ 'libs/workspace/dashboard/feature/src/lib/rails/workspace-dashboard-rails.component.spec.ts',
+ 'libs/workspace/dashboard/feature/src/lib/rails/workspace-dashboard-rails.component.ts',
+ 'libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-context-panel.component.spec.ts',
+ 'libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-context-panel.component.ts',
+ 'libs/workspace/shell/feature/src/lib/workspace-shell/services/helpers/workspace-shell-command-builders.ts',
+ 'libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell.facade.spec.ts',
+ 'libs/workspace/shell/feature/src/lib/workspace-shell/workspace-shell.component.spec.ts',
+ 'tools/release/capture-v020-screenshots.ts',
+ 'tools/release/generate-marketing-artwork.ts',
+];