import Foundation

enum RedditPostBoundaryStyle {
  static let injectionScript = """
    (function() {
      const STYLE_ID = 'reddora-post-boundary-style';
      if (document.getElementById(STYLE_ID)) return;

      const style = document.createElement('style');
      style.id = STYLE_ID;
      style.textContent = `
        shreddit-post:not([promoted]):not([data-promoted="true"]),
        article[data-testid="post-container"] {
          box-sizing: border-box !important;
          border: 1px solid rgba(255, 255, 255, 0.08) !important;
          border-radius: 12px !important;
          background-color: rgba(255, 255, 255, 0.02) !important;
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
          margin-block: 10px !important;
          overflow: clip !important;
        }

        shreddit-post:not([promoted]):not([data-promoted="true"])::part(post),
        shreddit-post:not([promoted]):not([data-promoted="true"]) [slot="post"] {
          border-radius: 12px !important;
        }
      `;

      (document.head || document.documentElement).appendChild(style);
    })();
    """
}