codeblue

Author: blueedgetechno

.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
 npm-debug.log
 node_modules
+todo.txt

README.md

@@ -1,5 +1,5 @@
 # codeblue package
 
-A short description of your package.
+This is a wild game
 
 ![A screenshot of your package](https://f.cloud.github.com/assets/69169/2290250/c35d867a-a017-11e3-86be-cd7c5bf3ff9b.gif)

lib/codeblue.js

@@ -5,10 +5,12 @@ import {
   CompositeDisposable,
   Disposable
 } from 'atom';
+import config from './config'
 
 export default {
 
   subscriptions: null,
+  config,
 
   activate(state) {
     this.subscriptions = new CompositeDisposable(

lib/config.js

@@ -0,0 +1,43 @@
+'use babel';
+
+export default {
+  codeforcesHandle: {
+      title: 'Codeforces Handle',
+      order: 1,
+      type: 'string',
+      default: 'blueedgetechno'
+  },
+
+  programmingLanguage: {
+      title: 'Programming Language',
+      order: 2,
+      description: 'The chosen language will only be used for submitting a source file.',
+      type: 'integer',
+      default: 31,
+      enum: [
+          { value: 43, description: 'GNU GCC C11 5.1.0' },
+          { value: 61, description: 'GNU G++17 9.2.0 (64 bit, msys 2)' },
+          { value: 54, description: 'GNU G++17 7.3.0' },
+          { value: 31, description: 'Python 3.7.2' },
+          { value: 41, description: 'PyPy 3.6 (7.2.0)' },
+          { value: 34, description: 'JavaScript V8 4.8.0' },
+          { value: 55, description: 'Node.js 9.4.0' }
+      ]
+  },
+
+  compilationCommand: {
+      title: 'Compilation Command',
+      order: 3,
+      description: 'Remember to also adjust the executable file name in the file structure settings if necessary.',
+      type: 'string',
+      default: 'python'
+  },
+
+  workingDirectory: {
+      title: 'Working directory',
+      order: 4,
+      description: 'Where your source files will be stored during contest',
+      type: 'string',
+      default: 'C:/Users/'
+  }
+}

lib/view/actions.js

@@ -0,0 +1,52 @@
+'use babel';
+
+import React from 'react';
+
+const Actions = ({prob})=>{
+
+  const change = (ele)=>{
+    ele.target.classList.toggle("icon-chevron-right")
+    ele.target.classList.toggle("icon-chevron-down")
+    var val = ele.target.parentElement.nextElementSibling.style.display
+    if(val=="flex"){
+      ele.target.parentElement.nextElementSibling.style.display = "none";
+    }else{
+      ele.target.parentElement.nextElementSibling.style.display = "flex";
+    }
+    // console.log(ele.target.nextElementSibling);
+  }
+
+  return (
+    <div className="actions">
+      <h2 className="title">{prob.alpha} - {prob.name}</h2>
+      <div className="tasks">
+        <div className="task">
+          <div className="up">
+            <span onClick={change} className="icon icon-chevron-right">Examples</span>
+            <button className="actionbutton">Run all</button>
+          </div>
+          <div className="down">
+            <div className="verdict"> <span>example 1</span> <i className="icon icon-check"></i> </div>
+            <div className="verdict"> <span>example 2</span> <i className="icon icon-x"></i> </div>
+            <div className="verdict"> <span>example 3</span> <i className="icon icon-clock"></i> </div>
+            <div className="verdict"> <span>example 3</span> <i className="icon icon-alert"></i> </div>
+          </div>
+        </div>
+        <div className="task">
+          <div className="up">
+            <span onClick={change} className="icon icon-chevron-right">Submissions</span>
+            <button className="actionbutton">Submit</button>
+          </div>
+          <div className="down">
+            <div className="verdict"> <span>example 1</span> <i className="icon icon-check"></i> </div>
+            <div className="verdict"> <span>example 2</span> <i className="icon icon-x"></i> </div>
+            <div className="verdict"> <span>example 3</span> <i className="icon icon-clock"></i> </div>
+            <div className="verdict"> <span>example 3</span> <i className="icon icon-alert"></i> </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Actions;

lib/view/index.js

@@ -2,33 +2,155 @@
 
 import React from 'react';
 import Problems from './problems';
+import config from '../config'
+import request from 'request'
+import cheerio from 'cheerio'
+
+function exec(cmd, handler = function(error, stdout, stderr){
+  console.log(stdout);
+  if(error !== null){
+    console.log(stderr)}
+  }){
+  const childfork = require('child_process');
+  return childfork.exec(cmd, handler);
+}
+
+function couple(x) {
+  if(x<10){
+    return "0"+x
+  }else{
+    return x;
+  }
+}
 
 export default class Root extends React.PureComponent {
   constructor(props){
     super(props);
-    this.state = { num: 663, div: 2, id: 0 };
+    // this.state = { desc: "", id: "", changed: 0, timeremaining: 0};
+    this.state = { desc: "Codeforces Round #663 (Div. 2)", id: 1176, changed: 2, timeremaining: 0}
   }
 
-  display(){
-    var editor = atom.workspace.getActiveTextEditor();
-    if(editor){
-      console.log(editor);
+  fetch(url){
+    return new Promise((resolve, reject) => {
+      request(url, (error, response, body) => {
+        if (!error && response.statusCode == 200) {
+          resolve(body)
+        } else {
+          reject({
+            reason: 'Unable to download page'
+          })
+        }
+      })
+    })
+  }
+
+  timesolver(s){
+    var t = 0
+    s = s.split(":")
+    t+=3600*parseInt(s[0])
+    t+=60*parseInt(s[1])
+    t+=parseInt(s[2])
+    return t
+  }
+
+  scrape(html){
+    $ = cheerio.load(html)
+    var tmp = $('#pageContent > div:nth-child(2) > span').text().trim()
+
+    if(this.state.desc.length==0){
+      var desc = $("#pageContent > div:nth-child(1) > div").text().trim()
+      this.setState({desc: desc})
+    }
+
+    if(tmp.length){
+      this.setState({timeremaining: this.timesolver(tmp)})
+    }else{
+      this.setState({changed: 2})
+      this.setState({timeremaining: 0})
     }
   }
 
-  fetch(){
+  fetchtimeremaining(){
+    var url = "https://codeforces.com/contest/"+this.state.id+"/countdown"
+    this.fetch(url).then((html) => {
+      this.scrape(html)
+    }).catch((error) => {
+      atom.notifications.addWarning(error.reason)
+    })
+  }
 
+  display(){
+    this.setState({changed: 1})
+    this.fetchtimeremaining()
+    var repeat = setInterval(()=>{
+      this.setState({timeremaining: this.state.timeremaining-1})
+      if(this.state.timeremaining==0){
+        this.setState({changed: 2})
+        clearInterval(repeat)
+      }
+
+      this.setState({timeremaining: Math.max(this.state.timeremaining, 0)})
+    },1000)
+  }
+
+  pathfinder(){
+
+    // var editor = atom.workspace.getActiveTextEditor();
+    // if(editor){
+    //   var file = editor.buffer.file
+    //   if(file){
+    //     var filepath = file.path
+    //     exec("python "+filepath);
+    //   }
+    // }
+  }
+
+  Timer({sec}){
+    return(
+      <div className="timer">
+        <span>Before contest</span>
+        <span>{couple(Math.floor(sec/3600))} : {couple(Math.floor((sec%3600)/60))} : {couple(Math.floor((sec%3600)%60))}</span>
+      </div>
+    )
+  }
+
+  fetchinput(event){
+    if(event.target){
+      this.setState({id: event.target.value});
+    }
+    // console.log(this.state);
   }
 
   render() {
 		return (
 			<div>
-        <h2>Codeforces Round #{this.state.num} (Div. {this.state.div})</h2>
-        {this.state.id ? <input type="text"/> : <Problems contest={this.state}/> }
-        <button onClick={()=> this.fetch()}>Submit</button>
+        {this.state.changed ? <h2>{this.state.desc}</h2> : null}
+
+        {this.state.changed==0 ? (
+          <div className="fillup">
+            <span>ContestId</span>
+            <input type="text" value={this.state.id} onChange={this.fetchinput.bind(this)}/>
+            <br/><button onClick={()=> this.display()}>Submit</button>
+          </div>
+        ) : null}
+
+        {this.state.changed==1 ? (
+          <div className="waiting">
+          <this.Timer sec={this.state.timeremaining} />
+            <button onClick={()=>this.fetchtimeremaining()} >Refresh</button>
+          </div>
+        ):null}
+
+        {this.state.changed==2 ? (
+          <Problems contest={this.state}/>
+        ):null}
+
 			</div>
 		);
 	}
 }
+// <button onClick={()=> this.pathfinder()}>Check</button>
 
 // <button onClick={()=> this.toggler()}>Click me</button>
+
+// <Problems contest={this.state} />

lib/view/problem.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 
-const Problem = ({prob})=>{
+const Problem = ({prob,changer})=>{
   if(prob.con==0){
     currentstate = <div className="accepted">Accepted</div>
   }else if (prob.con==1) {
@@ -11,13 +11,15 @@ const Problem = ({prob})=>{
     currentstate = <div className="tle">TLE on {prob.test}</div>
   }else if(prob.con==3){
     currentstate = <div className="queue"></div>
+  }else if(prob.con==4){
+    currentstate = <div className="runtime">RE on {prob.test}</div>
   }else{
     currentstate = <div></div>
   }
   return (
-    <div className="prob">
+    <div onClick={changer} className="prob">
       <span>{prob.alpha} - {prob.name}</span>
-      <span className="totsub">{prob.sub}</span>
+      <span className="totsub"> <i className="icon icon-person"></i> {prob.sub}</span>
       {currentstate}
     </div>
   )

lib/view/problems.js

@@ -2,18 +2,34 @@
 
 import React from 'react'
 import Problem from './problem'
+import Actions from './actions'
 import request from 'request'
 import cheerio from 'cheerio'
 
 export default class Problems extends React.PureComponent {
   constructor(props){
     super(props);
     this.state = {
-      count: 0,
+      curr: 1,
       probs: []
     };
   }
 
+  changecurr(ele){
+    var hd = ele.target.innerText
+    hd = hd.split(" ")
+    var id = hd[0];
+    var i=0
+
+    while(this.state.probs[i]!=null){
+      if(this.state.probs[i].alpha == id){
+        this.setState({curr: i})
+        break;
+      }
+      i++;
+    }
+  }
+
   fetch(url){
     return new Promise((resolve, reject) => {
       request(url, (error, response, body) => {
@@ -39,7 +55,7 @@ export default class Problems extends React.PureComponent {
       }else{
         var nm = $(`#pageContent > div.datatable > div:nth-child(6) > table > tbody > tr:nth-child(${i}) > td:nth-child(2) > div > div:nth-child(1) > a`).text().trim()
         var sub = $(`#pageContent > div.datatable > div:nth-child(6) > table > tbody > tr:nth-child(${i}) > td > a`).text().trim().substring(2)
-        probs.push({alpha: al, name: nm, con: -1, test: 1, sub: sub});
+        probs.push({alpha: al, name: nm, con: i%6-1, test: 1, sub: sub});
       }
       i++;
     }
@@ -57,19 +73,16 @@ export default class Problems extends React.PureComponent {
 
   render(){
     return (
-      <div className="problems">
-        {this.state.probs && this.state.probs.map(prob=>{
-          return (<Problem prob={prob}/>)
-        })
-      }
+      <div className="display">
+        <div className="problems">
+          {this.state.probs.length ? this.state.probs.map(prob=>{
+            return <Problem prob={prob} changer={this.changecurr.bind(this)}/>
+          }) : (
+            <div className="loader"></div>
+          )
+        }
+        </div>
+        {this.state.probs.length ? <Actions prob={this.state.probs[this.state.curr]}/> : null }
       </div>
     )}
 }
-
-// [
-//   {alpha: "A", name: "Suborrays"},
-//   {alpha: "B", name: "Fix you"},
-//   {alpha: "C", name: "Cyclic Permutations"},
-//   {alpha: "D", name: "505"},
-//   {alpha: "E", name: "Pairs of Pairs"}
-// ]

lib/view/rough.js

@@ -0,0 +1,3 @@
+const setup = require('./setup');
+
+setup("C:/Users/Rohan/OneDrive/Atom/codeforces",[{alpha: "A"}])