diff options
Diffstat (limited to 'webui/src')
-rw-r--r-- | webui/src/Components/Timeline/DateNode.js | 12 | ||||
-rw-r--r-- | webui/src/Components/Timeline/EndNode.js | 9 | ||||
-rw-r--r-- | webui/src/Components/Timeline/EventMessages.js | 9 | ||||
-rw-r--r-- | webui/src/Components/Timeline/EventNode.js | 58 | ||||
-rw-r--r-- | webui/src/Timeline.js | 169 |
5 files changed, 148 insertions, 109 deletions
diff --git a/webui/src/Components/Timeline/DateNode.js b/webui/src/Components/Timeline/DateNode.js index 6f3b78f..a8013f0 100644 --- a/webui/src/Components/Timeline/DateNode.js +++ b/webui/src/Components/Timeline/DateNode.js @@ -2,20 +2,12 @@ import React, { Component } from 'react'; import './DateNode.scss'; class DateNode extends Component { - constructor(props) { - super(props); - - this.state = { - date: props.date, - first: props.first - }; - } render() { return ( - <div className={"DateNode " + (this.state.first ? 'first' : '')}> + <div className={"DateNode " + (this.props.first ? 'first' : '')}> <span className="horizontal-line"></span> - <p className="date">{this.state.date}</p> + <p className="date">{this.props.date}</p> </div> ); } diff --git a/webui/src/Components/Timeline/EndNode.js b/webui/src/Components/Timeline/EndNode.js index 072872c..6844b40 100644 --- a/webui/src/Components/Timeline/EndNode.js +++ b/webui/src/Components/Timeline/EndNode.js @@ -2,19 +2,12 @@ import React, { Component } from 'react'; import './EndNode.scss'; class EndNode extends Component { - constructor(props) { - super(props); - - this.state = { - date: props.date - }; - } render() { return ( <div className={"EndNode"}> <span className="horizontal-line"></span> - <p className="date">{this.state.date}</p> + <p className="date">{this.props.date}</p> </div> ); } diff --git a/webui/src/Components/Timeline/EventMessages.js b/webui/src/Components/Timeline/EventMessages.js index 309df6e..b3a277f 100644 --- a/webui/src/Components/Timeline/EventMessages.js +++ b/webui/src/Components/Timeline/EventMessages.js @@ -2,17 +2,10 @@ import React, { Component } from 'react'; import './EventMessages.scss'; class EventMessages extends Component { - constructor(props) { - super(props); - - this.state = { - event: props.event - }; - } getMessages() { - var messages = this.state.event.messages; + var messages = this.props.event.messages; if(!messages) return; diff --git a/webui/src/Components/Timeline/EventNode.js b/webui/src/Components/Timeline/EventNode.js index 9b2a308..9e7bebc 100644 --- a/webui/src/Components/Timeline/EventNode.js +++ b/webui/src/Components/Timeline/EventNode.js @@ -3,21 +3,13 @@ import './EventNode.scss'; import moment from 'moment'; class EventNode extends Component { - constructor(props) { - super(props); - - this.state = { - event: props.event, - alignment: props.alignment - }; - } getColorClass() { - if(this.state.event.type === "StartupEvent") + if(this.props.event.type === "StartupEvent") return "green"; - if(this.state.event.type === "WebhookAction") + if(this.props.event.type === "WebhookAction") return "blue"; return "purple"; @@ -25,53 +17,67 @@ class EventNode extends Component { getTitle() { - if(this.state.event.type === "StartupEvent") + if(this.props.event.type === "StartupEvent") return "Startup"; - if(this.state.event.type === "WebhookAction") + if(this.props.event.type === "WebhookAction") return "Webhook"; - return this.state.event.type; + return this.props.event.type; } getSubtitle() { - if(this.state.event.type === "StartupEvent") { + if(this.props.event.type === "StartupEvent") { - if(this.state.event.address) - return "Listening on " + this.state.event.address + " port " + this.state.event.port; + if(this.isWaiting()) + return "Starting up.." - return "Starting up.." + return "Listening for incoming connections"; } - if(this.state.event.type === "WebhookAction") - return "Incoming request from " + this.state.event['client-address']; + if(this.props.event.type === "WebhookAction") { + if(this.props.event.messages.length) + return this.props.event.messages[this.props.event.messages.length - 1] + return "Incoming request from " + this.props.event['client-address']; + } - return this.state.event.type; + return this.props.event.type; } getDate() { - return moment.unix(this.state.event.timestamp).format("YYYY-MM-DD"); + return moment.unix(this.props.event.timestamp).format("YYYY-MM-DD"); } getTime() { - return moment.unix(this.state.event.timestamp).format("HH:mm"); + return moment.unix(this.props.event.timestamp).format("HH:mm"); } getIconName() { - if(this.state.event.success === false) + if(this.props.event.success === false) return "alert" - if(this.state.event.type === "StartupEvent") + if(this.props.event.type === "StartupEvent") return "alert-circle"; return "check"; } + isWaiting() { + if(this.props.event.type === "StartupEvent") { + if(this.props.event['ws-started'] !== true || this.props.event['http-started'] !== true) { + return true; + } + } else if(this.props.event.waiting === true) { + return true; + } + return false; + } + getIconElement() { - if(this.state.event.waiting === true) { + if(this.isWaiting()) { return ( <div className="icon spinner"></div> ); @@ -84,7 +90,7 @@ class EventNode extends Component { render() { return ( - <div className={"EventNode " + this.state.alignment + " " + this.getColorClass()}> + <div className={"EventNode " + this.props.alignment + " " + this.getColorClass()}> <span className="horizontal-line"></span> <span className="timeline-icon"></span> <div className="inner"> diff --git a/webui/src/Timeline.js b/webui/src/Timeline.js index 52e42df..bf35994 100644 --- a/webui/src/Timeline.js +++ b/webui/src/Timeline.js @@ -15,9 +15,17 @@ class Timeline extends Component { events: [], loaded: false }; + + this.wsSocket = null; + this.wsIsOpen = false; } componentDidMount() { + this.fetchEventList(); + this.initWebsocketConnection(); + } + + fetchEventList() { var url = '/api/status'; @@ -36,70 +44,117 @@ class Timeline extends Component { return obj; } ); - - /* - events.push({ - type: "WebhookAction", - timestamp: 1483200720 - }); - - events.push({ - "request-body": "{\"ref\":\"refs/heads/master\",\"before\":\"b24b817fc553be4abf425028e33398a6cf7da5bd\",\"after\":\"7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"created\":false,\"deleted\":false,\"forced\":false,\"base_ref\":null,\"compare\":\"https://github.com/olipo186/Git-Auto-Deploy/compare/b24b817fc553...7bb2fa6d10ca\",\"commits\":[{\"id\":\"465183e17af7b33f03047f53832ceea75140c29c\",\"tree_id\":\"c5ca854add997d6e6c840ddb37b89da26d9cc380\",\"distinct\":true,\"message\":\"Update README.md\\n\\nUpdate pip installing command\",\"timestamp\":\"2016-12-27T11:54:19+08:00\",\"url\":\"https://github.com/olipo186/Git-Auto-Deploy/commit/465183e17af7b33f03047f53832ceea75140c29c\",\"author\":{\"name\":\"Sunnyyoung\",\"email\":\"Sunnyyoung@users.noreply.github.com\",\"username\":\"Sunnyyoung\"},\"committer\":{\"name\":\"GitHub\",\"email\":\"noreply@github.com\",\"username\":\"web-flow\"},\"added\":[],\"removed\":[],\"modified\":[\"README.md\"]},{\"id\":\"7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"tree_id\":\"c5ca854add997d6e6c840ddb37b89da26d9cc380\",\"distinct\":true,\"message\":\"Merge pull request #157 from Sunnyyoung/master\\n\\nUpdate README.md\",\"timestamp\":\"2016-12-27T11:50:05+01:00\",\"url\":\"https://github.com/olipo186/Git-Auto-Deploy/commit/7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"author\":{\"name\":\"Oliver Poignant\",\"email\":\"oliver@poignant.se\",\"username\":\"olipo186\"},\"committer\":{\"name\":\"GitHub\",\"email\":\"noreply@github.com\",\"username\":\"web-flow\"},\"added\":[],\"removed\":[],\"modified\":[\"README.md\"]}],\"head_commit\":{\"id\":\"7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"tree_id\":\"c5ca854add997d6e6c840ddb37b89da26d9cc380\",\"distinct\":true,\"message\":\"Merge pull request #157 from Sunnyyoung/master\\n\\nUpdate README.md\",\"timestamp\":\"2016-12-27T11:50:05+01:00\",\"url\":\"https://github.com/olipo186/Git-Auto-Deploy/commit/7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"author\":{\"name\":\"Oliver Poignant\",\"email\":\"oliver@poignant.se\",\"username\":\"olipo186\"},\"committer\":{\"name\":\"GitHub\",\"email\":\"noreply@github.com\",\"username\":\"web-flow\"},\"added\":[],\"removed\":[],\"modified\":[\"README.md\"]},\"repository\":{\"id\":10534595,\"name\":\"Git-Auto-Deploy\",\"full_name\":\"olipo186/Git-Auto-Deploy\",\"owner\":{\"name\":\"olipo186\",\"email\":\"oliver@poignant.se\"},\"private\":false,\"html_url\":\"https://github.com/olipo186/Git-Auto-Deploy\",\"description\":\"Deploy your GitHub, GitLab or Bitbucket projects automatically on Git push events or webhooks using this small HTTP server written in Python. Continuous deployment in it's most simple form.\",\"fork\":false,\"url\":\"https://github.com/olipo186/Git-Auto-Deploy\",\"forks_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/forks\",\"keys_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/keys{/key_id}\",\"collaborators_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/collaborators{/collaborator}\",\"teams_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/teams\",\"hooks_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/hooks\",\"issue_events_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/issues/events{/number}\",\"events_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/events\",\"assignees_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/assignees{/user}\",\"branches_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/branches{/branch}\",\"tags_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/tags\",\"blobs_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/blobs{/sha}\",\"git_tags_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/tags{/sha}\",\"git_refs_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/refs{/sha}\",\"trees_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/trees{/sha}\",\"statuses_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/statuses/{sha}\",\"languages_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/languages\",\"stargazers_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/stargazers\",\"contributors_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/contributors\",\"subscribers_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/subscribers\",\"subscription_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/subscription\",\"commits_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/commits{/sha}\",\"git_commits_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/commits{/sha}\",\"comments_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/comments{/number}\",\"issue_comment_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/issues/comments{/number}\",\"contents_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/contents/{+path}\",\"compare_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/compare/{base}...{head}\",\"merges_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/merges\",\"archive_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/{archive_format}{/ref}\",\"downloads_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/downloads\",\"issues_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/issues{/number}\",\"pulls_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/pulls{/number}\",\"milestones_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/milestones{/number}\",\"notifications_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/notifications{?since,all,participating}\",\"labels_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/labels{/name}\",\"releases_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/releases{/id}\",\"deployments_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/deployments\",\"created_at\":1370546738,\"updated_at\":\"2016-12-27T09:44:12Z\",\"pushed_at\":1482835807,\"git_url\":\"git://github.com/olipo186/Git-Auto-Deploy.git\",\"ssh_url\":\"git@github.com:olipo186/Git-Auto-Deploy.git\",\"clone_url\":\"https://github.com/olipo186/Git-Auto-Deploy.git\",\"svn_url\":\"https://github.com/olipo186/Git-Auto-Deploy\",\"homepage\":\"http://olipo186.github.io/Git-Auto-Deploy/\",\"size\":622,\"stargazers_count\":528,\"watchers_count\":528,\"language\":\"Python\",\"has_issues\":true,\"has_downloads\":true,\"has_wiki\":true,\"has_pages\":true,\"forks_count\":115,\"mirror_url\":null,\"open_issues_count\":11,\"forks\":115,\"open_issues\":11,\"watchers\":528,\"default_branch\":\"master\",\"stargazers\":528,\"master_branch\":\"master\"},\"pusher\":{\"name\":\"olipo186\",\"email\":\"oliver@poignant.se\"},\"sender\":{\"login\":\"olipo186\",\"id\":1056476,\"avatar_url\":\"https://avatars.githubusercontent.com/u/1056476?v=3\",\"gravatar_id\":\"\",\"url\":\"https://api.github.com/users/olipo186\",\"html_url\":\"https://github.com/olipo186\",\"followers_url\":\"https://api.github.com/users/olipo186/followers\",\"following_url\":\"https://api.github.com/users/olipo186/following{/other_user}\",\"gists_url\":\"https://api.github.com/users/olipo186/gists{/gist_id}\",\"starred_url\":\"https://api.github.com/users/olipo186/starred{/owner}{/repo}\",\"subscriptions_url\":\"https://api.github.com/users/olipo186/subscriptions\",\"organizations_url\":\"https://api.github.com/users/olipo186/orgs\",\"repos_url\":\"https://api.github.com/users/olipo186/repos\",\"events_url\":\"https://api.github.com/users/olipo186/events{/privacy}\",\"received_events_url\":\"https://api.github.com/users/olipo186/received_events\",\"type\":\"User\",\"site_admin\":false}}", - "timestamp": 1483187602.554847, - "messages": [ - "Incoming request from 192.30.252.45:61279", - "Handling the request with GitHubRequestParser", - "Received 'push' event from GitHub", - "Deploying", - "Done" - ], - "request-headers": { - "content-length": "7212", - "x-github-event": "push", - "x-github-delivery": "3ade9980-cc22-11e6-9efe-3be1665744c8", - "x-hub-signature": "sha1=b73756e722ba28729aac624a48591fa83163e747", - "user-agent": "GitHub-Hookshot/7676889", - "host": "narpau.se:8001", - "content-type": "application/json" - }, - "client-port": 61279, - "client-address": "192.30.252.45", - "type": "WebhookAction", - "id": 1 - }); - - events.push( { - "request-body": "{\"ref\":\"refs/heads/master\",\"before\":\"b24b817fc553be4abf425028e33398a6cf7da5bd\",\"after\":\"7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"created\":false,\"deleted\":false,\"forced\":false,\"base_ref\":null,\"compare\":\"https://github.com/olipo186/Git-Auto-Deploy/compare/b24b817fc553...7bb2fa6d10ca\",\"commits\":[{\"id\":\"465183e17af7b33f03047f53832ceea75140c29c\",\"tree_id\":\"c5ca854add997d6e6c840ddb37b89da26d9cc380\",\"distinct\":true,\"message\":\"Update README.md\\n\\nUpdate pip installing command\",\"timestamp\":\"2016-12-27T11:54:19+08:00\",\"url\":\"https://github.com/olipo186/Git-Auto-Deploy/commit/465183e17af7b33f03047f53832ceea75140c29c\",\"author\":{\"name\":\"Sunnyyoung\",\"email\":\"Sunnyyoung@users.noreply.github.com\",\"username\":\"Sunnyyoung\"},\"committer\":{\"name\":\"GitHub\",\"email\":\"noreply@github.com\",\"username\":\"web-flow\"},\"added\":[],\"removed\":[],\"modified\":[\"README.md\"]},{\"id\":\"7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"tree_id\":\"c5ca854add997d6e6c840ddb37b89da26d9cc380\",\"distinct\":true,\"message\":\"Merge pull request #157 from Sunnyyoung/master\\n\\nUpdate README.md\",\"timestamp\":\"2016-12-27T11:50:05+01:00\",\"url\":\"https://github.com/olipo186/Git-Auto-Deploy/commit/7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"author\":{\"name\":\"Oliver Poignant\",\"email\":\"oliver@poignant.se\",\"username\":\"olipo186\"},\"committer\":{\"name\":\"GitHub\",\"email\":\"noreply@github.com\",\"username\":\"web-flow\"},\"added\":[],\"removed\":[],\"modified\":[\"README.md\"]}],\"head_commit\":{\"id\":\"7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"tree_id\":\"c5ca854add997d6e6c840ddb37b89da26d9cc380\",\"distinct\":true,\"message\":\"Merge pull request #157 from Sunnyyoung/master\\n\\nUpdate README.md\",\"timestamp\":\"2016-12-27T11:50:05+01:00\",\"url\":\"https://github.com/olipo186/Git-Auto-Deploy/commit/7bb2fa6d10ca6f7eb9a1563bf932d37a97dac5f8\",\"author\":{\"name\":\"Oliver Poignant\",\"email\":\"oliver@poignant.se\",\"username\":\"olipo186\"},\"committer\":{\"name\":\"GitHub\",\"email\":\"noreply@github.com\",\"username\":\"web-flow\"},\"added\":[],\"removed\":[],\"modified\":[\"README.md\"]},\"repository\":{\"id\":10534595,\"name\":\"Git-Auto-Deploy\",\"full_name\":\"olipo186/Git-Auto-Deploy\",\"owner\":{\"name\":\"olipo186\",\"email\":\"oliver@poignant.se\"},\"private\":false,\"html_url\":\"https://github.com/olipo186/Git-Auto-Deploy\",\"description\":\"Deploy your GitHub, GitLab or Bitbucket projects automatically on Git push events or webhooks using this small HTTP server written in Python. Continuous deployment in it's most simple form.\",\"fork\":false,\"url\":\"https://github.com/olipo186/Git-Auto-Deploy\",\"forks_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/forks\",\"keys_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/keys{/key_id}\",\"collaborators_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/collaborators{/collaborator}\",\"teams_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/teams\",\"hooks_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/hooks\",\"issue_events_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/issues/events{/number}\",\"events_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/events\",\"assignees_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/assignees{/user}\",\"branches_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/branches{/branch}\",\"tags_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/tags\",\"blobs_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/blobs{/sha}\",\"git_tags_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/tags{/sha}\",\"git_refs_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/refs{/sha}\",\"trees_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/trees{/sha}\",\"statuses_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/statuses/{sha}\",\"languages_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/languages\",\"stargazers_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/stargazers\",\"contributors_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/contributors\",\"subscribers_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/subscribers\",\"subscription_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/subscription\",\"commits_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/commits{/sha}\",\"git_commits_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/git/commits{/sha}\",\"comments_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/comments{/number}\",\"issue_comment_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/issues/comments{/number}\",\"contents_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/contents/{+path}\",\"compare_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/compare/{base}...{head}\",\"merges_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/merges\",\"archive_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/{archive_format}{/ref}\",\"downloads_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/downloads\",\"issues_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/issues{/number}\",\"pulls_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/pulls{/number}\",\"milestones_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/milestones{/number}\",\"notifications_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/notifications{?since,all,participating}\",\"labels_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/labels{/name}\",\"releases_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/releases{/id}\",\"deployments_url\":\"https://api.github.com/repos/olipo186/Git-Auto-Deploy/deployments\",\"created_at\":1370546738,\"updated_at\":\"2016-12-27T09:44:12Z\",\"pushed_at\":1482835807,\"git_url\":\"git://github.com/olipo186/Git-Auto-Deploy.git\",\"ssh_url\":\"git@github.com:olipo186/Git-Auto-Deploy.git\",\"clone_url\":\"https://github.com/olipo186/Git-Auto-Deploy.git\",\"svn_url\":\"https://github.com/olipo186/Git-Auto-Deploy\",\"homepage\":\"http://olipo186.github.io/Git-Auto-Deploy/\",\"size\":622,\"stargazers_count\":528,\"watchers_count\":528,\"language\":\"Python\",\"has_issues\":true,\"has_downloads\":true,\"has_wiki\":true,\"has_pages\":true,\"forks_count\":115,\"mirror_url\":null,\"open_issues_count\":11,\"forks\":115,\"open_issues\":11,\"watchers\":528,\"default_branch\":\"master\",\"stargazers\":528,\"master_branch\":\"master\"},\"pusher\":{\"name\":\"olipo186\",\"email\":\"oliver@poignant.se\"},\"sender\":{\"login\":\"olipo186\",\"id\":1056476,\"avatar_url\":\"https://avatars.githubusercontent.com/u/1056476?v=3\",\"gravatar_id\":\"\",\"url\":\"https://api.github.com/users/olipo186\",\"html_url\":\"https://github.com/olipo186\",\"followers_url\":\"https://api.github.com/users/olipo186/followers\",\"following_url\":\"https://api.github.com/users/olipo186/following{/other_user}\",\"gists_url\":\"https://api.github.com/users/olipo186/gists{/gist_id}\",\"starred_url\":\"https://api.github.com/users/olipo186/starred{/owner}{/repo}\",\"subscriptions_url\":\"https://api.github.com/users/olipo186/subscriptions\",\"organizations_url\":\"https://api.github.com/users/olipo186/orgs\",\"repos_url\":\"https://api.github.com/users/olipo186/repos\",\"events_url\":\"https://api.github.com/users/olipo186/events{/privacy}\",\"received_events_url\":\"https://api.github.com/users/olipo186/received_events\",\"type\":\"User\",\"site_admin\":false}}", - "timestamp": 1483187734.015505, - "messages": [ - "Incoming request from 192.30.252.40:33912", - "Handling the request with GitHubRequestParser", - "Received 'push' event from GitHub", - "Deploying", - "Done" - ], - "request-headers": { - "content-length": "7212", - "x-github-event": "push", - "x-github-delivery": "3ade9980-cc22-11e6-9efe-3be1665744c8", - "x-hub-signature": "sha1=b73756e722ba28729aac624a48591fa83163e747", - "user-agent": "GitHub-Hookshot/7676889", - "host": "narpau.se:8001", - "content-type": "application/json" - }, - "client-port": 33912, - "client-address": "192.30.252.40", - "type": "WebhookAction", - "id": 1 - });*/ - this.setState({ events: events, loaded: true }); }) .catch(err => { this.setState({loaded: false}); }); + } + handleJSONMessage(data) { + + if(data.type === "event-update") { + + this.setState((prevState, props) => { + + var newEvents = []; + var inserted = false; + + for(var key in prevState.events) { + if(prevState.hasOwnProperty(key)) + continue; + var event = prevState.events[key]; + + if(event.id === data.event.id) { + newEvents.push(data.event); + inserted = true; + } else { + newEvents.push(event); + } + } + + if(!inserted) { + newEvents.push(data.event); + } + + return { + events: newEvents + } + + }); + + } else { + console.log("Unknown event"); + console.log(data); + } + } + + initWebsocketConnection() { + var self = this; + + var scheme = window.location.protocol == "https" ? "wss" : "ws"; + var uri = scheme + "://" + window.location.hostname + ":9000"; + + if (process.env.NODE_ENV === "development") { + uri = "ws://10.0.0.1:9000"; + } + + this.wsSocket = new WebSocket(uri); + this.wsSocket.binaryType = "arraybuffer"; + + this.wsSocket.onopen = function() { + console.log("Connected!"); + this.wsIsOpen = true; + } + + this.wsSocket.onmessage = function(e) { + if (typeof e.data === "string") { + try { + var data = JSON.parse(e.data); + self.handleJSONMessage(data); + } catch(e) { + console.error(e); + } + } else { + var arr = new Uint8Array(e.data); + var hex = ''; + for (var i = 0; i < arr.length; i++) { + hex += ('00' + arr[i].toString(16)).substr(-2); + } + console.log("Binary message received: " + hex); + } + } + + this.wsSocket.onclose = function(e) { + console.log("Connection closed."); + this.wsSocket = null; + this.wsIsOpen = false; + } + } + + /* + function sendText() { + if (isopen) { + socket.send("Hello, world!"); + console.log("Text message sent."); + } else { + console.log("Connection not opened.") + } + }; + function sendBinary() { + if (isopen) { + var buf = new ArrayBuffer(32); + var arr = new Uint8Array(buf); + for (i = 0; i < arr.length; ++i) arr[i] = i; + socket.send(buf); + console.log("Binary message sent."); + } else { + console.log("Connection not opened.") + } + }; + */ + getDate(timestamp) { return moment.unix(timestamp).format("YYYY-MM-DD"); } |