text: let activeEnv =
    process.env.GATSBY_ACTIVE_ENV || process.env.NODE_ENV || "development"
  
  console.log(`Using environment config: '${activeEnv}'`)
  
  require("dotenv").config({
    path: `.env.${activeEnv}`,
  })
  
  console.log(`This WordPress Endpoint is used: '${process.env.WORDPRESS_URL}'`)
  
  module.exports = {
    pathPrefix: `/gatsby-plant-collage-2`,
    siteMetadata: {
      title: `Plant Collage`,
      description: `4-dimensional living installation art & science projects`,
      author: `@gatsbyjs`,
    },
    plugins: [
      `gatsby-plugin-react-helmet`,
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `images`,
          path: `${__dirname}/src/images`,
        },
      },
      `gatsby-transformer-sharp`,
      `gatsby-plugin-sharp`,
      {
        resolve: `gatsby-plugin-manifest`,
        options: {
          name: `gatsby-starter-default`,
          short_name: `starter`,
          start_url: `/`,
          background_color: `#663399`,
          theme_color: `#663399`,
          display: `minimal-ui`,
          icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
        },
      },
      {
        resolve: "gatsby-source-graphql",
        options: {
          typeName: "WPGraphQL",
          fieldName: "wpgraphql",
          url: `${process.env.WORDPRESS_URL}/graphql`,
        },
      },
      {
        resolve: "gatsby-plugin-typography",
        options: {
          pathToConfigModule: "src/utils/typography.js"
        },
      },
      // this (optional) plugin enables Progressive Web App + Offline functionality
      // To learn more, visit: https://gatsby.dev/offline
      // `gatsby-plugin-offline`,
    ],
  }
  