<commit_before>import * as React from "react"
import { oneLine } from "common-tags"
import cssNanoMacro from "../macros/cssnano.macro"
import terserMacro from "../macros/terser.macro"
import { RenderBodyArgs } from "gatsby"

const generateHtml = (
  str: string
): React.DOMAttributes<Element>["dangerouslySetInnerHTML"] => {
  return {
    __html: oneLine(str),
  }
}

export function onRenderBody({ setHeadComponents }: RenderBodyArgs): void {
  setHeadComponents([
    <style
      key="gatsby-image-style"
      dangerouslySetInnerHTML={generateHtml(cssNanoMacro`
  .gatsby-image-wrapper {
    position: relative;
    overflow: hidden;
  }
  .gatsby-image-wrapper img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
  }
  .gatsby-image-wrapper [data-main-image] {
    opacity: 0;
    transform: translateZ(0px);
    transition: opacity 250ms linear;
    will-change: opacity;
  }
  .gatsby-image-wrapper-constrained {
    display: inline-block;<commit_msg>fix(gatsby-plugin-image): GatsbyImage not displaying image in IE11 (#33416)<commit_after>import * as React from "react"
import { oneLine } from "common-tags"
import cssNanoMacro from "../macros/cssnano.macro"
import terserMacro from "../macros/terser.macro"
import { RenderBodyArgs } from "gatsby"

const generateHtml = (
  str: string
): React.DOMAttributes<Element>["dangerouslySetInnerHTML"] => {
  return {
    __html: oneLine(str),
  }
}

export function onRenderBody({ setHeadComponents }: RenderBodyArgs): void {
  setHeadComponents([
    <style
      key="gatsby-image-style"
      dangerouslySetInnerHTML={generateHtml(cssNanoMacro`
  .gatsby-image-wrapper {
    position: relative;
    overflow: hidden;
  }
  .gatsby-image-wrapper picture.object-fit-polyfill {
    position: static !important;
  }
  .gatsby-image-wrapper img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
  }
  .gatsby-image-wrapper [data-main-image] {
    opacity: 0;
    transform: translateZ(0px);
    transition: opacity 250ms linear;
    will-change: opacity;
  }
  .gatsby-image-wrapper-constrained {
    display: inline-block;
{'fraction_non_alphanumeric': 0.12515910055154858, 'fraction_numerical': 0.017394993635977938, 'mean_word_length': 3.3910614525139664, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3623760', 'n_tokens_mistral': 844, 'n_tokens_neox': 793, 'n_words': 177}