Question

.gitignore

@@ -0,0 +1 @@
+node_modules

Gruntfile.js

@@ -0,0 +1,14 @@
+module.exports = function(grunt) {
+    var path = require('path');
+
+    require('load-grunt-config')(grunt, {
+        init: true,
+        configPath: path.join(process.cwd(), 'src/tasks'),
+        data: {
+            projectDev: 'src',
+            projectDir: 'dist',
+            pkg: grunt.file.readJSON('package.json')
+        }
+    });
+
+};

demo/index.html

@@ -7,7 +7,7 @@
 	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,600italic' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="style.css">
 	<link rel="stylesheet" href="animate.css">
-	<link rel="stylesheet" href="../src/tipso.css">
+	<link rel="stylesheet" href="../dist/tipso.min.css">
 	<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 	<script src="../src/tipso.min.js"></script>

package.json

@@ -30,5 +30,16 @@
     "url": "https://github.com/object505/tipso.git"
   },
   "homepage": "https://github.com/object505/tipso",
-  "license": "MIT"  
+  "license": "MIT",
+  "devDependencies": {
+    "grunt": ">=0.4.5",
+    "grunt-contrib-jshint": "~0.11.1",
+    "grunt-contrib-uglify": "^0.8.0",
+    "grunt-sass": "^1.0.0",
+    "load-grunt-config": "^0.10.0",
+    "load-grunt-tasks": "^0.4.0"
+  },
+  "dependencies": {
+    "node-sass": "^3.1.2"
+  }
 }

src/tipso.css → src/scss/tipso.scss

@@ -15,6 +15,9 @@
 	cursor: help;
 	border-bottom: 1px dotted;
 }
+.tipso_content {
+  word-wrap: break-word;
+}
 
 /* Tipso Bubble Div */
 .tipso_bubble > .tipso_arrow{

src/tasks/aliases.yaml

@@ -0,0 +1,4 @@
+default:
+  - 'sass'
+#  - 'jshint'
+  - 'uglify'

src/tasks/config/.jshintrc

@@ -0,0 +1,25 @@
+{
+    "bitwise": true,
+    "eqeqeq": true,
+    "eqnull": true,
+    "immed": true,
+    "newcap": false,
+    "esnext": true,
+    "latedef": true,
+    "noarg": true,
+    "undef": true,
+    "browser": true,
+    "trailing": true,
+    "jquery": true,
+    "curly": true,
+    "trailing": true,
+    "smarttabs": true,
+    "browser": true,
+    "node": true,
+    "laxcomma" : true,
+    "sub":true,
+    "expr":true,
+    "globals": {
+        "$": true
+    }
+}

src/tasks/jshint.js

@@ -0,0 +1,10 @@
+module.exports = function(grunt, options){
+    var projectDev = options.projectDev;
+
+    return {
+    	options: {
+            jshintrc: '<%= projectDev %>/tasks/config/.jshintrc'
+        },
+        tipso: ['<%= projectDev %>/js/{,*/,**/}*.js']
+    }
+};

src/tasks/sass.js

@@ -0,0 +1,15 @@
+module.exports = function(grunt, options){
+    var projectDev = options.projectDev;
+    var projectDir = options.projectDir;
+
+    return {
+        options: {
+            outputStyle: 'compressed'
+        },
+        tipso: {
+            files: {
+                '<%= projectDir %>/tipso.min.css': '<%= projectDev %>/scss/tipso.scss'
+            }
+        }
+    };
+};

src/tasks/uglify.js

@@ -0,0 +1,18 @@
+module.exports = function(grunt, options){
+    var projectDev = options.projectDev;
+    var projectDir = options.projectDir;
+
+    return {
+		options: {
+        },
+        tipso: {
+            files: [{
+                expand: true,
+                cwd: '<%= projectDev %>/js/',
+                src : 'tipso.js',
+                dest: '<%= projectDir %>/',
+                ext: '.min.js'
+            }]
+        }
+    };
+};