Use frontmatter instead of JSON file

Author: ardatan

data/code.json

@@ -1,6 +1,9 @@
 const path = require("path")
-const { readFileSync } = require("fs")
 const sortLibs = require("./scripts/sort-libraries")
+const globby = require('globby');
+const frontmatterParser = require('parser-front-matter');
+const { readFile } = require("fs-extra");
+const { promisify } = require('util');
 
 exports.onCreatePage = async ({ page, actions }) => {
   const { createPage, deletePage } = actions
@@ -10,27 +13,83 @@ exports.onCreatePage = async ({ page, actions }) => {
     sourcePath: path.relative(__dirname, page.componentPath),
   }
   if (page.path === "/code" || page.path === "/code/") {
-    const codeData = JSON.parse(readFileSync("./data/code.json", "utf8"));
-    const languageList = [];
-    let sortedTools = [];
+    const markdownFilePaths = await globby('src/content/code/**/*.md');
+    const codeData = {}
+    const slugMap = require('./src/content/code/slug-map.json');
+    const parse$ = promisify(frontmatterParser.parse);
+    await Promise.all(markdownFilePaths.map(async markdownFilePath => {
+
+      const markdownFileContent = await readFile(markdownFilePath, "utf-8")
+      let {
+        data: { name, description, url, github, npm, gem },
+        content: howto,
+      } = await parse$(markdownFileContent, undefined)
+      howto = howto.trim();
+      const pathArr = markdownFilePath.split("/")
+      if (markdownFilePath.includes("language-support")) {
+        const languageSupportDirIndex = pathArr.indexOf("language-support")
+        const languageNameSlugIndex = languageSupportDirIndex + 1
+        const languageNameSlug = pathArr[languageNameSlugIndex]
+        const languageName = slugMap[languageNameSlug]
+        codeData.Languages = codeData.Languages || {}
+        codeData.Languages[languageName] =
+          codeData.Languages[languageName] || {}
+
+        const categoryNameSlugIndex = languageSupportDirIndex + 2
+        const categoryNameSlug = pathArr[categoryNameSlugIndex]
+        const categoryName = slugMap[categoryNameSlug]
+        codeData.Languages[languageName][categoryName] =
+          codeData.Languages[languageName][categoryName] || []
+        codeData.Languages[languageName][categoryName].push({
+          name,
+          description,
+          howto,
+          url,
+          github,
+          npm,
+          gem,
+          sourcePath: markdownFilePath,
+        })
+      } else {
+        const codeDirIndex = pathArr.indexOf("code")
+        const categoryNameSlugIndex = codeDirIndex + 1
+        const categoryNameSlug = pathArr[categoryNameSlugIndex]
+        const categoryName = slugMap[categoryNameSlug]
+        codeData[categoryName] = codeData[categoryName] || []
+        codeData[categoryName].push({
+          name,
+          description,
+          howto,
+          url,
+          github,
+          npm,
+          gem,
+          sourcePath: markdownFilePath,
+        })
+      }
+    }))
+    const languageList = []
+    let sortedTools = []
     await Promise.all([
-      Promise.all(Object.keys(codeData.Libraries).map(async languageName => {
-        const libraryCategoryMap = codeData.Libraries[languageName];
-        let languageTotalStars = 0;
-        await Promise.all(
-          Object.keys(libraryCategoryMap).map(async libraryCategoryName => {
-            const libraries = libraryCategoryMap[libraryCategoryName]
-            const { sortedLibs, totalStars } = await sortLibs(libraries)
-            libraryCategoryMap[libraryCategoryName] = sortedLibs;
-            languageTotalStars += totalStars || 0
+      Promise.all(
+        Object.keys(codeData.Languages).map(async languageName => {
+          const libraryCategoryMap = codeData.Languages[languageName]
+          let languageTotalStars = 0
+          await Promise.all(
+            Object.keys(libraryCategoryMap).map(async libraryCategoryName => {
+              const libraries = libraryCategoryMap[libraryCategoryName]
+              const { sortedLibs, totalStars } = await sortLibs(libraries)
+              libraryCategoryMap[libraryCategoryName] = sortedLibs
+              languageTotalStars += totalStars || 0
+            })
+          )
+          languageList.push({
+            name: languageName,
+            totalStars: languageTotalStars,
+            categoryMap: libraryCategoryMap,
           })
-        )
-        languageList.push({
-          name: languageName,
-          totalStars: languageTotalStars,
-          categoryMap: libraryCategoryMap,
         })
-      })),
+      ),
       sortLibs(codeData.Tools).then(({ sortedLibs }) => {
         sortedTools = sortedLibs
       }),
@@ -41,7 +100,7 @@ exports.onCreatePage = async ({ page, actions }) => {
       otherLibraries: {
         Services: codeData.Services,
         Tools: sortedTools,
-        'More Stuff': codeData['More Stuff']
+        "More Stuff": codeData["More Stuff"],
       },
       languageList: languageList.sort((a, b) => {
         if (a.totalStars > b.totalStars) {
@@ -111,7 +170,10 @@ exports.createPages = async ({ graphql, actions }) => {
         parent: { relativeDirectory, sourceInstanceName },
       } = node
 
-      if (sourceInstanceName !== "content") {
+      if (
+        sourceInstanceName !== "content" ||
+        relativeDirectory.includes("code")
+      ) {
         return
       }
 
@@ -223,7 +285,7 @@ exports.createPages = async ({ graphql, actions }) => {
         categoriesMap[currentCategory.name] = currentCategory
       }
 
-      sideBardata[folder] = Object.values(categoriesMap);
+      sideBardata[folder] = Object.values(categoriesMap)
     })
   )
 

gatsby-node.js

@@ -24,9 +24,11 @@
     "gatsby-plugin-webfonts": "1.1.3",
     "gatsby-source-filesystem": "2.4.0",
     "gatsby-transformer-remark": "2.9.0",
+    "globby": "11.0.1",
     "graphql": "15.4.0",
     "marked": "1.2.2",
     "numbro": "2.3.2",
+    "parser-front-matter": "1.6.4",
     "prism-react-renderer": "1.1.1",
     "prismjs": "1.22.0",
     "react": "17.0.1",

package.json

@@ -0,0 +1,8 @@
+---
+name: libgraphqlparser
+description: A GraphQL query language parser in C++ with C and C++ APIs.
+url: https://github.com/graphql/libgraphqlparser
+github: graphql/libgraphqlparser
+---
+
+

src/content/code/language-support/c-c/tools/libgraphqlparser.md

@@ -0,0 +1,8 @@
+---
+name: GraphQL.Client
+description: A GraphQL Client for .NET.
+url: https://github.com/graphql-dotnet/graphql-client
+github: graphql-dotnet/graphql-client
+---
+
+

src/content/code/language-support/c-net/client/graphql-client.md

@@ -0,0 +1,8 @@
+---
+name: graphql-net-client
+description: Basic example GraphQL client for .NET.
+url: https://github.com/bkniffler/graphql-net-client
+github: bkniffler/graphql-net-client
+---
+
+

src/content/code/language-support/c-net/client/graphql-net-client.md

@@ -0,0 +1,8 @@
+---
+name: SAHB.GraphQLClient
+description: GraphQL client which supports generating queries from C# classes
+url: https://github.com/sahb1239/SAHB.GraphQLClient
+github: sahb1239/SAHB.GraphQLClient
+---
+
+

src/content/code/language-support/c-net/client/sahb-graphqlclient.md

@@ -0,0 +1,8 @@
+---
+name: Entity GraphQL
+description: .NET Core GraphQL library. Compiles to IQueryable to easily expose a schema from an existing data model (E.g. from an Entity Framework data model)
+url: https://github.com/lukemurray/EntityGraphQL
+github: lukemurray/EntityGraphQL
+---
+
+

src/content/code/language-support/c-net/server/entity-graphql.md

@@ -0,0 +1,34 @@
+---
+name: graphql-dotnet
+description: GraphQL for .NET
+url: https://github.com/graphql-dotnet/graphql-dotnet
+github: graphql-dotnet/graphql-dotnet
+---
+
+```csharp
+using System;
+using System.Threading.Tasks;
+using GraphQL;
+using GraphQL.Types;
+using GraphQL.SystemTextJson; // First add PackageReference to GraphQL.SystemTextJson
+
+public class Program
+{
+  public static async Task Main(string[] args)
+  {
+    var schema = Schema.For(@"
+      type Query {
+        hello: String
+      }
+    ");
+
+    var json = await schema.ExecuteAsync(_ =>
+    {
+      _.Query = "{ hello }";
+      _.Root = new { Hello = "Hello World!" };
+    });
+
+    Console.WriteLine(json);
+  }
+}                       
+```

src/content/code/language-support/c-net/server/graphql-dotnet.md

@@ -0,0 +1,8 @@
+---
+name: graphql-net
+description: Convert GraphQL to IQueryable
+url: https://github.com/ckimes89/graphql-net
+github: chkimes/graphql-net
+---
+
+

src/content/code/language-support/c-net/server/graphql-net.md

@@ -0,0 +1,8 @@
+---
+name: Hot Chocolate
+description: GraphQL Server for .NET core and .NET classic
+url: https://github.com/ChilliCream/hotchocolate
+github: ChilliCream/hotchocolate
+---
+
+

src/content/code/language-support/c-net/server/hot-chocolate.md

@@ -0,0 +1,8 @@
+---
+name: regraph
+description: A GraphQL client implemented in Clojurescript with support for websockets.
+url: https://github.com/oliyh/re-graph/
+github: oliyh/re-graph
+---
+
+

src/content/code/language-support/clojure/client/regraph.md

@@ -0,0 +1,41 @@
+---
+name: alumbra
+description: A set of reusable GraphQL components for Clojure conforming to the data structures given in [alumbra.spec](https://github.com/alumbra/alumbra.spec).
+url: https://github.com/alumbra/alumbra
+github: alumbra/alumbra
+---
+
+```clojure
+(require '[alumbra.core :as alumbra]
+         '[claro.data :as data])
+
+(def schema
+  "type Person { name: String!, friends: [Person!]! }
+   type QueryRoot { person(id: ID!): Person, me: Person! }
+   schema { query: QueryRoot }")
+
+(defrecord Person [id]
+  data/Resolvable
+  (resolve! [_ _]
+    {:name    (str "Person #" id)
+     :friends (map ->Person  (range (inc id) (+ id 3)))}))
+
+(def QueryRoot
+  {:person (map->Person {})
+   :me     (map->Person {:id 0})})
+
+(def app
+  (alumbra/handler
+    {:schema schema
+     :query  QueryRoot}))
+
+(defonce my-graphql-server
+  (aleph.http/start-server #'app {:port 3000}))
+```
+
+```bash
+$ curl -XPOST "http://0:3000" -H'Content-Type: application/json' -d'{
+  "query": "{ me { name, friends { name } } }"
+}'
+{"data":{"me":{"name":"Person #0","friends":[{"name":"Person #1"},{"name":"Person #2"}]}}}
+```

src/content/code/language-support/clojure/server/alumbra.md

@@ -0,0 +1,23 @@
+---
+name: graphql-clj
+description: A Clojure library that provides a GraphQL implementation.
+url: https://github.com/tendant/graphql-clj
+github: tendant/graphql-clj
+---
+
+Code that executes a hello world GraphQL query with `graphql-clj`:
+```clojure
+
+(def schema "type QueryRoot {
+    hello: String
+  }")
+
+(defn resolver-fn [type-name field-name]
+  (get-in {"QueryRoot" {"hello" (fn [context parent & rest]
+                              "Hello world!")}}
+          [type-name field-name]))
+
+(require '[graphql-clj.executor :as executor])
+
+(executor/execute nil schema resolver-fn "{ hello }")
+```

src/content/code/language-support/clojure/server/graphql-clj.md

@@ -0,0 +1,8 @@
+---
+name: lacinia
+description: A full implementation of the GraphQL specification that aims to maintain external compliance with the specification.
+url: https://github.com/walmartlabs/lacinia
+github: walmartlabs/lacinia
+---
+
+

src/content/code/language-support/clojure/server/lacinia.md

@@ -0,0 +1,8 @@
+---
+name: graphqld
+description: A GraphQL implementaiton for the D Programming Language.
+url: https://github.com/burner/graphqld
+github: burner/graphqld
+---
+
+

src/content/code/language-support/d/server/graphqld.md

@@ -0,0 +1,8 @@
+---
+name: common_graphql_client
+description: Elixir GraphQL Client with HTTP and WebSocket support
+url: https://github.com/annkissam/common_graphql_client
+github: annkissam/common_graphql_client
+---
+
+

src/content/code/language-support/elixir/client/common-graphql-client.md

@@ -0,0 +1,8 @@
+---
+name: Neuron
+description: A GraphQL client for Elixir
+url: https://github.com/uesteibar/neuron
+github: uesteibar/neuron
+---
+
+

src/content/code/language-support/elixir/client/neuron.md

@@ -0,0 +1,8 @@
+---
+name: absinthe
+description: GraphQL implementation for Elixir.
+url: https://github.com/absinthe-graphql/absinthe
+github: absinthe-graphql/absinthe
+---
+
+

src/content/code/language-support/elixir/server/absinthe.md

@@ -0,0 +1,8 @@
+---
+name: graphql-elixir
+description: An Elixir implementation of Facebook's GraphQL.
+url: https://github.com/graphql-elixir/graphql
+github: graphql-elixir/graphql
+---
+
+

src/content/code/language-support/elixir/server/graphql-elixir.md

@@ -0,0 +1,8 @@
+---
+name: dillonkearns/elm-graphql
+description: Library and command-line code generator to create type-safe Elm code for a GraphQL endpoint.
+url: https://github.com/dillonkearns/elm-graphql
+github: dillonkearns/elm-graphql
+---
+
+

src/content/code/language-support/elm/client/dillonkearns-elm-graphql.md

@@ -0,0 +1,8 @@
+---
+name: graphql-erlang
+description: GraphQL implementation in Erlang.
+url: https://github.com/shopgun/graphql-erlang
+github: jlouis/graphql-erlang
+---
+
+