Switch to using the new steal

This makes Syn use the new steal, which will allow us to use the new
Pluginify for builds, as well as use an alternative syntax if we want.
Fixes #58

Author: matthewp

Gruntfile.js

@@ -10,9 +10,18 @@ module.exports = function (grunt) {
 				}
 			}
 		},
-		exec: {
-			pluginify: {
-				command: 'node build.js'
+		stealPluginify: {
+			src: {
+				options: {
+					system: {
+						config: __dirname + "/stealconfig.js",
+						main: 'src/syn'
+					},
+					ignore: []
+				},
+				files: [{
+					dest: __dirname + "/build/syn.js"
+				}]
 			}
 		},
 		concat: {
@@ -69,11 +78,11 @@ module.exports = function (grunt) {
 	grunt.loadNpmTasks('grunt-contrib-concat');
 	grunt.loadNpmTasks('grunt-contrib-jshint');
 	grunt.loadNpmTasks('grunt-contrib-uglify');
-	grunt.loadNpmTasks('grunt-exec');
 	grunt.loadNpmTasks('grunt-jsbeautifier');
 	grunt.loadNpmTasks('testee');
+	grunt.loadNpmTasks('steal-tools');
 
 	grunt.registerTask('quality', ['jsbeautifier', 'jshint']);
-	grunt.registerTask('build', ['exec:pluginify', 'concat', 'uglify']);
+	grunt.registerTask('build', ['stealPluginify', 'concat', 'uglify']);
 	grunt.registerTask('test', ['connect:server', 'testee']);
 };

bower.json

@@ -23,13 +23,12 @@
     "jquerypp": "1.0.x",
     "qunit": "1.10.x",
     "canjs": "2.0.x",
-    "bootstrap": "3.0.x"
+    "bootstrap": "3.0.x",
+    "steal": "~0.2.2"
   },
   "ignore": [
-    "/build.js",
     "stealconfig.js",
     "/test",
-    "/steal",
     "/drag",
     "/demo",
     "/*.js",

build.js

@@ -92,6 +92,7 @@
 			</div>
 		</div>
 
-		<script src="../steal/steal.js?demo"></script>
+		<script src="../lib/steal/steal.js?demo"
+            data-config="../stealconfig.js"></script>
 	</body>
-</html>
+</html>

demo/demo.html

@@ -55,4 +55,4 @@ function($, Drag, Control) {
 	});
 
 	new Demo(document);
-});
+});

demo/demo.js

@@ -69,6 +69,7 @@
 			<pre id="code">Click the tabs above to create replay code.</pre>
 		</div>
 
-		<script src="../steal/steal.js?demo/record.js"></script>
+		<script src="../lib/steal/steal.js?demo/record.js"
+            data-config="../stealconfig.js"></script>
 	</body>
-</html>
+</html>

demo/index.html

@@ -1,4 +1,4 @@
-steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
+steal('jquery', 'can/control', 'src/syn.js', function($, Control, syn) {
 	var Resize = can.Control.extend({
 		init: function() {
 			this.resize();
@@ -17,7 +17,7 @@ steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
 
 	//Safari doesn't send mouse/click on option
 	$(function() {
-		Syn.autoDelay = true;
+		syn.autoDelay = true;
 		REPLAY = false;
 		ADD = true;
 
@@ -61,7 +61,7 @@ steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
 						func && args.push('Recorder.cb('+i+')');
 
 						text.push(func ? '':'<div>',
-							i > 0 ? '   .' : 'Syn.',
+							i > 0 ? '   .' : 'syn.',
 							command.type,
 							'(',
 							args.join(', '),
@@ -95,8 +95,8 @@ steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
 				},
 
 				getKey: function(code) {
-					for(var key in Syn.keycodes) {
-						if(Syn.keycodes[key] === code) {
+					for(var key in syn.keycodes) {
+						if(syn.keycodes[key] === code) {
 							return key;
 						}
 					}
@@ -136,7 +136,7 @@ steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
 
 				keyup: function(ev) {
 					var key = h.getKey(ev.keyCode);
-					if(Syn.key.isSpecial(ev.keyCode)) {
+					if(syn.key.isSpecial(ev.keyCode)) {
 						h.showChar(key+'-up', ev.target);
 					}
 
@@ -170,7 +170,7 @@ steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
 						selector += '.'+target.className.split(' ')[0];
 					}
 
-					var others = jQuery(selector, Syn.helpers.getWindow(target).document);
+					var others = jQuery(selector, syn.helpers.getWindow(target).document);
 
 					if(others.length > 1) {
 						return selector+':eq('+others.index(target)+')';
@@ -254,4 +254,4 @@ steal('jquery', 'can/control', 'src/syn.js', function($, Control, Syn) {
 			$('#code div').css('color','gray')
 		});
 	});
-});
+});