f977852253
Searches are kept in local storage and the five that best fit what is in
the box are offered under it: the ones it starts, then the ones it starts
a word of, then the ones it appears in anywhere, most recently searched
first. Walk them with the arrows, take one with enter or a tap, dismiss
with escape. The part that matched is picked out, and rows are built from
text nodes -- these strings are the reader's own and they are going back
on screen.
The box searches as you type, so there is no submit to record and storing
every pause would fill the list with the way to a query rather than the
query: a new entry swallows the ones it grew out of ("hot", "hote",
"hotel" leaves "hotel"), and going back to something shorter adds
nothing. Enter records straight away, since that is a reader saying they
meant it.
That turned up a bug the suggestions would have run into constantly: a
search started while the box's own last search was still out was dropped
-- loadVideos saw a load running and returned -- leaving the grid on the
previous query. Changing the result set now stops the load that is
running before starting the next one.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MPZFnNdHbPGDTqQUNiE4ZN
50 lines
1.6 KiB
JavaScript
50 lines
1.6 KiB
JavaScript
window.App = window.App || {};
|
|
|
|
// Centralized runtime state for pagination, player, and UI behavior.
|
|
App.state = {
|
|
currentPage: 1,
|
|
perPage: 12,
|
|
renderedVideoIds: new Set(),
|
|
hasNextPage: true,
|
|
isLoading: false,
|
|
hlsPlayer: null,
|
|
currentLoadController: null,
|
|
errorToastTimer: null,
|
|
loadedVideos: [],
|
|
feedOpen: false,
|
|
feedMuted: true,
|
|
feedActiveIndex: -1,
|
|
feedActiveVideoId: null,
|
|
groupCursors: null
|
|
};
|
|
|
|
// Local storage keys used across modules.
|
|
App.constants = {
|
|
FAVORITES_KEY: 'favorites',
|
|
FAVORITES_VISIBILITY_KEY: 'favoritesVisible',
|
|
FAVORITES_SORT_KEY: 'favoritesSort',
|
|
PREFERRED_QUALITY_KEY: 'preferredQuality',
|
|
FEED_END_BEHAVIOR_KEY: 'feedEndBehavior',
|
|
SEARCH_HISTORY_KEY: 'searchHistory'
|
|
};
|
|
|
|
// Lazily injects hls.js the first time a stream actually needs it. Sessions
|
|
// that only browse thumbnails, or that play native/MP4, never download it.
|
|
// Resolves with window.Hls (or null if loading failed).
|
|
App.ensureHls = function() {
|
|
if (window.Hls) return Promise.resolve(window.Hls);
|
|
if (App._hlsPromise) return App._hlsPromise;
|
|
App._hlsPromise = new Promise((resolve, reject) => {
|
|
const script = document.createElement('script');
|
|
script.src = 'https://cdn.jsdelivr.net/npm/hls.js@1.5';
|
|
script.async = true;
|
|
script.onload = () => resolve(window.Hls || null);
|
|
script.onerror = () => {
|
|
App._hlsPromise = null;
|
|
reject(new Error('Failed to load hls.js'));
|
|
};
|
|
document.head.appendChild(script);
|
|
});
|
|
return App._hlsPromise;
|
|
};
|