community-landing/lib/community_landing/style_builder.rb

# frozen_string_literal: true

module CommunityLanding
  class StyleBuilder
    include Helpers

    def initialize(settings = SiteSetting)
      @s = settings
    end

    # CSS custom properties for accent colors, gradients, backgrounds
    def color_overrides
      accent       = hex(@s.accent_color) || "#d4a24e"
      accent_hover = hex(@s.accent_hover_color) || "#c4922e"
      dark_bg      = hex(@s.dark_bg_color) || "#06060f"
      light_bg     = hex(@s.light_bg_color) || "#faf6f0"
      stat_icon    = hex(@s.stat_icon_color) || accent
      about_bg_img = @s.about_background_image_url.presence
      app_g1       = hex(@s.app_cta_gradient_start) || accent
      app_g2       = hex(@s.app_cta_gradient_mid) || accent_hover
      app_g3       = hex(@s.app_cta_gradient_end) || accent_hover
      stat_icon_bg = hex(@s.stat_icon_bg_color.presence) rescue nil
      stat_counter = hex(@s.stat_counter_color.presence) rescue nil
      video_btn_bg = hex(@s.hero_video_button_color.presence) rescue nil

      # Hero card bg (hex + opacity → rgba)
      hero_card_dark  = hex(@s.hero_card_bg_dark.presence) rescue nil
      hero_card_light = hex(@s.hero_card_bg_light.presence) rescue nil
      hero_card_opacity = [[@s.hero_card_opacity.to_s.to_f, 0].max, 1].min rescue 0.85
      hero_card_opacity = 0.85 if hero_card_opacity == 0.0 && (@s.hero_card_opacity.to_s.strip.empty? rescue true)

      # Dark/light element colors
      navbar_signin_dark  = safe_hex(:navbar_signin_color_dark)
      navbar_signin_light = safe_hex(:navbar_signin_color_light)
      navbar_join_dark    = safe_hex(:navbar_join_color_dark)
      navbar_join_light   = safe_hex(:navbar_join_color_light)
      primary_btn_dark    = safe_hex(:hero_primary_btn_color_dark)
      primary_btn_light   = safe_hex(:hero_primary_btn_color_light)
      secondary_btn_dark  = safe_hex(:hero_secondary_btn_color_dark)
      secondary_btn_light = safe_hex(:hero_secondary_btn_color_light)
      pill_bg_dark        = safe_hex(:contributors_pill_bg_dark)
      pill_bg_light       = safe_hex(:contributors_pill_bg_light)
      stat_card_dark      = safe_hex(:stat_card_bg_dark)
      stat_card_light     = safe_hex(:stat_card_bg_light)
      about_card_dark     = safe_hex(:about_card_color_dark)
      about_card_light    = safe_hex(:about_card_color_light)
      topic_card_dark     = safe_hex(:topics_card_bg_dark)
      topic_card_light    = safe_hex(:topics_card_bg_light)
      space_card_dark     = safe_hex(:groups_card_bg_dark)
      space_card_light    = safe_hex(:groups_card_bg_light)

      accent_rgb    = hex_to_rgb(accent)
      stat_icon_rgb = hex_to_rgb(stat_icon)

      stat_icon_bg_val = stat_icon_bg || "rgba(#{stat_icon_rgb}, 0.1)"
      stat_counter_val = stat_counter || "var(--cl-text-strong)"

      # Hero card bg rgba
      hero_card_dark_rgb  = hero_card_dark ? hex_to_rgb(hero_card_dark) : "12, 12, 25"
      hero_card_light_rgb = hero_card_light ? hex_to_rgb(hero_card_light) : "255, 255, 255"
      hero_card_dark_val  = "rgba(#{hero_card_dark_rgb}, #{hero_card_opacity})"
      hero_card_light_val = "rgba(#{hero_card_light_rgb}, #{hero_card_opacity})"

      # About card with optional background image
      about_dark_val  = about_card_dark || "var(--cl-card)"
      about_light_val = about_card_light || "var(--cl-card)"
      about_dark_css  = about_bg_img ? "#{about_dark_val}, url('#{about_bg_img}') center/cover no-repeat" : about_dark_val
      about_light_css = about_bg_img ? "#{about_light_val}, url('#{about_bg_img}') center/cover no-repeat" : about_light_val

      # Build optional lines (only emitted when a custom color is set)
      dark_extras = +""
      dark_extras << "\n  --cl-navbar-signin-color: #{navbar_signin_dark};" if navbar_signin_dark
      dark_extras << "\n  --cl-navbar-join-bg: #{navbar_join_dark};" if navbar_join_dark
      dark_extras << "\n  --cl-primary-btn-bg: #{primary_btn_dark};" if primary_btn_dark
      dark_extras << "\n  --cl-secondary-btn-bg: #{secondary_btn_dark};" if secondary_btn_dark
      dark_extras << "\n  --cl-pill-bg: #{pill_bg_dark};" if pill_bg_dark
      dark_extras << "\n  --cl-video-btn-bg: #{video_btn_bg};" if video_btn_bg

      light_extras = +""
      light_extras << "\n  --cl-navbar-signin-color: #{navbar_signin_light || navbar_signin_dark};" if navbar_signin_light || navbar_signin_dark
      light_extras << "\n  --cl-navbar-join-bg: #{navbar_join_light || navbar_join_dark};" if navbar_join_light || navbar_join_dark
      light_extras << "\n  --cl-primary-btn-bg: #{primary_btn_light || primary_btn_dark};" if primary_btn_light || primary_btn_dark
      light_extras << "\n  --cl-secondary-btn-bg: #{secondary_btn_light || secondary_btn_dark};" if secondary_btn_light || secondary_btn_dark
      light_extras << "\n  --cl-pill-bg: #{pill_bg_light || pill_bg_dark};" if pill_bg_light || pill_bg_dark
      light_extras << "\n  --cl-video-btn-bg: #{video_btn_bg};" if video_btn_bg

      "<style>
:root, [data-theme=\"dark\"] {
  --cl-accent: #{accent};
  --cl-accent-hover: #{accent_hover};
  --cl-accent-glow: rgba(#{accent_rgb}, 0.35);
  --cl-accent-subtle: rgba(#{accent_rgb}, 0.08);
  --cl-bg: #{dark_bg};
  --cl-hero-bg: #{dark_bg};
  --cl-gradient-text: linear-gradient(135deg, #{accent_hover}, #{accent}, #{accent_hover});
  --cl-border-hover: rgba(#{accent_rgb}, 0.25);
  --cl-orb-1: rgba(#{accent_rgb}, 0.12);
  --cl-stat-icon-color: #{stat_icon};
  --cl-stat-icon-bg: #{stat_icon_bg_val};
  --cl-stat-counter-color: #{stat_counter_val};
  --cl-stat-card-bg: #{stat_card_dark || 'var(--cl-card)'};
  --cl-space-card-bg: #{space_card_dark || 'var(--cl-card)'};
  --cl-topic-card-bg: #{topic_card_dark || 'var(--cl-card)'};
  --cl-hero-card-bg: #{hero_card_dark_val};
  --cl-about-card-bg: #{about_dark_css};
  --cl-app-gradient: linear-gradient(135deg, #{app_g1}, #{app_g2}, #{app_g3});#{dark_extras}
}
[data-theme=\"light\"] {
  --cl-accent: #{accent};
  --cl-accent-hover: #{accent_hover};
  --cl-accent-glow: rgba(#{accent_rgb}, 0.2);
  --cl-accent-subtle: rgba(#{accent_rgb}, 0.06);
  --cl-bg: #{light_bg};
  --cl-hero-bg: #{light_bg};
  --cl-gradient-text: linear-gradient(135deg, #{accent}, #{accent_hover}, #{accent});
  --cl-border-hover: rgba(#{accent_rgb}, 0.3);
  --cl-orb-1: rgba(#{accent_rgb}, 0.08);
  --cl-stat-icon-color: #{stat_icon};
  --cl-stat-icon-bg: #{stat_icon_bg_val};
  --cl-stat-counter-color: #{stat_counter_val};
  --cl-stat-card-bg: #{stat_card_light || stat_card_dark || 'var(--cl-card)'};
  --cl-space-card-bg: #{space_card_light || space_card_dark || 'var(--cl-card)'};
  --cl-topic-card-bg: #{topic_card_light || topic_card_dark || 'var(--cl-card)'};
  --cl-hero-card-bg: #{hero_card_light_val};
  --cl-about-card-bg: #{about_light_css};
  --cl-app-gradient: linear-gradient(135deg, #{app_g1}, #{app_g2}, #{app_g3});#{light_extras}
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme=\"dark\"]) {
    --cl-accent: #{accent};
    --cl-accent-hover: #{accent_hover};
    --cl-accent-glow: rgba(#{accent_rgb}, 0.2);
    --cl-accent-subtle: rgba(#{accent_rgb}, 0.06);
    --cl-bg: #{light_bg};
    --cl-hero-bg: #{light_bg};
    --cl-gradient-text: linear-gradient(135deg, #{accent}, #{accent_hover}, #{accent});
    --cl-border-hover: rgba(#{accent_rgb}, 0.3);
    --cl-orb-1: rgba(#{accent_rgb}, 0.08);
    --cl-stat-icon-color: #{stat_icon};
    --cl-stat-card-bg: #{stat_card_light || stat_card_dark || 'var(--cl-card)'};
    --cl-space-card-bg: #{space_card_light || space_card_dark || 'var(--cl-card)'};
    --cl-topic-card-bg: #{topic_card_light || topic_card_dark || 'var(--cl-card)'};
    --cl-about-card-bg: #{about_light_css};
    --cl-app-gradient: linear-gradient(135deg, #{app_g1}, #{app_g2}, #{app_g3});#{light_extras}
  }
}
</style>\n"
    end

    # Per-section dark/light background overrides
    def section_backgrounds
      css = +""
      sections = [
        ["#cl-hero",         safe_hex(:hero_bg_dark),         safe_hex(:hero_bg_light)],
        ["#cl-stats-row",    safe_hex(:stats_bg_dark),        safe_hex(:stats_bg_light)],
        ["#cl-about",        safe_hex(:about_bg_dark),        safe_hex(:about_bg_light)],
        ["#cl-topics",       safe_hex(:topics_bg_dark),       safe_hex(:topics_bg_light)],
        ["#cl-groups",       safe_hex(:groups_bg_dark),       safe_hex(:groups_bg_light)],
        ["#cl-app-cta",      safe_hex(:app_cta_bg_dark),      safe_hex(:app_cta_bg_light)],
        ["#cl-footer",       safe_hex(:footer_bg_dark),       safe_hex(:footer_bg_light)],
      ]

      sections.each do |sel, dark_bg, light_bg|
        next unless dark_bg || light_bg
        if dark_bg
          css << ":root #{sel}, [data-theme=\"dark\"] #{sel} { background: #{dark_bg}; }\n"
        end
        if light_bg
          css << "[data-theme=\"light\"] #{sel} { background: #{light_bg}; }\n"
          css << "@media (prefers-color-scheme: light) { :root:not([data-theme=\"dark\"]) #{sel} { background: #{light_bg}; } }\n"
        end
      end

      css.present? ? "<style>\n#{css}</style>\n" : ""
    end

    private

    # Safe accessor — returns nil if the setting doesn't exist
    def safe_hex(setting_name)
      hex(@s.public_send(setting_name))
    rescue
      nil
    end
  end
end