/* TarixiTimeline — Universe Manager CRUD operations for universes with localStorage persistence */ const { useState, useCallback } = React; // Storage key for custom universes const STORAGE_KEY = 'tarixi-timeline-universes'; // ============================================================ // LocalStorage Persistence Functions // ============================================================ /** * Load custom universes from localStorage * @returns {Array} Array of custom universe objects */ function loadCustomUniverse() { try { const stored = localStorage.getItem(STORAGE_KEY); if (!stored) return []; const parsed = JSON.parse(stored); return Array.isArray(parsed) ? parsed : []; } catch (err) { console.error('[UniverseManager] Failed to load custom universes:', err); return []; } } /** * Save custom universes to localStorage * @param {Array} customUniverse - Array of custom universe objects */ function saveCustomUniverse(customUniverse) { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(customUniverse)); console.log('[UniverseManager] Saved custom universes:', customUniverse.length); } catch (err) { console.error('[UniverseManager] Failed to save custom universes:', err); } } /** * Get all universes (default + custom) * @returns {Array} Combined array of all universes */ function getAllUniverse() { const custom = loadCustomUniverse(); const all = [window.DEFAULT_UNIVERSE, ...custom]; return all; } /** * Create a new custom universe * @param {Object} universe - Universe object with id, name, description, color, icon * @returns {Object} Created universe with generated id */ function createUniverse(universe) { const custom = loadCustomUniverse(); const newUniverse = { ...universe, id: 'custom-' + Date.now(), createdAt: new Date().toISOString(), }; custom.push(newUniverse); saveCustomUniverse(custom); // Update UNIVERSE_MAP window.UNIVERSE_MAP[newUniverse.id] = newUniverse; window.UNIVERSE_META = getAllUniverse(); console.log('[UniverseManager] Created universe:', newUniverse); return newUniverse; } /** * Update an existing custom universe * @param {string} universeId - ID of universe to update * @param {Object} updates - Object with properties to update * @returns {Object|null} Updated universe or null if not found/protected */ function updateUniverse(universeId, updates) { // Cannot update default universe if (universeId === window.DEFAULT_UNIVERSE.id) { console.warn('[UniverseManager] Cannot update default universe'); return null; } const custom = loadCustomUniverse(); const index = custom.findIndex(u => u.id === universeId); if (index === -1) { console.warn('[UniverseManager] Universe not found:', universeId); return null; } const updated = { ...custom[index], ...updates, updatedAt: new Date().toISOString() }; custom[index] = updated; saveCustomUniverse(custom); // Update UNIVERSE_MAP window.UNIVERSE_MAP[universeId] = updated; window.UNIVERSE_META = getAllUniverse(); console.log('[UniverseManager] Updated universe:', updated); return updated; } /** * Delete a custom universe and all its items * @param {string} universeId - ID of universe to delete * @param {Array} allItems - All items in the application * @returns {Object} Result with success status and deleted items count */ function deleteUniverse(universeId, allItems) { // Cannot delete default universe if (universeId === window.DEFAULT_UNIVERSE.id) { console.warn('[UniverseManager] Cannot delete default universe'); return { success: false, error: 'Cannot delete default universe' }; } const custom = loadCustomUniverse(); const index = custom.findIndex(u => u.id === universeId); if (index === -1) { console.warn('[UniverseManager] Universe not found:', universeId); return { success: false, error: 'Universe not found' }; } // Count items that will be deleted const itemsToDelete = allItems.filter(item => item.universe === universeId).length; // Remove universe const deleted = custom.splice(index, 1)[0]; saveCustomUniverse(custom); // Remove from UNIVERSE_MAP delete window.UNIVERSE_MAP[universeId]; window.UNIVERSE_META = getAllUniverse(); console.log('[UniverseManager] Deleted universe:', deleted, 'Items:', itemsToDelete); return { success: true, deletedUniverse: deleted, itemsCount: itemsToDelete }; } /** * Move items from one universe to another * @param {Array} itemIds - IDs of items to move * @param {string} targetUniverseId - Target universe ID * @param {Array} allItems - All items in the application * @returns {Array} Updated items array */ function moveItemsToUniverse(itemIds, targetUniverseId, allItems) { const updated = allItems.map(item => { if (itemIds.includes(item.id)) { return { ...item, universe: targetUniverseId }; } return item; }); console.log('[UniverseManager] Moved items to universe:', targetUniverseId, 'Count:', itemIds.length); return updated; } /** * Get universe statistics * @param {Array} items - Items in the universe * @returns {Object} Statistics object */ function getUniverseStats(items) { const stats = { total: items.length, byKind: { event: 0, subject: 0, era: 0, }, bySubkind: {}, byDomain: {}, byPlace: {}, }; items.forEach(item => { // Count by kind if (stats.byKind[item.kind] !== undefined) { stats.byKind[item.kind]++; } // Count by subkind if (item.kind === 'subject') { const sk = item.subkind || 'person'; stats.bySubkind[sk] = (stats.bySubkind[sk] || 0) + 1; } // Count by tags item.tags.forEach(tagId => { const tag = window.TAG_MAP[tagId]; if (!tag) return; if (tag.facet === 'domain') { stats.byDomain[tagId] = (stats.byDomain[tagId] || 0) + 1; } else if (tag.facet === 'place') { stats.byPlace[tagId] = (stats.byPlace[tagId] || 0) + 1; } }); }); return stats; } // ============================================================ // Emoji Picker Data // ============================================================ const EMOJI_OPTIONS = { 'default': ['🌍', '🌎', '🌏'], 'fiction': ['📚', '🎬', '🎮', '🎭', '📖'], 'alt-history': ['🌀', '⏳', '🔮', '🕰️', '✨'], 'science': ['🔬', '🧪', '🔭', '🚀', '🌌'], 'nature': ['🌿', '🌲', '🌸', '🍃', '🌺'], 'animals': ['🦁', '🐺', '🦅', '🐉', '🦄'], 'people': ['👤', '👥', '👨‍👩‍👧‍👦', '🎭', '🎪'], 'places': ['🏛️', '🏰', '🗼', '🏝️', '🏔️'], 'events': ['⚔️', '🎉', '💥', '🔥', '⭐'], 'custom': ['💫', '🌟', '✨', '💎', '🎨', '🎯', '🎪', '🎢'], }; const COLOR_OPTIONS = [ '#3b82f6', '#8b5cf6', '#ec4899', '#ef4444', '#f97316', '#eab308', '#22c55e', '#14b8a6', '#06b6d4', '#6366f1', '#a855f7', '#d946ef', ]; // ============================================================ // Create/Edit Universe Modal // ============================================================ function Portal({ children }) { return ReactDOM.createPortal(children, document.body); } function UniverseEditModal({ universe, onSave, onClose, isEdit = false }) { const [name, setName] = useState(universe?.name || ''); const [description, setDescription] = useState(universe?.description || ''); const [icon, setIcon] = useState(universe?.icon || '🌍'); const [color, setColor] = useState(universe?.color || '#3b82f6'); const [selectedCategory, setSelectedCategory] = useState('default'); const [showEmojiPicker, setShowEmojiPicker] = useState(false); const handleSave = () => { if (!name.trim()) return; onSave({ id: universe?.id, name: name.trim(), description: description.trim(), icon, color, }); }; const handleKeyDown = (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSave(); } else if (e.key === 'Escape') { onClose(); } }; const allEmojis = [...EMOJI_OPTIONS[selectedCategory], ...EMOJI_OPTIONS.custom]; return (
e.stopPropagation()}>
{isEdit ? 'Редактировать коллекцию' : 'Создать коллекцию'}
{/* Preview */}
{icon}
{name || 'Название вселенной'}
{description || 'Описание'}
{/* Name */}
setName(e.target.value)} placeholder="Например: Моя вселенная" autoFocus />
{/* Description */}