Michael Freno
ada441300a
Change the parent|current|preview split from 1:2:2 (20/40/40) to 2:5:3 (20/50/30) so the focused list gets more room. 2-pane tabs now give current the combined 80%. Updates ratio comments and the PaneRow test expectations.
84 lines
2.9 KiB
TypeScript
84 lines
2.9 KiB
TypeScript
export enum DIRECTION {
|
|
Increment,
|
|
Decrement,
|
|
}
|
|
|
|
export enum TABS {
|
|
FEED = 1,
|
|
MYSHOWS = 2,
|
|
DISCOVER = 3,
|
|
SEARCH = 4,
|
|
PLAYER = 5,
|
|
SETTINGS = 6,
|
|
}
|
|
export const TabsCount = 6;
|
|
|
|
/** Tabs that use the yazi depth-stack model (prev | current | preview
|
|
* columns, infinite drill via push/pop). Search drills query→results, and
|
|
* Player drills into its single now-playing pane under the tab list (the
|
|
* parent=/tabs, current=player, preview hidden). */
|
|
export const DEPTH_TABS: ReadonlySet<TABS> = new Set([
|
|
TABS.FEED,
|
|
TABS.MYSHOWS,
|
|
TABS.DISCOVER,
|
|
TABS.SEARCH,
|
|
TABS.PLAYER,
|
|
TABS.SETTINGS,
|
|
]);
|
|
|
|
/** Root (depth-0) frame for a depth-tab — identifies the top-level list each
|
|
* page renders at root. Pages interpret the `kind` to derive their list. */
|
|
export function rootFrameFor(
|
|
tab: TABS,
|
|
): import("@/context/NavigationContext").DepthFrame {
|
|
switch (tab) {
|
|
case TABS.FEED:
|
|
return { kind: "feeds", focus: 0 };
|
|
case TABS.MYSHOWS:
|
|
return { kind: "shows", focus: 0 };
|
|
case TABS.DISCOVER:
|
|
return { kind: "discover:categories", focus: 0 };
|
|
case TABS.SEARCH:
|
|
return { kind: "search:query", focus: 0 };
|
|
case TABS.PLAYER:
|
|
return { kind: "player:nowplaying", focus: 0 };
|
|
case TABS.SETTINGS:
|
|
return { kind: "settings:sections", focus: 0 };
|
|
default:
|
|
return { kind: "root", focus: 0 };
|
|
}
|
|
}
|
|
|
|
// The per-tab page components + pane counts live in `src/utils/layer-graph.ts`,
|
|
// split out so this module stays free of `.tsx`/JSX imports (unit-testable).
|
|
|
|
// Yazi-style pane grow ratios (parent : current : preview). Panes use
|
|
// flexGrow (Yoga) so columns always sum to the row width regardless of
|
|
// terminal size — more robust than fixed percentages and exactly mirrors
|
|
// yazi's `mgr.ratio` config. Set a slot's ratio to 0 to hide it (2-pane tabs).
|
|
//
|
|
// Current ratios: parent : current : preview = 2 : 5 : 3, i.e. 20% / 50% / 30%
|
|
// of the row width (2 : 5 : 3 of 10). 2-pane tabs drop the preview slot and
|
|
// give `current` the combined 8/10 (80%).
|
|
export const PANE_RATIO = {
|
|
parent: 2,
|
|
current: 5,
|
|
preview: 3,
|
|
} as const;
|
|
|
|
// Number of *focusable* content panes per tab. The three visible columns
|
|
// (parent | current | preview) are a *render* concern, NOT three panes — for
|
|
// depth-tabs only the current column (index 0) is focusable, so this is 1.
|
|
// Every tab is now a depth-tab: each drills with `l` (push) and pops with `h`
|
|
// (returns to the tab root at depth 0) via the Shell dispatch. Defined here
|
|
// (after TABS) to avoid re-introducing the old NavigationContext top-level-
|
|
// init circular deadlock.
|
|
export const TabPaneCount: Record<TABS, number> = {
|
|
[TABS.FEED]: 1, // depth: feeds → episodes → preview
|
|
[TABS.MYSHOWS]: 1, // depth: shows → episodes → preview
|
|
[TABS.DISCOVER]: 1, // depth: categories → results → preview
|
|
[TABS.SEARCH]: 1, // depth: query → results, preview=detail
|
|
[TABS.PLAYER]: 1, // depth: now-playing (2-pane, no preview)
|
|
[TABS.SETTINGS]: 1, // depth: sections → items → editor
|
|
};
|