{"version":3,"file":"component---src-templates-release-js-4eebf055909bab7e6d0d.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/common/FormattedTitle.js","webpack://gatsby-starter-default/./src/components/common/analytics.js","webpack://gatsby-starter-default/./src/components/common/seo.js","webpack://gatsby-starter-default/./src/hooks/use-site-metadata.js","webpack://gatsby-starter-default/./src/templates/release.js"],"sourcesContent":["import * as React from \"react\"\nimport styled from \"styled-components\"\n\nconst FormattedTitle = ({ children, forceUnderline = false }) => {\n  const formatted = children.replace(/\\*(.*?)\\*/g, '<span class=\"purple-underline\">$1</span>');\n  if (formatted.includes('purple-underline')) {\n    return (\n      <>\n        <StyledTitle dangerouslySetInnerHTML={{ __html: formatted }} />\n      </>\n    )\n  }\n\n  // Otherwise return full title with a purple underline.\n  if (forceUnderline) {\n    return (\n      <span className=\"purple-underline\">\n        <StyledTitle dangerouslySetInnerHTML={{ __html: formatted }} />\n      </span>\n    )\n  }\n\n  return (\n    <StyledTitle dangerouslySetInnerHTML={{ __html: formatted }} />\n  )\n}\n\nconst StyledTitle = styled.span``\n\nexport default FormattedTitle\n","import React from \"react\"\n\nexport const GA = ({ children }) => {\n  const gaTrackingId = process.env.GATSBY_GA_TRACKING_ID;\n  const legacyTrackingId = process.env.GATSBY_LEGACY_GA_TRACKING_ID;\n  console.debug('ga traking id => ', gaTrackingId);\n  console.debug('legacy ga traking id => ', legacyTrackingId);\n  return (\n    <>\n      {children}\n      <script async src={`https://www.googletagmanager.com/gtag/js?id=${gaTrackingId}`} />\n      <script\n        dangerouslySetInnerHTML={{\n          __html: `\n            window.dataLayer = window.dataLayer || [];\n            function gtag(){dataLayer.push(arguments);}\n            gtag('js', new Date());\n            gtag('config', '${legacyTrackingId}')\n            gtag('config', '${gaTrackingId}');\n          `,\n        }}\n      />\n    </>\n  )\n}\n","import React from \"react\"\nimport { useSiteMetadata } from \"../../hooks/use-site-metadata\"\nimport { removeAsterisks } from \"../../lib/helper\"\nimport { GA as GoogleAnalytics } from \"./analytics\"\n\nexport const SEO = ({ title, description, pathname, children, image }) => {\n  const {\n    title: defaultTitle,\n    description: defaultDescription,\n    image: defaultImage,\n    siteUrl,\n  } = useSiteMetadata()\n\n  const seo = {\n    title: removeAsterisks(title || defaultTitle),\n    description: description || defaultDescription,\n    image: image || defaultImage,\n    url: `${siteUrl}${pathname || ``}`,\n  }\n\n  console.debug({ siteUrl, defaultImage, seo })\n  return (\n    <>\n      <title>{seo.title}</title>\n      <meta name=\"description\" content={seo.description} />\n      <meta name=\"canonical\" content={seo.url} />\n      <meta name=\"image\" content={seo.image} />\n      <meta name=\"og:title\" content={seo.title} />\n      <meta name=\"og:description\" content={seo.description} />\n      <meta name=\"og:type\" content=\"website\" />\n      <meta name=\"og:site_name\" content=\"Slaight Music\" />\n      <meta name=\"og:image\" content={seo.image} />\n      <meta name=\"twitter:title\" content={seo.title} />\n      <meta name=\"twitter:url\" content={seo.url} />\n      <meta name=\"twitter:description\" content={seo.description} />\n      <meta name=\"twitter:image\" content={seo.image} />\n      <meta name=\"twitter:site\" content=\"@SlaightMusic\" />\n      <meta name=\"twitter:creator\" content=\"@SlaightMusic\" />\n      {children}\n      <GoogleAnalytics />\n    </>\n  )\n}\n","import { graphql, useStaticQuery } from \"gatsby\"\n\nexport const useSiteMetadata = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      site {\n        siteMetadata {\n          title\n          description\n          image\n          siteUrl\n        }\n      }\n    }\n  `)\n\n  return data.site.siteMetadata\n}\n","import * as React from \"react\"\nimport { Link } from \"gatsby\"\nimport Layout from \"../components/layout/layout\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport FormattedTitle from \"../components/common/FormattedTitle\"\nimport AnimationCircleWhite from \"../components/animation/animation-circle-white\"\nimport AnimationCirclePink from \"../components/animation/animation-circle-pink\"\nimport AnimationElement1 from \"../components/animation/animation-element-1\"\nimport AnimationElement2 from \"../components/animation/animation-element-2\"\nimport { buildPageDescription } from \"../lib/helper\"\nimport { SEO as SearchEngineOptimization } from \"../components/common/seo\"\n\nconst ReleasePage = props => {\n  const { pageContext } = props\n  const { title, embedCode, body, artist, thumbnail = {} } = pageContext\n  const releaseDate = pageContext?.releaseDate?.value || \"Unknown\"\n  const artistName = artist?.entity?.entityLabel || \"Unknown\"\n  const image = getImage(thumbnail)\n  return (\n    <Layout pageType=\"release\">\n      <div\n        className=\"p-4 px-2 px-md-5 position-relative\"\n        style={{ zIndex: \"2\" }}\n      >\n        <h1>\n          <FormattedTitle forceUnderline={false}>{title}</FormattedTitle>\n        </h1>\n        <h3>\n          <FormattedTitle forceUnderline={false}>{artistName}</FormattedTitle>\n        </h3>\n        <span>Released {releaseDate}</span>\n        <div className=\"row py-4 py-md-4 gy-4 gy-md-0\">\n          <div className=\"col col-12 col-md-6\">\n            {image && (\n              <div>\n                <GatsbyImage\n                  alt={title || \"\"}\n                  image={image}\n                  imgClassName=\"preview\"\n                  loading=\"eager\"\n                  className=\"rounded-4\"\n                />\n              </div>\n            )}\n            {body?.value && (\n              <div\n                dangerouslySetInnerHTML={{ __html: body?.value }}\n                className=\"node-body py-4 clearfix\"\n              />\n            )}\n          </div>\n          <div className=\"col col-12 col-md-6\">\n            <div\n              className=\"embed-animation\"\n              dangerouslySetInnerHTML={{ __html: embedCode }}\n            />\n          </div>\n        </div>\n      </div>\n      <p className=\"py-5\" style={{ position: \"relative\", zIndex: 1 }}>\n        <Link to=\"/releases\" className=\"read-more white\">\n          See all releases >>\n        </Link>\n      </p>\n      <AnimationCircleWhite\n        style={{ top: \"10%\" }}\n        className=\"animation animation-circle-white-1\"\n      />\n      <AnimationCirclePink\n        style={{ top: \"80%\" }}\n        className=\"animation animation-circle-pink-1\"\n      />\n      <AnimationElement1\n        className=\"animation\"\n        style={{\n          position: \"absolute\",\n          top: \"30%\",\n          left: \"-150px\",\n          width: \"60px\",\n        }}\n      />\n      <AnimationElement2\n        className=\"animation\"\n        style={{\n          top: \"50%\",\n          position: \"absolute\",\n          right: \"-150px\",\n          transform: \"scaleX(-1)\",\n          width: \"120px\",\n        }}\n      />\n    </Layout>\n  )\n}\n\nexport default ReleasePage\n\nexport const Head = ({ pageContext }) => {\n  const { title, body, entityUrl, imageUrl } = pageContext\n  const description = buildPageDescription(body?.value)\n  return (\n    <SearchEngineOptimization\n      title={title}\n      description={description}\n      pathname={entityUrl}\n      image={imageUrl}\n    />\n  )\n}\n"],"names":["StyledTitle","styled","children","forceUnderline","formatted","replace","includes","dangerouslySetInnerHTML","__html","className","GA","gaTrackingId","process","legacyTrackingId","console","debug","async","src","SEO","title","description","pathname","image","useStaticQuery","site","siteMetadata","defaultTitle","defaultDescription","defaultImage","siteUrl","seo","removeAsterisks","url","name","content","props","pageContext","embedCode","body","artist","thumbnail","releaseDate","value","artistName","entity","entityLabel","getImage","pageType","style","zIndex","G","alt","imgClassName","loading","position","Link","to","top","left","width","right","transform","Head","entityUrl","imageUrl","buildPageDescription"],"sourceRoot":""}