It would be great a check button in each activity/notification so we can mark as read without having to open the link.

Feature request:

When I'm looking at the available options for a repository, it's not obvious how to (or if it's possible to) limit notifications in the column to only those issues where I have subscribed, been mentioned, have participated, or have had my review requested. On a high-traffic repository like wordpress/gutenberg the noise can quickly drown out the signal without this sort of limiting filter, so I'd like to request that DevHub be enhanced with the ability to focus on issues where we have explicitly participated.

Thanks much!

Related #90

• Add option on each column
• Electron (macOS, Windows, Linux)
• Web
• iOS
• Android

There are two possible ways to check for new items:

1. Run a script on app background every X minutes (has limitations on iOS: if app gets closed it will stop updating, minimum 15 minute interval to update, etc)
2. Move this responsibility to the server (probably would not scale well, imagine the server having to do thousands of github API requests per minute)

We can do option 1 for android and desktop, but for ios and web needs to be option 2.

Environment

• yarn: 1.12.3
• node:10.13.0
• OS: MacOS 10.14.2

Describe

I input command yarn for install package and get error log like this:

error Couldn't find package "@devhub/[email protected]" required by "@devhub/[email protected]" on the "npm" registry.

how to fix it ?

I think that it's hard to understand the context of the notifications. In this example, it's not clear that the Tooltip Issue is related to devhub's rep. Icons and fonts have the same size and identation.

Maybe some margin-right will do the job.

Set ToolTips to the buttons and other components without description for better UX

E.g:

• Fix saved items being lost in some cases (v0.98.0)
• Save bookmarks in the server and sync between devices

I've got more columns of same "repo" but with different "notifications" settings, could be useful if I could rename column to understand well what I'm seeing.

This issue exist image, It would be useful to have a gallery with the images contained in the issue or comment images

🙄 What?

1. Make columns draggable without having to use < > buttons.
2. -or- change column order by dragging users on the left most column panel

🤔 Why?

1. Requires two clicks to move each column
2. Attention is lost when moving a column
3. To match TweekDeck behavior (as the tag line is DevHub: TweetDeck for GitHub [BETA] 🙂)

As I add more users/repos/groups, it was hard to organize them.

🚀 Demo

Below image shows first 2 problems mentioned in why? (requires two clicks, & attention is lost).

It's hard to move gaearon to other columns by more than one column.

While TweekDeck allows dragging (using icons on the left panel & dragging columns directly) as shown below.

🙏 Suggestion

Make following areas drag'n'droppable.

In dashboard column, repositories with same owner get same href in their hyperlink.
In this scenario, all these 5 items, navigate to the first one. https://github.com/../Name-Generator

The topbar layout seems to be a bit problematic.

iPhone7, IOS 10.13.3

Currently it triggers a rerender of almost all components, which is very slow, specially on low end devices. On web it's fast because I used CSS Variables to avoid rerenders.

If you can, please contribute.
If you have ideas on how to improve this, comment below.

Btw. Really like the project.

I searched but did not find

be possible to send heart, smile or ... (is example)

Curious why the web implementation of visibility is custom and not based on AppState. Something missing?

Accessing the app without Internet access is redirected to it from login
Local cache request done showing the last data seen and display an information (in the header) that this without Internet

After pressing the Clear button, only the first one keeps around and the other 4 disappears.

I've been facing some lags and lockups in the transitions, and where's the bottom bar?

Video here

cant use app in landscape

devhubapp.com started displaying following error message.

The link to more - https://zeit.co/docs/v2/routing/status-codes#402

Anyone else getting this issue?

When dragging down refresh timeline (feed) of active column
example

When i click to open a link, it take me in a wrong page. See below:

From:

To:

Caused by 443767c + 69ed1fc

This is because the app is currently only updating the unread status of the last 10 notifications of the user.

Ref: https://zeit.co/github

Hello,

I've decided to check your project and looks great so thanks for creating it 😄 👍

When I try to choose one of the three dark themes, they don't work. Any button that I press on the light theme changes the ui straight away but not the dark ones.

On my first try of DevHub I tried to change the theme to Dark Blue and nothing changed, then later on the ui changed to the dark blue theme out of nowhere - I tried to refresh the page but it doesn't seem to have any effect.

Are the dark themes only activated after a certain time (like night time)? Or is this a bug?

I'm using Safari 12.0.1

Like Trello columns, new column should be located at the end, we're focusing about the main things first

The readme says:

And more!: Native apps, keyboard shortcuts, open source, modern tech stack, ...

However this is not a open source project since it does have not a compatible license: https://github.com/devhubapp/devhub/blob/53f8023d4b6bf3babdc1a101204a7b23b11b0549/LICENSE.md

https://opensource.org/licenses

Any recommendation that could fit this project well?

One that allows open source contribution, but avoids clones. One that allows this to be a commercial project, but doesn't allow others to bypass its paid features or charge people on their own. One that limits liability.

AGPL-3.0 doesn't tick all the boxes but looks interesting. Which others?

Would there be any downsides to introducing styled-components to the project? Documentation link.

Perhaps the biggest benefit from this would be the ability to access more advanced CSS features that can't be easily done using normal inline styles, like :hover.

I'd like to add columns to my deck and organize them so the projects that need more attention will be placed first on my screen.

Awesome project! IMO GitHub trending also qualifies as "something important that's going on" :)

I just created a Franz plugin for DevHub at https://github.com/luongvo/franz-recipe-devhubapp and waiting for plugin deployed meetfranz/plugins#236

It should be nice if we could use Franz via web, android, ios, windows, mac and also a plugin in Franz app :)

https://electronjs.org/

This goes beyond the existing functionality provided by github but one of the features I have really wanted for a while now is to be able to organize my stars in groups, something similar to https://astralapp.com/ .

Cool project btw!

The icons are small to the dictionary some columns, ends up disturbing the usability (it's my point of view)

The icons are small to the dictionary some columns, ends up disturbing the usability (it's my point of view)

Global reset (or CSS files) should not be used in this context. If there's a reason why you have the reset, please let me know. Same goes for the styles in index.css.

API: https://developer.github.com/v3/teams/discussions/

Would be great, especially after the news of many projects migrating to gitlab this year (after purchasing from GitHub by Microsoft)

• Column for just one repository
• Allow filtering the "all notifications" column by repositories
• Allow notification columns using the "only unread" endpoint

I ending up having more than 10 columns in order to track some rather quiet repos and orgs who are very important to me but each rather quiet on their own. These are rather easily grouped under some kind of tag like 'serverless' or 'embedded' or even location or company like 'Phoenix'

Thanks!

Sometimes you press Load more and it doesn't work as expected, e.g. doesn't load any new items when it should.

🙏 Feature Request

Would you be able to prevent users from adding more than 20 columns by disabling the "➕" button?

Current behavior looks as shown below

• Some columns fail with following message

⚠ Too many columns
You have reached the limit of 20 columns. This is to maintain a healthy usage of the GitHub API.

➕ Additional Context

Not sure if it's the GitHub issue or DevHubApp throttling the API call as it's been working until this morning.. 🤔

If you want this feature for your personal private repositories, please react with a 👍.
If you want this for your team/company/organization private repositories, react with a ❤️.
Follow @devhub_app on Twitter to be notified when this becomes available.

Add support for:

• Showing activities of private repositories
• Enhance notifications of private repositories

Implementation requirements

• Request only the permissions that are strictly necessary
  • For this reason, we will need to migrate from OAuth App to GitHub App (see comparison)

Why not enable private access using the current implementation?

GitHub OAuth Apps have a very broad and dangerous permission scope. See this petition for details. For example, to be able read activities (issue comments, ...) from private repositories, we need to request the repo scope. And this is what it gives access to:

As a security precaution, DevHub does not intend to ask for this permission, since it doesn't ever need any code or write access.

TL/DR: This feature is planned and is high priority.
But to do it right, first we need to make DevHub work as a GitHub App instead of OAuth App. This will cause an increase of server usage and costs.

Follow @devhub_app on Twitter to be notified when this becomes available.

Thank you for a great project, learned a lot from it. 😄

Currently, we have TypeScript setup in all the places except www.

But most of our TypeScript code is in component and core, and both mobile and web are only referencing on component.

Right now, mobile doesn't have any TypeScript in it. And I was actually surprised to see it's working without an rn-cli.config.js to do react-native-typescript-transformer. (I see react-native-typescript-transformer listed in component/packages.json, but it's never used anywhere.)

web has one index.tsx, but in order for that to work, we need a config-overrides.js which took me a long time to understand 😭 . I'm guessing it's there for TypeScript support and also references source files outside of web/src. I have some questions regarding it.

1. Isn't react-scripts already working with typescript?
2. react-app-rewired says they don't support CRA2, should we consider switching to customize-cra, for readability. 😄

const {
  override,
  babelInclude
} = require("customize-cra");
const path = require('path');

module.exports = override(
  babelInclude([
    path.resolve("src"),
    path.resolve("../component/src"),
    path.resolve("../core/src"),
  ])
);

In the component repo, we are doing yarn tsc -w, but I don't think we are using the dist folder anywhere right? Because we are always referencing @devhub/component/src/component/App.

How would you feel about the following two options?

Option 1

1. In components/tsconfig.json, change jsx to react.
2. Then referencing @devhub/components/dist/App in web and mobile.
3. Remove typescripts from mobile, web and perhaps root.
4. Remove react-app-rewired altogether because we no longer need to include source files outside of web/src for babel to compile.

And optionally, we need to find a way to surface Typescript error on the web page.

With this option, we can also benefit from it in #47 because it'd be less code to duplicate. 😄

Option 2

1. Remove TypeScript from component and core and have TypeScript setup in all the shell workspaces.
2. And reference .ts code directly in shell projects?

Again, thank you for an awesome project. would love to learn more context behind it.