From 236cf4059e41ec5fa5b7b7206afe4b62e3a57f20 Mon Sep 17 00:00:00 2001
From: Shahab Lashkari <lashkari@users.noreply.github.com>
Date: Sun, 28 Feb 2016 21:18:00 -0800
Subject: [PATCH] Initial release

---
 .gitignore                          |  33 ++++
 Procfile                            |   1 +
 README.md                           |  29 +++
 app.js                              |  61 ++++++
 bin/www                             |  90 +++++++++
 package.json                        |  31 +++
 public/config.xml                   |  30 +++
 public/favicon.ico                  | Bin 0 -> 99678 bytes
 public/images/logo.png              | Bin 0 -> 2263 bytes
 public/images/thumbnail.png         | Bin 0 -> 3505 bytes
 public/index.html                   | 282 ++++++++++++++++++++++++++++
 public/javascripts/gadgetlib.min.js |   1 +
 public/stylesheets/style.css        |   8 +
 routes/jshint.js                    |  13 ++
 routes/less.js                      |  13 ++
 routes/sass.js                      |  14 ++
 routes/uglify.js                    |  31 +++
 17 files changed, 637 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 Procfile
 create mode 100644 README.md
 create mode 100644 app.js
 create mode 100755 bin/www
 create mode 100644 package.json
 create mode 100644 public/config.xml
 create mode 100644 public/favicon.ico
 create mode 100644 public/images/logo.png
 create mode 100644 public/images/thumbnail.png
 create mode 100644 public/index.html
 create mode 100644 public/javascripts/gadgetlib.min.js
 create mode 100644 public/stylesheets/style.css
 create mode 100644 routes/jshint.js
 create mode 100644 routes/less.js
 create mode 100644 routes/sass.js
 create mode 100644 routes/uglify.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e920c16
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,33 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+node_modules
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
diff --git a/Procfile b/Procfile
new file mode 100644
index 0000000..a553d73
--- /dev/null
+++ b/Procfile
@@ -0,0 +1 @@
+web: node ./bin/www
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e976735
--- /dev/null
+++ b/README.md
@@ -0,0 +1,29 @@
+# Developer Tools Gadget
+An [OU Campus](https://omniupdate.com/products/oucampus) gadget designed for web developers.
+
+## Features
+- Minify/uglify CSS
+- Minify/uglify JavaScript
+- Compile SCSS
+- Compile LESS
+
+## OU Campus Installation
+Follow the OU Campus [gadget installation instructions](http://support.omniupdate.com/oucampus10/setup/gadgets/new-gadget.html) to install this gadget. When prompted for the gadget URL, enter `https://devtools.gadget.host`
+
+## Installing and running locally
+This gadget requires a NodeJS back-end to handle the core functionality. To install, run
+```
+git clone https://github.com/lashkari/gadget-devtools.git
+
+cd gadget-devtools
+
+npm install
+
+npm run dev
+```
+
+## Reporting issues
+This is NOT an official gadget. Please report any issues you find here on GitHub, **do not contact OmniUpdate customer support about this gadget**.
+
+## Contributing
+Contributions (by way of pull requests and reporting issues) are very welcome. I've still got some code cleanup to do and then I'll add some more info on how to contribute code.
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..a9db3f8
--- /dev/null
+++ b/app.js
@@ -0,0 +1,61 @@
+var express = require('express');
+var path = require('path');
+var favicon = require('serve-favicon');
+var logger = require('morgan');
+var cookieParser = require('cookie-parser');
+var bodyParser = require('body-parser');
+
+var jshint = require('./routes/jshint.js');
+var uglify = require('./routes/uglify.js');
+var sass = require('./routes/sass.js');
+var less = require('./routes/less.js');
+
+var app = express();
+
+app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
+app.use(logger('dev'));
+app.use(bodyParser.json({ limit: '1mb' }));
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(bodyParser.text());
+app.use(cookieParser());
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use('/', express.static(path.join(__dirname, 'public')));
+app.use('/jshint', jshint);
+app.use('/uglify', uglify);
+app.use('/sass', sass);
+app.use('/less', less);
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  var err = new Error('Not Found');
+  err.status = 404;
+  next(err);
+});
+
+// error handlers
+
+// development error handler
+// will print stacktrace
+if (app.get('env') === 'development') {
+  app.use(function(err, req, res, next) {
+    res.status(err.status || 500);
+    res.render('error', {
+      message: err.message,
+      error: err
+    });
+  });
+}
+
+// production error handler
+// no stacktraces leaked to user
+app.use(function(err, req, res, next) {
+  res.status(err.status || 500);
+  res.render('error', {
+    message: err.message,
+    error: {}
+  });
+});
+
+
+module.exports = app;
diff --git a/bin/www b/bin/www
new file mode 100755
index 0000000..a2c8f8d
--- /dev/null
+++ b/bin/www
@@ -0,0 +1,90 @@
+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('devtoolsGadget:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..b2821c1
--- /dev/null
+++ b/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "devtoolsGadget",
+  "version": "1.0.0",
+  "author": "Shahab Lashkari",
+  "description":"An OU Campus gadget for web developers",
+  "license": "ISC",
+  "scripts": {
+    "start": "node ./bin/www",
+    "dev":  "nodemon ./bin/www"
+  },
+  "engines": {
+    "node": "5.4.0"
+  },
+  "dependencies": {
+    "body-parser": "^1.13.3",
+    "cookie-parser": "~1.3.5",
+    "debug": "~2.2.0",
+    "express": "~4.13.1",
+    "imagemin": "^4.0.0",
+    "jshint": "^2.9.1",
+    "less": "^2.6.0",
+    "morgan": "~1.6.1",
+    "node-sass": "^3.4.2",
+    "serve-favicon": "~2.3.0",
+    "uglify-js": "^2.6.1",
+    "uglifycss": "0.0.20"
+  },
+  "devDependencies": {
+    "nodemon": "^1.9.1"
+  }
+}
diff --git a/public/config.xml b/public/config.xml
new file mode 100644
index 0000000..d8c1036
--- /dev/null
+++ b/public/config.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<config>
+    <!-- The title that appears in the gadget's title bar. -->
+    <entry key="title" label="Title">Developer Tools</entry>
+    
+    <!-- The URL of an icon image. -->
+    <entry key="icon" private="true">https://devtools.gadget.host/favicon.ico</entry>
+    
+    <!-- The description that appears in the gadget chooser. -->
+    <entry key="description" private="true">Provides useful tools for web developers. Currently supports minification of CSS/JavaScript and CSS pre-processing of SASS and LESS.</entry>
+    
+    <!-- The URL of a thumbnail image to appear in the gadget chooser. -->
+    <entry key="thumbnail" private="true">https://devtools.gadget.host/images/thumbnail.png</entry>
+    
+    <!-- Current supported types are "dashboard" and "sidebar". If you want your gadget to appear
+         in both places, enter "dashboard, sidebar". -->
+    <entry key="types" private="true">sidebar</entry>
+    
+    <!-- This entry, if present, causes OU Campus to forward notifications of the specified 
+         type(s) to the gadget. Enter one or more notification types separated by commas. -->
+    <entry key="notifications" private="true">view_changed</entry>
+    
+    <!-- For sidebar gadgets only. See explanation at bottom. -->
+    <entry key="sidebar_context" private="true">page</entry>
+    
+    <!-- For sidebar gadgets only. Determines the initial height of the gadget in pixels. -->
+    <entry key="initial_height" private="true">80</entry>
+    
+</config>
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..a448e4f26d373498a2c5e6fa2168c2b208561064
GIT binary patch
literal 99678
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

literal 0
HcmV?d00001

diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..002fc7b442e298cf131e1c9ff217820673702b2a
GIT binary patch
literal 2263
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

literal 0
HcmV?d00001

diff --git a/public/images/thumbnail.png b/public/images/thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..89b5afaaf998ec194f256258f6578cde09ac9e18
GIT binary patch
literal 3505
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

literal 0
HcmV?d00001

diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..a252a51
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,282 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Developer Tools Gadget</title> 
+
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+
+	<style type="text/css">
+		body {
+			padding: 10px;
+			background-color: transparent;
+		} 
+		.btn-full-width { width: 100%; }
+		a { color: #2196F3; }
+		a:hover { color: #337ab7; }
+		code {
+			background-color: #ccc;
+			color: #333;
+			border-radius: 2px;
+			padding: 6px;
+		}
+		.error {
+			color: white;
+			padding: 24px;		
+			position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background-color: rgba(0,0,0,0.8);
+			margin: 0;
+		}
+		#direct-load {
+			font-size: 2em;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="main">
+		<button id="minify" type="button" class="btn btn-success btn-full-width">Minify</button>
+		<button id="sass" type="button" class="btn btn-success btn-full-width hidden">Publish compiled CSS</button>
+		<button id="less" type="button" class="btn btn-success btn-full-width hidden">Publish compiled CSS</button>
+		<p id="direct-load" class="error hidden">It looks like you're trying to access this gadget directly. To use this gadget, you must install it in your OU Campus account. Please use the <a href="http://support.omniupdate.com/oucampus10/setup/gadgets/new-gadget.html" target="_blank">official OU Campus instructions</a> to install this gadget. When asked for the gadget URL, please enter <code>https://devtools.gadget.host/</code></p>
+	</div>
+
+	<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
+	<script type="text/javascript" src="/javascripts/gadgetlib.min.js"></script>
+
+	<script type="text/javascript">
+		$(document).ready(function () {
+			if (top === self) {
+				$('#direct-load').removeClass('hidden');
+				return;	
+			}
+
+			const DEVTOOLSHOST = 'https://devtools.gadget.host';
+			function reverse(str) {
+				if (typeof str !== 'string')
+					return '';
+				return str.split('').reverse().join('');
+			}
+			function getExtension(str) {
+				if (typeof str !== 'string')
+					return '';
+
+				var dotPos = reverse(str).indexOf('.');
+				if (dotPos > 0) {
+					return str.substr(-dotPos);
+				} else {
+					return '';
+				}
+			}
+			gadget.ready().then(gadget.fetch).then(function () {
+				const apiHost = gadget.get('apihost');
+				const authToken = gadget.get('token');
+				var fileType;
+				var stagingPath;
+				var fileName;
+				var minFileName;
+				var minFilePath;
+
+				// TODO: consolidate the following click handlers into a single button/handler
+				$('#minify').click(function(e){
+					var data = {
+						"authorization_token" : authToken,
+						"site" : gadget.get('site'),
+						"path" : stagingPath
+					};
+					$.get(apiHost + '/files/source', data).done(function(results){
+						if (results !== null) {
+							$.ajax({
+								method: 'POST',
+								contentType: false,
+								url: DEVTOOLSHOST + '/uglify/' + (fileType === 'css' ? 'css' : 'js'),
+								data: results.source,
+								dataType: "text"
+							}).done(function(minified){
+								var folderPath = minFilePath.substr(0,minFilePath.length - minFileName.length - 1);
+								var fd = new FormData();
+								var file = new File([minified], minFileName);
+								fd.append(minFileName, file);
+								$.ajax({
+									method: 'POST',
+									contentType: false,
+									processData: false,
+									url: apiHost + '/files/upload?site='+gadget.get('site')+'&path='+folderPath+'&overwrite=true&target='+gadget.get('site') + '&authorization_token=' + gadget.get('token'),
+									data: fd
+								}).done(function(results){
+									$('#minify')[0].innerText = 'Success!';
+									$('#minify').prop('disabled', true);
+									window.setTimeout(function(){
+										$('#minify')[0].innerText = 'Publish ' + minFileName;
+										$('#minify').prop('disabled', false);
+									},5000);
+								}).fail(function(error){
+									console.log('Error uploading minified file to production:', error);
+									$('#minify')[0].innerText = 'Error!';
+									$('#minify').prop('disabled', true);
+									$('#minify').removeClass('btn-success').addClass('btn-danger');		
+								});
+							}).fail(function(error){ console.log(error); });
+						}
+					}).fail(function(error){ console.log(error); });
+				});
+
+				$('#sass').click(function(e){
+					var data = {
+						"authorization_token" : authToken,
+						"site" : gadget.get('site'),
+						"path" : stagingPath
+					};
+					$.get(apiHost + '/files/source', data).done(function(results){
+						if (results !== null) {
+							$.ajax({
+								method: 'POST',
+								contentType: false,
+								url: DEVTOOLSHOST + '/sass',
+								data: results.source,
+								dataType: "text"
+							}).done(function(sassed){
+								var folderPath = minFilePath.substr(0,minFilePath.length - minFileName.length - 1);
+								var fd = new FormData();
+								var file = new File([sassed], minFileName);
+								fd.append(minFileName, file);
+								$.ajax({
+									method: 'POST',
+									contentType: false,
+									processData: false,
+									url: apiHost + '/files/upload?site='+gadget.get('site')+'&path='+folderPath+'&overwrite=true&target='+gadget.get('site') + '&authorization_token=' + gadget.get('token'),
+									data: fd
+								}).done(function(results){
+									$('#sass')[0].innerText = 'Success!';
+									$('#sass').prop('disabled', true);
+									window.setTimeout(function(){
+										$('#sass')[0].innerText = 'Publish ' + minFileName;
+										$('#sass').prop('disabled', false);
+									},5000);
+								}).fail(function(error){
+									console.log('Error uploading compiled css file to production:', error);
+									$('#sass')[0].innerText = 'Error!';
+									$('#sass').prop('disabled', true);
+									$('#sass').removeClass('btn-success').addClass('btn-danger');		
+								});
+							}).fail(function(error){ console.log(error); });
+						}
+					}).fail(function(error){ console.log(error); });
+				});
+
+				$('#less').click(function(e){
+					var data = {
+						"authorization_token" : authToken,
+						"site" : gadget.get('site'),
+						"path" : stagingPath
+					};
+					$.get(apiHost + '/files/source', data).done(function(results){
+						if (results !== null) {
+							$.ajax({
+								method: 'POST',
+								contentType: false,
+								url: DEVTOOLSHOST + '/less',
+								data: results.source,
+								dataType: "text"
+							}).done(function(sassed){
+								var folderPath = minFilePath.substr(0,minFilePath.length - minFileName.length - 1);
+								var fd = new FormData();
+								var file = new File([sassed], minFileName);
+								fd.append(minFileName, file);
+								$.ajax({
+									method: 'POST',
+									contentType: false,
+									processData: false,
+									url: apiHost + '/files/upload?site='+gadget.get('site')+'&path='+folderPath+'&overwrite=true&target='+gadget.get('site') + '&authorization_token=' + gadget.get('token'),
+									data: fd
+								}).done(function(results){
+									$('#less')[0].innerText = 'Success!';
+									$('#less').prop('disabled', true);
+									window.setTimeout(function(){
+										$('#less')[0].innerText = 'Publish ' + minFileName;
+										$('#less').prop('disabled', false);
+									},5000);
+								}).fail(function(error){
+									console.log('Error uploading compiled css file to production:', error);
+									$('#less')[0].innerText = 'Error!';
+									$('#less').prop('disabled', true);
+									$('#less').removeClass('btn-success').addClass('btn-danger');		
+								});
+							}).fail(function(error){ console.log(error); });
+						}
+					}).fail(function(error){ console.log(error); });
+				});
+
+				function updateMinifyButton(){
+					gadget.oucGetCurrentFileInfo().then(function(fileInfo) {
+						stagingPath = fileInfo.stagingPath;
+						fileName = fileInfo.filename;
+						var extension = getExtension(stagingPath);
+						switch (extension) {
+							case 'css':
+							fileType = 'css';
+							minFileName = fileName.substr(0,fileName.length-3) + 'min.css';
+							minFilePath = stagingPath.substr(0,stagingPath.length-3) + 'min.css';
+							$('#sass').addClass('hidden');	
+							$('#less').addClass('hidden');	
+							$('#minify')[0].innerText = 'Publish ' + minFileName;
+							$('#minify').removeClass('btn-danger hidden').addClass('btn-success');		
+							$('#minify').prop('disabled',false);
+							break;
+							case 'js':
+							fileType = 'js';
+							minFileName = fileName.substr(0,fileName.length-2) + 'min.js';
+							minFilePath = stagingPath.substr(0,stagingPath.length-2) + 'min.js';
+							$('#sass').addClass('hidden');	
+							$('#less').addClass('hidden');	
+							$('#minify')[0].innerText = 'Publish ' + minFileName;
+							$('#minify').removeClass('btn-danger hidden').addClass('btn-success');		
+							$('#minify').prop('disabled',false);
+							break;
+							case 'scss':
+							minFileName = fileName.substr(0,fileName.length-4) + 'css';
+							minFilePath = stagingPath.substr(0,stagingPath.length-4) + 'css';
+							$('#minify').addClass('hidden');	
+							$('#less').addClass('hidden');	
+							$('#sass')[0].innerText = 'Publish ' + minFileName;
+							$('#sass').removeClass('btn-danger hidden').addClass('btn-success');		
+							$('#sass').prop('disabled',false);
+							break;
+							case 'less':
+							minFileName = fileName.substr(0,fileName.length-4) + 'css';
+							minFilePath = stagingPath.substr(0,stagingPath.length-4) + 'css';
+							$('#minify').addClass('hidden');	
+							$('#sass').addClass('hidden');	
+							$('#less')[0].innerText = 'Publish ' + minFileName;
+							$('#less').removeClass('btn-danger hidden').addClass('btn-success');		
+							$('#less').prop('disabled',false);
+							break;
+							default:
+							fileType = null;
+							minFileName = null;
+							minFilePath = null;
+							$('#minify')[0].innerText = 'Cannot minify ' + extension.toUpperCase() + ' files';
+							$('#minify').prop('disabled',true);
+							$('#sass')[0].innerText = 'Not a SASS file';
+							$('#sass').prop('disabled',true);
+						}
+				}); // oucGetCurrentFileInfo.then()
+				} // function updateMinifyButton()
+
+				updateMinifyButton();
+
+				$(gadget).on({
+					'view_changed': function (evt, notification) {
+						updateMinifyButton();
+					}
+				});
+
+			}); // gadget.ready()
+});
+</script>
+</body>
+</html>
diff --git a/public/javascripts/gadgetlib.min.js b/public/javascripts/gadgetlib.min.js
new file mode 100644
index 0000000..1b86a91
--- /dev/null
+++ b/public/javascripts/gadgetlib.min.js
@@ -0,0 +1 @@
+!function(){function t(){return a("get-environment")}function e(){var t={},e=location.href.split(/[\?&]/),a=e.splice(1);t.url=e[0];for(var i,o,r,s=0;s<a.length;s++)i=a[s].split("="),o=i[0],r=i[1],t[o]=r;n.set(t)}function a(t,e){var a=n,i=null,o=Math.random().toString().slice(2),r={name:t,gid:a.gid,origin:a.url,token:a.token,place:a.place,payload:e,callback:o};i=new $.Deferred;var s=function(t){if(t.origin==a.msghost){var e=t.data;if("string"==typeof e)try{e=JSON.parse(e)}catch(n){return void console.log("Cannot parse message from OU Campus app:",e)}console.log("Response from OU Campus:",e),e.callback==o&&(window.removeEventListener("message",s,!1),i.resolve(e.payload))}};return window.addEventListener("message",s,!1),window.top.postMessage(JSON.stringify(r),a.msghost),i}function i(t){var e=n;if(t.origin==e.msghost){var a=t.data;if("string"==typeof a)try{a=JSON.parse(a)}catch(i){return void console.log("Cannot parse message from OU Campus app:",a)}a.callback||(console.log("Message from OU Campus:",a),"configuration"==a.name&&e.setConfig(a.payload),$(e).trigger(a.name,a.payload))}}var n={ready:function(t){var e=new $.Deferred;return this.isReady?(t&&t(),e.resolve()):$(this).one("ready",function(){t&&t(),e.resolve()}),e},get:function(t){return"object"==typeof this[t]?JSON.parse(JSON.stringify(this[t])):this[t]},set:function(t,e){if("string"==typeof t)this[t]=e;else for(var a in t)t.hasOwnProperty(a)&&(this[a]=t[a])},getConfig:function(t){return"object"==typeof this.config[t]?JSON.parse(JSON.stringify(this.config[t])):this.config[t]},setConfig:function(t,e){if("string"==typeof t)this.config[t]=e;else for(var a in t)t.hasOwnProperty(a)&&(this.config[a]=t[a])},fetch:function(){var t=this,e=t.apihost+"/gadgets/view",a={authorization_token:t.token,account:t.account,gadget:t.gid};return $.ajax({type:"GET",url:e,data:a,success:function(e){t.config={};for(var a in e.config)e.config.hasOwnProperty(a)&&(t.config[a]=e.config[a].value)},error:function(t,e,a){console.log("Fetch error:",e,a)}})},save:function(t,e){t&&this.setConfig(t,e);var a=this,i=a.apihost+"/gadgets/configure",n=a.config;return n.authorization_token=a.token,n.account=a.account,n.gadget=a.gid,$.ajax({type:"POST",url:i,data:n,success:function(t){},error:function(t,e,a){console.log("Save error:",e,a)}})},_sendMessageToTop:a,oucGetCurrentFileInfo:function(){return a("get-current-file-info")},oucInsertAtCursor:function(t){return a("insert-at-cursor",t)},oucGetCurrentLocation:function(){return a("get-location")},oucSetCurrentLocation:function(t){return a("set-location",t)},oucRefreshLocation:function(){return a("refresh-location")},oucGetWYSIWYGSelection:function(){return a("get-wysiwyg-selection")},oucGetWYSIWYGContent:function(){return a("get-wysiwyg-content")},oucGetSourceContent:function(){return a("get-source-content")}};for(var o in n)n[o]=n[o].bind(n);var r={gadget:n,paramValidation:function(t){if(!t)throw"Missing parameters for Metadata API request.";if(!t.action)throw"Missing 'action' property in options object";if(!(("update"!==t.action&&"delete"!==t.action&&"view"!==t.action||t.id)&&("create"!==t.action||t.mime_type&&t.metadata)&&("link"!==t.action||t.item&&t.id)&&("unlink"!==t.action||t.item)&&("grouplink"!==t.action||t.id&&t.groups)&&("groupunlink"!==t.action||t.id&&t.groups)&&("list"!==t.action||t.mime_type)))throw"Missing required parameter for '"+t.action+"' Metadata API request"},cleanProps:function(t,e){for(var a in t){var i;switch(a){case"mime_type":i=!0;break;case"metadata":i=!0;break;case"metadatas":i=!0;break;case"scope":i=!0;break;case"groups":i=!0;break;case"item":i=!0;break;case"item_type":i=!0;break;case"id":i=!0;break;case"ids":i=!0;break;case"asset":i=!0;break;case"page":i=!0;break;case"directory":i=!0;break;case"site":i=!0;break;case"ou_site":i=!0;break;default:i=!1}i&&(e.data[a]=t[a],delete t[a])}return e},create:function(t,e){t||(t={}),e||(e={}),t.action="create",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/new",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},update:function(t,e){t||(t={}),e||(e={}),t.action="update",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/save",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},"delete":function(t,e){t||(t={}),e||(e={}),t.action="delete",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/delete",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},list:function(t,e){t||(t={}),e||(e={}),t.action="list",this.paramValidation(t);var a={type:"GET",dataType:"json",url:this.gadget.apihost+"/metadata/list",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},view:function(t,e){t||(t={}),e||(e={}),t.action="view",this.paramValidation(t);var a={type:"GET",dataType:"json",url:this.gadget.apihost+"/metadata/view",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},link:function(t,e){t||(t={}),e||(e={}),t.action="link",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/"+t.link_type+"link",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},unlink:function(t,e){t||(t={}),e||(e={}),t.action="unlink",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/"+t.link_type+"unlink",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},groupLink:function(t,e){t||(t={}),e||(e={}),t.action="grouplink",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/grouplink",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))},groupUnlink:function(t,e){t||(t={}),e||(e={}),t.action="groupunlink",this.paramValidation(t);var a={type:"POST",dataType:"json",url:this.gadget.apihost+"/metadata/groupunlink",data:{site:t.ou_site||this.gadget.site,authorization_token:this.gadget.token}};return a=this.cleanProps(t,a),$.ajax($.extend(a,e))}};n.Metadata=r,n.set(e()),t().then(function(t){"Unrecognized message."!=t&&n.set(t),n.isReady=!0,$(n).trigger("ready")}),window.addEventListener("message",i,!1),window.gadget=n,window.Gadget=function(){},window.Gadget.prototype=n}();
\ No newline at end of file
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
new file mode 100644
index 0000000..9453385
--- /dev/null
+++ b/public/stylesheets/style.css
@@ -0,0 +1,8 @@
+body {
+  padding: 50px;
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+}
+
+a {
+  color: #00B7FF;
+}
diff --git a/routes/jshint.js b/routes/jshint.js
new file mode 100644
index 0000000..25307e9
--- /dev/null
+++ b/routes/jshint.js
@@ -0,0 +1,13 @@
+var express = require('express');
+var router = express.Router();
+var jshint = require('jshint');
+var bodyParser = require('body-parser')
+var jsParser = bodyParser.text({ type: 'text/javascript' });
+
+router.post('/', jsParser, function(req, res, next) {
+  jshint.JSHINT(req.body);
+  console.log(jshint.JSHINT.data());
+  res.send(jshint.JSHINT.data());
+}); 
+
+module.exports = router;
diff --git a/routes/less.js b/routes/less.js
new file mode 100644
index 0000000..c714138
--- /dev/null
+++ b/routes/less.js
@@ -0,0 +1,13 @@
+var express = require('express');
+var router = express.Router();
+var less = require('less');
+var bodyParser = require('body-parser')
+var cssParser = bodyParser.text({ type: 'text/css' });
+
+router.post('/', cssParser, function(req, res, next) {
+	less.render(req.body, function (e, output) {
+		res.send(output.css);
+	});
+});
+
+module.exports = router;
diff --git a/routes/sass.js b/routes/sass.js
new file mode 100644
index 0000000..959beb9
--- /dev/null
+++ b/routes/sass.js
@@ -0,0 +1,14 @@
+var express = require('express');
+var router = express.Router();
+var sass = require('node-sass');
+var bodyParser = require('body-parser')
+var cssParser = bodyParser.text({ type: 'text/css' });
+
+router.post('/', cssParser, function(req, res, next) {
+	var result = sass.renderSync({
+		data: req.body
+	});
+	res.send(result.css);
+});
+
+module.exports = router;
diff --git a/routes/uglify.js b/routes/uglify.js
new file mode 100644
index 0000000..c0e729a
--- /dev/null
+++ b/routes/uglify.js
@@ -0,0 +1,31 @@
+var express = require('express');
+var router = express.Router();
+var bodyParser = require('body-parser');
+var uglifyjs = require("uglify-js");
+var uglifycss = require('uglifycss');
+
+var jsParser = bodyParser.text({ type: 'text/javascript' });
+var cssParser = bodyParser.text({ type: 'text/css' });
+
+router.use(function(req, res, next) {
+	res.header("Access-Control-Allow-Origin", "*");
+	res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
+	next();
+});
+
+/* POST uglify js */
+router.post('/js', jsParser, function(req, res, next) {
+	var result = uglifyjs.minify(req.body, {fromString: true});
+	if (result.code) {
+		res.send(result.code);
+	} else {
+		res.send(result);
+	}
+});
+
+/* POST uglify css */
+router.post('/css', cssParser, function(req, res, next) {
+	res.send(uglifycss.processString(req.body));
+});
+
+module.exports = router;