adding schema and querying for logoSVGContent in prep for icon update (#366)

Co-authored-by: ganchimeg <[email protected]>

Author: gganch

gatsby-config.js

@@ -1,5 +1,4 @@
 const docsConfig = require("./docs-config.js")
-
 const isProduction = process.env.NODE_ENV === "production"
 
 const getProduct = (name) => {
@@ -52,14 +51,16 @@ const products = [
   "workers",
 ]
 
+// TODO: Delete later
 const productIcons = {}
 products.forEach(name => {
   productIcons[name] = require(getProduct(name)).pathD
 })
 
-// This is to support some cases when the pathD is directly added in the docs-config manually in the product instead of getting the icon from the cloudflare-brand-assets repo
+
+// TODO: Delete later on, This is to support some cases when the pathD is directly added in the docs-config manually in the product instead of getting the icon from the cloudflare-brand-assets repo
 if (docsConfig.productIconKey && !docsConfig.productLogoPathD) {
-  docsConfig.productLogoPathD = productIcons[docsConfig.productIconKey]
+  docsConfig.productLogoPathD = productIcons.productIconKey ? productIcons[docsConfig.productIconKey] : ''
 }
 
 const siteMetadata = docsConfig.siteMetadata
@@ -69,6 +70,7 @@ Object.keys(docsConfig).forEach(prop => {
   siteMetadata.cloudflareDocs[prop] = docsConfig[prop]
 })
 
+// TODO: Delete later on
 siteMetadata.cloudflareDocs.productIcons = productIcons
 
 // We exposed friendlier siteMetadata.url to Docs consumers but

gatsby-node.js

@@ -1,20 +1,17 @@
 // See: https://www.gatsbyjs.org/docs/node-apis/
 
 // https://www.gatsbyjs.org/docs/add-custom-webpack-config/
-exports.onCreateWebpackConfig = ({
-  getConfig,
-  actions,
-  plugins,
-}) => {
+exports.onCreateWebpackConfig = ({ getConfig, actions, plugins }) => {
   const config = getConfig()
 
   // Hides "[HMR] ..." logs in devtools
   if (config.entry.commons) {
-    config.entry.commons = config.entry.commons.map(path => (
+    config.entry.commons = config.entry.commons.map(path =>
       // Add query param to entry added by Gatsby CLI https://git.io/JvAC5
-      path.indexOf('/webpack-hot-middleware/client.js?') > -1 ?
-        path + '&quiet=true' : path
-    ))
+      path.indexOf("/webpack-hot-middleware/client.js?") > -1
+        ? path + "&quiet=true"
+        : path
+    )
   }
 
   actions.replaceWebpackConfig(config)
@@ -24,13 +21,12 @@ exports.onCreateWebpackConfig = ({
       // Hides React Devtools advertisement in devtools
       // https://tinyurl.com/hide-react-devtools-advert
       plugins.define({
-        __REACT_DEVTOOLS_GLOBAL_HOOK__: "({ isDisabled: true })"
-      })
-    ]
+        __REACT_DEVTOOLS_GLOBAL_HOOK__: "({ isDisabled: true })",
+      }),
+    ],
   })
 }
 
-
 const { createFilePath } = require("gatsby-source-filesystem")
 
 exports.onCreateNode = ({ node, actions, getNode }) => {
@@ -42,12 +38,11 @@ exports.onCreateNode = ({ node, actions, getNode }) => {
     createNodeField({
       name: "slug",
       node,
-      value
+      value,
     })
   }
 }
 
-
 const path = require("path")
 
 exports.createPages = async ({ graphql, actions, reporter }) => {
@@ -97,7 +92,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
     createPage({
       path: node.fields.slug,
       component: path.resolve("./src/components/mdx-custom-renderer.js"),
-      context: node
+      context: node,
     })
   })
 }
@@ -131,6 +126,43 @@ exports.createSchemaCustomization = ({ actions }) => {
 
     type Site {
       pathPrefix: String
+      siteMetadata: SiteMetadata
+    }
+
+    type CloudflareDocs {
+      pathPrefix: String
+      product: String
+      productIconKey: String
+      productLogoPathD: String
+      logoSVGContent: String
+      contentRepo: String
+      contentRepoFolder: String
+      search: AlgoliaSearch
+      externalLinks: [ExternalLinksType]
+    }
+    
+    type ExternalLinksType {
+      title: String
+      url: String
+    }
+
+    type AlgoliaOptions {
+      facetFilters: String
+    }
+    
+    type AlgoliaSearch {
+      indexName: String
+      apiKey: String
+      algoliaOptions: AlgoliaOptions
+    }
+
+    type SiteMetadata {
+      cloudflareDocs: CloudflareDocs
+      title: String
+      description: String
+      author: String
+      url: String
+      image: String
     }
   `
 

src/utils/get-cloudflare-docs-config.js

@@ -18,8 +18,9 @@ export default () => {
             cloudflareDocs {
               pathPrefix
               product
+              productIconKey
               productLogoPathD
-              # logoSVGContent
+              logoSVGContent
               contentRepo
               contentRepoFolder
               externalLinks {