chore: cleanup for Cloudflare migration (graphql#1593)

Author: YassinEldeeb

.github/workflows/CI.yml

@@ -11,19 +11,7 @@ jobs:
         with:
           node-version: "18.15.0"
 
-      - name: Install system dependencies
-        run: |
-          sudo apt update
-          sudo apt-get update
-          sudo apt-get install libatk-bridge2.0-0
-
       - run: yarn install
 
-      - name: Set Sched's API token env
-        run: echo "SCHED_ACCESS_TOKEN=${{ secrets.SCHED_ACCESS_TOKEN }}" >> .env.production
-
       # Verify it compiles
       - run: yarn build
-
-      # Doesn't pass ATM
-      # - run: yarn tsc --noEmit

gatsby-config.ts

@@ -14,10 +14,6 @@ const config: GatsbyConfig = {
     "gatsby-plugin-postcss",
     "gatsby-plugin-svgr",
     "gatsby-plugin-anchor-links",
-    // optional based on env
-    ...(!process.env.GATSBY_CLOUD && !process.env.GITHUB_ACTIONS
-      ? ["gatsby-plugin-dynamic-open-graph-images"]
-      : []),
     {
       resolve: "gatsby-source-filesystem",
       options: {
@@ -125,7 +121,7 @@ const config: GatsbyConfig = {
             output: "/blog/rss.xml",
             title: "Blog | GraphQL",
             feed_url: "http://graphql.org/blog/rss.xml",
-            site_url: "http://graphql.org",
+            site_url: "http://graphql.org/",
           },
         ],
       },

gatsby-node.ts

@@ -1,7 +1,6 @@
 import { ScheduleSession } from "./src/components/Conf/Schedule/session-list"
 import { SchedSpeaker } from "./src/components/Conf/Speakers/Speaker"
 import { GatsbyNode } from "gatsby"
-import { createOpenGraphImage } from "gatsby-plugin-dynamic-open-graph-images"
 import * as path from "path"
 import { glob } from "glob"
 import { updateCodeData } from "./scripts/update-code-data/update-code-data"
@@ -213,27 +212,27 @@ export const createPages: GatsbyNode["createPages"] = async ({
         },
       })
 
-      if (!process.env.GATSBY_CLOUD && !process.env.GITHUB_ACTIONS) {
-        try {
-          createOpenGraphImage(createPage, {
-            outputDir: "../static/img/__og-image",
-            component: path.resolve("./src/templates/EventOgImageTemplate.tsx"),
-            size: {
-              width: 1200,
-              height: 630,
-            },
-            waitCondition: "networkidle0",
-            context: {
-              id: event.id,
-              title: event.name,
-              event,
-              speakers: eventSpeakers,
-            },
-          })
-        } catch {
-          console.log("Error creating OG image for", event.name)
-        }
-      }
+      // if (!process.env.GATSBY_CLOUD && !process.env.GITHUB_ACTIONS) {
+      //   try {
+      //     createOpenGraphImage(createPage, {
+      //       outputDir: "../static/img/__og-image",
+      //       component: path.resolve("./src/templates/EventOgImageTemplate.tsx"),
+      //       size: {
+      //         width: 1200,
+      //         height: 630,
+      //       },
+      //       waitCondition: "networkidle0",
+      //       context: {
+      //         id: event.id,
+      //         title: event.name,
+      //         event,
+      //         speakers: eventSpeakers,
+      //       },
+      //     })
+      //   } catch {
+      //     console.log("Error creating OG image for", event.name)
+      //   }
+      // }
     })
 
     function withSpeakerInfo(session: ScheduleSession[]) {
@@ -268,28 +267,28 @@ export const createPages: GatsbyNode["createPages"] = async ({
         },
       })
 
-      if (!process.env.GATSBY_CLOUD && !process.env.GITHUB_ACTIONS) {
-        try {
-          createOpenGraphImage(createPage, {
-            outputDir: "../static/img/__og-image",
-            component: path.resolve(
-              "./src/templates/SpeakerOgImageTemplate.tsx"
-            ),
-            size: {
-              width: 1200,
-              height: 630,
-            },
-            waitCondition: "networkidle0",
-            context: {
-              id: speaker.username,
-              title: speaker.name,
-              speaker,
-            },
-          })
-        } catch {
-          console.log("Error creating OG image for speaker ", speaker.name)
-        }
-      }
+      // if (!process.env.GATSBY_CLOUD && !process.env.GITHUB_ACTIONS) {
+      //   try {
+      //     createOpenGraphImage(createPage, {
+      //       outputDir: "../static/img/__og-image",
+      //       component: path.resolve(
+      //         "./src/templates/SpeakerOgImageTemplate.tsx"
+      //       ),
+      //       size: {
+      //         width: 1200,
+      //         height: 630,
+      //       },
+      //       waitCondition: "networkidle0",
+      //       context: {
+      //         id: speaker.username,
+      //         title: speaker.name,
+      //         speaker,
+      //       },
+      //     })
+      //   } catch {
+      //     console.log("Error creating OG image for speaker ", speaker.name)
+      //   }
+      // }
     })
   } catch (error) {
     console.log("CATCH ME:", error)

package.json

@@ -1,5 +1,5 @@
 {
-  "repository": "graphql/graphql.github.io website.",
+  "repository": "graphql/graphql.github.io website",
   "private": true,
   "version": "0.0.0",
   "scripts": {
@@ -16,6 +16,7 @@
   "resolutions": {
     "graphql": "16.6.0"
   },
+  "packageManager": "yarn@1.22.19",
   "dependencies": {
     "react-medium-image-zoom": "5.1.8",
     "@graphql-tools/schema": "10.0.0",
@@ -33,7 +34,6 @@
     "date-fns": "^2.30.0",
     "gatsby": "5.10.0",
     "gatsby-plugin-anchor-links": "1.2.1",
-    "gatsby-plugin-dynamic-open-graph-images": "^1.1.4",
     "gatsby-plugin-feed": "5.10.0",
     "gatsby-plugin-google-analytics": "5.10.0",
     "gatsby-plugin-less": "7.10.0",

src/content/graphql-js/Tutorial-GraphQLClients.md

@@ -23,7 +23,7 @@ You should see the output returned as JSON:
 {"data":{"hello":"Hello world!"}}
 ```
 
-If you prefer to use a graphical user interface to send a test query, you can use clients such as [GraphiQL](https://github.com/graphql/graphiql) and [Insomnia](https://github.com/getinsomnia/insomnia).
+If you prefer to use a graphical user interface to send a test query, you can use clients such as [GraphiQL](https://github.com/graphql/graphiql), [Insomnia](https://github.com/getinsomnia/insomnia), and [Postman](https://www.postman.com/product/graphql-client/).
 
 It's also simple to send GraphQL from the browser. Open up http://localhost:4000/graphql, open a developer console, and paste in: