homeLayout.js

// ── Home Page Layout Utilities ────────────────────────────────────────────────
// Shared between SettingsPage (editing) and HomePage (reading).

import { storage } from "./storage";

export const HOME_ROWS = [
  { id: "continue", label: "Continue Watching" },
  { id: "recommended", label: "Recommended for You" },
  { id: "trendingMovies", label: "Trending Movies" },
  { id: "trendingTV", label: "Trending Series" },
  { id: "topRated", label: "Top Rated" },
];

const DEFAULT_ROW_ORDER = HOME_ROWS.map((r) => r.id);
const DEFAULT_ROW_VISIBLE = Object.fromEntries(
  HOME_ROWS.map((r) => [r.id, true]),
);

export function loadHomeLayout() {
  let savedOrder = storage.get("homeRowOrder");
  let savedVisible = storage.get("homeRowVisible");

  // Migration: rename 'similar' to 'recommended'
  if (savedOrder && savedOrder.includes("similar")) {
    savedOrder = savedOrder.map((id) => (id === "similar" ? "recommended" : id));
    storage.set("homeRowOrder", savedOrder);
  }
  if (savedVisible && "similar" in savedVisible) {
    savedVisible.recommended = savedVisible.similar;
    delete savedVisible.similar;
    storage.set("homeRowVisible", savedVisible);
  }

  const knownIds = new Set(HOME_ROWS.map((r) => r.id));

  const order = savedOrder
    ? [
        ...savedOrder.filter((id) => knownIds.has(id)),
        ...DEFAULT_ROW_ORDER.filter((id) => !savedOrder.includes(id)),
      ]
    : DEFAULT_ROW_ORDER;

  const visible = savedVisible
    ? { ...DEFAULT_ROW_VISIBLE, ...savedVisible }
    : DEFAULT_ROW_VISIBLE;

  return { order, visible };
}

export function saveHomeLayout(order, visible) {
  storage.set("homeRowOrder", order);
  storage.set("homeRowVisible", visible);
}

/** "carousel" (default) | "list" */
export function loadHomeViewMode() {
  return storage.get("homeViewMode") || "carousel";
}

export function saveHomeViewMode(mode) {
  storage.set("homeViewMode", mode);
}

export function loadStartPage() {
  return storage.get("startPage") || "home";
}