Add Tools back

Author: ardatan

data/code.json

@@ -346,13 +346,6 @@
           "npm": "graphql-language-service",
           "github": "graphql/graphql-language-service"
         },
-        {
-          "name": "quicktype",
-          "description": "Generate types for GraphQL queries in TypeScript, Swift, golang, C#, C++, and more.",
-          "url": "https://quicktype.io/",
-          "npm": "quicktype",
-          "github": "quicktype/quicktype"
-        },
         {
           "name": "GraphQL-ESLint",
           "description": "GraphQL-ESLint integrates GraphQL AST in the ESLint core (as a parser).",
@@ -388,13 +381,6 @@
           "npm": "@graphql-mesh/cli",
           "github": "Urigo/graphql-mesh"
         },
-        {
-          "name": "GraphQL Code Generator",
-          "description": "GraphQL code generator with flexible support for custom plugins and templates like Typescript (frontend and backend), React Hooks, resolvers signatures and more.",
-          "url": "https://graphql-code-generator.com",
-          "npm": "@graphql-codegen/cli",
-          "github": "dotansimha/graphql-code-generator"
-        },
         {
           "name": "GraphQL CLI",
           "description": "A command line tool for common GraphQL development workflows.",
@@ -639,6 +625,22 @@
       ]
     }
   },
+  "Tools": [
+    {
+      "name": "quicktype",
+      "description": "Generate types for GraphQL queries in TypeScript, Swift, golang, C#, C++, and more.",
+      "url": "https://quicktype.io/",
+      "npm": "quicktype",
+      "github": "quicktype/quicktype"
+    },
+    {
+      "name": "GraphQL Code Generator",
+      "description": "GraphQL code generator with flexible support for custom plugins and templates like Typescript (frontend and backend), React Hooks, resolvers signatures and more.",
+      "url": "https://graphql-code-generator.com",
+      "npm": "@graphql-codegen/cli",
+      "github": "dotansimha/graphql-code-generator"
+    }
+  ],
   "Services": [
     {
       "name": "Apollo Graph Manager",

gatsby-node.js

@@ -21,6 +21,9 @@ exports.onCreatePage = async ({ page, actions }) => {
           })
         )
       })),
+      sortLibs(codeData.Tools).then(sortedTools => {
+        codeData.Tools = sortedTools;
+      }),
     ])
 
     context = {

src/components/Footer/index.tsx

@@ -27,7 +27,12 @@ const getLinks = (sourcePath: string): FooterLinks[] => [
   {
     text: "Code",
     href: "/code",
-    subsections: [],
+    subsections: [
+      { text: "Languages", href: "/code/#languages" },
+      { text: "Tools", href: "/code/#tools" },
+      { text: "Services", href: "/code/#services" },
+      { text: "More Stuff", href: "/code/#more-stuff" },
+    ],
   },
   {
     text: "Community",

src/pages/code.tsx

@@ -139,6 +139,11 @@ export default ({ pageContext }) => {
                     <h3>Languages</h3>
                   </a>
                 </div>
+                <div className="column">
+                  <a href="#services">
+                    <h3>Tools</h3>
+                  </a>
+                </div>
                 <div className="column">
                   <a href="#services">
                     <h3>Services</h3>
@@ -164,6 +169,12 @@ export default ({ pageContext }) => {
             {buildLanguagesContent(pageContext)}
             <Marked>
               {`
+## Tools
+${buildLibraryListMarkdown(pageContext.codeData.Tools)}
+`}
+            </Marked>
+            <Marked>
+              {`
 ## Services
 ${buildLibraryListMarkdown(pageContext.codeData.Services)}
 `}