feat: Gatsby v4 (#218)

* feat: add support for Gatsby v4 (#206) * ci: change node version to 14 * fix: remove return null (#215) * fix: revert remove return null 215 This reverts commit 4939c84. * fix: allow nullable gatsbyImageData (#217) * chore: add additional fragments * fix: use newer dependencies * chore: use github actions v2 * fix: temp explicit rich text typenames * docs: update readme * fix: detect RichText automatically to create types * docs(README): add note on Bad Request * chore: cleanup demo Product fragment * docs: add note about gatsby v4 (#207) * feat: add support for Gatsby v4 (#206) * docs(README): update install instructions * fix: merge conflict * docs(README): contributing note * chore: fix contributors rc Co-authored-by: João Pedro Schmitz <oi@joaopedro.cc>
hygraph · Jan 11, 2022 · b568ee8 · b568ee8
1 parent f4a943e
commit b568ee8
Show file tree

Hide file tree

Showing 18 changed files with 4,041 additions and 6,138 deletions.
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -4,7 +4,7 @@
   ],
   "imageSize": 100,
   "commit": false,
-  "badgeTemplate": `<img src="https://img.shields.io/badge/all_contributors-1-purple.svg" alt="Contributors" />`,
+  "badgeTemplate": "<img src=\"https://img.shields.io/badge/all_contributors-1-purple.svg\" alt=\"Contributors\" />",
   "contributors": [
     {
       "login": "ynnoj",

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -10,11 +10,11 @@ jobs:
     runs-on: ubuntu-18.04
     steps:
       - name: Checkout
-        uses: actions/checkout@v1
+        uses: actions/checkout@v2
       - name: Setup Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 14
       - name: Install dependencies
         run: yarn
       - name: Build

diff --git a/demo/.nvmrc b/demo/.nvmrc
@@ -0,0 +1 @@
+14.15
diff --git a/demo/graphcms-fragments/Asset.graphql b/demo/graphcms-fragments/Asset.graphql
@@ -11,11 +11,40 @@ fragment Asset on Asset {
   width
   size
   mimeType
+  createdBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  updatedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  publishedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
   productImages {
     ... on Product {
       remoteTypeName: __typename
       remoteId: id
       locale
+      stage
+    }
+  }
+  scheduledIn {
+    ... on ScheduledOperation {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
     }
   }
   url

diff --git a/demo/graphcms-fragments/Category.graphql b/demo/graphcms-fragments/Category.graphql
@@ -6,11 +6,40 @@ fragment Category on Category {
   updatedAt(variation: COMBINED)
   publishedAt(variation: COMBINED)
   name
+  createdBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  updatedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  publishedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
   products {
     ... on Product {
       remoteTypeName: __typename
       remoteId: id
       locale
+      stage
+    }
+  }
+  scheduledIn {
+    ... on ScheduledOperation {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
     }
   }
 }
diff --git a/demo/graphcms-fragments/Product.graphql b/demo/graphcms-fragments/Product.graphql
@@ -8,26 +8,77 @@ fragment Product on Product {
   name
   slug
   description {
-    ... on RichText {
+    ... on ProductDescriptionRichText {
       raw
+      json
       html
       markdown
       text
+      references {
+        ... on Asset {
+          remoteTypeName: __typename
+          remoteId: id
+          locale
+          stage
+        }
+        ... on Category {
+          remoteTypeName: __typename
+          remoteId: id
+          locale
+          stage
+        }
+        ... on Product {
+          remoteTypeName: __typename
+          remoteId: id
+          locale
+          stage
+        }
+      }
     }
   }
   price
+  createdBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  updatedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  publishedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
   images {
     ... on Asset {
       remoteTypeName: __typename
       remoteId: id
       locale
+      stage
     }
   }
   categories {
     ... on Category {
       remoteTypeName: __typename
       remoteId: id
       locale
+      stage
+    }
+  }
+  scheduledIn {
+    ... on ScheduledOperation {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
     }
   }
 }
diff --git a/demo/graphcms-fragments/ScheduledOperation.graphql b/demo/graphcms-fragments/ScheduledOperation.graphql
@@ -0,0 +1,59 @@
+fragment ScheduledOperation on ScheduledOperation {
+  stage
+  remoteId: id
+  createdAt
+  updatedAt
+  publishedAt
+  description
+  errorMessage
+  rawPayload
+  createdBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  updatedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  publishedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  release {
+    ... on ScheduledRelease {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  status
+  affectedDocuments {
+    ... on Asset {
+      remoteTypeName: __typename
+      remoteId: id
+      locale
+      stage
+    }
+    ... on Category {
+      remoteTypeName: __typename
+      remoteId: id
+      locale
+      stage
+    }
+    ... on Product {
+      remoteTypeName: __typename
+      remoteId: id
+      locale
+      stage
+    }
+  }
+}
diff --git a/demo/graphcms-fragments/ScheduledRelease.graphql b/demo/graphcms-fragments/ScheduledRelease.graphql
@@ -0,0 +1,42 @@
+fragment ScheduledRelease on ScheduledRelease {
+  stage
+  remoteId: id
+  createdAt
+  updatedAt
+  publishedAt
+  title
+  description
+  errorMessage
+  isActive
+  isImplicit
+  releaseAt
+  createdBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  updatedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  publishedBy {
+    ... on User {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  operations {
+    ... on ScheduledOperation {
+      remoteTypeName: __typename
+      remoteId: id
+      stage
+    }
+  }
+  status
+}
diff --git a/demo/graphcms-fragments/User.graphql b/demo/graphcms-fragments/User.graphql
@@ -6,6 +6,6 @@ fragment User on User {
   publishedAt
   name
   picture
-  kind
   isActive
+  kind
 }
diff --git a/demo/package.json b/demo/package.json
@@ -6,23 +6,24 @@
     "build": "gatsby build",
     "clean": "gatsby clean",
     "preinstall": "cd ../gatsby-source-graphcms && yarn build",
-    "dev": "gatsby develop"
+    "dev": "gatsby develop",
+    "serve": "gatsby serve"
   },
   "dependencies": {
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",
-    "gatsby": "3.4.1",
-    "gatsby-plugin-image": "1.4.0",
-    "gatsby-plugin-mdx": "2.4.0",
-    "gatsby-plugin-postcss": "4.4.0",
-    "gatsby-plugin-sharp": "3.4.1",
+    "gatsby": "4.4.0",
+    "gatsby-plugin-image": "2.4.0",
+    "gatsby-plugin-mdx": "3.4.0",
+    "gatsby-plugin-postcss": "5.4.0",
+    "gatsby-plugin-sharp": "4.4.0",
     "gatsby-source-graphcms": "2.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "babel-preset-gatsby": "1.4.0",
-    "postcss-preset-env": "6.7.0",
-    "tailwindcss": "1.9.6"
+    "babel-preset-gatsby": "^2.4.0",
+    "postcss-preset-env": "7.2.0",
+    "tailwindcss": "3.0.12"
   }
 }
diff --git a/demo/postcss.config.js b/demo/postcss.config.js
@@ -1,3 +1,6 @@
 module.exports = {
-  plugins: [require('postcss-preset-env'), require('tailwindcss')],
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
 }
diff --git a/demo/tailwind.config.js b/demo/tailwind.config.js
@@ -1,5 +1,5 @@
 module.exports = {
-  purge: [
+  content: [
     './src/components/**/*.js',
     './src/pages/**/*.js',
     './src/templates/**/*.js',

diff --git a/gatsby-source-graphcms/.babelrc b/gatsby-source-graphcms/.babelrc
@@ -9,8 +9,6 @@
       }
     ]
   ],
-  "plugins": [
-    "@babel/plugin-transform-runtime"
-  ],
+  "plugins": ["@babel/plugin-transform-runtime"],
   "only": ["src/", "test/"]
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,6 +6,6 @@ fragment User on User { @@
       publishedAt
       name
       picture
-      kind
       isActive
+      kind
     }