WEB INTEGRATION & EMBED BUTTONS

function openCritHit(modpackId, action = 'modpack') {
  // action: 'modpack' (карточка сборки / установка) или 'play' (1-click запуск)
  const protocolUrl = `crithit://${action}/${modpackId}`;
  const downloadUrl = `https://crithitlauncher.com/en/download`;

  let hasBlurred = false;
  const onBlur = () => { hasBlurred = true; };
  window.addEventListener('blur', onBlur);
  document.addEventListener('visibilitychange', onBlur);

  // Вызываем кастомный протокол лаунчера
  window.location.href = protocolUrl;

  // Если окно браузера не потеряло фокус — лаунчер, вероятно, не установлен
  setTimeout(() => {
    window.removeEventListener('blur', onBlur);
    document.removeEventListener('visibilitychange', onBlur);
    if (!hasBlurred && !document.hidden) {
      window.location.href = downloadUrl;
    }
  }, 2500);
}

import React, { useCallback } from 'react';

interface CritHitButtonProps {
  modpackId: string;
  action?: 'modpack' | 'play' | 'store';
  className?: string;
  children?: React.ReactNode;
}

export const CritHitButton: React.FC<CritHitButtonProps> = ({
  modpackId,
  action = 'modpack',
  className = "crithit-play-btn",
  children,
}) => {
  const handleClick = useCallback(
    (e: React.MouseEvent<HTMLAnchorElement>) => {
      if (action === 'store') return; // Обычный переход в веб-магазин

      e.preventDefault();
      const protocolUrl = `crithit://${action}/${modpackId}`;
      const downloadUrl = `https://crithitlauncher.com/en/download`;

      let hasBlurred = false;
      const onBlur = () => { hasBlurred = true; };
      window.addEventListener('blur', onBlur);
      document.addEventListener('visibilitychange', onBlur);

      window.location.href = protocolUrl;

      setTimeout(() => {
        window.removeEventListener('blur', onBlur);
        document.removeEventListener('visibilitychange', onBlur);
        if (!hasBlurred && !document.hidden) {
          window.location.href = downloadUrl;
        }
      }, 2500);
    },
    [modpackId, action]
  );

  const href = action === 'store'
    ? `https://crithitlauncher.com/en/store/${modpackId}`
    : `crithit://${action}/${modpackId}`;

  const defaultText = action === 'store'
    ? 'BUY ON CRITHIT STORE'
    : action === 'play'
    ? 'PLAY VIA CRITHIT'
    : 'OPEN IN CRITHIT';

  return (
    <a
      href={href}
      onClick={handleClick}
      className={className}
      target={action === 'store' ? '_blank' : undefined}
      rel="noopener noreferrer"
    >
      <img src="https://crithitlauncher.com/apple-touch-icon.png" alt="CritHit Logo" className="crithit-btn-icon" />
      <span className="crithit-btn-text">
        {children || defaultText}
      </span>
    </a>
  );
};