Use GraphQL for GitHub

Use GraphQL for GitHub API
Add support to coala & 52North
Add GitHub token modal
Rename implementation of Issues to Tasks
Use Bulma for task list

Regression:
Remove Repository and User Model
Remove Search Bar

Closes #34

Author: bekicot

app/adapters/application.js

@@ -0,0 +1,28 @@
+import Component from '@ember/component';
+import { oneWay } from '@ember/object/computed';
+import { inject } from '@ember/service';
+
+export default Component.extend({
+  // Services
+  userSettings: inject(),
+
+  // Properties
+  token_github_com: oneWay('userSettings.tokens.github_com'),
+
+  init(...args) {
+    this._super(...args);
+  },
+  actions: {
+    hideModal() {
+      this.set('isActive', false);
+      this.userSettings.setSetting('githubTokenModalSeen', true);
+    },
+    saveSettings() {
+      this.userSettings.setToken('github_com', this.get('token_github_com'));
+      this.set('isActive', false);
+    },
+  },
+  classNames: ['modal'],
+  classNameBindings: ['isActive'],
+  isActive: false,
+});

app/adapters/issue.js

@@ -0,0 +1,31 @@
+import Component from '@ember/component';
+import { calculateForegroundColor } from '../utils/label-utils';
+
+export default Component.extend({
+  init(...args) {
+    this._super(...args);
+  },
+  didReceiveAttrs() {
+    this.get('task').labels.map((label) => {
+      const decoratedLabel = label;
+      decoratedLabel.fontColor = calculateForegroundColor(label.color);
+      return decoratedLabel;
+    });
+  },
+  didInsertElement() {
+    this.$().linkify({
+      validate: {
+        url(value) {
+          return /^(http|ftp)s?:\/\//.test(value);
+        },
+      },
+      formatHref(href, type) {
+        if (type === 'mention') {
+          return `https://github.com/${
+            href.substring(1)}`;
+        }
+        return href;
+      },
+    });
+  },
+});

app/adapters/repository.js

@@ -1,16 +1,9 @@
 import Controller from '@ember/controller';
 
 export default Controller.extend({
-  toggleSidenav: true,
   actions: {
-    searchIssues(query) {
-      this.transitionToRoute('issues', { queryParams: { q: query } });
+    showSettingsModal() {
+      this.set('showModal', true);
     },
-    toggleSidenav() {
-      return this.set('toggleSidenav', !this.get('toggleSidenav'));
-    },
-    searchByOrg(org) {
-      this.send('searchIssues', org.query.q);
-    }
-  }
+  },
 });

app/components/search-card.js

@@ -0,0 +1,7 @@
+import Controller from '@ember/controller';
+import { inject } from '@ember/service';
+
+export default Controller.extend({
+  organizations: inject(),
+  queryParams: ['org'],
+});

app/components/settings-modal.js

@@ -0,0 +1,108 @@
+export default {
+  coala: {
+    name: 'coala association e.V.',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'coala',
+        defaultLabels: [
+          'difficulty/newcomer',
+        ],
+      },
+      {
+        type: 'gitlab',
+        identifier: 'coala',
+      },
+    ],
+  },
+  '52-north-initiative-for-geospatial-open-source-software-gmbh': {
+    name: '52° North Initiative for Geospatial Open Source Software GmbH',
+    trackers: [
+      {
+        type: 'github',
+        identifier: '52North',
+      },
+    ],
+  },
+  discourse: {
+    name: 'Discourse',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'discourse',
+      },
+    ],
+  },
+  wikimedia: {
+    name: 'Wikimedia',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'wikimedia',
+      },
+    ],
+  },
+  opensuse: {
+    name: 'Opensuse',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'opensuse',
+      },
+    ],
+  },
+  elm: {
+    name: 'Elm',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'elm-lang',
+      },
+    ],
+  },
+  cadasta: {
+    name: 'Cadasta',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'cadasta',
+      },
+    ],
+  },
+  enketo: {
+    name: 'Enketo',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'enketo',
+      },
+    ],
+  },
+  kobotoolbox: {
+    name: 'Kobotoolbox',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'kobotoolbox',
+      },
+    ],
+  },
+  movingblocks: {
+    name: 'Movingblocks',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'movingblocks',
+      },
+    ],
+  },
+  nexB: {
+    name: 'Nexb',
+    trackers: [
+      {
+        type: 'github',
+        identifier: 'nexB',
+      },
+    ],
+  },
+};

app/components/task-item.js

@@ -0,0 +1,93 @@
+import { warn } from '@ember/debug';
+import { isIterable } from '../utils/commons';
+
+export const tasksQuery = `query($searchQuery: String!){
+  search(query: $searchQuery, type: ISSUE, first: 100 ) {
+    nodes {
+      _type: __typename
+      ... on Issue {
+        id
+        author {
+          ...authorFragment
+        }
+        bodyText
+        comments {
+          totalCount
+        }
+        labels {
+          ...labelsFragment
+        }
+        repository {
+          ...repositoryFragment
+        }
+        title
+        updatedAt
+        url
+      }
+      ... on PullRequest {
+        id
+        author {
+          ...authorFragment
+        }
+        bodyText
+        comments {
+          totalCount
+        }
+        labels {
+          ...labelsFragment
+        }
+        repository {
+          ...repositoryFragment
+        }
+        title
+        updatedAt
+        url
+      }
+    }
+  }
+}
+fragment repositoryFragment on Repository {
+  nameWithOwner
+  owner {
+    avatarUrl
+  }
+  url
+}
+fragment labelsFragment on LabelConnection {
+  totalCount
+  nodes {
+    color
+    description
+    id
+    name
+  }
+}
+fragment authorFragment on Actor {
+  url
+  login
+  avatarUrl
+}`;
+
+// return an array of github search queries, e.g [paramKey:paramValue[0], ...,
+// paramKey:paramValue[-1]]
+function buildParams(paramKey, paramValue) {
+  if (isIterable(paramValue)) {
+    return paramValue.reduce((seed, v) => [...seed, `${paramKey}:${v}`], []);
+  } else if (paramValue) {
+    return [`${paramKey}:${paramValue}`];
+  }
+  return [];
+}
+
+export function queryBuilder({ orgs, labels }) {
+  let queries = ['sort:updated-desc', 'state:open', 'no:assignee', 'is:issue'];
+  if (!orgs) {
+    warn('Org is not defined.');
+  } else {
+    queries = queries.concat(buildParams('user', orgs));
+  }
+  if (labels) {
+    queries = queries.concat(buildParams('label', labels));
+  }
+  return queries.join(' ');
+}

app/controllers/application.js

@@ -0,0 +1,8 @@
+import { helper } from '@ember/component/helper';
+import moment from 'moment';
+
+export function timeAgo(params) {
+  return moment(params[0]).fromNow();
+}
+
+export default helper(timeAgo);