cbaoth/med-plan-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add profile management functionality

Browse Source 
- Added profile management functions: createProfile, deleteProfile, switchProfile, saveProfile, saveProfileAs, updateProfileName, and hasUnsavedChanges.
- Migrated state management to support profile-based format for schedules.
- Updated localizations for profile management features in English and German.
- Introduced ProfileSelector component for user interface to manage profiles.
- Enhanced export/import functionality to handle profiles and schedules.
This commit is contained in:
Andreas Weyer
2026-02-10 18:33:41 +00:00
parent 3b4db14424
commit b198164760
8 changed files with 1000 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/App.tsx
View File

@@ -20,6 +20,7 @@ import LanguageSelector from './components/language-selector';
import ThemeSelector from './components/theme-selector';
import DisclaimerModal from './components/disclaimer-modal';
import DataManagementModal from './components/data-management-modal';
import { ProfileSelector } from './components/profile-selector';
import { Button } from './components/ui/button';
import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './components/ui/tooltip';
import { IconButtonWithTooltip } from './components/ui/icon-button-with-tooltip';
@@ -75,12 +76,23 @@ const MedPlanAssistant = () => {
removeDoseFromDay,
updateDoseInDay,
updateDoseFieldInDay,
sortDosesInDay
sortDosesInDay,
// Profile management
getActiveProfile,
createProfile,
deleteProfile,
switchProfile,
saveProfile,
saveProfileAs,
updateProfileName,
hasUnsavedChanges
} = useAppState();
const {
pkParams,
days,
profiles,
activeProfileId,
therapeuticRange,
doseIncrement,
uiSettings
@@ -138,6 +150,10 @@ const MedPlanAssistant = () => {
Object.entries(newState).forEach(([key, value]) => {
if (key === 'days') {
updateState('days', value as any);
} else if (key === 'profiles') {
updateState('profiles', value as any);
} else if (key === 'activeProfileId') {
updateState('activeProfileId', value as any);
} else if (key === 'pkParams') {
updateState('pkParams', value as any);
} else if (key === 'therapeuticRange') {
@@ -174,6 +190,8 @@ const MedPlanAssistant = () => {
t={t}
pkParams={pkParams}
days={days}
profiles={profiles}
activeProfileId={activeProfileId}
therapeuticRange={therapeuticRange}
doseIncrement={doseIncrement}
uiSettings={uiSettings}
@@ -181,6 +199,14 @@ const MedPlanAssistant = () => {
onUpdateTherapeuticRange={(key: any, value: any) => updateNestedState('therapeuticRange', key, value)}
onUpdateUiSetting={(key: any, value: any) => updateUiSetting(key as any, value)}
onImportDays={(importedDays: any) => updateState('days', importedDays)}
onImportProfiles={(importedProfiles: any, newActiveProfileId: string) => {
updateState('profiles', importedProfiles);
updateState('activeProfileId', newActiveProfileId);
const newActiveProfile = importedProfiles.find((p: any) => p.id === newActiveProfileId);
if (newActiveProfile) {
updateState('days', newActiveProfile.days);
}
}}
onDeleteData={handleDeleteData}
/>
@@ -282,6 +308,16 @@ const MedPlanAssistant = () => {
{/* Left Column - Controls */}
<div className="lg:col-span-1 space-y-6">
<ProfileSelector
profiles={profiles}
activeProfileId={activeProfileId}
hasUnsavedChanges={hasUnsavedChanges()}
onSwitchProfile={switchProfile}
onSaveProfile={saveProfile}
onSaveProfileAs={saveProfileAs}
onDeleteProfile={deleteProfile}
t={t}
/>
<DaySchedule
days={days}
doseIncrement={doseIncrement}

161
src/components/data-management-modal.tsx
View File

@@ -44,11 +44,15 @@ import {
parseImportFile,
validateImportData,
importSettings,
type ImportOptions,
} from '../utils/exportImport';
import { APP_VERSION } from '../constants/defaults';
import { formatContent } from '../utils/contentFormatter';
import { APP_VERSION, MAX_PROFILES } from '../constants/defaults';
interface ExportImportOptions {
includeSchedules: boolean;
exportAllProfiles?: boolean;
restoreExamples?: boolean;
includeDiagramSettings: boolean;
includeSimulationSettings: boolean;
includePharmacoSettings: boolean;
@@ -63,6 +67,8 @@ interface DataManagementModalProps {
// App state
pkParams: any;
days: any;
profiles?: any[];
activeProfileId?: string;
therapeuticRange: any;
doseIncrement: any;
uiSettings: any;
@@ -71,6 +77,7 @@ interface DataManagementModalProps {
onUpdateTherapeuticRange: (key: string, value: any) => void;
onUpdateUiSetting: (key: string, value: any) => void;
onImportDays?: (days: any) => void;
onImportProfiles?: (profiles: any[], activeProfileId: string) => void;
onDeleteData?: (options: ExportImportOptions) => void;
}
@@ -80,6 +87,8 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
t,
pkParams,
days,
profiles,
activeProfileId,
therapeuticRange,
doseIncrement,
uiSettings,
@@ -87,11 +96,13 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
onUpdateTherapeuticRange,
onUpdateUiSetting,
onImportDays,
onImportProfiles,
onDeleteData,
}) => {
// Export/Import options
const [exportOptions, setExportOptions] = useState<ExportImportOptions>({
includeSchedules: true,
exportAllProfiles: true, // Default to exporting all profiles
includeDiagramSettings: true,
includeSimulationSettings: true,
includePharmacoSettings: true,
@@ -108,14 +119,17 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
includeOtherData: false,
});
const [mergeProfiles, setMergeProfiles] = useState(false);
// Deletion options - defaults: all except otherData
const [deletionOptions, setDeletionOptions] = useState<ExportImportOptions>({
includeSchedules: true,
includeDiagramSettings: true,
includeSimulationSettings: true,
includePharmacoSettings: true,
includeAdvancedSettings: true,
includeOtherData: true,
includeSchedules: false,
restoreExamples: true, // Restore examples by default
includeDiagramSettings: false,
includeSimulationSettings: false,
includePharmacoSettings: false,
includeAdvancedSettings: false,
includeOtherData: false,
});
// File upload state
@@ -134,6 +148,16 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
// Clipboard feedback
const [copySuccess, setCopySuccess] = useState(false);
// Track which categories are available in the loaded JSON
const [availableCategories, setAvailableCategories] = useState<{
schedules: boolean;
diagramSettings: boolean;
simulationSettings: boolean;
pharmacoSettings: boolean;
advancedSettings: boolean;
otherData: boolean;
} | null>(null);
// Reset editor when modal opens/closes
React.useEffect(() => {
// TODO nice to have: use can decide behavior via checkbox (near editor)
@@ -158,6 +182,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
setJsonEditorContent('');
setJsonEditorExpanded(false);
setJsonValidationMessage({ type: null, message: '' });
setAvailableCategories(null);
setSelectedFile(null);
if (fileInputRef.current) {
fileInputRef.current.value = '';
@@ -177,6 +202,8 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
const appState = {
pkParams,
days,
profiles: profiles || [],
activeProfileId: activeProfileId || '',
therapeuticRange,
doseIncrement,
uiSettings,
@@ -197,6 +224,8 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
const appState = {
pkParams,
days,
profiles: profiles || [],
activeProfileId: activeProfileId || '',
therapeuticRange,
doseIncrement,
uiSettings,
@@ -292,6 +321,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
const validateJsonContent = (content: string) => {
if (!content.trim()) {
setJsonValidationMessage({ type: null, message: '' });
setAvailableCategories(null);
return;
}
@@ -304,6 +334,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
type: 'error',
message: t('importParseError'),
});
setAvailableCategories(null);
return;
}
@@ -314,9 +345,21 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
type: 'error',
message: validation.errors.join(', '),
});
setAvailableCategories(null);
return;
}
// Detect which categories are present in the JSON
const categories = {
schedules: !!(importData.data.profiles || importData.data.schedules),
diagramSettings: !!importData.data.diagramSettings,
simulationSettings: !!importData.data.simulationSettings,
pharmacoSettings: !!importData.data.pharmacoSettings,
advancedSettings: !!importData.data.advancedSettings,
otherData: !!importData.data.otherData,
};
setAvailableCategories(categories);
if (validation.warnings.length > 0) {
// Show success with warnings - warnings will be displayed separately
setJsonValidationMessage({
@@ -336,6 +379,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
type: 'error',
message: t('pasteInvalidJson'),
});
setAvailableCategories(null);
}
};
@@ -400,15 +444,26 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
const currentState = {
pkParams,
days,
profiles: profiles || [],
activeProfileId: activeProfileId || '',
therapeuticRange,
doseIncrement,
uiSettings,
steadyStateConfig: { daysOnMedication: pkParams.advanced.steadyStateDays },
};
const newState = importSettings(currentState, importData.data, importOptions);
// Apply schedules
if (newState.days && importOptions.includeSchedules && onImportDays) {
const importOpts: ImportOptions = {
mergeProfiles: mergeProfiles
};
const newState = importSettings(currentState, importData.data, importOptions, importOpts);
// Apply profiles (new approach)
if (newState.profiles && newState.activeProfileId && importOptions.includeSchedules && onImportProfiles) {
onImportProfiles(newState.profiles, newState.activeProfileId);
}
// Fallback: Apply schedules (legacy)
else if (newState.days && importOptions.includeSchedules && onImportDays) {
onImportDays(newState.days);
}
@@ -447,8 +502,12 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
onClose();
} catch (error) {
console.error('Import error:', error);
if (error instanceof Error && error.message.includes('exceed maximum')) {
alert(error.message);
} else {
alert(t('importError'));
}
}
};
// Clear JSON editor
@@ -463,7 +522,15 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
// Handle delete selected data
const handleDeleteData = () => {
const hasAnySelected = Object.values(deletionOptions).some(v => v);
// Check if any actual deletion categories are selected (excluding restoreExamples which is just an option)
const hasAnySelected =
deletionOptions.includeSchedules ||
deletionOptions.includeDiagramSettings ||
deletionOptions.includeSimulationSettings ||
deletionOptions.includePharmacoSettings ||
deletionOptions.includeAdvancedSettings ||
deletionOptions.includeOtherData;
if (!hasAnySelected) {
alert(t('deleteNoOptionsSelected'));
return;
@@ -544,6 +611,33 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
{t('exportOptionSchedules')}
</Label>
</div>
{exportOptions.includeSchedules && profiles && profiles.length > 1 && (
<div className="flex items-center gap-3 pl-8">
<Switch
id="export-all-profiles"
checked={exportOptions.exportAllProfiles ?? true}
onCheckedChange={checked =>
setExportOptions({ ...exportOptions, exportAllProfiles: checked })
}
/>
<Label htmlFor="export-all-profiles" className="text-sm text-muted-foreground">
{t('exportAllProfiles')} ({profiles.length} {t('profiles')})
</Label>
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
className="inline-flex items-center justify-center rounded-sm text-muted-foreground hover:text-foreground"
>
<Info className="h-4 w-4" />
</button>
</TooltipTrigger>
<TooltipContent>
<div className="text-xs max-w-xs">{formatContent(t('exportAllProfilesTooltip'))}</div>
</TooltipContent>
</Tooltip>
</div>
)}
<div className="flex items-center gap-3">
<Switch
id="export-diagram"
@@ -666,6 +760,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
<Switch
id="import-schedules"
checked={importOptions.includeSchedules}
disabled={availableCategories !== null && !availableCategories.schedules}
onCheckedChange={checked =>
setImportOptions({ ...importOptions, includeSchedules: checked })
}
@@ -674,10 +769,36 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
{t('exportOptionSchedules')}
</Label>
</div>
{importOptions.includeSchedules && profiles && (
<div className="flex items-center gap-3 pl-8">
<Switch
id="merge-profiles"
checked={mergeProfiles}
onCheckedChange={setMergeProfiles}
/>
<Label htmlFor="merge-profiles" className="text-sm text-muted-foreground">
{t('mergeProfiles')}
</Label>
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
className="inline-flex items-center justify-center rounded-sm text-muted-foreground hover:text-foreground"
>
<Info className="h-4 w-4" />
</button>
</TooltipTrigger>
<TooltipContent>
<div className="text-xs max-w-xs">{formatContent(t('mergeProfilesTooltip'))}</div>
</TooltipContent>
</Tooltip>
</div>
)}
<div className="flex items-center gap-3">
<Switch
id="import-diagram"
checked={importOptions.includeDiagramSettings}
disabled={availableCategories !== null && !availableCategories.diagramSettings}
onCheckedChange={checked =>
setImportOptions({ ...importOptions, includeDiagramSettings: checked })
}
@@ -690,6 +811,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
<Switch
id="import-simulation"
checked={importOptions.includeSimulationSettings}
disabled={availableCategories !== null && !availableCategories.simulationSettings}
onCheckedChange={checked =>
setImportOptions({ ...importOptions, includeSimulationSettings: checked })
}
@@ -702,6 +824,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
<Switch
id="import-pharmaco"
checked={importOptions.includePharmacoSettings}
disabled={availableCategories !== null && !availableCategories.pharmacoSettings}
onCheckedChange={checked =>
setImportOptions({ ...importOptions, includePharmacoSettings: checked })
}
@@ -714,6 +837,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
<Switch
id="import-advanced"
checked={importOptions.includeAdvancedSettings}
disabled={availableCategories !== null && !availableCategories.advancedSettings}
onCheckedChange={checked =>
setImportOptions({ ...importOptions, includeAdvancedSettings: checked })
}
@@ -726,6 +850,7 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
<Switch
id="import-other"
checked={importOptions.includeOtherData}
disabled={availableCategories !== null && !availableCategories.otherData}
onCheckedChange={checked =>
setImportOptions({ ...importOptions, includeOtherData: checked })
}
@@ -945,6 +1070,20 @@ const DataManagementModal: React.FC<DataManagementModalProps> = ({
{t('exportOptionSchedules')}
</Label>
</div>
{deletionOptions.includeSchedules && (
<div className="flex items-center gap-3 pl-8">
<Switch
id="delete-restore-examples"
checked={deletionOptions.restoreExamples ?? false}
onCheckedChange={checked =>
setDeletionOptions({ ...deletionOptions, restoreExamples: checked })
}
/>
<Label htmlFor="delete-restore-examples" className="text-sm text-muted-foreground">
{t('deleteRestoreExamples')}
</Label>
</div>
)}
<div className="flex items-center gap-3">
<Switch
id="delete-diagram"

223
src/components/profile-selector.tsx Normal file
View File

@@ -0,0 +1,223 @@
/**
* Profile Selector Component
*
* Allows users to manage medication schedule profiles with create, save,
* save-as, and delete functionality. Provides a combobox-style interface
* for profile selection and management.
*
* @author Andreas Weyer
* @license MIT
*/
import React, { useState } from 'react';
import { Card, CardContent } from './ui/card';
import { Label } from './ui/label';
import { Input } from './ui/input';
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from './ui/select';
import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
import { Save, Trash2, Plus } from 'lucide-react';
import { IconButtonWithTooltip } from './ui/icon-button-with-tooltip';
import { MAX_PROFILES, type ScheduleProfile } from '../constants/defaults';
interface ProfileSelectorProps {
profiles: ScheduleProfile[];
activeProfileId: string;
hasUnsavedChanges: boolean;
onSwitchProfile: (profileId: string) => void;
onSaveProfile: () => void;
onSaveProfileAs: (name: string) => string | null;
onDeleteProfile: (profileId: string) => boolean;
t: (key: string) => string;
}
export const ProfileSelector: React.FC<ProfileSelectorProps> = ({
profiles,
activeProfileId,
hasUnsavedChanges,
onSwitchProfile,
onSaveProfile,
onSaveProfileAs,
onDeleteProfile,
t,
}) => {
const [newProfileName, setNewProfileName] = useState('');
const [isSaveAsMode, setIsSaveAsMode] = useState(false);
const activeProfile = profiles.find(p => p.id === activeProfileId);
const canDelete = profiles.length > 1;
const canCreateNew = profiles.length < MAX_PROFILES;
const handleSelectChange = (value: string) => {
if (value === '__new__') {
// Enter "save as" mode
setIsSaveAsMode(true);
setNewProfileName('');
} else {
// Confirm before switching if there are unsaved changes
if (hasUnsavedChanges) {
if (!window.confirm(t('profileSwitchUnsavedConfirm'))) {
return;
}
}
onSwitchProfile(value);
setIsSaveAsMode(false);
}
};
const handleSaveAs = () => {
if (!newProfileName.trim()) {
return;
}
// Check for duplicate names
const isDuplicate = profiles.some(
p => p.name.toLowerCase() === newProfileName.trim().toLowerCase()
);
let finalName = newProfileName.trim();
if (isDuplicate) {
// Find next available suffix
let suffix = 2;
while (profiles.some(p => p.name.toLowerCase() === `${newProfileName.trim()} (${suffix})`.toLowerCase())) {
suffix++;
}
finalName = `${newProfileName.trim()} (${suffix})`;
}
const newProfileId = onSaveProfileAs(finalName);
if (newProfileId) {
setIsSaveAsMode(false);
setNewProfileName('');
}
};
const handleKeyDown = (e: React.KeyboardEvent) => {
if (e.key === 'Enter') {
handleSaveAs();
} else if (e.key === 'Escape') {
setIsSaveAsMode(false);
setNewProfileName('');
}
};
const handleDelete = () => {
if (activeProfile && canDelete) {
if (window.confirm(t('profileDeleteConfirm')?.replace('{name}', activeProfile.name))) {
onDeleteProfile(activeProfile.id);
}
}
};
return (
<Card className="mb-4">
<CardContent className="pt-6">
<div className="space-y-2">
{/* Title label */}
<Label htmlFor="profile-selector" className="text-sm font-medium">
{t('savedPlans')}
</Label>
{/* Profile selector with integrated buttons */}
<div className="flex items-stretch">
{/* Profile selector / name input */}
{isSaveAsMode ? (
<Input
id="profile-selector"
type="text"
value={newProfileName}
onChange={(e) => setNewProfileName(e.target.value)}
onKeyDown={handleKeyDown}
placeholder={t('profileSaveAsPlaceholder')}
autoFocus
className="h-9 rounded-r-none border-r-0 w-[360px] bg-background"
/>
) : (
<Select
value={activeProfileId}
onValueChange={handleSelectChange}
>
<SelectTrigger id="profile-selector" className="h-9 rounded-r-none border-r-0 w-[360px] bg-background">
<SelectValue>
{activeProfile?.name}
{hasUnsavedChanges && ' *'}
</SelectValue>
</SelectTrigger>
<SelectContent>
{profiles.map(profile => (
<SelectItem key={profile.id} value={profile.id}>
{profile.name}
</SelectItem>
))}
{canCreateNew && (
<>
<div className="my-1 h-px bg-border" />
<Tooltip>
<TooltipTrigger asChild>
<SelectItem value="__new__">
<div className="flex items-center gap-2">
<Plus className="h-4 w-4" />
<span>{t('profileSaveAsNewProfile')}</span>
</div>
</SelectItem>
</TooltipTrigger>
<TooltipContent side="right">
<p className="text-xs">{t('profileSaveAs')}</p>
</TooltipContent>
</Tooltip>
</>
)}
</SelectContent>
</Select>
)}
{/* Save button - integrated */}
<IconButtonWithTooltip
onClick={isSaveAsMode ? handleSaveAs : onSaveProfile}
icon={<Save className="h-4 w-4" />}
tooltip={isSaveAsMode ? t('profileSaveAs') : t('profileSave')}
disabled={(isSaveAsMode && !newProfileName.trim()) || (!isSaveAsMode && !hasUnsavedChanges)}
variant="outline"
size="icon"
className="rounded-none border-r-0"
/>
{/* Delete button - integrated */}
<IconButtonWithTooltip
onClick={handleDelete}
icon={<Trash2 className="h-4 w-4" />}
tooltip={canDelete ? t('profileDelete') : t('profileDeleteDisabled')}
disabled={!canDelete || isSaveAsMode}
variant="outline"
size="icon"
className="rounded-l-none text-destructive hover:bg-destructive hover:text-destructive-foreground"
/>
</div>
{/* Helper text for save-as mode */}
{isSaveAsMode && (
<div className="flex items-center gap-2">
<p className="text-xs text-muted-foreground flex-1">
{t('profileSaveAsHelp')}
</p>
<button
onClick={() => {
setIsSaveAsMode(false);
setNewProfileName('');
}}
className="text-xs text-muted-foreground hover:text-foreground underline"
>
{t('cancel')}
</button>
</div>
)}
</div>
</CardContent>
</Card>
);
};

88
src/constants/defaults.ts
View File

@@ -26,7 +26,8 @@ const versionInfo = versionJsonDefault && Object.keys(versionJsonDefault).length
gitDate: 'unknown',
};
export const LOCAL_STORAGE_KEY = 'medPlanAssistantState_v9'; // Incremented for urinePh mode structure change
export const LOCAL_STORAGE_KEY = 'medPlanAssistantState_v10'; // Incremented for profile-based schedule management
export const MAX_PROFILES = 20; // Maximum number of schedule profiles allowed
export const PROJECT_REPOSITORY_URL = 'https://git.11001001.org/cbaoth/med-plan-assistant';
export const APP_VERSION = versionInfo.version;
export const BUILD_INFO = versionInfo;
@@ -80,6 +81,14 @@ export interface DayGroup {
doses: DayDose[];
}
export interface ScheduleProfile {
id: string;
name: string;
days: DayGroup[];
createdAt: string;
modifiedAt: string;
}
export interface SteadyStateConfig {
daysOnMedication: string;
}
@@ -107,7 +116,9 @@ export interface UiSettings {
export interface AppState {
pkParams: PkParams;
days: DayGroup[];
days: DayGroup[]; // Kept for backwards compatibility during migration
profiles: ScheduleProfile[];
activeProfileId: string;
steadyStateConfig: SteadyStateConfig;
therapeuticRange: TherapeuticRange;
doseIncrement: string;
@@ -133,7 +144,61 @@ export interface ConcentrationPoint {
}
// Default application state
export const getDefaultState = (): AppState => ({
export const getDefaultState = (): AppState => {
const now = new Date().toISOString();
const profiles: ScheduleProfile[] = [
{
id: 'profile-default-1',
name: 'Single Morning Dose',
createdAt: now,
modifiedAt: now,
days: [
{
id: 'day-template',
isTemplate: true,
doses: [
{ id: 'dose-1', time: '08:00', ldx: '30' }
]
}
]
},
{
id: 'profile-default-2',
name: 'Twice Daily',
createdAt: now,
modifiedAt: now,
days: [
{
id: 'day-template',
isTemplate: true,
doses: [
{ id: 'dose-1', time: '08:00', ldx: '20' },
{ id: 'dose-2', time: '14:00', ldx: '20' }
]
}
]
},
{
id: 'profile-default-3',
name: 'Three Times Daily',
createdAt: now,
modifiedAt: now,
days: [
{
id: 'day-template',
isTemplate: true,
doses: [
{ id: 'dose-1', time: '08:00', ldx: '20' },
{ id: 'dose-2', time: '14:00', ldx: '20' },
{ id: 'dose-3', time: '20:00', ldx: '20' }
]
}
]
}
];
return {
pkParams: {
damph: { halfLife: '11' },
ldx: {
@@ -148,17 +213,9 @@ export const getDefaultState = (): AppState => ({
steadyStateDays: '7' // days of prior medication history
}
},
days: [
{
id: 'day-template',
isTemplate: true,
doses: [
{ id: 'dose-1', time: '06:30', ldx: '25' },
{ id: 'dose-2', time: '14:30', ldx: '15' },
{ id: 'dose-4', time: '22:15', ldx: '15' },
]
}
],
days: profiles[0].days, // For backwards compatibility, use first profile's days
profiles,
activeProfileId: profiles[0].id,
steadyStateConfig: { daysOnMedication: '7' }, // kept for backwards compatibility, now sourced from pkParams.advanced
therapeuticRange: { min: '', max: '' }, // users should personalize based on their response
doseIncrement: '2.5',
@@ -176,4 +233,5 @@ export const getDefaultState = (): AppState => ({
stickyChart: false,
theme: 'system',
}
});
};
};

230
src/hooks/useAppState.ts
View File

@@ -10,7 +10,7 @@
*/
import React from 'react';
import { LOCAL_STORAGE_KEY, getDefaultState, MAX_DOSES_PER_DAY, type AppState, type DayGroup, type DayDose } from '../constants/defaults';
import { LOCAL_STORAGE_KEY, getDefaultState, MAX_DOSES_PER_DAY, MAX_PROFILES, type AppState, type DayGroup, type DayDose, type ScheduleProfile } from '../constants/defaults';
export const useAppState = () => {
const [appState, setAppState] = React.useState<AppState>(getDefaultState);
@@ -94,51 +94,45 @@ export const useAppState = () => {
return value;
};
// Validate basic pkParams
if (migratedPkParams.basic) {
migratedPkParams.basic.eliminationHalfLife = validateNumericField(
migratedPkParams.basic.eliminationHalfLife,
defaults.pkParams.basic.eliminationHalfLife
);
migratedPkParams.basic.bodyWeight = validateNumericField(
migratedPkParams.basic.bodyWeight,
defaults.pkParams.basic.bodyWeight
);
// Migrate from old days-only format to profile-based format
let migratedProfiles: ScheduleProfile[] = defaults.profiles;
let migratedActiveProfileId: string = defaults.activeProfileId;
let migratedDays: DayGroup[] = defaults.days;
if (parsedState.profiles && Array.isArray(parsedState.profiles)) {
// New format with profiles
migratedProfiles = parsedState.profiles;
migratedActiveProfileId = parsedState.activeProfileId || parsedState.profiles[0]?.id || defaults.activeProfileId;
// Validate activeProfileId exists in profiles
const activeProfile = migratedProfiles.find(p => p.id === migratedActiveProfileId);
if (!activeProfile && migratedProfiles.length > 0) {
migratedActiveProfileId = migratedProfiles[0].id;
}
// Validate advanced pkParams
if (migratedPkParams.advanced) {
migratedPkParams.advanced.conversionEfficiency = validateNumericField(
migratedPkParams.advanced.conversionEfficiency,
defaults.pkParams.advanced.conversionEfficiency
);
migratedPkParams.advanced.bioavailability = validateNumericField(
migratedPkParams.advanced.bioavailability,
defaults.pkParams.advanced.bioavailability
);
migratedPkParams.advanced.customVolumeOfDistribution = validateNumericField(
migratedPkParams.advanced.customVolumeOfDistribution,
defaults.pkParams.advanced.customVolumeOfDistribution
);
migratedPkParams.advanced.absorptionDelay = validateNumericField(
migratedPkParams.advanced.absorptionDelay,
defaults.pkParams.advanced.absorptionDelay
);
migratedPkParams.advanced.absorptionRateConstant = validateNumericField(
migratedPkParams.advanced.absorptionRateConstant,
defaults.pkParams.advanced.absorptionRateConstant
);
migratedPkParams.advanced.mealDelayFactor = validateNumericField(
migratedPkParams.advanced.mealDelayFactor,
defaults.pkParams.advanced.mealDelayFactor
);
// Set days from active profile
migratedDays = activeProfile?.days || defaults.days;
} else if (parsedState.days) {
// Old format: migrate days to default profile
const now = new Date().toISOString();
migratedProfiles = [{
id: `profile-migrated-${Date.now()}`,
name: 'Default',
days: parsedState.days,
createdAt: now,
modifiedAt: now
}];
migratedActiveProfileId = migratedProfiles[0].id;
migratedDays = parsedState.days;
}
setAppState({
...defaults,
...parsedState,
pkParams: migratedPkParams,
days: parsedState.days || defaults.days,
days: migratedDays,
profiles: migratedProfiles,
activeProfileId: migratedActiveProfileId,
uiSettings: migratedUiSettings,
});
}
@@ -154,6 +148,8 @@ export const useAppState = () => {
const stateToSave = {
pkParams: appState.pkParams,
days: appState.days,
profiles: appState.profiles,
activeProfileId: appState.activeProfileId,
steadyStateConfig: appState.steadyStateConfig,
therapeuticRange: appState.therapeuticRange,
doseIncrement: appState.doseIncrement,
@@ -364,6 +360,153 @@ export const useAppState = () => {
}));
};
// Profile management functions
const getActiveProfile = (): ScheduleProfile | undefined => {
return appState.profiles.find(p => p.id === appState.activeProfileId);
};
const createProfile = (name: string, cloneFromId?: string): string | null => {
if (appState.profiles.length >= MAX_PROFILES) {
console.warn(`Cannot create profile: Maximum of ${MAX_PROFILES} profiles reached`);
return null;
}
const now = new Date().toISOString();
const newProfileId = `profile-${Date.now()}`;
let days: DayGroup[];
if (cloneFromId) {
const sourceProfile = appState.profiles.find(p => p.id === cloneFromId);
days = sourceProfile ? JSON.parse(JSON.stringify(sourceProfile.days)) : appState.days;
} else {
// Create with current days
days = JSON.parse(JSON.stringify(appState.days));
}
// Regenerate IDs for cloned days/doses
days = days.map(day => ({
...day,
id: `day-${Date.now()}-${Math.random()}`,
doses: day.doses.map(dose => ({
...dose,
id: `dose-${Date.now()}-${Math.random()}`
}))
}));
const newProfile: ScheduleProfile = {
id: newProfileId,
name,
days,
createdAt: now,
modifiedAt: now
};
setAppState(prev => ({
...prev,
profiles: [...prev.profiles, newProfile]
}));
return newProfileId;
};
const deleteProfile = (profileId: string): boolean => {
if (appState.profiles.length <= 1) {
console.warn('Cannot delete last profile');
return false;
}
const profileIndex = appState.profiles.findIndex(p => p.id === profileId);
if (profileIndex === -1) {
console.warn('Profile not found');
return false;
}
setAppState(prev => {
const newProfiles = prev.profiles.filter(p => p.id !== profileId);
// If we're deleting the active profile, switch to first remaining profile
let newActiveProfileId = prev.activeProfileId;
if (profileId === prev.activeProfileId) {
newActiveProfileId = newProfiles[0].id;
}
return {
...prev,
profiles: newProfiles,
activeProfileId: newActiveProfileId,
days: newProfiles.find(p => p.id === newActiveProfileId)?.days || prev.days
};
});
return true;
};
const switchProfile = (profileId: string) => {
const profile = appState.profiles.find(p => p.id === profileId);
if (!profile) {
console.warn('Profile not found');
return;
}
setAppState(prev => ({
...prev,
activeProfileId: profileId,
days: profile.days
}));
};
const saveProfile = () => {
const now = new Date().toISOString();
setAppState(prev => ({
...prev,
profiles: prev.profiles.map(p =>
p.id === prev.activeProfileId
? { ...p, days: JSON.parse(JSON.stringify(prev.days)), modifiedAt: now }
: p
)
}));
};
const saveProfileAs = (newName: string): string | null => {
const newProfileId = createProfile(newName, undefined);
if (newProfileId) {
// Save current days to the new profile and switch to it
const now = new Date().toISOString();
setAppState(prev => ({
...prev,
profiles: prev.profiles.map(p =>
p.id === newProfileId
? { ...p, days: JSON.parse(JSON.stringify(prev.days)), modifiedAt: now }
: p
),
activeProfileId: newProfileId
}));
}
return newProfileId;
};
const updateProfileName = (profileId: string, newName: string) => {
setAppState(prev => ({
...prev,
profiles: prev.profiles.map(p =>
p.id === profileId
? { ...p, name: newName, modifiedAt: new Date().toISOString() }
: p
)
}));
};
const hasUnsavedChanges = (): boolean => {
const activeProfile = getActiveProfile();
if (!activeProfile) return false;
return JSON.stringify(activeProfile.days) !== JSON.stringify(appState.days);
};
return {
appState,
isLoaded,
@@ -377,6 +520,15 @@ export const useAppState = () => {
removeDoseFromDay,
updateDoseInDay,
updateDoseFieldInDay,
sortDosesInDay
sortDosesInDay,
// Profile management
getActiveProfile,
createProfile,
deleteProfile,
switchProfile,
saveProfile,
saveProfileAs,
updateProfileName,
hasUnsavedChanges
};
};

65
src/locales/de.ts
View File

@@ -10,7 +10,7 @@ export const de = {
lisdexamfetamine: "Lisdexamfetamin",
lisdexamfetamineShort: "LDX",
both: "Beide",
regularPlanOverlayShort: "Reg.",
regularPlanOverlayShort: "Basis",
// Language selector
languageSelectorLabel: "Sprache",
@@ -23,7 +23,7 @@ export const de = {
themeSelectorSystem: "💻 System",
// Dose Schedule
myPlan: "Mein Plan",
myPlan: "Mein Zeitplan",
morning: "Morgens",
midday: "Mittags",
afternoon: "Nachmittags",
@@ -32,8 +32,29 @@ export const de = {
doseWithFood: "Mit Nahrung eingenommen (verzögert Absorption ~1h)",
doseFasted: "Nüchtern eingenommen (normale Absorption)",
// Schedule Management
savedPlans: "Gespeicherte Zeitpläne",
profileSaveAsNewProfile: "Als neuen Zeitplan speichern",
profileSave: "Änderungen im aktuellen Zeitplan speichern",
profileSaveAs: "Neuen Zeitplan mit aktueller Konfiguration erstellen",
profileDelete: "Diesen Zeitplan löschen",
profileDeleteDisabled: "Der letzte Zeitplan kann nicht gelöscht werden",
profileDeleteConfirm: "Möchten Sie den Zeitplan '{name}' wirklich löschen?",
profileSaveAsPlaceholder: "Name für den neuen Zeitplan...",
profileSaveAsHelp: "Geben Sie einen Namen für den neuen Zeitplan ein und drücken Sie Enter oder klicken Sie auf Speichern",
profileSwitchUnsavedConfirm: "Sie haben ungespeicherte Änderungen. Beim Wechseln des Zeitplans gehen diese verloren. Fortfahren?",
profiles: "Zeitpläne",
cancel: "Abbrechen",
// Export/Import schedules
exportAllProfiles: "Alle Zeitpläne exportieren",
exportAllProfilesTooltip: "__Wenn aktiviert:__ Exportiert alle gespeicherten Zeitpläne.\\n\\n__Wenn deaktiviert:__ Exportiert nur den aktuell aktiven Zeitplan. Wenn der aktive Zeitplan ungespeicherte Änderungen hat, werden diese im Export enthalten sein.",
mergeProfiles: "Mit vorhandenen Zeitplänen zusammenführen",
mergeProfilesTooltip: "Wenn aktiviert, werden importierte Zeitpläne zu Ihren vorhandenen hinzugefügt. Wenn deaktiviert, werden alle aktuellen Zeitpläne ersetzt.\\n\\n__Standard:__ **deaktiviert** (alle ersetzen)",
deleteRestoreExamples: "Beispielzeitpläne nach Löschung wiederherstellen",
// Deviations
deviationsFromPlan: "Abweichungen vom Plan",
deviationsFromPlan: "Abweichungen vom Zeitplan",
addDeviation: "Abweichung hinzufügen",
day: "Tag",
additional: "Zusätzlich",
@@ -53,13 +74,13 @@ export const de = {
axisLabelHours: "Stunden (h)",
axisLabelTimeOfDay: "Tageszeit (h)",
tickNoon: "Mittag",
refLineRegularPlan: "Regulär",
refLineNoDeviation: "Regulär",
refLineRegularPlan: "Basis",
refLineNoDeviation: "Basis",
refLineRecovering: "Erholung",
refLineIrregularIntake: "Irregulär",
refLineDayX: "T{{x}}",
refLineRegularPlanShort: "(Reg.)",
refLineNoDeviationShort: "(Reg.)",
refLineRegularPlanShort: "(Basis)",
refLineNoDeviationShort: "(Basis)",
refLineRecoveringShort: "(Erh.)",
refLineIrregularIntakeShort: "(Irr.)",
refLineDayShort: "T{{x}}",
@@ -93,13 +114,13 @@ export const de = {
xAxisFormat24hDesc: "Wiederholender 0-24h Zyklus",
xAxisFormat12h: "Tageszeit (12h AM/PM)",
xAxisFormat12hDesc: "Wiederholend 12h Zyklus im AM/PM Format",
showTemplateDayInChart: "Regulären Plan kontinuierlich anzeigen",
showTemplateDayTooltip: "Medikationsplan als Referenz-Overlay jederzeit anzeigen.\\n\\n__Standard:__ **aktiviert**",
showTemplateDayInChart: "Basis-Zeitplan kontinuierlich anzeigen",
showTemplateDayTooltip: "Führt die Simulation des Basis-Zeitplans auch dann fort, auch wenn für Tag 2+ abweichende Zeitpläne definiert sind. Die entsprechenden Plasmakonzentrationen werden, nur im Falle einer Abweichung vom Basis-Zeitplan, als zusätzliche gestrichelte Linien dargestellt.\\n\\n__Standard:__ **aktiviert**",
simulationSettings: "Simulations-Einstellungen",
showDayReferenceLines: "Tagestrenner anzeigen",
showDayReferenceLinesTooltip: "Vertikale Linien und Statusanzeigen zwischen Tagen anzeigen.\\n\\n__Standard:__ **aktiviert**", showIntakeTimeLines: "Einnahmezeitmarkierungen anzeigen",
showIntakeTimeLinesTooltip: "Vertikale gestrichelte Linien an Einnahmezeiten mit Dosis-Index-Labels anzeigen.\n\n__Standard:__ **deaktiviert**", showTherapeuticRangeLines: "Therapeutischen Bereich anzeigen ",
showIntakeTimeLinesTooltip: "Vertikale gestrichelte Linien an Einnahmezeiten mit Dosis-Index-Labels anzeigen.\\n\\n__Standard:__ **deaktiviert**", showTherapeuticRangeLines: "Therapeutischen Bereich anzeigen ",
showTherapeuticRangeLinesTooltip: "Horizontale Referenzlinien für therapeutisches Min/Max anzeigen.\\n\\n__Standard:__ **aktiviert**",
simulationDuration: "Simulationsdauer",
simulationDurationTooltip: "Anzahl der zu simulierenden Tage. Längere Zeiträume zeigen Steady-State.\\n\\n__Standard:__ **{{simulationDays}} Tage**",
@@ -171,7 +192,7 @@ export const de = {
resetAllSettings: "Alle Einstellungen zurücksetzen",
resetDiagramSettings: "Diagramm-Einstellungen zurücksetzen",
resetPharmacokineticSettings: "Pharmakokinetik-Einstellungen zurücksetzen",
resetPlan: "Plan zurücksetzen",
resetPlan: "Zeitplan zurücksetzen",
// Disclaimer Modal
disclaimerModalTitle: "Wichtiger medizinischer Haftungsausschluss",
@@ -213,7 +234,7 @@ export const de = {
exportOptionPharmaco: "Pharmakokinetik-Einstellungen (Halbwertszeiten, therapeutischer Bereich)",
exportOptionAdvanced: "Erweiterte Einstellungen (Gewicht, Nahrung, pH, Bioverfügbarkeit)",
exportOptionOtherData: "Andere Daten (Design, eingeklappte Karten, Sprache, Haftungsausschluss)",
exportOptionOtherDataTooltip: "UI-Präferenzen wie Design, eingeklappte Kartenstatus, Spracheinstellung und Haftungsausschluss-Bestätigung. Normalerweise nicht nötig beim Teilen von Plänen mit anderen.",
exportOptionOtherDataTooltip: "UI-Präferenzen wie Design, eingeklappte Kartenstatus, Spracheinstellung und Haftungsausschluss-Bestätigung. Normalerweise nicht nötig beim Teilen von Zeitplänen mit anderen.",
exportButton: "Backup-Datei herunterladen",
importButton: "Datei zum Importieren wählen",
importApplyButton: "Import anwenden",
@@ -300,13 +321,13 @@ export const de = {
errorDailyTotalAbove200mg: "⛔ **Tagesgesamtdosis überschreitet sichere Grenzen erheblich!**\\n\\nIhre Tagesgesamtdosis **{{total}} mg** überschreitet 200 mg/Tag, was **deutlich über FDA-zugelassenen Grenzen** liegt. *Bitte konsultieren Sie Ihren Arzt.*",
// Day-based schedule
regularPlan: "Regulärer Plan",
deviatingPlan: "Abweichung vom Plan",
alternativePlan: "Alternativer Plan",
regularPlanOverlay: "Regulär",
regularPlan: "Basis-Zeitplan",
deviatingPlan: "Abweichung vom Zeitplan",
alternativePlan: "Alternativer Zeitplan",
regularPlanOverlay: "Basis",
dayNumber: "Tag {{number}}",
cloneDay: "Tag klonen",
addDay: "Tag hinzufügen",
addDay: "Tag hinzufügen (alternativer Zeitplan)",
addDose: "Dosis hinzufügen",
removeDose: "Dosis entfernen",
removeDay: "Tag entfernen",
@@ -314,17 +335,17 @@ export const de = {
expandDay: "Tag ausklappen",
dose: "Dosis",
doses: "Dosen",
comparedToRegularPlan: "verglichen mit regulärem Plan",
comparedToRegularPlan: "verglichen mit Basis-Zeitplan",
time: "Zeitpunkt der Einnahme",
ldx: "LDX",
damph: "d-amph",
// URL sharing
sharePlan: "Plan teilen",
viewingSharedPlan: "Du siehst einen geteilten Plan",
saveAsMyPlan: "Als meinen Plan speichern",
sharePlan: "Zeitplan teilen",
viewingSharedPlan: "Du siehst einen geteilten Zeitplan",
saveAsMyPlan: "Als meinen Zeitplan speichern",
discardSharedPlan: "Verwerfen",
planCopiedToClipboard: "Plan-Link in Zwischenablage kopiert!",
planCopiedToClipboard: "Zeitplan-Link in Zwischenablage kopiert!",
// Time picker
timePickerHour: "Stunde",

69
src/locales/en.ts
View File

@@ -10,7 +10,7 @@ export const en = {
lisdexamfetamine: "Lisdexamfetamine",
lisdexamfetamineShort: "LDX",
both: "Both",
regularPlanOverlayShort: "Reg.",
regularPlanOverlayShort: "Base",
// Language selector
languageSelectorLabel: "Language",
@@ -23,7 +23,7 @@ export const en = {
themeSelectorSystem: "💻 System",
// Dose Schedule
myPlan: "My Plan",
myPlan: "My Schedule",
morning: "Morning",
midday: "Midday",
afternoon: "Afternoon",
@@ -32,12 +32,33 @@ export const en = {
doseWithFood: "Taken with food (delays absorption ~1h)",
doseFasted: "Taken fasted (normal absorption)",
// Schedule Management
savedPlans: "Saved Schedules",
profileSaveAsNewProfile: "Save as new schedule",
profileSave: "Save changes to current schedule",
profileSaveAs: "Create new schedule with current configuration",
profileDelete: "Delete this schedule",
profileDeleteDisabled: "Cannot delete the last schedule",
profileDeleteConfirm: "Are you sure you want to delete the schedule '{name}'?",
profileSaveAsPlaceholder: "Name for the new schedule...",
profileSaveAsHelp: "Enter a name for the new schedule and press Enter or click Save",
profileSwitchUnsavedConfirm: "You have unsaved changes. Switching schedules will discard them. Continue?",
profiles: "schedules",
cancel: "Cancel",
// Export/Import schedules
exportAllProfiles: "Export all schedules",
exportAllProfilesTooltip: "__When enabled:__ Exports all saved schedules.\\n\\n__When disabled:__ Exports only the currently active schedule. If the active schedule has unsaved changes, those changes will be included in the export.",
mergeProfiles: "Merge with existing schedules",
mergeProfilesTooltip: "If enabled, imported schedules will be added to your existing ones. If disabled, all current schedules will be replaced.\\n\\n__Default:__ **disabled** (replace all)",
deleteRestoreExamples: "Restore example schedules after deletion",
// Deviations
deviationsFromPlan: "Deviations from Plan",
deviationsFromPlan: "Deviations from Schedule",
addDeviation: "Add Deviation",
day: "Day",
additional: "Additional",
additionalTooltip: "Mark this if it was an extra dose instead of a replacement for a planned one.",
additionalTooltip: "Mark this if it was an extra dose instead of a replacement for a scheduled one.",
// Suggestions
whatIf: "What if?",
@@ -53,13 +74,13 @@ export const en = {
axisLabelHours: "Hours (h)",
axisLabelTimeOfDay: "Time of Day (h)",
tickNoon: "Noon",
refLineRegularPlan: "Regular",
refLineNoDeviation: "Regular",
refLineRegularPlan: "Baseline",
refLineNoDeviation: "Baseline",
refLineRecovering: "Recovering",
refLineIrregularIntake: "Irregular",
refLineDayX: "D{{x}}",
refLineRegularPlanShort: "(Reg.)",
refLineNoDeviationShort: "(Reg.)", // currently the same as above (day# > 1 with curve identical to day1 / regular plan)
refLineRegularPlanShort: "(Base)",
refLineNoDeviationShort: "(Base)", // currently the same as above (day# > 1 with curve identical to day1 / baseline schedule)
refLineRecoveringShort: "(Rec.)",
refLineIrregularIntakeShort: "(Ireg.)",
refLineDayShort: "D{{x}}",
@@ -92,12 +113,12 @@ export const en = {
xAxisFormat24hDesc: "Repeating 0-24h cycle",
xAxisFormat12h: "Time of Day (12h AM/PM)",
xAxisFormat12hDesc: "Repeating 12h cycle in AM/PM format",
showTemplateDayInChart: "Continuously Show Regular Plan",
showTemplateDayTooltip: "Display the regular medication plan as reference overlay at all times.\\n\\n__Default:__ **enabled**",
showTemplateDayInChart: "Continuously Show Baseline Schedule",
showTemplateDayTooltip: "Continue simulating the baseline schedule even when deviations are defined for day 2+. Corresponding plasma concentrations will be shown as additional dashed lines, only if deviating from the baseline schedule.\\n\\n__Default:__ **enabled**",
simulationSettings: "Simulation Settings",
showDayReferenceLines: "Show Day Separators",
showDayReferenceLinesTooltip: "Display vertical lines and status indicators separating days.\\n\\n__Default:__ **enabled**", showIntakeTimeLines: "Show Intake Time Markers",
showIntakeTimeLinesTooltip: "Display vertical dashed lines at intake times with dose index labels.\n\n__Default:__ **disabled**", showTherapeuticRangeLines: "Show Therapeutic Range",
showIntakeTimeLinesTooltip: "Display vertical dashed lines at intake times with dose index labels.\\n\\n__Default:__ **disabled**", showTherapeuticRangeLines: "Show Therapeutic Range",
showTherapeuticRangeLinesTooltip: "Display horizontal reference lines for therapeutic min/max concentrations.\\n\\n__Default:__ **enabled**",
simulationDuration: "Simulation Duration",
simulationDurationTooltip: "Number of days to simulate. Longer periods allow steady-state observation.\\n\\n__Default:__ **{{simulationDays}} days**",
@@ -169,7 +190,7 @@ export const en = {
resetAllSettings: "Reset All Settings",
resetDiagramSettings: "Reset Diagram Settings",
resetPharmacokineticSettings: "Reset Pharmacokinetic Settings",
resetPlan: "Reset Plan",
resetPlan: "Reset Schedule",
// Disclaimer Modal
disclaimerModalTitle: "Important Medical Disclaimer",
@@ -205,13 +226,13 @@ export const en = {
importSettings: "Import Settings",
exportSelectWhat: "Select what to export:",
importSelectWhat: "Select what to import:",
exportOptionSchedules: "Schedules (Day plans with doses)",
exportOptionSchedules: "Schedules (Daily plans with doses)",
exportOptionDiagram: "Diagram Settings (View options, chart display)",
exportOptionSimulation: "Simulation Settings (Duration, range, chart view)",
exportOptionPharmaco: "Pharmacokinetic Settings (Half-lives, therapeutic range)",
exportOptionAdvanced: "Advanced Settings (Weight, food, pH, bioavailability)",
exportOptionOtherData: "Other Data (Theme, collapsed cards, language, disclaimer)",
exportOptionOtherDataTooltip: "UI preferences like theme, collapsed card states, language preference, and disclaimer acceptance. Typically not needed when sharing plans with others.",
exportOptionOtherDataTooltip: "UI preferences like theme, collapsed card states, language preference, and disclaimer acceptance. Typically not needed when sharing schedules with others.",
exportButton: "Download Backup File",
importButton: "Choose File to Import",
importApplyButton: "Apply Import",
@@ -315,13 +336,13 @@ export const en = {
sortByTimeSorted: "Doses are sorted chronologically.",
// Day-based schedule
regularPlan: "Regular Plan",
deviatingPlan: "Deviation from Plan",
alternativePlan: "Alternative Plan",
regularPlanOverlay: "Regular",
regularPlan: "Baseline Schedule",
deviatingPlan: "Deviation from Schedule",
alternativePlan: "Alternative Schedule",
regularPlanOverlay: "Baseline",
dayNumber: "Day {{number}}",
cloneDay: "Clone day",
addDay: "Add day",
addDay: "Add day (alternative schedule)",
addDose: "Add dose",
removeDose: "Remove dose",
removeDay: "Remove day",
@@ -329,17 +350,17 @@ export const en = {
expandDay: "Expand day",
dose: "dose",
doses: "doses",
comparedToRegularPlan: "compared to regular plan",
comparedToRegularPlan: "compared to baseline schedule",
time: "Time of Intake",
ldx: "LDX",
damph: "d-amph",
// URL sharing
sharePlan: "Share Plan",
viewingSharedPlan: "Viewing shared plan",
saveAsMyPlan: "Save as My Plan",
sharePlan: "Share Schedule",
viewingSharedPlan: "Viewing shared schedule",
saveAsMyPlan: "Save as My Schedule",
discardSharedPlan: "Discard",
planCopiedToClipboard: "Plan link copied to clipboard!"
planCopiedToClipboard: "Schedule link copied to clipboard!"
};
export default en;

223
src/utils/exportImport.ts
View File

@@ -8,14 +8,15 @@
* @license MIT
*/
import { AppState, getDefaultState } from '../constants/defaults';
import { AppState, getDefaultState, MAX_PROFILES, type ScheduleProfile } from '../constants/defaults';
export interface ExportData {
version: string;
exportDate: string;
appVersion: string;
data: {
schedules?: AppState['days'];
schedules?: ScheduleProfile[]; // Schedule configurations (profile-based)
profiles?: ScheduleProfile[]; // Legacy: backward compatibility (renamed to schedules)
diagramSettings?: {
showDayTimeOnXAxis: AppState['uiSettings']['showDayTimeOnXAxis'];
showTemplateDay: AppState['uiSettings']['showTemplateDay'];
@@ -50,6 +51,8 @@ export interface ExportData {
export interface ExportOptions {
includeSchedules: boolean;
exportAllProfiles?: boolean; // If true, export all profiles; if false, export only active profile
restoreExamples?: boolean; // If true, restore example profiles when deleting schedules
includeDiagramSettings: boolean;
includeSimulationSettings: boolean;
includePharmacoSettings: boolean;
@@ -57,6 +60,10 @@ export interface ExportOptions {
includeOtherData: boolean;
}
export interface ImportOptions {
mergeProfiles?: boolean; // If true, merge imported profiles with existing; if false, replace all
}
export interface ImportValidationResult {
isValid: boolean;
warnings: string[];
@@ -83,7 +90,26 @@ export const exportSettings = (
};
if (options.includeSchedules) {
exportData.data.schedules = appState.days;
if (options.exportAllProfiles) {
// Export all schedules
exportData.data.schedules = appState.profiles;
} else {
// Export only active schedule
const activeProfile = appState.profiles.find(p => p.id === appState.activeProfileId);
if (activeProfile) {
exportData.data.schedules = [activeProfile];
} else {
// Fallback: create schedule from current days
const now = new Date().toISOString();
exportData.data.schedules = [{
id: `profile-export-${Date.now()}`,
name: 'Exported Schedule',
days: appState.days,
createdAt: now,
modifiedAt: now
}];
}
}
}
if (options.includeDiagramSettings) {
@@ -190,25 +216,62 @@ export const validateImportData = (data: any): ImportValidationResult => {
const importData = data.data;
// Validate schedules
// Validate schedules (current profile-based format)
if (importData.schedules !== undefined) {
if (!Array.isArray(importData.schedules)) {
result.errors.push('Schedules: Invalid format (expected array)');
result.isValid = false;
} else {
// Check for required fields in schedules
importData.schedules.forEach((day: any, index: number) => {
// Check for required fields in schedule profiles
importData.schedules.forEach((profile: any, index: number) => {
if (!profile.id || !profile.name || !Array.isArray(profile.days)) {
result.warnings.push(`Schedule ${index + 1}: Missing required fields (id, name, or days)`);
result.hasMissingFields = true;
}
// Validate days within schedule
profile.days?.forEach((day: any, dayIndex: number) => {
if (!day.id || !Array.isArray(day.doses)) {
result.warnings.push(`Schedule day ${index + 1}: Missing required fields`);
result.warnings.push(`Schedule ${index + 1}, day ${dayIndex + 1}: Missing required fields`);
result.hasMissingFields = true;
}
day.doses?.forEach((dose: any, doseIndex: number) => {
if (!dose.id || dose.time === undefined || dose.ldx === undefined) {
result.warnings.push(`Schedule day ${index + 1}, dose ${doseIndex + 1}: Missing required fields`);
result.warnings.push(`Schedule ${index + 1}, day ${dayIndex + 1}, dose ${doseIndex + 1}: Missing required fields`);
result.hasMissingFields = true;
}
});
});
});
}
}
// Validate profiles (legacy backward-compat: treat old 'profiles' key as schedules)
if (importData.profiles !== undefined) {
result.warnings.push('Using legacy "profiles" key - please re-export with current version');
if (!Array.isArray(importData.profiles)) {
result.errors.push('Profiles: Invalid format (expected array)');
result.isValid = false;
} else {
// Check for required fields in profiles
importData.profiles.forEach((profile: any, index: number) => {
if (!profile.id || !profile.name || !Array.isArray(profile.days)) {
result.warnings.push(`Profile ${index + 1}: Missing required fields (id, name, or days)`);
result.hasMissingFields = true;
}
// Validate days within profile
profile.days?.forEach((day: any, dayIndex: number) => {
if (!day.id || !Array.isArray(day.doses)) {
result.warnings.push(`Profile ${index + 1}, day ${dayIndex + 1}: Missing required fields`);
result.hasMissingFields = true;
}
day.doses?.forEach((dose: any, doseIndex: number) => {
if (!dose.id || dose.time === undefined || dose.ldx === undefined) {
result.warnings.push(`Profile ${index + 1}, day ${dayIndex + 1}, dose ${doseIndex + 1}: Missing required fields`);
result.hasMissingFields = true;
}
});
});
});
}
}
@@ -267,28 +330,121 @@ export const validateImportData = (data: any): ImportValidationResult => {
return result;
};
/**
* Resolve name conflicts by appending a numeric suffix
*/
const resolveProfileNameConflict = (name: string, existingNames: string[]): string => {
let finalName = name;
let suffix = 2;
const existingNamesLower = existingNames.map(n => n.toLowerCase());
while (existingNamesLower.includes(finalName.toLowerCase())) {
finalName = `${name} (${suffix})`;
suffix++;
}
return finalName;
};
/**
* Import validated data into app state
*/
export const importSettings = (
currentState: AppState,
importData: ExportData['data'],
options: ExportOptions
options: ExportOptions,
importOptions: ImportOptions = {}
): Partial<AppState> => {
const newState: Partial<AppState> = {};
if (options.includeSchedules && importData.schedules) {
newState.days = importData.schedules.map(day => ({
...day,
// Ensure all required fields exist
doses: day.doses.map(dose => ({
id: dose.id || `dose-${Date.now()}-${Math.random()}`,
time: dose.time || '12:00',
ldx: dose.ldx || '0',
damph: dose.damph,
isFed: dose.isFed, // Explicitly preserve food-timing flag
}))
if (options.includeSchedules) {
// Handle schedules (current profile-based format)
if (importData.schedules && importData.schedules.length > 0) {
const mergeMode = importOptions.mergeProfiles ?? false;
if (mergeMode) {
// Merge: add imported schedules to existing ones
const existingProfiles = currentState.profiles || [];
const existingNames = existingProfiles.map(p => p.name);
// Check if merge would exceed maximum schedules
if (existingProfiles.length + importData.schedules.length > MAX_PROFILES) {
throw new Error(`Cannot merge: Would exceed maximum of ${MAX_PROFILES} schedules. Please delete some schedules first.`);
}
// Process imported schedules
const now = new Date().toISOString();
const newProfiles = importData.schedules.map(profile => {
// Resolve name conflicts
const resolvedName = resolveProfileNameConflict(profile.name, existingNames);
existingNames.push(resolvedName); // Track for next iteration
return {
...profile,
id: `profile-import-${Date.now()}-${Math.random()}`, // New ID
name: resolvedName,
modifiedAt: now
};
});
newState.profiles = [...existingProfiles, ...newProfiles];
// Keep active profile unchanged
newState.activeProfileId = currentState.activeProfileId;
} else {
// Replace: overwrite all schedules
const now = new Date().toISOString();
newState.profiles = importData.schedules.map((profile, index) => ({
...profile,
id: `profile-import-${Date.now()}-${index}`, // Regenerate IDs
modifiedAt: now
}));
// Set first imported schedule as active
newState.activeProfileId = newState.profiles[0].id;
newState.days = newState.profiles[0].days;
}
}
// Handle legacy 'profiles' key (backward compatibility - renamed to schedules)
else if (importData.profiles && importData.profiles.length > 0) {
// Same logic as above but with legacy key
const mergeMode = importOptions.mergeProfiles ?? false;
if (mergeMode) {
const existingProfiles = currentState.profiles || [];
const existingNames = existingProfiles.map(p => p.name);
if (existingProfiles.length + importData.profiles.length > MAX_PROFILES) {
throw new Error(`Cannot merge: Would exceed maximum of ${MAX_PROFILES} schedules.`);
}
const now = new Date().toISOString();
const newProfiles = importData.profiles.map(profile => {
const resolvedName = resolveProfileNameConflict(profile.name, existingNames);
existingNames.push(resolvedName);
return {
...profile,
id: `profile-import-${Date.now()}-${Math.random()}`,
name: resolvedName,
modifiedAt: now
};
});
newState.profiles = [...existingProfiles, ...newProfiles];
newState.activeProfileId = currentState.activeProfileId;
} else {
const now = new Date().toISOString();
newState.profiles = importData.profiles.map((profile, index) => ({
...profile,
id: `profile-import-${Date.now()}-${index}`,
modifiedAt: now
}));
newState.activeProfileId = newState.profiles[0].id;
newState.days = newState.profiles[0].days;
}
}
}
if (options.includeDiagramSettings && importData.diagramSettings) {
@@ -375,18 +531,35 @@ export const deleteSelectedData = (
let shouldRemoveMainStorage = false;
if (options.includeSchedules) {
// Delete schedules - but always keep template day with at least one dose
// Never allow complete deletion as this breaks the app
// Delete all profiles and optionally restore examples
const defaults = getDefaultState();
newState.days = [
const now = new Date().toISOString();
if (options.restoreExamples) {
// Restore factory default example profiles
newState.profiles = defaults.profiles;
newState.activeProfileId = defaults.activeProfileId;
newState.days = defaults.days;
} else {
// Create a single blank profile
newState.profiles = [{
id: `profile-blank-${Date.now()}`,
name: 'Default',
days: [
{
id: 'day-template',
isTemplate: true,
doses: [
{ id: 'dose-default', time: '06:00', ldx: '70' }
{ id: 'dose-default', time: '08:00', ldx: '30' }
]
}
];
],
createdAt: now,
modifiedAt: now
}];
newState.activeProfileId = newState.profiles[0].id;
newState.days = newState.profiles[0].days;
}
shouldRemoveMainStorage = true;
}