Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-11 17:55:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make custom source effect source select menus

Browse source
This commit is contained in:
Pas 2025-10-19 18:08:00 -06:00
parent 0a25ee25f2
commit 9a6bb041b2
2 changed files with 55 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/player/atoms/settings/SourceSelectingView.tsx
View file

@ -11,6 +11,7 @@ import { Menu } from "@/components/player/internals/ContextMenu";
import { SelectableLink } from "@/components/player/internals/ContextMenu/Links";
import { useOverlayRouter } from "@/hooks/useOverlayRouter";
import { usePlayerStore } from "@/stores/player/store";
import { usePreferencesStore } from "@/stores/preferences";
export interface SourceSelectionViewProps {
id: string;
@ -141,12 +142,37 @@ export function SourceSelectionView({
const router = useOverlayRouter(id);
const metaType = usePlayerStore((s) => s.meta?.type);
const currentSourceId = usePlayerStore((s) => s.sourceId);
const preferredSourceOrder = usePreferencesStore((s) => s.sourceOrder);
const enableSourceOrder = usePreferencesStore((s) => s.enableSourceOrder);
const sources = useMemo(() => {
if (!metaType) return [];
return getCachedMetadata()
const allSources = getCachedMetadata()
.filter((v) => v.type === "source")
.filter((v) => v.mediaTypes?.includes(metaType));
}, [metaType]);
if (!enableSourceOrder || preferredSourceOrder.length === 0) {
return allSources;
}
// Sort sources according to preferred order
const orderedSources = [];
const remainingSources = [...allSources];
// Add sources in preferred order
for (const sourceId of preferredSourceOrder) {
const sourceIndex = remainingSources.findIndex((s) => s.id === sourceId);
if (sourceIndex !== -1) {
orderedSources.push(remainingSources[sourceIndex]);
remainingSources.splice(sourceIndex, 1);
}
}
// Add remaining sources that weren't in the preferred order
orderedSources.push(...remainingSources);
return orderedSources;
}, [metaType, preferredSourceOrder, enableSourceOrder]);
return (
<>

29
src/pages/parts/player/SourceSelectPart.tsx
View file

@ -10,6 +10,7 @@ import {
} from "@/components/player/hooks/useSourceSelection";
import { Menu } from "@/components/player/internals/ContextMenu";
import { SelectableLink } from "@/components/player/internals/ContextMenu/Links";
import { usePreferencesStore } from "@/stores/preferences";
// Embed option component
function EmbedOption(props: {
@ -126,14 +127,38 @@ export function SourceSelectPart(props: { media: ScrapeMedia }) {
null,
);
const routerId = "manualSourceSelect";
const preferredSourceOrder = usePreferencesStore((s) => s.sourceOrder);
const enableSourceOrder = usePreferencesStore((s) => s.enableSourceOrder);
const sources = useMemo(() => {
const metaType = props.media.type;
if (!metaType) return [];
return getCachedMetadata()
const allSources = getCachedMetadata()
.filter((v) => v.type === "source")
.filter((v) => v.mediaTypes?.includes(metaType));
}, [props.media.type]);
if (!enableSourceOrder || preferredSourceOrder.length === 0) {
return allSources;
}
// Sort sources according to preferred order
const orderedSources = [];
const remainingSources = [...allSources];
// Add sources in preferred order
for (const sourceId of preferredSourceOrder) {
const sourceIndex = remainingSources.findIndex((s) => s.id === sourceId);
if (sourceIndex !== -1) {
orderedSources.push(remainingSources[sourceIndex]);
remainingSources.splice(sourceIndex, 1);
}
}
// Add remaining sources that weren't in the preferred order
orderedSources.push(...remainingSources);
return orderedSources;
}, [props.media.type, preferredSourceOrder, enableSourceOrder]);
if (selectedSourceId) {
return (