folder tree / images files

[marioamandio]

I'm new using Gatsby, I'd like to know if there's any way of query a folder tree and .png, .jpg files. And, if so, could you please provide some query examples?
Thank you in advance

[fabe]

Hey @marioamandio! After this plugin downloads a folder, it behaves just like other files and folders in your filesystem. You can then use gatsby-source-filesystem to query them. For example:

// In your gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `@fs/gatsby-plugin-drive`,
      options: {
        // ...
        destination: path.join(__dirname, 'src/data/'),
      }
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `gdrive`,
        path: `${__dirname}/src/data/`,
      },
    },
  ],
}

# In your queries

{
  allFile {
    edges {
      node {
        extension
        dir
        modifiedTime
      }
    }
  }
}

You can use GraphiQL (at http://localhost:8000/___graphql) to explore the queries and filtering options. Also take a look at the gatsby-source-filesystem documentation.

[marioamandio]

Hey again @fabe, thank you for your answer but didn't solve my problem, the configuration is in place and my google drive setup API is receiving the request and creates the folder that I can query but this folder is empty, is anything wrong with @fs/gatsby-plugin-drive configuration?

    {
      resolve: "@fs/gatsby-plugin-drive",
      options: {
        folderId: `DRIVE_FOLDER_ID`,
        keyFile: path.resolve(__dirname, "googleKey.json"),
        destination: path.join(__dirname, "src/data/"),
      },
    },

[fabe]

Did you manage to fix this @marioamandio? The config looks fine.

[seth1993]

Having similar issue as @marioamandio where gatsby develop says downloading content but folder is empty

[bouiboui]

@marioamandio @seth1993

Make sure you create a service account first and then share your drive folder with the e-mail address shown here: