hyprcrd/public/js/modules/state.js

// ── Shared app state ──

import { esc } from './util.js';

export const state = {
    // Data
    cards: [],
    buckets: [],

    // Filters & view — activeBucket is persisted across reloads via
    // localStorage. Numeric ids are stringified; the special filters
    // ('all', 'current', 'favorites', 'journal', 'none') are stored
    // as-is. Validity is re-checked after buckets load — see
    // ensureActiveBucketValid() below.
    activeBucket: localStorage.getItem('hyprcrd-active-bucket') || 'all',
    activeTags: [],
    activeGroup: null,
    sortMode: localStorage.getItem('hyprcrd-sort') || 'manual',
    hideTermine: localStorage.getItem('hyprcrd-hide-termine') === '1',
    hideDone: localStorage.getItem('hyprcrd-hide-done') === '1',
    hideTagged: localStorage.getItem('hyprcrd-hide-tagged') === '1',
    superView: localStorage.getItem('hyprcrd-superview') === '1',

    // Board split preview
    boardSplitOpen: localStorage.getItem('hyprcrd-board-split') === '1',
    boardPreviewCardId: null,

    // Multi-select
    selectedIds: new Set(),
    // True when at least one bulk gesture (rubber-band) participated in
    // building the current selection. Used by the join/merge action to
    // pick the title strategy: false → first selected wins, true →
    // longest title wins (since "first" isn't meaningful for bulk).
    selectionWasBulk: false,
    // Card ids that have arrived since the user last entered the "all"
    // view. Drives the unread dot on the all bucket-tab and the brief
    // accent pulse on the cards themselves once the user looks at them.
    // Updated by board.js renderBoard() — see the diff there.
    unseenCardIds: new Set(),

    // Detail / editor
    editingId: null,
    viewingCard: null,
    zoom: parseFloat(localStorage.getItem('hyprcrd-detail-zoom') || '1') || 1,

    // Navigation context
    openedFromSearch: false,
    openedFromGallery: false,
    galleryOrigin: null,
    returnToGalleryAfterEdit: false,
    previewVisible: false,

    // Calendar
    calYear: new Date().getFullYear(),
    calMonth: new Date().getMonth(),

    // Sync
    bgSyncRunning: false,
};

export const SORT_MODES = ['manual', 'newest', 'oldest', 'alpha', 'tag'];
export const SORT_ICONS = { manual: 'ph-dots-six', newest: 'ph-sort-descending', oldest: 'ph-sort-ascending', alpha: 'ph-text-aa', tag: 'ph-hash' };

const SPECIAL_BUCKETS = new Set(['all', 'current', 'favorites', 'journal', 'none']);

/** Set state.activeBucket and persist it to localStorage so it survives
 *  page reloads. Use this instead of `state.activeBucket = …` everywhere
 *  except tests (tests reset directly to avoid touching localStorage). */
export function setActiveBucket(value) {
    state.activeBucket = value;
    if (value == null) localStorage.removeItem('hyprcrd-active-bucket');
    else localStorage.setItem('hyprcrd-active-bucket', String(value));
}

/** Called from loadBuckets after the fresh bucket list arrives. If the
 *  persisted activeBucket points to a bucket id that no longer exists
 *  (deleted from another tab, removed in import, etc.), fall back to
 *  'all'. Special filters are always valid. */
export function ensureActiveBucketValid() {
    const cur = state.activeBucket;
    if (!cur || SPECIAL_BUCKETS.has(cur)) return;
    const exists = state.buckets.some(b => String(b.id) === String(cur));
    if (!exists) setActiveBucket('all');
}

export const CARD_COLORS = [
    { name: 'sky', hex: '#38bdf8' }, { name: 'violet', hex: '#8b5cf6' },
    { name: 'rose', hex: '#fb7185' }, { name: 'amber', hex: '#fbbf24' },
    { name: 'green', hex: '#4ade80' }, { name: 'orange', hex: '#fb923c' },
    { name: 'cyan', hex: '#22d3ee' }, { name: 'pink', hex: '#f472b6' },
    { name: 'lime', hex: '#a3e635' }, { name: 'slate', hex: '#94a3b8' },
];

export function parseTags(card) {
    return (card.tags || '').split(',').filter(Boolean);
}

export function tagChipHtml(tag) {
    const parts = tag.split('/');
    const segs = parts.map((p, i) => {
        const path = parts.slice(0, i + 1).join('/');
        return `<span class="tag-seg" data-tag="${path}">${i === 0 ? '#' : ''}${esc(p)}</span>`;
    });
    return `<span class="tag-chip">${segs.join('<span class="tag-sep">/</span>')}</span>`;
}

function effectiveDate(c) {
    if (c.due_date) return c.due_date;
    const m = (c.title || '').match(/^(\d{4}-\d{2}-\d{2})/);
    if (m) return m[1];
    return (c.created_at || '').substring(0, 10);
}

export function sortedCards(cards) {
    const arr = [...cards];
    switch (state.sortMode) {
        case 'newest': return arr.sort((a, b) => effectiveDate(b).localeCompare(effectiveDate(a)));
        case 'oldest': return arr.sort((a, b) => effectiveDate(a).localeCompare(effectiveDate(b)));
        case 'alpha':  return arr.sort((a, b) => (a.title || '').localeCompare(b.title || ''));
        case 'tag':    return arr.sort((a, b) => {
            const at = (a.tags || '').split(',')[0] || '\uffff';
            const bt = (b.tags || '').split(',')[0] || '\uffff';
            return at.localeCompare(bt);
        });
        default:       return arr.sort((a, b) => (a.position || 0) - (b.position || 0));
    }
}

export function getChildren(parentId) {
    return state.cards.filter(c => c.parent_id == parentId);
}

export function getGroupCards(card) {
    if (card.parent_id) {
        const parent = state.cards.find(c => c.id == card.parent_id);
        if (parent) return [parent, ...getChildren(parent.id)];
    }
    const children = getChildren(card.id);
    if (children.length) return [card, ...children];
    return null;
}

// Recently opened
export function getRecent() {
    try { return JSON.parse(localStorage.getItem('hyprcrd-recent') || '[]'); } catch { return []; }
}
export function markRecent(id) {
    const r = getRecent().filter(i => i != id);
    r.unshift(String(id));
    localStorage.setItem('hyprcrd-recent', JSON.stringify(r.slice(0, 10)));
}

// Favorites
export function getFavorites() {
    try { return JSON.parse(localStorage.getItem('hyprcrd-favorites') || '[]'); } catch { return []; }
}
export function toggleFavorite(id) {
    const favs = getFavorites();
    const sid = String(id);
    const idx = favs.indexOf(sid);
    if (idx !== -1) favs.splice(idx, 1);
    else favs.push(sid);
    localStorage.setItem('hyprcrd-favorites', JSON.stringify(favs));
    return favs.includes(sid);
}
export function isFavorite(id) { return getFavorites().includes(String(id)); }