Dev circleci

README.md

@@ -1,9 +1,9 @@
-#### Dev [![Build Status](https://travis-ci.org/appirio-tech/topcoder-app.svg?branch=dev)](https://travis-ci.org/appirio-tech/topcoder-app) QA [![Build Status](https://travis-ci.org/appirio-tech/topcoder-app.svg?branch=qa-integration)](https://travis-ci.org/appirio-tech/topcoder-app) Master [![Build Status](https://travis-ci.org/appirio-tech/topcoder-app.svg?branch=master)](https://travis-ci.org/appirio-tech/topcoder-app)
+#### Dev [![Build Status](https://circleci.com/gh/appirio-tech/topcoder-app/tree/dev.svg?style=shield&circle-token=5acf3da74ea00fc827850218f9f01578a4d6ea68)] QA [![Build Status](https://circleci.com/gh/appirio-tech/topcoder-app/tree/qa-integration.svg?style=shield&circle-token=5acf3da74ea00fc827850218f9f01578a4d6ea68)] Master [![Build Status](https://circleci.com/gh/appirio-tech/topcoder-app/tree/master.svg?style=shield&circle-token=5acf3da74ea00fc827850218f9f01578a4d6ea68)]
 # Topcoder-App
 
 Topcoder-App is an Angular application that contains dashboard, profile, settings, login/registration, and design submissions.
 
-The technologies used are NPM, Webpack, ES2015, Jade, SCSS, and Angular 1.x.
+The technologies used are NPM, Webpack, ES2015, Jade, SCSS, and Angular 1.x. 
 
 ## Installation
 
@@ -128,7 +128,7 @@ See any `*.routes.js` file as an example.
 
 ### Style Guide and Naming Conventions
 
-  - Our travis build runs `npm run lint` and `npm test`, so make sure your code adheres to the code style enforced by our linters
+  - Our circleci build runs `npm run lint` and `npm test`, so make sure your code adheres to the code style enforced by our linters
   - Please use ES2015 syntax whenever possible
   - Use the Angular style guide mentioned below
 

circle.yml

@@ -0,0 +1,44 @@
+machine:
+  node:
+    version: 5.5.0
+  environment:
+    CXX: g++-4.8
+
+dependencies:
+  pre:
+    - sudo add-apt-repository ppa:ubuntu-toolchain-r/test  -y
+    - sudo apt-get update -y
+    - sudo apt-get install g++-4.8  -y
+  override:
+    - node --version
+    - npm --version
+    - nvm --version
+    - npm install coffeescript
+    - npm install
+
+compile:
+  override:
+    - ls node_modules/*
+    - npm run lint && npm run build
+
+test:
+  override:
+    - npm test
+
+deployment:
+  development:
+    branch: [dev, dev-circleci]
+    owner: appirio-tech
+    commands:
+      - ./deploy.sh DEV
+  qa:
+    branch: qa-integration
+    owner: appirio-tech
+    commands:
+      - ./deploy.sh QA
+  production:
+    branch: master
+    owner: appirio-tech
+    commands:
+      - ./deploy.sh PROD
+

deploy.sh

@@ -0,0 +1,58 @@
+#!/usr/bin/env bash
+
+ENV=$1
+echo $ENV
+#AWS_REGION=$(eval "echo \$${ENV}_AWS_REGION")
+AWS_ACCESS_KEY_ID=$(eval "echo \$${ENV}_AWS_ACCESS_KEY_ID")
+AWS_SECRET_ACCESS_KEY=$(eval "echo \$${ENV}_AWS_SECRET_ACCESS_KEY")
+AWS_S3_BUCKET=$(eval "echo \$${ENV}_S3_BUCKET")
+
+configure_aws_cli() {
+	aws --version
+	aws configure set aws_access_key_id $AWS_ACCESS_KEY_ID
+	aws configure set aws_secret_access_key $AWS_SECRET_ACCESS_KEY
+	#aws configure set default.region $AWS_REGION
+	aws configure set default.output json
+	echo "Configured AWS CLI."
+}
+
+deploy_s3bucket() {
+        #chmod -R 775 ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist
+	cat dist/app.2e9868372e0e2992d5d2.css 
+	#aws s3 sync --dryrun ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET} --cache-control private,no-store,no-cache,must-revalidate,max-age=0
+	#result=`aws s3 sync ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET} --cache-control private,no-store,no-cache,must-revalidate,max-age=0`	
+	aws s3 sync --dryrun ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET} --cache-control max-age=0,s-maxage=86400 --exclude "*.txt" --exclude "*.js" --exclude "*.map" --exclude "*.css"
+	result=`aws s3 sync ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET} --cache-control max-age=0,s-maxage=86400 --exclude "*.txt" --exclude "*.js" --exclude "*.map" --exclude "*.css"`
+	if [ $? -eq 0 ]; then
+		#echo $result
+		echo "All html, font, image and media files are Deployed without gzip encoding!"
+	else
+		echo "Deployment Failed  - $result"
+		exit 1
+	fi
+	#result=`aws s3 sync ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET} --cache-control private,no-store,no-cache,must-revalidate,max-age=0`
+	aws s3 sync --dryrun ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET} --cache-control max-age=0,s-maxage=86400 --exclude "*" --include "*.txt" --include "*.js" --include "*.map" --include "*.css" --content-encoding gzip
+	result=`aws s3 sync ${HOME}/${CIRCLE_PROJECT_REPONAME}/dist s3://${AWS_S3_BUCKET}  --cache-control max-age=0,s-maxage=86400 --exclude "*" --include "*.txt" --include "*.js" --include "*.map" --include "*.css" --content-encoding gzip`
+	if [ $? -eq 0 ]; then
+		#echo $result
+		echo "All css, js, and map files are Deployed! with gzip"
+	else
+		echo "Deployment Failed  - $result"
+		exit 1
+	fi	
+
+}
+
+#sed -i 's/^application\/x-font-woff.*/application\/font-woff\t\t\t\twoff/' /etc/mime.types
+echo -e "application/font-woff\t\t\t\twoff2" >> /etc/mime.types
+echo -e "application/font-sfnt\t\t\t\tttf" >> /etc/mime.types
+echo -e "application/json\t\t\t\tmap" >> /etc/mime.types
+#sed -i 's/^image\/vnd.microsoft.icon.*/image\/vnd.microsoft.icon/' /etc/mime.types
+#sed -i 's/^image\/x-icon.*/image\/x-icon\t\t\t\tico/' /etc/mime.types
+cat /etc/mime.types  | grep -i woff
+cat /etc/mime.types  | grep -i ico
+cat /etc/mime.types  | grep -i map
+cat /etc/mime.types  | grep -i ttf
+
+configure_aws_cli
+deploy_s3bucket

webpack.config.js

@@ -1,6 +1,6 @@
 require('./node_modules/coffee-script/register')
 
-const CI = process.env.TRAVIS_BRANCH
+const CI = process.env.CIRCLE_BRANCH
 
 if (CI === 'master') {
   process.env.ENV = 'PROD'