lexmartinez / vue-github-activity

:octocat: A Vue based github feed activity component.

vue-github-activity

Simple VueJS component that creates a feed panel with your recent GitHub activity. It displays the user's name, username, photo, and a list of each individual activity type.

Inspired by caseyscarborough/github-activity repository.

See it in action on my website

Installation

npm install --save vue-github-activity

Dependencies

Insert an octicons.css file in your html file to load the icons.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">

Also axios http client and moment are required as dependencies of your host project use npm install --save axios moment to include them

Usage

The most common use case is to register all the components globally.

import Vue from 'vue'
import VueGithubActivity from 'vue-github-activity'

Vue.use(VueGithubActivity)

On your template you can now use html like this to render the activity feed:

<github-feed login="lexmartinez"></github-feed>

License

This project is licensed under MIT License - see the LICENSE.md file for details

vue-github-activity's Issues

Fix bundling issues

• Fix style generation with empty spaces
• Avoid duplicated install/build task on travisCI

Include remaining event types

[X] PullRequestReviewCommentEvent
[X] PublicEvent
[X] CommitCommentEvent

see:
https://github.com/caseyscarborough/github-activity
https://developer.github.com/v3/activity/events/types/

Include keywords on package.json

Update component screenshot

remove scoped param for styles

event list overflow handling on firefox doesn't works

Event handling improvement

Improve the content of each event handling, also include missing & useful events not included in this version.

see.
https://github.com/caseyscarborough/github-activity
https://developer.github.com/v3/activity/events/types/

responsive behaviour

fix the responsive behaviour, panel width on mobile devices is wrong, event detail overflows

Create a generic fromNow function

Unify fromNow function implementation in utils library

include changelog file

include changelog file and few interesting badges on readme.md

uncouple event template

uncouple event detail as separated component.