fix: detect running addon and add their links to the console sidebar (#57)

packages/console-app/config-testnet.yml

@@ -11,7 +11,7 @@ app:
   publicUrl: '/console'
 
 api:
-  server: 'https://apollo1.kube.moon.dxos.network'
+  server: 'http://127.0.0.1:9004'
   path: '/api'
   intervalLog: 5000
   pollInterval: 10000

packages/console-app/src/components/Sidebar.js

@@ -4,13 +4,17 @@
 
 import clsx from 'clsx';
 import React from 'react';
+import { useQuery } from '@apollo/react-hooks';
 import { useHistory, useParams } from 'react-router';
 
 import { makeStyles } from '@material-ui/core';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
+import LinkIcon from '@material-ui/icons/ExitToApp';
 import ListItemText from '@material-ui/core/ListItemText';
+import { useQueryStatusReducer } from "../hooks";
+import ADDON_LIST from "../gql/addon_list.graphql";
 
 const useStyles = makeStyles(theme => ({
   root: {
@@ -39,6 +43,13 @@ const Sidebar = ({ modules: { services, settings } }) => {
   const history = useHistory();
   const { module } = useParams();
 
+  const { data: addonResponse } = useQueryStatusReducer(useQuery(ADDON_LIST));
+  console.log(addonResponse);
+  if (!addonResponse) {
+    return null;
+  }
+  const addons = JSON.parse(addonResponse.addon_list.json);
+
   const isSelected = path => path === `/${module}`;
 
   const Modules = ({ modules }) => (
@@ -54,9 +65,23 @@ const Sidebar = ({ modules: { services, settings } }) => {
     </List>
   );
 
+  const Addons = ({ addons }) => (
+    <List aria-label='items' className={classes.list}>
+      {addons.map(({ url, title }) => (
+        <ListItem button key={url} onClick={() => window.location = url}>
+          <ListItemIcon classes={{ root: classes.icon }}>
+            <LinkIcon className={clsx(classes.icon)} />
+          </ListItemIcon>
+          <ListItemText primary={title} />
+        </ListItem>
+      ))}
+    </List>
+  );
+
   return (
     <div className={classes.root}>
       <Modules modules={services} />
+      <Addons addons={addons} />
       <Modules modules={settings} />
     </div>
   );

packages/console-app/src/gql/addon_list.graphql

@@ -0,0 +1,9 @@
+#
+# Copyright 2020 DXOS.org
+#
+
+query {
+  addon_list {
+    json
+  }
+}

packages/console-app/src/version.json

@@ -1,7 +1,7 @@
 {
   "build": {
     "name":      "@dxos/console-app",
-    "buildDate": "2020-12-03T20:40:32.208Z",
+    "buildDate": "2020-12-09T23:25:12.047Z",
-    "version":   "1.2.4-alpha.2"
+    "version":   "1.2.4-alpha.3"
   }
 }

packages/console-server/src/gql/api.graphql

@@ -22,6 +22,7 @@ type Query {
   system_status: JSONResult!
   wns_status: JSONResult!
   bot_list: JSONResult!
+  addon_list: JSONResult!
 }
 
 type Mutation {

packages/console-server/src/resolvers/addons.js

@@ -0,0 +1,37 @@
+//
+// Copyright 2020 DXOS.org
+//
+
+import childProcess from 'child_process';
+
+// TODO(telackey): Make pluggable.
+const ifRadicle = () => {
+  try {
+    const result = childProcess.execSync('docker ps -f "ancestor=dxos/radicle-seed-node" -q');
+    if (result) {
+      return { title: 'Radicle', url: '/' };
+    }
+  } catch (e) {}
+};
+
+// TODO(telackey): Use the local Sentry.
+const ifSentry = () => {
+  return {
+    title: 'Sentry',
+    url: 'http://sentry.kube.dxos.network:9000/'
+  };
+};
+
+export const addonResolvers = {
+  Query: {
+    addon_list: async (_, __, { config }) => {
+      return {
+        timestamp: new Date().toUTCString(),
+        json: JSON.stringify([
+          ifSentry(),
+          ifRadicle()
+        ].filter(x => x))
+      };
+    }
+  }
+};

packages/console-server/src/resolvers/index.js

@@ -5,6 +5,7 @@
 import debug from 'debug';
 import defaultsDeep from 'lodash.defaultsdeep';
 
+import { addonResolvers } from './addons';
 import { ipfsResolvers } from './ipfs';
 import { systemResolvers } from './system';
 import { logResolvers } from './log';
@@ -22,4 +23,4 @@ export const resolvers = defaultsDeep({
   // TODO(burdon): Auth.
   // https://www.apollographql.com/docs/apollo-server/data/errors/#codes
 
-}, ipfsResolvers, systemResolvers, logResolvers, botsResolvers);
+}, ipfsResolvers, systemResolvers, logResolvers, botsResolvers, addonResolvers);