add component(s)

Author: mattiaerre

__tests__/__snapshots__/index.test.js.snap

@@ -12,7 +12,7 @@ Array [
 exports[`expect res setHeader and end to match snapshot 2`] = `
 Array [
   Array [
-    "{\\"data\\":{\\"registry\\":{\\"href\\":\\"http://mock:3000/\\",\\"ocVersion\\":\\"8.1.5\\",\\"type\\":\\"mock-registry\\"}}}",
+    "{\\"data\\":{\\"registry\\":{\\"href\\":\\"http://mock:3000/\\",\\"ocVersion\\":\\"1.2.3\\",\\"type\\":\\"mock-registry\\"},\\"components\\":[{\\"name\\":\\"oc-a-component\\",\\"description\\":\\"Awesome OpenComponent\\",\\"version\\":\\"4.5.6\\"}],\\"component\\":{\\"name\\":\\"oc-a-component\\",\\"description\\":\\"Awesome OpenComponent\\",\\"version\\":\\"4.5.6\\"}}}",
   ],
 ]
 `;

__tests__/component.info.sample.json

@@ -0,0 +1,56 @@
+{
+  "name": "oc-timeago",
+  "description": "This is sometimes called timeago or relative time.",
+  "version": "1.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mattiaerre/oc-hub/tree/master/oc-timeago"
+  },
+  "author": {
+    "name": "Mattia Richetto",
+    "email": "[email protected]"
+  },
+  "oc": {
+    "files": {
+      "template": {
+        "type": "handlebars",
+        "hashKey": "3fbbf532ab7ae9bceff951d6ef106c802cc66e9b",
+        "src": "template.js"
+      },
+      "dataProvider": {
+        "type": "node.js",
+        "hashKey": "d8b90f82f573d57ec32e9c268642e6709b3b073d",
+        "src": "server.js"
+      },
+      "static": []
+    },
+    "parameters": {
+      "start": {
+        "type": "string",
+        "mandatory": true,
+        "example": "2016-02-22",
+        "description": "The start date as string in a YYYY-MM-DD format"
+      },
+      "end": {
+        "type": "string",
+        "mandatory": false,
+        "example": "2017-02-22",
+        "description": "The end date as string in a YYYY-MM-DD format"
+      }
+    },
+    "version": "0.36.1",
+    "packaged": true,
+    "date": 1489239097651
+  },
+  "scripts": {
+    "test": "jest"
+  },
+  "dependencies": {
+    "jest": "^19.0.1",
+    "moment": "^2.17.1"
+  },
+  "allVersions": [
+    "1.0.0"
+  ],
+  "requestVersion": ""
+}

__tests__/index.test.js

@@ -15,8 +15,14 @@ test('expect type of middleware to be function', () => {
 test('expect res setHeader and end to match snapshot', async () => {
   fetch.mockResponse(JSON.stringify({
     href: options.baseUrl,
-    ocVersion: '8.1.5',
-    type: 'mock-registry'
+    ocVersion: '1.2.3',
+    type: 'mock-registry',
+    components: [
+      `${options.baseUrl}oc-a-component`
+    ],
+    name: 'oc-a-component',
+    description: 'Awesome OpenComponent',
+    version: '4.5.6'
   }));
 
   const req = {
@@ -29,6 +35,16 @@ test('expect res setHeader and end to match snapshot', async () => {
         ocVersion
         type
       }
+      components {
+        name
+        description
+        version
+      }
+      component(name: "oc-a-component") {
+        name
+        description
+        version
+      }
     }
     `
   };

package.json

@@ -4,6 +4,7 @@
   "description": "OpenComponent Registry GraphQL Express middleware.",
   "main": "index.js",
   "scripts": {
+    "npm-check": "npm-check",
     "test": "jest --coverage"
   },
   "repository": {
@@ -36,9 +37,11 @@
     "eslint-config-airbnb": "^14.1.0",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^5.0.1",
+    "eslint-plugin-react": "^7.0.0",
     "isomorphic-fetch": "^2.2.1",
     "jest": "^20.0.0",
-    "jest-fetch-mock": "^1.1.1"
+    "jest-fetch-mock": "^1.1.1",
+    "npm-check": "^5.4.0"
   },
   "dependencies": {
     "express-graphql": "^0.6.4",

src/index.js

@@ -11,14 +11,37 @@ const schema = buildSchema(`
     type: String
   }
 
+  type Component {
+    name: String
+    description: String
+    version: String
+  }
+
   type Query {
     registry: Registry
+    component(name: String): Component
+    components: [Component]
   }
 `);
 
+const fetchComponent = async (url) => {
+  return fetch(url)
+    .then(response => response.json())
+    .then((data) => {
+      return data;
+    });
+};
+
+const makeComponent = async (baseUrl, name) => {
+  const url = `${baseUrl}${name}/~info`;
+  const info = await fetchComponent(url);
+  const copy = Object.assign({}, info);
+  return copy;
+};
+
 const root = (options) => {
   return {
-    registry: () => {
+    registry: async () => {
       return fetch(options.baseUrl)
         .then(response => response.json())
         .then((data) => {
@@ -28,6 +51,20 @@ const root = (options) => {
             type: data.type
           };
         });
+    },
+    components: async () => {
+      return fetch(options.baseUrl)
+        .then(response => response.json())
+        .then((data) => {
+          return data.components
+            .map((component) => {
+              const name = component.replace(options.baseUrl, '');
+              return makeComponent(options.baseUrl, name);
+            });
+        });
+    },
+    component: async ({ name }) => {
+      return makeComponent(options.baseUrl, name);
     }
   };
 };