mirror of
https://github.com/Dictionarry-Hub/profilarr.git
synced 2026-01-26 04:42:00 +01:00
feature: profile tweaks (#12)
- user defined tweaks that wont be overwritten by database
This commit is contained in:
Sam Chau
@@ -29,7 +29,8 @@ PROFILE_FIELDS = [
|
||||
"custom_formats", # Array of {name, score} objects
|
||||
"qualities", # Array of strings
|
||||
"upgrade_until",
|
||||
"language"
|
||||
"language",
|
||||
"tweaks"
|
||||
]
|
||||
|
||||
# Category mappings
|
||||
|
||||
@@ -8,8 +8,18 @@ import ProfileGeneralTab from './ProfileGeneralTab';
|
||||
import ProfileScoringTab from './ProfileScoringTab';
|
||||
import ProfileQualitiesTab from './ProfileQualitiesTab';
|
||||
import ProfileLanguagesTab from './ProfileLangaugesTab';
|
||||
import ProfileTweaksTab from './ProfileTweaksTab';
|
||||
import QUALITIES from '../../constants/qualities';
|
||||
|
||||
const DEFAULT_TWEAKS = {
|
||||
preferFreeleech: true,
|
||||
allowLosslessAudio: true,
|
||||
allowDVNoFallback: false,
|
||||
allowBleedingEdgeCodecs: false,
|
||||
allowPrereleases: false,
|
||||
languageStrictness: 'disabled'
|
||||
};
|
||||
|
||||
function unsanitize(text) {
|
||||
if (!text) return '';
|
||||
return text.replace(/\\:/g, ':').replace(/\\n/g, '\n');
|
||||
@@ -61,11 +71,15 @@ function ProfileModal({
|
||||
// Language state
|
||||
const [selectedLanguage, setSelectedLanguage] = useState('any');
|
||||
|
||||
// Tweaks state
|
||||
const [tweaks, setTweaks] = useState({});
|
||||
|
||||
const tabs = [
|
||||
{id: 'general', label: 'General'},
|
||||
{id: 'scoring', label: 'Scoring'},
|
||||
{id: 'qualities', label: 'Qualities'},
|
||||
{id: 'languages', label: 'Languages'}
|
||||
{id: 'languages', label: 'Languages'},
|
||||
{id: 'tweaks', label: 'Tweaks'}
|
||||
];
|
||||
|
||||
useEffect(() => {
|
||||
@@ -122,6 +136,12 @@ function ProfileModal({
|
||||
});
|
||||
setTagScores(initialTagScores);
|
||||
|
||||
// Tweaks
|
||||
setTweaks({
|
||||
...DEFAULT_TWEAKS,
|
||||
...(content.tweaks || {})
|
||||
});
|
||||
|
||||
// Qualities setup - include all qualities, set enabled status
|
||||
const allQualitiesMap = {}; // Map of all qualities by id
|
||||
QUALITIES.forEach(quality => {
|
||||
@@ -149,7 +169,7 @@ function ProfileModal({
|
||||
newSortedQualities.push({
|
||||
id: q.id,
|
||||
name: q.name,
|
||||
description: q.description, // Changed: removed || '' to preserve null/undefined
|
||||
description: q.description,
|
||||
qualities: groupQualities,
|
||||
enabled: true
|
||||
});
|
||||
@@ -266,6 +286,9 @@ function ProfileModal({
|
||||
id: defaultQuality.id,
|
||||
name: defaultQuality.name
|
||||
});
|
||||
|
||||
// Initialize empty tweaks
|
||||
setTweaks(DEFAULT_TWEAKS);
|
||||
}
|
||||
|
||||
setLoading(false);
|
||||
@@ -346,7 +369,8 @@ function ProfileModal({
|
||||
})
|
||||
}
|
||||
: null,
|
||||
language: selectedLanguage
|
||||
language: selectedLanguage,
|
||||
tweaks
|
||||
};
|
||||
|
||||
if (isCloning || !initialProfile) {
|
||||
@@ -385,7 +409,6 @@ function ProfileModal({
|
||||
setError('An unexpected error occurred');
|
||||
}
|
||||
};
|
||||
|
||||
const handleDelete = async () => {
|
||||
if (!initialProfile) return;
|
||||
|
||||
@@ -547,6 +570,12 @@ function ProfileModal({
|
||||
onLanguageChange={setSelectedLanguage}
|
||||
/>
|
||||
)}
|
||||
{activeTab === 'tweaks' && (
|
||||
<ProfileTweaksTab
|
||||
tweaks={tweaks}
|
||||
onTweaksChange={setTweaks}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
233
frontend/src/components/profile/ProfileTweaksTab.jsx
Normal file
233
frontend/src/components/profile/ProfileTweaksTab.jsx
Normal file
@@ -0,0 +1,233 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import {InfoIcon, AlertTriangle} from 'lucide-react';
|
||||
import {LANGUAGES} from '@constants/languages';
|
||||
|
||||
const ProfileTweaksTab = ({tweaks, onTweaksChange}) => {
|
||||
const handleTweakChange = key => {
|
||||
onTweaksChange({
|
||||
...tweaks,
|
||||
[key]: !tweaks[key]
|
||||
});
|
||||
};
|
||||
|
||||
const handleLanguageStrictness = value => {
|
||||
onTweaksChange({
|
||||
...tweaks,
|
||||
languageStrictness: value
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<div className='h-full flex flex-col'>
|
||||
<div className='mt-4 space-y-4'>
|
||||
<div className='flex gap-2 p-3 text-xs bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg'>
|
||||
<InfoIcon className='h-4 w-4 text-blue-600 dark:text-blue-400 flex-shrink-0' />
|
||||
<p className='text-blue-700 dark:text-blue-300'>
|
||||
Tweaks are custom changes that can be toggled according
|
||||
to your preference. These settings are profile-specific
|
||||
and won't create merge conflicts when synchronizing with
|
||||
remote repositories. Use tweaks to fine-tune your
|
||||
profile's behavior without affecting the core
|
||||
configuration.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className='space-y-2'>
|
||||
{/* Allow Dolby Vision without Fallback */}
|
||||
<div
|
||||
onClick={() => handleTweakChange('allowDVNoFallback')}
|
||||
className={`
|
||||
p-4 rounded-lg cursor-pointer select-none
|
||||
border transition-colors duration-200
|
||||
${
|
||||
tweaks.allowDVNoFallback
|
||||
? 'border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20'
|
||||
: 'border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800'
|
||||
}
|
||||
hover:border-blue-500 dark:hover:border-blue-400
|
||||
`}>
|
||||
<div className='space-y-1'>
|
||||
<h3 className='text-sm font-medium text-gray-900 dark:text-gray-100'>
|
||||
Allow Dolby Vision without Fallback
|
||||
</h3>
|
||||
<p className='text-xs text-gray-500 dark:text-gray-400'>
|
||||
Allow Dolby Vision releases that don't include
|
||||
HDR10 fallback. These may display incorrectly on
|
||||
non-Dolby Vision displays.
|
||||
</p>
|
||||
<div className='flex items-center gap-1.5 mt-2'>
|
||||
<AlertTriangle className='h-3 w-3 text-amber-500' />
|
||||
<p className='text-[10px] text-amber-600 dark:text-amber-400'>
|
||||
Only enable if your display supports Dolby
|
||||
Vision
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Allow Bleeding Edge Codecs */}
|
||||
<div
|
||||
onClick={() =>
|
||||
handleTweakChange('allowBleedingEdgeCodecs')
|
||||
}
|
||||
className={`
|
||||
p-4 rounded-lg cursor-pointer select-none
|
||||
border transition-colors duration-200
|
||||
${
|
||||
tweaks.allowBleedingEdgeCodecs
|
||||
? 'border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20'
|
||||
: 'border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800'
|
||||
}
|
||||
hover:border-blue-500 dark:hover:border-blue-400
|
||||
`}>
|
||||
<div className='space-y-1'>
|
||||
<h3 className='text-sm font-medium text-gray-900 dark:text-gray-100'>
|
||||
Allow Bleeding Edge Codecs
|
||||
</h3>
|
||||
<p className='text-xs text-gray-500 dark:text-gray-400'>
|
||||
Allow releases using newer codecs like AV1 and
|
||||
H.266/VVC. These may offer better compression
|
||||
but have limited hardware support.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Allow Lossless Audio */}
|
||||
<div
|
||||
onClick={() => handleTweakChange('allowLosslessAudio')}
|
||||
className={`
|
||||
p-4 rounded-lg cursor-pointer select-none
|
||||
border transition-colors duration-200
|
||||
${
|
||||
tweaks.allowLosslessAudio ?? true
|
||||
? 'border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20'
|
||||
: 'border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800'
|
||||
}
|
||||
hover:border-blue-500 dark:hover:border-blue-400
|
||||
`}>
|
||||
<div className='space-y-1'>
|
||||
<h3 className='text-sm font-medium text-gray-900 dark:text-gray-100'>
|
||||
Allow Lossless Audio
|
||||
</h3>
|
||||
<p className='text-xs text-gray-500 dark:text-gray-400'>
|
||||
Allow high-quality lossless audio formats
|
||||
including TrueHD + Atmos, DTS-HD MA, DTS-X,
|
||||
FLAC, and PCM.
|
||||
</p>
|
||||
<div className='flex items-center gap-1.5 mt-2'>
|
||||
<AlertTriangle className='h-3 w-3 text-amber-500' />
|
||||
<p className='text-[10px] text-amber-600 dark:text-amber-400'>
|
||||
May skip better quality releases if disabled
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Allow Prereleases */}
|
||||
<div
|
||||
onClick={() => handleTweakChange('allowPrereleases')}
|
||||
className={`
|
||||
p-4 rounded-lg cursor-pointer select-none
|
||||
border transition-colors duration-200
|
||||
${
|
||||
tweaks.allowPrereleases
|
||||
? 'border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20'
|
||||
: 'border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800'
|
||||
}
|
||||
hover:border-blue-500 dark:hover:border-blue-400
|
||||
`}>
|
||||
<div className='space-y-1'>
|
||||
<h3 className='text-sm font-medium text-gray-900 dark:text-gray-100'>
|
||||
Allow Prereleases
|
||||
</h3>
|
||||
<p className='text-xs text-gray-500 dark:text-gray-400'>
|
||||
Allow early releases like CAMs, Telecines,
|
||||
Telesyncs, and Screeners. These are typically
|
||||
available before official releases but at lower
|
||||
quality.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Prefer Freeleech */}
|
||||
<div
|
||||
onClick={() => handleTweakChange('preferFreeleech')}
|
||||
className={`
|
||||
p-4 rounded-lg cursor-pointer select-none
|
||||
border transition-colors duration-200
|
||||
${
|
||||
tweaks.preferFreeleech
|
||||
? 'border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20'
|
||||
: 'border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800'
|
||||
}
|
||||
hover:border-blue-500 dark:hover:border-blue-400
|
||||
`}>
|
||||
<div className='space-y-1'>
|
||||
<h3 className='text-sm font-medium text-gray-900 dark:text-gray-100'>
|
||||
Prefer Freeleech
|
||||
</h3>
|
||||
<p className='text-xs text-gray-500 dark:text-gray-400'>
|
||||
Prioritize releases tagged as freeleech when
|
||||
choosing between different indexers' releases.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Language Strictness */}
|
||||
<div className='p-4 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800'>
|
||||
<div className='space-y-3'>
|
||||
<div className='space-y-1'>
|
||||
<h3 className='text-sm font-medium text-gray-900 dark:text-gray-100'>
|
||||
Language Strictness
|
||||
</h3>
|
||||
<p className='text-xs text-gray-500 dark:text-gray-400'>
|
||||
Set strict language requirements for
|
||||
releases. Select 'Disabled' to use normal
|
||||
language preferences.
|
||||
</p>
|
||||
</div>
|
||||
<select
|
||||
value={tweaks.languageStrictness || 'disabled'}
|
||||
onChange={e =>
|
||||
handleLanguageStrictness(e.target.value)
|
||||
}
|
||||
className='mt-1 block w-full rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 px-3 py-2 text-sm text-gray-900 dark:text-gray-100 focus:border-blue-500 dark:focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-500 dark:focus:ring-blue-400'>
|
||||
<option value='disabled'>Disabled</option>
|
||||
<optgroup label='Must Include'>
|
||||
{LANGUAGES.filter(
|
||||
lang => !lang.isSpecial
|
||||
).map(language => (
|
||||
<option
|
||||
key={`must_${language.id}`}
|
||||
value={`must_${language.id}`}>
|
||||
Must Include {language.name}
|
||||
</option>
|
||||
))}
|
||||
</optgroup>
|
||||
<optgroup label='Must Not Include'>
|
||||
{LANGUAGES.filter(
|
||||
lang => !lang.isSpecial
|
||||
).map(language => (
|
||||
<option
|
||||
key={`mustnot_${language.id}`}
|
||||
value={`mustnot_${language.id}`}>
|
||||
Must Not Include {language.name}
|
||||
</option>
|
||||
))}
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
ProfileTweaksTab.propTypes = {
|
||||
tweaks: PropTypes.object.isRequired,
|
||||
onTweaksChange: PropTypes.func.isRequired
|
||||
};
|
||||
|
||||
export default ProfileTweaksTab;
|
||||
Reference in New Issue
Block a user