text: require("dotenv").config({
    path: `.env.${process.env.NODE_ENV}`,
  })
  
  module.exports = {
    siteMetadata: {
      title: `Teaching HCI`,
      description: `The title says it all.`,
      menuItems: [
        {
          text: `Home`,
          path: `/`,
        },
        {
          text: `Products`,
          path: `/products`,
          partiallyActive: true,
        },
        {
          text: `Blog`,
          path: `/blog`,
          partiallyActive: true,
        },
        {
          text: `Style guide`,
          path: `/style-guide`,
        },
        {
          text: `Cart`,
          path: `/cart`,
          cart: true,
        },
      ],
      author: `MC`,
    },
    plugins: [
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `images`,
          path: `${__dirname}/src/assets`,
        },
      },
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `pages`,
          path: `${__dirname}/src/pages`,
        },
      },
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `content`,
          path: `${__dirname}/content`,
        },
      },
      `gatsby-transformer-sharp`,
      `gatsby-plugin-sharp`,
      `gatsby-plugin-emotion`,
      `gatsby-plugin-theme-ui`,
      {
        resolve: `gatsby-plugin-mdx`,
        options: {
          extensions: [`.mdx`, `.md`, `.markdown`],
          defaultLayouts: {
            default: require.resolve("./src/components/layout.js"),
          },
          gatsbyRemarkPlugins: [
            {
              resolve: `gatsby-remark-images`,
              options: {
                maxWidth: 600,
                linkImagesToOriginal: false,
              },
            },
            {
              resolve: `gatsby-remark-prismjs`,
              options: {
                // Class prefix for <pre> tags containing syntax highlighting;
                // defaults to 'language-' (eg <pre class="language-js">).
                // If your site loads Prism into the browser at runtime,
                // (eg for use with libraries like react-live),
                // you may use this to prevent Prism from re-processing syntax.
                // This is an uncommon use-case though;
                // If you're unsure, it's best to use the default value.
                classPrefix: `language-`,
                // This is used to allow setting a language for inline code
                // (i.e. single backticks) by creating a separator.
                // This separator is a string and will do no white-space
                // stripping.
                // A suggested value for English speakers is the non-ascii
                // character '›'.
                inlineCodeMarker: null,
                // This lets you set up language aliases.  For example,
                // setting this to '{ sh: "bash" }' will let you use
                // the language "sh" which will highlight using the
                // bash highlighter.
                aliases: {},
                // This toggles the display of line numbers globally alongside the code.
                // To use it, add the following line in gatsby-browser.js
                // right after importing the prism color scheme:
                //  require("prismjs/plugins/line-numbers/prism-line-numbers.css")
                // Defaults to false.
                // If you wish to only show line numbers on certain code blocks,
                // leave false and use the {numberLines: true} syntax below
                showLineNumbers: true,
                // If setting this to true, the parser won't handle and highlight inline
                // code used in markdown i.e. single backtick code like `this`.
                noInlineHighlight: false,
                // Customize the prompt used in shell output
                // Values below are default
                prompt: {
                  user: `root`,
                  host: `localhost`,
                  global: false,
                },
              },
            },
          ],
          plugins: [
            {
              resolve: `gatsby-remark-images`,
              options: {
                maxWidth: 600,
                linkImagesToOriginal: false,
              },
            },
          ],
        },
      },
      // // Client only routes
      // {
      //   resolve: `gatsby-plugin-create-client-paths`,
      //   options: { prefixes: [`/content-dynamic/*`] },
      // },
      {
        resolve: `gatsby-source-airtable`,
        options: {
          apiKey: process.env.AIRTABLE_API_KEY,
          tables: [
            {
              baseId: `appmjr4ydBp8PtdOu`,
              tableName: `Products`,
              tableView: `Validated products`,
              mapping: { image: `fileNode` },
            },
            {
              baseId: `appmjr4ydBp8PtdOu`,
              tableName: `Categories`,
            },
          ],
        },
      },
      {
        resolve: `gatsby-plugin-manifest`,
        options: {
          name: `Teaching HCI@FESB`,
          short_name: `HCI@FESB`,
          start_url: `/`,
          background_color: `#663399`,
          theme_color: `#663399`,
          display: `minimal-ui`,
          icon: `src/assets/hci-icon.png`, // This path is relative to the root of the site.
        },
      },
      // This (optional) plugin enables Progressive Web App + Offline functionality.
      // To learn more, visit: https://gatsby.dev/offline
      // `gatsby-plugin-offline`,
    ],
  }
  