{"action":"created","issue":{"url":"https://api.github.com/repos/transloadit/uppy/issues/18","labels_url":"https://api.github.com/repos/transloadit/uppy/issues/18/labels{/name}","comments_url":"https://api.github.com/repos/transloadit/uppy/issues/18/comments","events_url":"https://api.github.com/repos/transloadit/uppy/issues/18/events","html_url":"https://github.com/transloadit/uppy/issues/18","id":117546366,"number":18,"title":"design: Progressbar/spinner/etc","user":{"login":"kvz","id":26752,"avatar_url":"https://avatars.githubusercontent.com/u/26752?v=3","gravatar_id":"","url":"https://api.github.com/users/kvz","html_url":"https://github.com/kvz","followers_url":"https://api.github.com/users/kvz/followers","following_url":"https://api.github.com/users/kvz/following{/other_user}","gists_url":"https://api.github.com/users/kvz/gists{/gist_id}","starred_url":"https://api.github.com/users/kvz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kvz/subscriptions","organizations_url":"https://api.github.com/users/kvz/orgs","repos_url":"https://api.github.com/users/kvz/repos","events_url":"https://api.github.com/users/kvz/events{/privacy}","received_events_url":"https://api.github.com/users/kvz/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/transloadit/uppy/milestones/1","html_url":"https://github.com/transloadit/uppy/milestones/Minimum%20Valuable%20Product","labels_url":"https://api.github.com/repos/transloadit/uppy/milestones/1/labels","id":1414016,"number":1,"title":"Minimum Valuable Product","description":"","creator":{"login":"kvz","id":26752,"avatar_url":"https://avatars.githubusercontent.com/u/26752?v=3","gravatar_id":"","url":"https://api.github.com/users/kvz","html_url":"https://github.com/kvz","followers_url":"https://api.github.com/users/kvz/followers","following_url":"https://api.github.com/users/kvz/following{/other_user}","gists_url":"https://api.github.com/users/kvz/gists{/gist_id}","starred_url":"https://api.github.com/users/kvz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kvz/subscriptions","organizations_url":"https://api.github.com/users/kvz/orgs","repos_url":"https://api.github.com/users/kvz/repos","events_url":"https://api.github.com/users/kvz/events{/privacy}","received_events_url":"https://api.github.com/users/kvz/received_events","type":"User","site_admin":false},"open_issues":8,"closed_issues":14,"state":"open","created_at":"2015-11-16T16:03:42Z","updated_at":"2016-01-05T15:58:37Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2015-11-18T09:28:56Z","updated_at":"2016-02-01T21:37:30Z","closed_at":null,"body":"Many operations will take time. Sometimes we can't estimate accurately how much. We need to have a UI component that all plugins can use, that signals to the user we're happily processing their data.\r\n\r\nI think this could be one of the 'utilities' exposed by 'core'?"},"comment":{"url":"https://api.github.com/repos/transloadit/uppy/issues/comments/178205796","html_url":"https://github.com/transloadit/uppy/issues/18#issuecomment-178205796","issue_url":"https://api.github.com/repos/transloadit/uppy/issues/18","id":178205796,"user":{"login":"hedgerh","id":2524280,"avatar_url":"https://avatars.githubusercontent.com/u/2524280?v=3","gravatar_id":"","url":"https://api.github.com/users/hedgerh","html_url":"https://github.com/hedgerh","followers_url":"https://api.github.com/users/hedgerh/followers","following_url":"https://api.github.com/users/hedgerh/following{/other_user}","gists_url":"https://api.github.com/users/hedgerh/gists{/gist_id}","starred_url":"https://api.github.com/users/hedgerh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hedgerh/subscriptions","organizations_url":"https://api.github.com/users/hedgerh/orgs","repos_url":"https://api.github.com/users/hedgerh/repos","events_url":"https://api.github.com/users/hedgerh/events{/privacy}","received_events_url":"https://api.github.com/users/hedgerh/received_events","type":"User","site_admin":false},"created_at":"2016-02-01T21:37:30Z","updated_at":"2016-02-01T21:37:30Z","body":"I haven't used `CustomEvent` before, but itd be a lot better if we used an event emitter where we didn't need to attach listeners to DOM elements.  \r\n\r\nSomething like this https://www.npmjs.com/package/event-emitter\r\n\r\nSo we could import the emitter instance wherever we need it and do:\r\n\r\n`emitter.on('progress', this.renderProgress)`\r\n\r\nthat way for vanilla implementation, `this.renderProgress` could be a method that manually updates the progress elements, but for something like react, we could do:\r\n\r\n`emitter.on('progress', data => this.setState({ progress: data.progress }))`"}}