Merge pull request linode#1 from linode/DLC-144

DLC-144

Author: Alban

.gitignore

@@ -71,4 +71,4 @@ yarn-error.log
 # Linode base theme
 linode-hugo-theme
 
-themes/
+themes/

gatsby-config.js

@@ -1,19 +1,3 @@
-const fs = require("fs");
-const path = require("path");
-
-const fromJson = filePath => {
-  return new Promise((resolve, reject) => {
-    fs.readFile(filePath, "utf8", (err, data) => {
-      if (err) {
-        reject(err);
-        return;
-      }
-
-      resolve(data);
-    });
-  });
-};
-
 module.exports = {
   siteMetadata: {
     title: `Linode Developer Tools`,

getBaseTheme.sh

@@ -0,0 +1,24 @@
+BLUE='\033[0;34m'
+NC='\033[0m' # No Color
+
+echo
+echo "${BLUE}Fetching base theme${NC}"
+if
+  cd linode-hugo-theme; then
+  git pull origin development; else
+  git clone https://github.com/linode/linode-hugo-theme.git;
+fi
+
+echo
+echo "${BLUE}Fetching API specs${NC}"
+cd -
+curl https://developers.linode.com/api/docs/v4/openapi.yaml > src/data/openapi.yaml
+
+echo
+echo "${BLUE}Removing faulty data${NC}"
+sed -i '/backgroundColor:/d' src/data/openapi.yaml
+
+echo
+echo "${BLUE}Converting YAML to JSON${NC}"
+npm install -g yamljs
+yaml2json src/data/openapi.yaml > src/data/spec.json

getDependencies.sh

@@ -21,7 +21,6 @@
     "gatsby-transformer-json": "^2.1.11",
     "gatsby-transformer-remark": "^2.1.1-rc.5",
     "gatsby-transformer-sharp": "^2.1.13",
-    "gatsby-transformer-yaml": "^2.1.8",
     "json-schema-ref-parser": "^6.1.0",
     "postcss-easy-import": "^3.0.0",
     "prop-types": "^15.6.2",
@@ -41,8 +40,8 @@
   ],
   "license": "MIT",
   "scripts": {
-    "build": "./getBaseTheme.sh && gatsby build && node search/buildIndex.js",
-    "develop": "./getBaseTheme.sh && gatsby develop",
+    "build": "./getDependencies.sh && gatsby build && node search/buildIndex.js",
+    "develop": "./getDependencies.sh && gatsby develop",
     "start": "npm run develop",
     "serve": "gatsby serve",
     "test": "echo \"Write tests! -> https://gatsby.app/unit-testing\""

package.json

@@ -0,0 +1,34 @@
+import React from "react";
+import { StaticQuery, graphql, Link } from "gatsby";
+
+const APITitle = ({ data }) => {
+  const n = data.allDataJson.edges[0].node;
+
+  return (
+    <div className="mb-4">
+      <div className="mb-4">
+        <Link to="/">developers.linode.com</Link>
+      </div>
+      <div className="text-2xl">Linode API {n.info.version}</div>
+    </div>
+  );
+};
+
+export default props => (
+  <StaticQuery
+    query={graphql`
+      query {
+        allDataJson {
+          edges {
+            node {
+              info {
+                version
+              }
+            }
+          }
+        }
+      }
+    `}
+    render={data => <APITitle data={data} {...props} />}
+  />
+);

src/components/1_atoms/APITitle.js

@@ -1,6 +1,8 @@
 import React from "react";
 import { graphql, StaticQuery } from "gatsby";
 import { Link } from "gatsby";
+
+import APITitle from "../1_atoms/APITitle";
 import SearchHeader from "./search-header";
 
 import Caret from "../../images/svgs/caret.svg";
@@ -71,6 +73,7 @@ class SideMenu extends React.Component {
     return (
       <div className="api-navigation-wrapper bg-ThemeCell">
         <div className="api-navigation">
+          <APITitle />
           <SearchHeader />
           <div>
             {groups.map((group, i) => {

src/components/2_molecules/sidemenu.js

@@ -0,0 +1,2 @@
+openapi.yaml
+spec.json