connecting nodes from different sources

[brandonmp]

I'm sure I'm missing this in the docs/google/issues search, but is there a way to connect nodes coming from different sources?

eg something like

type Note = {
  id: ID!,
  user: User
}
type User = {
  id: ID!,
  notes: [Note]
}

where User and Note come from separate JSONs via plugin-source-filesystem and plugin-transformer-json

I see createParentChildLink, but I'm not sure that's it nor where to use it if it is.

[KyleAMathews]

Use onCreateNode and createNodeField to create the links.

Links are made by adding fields to nodes like link___NODE: ID_OF_ANOTHER_NODE. Or in your case do notes___NODE: [ID1, ID2, ID3]. After adding the link delete the old notes key as when Gatsby creates the GraphQL schema, it'll turn notes___NODE into just notes.

[Necmttn]

@KyleAMathews you should add this one in docs. :)

[KyleAMathews]

Due to the high volume of issues, we're closing out older ones without recent activity. Please open a new issue if you need help!

[nextlevelshit]

Use onCreateNode and createNodeField to create the links.

Links are made by adding fields to nodes like link___NODE: ID_OF_ANOTHER_NODE. Or in your case do notes___NODE: [ID1, ID2, ID3]. After adding the link delete the old notes key as when Gatsby creates the GraphQL schema, it'll turn notes___NODE into just notes.

To be honest, this is not super clear for me. Could someone provide an example, please?

[harrysolovay]

@KyleAMathews –– I'm digging into Gatsby & really loving it.

Running into an interesting roadblock relating to this issue. Was hoping you could weigh in.

My sourceNodes builds the connection between post and author MarkdownRemark nodes.

createNodeField({
  node,
  name: "authors",
  value: authorNodes,
})

However, the avatar frontmatter field in the author node is reverted back to string form when referenced from within a post.

The following query...

{
  allMarkdownRemark(filter: {fields: {category: {eq: "posts"}}}) {
    edges {
      node {
        fields {
          authors {
            avatar
          }
        }
      }
    }
  }
}

Yields this data:

{
  "data": {
    "allMarkdownRemark": {
      "edges": [
        {
          "node": {
            "fields": {
              "authors": [
                {
                  "avatar": "./avatar.png"
                }
              ]
            }
          }
        },
        {
          "node": {
            "fields": {
              "authors": [
                {
                  "avatar": "./avatar.png"
                }
              ]
            }
          }
        }
      ]
    }
  }
}

(the relative file path... not the transformed gatsby-remark-copy-linked-file/gatsby-remark-images node)

Do you know of a way that I could preserve the transformations made by the plugins?

Any help would be greatly appreciated. THANK YOU!

[Brettm12345]

@KyleAMathews No idea you could link an array of IDs this is a game changer. Thank you so much