johnny2211
030491fc5a
- Fixed API client to respect empty VITE_API_URL for same-origin requests - Fixed video URL construction in videoPlaylist.ts - Fixed video URL construction in VideoUpload.tsx - All three files now use explicit undefined check instead of || operator - Enables proper same-origin requests via nginx proxy in Docker Co-Authored-By: Auggie
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { SentenceToken } from '../stores/sentenceStore';
|
|
import { MediaKind } from '../types/term';
|
|
|
|
export interface PlaylistItem {
|
|
tokenId: string;
|
|
termId: string;
|
|
displayText: string;
|
|
videoUrl: string | null;
|
|
durationMs: number | null;
|
|
}
|
|
|
|
/**
|
|
* Build a playlist from sentence tokens
|
|
* Extracts video media from each token's term
|
|
*/
|
|
export function buildPlaylist(tokens: SentenceToken[]): PlaylistItem[] {
|
|
return tokens.map(token => {
|
|
// Get first video media for the term
|
|
const videoMedia = token.term.media?.find(m => m.kind === MediaKind.VIDEO);
|
|
|
|
return {
|
|
tokenId: token.id,
|
|
termId: token.termId,
|
|
displayText: token.displayText,
|
|
videoUrl: videoMedia?.url || null,
|
|
durationMs: videoMedia?.durationMs || null,
|
|
};
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Convert relative URL to absolute URL
|
|
* Handles both relative and absolute URLs
|
|
*/
|
|
export function getVideoUrl(relativeUrl: string | null): string | null {
|
|
if (!relativeUrl) return null;
|
|
|
|
// If already absolute URL, return as-is
|
|
if (relativeUrl.startsWith('http')) return relativeUrl;
|
|
|
|
// Construct full URL using backend base URL
|
|
const baseUrl = import.meta.env.VITE_API_URL !== undefined ? import.meta.env.VITE_API_URL : 'http://localhost:3000';
|
|
return `${baseUrl}${relativeUrl}`;
|
|
}
|
|
|