Site Blocker

- Site name (e.g., "facebook.com blocked")
- "to help you focus" subtitle
- Block Streak: {count} with fire emoji
- Close button
- "Open anyway" override button

// All these formats become "facebook.com":
- https://www.facebook.com/profile
- facebook.com
- www.facebook.com

// Removes:
- Protocol (https://)
- www prefix
- Paths and query parameters

// Block multiple sites at once
await bulkAddSites(['site1.com', 'site2.com', 'site3.com'], 'social-media');

// Unblock multiple sites
await bulkRemoveSites(['site1.com', 'site2.com']);

<CustomBlockedSites
  sites={sites}
  onToggleSite={toggleSite}
/>

// Toggling a site:
// - If blocked → unblocked
// - If unblocked → blocked
// - If doesn't exist → creates and blocks

<p className={style.streak}>
  <span className={style.streakEmoji}>🔥</span> Block Streak: {streak}
</p>

<button onClick={onOpenAnyway} className={style.openAnywayButton}>
  <span className={style.openAnywayText}>
    <span className={style.openAnywayIcon}>🔒</span>
    Open "{siteName}" anyway
  </span>
</button>

interface SiteBlocker {
  id: string;           // UUID
  userId: string;       // User ID for multi-user support
  url: string;          // Normalized domain
  category?: string;    // Optional category tag
  isBlocked: boolean;   // Current block status
  createdAt: number;    // Timestamp
  updatedAt: number;    // Timestamp
  deletedAt: null;      // Soft delete timestamp
}

if (currentState.sites.length > 0 && localSiteBlockers.length === 0) {
  console.log("Migrating site blockers from Chrome storage to IndexedDB");
  // Migrates all sites to new storage format
}

const MAX_SITE_BLOCKERS = 500;

const isExtension = typeof chrome !== "undefined" && chrome.storage !== undefined;