Invite a collaborator to this project
3 |
4 |
11 |
12 |
--------------------------------------------------------------------------------
/.jshintrc:
--------------------------------------------------------------------------------
1 | {
2 | "bitwise": true,
3 | "curly": false,
4 | "eqeqeq": true,
5 | "forin": true,
6 | "freeze": true,
7 | "immed": true,
8 | "indent": 2,
9 | "latedef": true,
10 | "newcap": true,
11 | "noarg": true,
12 | "noempty": true,
13 | "nonbsp": true,
14 | "nonew": false,
15 | "quotmark": "single",
16 | "undef": true,
17 |
18 | "maxcomplexity": 10,
19 | "maxdepth": 4,
20 | "maxlen": 120,
21 | "maxparams": 5,
22 | "maxstatements": 25,
23 |
24 | "eqnull": true,
25 | "esnext": true,
26 |
27 | "node": true
28 | }
--------------------------------------------------------------------------------
/dev.yml:
--------------------------------------------------------------------------------
1 | server:
2 | build: .
3 | ports:
4 | - "80:80"
5 | - "9000:9000"
6 | - "9001:9001"
7 | links:
8 | - "db"
9 | - "mongo"
10 | volumes:
11 | - ./data:/app/data
12 | - ./config:/app/config
13 | - ./server:/app/server
14 | - ./client:/app/client
15 | environment:
16 | NODE_ENV: docker-local
17 | PORT: 80
18 | db:
19 | image: tutum/mysql:5.5
20 | ports:
21 | - "3306:3306"
22 | environment:
23 | MYSQL_PASS: "6gdP7R3adDYNehj"
24 | mongo:
25 | image: dockerfile/mongodb
26 | ports:
27 | - "27017:27017"
--------------------------------------------------------------------------------
/RETHINKDB_TODO.md:
--------------------------------------------------------------------------------
1 | ## Mongo to RethinkDB Migration
2 |
3 | - File uses a `submitAsync` function which is part of LiveDB
4 | 1. DONE server/file/fileController.js
5 | - File uses Mongo in 2 places to get/set file structure of a project
6 | 1. DONE server/file/uploadController.js
7 | - File uses a `submitAsync` function which is part of LiveDB
8 | 1. DONE server/chatServer.js
9 | - Chat room table names are note being created. Will throw an error.
10 | 1. DONE server/deleteAllDatabases.js
11 | 1. DONE server/liveDbClient.js
12 | - Uses the RethinkDB/MongoDB Live DB client module
13 |
--------------------------------------------------------------------------------
/client/app/project/chat/video/video.js:
--------------------------------------------------------------------------------
1 | /*global angular:true */
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.video', ['ngSanitize'])
6 | .controller('VideoController', VideoController);
7 |
8 | VideoController.$inject = ['$scope', '$state', '$stateParams', 'VideoFactory'];
9 |
10 | function VideoController($scope, $state, $stateParams, VideoFactory) {
11 | var roomID = $stateParams.projectName;
12 |
13 | $scope.$on('STARTVIDEO', function () {
14 | VideoFactory.connect(roomID);
15 | window.isVideoOn = true;
16 | });
17 | };
18 | })();
--------------------------------------------------------------------------------
/server/project/getProject.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var models = require('../models.js').models;
4 |
5 | var getProject = function (projectNameOrId) {
6 | return models.Project
7 | .query({
8 | where: {
9 | project_name: projectNameOrId
10 | },
11 | orWhere: {
12 | id: projectNameOrId
13 | }
14 | })
15 | .fetch({
16 | withRelated: ['user']
17 | })
18 | .then(function (project) {
19 | if (!project) throw new Error('No Model Could Be Found');
20 | return project;
21 | });
22 | };
23 |
24 | module.exports = getProject;
--------------------------------------------------------------------------------
/server/template/templateRouter.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var express = require('express');
4 | var templateController = require('./templateController.js');
5 |
6 | var templateRouter = express.Router();
7 |
8 | templateRouter.get('/', templateController.getAllTemplates);
9 | templateRouter.post('/', templateController.createNewTemplate);
10 | templateRouter.put('/newName', templateController.updateTemplateName);
11 | templateRouter.put('/newGitRepoUrl', templateController.updateGitRepoUrl);
12 | templateRouter.delete('/', templateController.deleteTemplate);
13 |
14 | module.exports = templateRouter;
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | !*
2 | !*.*
3 |
4 | # Dependency directory
5 | node_modules
6 | client/lib
7 | client/dist
8 | client/dist/*
9 | client/dist/main.js
10 | client/dist/main.css
11 |
12 | # Ingore Config
13 | config/*
14 | !config/default.json
15 | !config/test.json
16 |
17 | ### OSX ###
18 | .DS_Store
19 |
20 | # Ignore .nws and zips
21 | *.nw
22 | *.zip
23 |
24 | data/*
25 | data/**/*
26 | data/logs/*
27 | data/logs/**/*
28 | data/tmp/*
29 | data/tmp/**/*
30 | !data/logs/.gitkeep
31 | !data/tmp/.gitkeep
32 | !data/git-repositories/.gitkeep
33 |
34 | # Ignore Fabfile
35 | fabfile.py
36 | fabfile.pyc
37 | **/*.pyc
--------------------------------------------------------------------------------
/client/node-webkit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
3 |
4 |
5 |
15 |
--------------------------------------------------------------------------------
/client/app/services/toolbarFactory.js:
--------------------------------------------------------------------------------
1 | /*global angular:true*/
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.services')
6 | .factory('ToolbarFactory', ToolbarFactory);
7 |
8 | ToolbarFactory.$inject = ['$rootScope'];
9 |
10 | function ToolbarFactory($rootScope) {
11 |
12 | var factory = {
13 | theme: 'default',
14 | changeTheme: changeTheme
15 | };
16 | return factory;
17 |
18 | function changeTheme(theme) {
19 | ToolbarFactory.theme = theme;
20 | $rootScope.$broadcast('theme:changed', theme);
21 | $rootScope.$emit('theme:changed', theme);
22 | }
23 |
24 | }
25 |
26 | })();
--------------------------------------------------------------------------------
/server/auth/authRouter.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var express = require('express');
4 | var authControllers = require('./authController');
5 |
6 | var auth = require('./index');
7 | var authRouter = express.Router();
8 |
9 | authRouter.use('/login/callback', auth.authenticate('github'), function (req, res) {
10 | res.redirect('/#/home');
11 | });
12 | authRouter.post('/login', auth.authenticate('local'), authControllers.login);
13 | authRouter.get('/login', auth.authenticate('github'));
14 | authRouter.post('/signup', authControllers.signup);
15 | authRouter.use('/user', authControllers.getUser);
16 | authRouter.use('/logout', authControllers.logout);
17 |
18 | module.exports = authRouter;
--------------------------------------------------------------------------------
/client/app/landing/landing.js:
--------------------------------------------------------------------------------
1 | /*global angular:true */
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.landing', ['ui.router'])
6 | .controller('LandingController', LandingController);
7 |
8 | LandingController.$inject = ['$window'];
9 |
10 | function LandingController($window) {
11 | var vm = this;
12 | vm.init = init;
13 |
14 | function init() {
15 | var wistiaEmbed = window.Wistia.embed('j63zsovroj', {
16 | version: 'v1',
17 | autoPlay: true,
18 | videoFoam: true
19 | });
20 | wistiaEmbed.bind('end', function () {
21 | wistiaEmbed.play();
22 | });
23 | }
24 | init();
25 | }
26 | })();
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_index.scss:
--------------------------------------------------------------------------------
1 | @import '_3024-day.scss';
2 | @import '_3024-night.scss';
3 | @import '_ambiance.scss';
4 | @import '_base16-dark.scss';
5 | @import '_base16-light.scss';
6 | @import '_blackboard.scss';
7 | @import '_cobalt.scss';
8 | @import '_eclipse.scss';
9 | @import '_elegant.scss';
10 | @import '_lesser-dark.scss';
11 | @import '_midnight.scss';
12 | @import '_monokai.scss';
13 | @import '_neat.scss';
14 | @import '_neo.scss';
15 | @import '_night.scss';
16 | @import '_paraiso-dark.scss';
17 | @import '_paraiso-light.scss';
18 | @import '_pastel-on-dark.scss';
19 | @import '_solarized.scss';
20 | @import '_twilight.scss';
21 | @import '_vibrant-ink.scss';
22 | @import '_xq-dark.scss';
23 | @import '_xq-light.scss';
--------------------------------------------------------------------------------
/server/tests/index.js:
--------------------------------------------------------------------------------
1 | /*global describe:true, before: true, after: true */
2 | 'use strict';
3 |
4 | var db = require('../db');
5 | var deleteAllDatabases = require('../deleteAllDatabases');
6 |
7 | describe('Code Friends', function () {
8 |
9 | before(function (done) {
10 | // createAllTables is promise
11 | db.createAllTables.then(function () {
12 | done();
13 | });
14 | });
15 |
16 | require('./db.tests.js');
17 | require('./integration');
18 |
19 | // Delete All Test Tables
20 | after(function (done) {
21 | deleteAllDatabases()
22 | .then(function () {
23 | done();
24 | })
25 | .catch(function (err) {
26 | console.log('Didn\'t delete tables:', err);
27 | });
28 | });
29 |
30 | });
--------------------------------------------------------------------------------
/server/api.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var projectRouter = require('./project/projectRoutes');
4 | var userRouter = require('./user/userRoutes');
5 | var fileRouter = require('./file/fileRouter');
6 | var templateRouter = require('./template/templateRouter');
7 | // var uploadRouter = require('./upload/uploadRoutes');
8 | // var downloadRouter = require('./download/downloadRoutes');
9 | var express = require('express');
10 |
11 | var apiRouter = express.Router();
12 |
13 | apiRouter.use('/file', fileRouter);
14 | apiRouter.use('/project', projectRouter);
15 | apiRouter.use('/template', templateRouter);
16 | apiRouter.use('/user', userRouter);
17 | // apiRouter.use('/upload', uploadRouter);
18 | // apiRouter.use('/download', downloadRouter);
19 |
20 | module.exports = apiRouter;
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_neat.scss:
--------------------------------------------------------------------------------
1 | .cm-s-neat span.cm-comment { color: #a86; }
2 | .cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
3 | .cm-s-neat span.cm-string { color: #a22; }
4 | .cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
5 | .cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
6 | .cm-s-neat span.cm-variable { color: black; }
7 | .cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
8 | .cm-s-neat span.cm-meta {color: #555;}
9 | .cm-s-neat span.cm-link { color: #3a3; }
10 |
11 | .cm-s-neat .CodeMirror-activeline-background {background: #e8f2ff !important;}
12 | .cm-s-neat .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
13 |
--------------------------------------------------------------------------------
/server/project/projectRoutes.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var express = require('express');
4 | var projectController = require('./projectController.js');
5 |
6 | var projectRouter = express.Router();
7 |
8 | projectRouter.post('/', projectController.post);
9 | projectRouter.get('/', projectController.getAllProjects);
10 | projectRouter.get('/download/:projectNameOrId', projectController.downloadSpecificProject);
11 | projectRouter.get('/:projectNameOrId', projectController.getSpecificProject);
12 | projectRouter.put('/addUser', projectController.addUser);
13 | // projectRouter.post('/add', projectController.addToRepository);
14 | // projectRouter.post('/commit', projectController.commitToRepository);
15 | projectRouter.delete('/:projectNameOrId', projectController.delete);
16 |
17 | module.exports = projectRouter;
--------------------------------------------------------------------------------
/server/file/writeFileAndDirectory.js:
--------------------------------------------------------------------------------
1 | /*jshint node:true */
2 | 'use strict';
3 |
4 | var Promise = require('bluebird');
5 | var fs = Promise.promisifyAll(require('fs'));
6 | var mkdirp = Promise.promisify(require('mkdirp'));
7 | var path = require('path');
8 |
9 | var writeFileAndDirecotry = function (filePath, fileContents) {
10 | return fs.exists(path.dirname(filePath))
11 | .then(function (exists) {
12 | if (!exists) {
13 | // Create directory if it doesn't exist
14 | return mkdirp(filePath);
15 | }
16 | return true;
17 | })
18 | .then(function () {
19 | return fs.writeFileAsync(filePath, fileContents);
20 | })
21 | .catch(function (err) {
22 | console.log('Error Writing File', filePath, err);
23 | });
24 | };
25 |
26 | module.exports = writeFileAndDirecotry;
27 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | sudo: true
2 | language: node_js
3 | services:
4 | - mongodb
5 | before_install:
6 | - npm update -g npm
7 | - sudo add-apt-repository ppa:rethinkdb/ppa -y
8 | - sudo add-apt-repository -y ppa:ubuntu-toolchain-r/test
9 | - sudo apt-get -qq update
10 | - sudo apt-get -qq install g++-4.8
11 | - sudo apt-get -y --force-yes install rethinkdb
12 | - export CXX='g++-4.8'
13 | before_script:
14 | - npm install -g gulp
15 | - sudo cp /etc/rethinkdb/default.conf.sample /etc/rethinkdb/instances.d/instance1.conf
16 | - sudo /etc/init.d/rethinkdb start
17 | - mysql -e 'create database code_friends;'
18 | - mysql -e 'create database code_friends_test;'
19 | node_js:
20 | - '0.10'
21 | branches:
22 | only:
23 | - master
24 | notifications:
25 | email: false
26 | git:
27 | depth: 1
28 | script: npm --expose-gc test
29 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_elegant.scss:
--------------------------------------------------------------------------------
1 | .cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom {color: #762;}
2 | .cm-s-elegant span.cm-comment {color: #262; font-style: italic; line-height: 1em;}
3 | .cm-s-elegant span.cm-meta {color: #555; font-style: italic; line-height: 1em;}
4 | .cm-s-elegant span.cm-variable {color: black;}
5 | .cm-s-elegant span.cm-variable-2 {color: #b11;}
6 | .cm-s-elegant span.cm-qualifier {color: #555;}
7 | .cm-s-elegant span.cm-keyword {color: #730;}
8 | .cm-s-elegant span.cm-builtin {color: #30a;}
9 | .cm-s-elegant span.cm-link {color: #762;}
10 | .cm-s-elegant span.cm-error {background-color: #fdd;}
11 |
12 | .cm-s-elegant .CodeMirror-activeline-background {background: #e8f2ff !important;}
13 | .cm-s-elegant .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
14 |
--------------------------------------------------------------------------------
/knexfile.js:
--------------------------------------------------------------------------------
1 | // Update with your config settings.
2 |
3 | module.exports = {
4 |
5 | development: {
6 | client: 'sqlite3',
7 | connection: {
8 | filename: './dev.sqlite3'
9 | }
10 | },
11 |
12 | staging: {
13 | client: 'postgresql',
14 | connection: {
15 | database: 'my_db',
16 | user: 'username',
17 | password: 'password'
18 | },
19 | pool: {
20 | min: 2,
21 | max: 10
22 | },
23 | migrations: {
24 | tableName: 'knex_migrations'
25 | }
26 | },
27 |
28 | production: {
29 | client: 'postgresql',
30 | connection: {
31 | database: 'my_db',
32 | user: 'username',
33 | password: 'password'
34 | },
35 | pool: {
36 | min: 2,
37 | max: 10
38 | },
39 | migrations: {
40 | tableName: 'knex_migrations'
41 | }
42 | }
43 |
44 | };
45 |
--------------------------------------------------------------------------------
/client/app/templates/modalMoveFile.html:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
2 |
--------------------------------------------------------------------------------
/client/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Move File/Folder
3 |
4 |
19 |
5 |
8 |
12 |
13 |
18 |
2 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM ubuntu:trusty
2 | MAINTAINER thejsj
3 |
4 | # Install base packages
5 | ENV DEBIAN_FRONTEND noninteractive
6 | RUN apt-key adv --keyserver keyserver.ubuntu.com --recv 7F0CEB10
7 | RUN apt-get update
8 | # ESSENTIALS
9 | RUN apt-get -yq install curl git software-properties-common wget
10 | # Node JS
11 | RUN wget -nv bit.ly/iojs-dev -O /tmp/iojs-dev.sh
12 | RUN bash /tmp/iojs-dev.sh
13 | # MySQL
14 | RUN apt-get -yq install mysql-client
15 | # NPM
16 | RUN npm install -g gulp bower
17 | # Remove Source Lists
18 | RUN rm -rf /var/lib/apt/lists/*
19 |
20 | #
21 | # Add App
22 | #
23 | WORKDIR /app/
24 |
25 | ADD package.json /app/package.json
26 | RUN npm install
27 | ADD .bowerrc /app/.bowerrc
28 | ADD bower.json /app/bower.json
29 | RUN bower install --allow-root
30 |
31 | ADD client /app/client
32 | ADD server /app/server
33 | ADD config /app/config
34 | ADD run.sh /run.sh
35 | RUN chmod -R 777 /run.sh
36 | RUN chmod +x /run.sh
37 | ADD gulpfile.js /app/gulpfile.js
38 | RUN gulp
39 |
40 | RUN mkdir -p /data/db
41 |
42 | EXPOSE 80 9000 9001
43 | WORKDIR /
44 | ENTRYPOINT ["/run.sh"]
45 |
--------------------------------------------------------------------------------
/.jscsrc:
--------------------------------------------------------------------------------
1 | {
2 | "preset": "google",
3 |
4 | "disallowEmptyBlocks": true,
5 | "disallowImplicitTypeConversion": [
6 | "boolean",
7 | "numeric",
8 | "string"
9 | ],
10 | "disallowKeywords": [
11 | "continue",
12 | "eval",
13 | "with"
14 | ],
15 | "disallowKeywordsOnNewLine": ["else"],
16 | "disallowMultipleVarDecl": "exceptUndefined",
17 | "disallowPaddingNewlinesInBlocks": true,
18 | "disallowQuotedKeysInObjects": true,
19 | "disallowSpaceAfterObjectKeys": true,
20 | "disallowSpaceBeforePostfixUnaryOperators": true,
21 | "disallowSpacesInCallExpression": true,
22 | "disallowSpacesInFunction": {
23 | "beforeOpeningRoundBrace": true
24 | },
25 | "disallowTrailingComma": true,
26 | "requireCapitalizedConstructors": true,
27 | "requireCommaBeforeLineBreak": true,
28 | "requireCurlyBraces": true,
29 | "requireDotNotation": true,
30 | "requireParenthesesAroundIIFE": true,
31 | "requireSpaceBeforeBlockStatements": true,
32 | "requireSpaceBeforeKeywords": ["else"],
33 | "requireSpaceBeforeObjectValues": true,
34 | "validateParameterSeparator": ", "
35 | }
--------------------------------------------------------------------------------
/client/app/templates/mainHeader.html:
--------------------------------------------------------------------------------
1 | Add a folder to this project
3 |
4 |
21 |
5 |
8 |
12 |
13 |
20 |
2 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 code-friends
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_neo.scss:
--------------------------------------------------------------------------------
1 | /* neo theme for codemirror */
2 |
3 | /* Color scheme */
4 |
5 | .cm-s-neo.CodeMirror {
6 | background-color:#ffffff;
7 | color:#2e383c;
8 | line-height:1.4375;
9 | }
10 | .cm-s-neo .cm-comment {color:#75787b}
11 | .cm-s-neo .cm-keyword, .cm-s-neo .cm-property {color:#1d75b3}
12 | .cm-s-neo .cm-atom,.cm-s-neo .cm-number {color:#75438a}
13 | .cm-s-neo .cm-node,.cm-s-neo .cm-tag {color:#9c3328}
14 | .cm-s-neo .cm-string {color:#b35e14}
15 | .cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier {color:#047d65}
16 |
17 |
18 | /* Editor styling */
19 |
20 | .cm-s-neo pre {
21 | padding:0;
22 | }
23 |
24 | .cm-s-neo .CodeMirror-gutters {
25 | border:none;
26 | border-right:10px solid transparent;
27 | background-color:transparent;
28 | }
29 |
30 | .cm-s-neo .CodeMirror-linenumber {
31 | padding:0;
32 | color:#e0e2e5;
33 | }
34 |
35 | .cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
36 | .cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }
37 |
38 | .cm-s-neo div.CodeMirror-cursor {
39 | width: auto;
40 | border: 0;
41 | background: rgba(155,157,162,0.37);
42 | z-index: 1;
43 | }
44 |
--------------------------------------------------------------------------------
/client/app/templates/modalAddFile.html:
--------------------------------------------------------------------------------
1 |
3 |
9 |
26 | -
10 | Login
11 |
-
12 |
13 |
14 | {{user.userName}} 15 | 16 | 23 |
24 |
2 |
--------------------------------------------------------------------------------
/contributing.md:
--------------------------------------------------------------------------------
1 | # Contributing
2 |
3 | ## General Workflow
4 |
5 | 1. Fork the repo
6 | 1. Cut a namespaced feature branch from master
7 | - bug/...
8 | - feat/...
9 | - test/...
10 | - doc/...
11 | - refactor/...
12 | 1. Make commits to your feature branch. Prefix each commit like so:
13 | - (feat) Added a new feature
14 | - (fix) Fixed inconsistent tests [Fixes #0]
15 | - (refactor) ...
16 | - (cleanup) ...
17 | - (test) ...
18 | - (doc) ...
19 | 1. When you've finished with your fix or feature, Rebase upstream changes into your branch. submit a [pull request](https://github.com/selfhub/selfhub/pulls)
20 | directly to master. Include a description of your changes.
21 | 1. Your pull request will be reviewed by another maintainer. The point of code
22 | reviews is to help keep the codebase clean and of high quality and, equally
23 | as important, to help you grow as a programmer. If your code reviewer
24 | requests you make a change you don't understand, ask them why.
25 | 1. Fix any issues raised by your code reviwer, and push your fixes as a single
26 | new commit.
27 | 1. Once the pull request has been reviewed, it will be merged by another member of the team.
--------------------------------------------------------------------------------
/server/sharejs/socketHandler.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var sharejs = require('share');
3 | var Duplex = require('stream').Duplex;
4 | var backend = require('../liveDbClient');
5 | var share = sharejs.server.createClient({
6 | backend: backend
7 | });
8 |
9 | var socketConnectionHandler = function (client) {
10 | var stream = new Duplex({
11 | objectMode: true
12 | });
13 | stream._write = function (chunk, encoding, callback) {
14 | client.send(JSON.stringify(chunk));
15 | return callback();
16 | };
17 | stream._read = function () {};
18 | stream.headers = client.upgradeReq.headers;
19 | stream.remoteAddress = client.upgradeReq.connection.remoteAddress;
20 |
21 | client.on('message', function (data) {
22 | return stream.push(JSON.parse(data));
23 | });
24 | stream.on('error', function (msg) {
25 | return client.close(msg);
26 | });
27 | client.on('close', function (reason) {
28 | stream.push(null);
29 | stream.emit('close');
30 | return client.close(reason);
31 | });
32 | stream.on('end', function () {
33 | return client.close();
34 | });
35 | return share.listen(stream);
36 | };
37 |
38 | module.exports = socketConnectionHandler;
39 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "CodeFriends",
3 | "version": "0.0.0",
4 | "homepage": "https://github.com/code-friends/CodeFriends",
5 | "authors": [
6 | "CodeFriends"
7 | ],
8 | "description": "Remote pair/group programming environment",
9 | "main": "client/index.html",
10 | "keywords": [
11 | "programming",
12 | "environment",
13 | "pair",
14 | "group",
15 | "chat",
16 | "video"
17 | ],
18 | "license": "MIT",
19 | "ignore": [
20 | "**/.*",
21 | "node_modules",
22 | "bower_components",
23 | "test",
24 | "tests"
25 | ],
26 | "dependencies": {
27 | "angular": "~1.3.7",
28 | "angular-ui-router": "~0.2.13",
29 | "angular-ui-utils": "bower-keypress",
30 | "ngSocket": "~0.2.1",
31 | "normalize.css": "~3.0.2",
32 | "jshashes": "~1.0.5",
33 | "moment": "~2.8.4",
34 | "angular-sanitize": "~1.3.8",
35 | "bootstrap-sass-official": "3.3.1",
36 | "angular-bootstrap": "~0.12.0",
37 | "bootstrap-social": "~4.8.0",
38 | "angular-scroll-glue": "~2.0.3",
39 | "ng-file-upload": "~2.0.5",
40 | "lodash": "~2.4.1",
41 | "q": "~2.0.2",
42 | "codemirror": "~4.11.0"
43 | },
44 | "resolutions": {
45 | "angular": "~1.3.8"
46 | }
47 | }
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_eclipse.scss:
--------------------------------------------------------------------------------
1 | .cm-s-eclipse span.cm-meta {color: #FF1717;}
2 | .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
3 | .cm-s-eclipse span.cm-atom {color: #219;}
4 | .cm-s-eclipse span.cm-number {color: #164;}
5 | .cm-s-eclipse span.cm-def {color: #00f;}
6 | .cm-s-eclipse span.cm-variable {color: black;}
7 | .cm-s-eclipse span.cm-variable-2 {color: #0000C0;}
8 | .cm-s-eclipse span.cm-variable-3 {color: #0000C0;}
9 | .cm-s-eclipse span.cm-property {color: black;}
10 | .cm-s-eclipse span.cm-operator {color: black;}
11 | .cm-s-eclipse span.cm-comment {color: #3F7F5F;}
12 | .cm-s-eclipse span.cm-string {color: #2A00FF;}
13 | .cm-s-eclipse span.cm-string-2 {color: #f50;}
14 | .cm-s-eclipse span.cm-qualifier {color: #555;}
15 | .cm-s-eclipse span.cm-builtin {color: #30a;}
16 | .cm-s-eclipse span.cm-bracket {color: #cc7;}
17 | .cm-s-eclipse span.cm-tag {color: #170;}
18 | .cm-s-eclipse span.cm-attribute {color: #00c;}
19 | .cm-s-eclipse span.cm-link {color: #219;}
20 | .cm-s-eclipse span.cm-error {color: #f00;}
21 |
22 | .cm-s-eclipse .CodeMirror-activeline-background {background: #e8f2ff !important;}
23 | .cm-s-eclipse .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
24 |
--------------------------------------------------------------------------------
/client/assets/scss/_base.scss:
--------------------------------------------------------------------------------
1 | * {
2 | box-sizing: border-box;
3 | }
4 |
5 | html {
6 | font-size: 62.5%;
7 | height: 100%;
8 | padding: 0;
9 | margin: 0;
10 | background-color: $silver-blue;
11 | }
12 |
13 | body {
14 | font-family: $Proxima-font-stack;
15 | font-size: 1.3em;
16 | padding: 0;
17 | margin: 0;
18 | }
19 |
20 | a {
21 | text-decoration: none;
22 | color: inherit;
23 | &:hover {
24 | text-decoration: none;
25 | color: inherit;
26 | }
27 | }
28 |
29 | ul {
30 | list-style: none;
31 | padding: 0;
32 | }
33 |
34 | h1, h2, h3, h4, h5, h6 {
35 | font-family: $Brandon-font-stack;
36 | text-transform: uppercase;
37 | font-weight: 400;
38 | }
39 |
40 | h4 {
41 | font-weight: 700;
42 | font-size: 0.70em;
43 | letter-spacing: 0.05em;
44 | padding-left: 1.33em;
45 | padding-top: 1.33em;
46 | margin: 0;
47 | }
48 |
49 | .avatar-48 {
50 | width: 29px;
51 | height: 29px;
52 | border-radius: 50%;
53 | }
54 |
55 | .avatar-72 {
56 | width: 32px;
57 | height: 32px;
58 | border-radius: 50%;
59 | }
60 |
61 | .tab-content {
62 | padding-top: 20px;
63 | @include placeholder-color($light-grey);
64 | }
65 |
66 | .main-view {
67 | overflow-x: hidden;
68 | }
69 |
70 | button {
71 | background: none;
72 | border: 0;
73 | }
--------------------------------------------------------------------------------
/client/app/project/uploads/uploads.js:
--------------------------------------------------------------------------------
1 | /*global angular:true */
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.uploads', [])
6 | .controller('UploadsController', ['$scope', '$state', '$stateParams', '$http', '$upload', function ($scope, $state, $stateParams, $http, $upload) {
7 |
8 | $scope.onFileSelect = function (files) {
9 | var uploadFile = function (fileIndex) {
10 | return $upload.upload({
11 | method: 'POST',
12 | url: '/api/file/upload',
13 | data: {
14 | filePath: files[fileIndex].name,
15 | projectName: $stateParams.projectName,
16 | },
17 | file: files[fileIndex]
18 | })
19 | .then(function (newFileStructure) {
20 | if (files.length > fileIndex + 1) {
21 | return uploadFile(fileIndex + 1);
22 | } else {
23 | return true;
24 | }
25 | })
26 | .catch(function (error) {
27 | console.log('Error Uploading File: ', error);
28 | });
29 | };
30 | uploadFile(0)
31 | .then(function () {
32 | // TODO: Add Socket .send
33 | });
34 | };
35 | //get request to reload with updated files
36 | }]);
37 | })();
--------------------------------------------------------------------------------
/server/tests/integration/login.js:
--------------------------------------------------------------------------------
1 | /*jshint node:true */
2 | 'use strict';
3 |
4 | module.exports = function (agent) {
5 | return function () {
6 | return agent
7 | .post('/auth/signup')
8 | .send({
9 | email: 'brady@brady.com',
10 | password: 'basketball'
11 | })
12 | .then(function () {
13 | return agent
14 | .post('/auth/login')
15 | .send({
16 | email: 'brady@brady.com',
17 | password: 'basketball'
18 | });
19 | })
20 | .then(function () {
21 | return agent
22 | .post('/auth/signup')
23 | .send({
24 | email: 'brees@brees.com',
25 | password: 'soccer'
26 | });
27 | })
28 | .then(function () {
29 | return agent
30 | .post('/auth/login')
31 | .send({
32 | email: 'brees@brees.com',
33 | password: 'soccer'
34 | });
35 | })
36 | .then(function () {
37 | return agent
38 | .post('/auth/login')
39 | .send({
40 | email: 'rodgers@rodgers.com',
41 | password: 'rugby'
42 | });
43 | })
44 | .then(function () {
45 | return agent
46 | .get('/auth/user');
47 | })
48 | .catch(function (err) {
49 | console.log('Error Logging user in:', err);
50 | });
51 | };
52 | };
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_cobalt.scss:
--------------------------------------------------------------------------------
1 | .cm-s-cobalt.CodeMirror { background: #002240; color: white; }
2 | .cm-s-cobalt div.CodeMirror-selected { background: #b36539 !important; }
3 | .cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
4 | .cm-s-cobalt .CodeMirror-guttermarker { color: #ffee80; }
5 | .cm-s-cobalt .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
6 | .cm-s-cobalt .CodeMirror-linenumber { color: #d0d0d0; }
7 | .cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white !important; }
8 |
9 | .cm-s-cobalt span.cm-comment { color: #08f; }
10 | .cm-s-cobalt span.cm-atom { color: #845dc4; }
11 | .cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; }
12 | .cm-s-cobalt span.cm-keyword { color: #ffee80; }
13 | .cm-s-cobalt span.cm-string { color: #3ad900; }
14 | .cm-s-cobalt span.cm-meta { color: #ff9d00; }
15 | .cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; }
16 | .cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def { color: white; }
17 | .cm-s-cobalt span.cm-bracket { color: #d8d8d8; }
18 | .cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; }
19 | .cm-s-cobalt span.cm-link { color: #845dc4; }
20 | .cm-s-cobalt span.cm-error { color: #9d1e15; }
21 |
22 | .cm-s-cobalt .CodeMirror-activeline-background {background: #002D57 !important;}
23 | .cm-s-cobalt .CodeMirror-matchingbracket {outline:1px solid grey;color:white !important}
24 |
--------------------------------------------------------------------------------
/client/app/services/videoFactory.js:
--------------------------------------------------------------------------------
1 | /*global angular:true, moment:true, _:true */
2 |
3 | /*global angular:true*/
4 |
5 | (function () {
6 | 'use strict';
7 |
8 | angular.module('codeFriends.services')
9 | .factory('VideoFactory', VideoFactory);
10 | VideoFactory.$inject = [];
11 |
12 | function VideoFactory() {
13 | var iceComm;
14 |
15 | try {
16 | iceComm = new Icecomm('SlMXTAEgn5hs1ITxylVfrhi1wh4StgGLeDHrMxEpsaGRsOa');
17 | } catch (err) {
18 | console.log('Could not load IceComm');
19 | }
20 |
21 | if (!iceComm) return null;
22 |
23 | iceComm.on('connected', function (options) {
24 | createRemoteVideo(options.stream, options.callerID);
25 | });
26 |
27 | iceComm.on('local', function (options) {
28 | localVideo.src = options.stream;
29 | });
30 |
31 | iceComm.on('disconnect', function (options) {
32 | document.getElementById(options.callerID).remove();
33 | });
34 |
35 | function createRemoteVideo(stream, key) {
36 | var remoteVideo = document.createElement('video');
37 | remoteVideo.src = stream;
38 | remoteVideo.id = key;
39 | remoteVideo.autoplay = true;
40 | remoteVideo.className = ('remoteContainer');
41 | var findRemotesID = document.getElementById('remotes');
42 | findRemotesID.appendChild(remoteVideo);
43 | }
44 |
45 | window.isVideoOn = false;
46 |
47 | return iceComm;
48 | }
49 | })();
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_monokai.scss:
--------------------------------------------------------------------------------
1 | /* Based on Sublime Text's Monokai theme */
2 |
3 | .cm-s-monokai.CodeMirror {background: #272822; color: #f8f8f2;}
4 | .cm-s-monokai div.CodeMirror-selected {background: #49483E !important;}
5 | .cm-s-monokai .CodeMirror-gutters {background: #272822; border-right: 0px;}
6 | .cm-s-monokai .CodeMirror-guttermarker { color: white; }
7 | .cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
8 | .cm-s-monokai .CodeMirror-linenumber {color: #d0d0d0;}
9 | .cm-s-monokai .CodeMirror-cursor {border-left: 1px solid #f8f8f0 !important;}
10 |
11 | .cm-s-monokai span.cm-comment {color: #75715e;}
12 | .cm-s-monokai span.cm-atom {color: #ae81ff;}
13 | .cm-s-monokai span.cm-number {color: #ae81ff;}
14 |
15 | .cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {color: #a6e22e;}
16 | .cm-s-monokai span.cm-keyword {color: #f92672;}
17 | .cm-s-monokai span.cm-string {color: #e6db74;}
18 |
19 | .cm-s-monokai span.cm-variable {color: #a6e22e;}
20 | .cm-s-monokai span.cm-variable-2 {color: #9effff;}
21 | .cm-s-monokai span.cm-def {color: #fd971f;}
22 | .cm-s-monokai span.cm-bracket {color: #f8f8f2;}
23 | .cm-s-monokai span.cm-tag {color: #f92672;}
24 | .cm-s-monokai span.cm-link {color: #ae81ff;}
25 | .cm-s-monokai span.cm-error {background: #f92672; color: #f8f8f0;}
26 |
27 | .cm-s-monokai .CodeMirror-activeline-background {background: #373831 !important;}
28 | .cm-s-monokai .CodeMirror-matchingbracket {
29 | text-decoration: underline;
30 | color: white !important;
31 | }
32 |
--------------------------------------------------------------------------------
/server/index.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var config = require('config');
4 |
5 | console.log('config:', config);
6 |
7 | //dependencies
8 | var bodyParser = require('body-parser'),
9 | session = require('express-session'),
10 | express = require('express'),
11 | chatServer = require('./chatServer.js'),
12 | shareJSServer = require('./sharejs/shareJSServer');
13 |
14 | // Set routes
15 | var clientConfigParser = require('./clientConfigParser');
16 | var auth = require('./auth');
17 | var authRouter = require('./auth/authRouter');
18 | var apiRouter = require('./api');
19 |
20 | // Init app
21 | var app = express();
22 |
23 | // Middlewares
24 | app
25 | .use(bodyParser.urlencoded({
26 | extended: true
27 | }))
28 | .use(bodyParser.json())
29 | .use(session({
30 | secret: 'zfnzkwjehgweghw',
31 | resave: false,
32 | saveUninitialized: true
33 | }))
34 | .use(auth.initialize())
35 | .use(auth.session());
36 |
37 | // Set Routes
38 | app
39 | .use('/config.js', clientConfigParser)
40 | .use(express.static(__dirname + '/../client'))
41 | .use('/auth', authRouter)
42 | .use('/api', apiRouter)
43 | .listen(config.get('ports').http, function () {
44 | console.log('Server listening on port:', config.get('ports').http);
45 | });
46 |
47 | chatServer.listen(config.get('ports').chat);
48 | shareJSServer.listen(config.get('ports').editor);
49 | console.log('Chat listening on port:', config.get('ports').chat);
50 | console.log('Editor listening on port:', config.get('ports').editor);
51 |
52 | module.exports = app;
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_night.scss:
--------------------------------------------------------------------------------
1 | /* Loosely based on the Midnight Textmate theme */
2 |
3 | .cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
4 | .cm-s-night div.CodeMirror-selected { background: #447 !important; }
5 | .cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
6 | .cm-s-night .CodeMirror-guttermarker { color: white; }
7 | .cm-s-night .CodeMirror-guttermarker-subtle { color: #bbb; }
8 | .cm-s-night .CodeMirror-linenumber { color: #f8f8f8; }
9 | .cm-s-night .CodeMirror-cursor { border-left: 1px solid white !important; }
10 |
11 | .cm-s-night span.cm-comment { color: #6900a1; }
12 | .cm-s-night span.cm-atom { color: #845dc4; }
13 | .cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
14 | .cm-s-night span.cm-keyword { color: #599eff; }
15 | .cm-s-night span.cm-string { color: #37f14a; }
16 | .cm-s-night span.cm-meta { color: #7678e2; }
17 | .cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
18 | .cm-s-night span.cm-variable-3, .cm-s-night span.cm-def { color: white; }
19 | .cm-s-night span.cm-bracket { color: #8da6ce; }
20 | .cm-s-night span.cm-comment { color: #6900a1; }
21 | .cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
22 | .cm-s-night span.cm-link { color: #845dc4; }
23 | .cm-s-night span.cm-error { color: #9d1e15; }
24 |
25 | .cm-s-night .CodeMirror-activeline-background {background: #1C005A !important;}
26 | .cm-s-night .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
27 |
--------------------------------------------------------------------------------
/client/assets/img/puff.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/client/assets/scss/_globals.scss:
--------------------------------------------------------------------------------
1 | // Paths
2 | $img-path: '../assets/img/';
3 | $lib-path: '../../lib/';
4 | $bootstrap-stylesheets-path: '#{$lib-path}bootstrap-sass-official/assets/stylesheets/bootstrap/';
5 | $bootrap-icon-path: '#{$lib-path}bootstrap/dist/fonts/';
6 | // Icon Paths
7 | $shapes-friends-path: '#{$img-path}friends.png';
8 | $add-project-icon-path: '#{$img-path}add-project.png';
9 | $upload-icon-path: '#{$img-path}upload-icon.png';
10 | $login-icon-path: '#{$img-path}login.png';
11 | $move-icon-path: '#{$img-path}move.png';
12 | //Loading SVG
13 | // $circles-loading-path: ''
14 |
15 | //Type
16 | $Brandon-font-stack: "brandon-grotesque", sans-serif;
17 | $Proxima-font-stack: "proxima-nova", sans-serif;
18 |
19 | // Colors
20 | $blue-grey: #607D8B;
21 | $dark-blue-grey: #4C7284;
22 | $darkened-blue-grey: darken($blue-grey, 10);
23 | //bg for views
24 | $silver-blue: #93AAB5;
25 | //buttons
26 | $opaque-blue: rgba(30, 76, 97, 0.1);
27 | $dark-hover-blue: rgba(30, 76, 97, 0.5);
28 |
29 | $darken-silver-blue: darken(rgba(30, 76, 97, 0.3), 0.5);
30 | $light-grey: #aaa;
31 | $light-blue: #9BB4C7;
32 |
33 | $accent-blue: #286090;
34 |
35 | // UI dimensions
36 | $toolbar-height: 41px;
37 | $toolbar-width: 239px;
38 | $video-height: 150px;
39 | $video-width: 200px;
40 |
41 | // Mixins
42 | @mixin placeholder-color($color){
43 | &::-webkit-input-placeholder {
44 | color: $color;
45 | }
46 | &:-moz-placeholder { /* Firefox 18- */
47 | color: $color;
48 | }
49 | &::-moz-placeholder { /* Firefox 19+ */
50 | color: $color;
51 | }
52 | &:-ms-input-placeholder {
53 | color: $color;
54 | }
55 | }
--------------------------------------------------------------------------------
/client/app/services/authFactory.js:
--------------------------------------------------------------------------------
1 | /*global angular:true, moment:true, _:true */
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.services')
6 | .factory('AuthFactory', AuthFactory);
7 |
8 | AuthFactory.$inject = ['$http', '$state', '$q'];
9 |
10 | function AuthFactory($http, $state, $q) {
11 |
12 | var factory = {
13 | userId: null,
14 | // userName: null,
15 | // githubAvatarUrl: null,
16 | isLoggedIn: isLoggedIn,
17 | getUserName: getUserName
18 | };
19 |
20 | return factory;
21 |
22 | function isLoggedIn(redirectToLogin) {
23 | return $http.get('/auth/user')
24 | .then(function (res) {
25 | factory.userId = res.data.userId;
26 | factory.userName = res.data.userName;
27 | factory.githubAvatarUrl = res.data.githubAvatarUrl;
28 | if (res.data.userId === null) {
29 | if (redirectToLogin !== false) {
30 | return $state.go('login');
31 | }
32 | return false;
33 | }
34 | return {
35 | 'userName': factory.userName,
36 | 'userId': factory.userId,
37 | 'githubAvatarUrl': factory.githubAvatarUrl,
38 | };
39 | });
40 | }
41 |
42 | function getUserName() {
43 | if (factory.userName === undefined) {
44 | return factory.isLoggedIn();
45 | } else {
46 | return $q.when({
47 | 'userName': factory.userName,
48 | 'userId': factory.userId,
49 | 'githubAvatarUrl': factory.githubAvatarUrl
50 | });
51 | }
52 | }
53 |
54 | }
55 |
56 | })();
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_blackboard.scss:
--------------------------------------------------------------------------------
1 | /* Port of TextMate's Blackboard theme */
2 |
3 | .cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; }
4 | .cm-s-blackboard .CodeMirror-selected { background: #253B76 !important; }
5 | .cm-s-blackboard .CodeMirror-gutters { background: #0C1021; border-right: 0; }
6 | .cm-s-blackboard .CodeMirror-guttermarker { color: #FBDE2D; }
7 | .cm-s-blackboard .CodeMirror-guttermarker-subtle { color: #888; }
8 | .cm-s-blackboard .CodeMirror-linenumber { color: #888; }
9 | .cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7 !important; }
10 |
11 | .cm-s-blackboard .cm-keyword { color: #FBDE2D; }
12 | .cm-s-blackboard .cm-atom { color: #D8FA3C; }
13 | .cm-s-blackboard .cm-number { color: #D8FA3C; }
14 | .cm-s-blackboard .cm-def { color: #8DA6CE; }
15 | .cm-s-blackboard .cm-variable { color: #FF6400; }
16 | .cm-s-blackboard .cm-operator { color: #FBDE2D;}
17 | .cm-s-blackboard .cm-comment { color: #AEAEAE; }
18 | .cm-s-blackboard .cm-string { color: #61CE3C; }
19 | .cm-s-blackboard .cm-string-2 { color: #61CE3C; }
20 | .cm-s-blackboard .cm-meta { color: #D8FA3C; }
21 | .cm-s-blackboard .cm-builtin { color: #8DA6CE; }
22 | .cm-s-blackboard .cm-tag { color: #8DA6CE; }
23 | .cm-s-blackboard .cm-attribute { color: #8DA6CE; }
24 | .cm-s-blackboard .cm-header { color: #FF6400; }
25 | .cm-s-blackboard .cm-hr { color: #AEAEAE; }
26 | .cm-s-blackboard .cm-link { color: #8DA6CE; }
27 | .cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; }
28 |
29 | .cm-s-blackboard .CodeMirror-activeline-background {background: #3C3636 !important;}
30 | .cm-s-blackboard .CodeMirror-matchingbracket {outline:1px solid grey;color:white !important}
--------------------------------------------------------------------------------
/client/app/home/projects/projects.html:
--------------------------------------------------------------------------------
1 | Add a file to this project
3 |
4 |
23 |
5 |
6 |
9 |
13 |
14 |
22 |
2 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_3024-day.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: 3024 day
4 | Author: Jan T. Sott (http://github.com/idleberg)
5 |
6 | CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8 |
9 | */
10 |
11 | .cm-s-3024-day.CodeMirror {background: #f7f7f7; color: #3a3432;}
12 | .cm-s-3024-day div.CodeMirror-selected {background: #d6d5d4 !important;}
13 |
14 | .cm-s-3024-day .CodeMirror-gutters {background: #f7f7f7; border-right: 0px;}
15 | .cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; }
16 | .cm-s-3024-day .CodeMirror-guttermarker-subtle { color: #807d7c; }
17 | .cm-s-3024-day .CodeMirror-linenumber {color: #807d7c;}
18 |
19 | .cm-s-3024-day .CodeMirror-cursor {border-left: 1px solid #5c5855 !important;}
20 |
21 | .cm-s-3024-day span.cm-comment {color: #cdab53;}
22 | .cm-s-3024-day span.cm-atom {color: #a16a94;}
23 | .cm-s-3024-day span.cm-number {color: #a16a94;}
24 |
25 | .cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute {color: #01a252;}
26 | .cm-s-3024-day span.cm-keyword {color: #db2d20;}
27 | .cm-s-3024-day span.cm-string {color: #fded02;}
28 |
29 | .cm-s-3024-day span.cm-variable {color: #01a252;}
30 | .cm-s-3024-day span.cm-variable-2 {color: #01a0e4;}
31 | .cm-s-3024-day span.cm-def {color: #e8bbd0;}
32 | .cm-s-3024-day span.cm-bracket {color: #3a3432;}
33 | .cm-s-3024-day span.cm-tag {color: #db2d20;}
34 | .cm-s-3024-day span.cm-link {color: #a16a94;}
35 | .cm-s-3024-day span.cm-error {background: #db2d20; color: #5c5855;}
36 |
37 | .cm-s-3024-day .CodeMirror-activeline-background {background: #e8f2ff !important;}
38 | .cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: #a16a94 !important;}
39 |
--------------------------------------------------------------------------------
/client/app/services/projectFactory.js:
--------------------------------------------------------------------------------
1 | /*global angular:true*/
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.services')
6 | .factory('ProjectFactory', ProjectFactory);
7 |
8 | ProjectFactory.$inject = ['$http'];
9 |
10 | function ProjectFactory($http) {
11 |
12 | var factory = {
13 | files: null,
14 | projectId: null,
15 | projectName: null,
16 | folderPaths: null,
17 | getProject: getProject,
18 | getFolderPaths: getFolderPaths,
19 | };
20 |
21 | return factory;
22 |
23 | // returns all project data & caches files, id and name
24 | // calls folderPaths
25 | function getProject(projectName) {
26 | return $http.get('/api/project/' + projectName)
27 | .then(function (res) {
28 | factory.files = res.files;
29 | factory.projectId = res.id;
30 | factory.projectName = res.projectName;
31 | return res.data;
32 | });
33 | }
34 |
35 | function getFolderPaths(projectObj) {
36 | var paths = [];
37 | var recursive = function (project) {
38 | for (var file in project) {
39 | if (project[file].type === 'folder') {
40 | if (project[file].path[0] !== '/') {
41 | paths.push('/' + project[file].path);
42 | } else {
43 | paths.push(project[file].path);
44 | }
45 | }
46 | if (typeof project[file].files === 'object' && !Array.isArray(project[file].files)) {
47 | if (Object.keys(project[file].files).length !== 0) {
48 | recursive(project[file].files);
49 | }
50 | }
51 | }
52 | };
53 | recursive(projectObj);
54 | factory.folderPaths = paths;
55 | return paths;
56 | }
57 | }
58 |
59 | })();
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_paraiso-dark.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Paraíso (Dark)
4 | Author: Jan T. Sott
5 |
6 | Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
7 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
8 |
9 | */
10 |
11 | .cm-s-paraiso-dark.CodeMirror {background: #2f1e2e; color: #b9b6b0;}
12 | .cm-s-paraiso-dark div.CodeMirror-selected {background: #41323f !important;}
13 | .cm-s-paraiso-dark .CodeMirror-gutters {background: #2f1e2e; border-right: 0px;}
14 | .cm-s-paraiso-dark .CodeMirror-guttermarker { color: #ef6155; }
15 | .cm-s-paraiso-dark .CodeMirror-guttermarker-subtle { color: #776e71; }
16 | .cm-s-paraiso-dark .CodeMirror-linenumber {color: #776e71;}
17 | .cm-s-paraiso-dark .CodeMirror-cursor {border-left: 1px solid #8d8687 !important;}
18 |
19 | .cm-s-paraiso-dark span.cm-comment {color: #e96ba8;}
20 | .cm-s-paraiso-dark span.cm-atom {color: #815ba4;}
21 | .cm-s-paraiso-dark span.cm-number {color: #815ba4;}
22 |
23 | .cm-s-paraiso-dark span.cm-property, .cm-s-paraiso-dark span.cm-attribute {color: #48b685;}
24 | .cm-s-paraiso-dark span.cm-keyword {color: #ef6155;}
25 | .cm-s-paraiso-dark span.cm-string {color: #fec418;}
26 |
27 | .cm-s-paraiso-dark span.cm-variable {color: #48b685;}
28 | .cm-s-paraiso-dark span.cm-variable-2 {color: #06b6ef;}
29 | .cm-s-paraiso-dark span.cm-def {color: #f99b15;}
30 | .cm-s-paraiso-dark span.cm-bracket {color: #b9b6b0;}
31 | .cm-s-paraiso-dark span.cm-tag {color: #ef6155;}
32 | .cm-s-paraiso-dark span.cm-link {color: #815ba4;}
33 | .cm-s-paraiso-dark span.cm-error {background: #ef6155; color: #8d8687;}
34 |
35 | .cm-s-paraiso-dark .CodeMirror-activeline-background {background: #4D344A !important;}
36 | .cm-s-paraiso-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
37 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_3024-night.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: 3024 night
4 | Author: Jan T. Sott (http://github.com/idleberg)
5 |
6 | CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8 |
9 | */
10 |
11 | .cm-s-3024-night.CodeMirror {background: #090300; color: #d6d5d4;}
12 | .cm-s-3024-night div.CodeMirror-selected {background: #3a3432 !important;}
13 | .cm-s-3024-night .CodeMirror-gutters {background: #090300; border-right: 0px;}
14 | .cm-s-3024-night .CodeMirror-guttermarker { color: #db2d20; }
15 | .cm-s-3024-night .CodeMirror-guttermarker-subtle { color: #5c5855; }
16 | .cm-s-3024-night .CodeMirror-linenumber {color: #5c5855;}
17 |
18 | .cm-s-3024-night .CodeMirror-cursor {border-left: 1px solid #807d7c !important;}
19 |
20 | .cm-s-3024-night span.cm-comment {color: #cdab53;}
21 | .cm-s-3024-night span.cm-atom {color: #a16a94;}
22 | .cm-s-3024-night span.cm-number {color: #a16a94;}
23 |
24 | .cm-s-3024-night span.cm-property, .cm-s-3024-night span.cm-attribute {color: #01a252;}
25 | .cm-s-3024-night span.cm-keyword {color: #db2d20;}
26 | .cm-s-3024-night span.cm-string {color: #fded02;}
27 |
28 | .cm-s-3024-night span.cm-variable {color: #01a252;}
29 | .cm-s-3024-night span.cm-variable-2 {color: #01a0e4;}
30 | .cm-s-3024-night span.cm-def {color: #e8bbd0;}
31 | .cm-s-3024-night span.cm-bracket {color: #d6d5d4;}
32 | .cm-s-3024-night span.cm-tag {color: #db2d20;}
33 | .cm-s-3024-night span.cm-link {color: #a16a94;}
34 | .cm-s-3024-night span.cm-error {background: #db2d20; color: #807d7c;}
35 |
36 | .cm-s-3024-night .CodeMirror-activeline-background {background: #2F2F2F !important;}
37 | .cm-s-3024-night .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
38 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_paraiso-light.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Paraíso (Light)
4 | Author: Jan T. Sott
5 |
6 | Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
7 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
8 |
9 | */
10 |
11 | .cm-s-paraiso-light.CodeMirror {background: #e7e9db; color: #41323f;}
12 | .cm-s-paraiso-light div.CodeMirror-selected {background: #b9b6b0 !important;}
13 | .cm-s-paraiso-light .CodeMirror-gutters {background: #e7e9db; border-right: 0px;}
14 | .cm-s-paraiso-light .CodeMirror-guttermarker { color: black; }
15 | .cm-s-paraiso-light .CodeMirror-guttermarker-subtle { color: #8d8687; }
16 | .cm-s-paraiso-light .CodeMirror-linenumber {color: #8d8687;}
17 | .cm-s-paraiso-light .CodeMirror-cursor {border-left: 1px solid #776e71 !important;}
18 |
19 | .cm-s-paraiso-light span.cm-comment {color: #e96ba8;}
20 | .cm-s-paraiso-light span.cm-atom {color: #815ba4;}
21 | .cm-s-paraiso-light span.cm-number {color: #815ba4;}
22 |
23 | .cm-s-paraiso-light span.cm-property, .cm-s-paraiso-light span.cm-attribute {color: #48b685;}
24 | .cm-s-paraiso-light span.cm-keyword {color: #ef6155;}
25 | .cm-s-paraiso-light span.cm-string {color: #fec418;}
26 |
27 | .cm-s-paraiso-light span.cm-variable {color: #48b685;}
28 | .cm-s-paraiso-light span.cm-variable-2 {color: #06b6ef;}
29 | .cm-s-paraiso-light span.cm-def {color: #f99b15;}
30 | .cm-s-paraiso-light span.cm-bracket {color: #41323f;}
31 | .cm-s-paraiso-light span.cm-tag {color: #ef6155;}
32 | .cm-s-paraiso-light span.cm-link {color: #815ba4;}
33 | .cm-s-paraiso-light span.cm-error {background: #ef6155; color: #776e71;}
34 |
35 | .cm-s-paraiso-light .CodeMirror-activeline-background {background: #CFD1C4 !important;}
36 | .cm-s-paraiso-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
37 |
--------------------------------------------------------------------------------
/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration
2 | // Generated on Sat Dec 20 2014 17:06:29 GMT-0800 (PST)
3 |
4 | module.exports = function (config) {
5 | config.set({
6 |
7 | // base path that will be used to resolve all patterns (eg. files, exclude)
8 | basePath: '',
9 |
10 |
11 | // frameworks to use
12 | // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
13 | frameworks: ['jasmine'],
14 |
15 |
16 | // list of files / patterns to load in the browser
17 | files: [
18 | 'client/dist/*.js',
19 | 'test/*.js'
20 | ],
21 |
22 |
23 | // list of files to exclude
24 | exclude: [],
25 |
26 |
27 | // preprocess matching files before serving them to the browser
28 | // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
29 | preprocessors: {},
30 |
31 |
32 | // test results reporter to use
33 | // possible values: 'dots', 'progress'
34 | // available reporters: https://npmjs.org/browse/keyword/karma-reporter
35 | reporters: ['progress'],
36 |
37 |
38 | // web server port
39 | port: 9876,
40 |
41 |
42 | // enable / disable colors in the output (reporters and logs)
43 | colors: true,
44 |
45 |
46 | // level of logging
47 | // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
48 | logLevel: config.LOG_INFO,
49 |
50 |
51 | // enable / disable watching file and executing tests whenever any file changes
52 | autoWatch: true,
53 |
54 |
55 | // start these browsers
56 | // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
57 | browsers: ['Chrome', 'Firefox'],
58 |
59 |
60 | // Continuous Integration mode
61 | // if true, Karma captures browsers, runs the tests and exits
62 | singleRun: false
63 | });
64 | };
--------------------------------------------------------------------------------
/client/app/templates/modifyFileStructureModal.js:
--------------------------------------------------------------------------------
1 | /*global angular:true */
2 |
3 | (function () {
4 | 'use strict';
5 | angular.module('codeFriends.fileStructure')
6 | .controller('modifyFileStructureModalController', ['movedFile', '$scope', '$stateParams', '$modalInstance', 'FilesFactory', 'ProjectFactory', 'SocketFactory', function (movedFile, $scope, $stateParams, $modalInstance, FilesFactory, ProjectFactory, SocketFactory) {
7 | $scope.movedFile = movedFile;
8 | $scope.folderPaths = ProjectFactory.folderPaths;
9 | $scope.folderSelected = 'Specify a destination';
10 | $scope.newPath = null;
11 |
12 | $scope.init = function () {
13 | ProjectFactory.getProject($stateParams.projectName)
14 | .then(function (project) {
15 | $scope.folderPaths = ProjectFactory.getFolderPaths(project.files);
16 | });
17 | };
18 |
19 | $scope.getDestinationPath = function ($event) {
20 | $scope.folderSelected = $event.target.innerText;
21 | //moving to root
22 | if ($scope.folderSelected === '/') {
23 | $scope.newPath = '/' + $scope.movedFile.fileName;
24 | }
25 | //moving elsewhere
26 | if ($scope.folderSelected !== '/') {
27 | $scope.newPath = $scope.folderSelected + '/' + $scope.movedFile.fileName;
28 | }
29 | return $scope.newPath;
30 | };
31 |
32 | $scope.moveFile = function () {
33 | $modalInstance.close();
34 | FilesFactory.moveFile($stateParams.projectName, $scope.movedFile.fileType, $scope.movedFile.filePath, $scope.newPath, $stateParams.projectName)
35 | .then(function (res) {
36 | SocketFactory.send({
37 | type: 'project structure changed'
38 | });
39 | });
40 | };
41 |
42 |
43 | $scope.init();
44 |
45 | }]);
46 | })();
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_base16-dark.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Base16 Default Dark
4 | Author: Chris Kempson (http://chriskempson.com)
5 |
6 | CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-chrome-devtools)
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8 |
9 | */
10 |
11 | .cm-s-base16-dark.CodeMirror {background: #151515; color: #e0e0e0;}
12 | .cm-s-base16-dark div.CodeMirror-selected {background: #303030 !important;}
13 | .cm-s-base16-dark .CodeMirror-gutters {background: #151515; border-right: 0px;}
14 | .cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; }
15 | .cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; }
16 | .cm-s-base16-dark .CodeMirror-linenumber {color: #505050;}
17 | .cm-s-base16-dark .CodeMirror-cursor {border-left: 1px solid #b0b0b0 !important;}
18 |
19 | .cm-s-base16-dark span.cm-comment {color: #8f5536;}
20 | .cm-s-base16-dark span.cm-atom {color: #aa759f;}
21 | .cm-s-base16-dark span.cm-number {color: #aa759f;}
22 |
23 | .cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute {color: #90a959;}
24 | .cm-s-base16-dark span.cm-keyword {color: #ac4142;}
25 | .cm-s-base16-dark span.cm-string {color: #f4bf75;}
26 |
27 | .cm-s-base16-dark span.cm-variable {color: #90a959;}
28 | .cm-s-base16-dark span.cm-variable-2 {color: #6a9fb5;}
29 | .cm-s-base16-dark span.cm-def {color: #d28445;}
30 | .cm-s-base16-dark span.cm-bracket {color: #e0e0e0;}
31 | .cm-s-base16-dark span.cm-tag {color: #ac4142;}
32 | .cm-s-base16-dark span.cm-link {color: #aa759f;}
33 | .cm-s-base16-dark span.cm-error {background: #ac4142; color: #b0b0b0;}
34 |
35 | .cm-s-base16-dark .CodeMirror-activeline-background {background: #202020 !important;}
36 | .cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
37 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_vibrant-ink.scss:
--------------------------------------------------------------------------------
1 | /* Taken from the popular Visual Studio Vibrant Ink Schema */
2 |
3 | .cm-s-vibrant-ink.CodeMirror { background: black; color: white; }
4 | .cm-s-vibrant-ink .CodeMirror-selected { background: #35493c !important; }
5 |
6 | .cm-s-vibrant-ink .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
7 | .cm-s-vibrant-ink .CodeMirror-guttermarker { color: white; }
8 | .cm-s-vibrant-ink .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
9 | .cm-s-vibrant-ink .CodeMirror-linenumber { color: #d0d0d0; }
10 | .cm-s-vibrant-ink .CodeMirror-cursor { border-left: 1px solid white !important; }
11 |
12 | .cm-s-vibrant-ink .cm-keyword { color: #CC7832; }
13 | .cm-s-vibrant-ink .cm-atom { color: #FC0; }
14 | .cm-s-vibrant-ink .cm-number { color: #FFEE98; }
15 | .cm-s-vibrant-ink .cm-def { color: #8DA6CE; }
16 | .cm-s-vibrant-ink span.cm-variable-2, .cm-s-vibrant span.cm-tag { color: #FFC66D }
17 | .cm-s-vibrant-ink span.cm-variable-3, .cm-s-vibrant span.cm-def { color: #FFC66D }
18 | .cm-s-vibrant-ink .cm-operator { color: #888; }
19 | .cm-s-vibrant-ink .cm-comment { color: gray; font-weight: bold; }
20 | .cm-s-vibrant-ink .cm-string { color: #A5C25C }
21 | .cm-s-vibrant-ink .cm-string-2 { color: red }
22 | .cm-s-vibrant-ink .cm-meta { color: #D8FA3C; }
23 | .cm-s-vibrant-ink .cm-builtin { color: #8DA6CE; }
24 | .cm-s-vibrant-ink .cm-tag { color: #8DA6CE; }
25 | .cm-s-vibrant-ink .cm-attribute { color: #8DA6CE; }
26 | .cm-s-vibrant-ink .cm-header { color: #FF6400; }
27 | .cm-s-vibrant-ink .cm-hr { color: #AEAEAE; }
28 | .cm-s-vibrant-ink .cm-link { color: blue; }
29 | .cm-s-vibrant-ink .cm-error { border-bottom: 1px solid red; }
30 |
31 | .cm-s-vibrant-ink .CodeMirror-activeline-background {background: #27282E !important;}
32 | .cm-s-vibrant-ink .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
33 |
--------------------------------------------------------------------------------
/server/auth/authController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var authController = {};
4 | var UserCollection = require('../models').collections.UserCollection;
5 | var User = require('../models').models.User;
6 |
7 | authController.getUser = function (req, res) {
8 | var userId = null;
9 | var userName = null;
10 | var email = null;
11 | var githubAvatarUrl = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y';
12 | if (req.user && req.user.get('id') && typeof req.user.get('id') === 'number') {
13 | userId = req.user.get('id');
14 | email = req.user.get('email');
15 | userName = req.user.get('username') || email;
16 | githubAvatarUrl = req.user.get('githubAvatarUrl') || githubAvatarUrl;
17 | }
18 | res.json({
19 | userId: userId,
20 | // userName: req.user.get('username'),
21 | userName: userName,
22 | email: email,
23 | githubAvatarUrl: githubAvatarUrl
24 | });
25 | };
26 |
27 | authController.logout = function (req, res) {
28 | req.logout();
29 | res.redirect('/');
30 | };
31 |
32 | authController.login = function (req, res) {
33 | res.redirect('/#/home');
34 | };
35 |
36 | authController.signup = function (req, res) {
37 | var email = req.body.email || req.param('email');
38 | var password = req.body.password || req.param('password');
39 | if (!email || !password) {
40 | res.status(400).end(); // Client Error
41 | return;
42 | }
43 | new UserCollection()
44 | .query('where', 'email', '=', email)
45 | .fetchOne()
46 | .then(function (user) {
47 | if (user !== null) {
48 | res.redirect('/#/home');
49 | return;
50 | }
51 | new User({
52 | email: email,
53 | password: password
54 | }).save()
55 | .then(function () {
56 | res.redirect('/#/home');
57 | });
58 | });
59 | };
60 |
61 | module.exports = authController;
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_base16-light.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Base16 Default Light
4 | Author: Chris Kempson (http://chriskempson.com)
5 |
6 | CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-chrome-devtools)
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8 |
9 | */
10 |
11 | .cm-s-base16-light.CodeMirror {background: #f5f5f5; color: #202020;}
12 | .cm-s-base16-light div.CodeMirror-selected {background: #e0e0e0 !important;}
13 | .cm-s-base16-light .CodeMirror-gutters {background: #f5f5f5; border-right: 0px;}
14 | .cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; }
15 | .cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
16 | .cm-s-base16-light .CodeMirror-linenumber {color: #b0b0b0;}
17 | .cm-s-base16-light .CodeMirror-cursor {border-left: 1px solid #505050 !important;}
18 |
19 | .cm-s-base16-light span.cm-comment {color: #8f5536;}
20 | .cm-s-base16-light span.cm-atom {color: #aa759f;}
21 | .cm-s-base16-light span.cm-number {color: #aa759f;}
22 |
23 | .cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute {color: #90a959;}
24 | .cm-s-base16-light span.cm-keyword {color: #ac4142;}
25 | .cm-s-base16-light span.cm-string {color: #f4bf75;}
26 |
27 | .cm-s-base16-light span.cm-variable {color: #90a959;}
28 | .cm-s-base16-light span.cm-variable-2 {color: #6a9fb5;}
29 | .cm-s-base16-light span.cm-def {color: #d28445;}
30 | .cm-s-base16-light span.cm-bracket {color: #202020;}
31 | .cm-s-base16-light span.cm-tag {color: #ac4142;}
32 | .cm-s-base16-light span.cm-link {color: #aa759f;}
33 | .cm-s-base16-light span.cm-error {background: #ac4142; color: #505050;}
34 |
35 | .cm-s-base16-light .CodeMirror-activeline-background {background: #DDDCDC !important;}
36 | .cm-s-base16-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
37 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_twilight.scss:
--------------------------------------------------------------------------------
1 | .cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
2 | .cm-s-twilight .CodeMirror-selected { background: #323232 !important; } /**/
3 |
4 | .cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
5 | .cm-s-twilight .CodeMirror-guttermarker { color: white; }
6 | .cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; }
7 | .cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
8 | .cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white !important; }
9 |
10 | .cm-s-twilight .cm-keyword { color: #f9ee98; } /**/
11 | .cm-s-twilight .cm-atom { color: #FC0; }
12 | .cm-s-twilight .cm-number { color: #ca7841; } /**/
13 | .cm-s-twilight .cm-def { color: #8DA6CE; }
14 | .cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
15 | .cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/
16 | .cm-s-twilight .cm-operator { color: #cda869; } /**/
17 | .cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
18 | .cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
19 | .cm-s-twilight .cm-string-2 { color:#bd6b18 } /*?*/
20 | .cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
21 | .cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
22 | .cm-s-twilight .cm-tag { color: #997643; } /**/
23 | .cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
24 | .cm-s-twilight .cm-header { color: #FF6400; }
25 | .cm-s-twilight .cm-hr { color: #AEAEAE; }
26 | .cm-s-twilight .cm-link { color:#ad9361; font-style:italic; text-decoration:none; } /**/
27 | .cm-s-twilight .cm-error { border-bottom: 1px solid red; }
28 |
29 | .cm-s-twilight .CodeMirror-activeline-background {background: #27282E !important;}
30 | .cm-s-twilight .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
31 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_midnight.scss:
--------------------------------------------------------------------------------
1 | /* Based on the theme at http://bonsaiden.github.com/JavaScript-Garden */
2 |
3 | /**/
4 | .cm-s-midnight span.CodeMirror-matchhighlight { background: #494949; }
5 | .cm-s-midnight.CodeMirror-focused span.CodeMirror-matchhighlight { background: #314D67 !important; }
6 |
7 | /**/
8 | .cm-s-midnight .CodeMirror-activeline-background {background: #253540 !important;}
9 |
10 | .cm-s-midnight.CodeMirror {
11 | background: #0F192A;
12 | color: #D1EDFF;
13 | }
14 |
15 | .cm-s-midnight.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
16 |
17 | .cm-s-midnight div.CodeMirror-selected {background: #314D67 !important;}
18 | .cm-s-midnight .CodeMirror-gutters {background: #0F192A; border-right: 1px solid;}
19 | .cm-s-midnight .CodeMirror-guttermarker { color: white; }
20 | .cm-s-midnight .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
21 | .cm-s-midnight .CodeMirror-linenumber {color: #D0D0D0;}
22 | .cm-s-midnight .CodeMirror-cursor {
23 | border-left: 1px solid #F8F8F0 !important;
24 | }
25 |
26 | .cm-s-midnight span.cm-comment {color: #428BDD;}
27 | .cm-s-midnight span.cm-atom {color: #AE81FF;}
28 | .cm-s-midnight span.cm-number {color: #D1EDFF;}
29 |
30 | .cm-s-midnight span.cm-property, .cm-s-midnight span.cm-attribute {color: #A6E22E;}
31 | .cm-s-midnight span.cm-keyword {color: #E83737;}
32 | .cm-s-midnight span.cm-string {color: #1DC116;}
33 |
34 | .cm-s-midnight span.cm-variable {color: #FFAA3E;}
35 | .cm-s-midnight span.cm-variable-2 {color: #FFAA3E;}
36 | .cm-s-midnight span.cm-def {color: #4DD;}
37 | .cm-s-midnight span.cm-bracket {color: #D1EDFF;}
38 | .cm-s-midnight span.cm-tag {color: #449;}
39 | .cm-s-midnight span.cm-link {color: #AE81FF;}
40 | .cm-s-midnight span.cm-error {background: #F92672; color: #F8F8F0;}
41 |
42 | .cm-s-midnight .CodeMirror-matchingbracket {
43 | text-decoration: underline;
44 | color: white !important;
45 | }
46 |
--------------------------------------------------------------------------------
/client/assets/img/circles.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/client/app/services/filesFactory.js:
--------------------------------------------------------------------------------
1 | /*global angular:true*/
2 | (function () {
3 | 'use strict';
4 |
5 | angular.module('codeFriends.services')
6 | .factory('FilesFactory', FilesFactory);
7 |
8 | FilesFactory.$inject = ['$http'];
9 |
10 | function FilesFactory($http) {
11 |
12 | var factory = {
13 | files: null,
14 | getAllFiles: getAllFiles,
15 | _addNew: _addNew,
16 | addNewFile: _addNew('file'),
17 | addNewFolder: _addNew('folder'),
18 | moveFile: moveFile
19 | };
20 | return factory;
21 |
22 | function getAllFiles(projectName) {
23 | return $http.get('/api/project/' + projectName)
24 | .then(function (res) {
25 | factory.files = res.data.files;
26 | return res.data.files;
27 | });
28 | }
29 |
30 | function _addNew(type) {
31 | return function (newFileName, projectName, path) {
32 | var filePath = newFileName;
33 | if (path) {
34 | filePath = path + '/' + newFileName;
35 | }
36 | return $http.post('/api/file', {
37 | filePath: filePath,
38 | projectName: projectName,
39 | type: type,
40 | })
41 | .then(function () {
42 | // Get files with added files
43 | return factory.getAllFiles(projectName);
44 | })
45 | .catch(function (err) {
46 | console.log('Error POSTing new file', err);
47 | });
48 | };
49 | }
50 |
51 | function moveFile(projectName, type, filePath, newPath, projectIdOrName) {
52 | if (filePath[0] !== '/') {
53 | filePath = '/' + filePath;
54 | }
55 | return $http.put('/api/file/move', {
56 | projectName: projectName,
57 | type: type,
58 | filePath: filePath,
59 | newPath: newPath,
60 | projectIdOrName: projectIdOrName
61 | }).then(function (res) {
62 | return res.data.files;
63 | });
64 | }
65 |
66 | }
67 |
68 | })();
--------------------------------------------------------------------------------
/client/app/home/projects/projects.js:
--------------------------------------------------------------------------------
1 | /*global angular:true */
2 | (function () {
3 | 'use strict';
4 | angular.module('codeFriends.projects', ['ui.router'])
5 | .controller('ProjectsController', ProjectsController);
6 |
7 | ProjectsController.$inject = ['$http', 'ProjectListFactory', '$modal', '$timeout', 'SocketFactory', 'VideoFactory'];
8 |
9 | function ProjectsController($http, ProjectListFactory, $modal, $timeout, SocketFactory, VideoFactory) {
10 | var vm = this;
11 | vm.projects = null;
12 | vm.createProject = createProject;
13 | vm.deleteProject = deleteProject;
14 | vm.openCreateProjectModal = openCreateProjectModal;
15 |
16 | // Close Socket Connection
17 | SocketFactory.leaveRoom();
18 |
19 | if (window.isVideoOn) {
20 | var closeVidObj = {
21 | type: 'remove this video',
22 | videoID: VideoFactory.getLocalID()
23 | };
24 | SocketFactory.send(closeVidObj);
25 | VideoFactory.close();
26 | }
27 |
28 | function init() {
29 | return ProjectListFactory.getProjects()
30 | .then(function (projects) {
31 | vm.projects = projects;
32 | return vm.projects;
33 | });
34 | }
35 |
36 | function deleteProject($event, project) {
37 | $event.preventDefault();
38 | $event.stopPropagation();
39 | return ProjectListFactory.deleteProject(project.projectName)
40 | .then(function () {
41 | init();
42 | });
43 | }
44 |
45 | function createProject(projectName) {
46 | return ProjectListFactory.createProject(projectName)
47 | .then(function () {
48 | init();
49 | });
50 | }
51 |
52 | function openCreateProjectModal() {
53 | $modal.open({
54 | templateUrl: '/app/templates/modalCreateProject.html',
55 | controller: 'createProjectModalController',
56 | size: 'sm'
57 | }).result.then(function () {
58 | init();
59 | });
60 | }
61 |
62 | init();
63 | }
64 |
65 | })();
--------------------------------------------------------------------------------
/client/assets/scss/main.scss:
--------------------------------------------------------------------------------
1 | // global variables for paths, colors, type, and UI dimensions
2 | @import 'globals';
3 |
4 | // bootstrap glyphicons
5 | // This path is relative to the /dist directory and not to /assets/scss
6 | $bootstrap-icon-path-dist: "../lib/bootstrap-sass-official/assets/fonts/bootstrap/";
7 |
8 | @import '#{$lib-path}normalize.css/normalize.css';
9 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/variables';
10 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins';
11 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/grid';
12 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/modals';
13 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/glyphicons';
14 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/forms';
15 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/buttons';
16 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/navs';
17 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/navbar';
18 | @import '../../lib/bootstrap-sass-official/assets/stylesheets/bootstrap/dropdowns';
19 | @import '../../lib/bootstrap-social/bootstrap-social';
20 |
21 | @font-face {
22 | font-family: 'Glyphicons Halflings';
23 | src: url('#{$bootstrap-icon-path-dist}#{$icon-font-name}.eot');
24 | src: url('#{$bootstrap-icon-path-dist}#{$icon-font-name}.eot?#iefix'),
25 | url('#{$bootstrap-icon-path-dist}#{$icon-font-name}.woff') format('woff'),
26 | url('#{$bootstrap-icon-path-dist}#{$icon-font-name}.ttf') format('truetype'),
27 | url('#{$bootstrap-icon-path-dist}#{$icon-font-name}.svg##{$icon-font-svg-id}') format('svg');
28 | }
29 |
30 |
31 | @import 'codemirror';
32 | @import 'codemirror-themes/index';
33 | @import 'custom-bootstrap';
34 |
35 | @import 'login';
36 | @import 'base';
37 | @import 'header';
38 | @import 'landing';
39 | @import 'home';
40 | // Project view styling
41 | @import 'project';
42 | @import 'chat';
43 | @import 'project-file-structure';
44 |
--------------------------------------------------------------------------------
/client/app/project/fileStructure/fileStructure.html:
--------------------------------------------------------------------------------
1 |
40 |
41 |
42 |
3 |
12 |
13 |
4 |
6 | Projects
5 |
7 |
10 |
11 |
14 |
40 |
15 |
20 |
21 | Project Name
16 | Collaborators
17 | Created On
18 | Last Updated
19 |
22 |
38 |
39 | {{ project.projectName }}
23 |
24 |
25 | ![]()
26 |
27 |
28 | {{ project.createString }}
29 |
30 |
34 | {{ project.updateString }}
35 | {{ project.timeAgoString }}
36 |
37 |
43 |
--------------------------------------------------------------------------------
/client/app/login/login.html:
--------------------------------------------------------------------------------
1 | Files
44 |-
45 |
46 |
2 |
--------------------------------------------------------------------------------
/server/file/downloadController.js:
--------------------------------------------------------------------------------
1 | /*jshint node:true */
2 | 'use strict';
3 | var backend = require('../liveDbClient');
4 | var getDocumentHash = require('../file/getDocumentHash');
5 | var path = require('path');
6 |
7 | var downloadController = {
8 | downloadFile: function (req, res) {
9 | var parsedUrl = req.params[0].split('/');
10 | var projectName = parsedUrl[1];
11 | var filePath = parsedUrl.slice(3).join('/');
12 | return downloadController._getFileContents(projectName, filePath)
13 | .then(function (fileContents) {
14 | var fileName = path.basename(filePath);
15 | res.setHeader('Content-disposition', 'attachment; filename=' + fileName);
16 | res.send(fileContents);
17 | })
18 | .catch(function (err) {
19 | console.log('Error downloading file: ', err);
20 | });
21 | },
22 |
23 | _getFileContents: function (projectNameOrId, filePath) {
24 | if (!projectNameOrId) throw new Error('No Project Specified');
25 | if (typeof filePath !== 'string') throw new Error('No Document Path Specified');
26 | return getDocumentHash(projectNameOrId, filePath)
27 | .then(function (filePathHash) {
28 | return backend.fetchAsync('documents', filePathHash)
29 | .then(function (file) {
30 | // If the file is empty or not found, create an empty file
31 | if (file.data === undefined) {
32 | return backend.submitAsync('documents', filePathHash, {
33 | create: {
34 | type: 'text',
35 | data: ''
36 | }
37 | })
38 | .catch(function (err) {
39 | console.log('LiveDB (_getFileContents) Document Already Exists', err);
40 | })
41 | .then(function () {
42 | return ''; // This document is empty
43 | });
44 | }
45 | return file.data;
46 | });
47 | })
48 | .then(function (fileContents) {
49 | return fileContents;
50 | })
51 | .catch(function (err) {
52 | console.log('Error Fetching Document', err);
53 | });
54 | }
55 | };
56 |
57 | module.exports = downloadController;
--------------------------------------------------------------------------------
/client/assets/scss/_project-file-structure.scss:
--------------------------------------------------------------------------------
1 |
2 | @mixin file-padding($some-number) {
3 | padding-left: $some-number;
4 | }
5 |
6 |
7 | .folder-container{
8 | cursor: default;
9 | }
10 |
11 | .project-file-structure {
12 | border-right: solid 1px #f2f2f2;
13 | height: calc(100vh - #{$toolbar-height});
14 | font-size: 0.9em;
15 | .project-file-structure-header {
16 | height: 30px;
17 | letter-spacing: 1px;
18 | color: $accent-blue;
19 | }
20 | .project-file-structure-list {
21 | // padding-left: 6%;
22 | overflow: scroll;
23 | .folder-container, .file-container {
24 | width: 100%;
25 | padding-top: 5px;
26 | padding-bottom: 5px;
27 | .inner-container {
28 | padding-left: 6%;
29 | .glyphicon {
30 | margin-right: 5px;
31 | }
32 | }
33 | .fa-cog {
34 | display: none;
35 | float: right;
36 | cursor: pointer;
37 | bottom: 13px;
38 | margin-right: 5px;
39 | margin-top: 2px;
40 | color: $accent-blue;
41 | padding: 7px;
42 | margin: -5px 0;
43 | .hidden-fs-menu {
44 | display: none;
45 | font-size: 1em;
46 | letter-spacing: 0.06em;
47 | font-weight: 300;
48 | color: #fff;
49 | background-color: rgba(96, 121, 132, 0.98);
50 | width: 120px;
51 | height: 86px;
52 | margin-top: 7px;
53 | li {
54 | padding-top: 7%;
55 | padding-bottom: 7%;
56 | padding-left: 16%;
57 | &:hover {
58 | background-color: $darken-silver-blue;
59 | }
60 | }
61 | }
62 | &:hover {
63 | .hidden-fs-menu {
64 | display: block;
65 | position: absolute;
66 | z-index:999;
67 | }
68 | }
69 | }
70 | &:hover .fa-cog {
71 | display: inline-block;
72 | }
73 | &:hover {
74 | background-color: $darken-silver-blue;
75 | color: #fff;
76 | }
77 | }
78 | }
79 | @for $depth from 0 through 10 {
80 | .file-level-#{$depth} {
81 | margin-left: 10px * $depth;
82 | }
83 | }
84 | }
85 |
86 |
--------------------------------------------------------------------------------
/server/project/getProjectZip.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var config = require('config');
3 | var Promise = require('bluebird');
4 | var fs = Promise.promisifyAll(require('fs'));
5 | var path = require('path');
6 | var JSZip = require('jszip');
7 | var Q = require('q');
8 |
9 | var getProject = require('./getProject');
10 | var getFileContents = require('../file/downloadController')._getFileContents;
11 | var getFileStructure = require('../file/fileController').getFileStructure;
12 | var getPathsForFileStructure = require('../file/fileController').getPathsForFileStructure;
13 |
14 | var getProjectZip = function (projectNameOrId) {
15 | var project;
16 | return getProject(projectNameOrId)
17 | .then(function (_project) {
18 | project = _project;
19 | return getFileStructure(project.get('id'))
20 | .then(function (fileStructure) {
21 | var paths = getPathsForFileStructure(fileStructure);
22 | return Q.allSettled(paths.map(function (path) {
23 | return getFileContents(project, path)
24 | .then(function (fileContents) {
25 | return {
26 | path: path,
27 | fileContents: fileContents
28 | };
29 | });
30 | }));
31 | });
32 | })
33 | .then(function (allFileContents){
34 | var projectArchive = new JSZip();
35 | var projectName = project.get('projectName');
36 | allFileContents.forEach(function (file) {
37 | var filePath = file.value.path;
38 | var fileContents = file.value.fileContents;
39 | projectArchive.folder(projectName).file(filePath, fileContents);
40 | });
41 | var nodebuffer = projectArchive.generate({ type: 'nodebuffer', createFolders: true });
42 | var zipPath = path.resolve(__dirname, '../', config.get('tmpDirectory'), projectName + '.zip');
43 | return fs.writeFileAsync(zipPath, nodebuffer)
44 | .then(function () {
45 | return {
46 | 'name': projectName,
47 | 'path': zipPath,
48 | 'buffer': nodebuffer
49 | };
50 | });
51 | })
52 | .catch(function (err) {
53 | console.log('Error Getting Project Zip', err);
54 | });
55 | };
56 |
57 | module.exports = getProjectZip;
58 |
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_pastel-on-dark.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Pastel On Dark theme ported from ACE editor
3 | * @license MIT
4 | * @copyright AtomicPages LLC 2014
5 | * @author Dennis Thompson, AtomicPages LLC
6 | * @version 1.1
7 | * @source https://github.com/atomicpages/codemirror-pastel-on-dark-theme
8 | */
9 |
10 | .cm-s-pastel-on-dark.CodeMirror {
11 | background: #2c2827;
12 | color: #8F938F;
13 | line-height: 1.5;
14 | font-size: 14px;
15 | }
16 | .cm-s-pastel-on-dark div.CodeMirror-selected { background: rgba(221,240,255,0.2) !important; }
17 | .cm-s-pastel-on-dark .CodeMirror-gutters {
18 | background: #34302f;
19 | border-right: 0px;
20 | padding: 0 3px;
21 | }
22 | .cm-s-pastel-on-dark .CodeMirror-guttermarker { color: white; }
23 | .cm-s-pastel-on-dark .CodeMirror-guttermarker-subtle { color: #8F938F; }
24 | .cm-s-pastel-on-dark .CodeMirror-linenumber { color: #8F938F; }
25 | .cm-s-pastel-on-dark .CodeMirror-cursor { border-left: 1px solid #A7A7A7 !important; }
26 | .cm-s-pastel-on-dark span.cm-comment { color: #A6C6FF; }
27 | .cm-s-pastel-on-dark span.cm-atom { color: #DE8E30; }
28 | .cm-s-pastel-on-dark span.cm-number { color: #CCCCCC; }
29 | .cm-s-pastel-on-dark span.cm-property { color: #8F938F; }
30 | .cm-s-pastel-on-dark span.cm-attribute { color: #a6e22e; }
31 | .cm-s-pastel-on-dark span.cm-keyword { color: #AEB2F8; }
32 | .cm-s-pastel-on-dark span.cm-string { color: #66A968; }
33 | .cm-s-pastel-on-dark span.cm-variable { color: #AEB2F8; }
34 | .cm-s-pastel-on-dark span.cm-variable-2 { color: #BEBF55; }
35 | .cm-s-pastel-on-dark span.cm-variable-3 { color: #DE8E30; }
36 | .cm-s-pastel-on-dark span.cm-def { color: #757aD8; }
37 | .cm-s-pastel-on-dark span.cm-bracket { color: #f8f8f2; }
38 | .cm-s-pastel-on-dark span.cm-tag { color: #C1C144; }
39 | .cm-s-pastel-on-dark span.cm-link { color: #ae81ff; }
40 | .cm-s-pastel-on-dark span.cm-qualifier,.cm-s-pastel-on-dark span.cm-builtin { color: #C1C144; }
41 | .cm-s-pastel-on-dark span.cm-error {
42 | background: #757aD8;
43 | color: #f8f8f0;
44 | }
45 | .cm-s-pastel-on-dark .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.031) !important; }
46 | .cm-s-pastel-on-dark .CodeMirror-matchingbracket {
47 | border: 1px solid rgba(255,255,255,0.25);
48 | color: #8F938F !important;
49 | margin: -1px -1px 0 -1px;
50 | }
51 |
--------------------------------------------------------------------------------
/client/app/project/document/document.js:
--------------------------------------------------------------------------------
1 | /*global angular:true, Hashes:true, CodeMirror:true, _:true */
2 | /*jshint browser:true */
3 | (function () {
4 | 'use strict';
5 | angular.module('codeFriends.document', [])
6 | .controller('DocumentController', DocumentController);
7 |
8 | DocumentController.$inject = ['$scope', '$rootScope', '$http', '$stateParams', 'ToolbarFactory', 'DocumentFactory'];
9 |
10 | function DocumentController($scope, $rootScope, $http, $stateParams, ToolbarFactory, DocumentFactory) {
11 | $scope.projectName = $stateParams.projectName;
12 | $scope.documentPath = $stateParams.documentPath;
13 | $scope.theme = ToolbarFactory.theme;
14 | $scope.language = '';
15 | $scope.theme = ToolbarFactory.theme;
16 |
17 | $rootScope.$on('compile code', function ($event) {
18 | var postObj = {
19 | 'language': DocumentFactory.getFileCode($scope.documentPath),
20 | 'code': $scope.cm.getValue()
21 | };
22 | $http
23 | .post('https://compile.remoteinterview.io/compile/', postObj).success(function (data) {
24 | var output = data.output.split(/\n/g);
25 | for (var i = 0; i < output.length - 1; i++) {
26 | console.log('Output: ', output[i]);
27 | }
28 | })
29 | .error(function () {
30 | // console.log('Error Compiling User Code. Please Try Again.')
31 | });
32 | });
33 | // Setup Code Editor
34 | var documentPathSplit = $scope.documentPath.split('.');
35 | var fileExtension = documentPathSplit[documentPathSplit.length - 1];
36 | var fileMode = CodeMirror.findModeByName(fileExtension);
37 | var mode = null;
38 | if (typeof fileMode === 'object' && fileMode.mode !== undefined) {
39 | mode = fileMode.mode;
40 | }
41 | $scope.cm = CodeMirror.fromTextArea(document.getElementById('pad'), {
42 | mode: mode,
43 | lineNumbers: true,
44 | matchBrackets: true,
45 | theme: 'solarized dark'
46 | });
47 |
48 | // listens for theme variable changed in ToolbarDocument factory broadcasted by $rootScope
49 | DocumentFactory.goToDocument($scope.projectName, $scope.documentPath, $scope.cm);
50 | $scope.$on('theme:changed', function (event, theme) {
51 | $scope.cm.setOption('theme', theme);
52 | });
53 |
54 | }
55 | })();
--------------------------------------------------------------------------------
/client/app/templates/modifyProjectModal.js:
--------------------------------------------------------------------------------
1 | /*global angular:true */
2 |
3 | (function () {
4 | 'use strict';
5 | angular.module('codeFriends.toolbar')
6 | .controller('modifyProjectModalController', ['$scope', '$stateParams', '$modalInstance', 'FilesFactory', 'ProjectListFactory', 'ProjectFactory', 'SocketFactory', function ($scope, $stateParams, $modalInstance, FilesFactory, ProjectListFactory, ProjectFactory, SocketFactory) {
7 | $scope.filesInProject = ProjectFactory.files;
8 | $scope.folderPaths = ProjectFactory.folderPaths;
9 | $scope.folderSelected = 'Specify a folder';
10 |
11 | $scope.init = function () {
12 | ProjectFactory.getProject($stateParams.projectName)
13 | .then(function (project) {
14 | $scope.filesInProject = project.files;
15 | $scope.folderPaths = ProjectFactory.getFolderPaths(project.files);
16 | });
17 | };
18 |
19 | $scope.getFolderPath = function ($event) {
20 | $scope.folderSelected = $event.target.innerText;
21 | return $scope.folderSelected;
22 | };
23 |
24 | $scope.addFile = function () {
25 | $modalInstance.close();
26 | if ($scope.folderSelected === '/' || $scope.folderSelected === 'Specify a folder') {
27 | $scope.folderSelected = undefined;
28 | }
29 | FilesFactory.addNewFile($scope.newFileName, $stateParams.projectName, $scope.folderSelected)
30 | .then(function () {
31 | SocketFactory.send({
32 | type: 'project structure changed'
33 | });
34 | });
35 | };
36 |
37 | $scope.addFolder = function () {
38 | $modalInstance.close();
39 | if ($scope.folderSelected === '/' || $scope.folderSelected === 'Specify a folder') {
40 | $scope.folderSelected = undefined;
41 | }
42 | FilesFactory.addNewFolder($scope.newFolderName, $stateParams.projectName, $scope.folderSelected)
43 | .then(function () {
44 | SocketFactory.send({
45 | type: 'project structure changed'
46 | });
47 | });
48 | };
49 |
50 | $scope.addUser = function () {
51 | $modalInstance.close();
52 | ProjectListFactory.addUser($scope.addedUserName, $stateParams.projectName);
53 | };
54 |
55 | $scope.init();
56 |
57 | }]);
58 | })();
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_xq-light.scss:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright (C) 2011 by MarkLogic Corporation
3 | Author: Mike Brevoort
4 |
45 |
5 |
44 |
6 |
7 |
8 |
9 |
10 | Sign in with Github
11 |
12 |
13 |
26 |
27 |
28 |
41 |
42 |
43 |
2 |
3 |
49 |
50 |
--------------------------------------------------------------------------------
/server/file/getDocumentHash.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var models = require('../models').models;
3 | var Q = require('q');
4 | var Hashes = require('jshashes');
5 |
6 | /**
7 | * Get the document hash
8 | *
9 | * If no projectId is passed, the projectId is queried in the database
10 | *
11 | * @param
4 |
32 |
33 | Collaborators In Room
5 |
6 |
31 |
7 |
30 |
8 |
9 |
28 |
29 | |
11 | |
13 | 14 | {{friend.username}} 15 | | 16 |
17 |
18 |
21 |
24 |
25 | |
26 |
34 |
48 | Chat
35 |
36 |
43 |
44 |
45 |
46 |
47 |
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | CodeFriends
2 | ===========
3 | [](https://travis-ci.org/code-friends/CodeFriends) [](https://david-dm.org/code-friends/CodeFriends) [](https://david-dm.org/code-friends/CodeFriends#info=devDependencies)
4 |
5 | CodeFriends is a collaborative programming environment in your browser. Work with others in real time over text or video chat, clone in repos from Github, and see the changes instantly when a collaborator edits the project.
6 |
7 | ## Team
8 |
9 | - __Project Lead and Back End Engineer__: [Jorge Silva](https://github.com/thejsj/)
10 | - __Back End and Database Engineer__: [Chase Ellsworth](https://github.com/chaseme3/)
11 | - __Front End Lead and Scrum Master__: [Catherine Bui](https://github.com/gladwearefriends)
12 | - __Full Stack Developer__: [Doug Phung](https://github.com/floofydoug/)
13 |
14 |
15 | ## Table of Contents
16 |
17 | 1. [Usage](#usage)
18 | 1. [Development](#development)
19 | 1. [Setup](#setup)
20 | 1. [Running](#running)
21 | 1. [Testing](#testing)
22 | 1. [Contributing](#contributing)
23 | 1. [License](#license)
24 |
25 | ## Usage
26 | 1. Login with Github or create an account.
27 | 1. Clone a repo, use a template, or create a project from scratch.
28 | 1. Invite collaborators with their Github username and start collaborating!
29 |
30 | 
31 |
32 | ## Development
33 |
34 | ### Setup
35 |
36 | Install mysql and RethinkDB
37 |
38 | ```
39 | brew install mysql rethinkdb
40 | ```
41 |
42 | Install mocha and gulp
43 |
44 | ```
45 | npm install -g mocha gulp nodemon
46 | ```
47 |
48 | Install all packages and bower components
49 |
50 | ```
51 | npm install
52 | bower install
53 | ```
54 |
55 | Compile frontend assets
56 |
57 | ```
58 | gulp
59 | ```
60 |
61 | ### Running
62 |
63 | Once you startup MySQL and RethinkDB, you're now ready to start the app. Please
64 | make sure both databases are running before starting the app.
65 |
66 | Running for development (using nodemon):
67 | ```
68 | npm run dev
69 | ```
70 |
71 | Running on production (using forever):
72 | ```
73 | npm start
74 | ```
75 |
76 | ### Testing
77 |
78 | ```
79 | npm test
80 | ```
81 |
82 | ## Contributing
83 |
84 | See CONTRIBUTING.md for contribution guidelines.
85 |
86 | ## License
87 | MIT License 2014
88 |
--------------------------------------------------------------------------------
/server/deleteAllDatabases.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | /*jshint node:true */
4 | 'use strict';
5 |
6 | var config = require('config');
7 | var Promise = require('bluebird');
8 | // var mongoClient = Promise.promisifyAll(require('mongodb').MongoClient);
9 | var r = require('./rethinkdb');
10 | var db = require('./db');
11 |
12 | process.stdin.resume();
13 |
14 | var deleteAllDatabases = function () {
15 | return db.createAllTables
16 | .then(function () {
17 | return db.schema.hasTable('projects_users')
18 | .then(function (exists) {
19 | if (exists) {
20 | return db.schema.dropTable('projects_users');
21 | }
22 | return true;
23 | });
24 | })
25 | .then(function () {
26 | return db.schema.hasTable('templates')
27 | .then(function (exists) {
28 | if (exists) {
29 | return db.schema.dropTable('templates');
30 | }
31 | return true;
32 | });
33 | })
34 | .then(function () {
35 | return Promise.all([
36 | db.schema.hasTable('users').then(function (exists) {
37 | if (exists) {
38 | return db.schema.dropTable('users');
39 | }
40 | return true;
41 | }),
42 | db.schema.hasTable('projects').then(function (exists) {
43 | if (exists) {
44 | return db.schema.dropTable('projects');
45 | }
46 | return true;
47 | }),
48 | ]);
49 | })
50 | .then(function () {
51 | console.log('Deleting All MySQL Tables');
52 | return true;
53 | })
54 | .then(function () {
55 | return r.connect(config.get('rethinkdb'))
56 | .then(function (conn) {
57 | conn.use(config.get('rethinkdb').db);
58 | return Promise.resolve()
59 | .then(function () {
60 | return r.dbDrop(config.get('rethinkdb').db).run(conn);
61 | })
62 | .finally(function () {
63 | conn.close();
64 | })
65 | })
66 | .then(function () {
67 | console.log('Deleting All RethinkDB Tables');
68 | return true;
69 | })
70 | .catch(function (err) {
71 | console.log('Error Deleting RethinkDB Tables', err);
72 | });
73 | })
74 | .then(function () {
75 | console.log('Deleting Database Done');
76 | });
77 | };
78 |
79 | if (require.main === module) {
80 | deleteAllDatabases()
81 | .then(function () {
82 | process.exit();
83 | });
84 | }
85 |
86 | module.exports = deleteAllDatabases;
87 |
--------------------------------------------------------------------------------
/server/user/userController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var models = require('../models.js').models;
4 |
5 | var userController = {};
6 |
7 | /**
8 | * Create User
9 | */
10 | userController.post = function (req, res) {
11 |
12 | // console.log(req.body);
13 | var username = req.body.username;
14 | var githubId = req.body.githubId;
15 | var githubName = req.body.githubName;
16 | var githubEmail = req.body.githubEmail;
17 | var githubLocation = req.body.githubLocation;
18 | var githubAccessToken = req.body.githubAccessToken;
19 | var githubAvatarUrl = req.body.githubAvatarUrl;
20 |
21 | if (!username || !githubId || !githubName || !githubEmail ||
22 | !githubLocation || !githubAccessToken || !githubAvatarUrl
23 | ) {
24 | res.status(400).end();
25 | }
26 | new models.User({
27 | username: username,
28 | githubId: githubId,
29 | githubName: githubName,
30 | githubEmail: githubEmail,
31 | githubLocation: githubLocation,
32 | githubAccessToken: githubAccessToken,
33 | githubAvatarUrl: githubAvatarUrl
34 | })
35 | .save()
36 | .then(function (model) {
37 | res.json(model.toJSON());
38 | });
39 | };
40 |
41 | ///////////////////////////////////////// GET /////////////////////////////////////////
42 | userController.getAllUsers = function (req, res) {
43 | models.User
44 | .fetchAll({
45 | withRelated: ['project']
46 | })
47 | .then(function (coll) {
48 | res.json(coll.toJSON()).end();
49 | });
50 | };
51 |
52 | //CHANGE TO GET BY USERNAME OR ID
53 | userController.getSpecificUser = function (req, res) {
54 | models.User
55 | .query('where', 'username', '=', req.params.username)
56 | .fetch({
57 | withRelated: ['project']
58 | })
59 | .then(function (coll) {
60 | res.send(coll);
61 | });
62 | };
63 |
64 | //CHANGE TO GET BY USERNAME OR ID
65 | userController.getSpecificUserById = function (req, res) {
66 | // models.User
67 | // .query('where', 'username', '=', req.params.username)
68 | // .fetch({
69 | // withRelated: ['project']
70 | // })
71 | // .then(function (coll) {
72 | // res.send(coll);
73 | // });
74 | };
75 |
76 | ///////////////////////////////////////// PUT /////////////////////////////////////////
77 | userController.put = function (req, res) {
78 | res.status(200).end();
79 | };
80 |
81 | ///////////////////////////////////////// DELETE /////////////////////////////////////////
82 | userController.delete = function (req, res) {
83 | res.status(200).end();
84 | };
85 |
86 | module.exports = userController;
--------------------------------------------------------------------------------
/server/models.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var db = require('./db.js');
4 | var bookshelf = require('bookshelf')(db);
5 | var moment = require('moment');
6 | var bcrypt = require('bcrypt-nodejs');
7 | var bluebird = require('bluebird');
8 | var _ = require('lodash');
9 | _.str = require('underscore.string');
10 |
11 | //define models
12 | var models = {};
13 |
14 | models._parse = function (attrs) {
15 | return _.reduce(attrs, function (memo, val, key) {
16 | memo[_.str.camelize(key)] = val;
17 | return memo;
18 | }, {});
19 | };
20 |
21 | models._format = function (attrs) {
22 | return _.reduce(attrs, function (memo, val, key) {
23 | memo[_.str.underscored(key)] = val;
24 | return memo;
25 | }, {});
26 | };
27 |
28 | models.User = bookshelf.Model.extend({
29 | tableName: 'users',
30 | hasTimestamps: true,
31 | initialize: function () {
32 | this.on('creating', this.addPassword.bind(this));
33 | },
34 | project: function () {
35 | return this.belongsToMany(models.Project);
36 | },
37 | template: function () {
38 | return this.belongsToMany(models.Template);
39 | },
40 | parse: models._parse,
41 | format: models._format,
42 | addPassword: function (model) {
43 | var cipher = bluebird.promisify(bcrypt.hash);
44 | return cipher(model.attributes.password, null, null)
45 | .then(function (hash) {
46 | delete model.attributes.password;
47 | delete this.password;
48 | model.attributes.password = hash;
49 | this.password = hash;
50 | }.bind(this));
51 | },
52 | checkPassword: function (password) {
53 | var compare = bluebird.promisify(bcrypt.compare);
54 | return compare(password, this.get('password'))
55 | .then(function (isMatch) {
56 | return isMatch;
57 | });
58 | },
59 | });
60 |
61 | models.Project = bookshelf.Model.extend({
62 | tableName: 'projects',
63 | hasTimestamps: true,
64 | user: function () {
65 | return this.belongsToMany(models.User);
66 | },
67 | parse: models._parse,
68 | format: models._format
69 | });
70 |
71 | models.Template = bookshelf.Model.extend({
72 | tableName: 'templates',
73 | hasTimestamps: true,
74 | user: function () {
75 | return this.belongsTo(models.User);
76 | },
77 | parse: models._parse,
78 | format: models._format
79 | });
80 |
81 | //define collections
82 | var collections = {};
83 |
84 | collections.UserCollection = bookshelf.Collection.extend({
85 | model: models.User
86 | });
87 | collections.ProjectCollection = bookshelf.Collection.extend({
88 | model: models.Project
89 | });
90 | collections.TemplateCollection = bookshelf.Collection.extend({
91 | model: models.Template
92 | });
93 |
94 | exports.models = models;
95 | exports.collections = collections;
--------------------------------------------------------------------------------
/client/assets/scss/codemirror-themes/_xq-dark.scss:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright (C) 2011 by MarkLogic Corporation
3 | Author: Mike Brevoort
3 | 
4 |
5 |
4 | Add a new project
6 |
7 |
44 |
45 |