PyPI - lyrics-transcriber - Versions diffs - 0.35.0__py3-none-any.whl → 0.36.1__py3-none-any.whl - Mend

lyrics-transcriber 0.35.0py3-none-any.whl → 0.36.1py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

lyrics_transcriber/frontend/dist/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Lyrics Transcriber Analyzer</title>
-    <script type="module" crossorigin src="/assets/index-CQCER5Fo.js"></script>
+    <script type="module" crossorigin src="/assets/index-ztlAYPYT.js"></script>
   </head>
   <body>
     <div id="root"></div>

lyrics_transcriber/frontend/src/components/AudioPlayer.tsx CHANGED Viewed

@@ -122,20 +122,23 @@ export default function AudioPlayer({ apiClient, onTimeUpdate }: AudioPlayerProp
         <Box sx={{
             display: 'flex',
             alignItems: 'center',
-            gap: 2,
-            p: 2,
+            gap: 1,
             backgroundColor: 'background.paper',
             borderRadius: 1,
-            boxShadow: 1
+            height: 40, // Match ToggleButtonGroup height
         }}>
+            <Typography variant="body2" color="text.secondary" sx={{ mr: 1 }}>
+                Playback:
+            </Typography>
             <IconButton
                 onClick={handlePlayPause}
-                size="large"
+                size="small"
             >
                 {isPlaying ? <PauseIcon /> : <PlayArrowIcon />}
             </IconButton>
-            <Typography sx={{ minWidth: 45 }}>
+            <Typography variant="body2" sx={{ minWidth: 40 }}>
                 {formatTime(currentTime)}
             </Typography>
@@ -144,10 +147,18 @@ export default function AudioPlayer({ apiClient, onTimeUpdate }: AudioPlayerProp
                 min={0}
                 max={duration}
                 onChange={handleSeek}
-                sx={{ mx: 2 }}
+                size="small"
+                sx={{
+                    width: 200,
+                    mx: 1,
+                    '& .MuiSlider-thumb': {
+                        width: 12,
+                        height: 12,
+                    }
+                }}
             />
-            <Typography sx={{ minWidth: 45 }}>
+            <Typography variant="body2" sx={{ minWidth: 40 }}>
                 {formatTime(duration)}
             </Typography>
         </Box>

lyrics_transcriber/frontend/src/components/CorrectionMetrics.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ interface MetricProps {
     label: string
     value: string | number
     description: string
-    details?: Array<{ label: string, value: number }>
+    details?: Array<{ label: string, value: string | number }>
     onClick?: () => void
 }
@@ -38,9 +38,11 @@ function Metric({ color, label, value, description, details, onClick }: MetricPr
                     {label}
                 </Typography>
             </Box>
-            <Typography variant="h6">
-                {value}
-            </Typography>
+            <Box sx={{ display: 'flex', alignItems: 'baseline', gap: 1, mb: 0.5 }}>
+                <Typography variant="h6">
+                    {value}
+                </Typography>
+            </Box>
             <Typography variant="caption" color="text.secondary">
                 {description}
             </Typography>
@@ -66,10 +68,7 @@ interface CorrectionMetricsProps {
     // Anchor metrics
     anchorCount?: number
     multiSourceAnchors?: number
-    singleSourceMatches?: {
-        spotify: number
-        genius: number
-    }
+    anchorWordCount?: number
     // Gap metrics
     correctedGapCount?: number
     uncorrectedGapCount?: number
@@ -81,6 +80,8 @@ interface CorrectionMetricsProps {
     replacedCount?: number
     addedCount?: number
     deletedCount?: number
+    // Add total words count
+    totalWords?: number
     onMetricClick?: {
         anchor?: () => void
         corrected?: () => void
@@ -91,21 +92,24 @@ interface CorrectionMetricsProps {
 export default function CorrectionMetrics({
     anchorCount,
     multiSourceAnchors = 0,
-    singleSourceMatches = { spotify: 0, genius: 0 },
+    anchorWordCount = 0,
     correctedGapCount = 0,
     uncorrectedGapCount = 0,
     uncorrectedGaps = [],
     replacedCount = 0,
     addedCount = 0,
     deletedCount = 0,
+    totalWords = 0,
     onMetricClick
 }: CorrectionMetricsProps) {
-    const formatPositionLabel = (position: number, length: number) => {
-        if (length === 1) {
-            return `Position ${position}`;
-        }
-        return `Positions ${position}-${position + length - 1}`;
-    };
+    // Calculate percentages based on word counts
+    const anchorPercentage = totalWords > 0 ? Math.round((anchorWordCount / totalWords) * 100) : 0
+    const uncorrectedWordCount = uncorrectedGaps?.reduce((sum, gap) => sum + gap.length, 0) ?? 0
+    const uncorrectedPercentage = totalWords > 0 ? Math.round((uncorrectedWordCount / totalWords) * 100) : 0
+    // For corrected percentage, we'll use the total affected words
+    const correctedWordCount = replacedCount + addedCount
+    const correctedPercentage = totalWords > 0 ?
+        Math.round((correctedWordCount / totalWords) * 100) : 0
     return (
         <Grid container spacing={2}>
@@ -113,12 +117,11 @@ export default function CorrectionMetrics({
                 <Metric
                     color={COLORS.anchor}
                     label="Anchor Sequences"
-                    value={anchorCount ?? '-'}
+                    value={`${anchorCount ?? '-'} (${anchorPercentage}%)`}
                     description="Matched sections between transcription and reference"
                     details={[
+                        { label: "Words in Anchors", value: anchorWordCount },
                         { label: "Multi-source Matches", value: multiSourceAnchors },
-                        { label: "Spotify Only", value: singleSourceMatches.spotify },
-                        { label: "Genius Only", value: singleSourceMatches.genius },
                     ]}
                     onClick={onMetricClick?.anchor}
                 />
@@ -127,12 +130,11 @@ export default function CorrectionMetrics({
                 <Metric
                     color={COLORS.corrected}
                     label="Corrected Gaps"
-                    value={correctedGapCount ?? '-'}
+                    value={`${correctedGapCount} (${correctedPercentage}%)`}
                     description="Successfully corrected sections"
                     details={[
                         { label: "Words Replaced", value: replacedCount },
-                        { label: "Words Added", value: addedCount },
-                        { label: "Words Deleted", value: deletedCount },
+                        { label: "Words Added / Deleted", value: `+${addedCount} / -${deletedCount}` },
                     ]}
                     onClick={onMetricClick?.corrected}
                 />
@@ -141,12 +143,12 @@ export default function CorrectionMetrics({
                 <Metric
                     color={COLORS.uncorrectedGap}
                     label="Uncorrected Gaps"
-                    value={uncorrectedGapCount}
+                    value={`${uncorrectedGapCount} (${uncorrectedPercentage}%)`}
                     description="Sections that may need manual review"
-                    details={uncorrectedGaps.map(gap => ({
-                        label: formatPositionLabel(gap.position, gap.length),
-                        value: gap.length
-                    }))}
+                    details={[
+                        { label: "Words Uncorrected", value: uncorrectedWordCount },
+                        { label: "Number of Gaps", value: uncorrectedGapCount },
+                    ]}
                     onClick={onMetricClick?.uncorrected}
                 />
             </Grid>

lyrics_transcriber/frontend/src/components/DetailsModal.tsx CHANGED Viewed

@@ -32,6 +32,11 @@ export default function DetailsModal({
     }
     const renderContent = () => {
+        // Move declaration outside of case block
+        const correction = content.type === 'gap'
+            ? content.data.corrections.find(c => c.original_word === content.data.word)
+            : null
         switch (content.type) {
             case 'anchor':
                 return (
@@ -46,7 +51,25 @@ export default function DetailsModal({
                         />
                         <GridItem title="Position" value={content.data.position} />
                         <GridItem title="Length" value={`${content.data.length} words`} />
-                        {/* ... rest of anchor details rendering ... */}
+                        <GridItem
+                            title="Reference Positions"
+                            value={Object.entries(content.data.reference_positions).map(([source, pos]) => (
+                                `${source}: ${pos}`
+                            )).join(', ')}
+                        />
+                        <GridItem title="Confidence" value={content.data.confidence.toFixed(3)} />
+                        <GridItem
+                            title="Phrase Score Details"
+                            value={
+                                <>
+                                    <Typography>Type: {content.data.phrase_score.phrase_type}</Typography>
+                                    <Typography>Natural Break: {content.data.phrase_score.natural_break_score.toFixed(3)}</Typography>
+                                    <Typography>Length: {content.data.phrase_score.length_score.toFixed(3)}</Typography>
+                                    <Typography>Total: {content.data.phrase_score.total_score.toFixed(3)}</Typography>
+                                </>
+                            }
+                        />
+                        <GridItem title="Total Score" value={content.data.total_score.toFixed(3)} />
                     </Grid>
                 )
@@ -64,13 +87,80 @@ export default function DetailsModal({
                         <GridItem
                             title="Current Text"
                             value={`"${content.data.words.map(word => {
-                                const correction = content.data.corrections.find(
+                                const wordCorrection = content.data.corrections.find(
                                     c => c.original_word === word
                                 )
-                                return correction ? correction.corrected_word : word
+                                return wordCorrection ? wordCorrection.corrected_word : word
                             }).join(' ')}"`}
                         />
-                        {/* ... rest of gap details rendering ... */}
+                        <GridItem
+                            title="Position"
+                            value={content.data.position}
+                        />
+                        <GridItem
+                            title="Length"
+                            value={`${content.data.length} words`}
+                        />
+                        {content.data.preceding_anchor && (
+                            <GridItem
+                                title="Preceding Anchor"
+                                value={`"${content.data.preceding_anchor.text}"`}
+                            />
+                        )}
+                        {content.data.following_anchor && (
+                            <GridItem
+                                title="Following Anchor"
+                                value={`"${content.data.following_anchor.text}"`}
+                            />
+                        )}
+                        {content.data.reference_words && (
+                            <GridItem
+                                title="Reference Words"
+                                value={
+                                    <>
+                                        {Object.entries(content.data.reference_words).map(([source, words]) => (
+                                            <Typography key={source}>
+                                                {source}: "{words.join(' ')}"
+                                            </Typography>
+                                        ))}
+                                    </>
+                                }
+                            />
+                        )}
+                        {correction && (
+                            <>
+                                <GridItem
+                                    title="Correction Details"
+                                    value={
+                                        <>
+                                            <Typography>Original: "{correction.original_word}"</Typography>
+                                            <Typography>Corrected: "{correction.corrected_word}"</Typography>
+                                            <Typography>Confidence: {correction.confidence.toFixed(3)}</Typography>
+                                            <Typography>Source: {correction.source}</Typography>
+                                            <Typography>Reason: {correction.reason}</Typography>
+                                            {correction.is_deletion && <Typography>Is Deletion: Yes</Typography>}
+                                            {correction.split_total && (
+                                                <Typography>Split: {correction.split_index} of {correction.split_total}</Typography>
+                                            )}
+                                        </>
+                                    }
+                                />
+                                {Object.entries(correction.alternatives).length > 0 && (
+                                    <GridItem
+                                        title="Alternatives"
+                                        value={
+                                            <>
+                                                {Object.entries(correction.alternatives).map(([word, score]) => (
+                                                    <Typography key={word}>
+                                                        "{word}": {score.toFixed(3)}
+                                                    </Typography>
+                                                ))}
+                                            </>
+                                        }
+                                    />
+                                )}
+                            </>
+                        )}
                     </Grid>
                 )

lyrics_transcriber/frontend/src/components/EditModal.tsx CHANGED Viewed

@@ -238,7 +238,7 @@ export default function EditModal({
     }
     const handleDelete = () => {
-        if (segmentIndex !== null && window.confirm('Are you sure you want to delete this segment?')) {
+        if (segmentIndex !== null) {
             onDelete?.(segmentIndex)
             onClose()
         }

lyrics_transcriber/frontend/src/components/LyricsAnalyzer.tsx CHANGED Viewed

@@ -72,7 +72,10 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
     const [modalContent, setModalContent] = useState<ModalContent | null>(null)
     const [flashingType, setFlashingType] = useState<FlashType>(null)
     const [highlightInfo, setHighlightInfo] = useState<HighlightInfo | null>(null)
-    const [currentSource, setCurrentSource] = useState<'genius' | 'spotify'>('genius')
+    const [currentSource, setCurrentSource] = useState<string>(() => {
+        const availableSources = Object.keys(initialData.reference_texts)
+        return availableSources.length > 0 ? availableSources[0] : ''
+    })
     const [isReviewComplete, setIsReviewComplete] = useState(false)
     const [data, setData] = useState(initialData)
     // Create deep copy of initial data for comparison later
@@ -351,27 +354,13 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                 )}
             </Box>
-            <Box sx={{ mb: 3 }}>
-                <AudioPlayer
-                    apiClient={apiClient}
-                    onTimeUpdate={setCurrentAudioTime}
-                />
-            </Box>
             <Box sx={{ mb: 3 }}>
                 <CorrectionMetrics
                     // Anchor metrics
                     anchorCount={data.metadata.anchor_sequences_count}
                     multiSourceAnchors={data.anchor_sequences.filter(anchor =>
                         Object.keys(anchor.reference_positions).length > 1).length}
-                    singleSourceMatches={{
-                        spotify: data.anchor_sequences.filter(anchor =>
-                            Object.keys(anchor.reference_positions).length === 1 &&
-                            'spotify' in anchor.reference_positions).length,
-                        genius: data.anchor_sequences.filter(anchor =>
-                            Object.keys(anchor.reference_positions).length === 1 &&
-                            'genius' in anchor.reference_positions).length
-                    }}
+                    anchorWordCount={data.anchor_sequences.reduce((sum, anchor) => sum + anchor.length, 0)}
                     // Gap metrics
                     correctedGapCount={data.gap_sequences.filter(gap =>
                         gap.corrections?.length > 0).length}
@@ -395,14 +384,26 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                         corrected: () => handleFlash('corrected'),
                         uncorrected: () => handleFlash('uncorrected')
                     }}
+                    totalWords={data.metadata.total_words}
                 />
             </Box>
-            <Box sx={{ mb: 3 }}>
+            <Box sx={{
+                display: 'flex',
+                flexDirection: isMobile ? 'column' : 'row',
+                gap: 5,
+                alignItems: 'flex-start',
+                justifyContent: 'flex-start',
+                mb: 3
+            }}>
                 <ModeSelector
                     effectiveMode={effectiveMode}
                     onChange={setInteractionMode}
                 />
+                <AudioPlayer
+                    apiClient={apiClient}
+                    onTimeUpdate={setCurrentAudioTime}
+                />
             </Box>
             <Grid container spacing={2} direction={isMobile ? 'column' : 'row'}>

lyrics_transcriber/frontend/src/components/ReferenceView.tsx CHANGED Viewed

@@ -18,6 +18,12 @@ export default function ReferenceView({
     highlightInfo,
     mode
 }: ReferenceViewProps) {
+    // Get available sources from referenceTexts object
+    const availableSources = useMemo(() =>
+        Object.keys(referenceTexts) as Array<string>,
+        [referenceTexts]
+    )
     const { linePositions } = useMemo(() =>
         calculateReferenceLinePositions(
             corrected_segments,
@@ -36,6 +42,7 @@ export default function ReferenceView({
                 <SourceSelector
                     currentSource={currentSource}
                     onSourceChange={onSourceChange}
+                    availableSources={availableSources}
                 />
             </Box>
             <Box sx={{ display: 'flex', flexDirection: 'column' }}>

lyrics_transcriber/frontend/src/components/shared/components/HighlightedText.tsx CHANGED Viewed

@@ -8,7 +8,7 @@ import React from 'react'
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import IconButton from '@mui/material/IconButton';
-interface HighlightedTextProps {
+export interface HighlightedTextProps {
     // Input can be either raw text or pre-processed word positions
     text?: string
     wordPositions?: TranscriptionWordPosition[]
@@ -22,7 +22,7 @@ interface HighlightedTextProps {
     flashingType: FlashType
     // Reference-specific props
     isReference?: boolean
-    currentSource?: 'genius' | 'spotify'
+    currentSource?: string
     preserveSegments?: boolean
     linePositions?: LinePosition[]
     currentTime?: number
@@ -67,7 +67,8 @@ export function HighlightedText({
                     wordPos.type === 'anchor' && wordPos.sequence && (
                         (wordPos.sequence as AnchorSequence).transcription_position === highlightInfo.transcriptionIndex ||
                         (isReference && currentSource &&
-                            (wordPos.sequence as AnchorSequence).reference_positions[currentSource] === highlightInfo.referenceIndices?.[currentSource])
+                            (wordPos.sequence as AnchorSequence).reference_positions[currentSource as keyof typeof highlightInfo.referenceIndices] ===
+                            highlightInfo.referenceIndices?.[currentSource as keyof typeof highlightInfo.referenceIndices])
                     ))
             )
         } else {
@@ -85,7 +86,9 @@ export function HighlightedText({
                 (flashingType === 'anchor' && anchor) ||
                 (flashingType === 'word' && highlightInfo?.type === 'anchor' && anchor && (
                     anchor.transcription_position === highlightInfo.transcriptionIndex ||
-                    (isReference && currentSource && anchor.reference_positions[currentSource] === highlightInfo.referenceIndices?.[currentSource])
+                    (isReference && currentSource &&
+                        anchor.reference_positions[currentSource as keyof typeof highlightInfo.referenceIndices] ===
+                        highlightInfo.referenceIndices?.[currentSource as keyof typeof highlightInfo.referenceIndices])
                 ))
             )
         }

lyrics_transcriber/frontend/src/components/shared/components/SourceSelector.tsx CHANGED Viewed

@@ -1,28 +1,26 @@
 import { Box, Button } from '@mui/material'
-interface SourceSelectorProps {
-    currentSource: 'genius' | 'spotify'
-    onSourceChange: (source: 'genius' | 'spotify') => void
+export interface SourceSelectorProps {
+    currentSource: string
+    onSourceChange: (source: string) => void
+    availableSources: string[]
 }
-export function SourceSelector({ currentSource, onSourceChange }: SourceSelectorProps) {
+export function SourceSelector({ currentSource, onSourceChange, availableSources }: SourceSelectorProps) {
     return (
         <Box>
-            <Button
-                size="small"
-                variant={currentSource === 'genius' ? 'contained' : 'outlined'}
-                onClick={() => onSourceChange('genius')}
-                sx={{ mr: 1 }}
-            >
-                Genius
-            </Button>
-            <Button
-                size="small"
-                variant={currentSource === 'spotify' ? 'contained' : 'outlined'}
-                onClick={() => onSourceChange('spotify')}
-            >
-                Spotify
-            </Button>
+            {availableSources.map((source) => (
+                <Button
+                    key={source}
+                    size="small"
+                    variant={currentSource === source ? 'contained' : 'outlined'}
+                    onClick={() => onSourceChange(source)}
+                    sx={{ mr: 1 }}
+                >
+                    {/* Capitalize first letter of source */}
+                    {source.charAt(0).toUpperCase() + source.slice(1)}
+                </Button>
+            ))}
         </Box>
     )
 }

lyrics_transcriber/frontend/src/components/shared/hooks/useWordClick.ts CHANGED Viewed

@@ -3,12 +3,12 @@ import { AnchorSequence, GapSequence, InteractionMode } from '../../../types'
 import { ModalContent } from '../../LyricsAnalyzer'
 import { WordClickInfo } from '../types'
-interface UseWordClickProps {
+export interface UseWordClickProps {
     mode: InteractionMode
     onElementClick: (content: ModalContent) => void
     onWordClick?: (info: WordClickInfo) => void
     isReference?: boolean
-    currentSource?: 'genius' | 'spotify'
+    currentSource?: string
 }
 export function useWordClick({

lyrics_transcriber/frontend/src/components/shared/types.ts CHANGED Viewed

@@ -81,8 +81,8 @@ export interface ReferenceViewProps extends BaseViewProps {
     referenceTexts: Record<string, string>
     anchors: LyricsData['anchor_sequences']
     gaps: LyricsData['gap_sequences']
-    currentSource: 'genius' | 'spotify'
-    onSourceChange: (source: 'genius' | 'spotify') => void
+    currentSource: string
+    onSourceChange: (source: string) => void
     corrected_segments: LyricsSegment[]
 }
@@ -93,7 +93,7 @@ export interface HighlightedTextProps extends BaseViewProps {
     anchors: AnchorSequence[]
     gaps: GapSequence[]
     isReference?: boolean
-    currentSource?: 'genius' | 'spotify'
+    currentSource?: string
     preserveSegments?: boolean
     linePositions?: LinePosition[]
 }

lyrics_transcriber/frontend/src/components/shared/utils/newlineCalculator.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { LyricsData, LyricsSegment } from '../../../types'
 export function calculateNewlineIndices(
     corrected_segments: LyricsSegment[],
     anchors: LyricsData['anchor_sequences'],
-    currentSource: 'genius' | 'spotify'
+    currentSource: string
 ): Set<number> {
     return new Set(
         corrected_segments.slice(0, -1).map((segment, segmentIndex) => {

lyrics_transcriber/frontend/src/components/shared/utils/referenceLineCalculator.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { LinePosition } from '../types'
 export function calculateReferenceLinePositions(
     corrected_segments: LyricsSegment[],
     anchors: LyricsData['anchor_sequences'],
-    currentSource: 'genius' | 'spotify'
+    currentSource: string
 ): { linePositions: LinePosition[] } {
     const linePositions: LinePosition[] = []
     let currentReferencePosition = 0

lyrics_transcriber/frontend/src/types.ts CHANGED Viewed

@@ -53,14 +53,8 @@ export interface GapSequence {
     transcription_position: number
     preceding_anchor: AnchorSequence | null
     following_anchor: AnchorSequence | null
-    reference_words: {
-        spotify?: string[]
-        genius?: string[]
-    }
-    reference_words_original?: {
-        spotify?: string[]
-        genius?: string[]
-    }
+    reference_words: Record<string, string[]>
+    reference_words_original?: Record<string, string[]>
     corrections: WordCorrection[]
 }
@@ -106,10 +100,7 @@ export interface CorrectionData {
 export interface HighlightInfo {
     transcriptionIndex?: number
     transcriptionLength?: number
-    referenceIndices: {
-        genius?: number
-        spotify?: number
-    }
+    referenceIndices: Record<string, number>
     referenceLength?: number
     type: 'single' | 'gap' | 'anchor'
 }

lyrics_transcriber/lyrics/base_lyrics_provider.py CHANGED Viewed

@@ -16,6 +16,7 @@ class LyricsProviderConfig:
     genius_api_token: Optional[str] = None
     spotify_cookie: Optional[str] = None
+    lyrics_file: Optional[str] = None
     cache_dir: Optional[str] = None
     audio_filepath: Optional[str] = None
     max_line_length: int = 36  # New config parameter for KaraokeLyricsProcessor

lyrics-transcriber 0.35.0__py3-none-any.whl → 0.36.1__py3-none-any.whl

lyrics-transcriber 0.35.0py3-none-any.whl → 0.36.1py3-none-any.whl