├── .gitignore
├── README.md
├── bower.json
├── changelog.md
├── demo
    ├── demo.html
    └── demo.js
└── src
    ├── jquery.konami.js
    ├── jquery.konami.min.js
    ├── vanilla.konami.js
    └── vanilla.konami.min.js


/.gitignore:
--------------------------------------------------------------------------------
1 | bower_components


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Konami Code For jQuery
  2 | By [Tom McFarlin](https://tommcfarlin.com). Last Updated 4 December 2015.
  3 | 
  4 | ## About
  5 | 
  6 | Using the Konami code, easily configure and Easter Egg for your page or any element on the page.
  7 | 
  8 | ## Parameters
  9 | 
 10 | * `code` Personalized code.
 11 | * `cheat` The callback function to fire once the cheat code has been entered.
 12 | * `eventName` jQuery event name for default callback
 13 | * `eventProperties` event property override for default callback
 14 | 
 15 | ## Installation
 16 | ```sh
 17 | bower install konami-code
 18 | ```
 19 | 
 20 | ## Instructions
 21 | 
 22 | Include the plugin in the header of your page:
 23 | 
 24 | ```html
 25 | 	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>`
 26 | 	<script src="jquery.konami.js" type="text/javascript"></script>
 27 | ```
 28 | 
 29 | ### With callback
 30 | 
 31 | Apply the plugin to a selector to capture keypresses:
 32 | 
 33 | ```js
 34 |   $( window ).konami();
 35 | ```
 36 | 
 37 | ```js
 38 |   $( '.konami-sensitive' ).konami();
 39 | ```
 40 | 
 41 | Specify a callback to fire once the code has been entered:
 42 | 
 43 | ```js
 44 |   $( window ).konami({
 45 | 		cheat: function() {
 46 | 			alert( 'Cheat code activated!' );
 47 | 		}
 48 | 	});
 49 | ```
 50 | 
 51 | ### Using jQuery events
 52 | 
 53 | Catch the konami code with a jQuery event handler:
 54 | 
 55 | ```js
 56 |   $( window ).konami();
 57 |   $( window ).on('konami', function() {
 58 |     alert( 'Cheat code activated!' );
 59 |   })
 60 | ```
 61 | 
 62 | Add extra data to the jQuery event callback:
 63 | 
 64 | ```js
 65 |   $( window ).konami( { message: 'special message' } );
 66 |   $( window ).on('konami', function(evt, extraParam) {
 67 |     alert( 'Cheat code activated: ' + extraParam.message + '!' );
 68 |   })
 69 | ```
 70 | 
 71 | Use event names:
 72 | 
 73 | ```js
 74 |   $('.type1').konami( { eventName: 'konami.on.type1' } );
 75 |   $('.type2').konami( { eventName: 'konami.on.type2' } );
 76 |   $( window ).on('konami.on.type2', function(evt, extraParam) {
 77 |     alert( 'Cheat code activated on a type2 element' );
 78 |   })
 79 | ```
 80 | 
 81 | ### Personallizing the code
 82 | 
 83 | You can personalize the code too, just entering a array with ASCII codes keys in code param
 84 | 
 85 | ```js
 86 |   $( window ).konami({
 87 |   		code : [38,38,40,40,37,39,37,39], // up up down down left right left right
 88 | 		cheat: function() {
 89 | 			alert( 'Cheat code activated!' );
 90 | 		}
 91 | 	});
 92 | ```
 93 | 
 94 | 
 95 | ## Contact
 96 | 
 97 | * Web: [Tom McFarlin](https://tommcfarlin.com)
 98 | * Twitter: [@tommcfarlin](https://twitter.com/tommcfarlin/)
 99 | 
100 | ## License
101 | 
102 | [MIT license](http://www.opensource.org/licenses/mit-license.php)
103 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "konami-code",
 3 |   "version": "1.3.3",
 4 |   "homepage": "https://github.com/tommcfarlin/konami-code",
 5 |   "authors": [
 6 |     {
 7 |       "name": "Tom McFarlin",
 8 |       "email": "tom@tommcfarlin.com",
 9 |       "homepage": "https://tommcfarlin.com"
10 |     }
11 |   ],
12 |   "description": "Using the Konami code, easily configure and Easter Egg for your page or any element on the page.",
13 |   "main": "./src/jquery.konami.min.js",
14 |   "keywords": [
15 |     "konami", "jquery", "js"
16 |   ],
17 |   "license": "MIT",
18 |   "ignore": [
19 |     "**/.*",
20 |     "node_modules",
21 |     "bower_components",
22 |     "test",
23 |     "tests"
24 |   ],
25 |   "dependencies": {
26 |     "jquery": ">= 1.10.2"
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/changelog.md:
--------------------------------------------------------------------------------
 1 | _1.3.3_ (4 December 2015)
 2 | 
 3 | * Updating README
 4 | * Tagging for Bower support
 5 | 
 6 | _1.3.1_
 7 | 
 8 | * jQuery events supported
 9 | 
10 | _1.3.0 (7 March 2014)_
11 | 
12 | * Minor updates to the coding conventions and docblocks
13 | * Tagging for registration in the Bower repository
14 | 
15 | _1.2.2 (6 March 2014)_
16 | 
17 | * Added support for bower (bower.json)
18 | 
19 | _1.2.1 (23 October 2013)_
20 | 
21 | * Added option to customize the code
22 | 
23 | _1.2.0 (11 October 2013)_
24 | 
25 | * Additional, minor refactoring for strong JSLint
26 | * Removing extranneous whitespace
27 | * Moving the plugin to a `src` directory
28 | * Updated the demo to the latest version of jQuery
29 | * Updated the code for jQuery
30 | * Updated authorship information
31 | * Updated the version number in the plugin
32 | * Updated the README and the changelog
33 | 
34 | _1.1.0 (10, October, 2013)_
35 | 
36 | * Refactoring some of the code up to JSLint standards
37 | * Updating the changelog to markdown
38 | * Updating the README to markdown
39 | * Removed the MIT License and included it in the README
40 | 
41 | _1.0.0 4 March 2011_
42 | 
43 | * Initial release
44 | * 3/14/2011


--------------------------------------------------------------------------------
/demo/demo.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 5 | 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 6 | 		<script type="text/javascript" src="../src/jquery.konami.js"></script>
 7 | 		<script type="text/javascript" src="demo.js"></script>
 8 | 		<title>Konami Code For jQuery | Demo</title>
 9 | 	</head>
10 | 	<body>
11 | 		<h1>Enter the Konami Code</h1>
12 | 		<h2>[up up down down left right left right b a]</h2>
13 | 
14 | 		Four konami code event handlers are attached to this window.
15 | 		<ul>
16 | 		<li>A global handler is attached to the window.</li>
17 | 		<li>A handler is attached to input 1.</li>
18 | 		<li>A handler is attached to input 2.</li>
19 | 		<li>A handler is attached to odd-numbered inputs (1&3).</li>
20 | 		</ul>
21 | 		
22 | 		When you enter the komami code while the caret is in input1, you should see three alerts.
23 | 		
24 | 		<form id="form1">
25 | 			Input 1: <input type='text' id="input1" class="odd"/><br/>
26 | 			Input 2: <input type='text' id="input2" class="even"/><br/>
27 | 			Input 3: <input type='text' id="input3" class="odd"/><br/>
28 | 		</form>
29 | 		
30 | 	</body>
31 | </html>


--------------------------------------------------------------------------------
/demo/demo.js:
--------------------------------------------------------------------------------
 1 | (function( $ ) {
 2 | 	"use strict";
 3 | 
 4 | 	$(function() {
 5 | 		$( window ).konami({
 6 | 			cheat: function() {
 7 | 				alert( 'Cheat code activated!' );
 8 | 			} // end cheat
 9 | 		});
10 | 		
11 | 		$('#input1').konami( { eventName: 'konami.with.message', message: 'Code on Input 1' } );
12 | 		$('#input2').konami( { eventName: 'konami.with.message', message: 'Code on Input 2' } );
13 | 		$('.odd').konami( { eventName: 'konami.with.message', message: 'Code on an odd-numbered input' } );
14 | 	
15 | 		$(window).on('konami.with.message', function(event, opts) {
16 | 			alert('Cheat code with message: ' + opts.message);
17 | 		});
18 | 	});
19 | }(jQuery));
20 | 
21 | 


--------------------------------------------------------------------------------
/src/jquery.konami.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Konami Code For jQuery Plugin
 3 |  * 1.3.3, 4 December 2015
 4 |  *
 5 |  * Using the Konami code, easily configure and Easter Egg for your page or any element on the page.
 6 |  *
 7 |  * Copyright 2011 - 2015 Tom McFarlin, https://tommcfarlin.com
 8 |  * Released under the MIT License
 9 |  */
10 | 
11 | (function ( $ ) {
12 | 	"use strict";
13 | 
14 | 	$.fn.konami = function( options ) {
15 | 		var opts, controllerCode;
16 | 
17 | 		opts = $.extend({}, $.fn.konami.defaults, options);
18 | 		controllerCode = [];
19 | 
20 | 		// Note that we use the passed-in options, not the resolved options.
21 | 		opts.eventProperties = $.extend({}, options,  opts.eventProperties);
22 | 
23 | 		this.keyup(function( evt ) {
24 | 			var code = evt.keyCode || evt.which;
25 | 
26 | 			if ( opts.code.length > controllerCode.push( code ) ) {
27 | 				return;
28 | 			}
29 | 
30 | 			if ( opts.code.length < controllerCode.length ) {
31 | 				controllerCode.shift();
32 | 			}
33 | 
34 | 			if ( opts.code.toString() !== controllerCode.toString() ) {
35 | 				return;
36 | 			}
37 | 
38 | 			opts.cheat(evt, opts);
39 | 
40 | 		});
41 | 
42 | 		return this;
43 | 	};
44 | 
45 | 	$.fn.konami.defaults = {
46 | 		code : [38,38,40,40,37,39,37,39,66,65],
47 | 		eventName : 'konami',
48 | 		eventProperties : null,
49 | 		cheat: function(evt, opts) {
50 | 			$(evt.target).trigger(opts.eventName, [ opts.eventProperties ]);
51 | 		}
52 | 	};
53 | 
54 | })( jQuery );


--------------------------------------------------------------------------------
/src/jquery.konami.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Konami Code For jQuery Plugin
 3 |  * 1.3.0, 7 March 2014
 4 |  *
 5 |  * Using the Konami code, easily configure and Easter Egg for your page or any element on the page.
 6 |  *
 7 |  * Copyright 2011 - 2014 Tom McFarlin, http://tommcfarlin.com
 8 |  * Released under the MIT License
 9 |  */
10 | !function(e){"use strict";e.fn.konami=function(t){var n,i;return n=e.extend({},e.fn.konami.defaults,t),i=[],n.eventProperties=e.extend({},t,n.eventProperties),this.keyup(function(e){var t=e.keyCode||e.which;n.code.length>i.push(t)||(n.code.length<i.length&&i.shift(),""+n.code==""+i&&n.cheat(e,n))}),this},e.fn.konami.defaults={code:[38,38,40,40,37,39,37,39,66,65],eventName:"konami",eventProperties:null,cheat:function(t,n){e(t.target).trigger(n.eventName,[n.eventProperties])}}}(jQuery);


--------------------------------------------------------------------------------
/src/vanilla.konami.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Konami Code Javascript Object
  3 |  * 1.3.0, 7 March 2014
  4 |  *
  5 |  * Using the Konami code, easily configure an Easter Egg for your page or any element on the page.
  6 |  *
  7 |  * Options:
  8 |  * - code : set your own custom code, takes array of keycodes / default is original Konami code
  9 |  * - cheat : the function to call when the proper sequence is entered
 10 |  * - elem : the element to set the instance on
 11 |  *
 12 |  * Copyright 2013 - 2014 Kurtis Kemple, http://kurtiskemple.com
 13 |  * Released under the MIT License
 14 |  */
 15 | 
 16 | var KONAMI = function ( options ) {
 17 | 	var elem, ret, defaults, keycode, config, cache;
 18 | 
 19 | 	// set the default code,function, and element
 20 | 	defaults = {
 21 | 		code : [38,38,40,40,37,39,37,39,66,65],
 22 | 		cheat : null,
 23 | 		elem : window
 24 | 	};
 25 | 
 26 | 	// build our return object
 27 | 	ret = {
 28 | 
 29 | 		/**
 30 | 		 * handles the initialization of the KONAMI instance
 31 | 		 *
 32 | 		 * @param  {object} options the config to pass in to the instance
 33 | 		 * @return {none}
 34 | 		 * @method  init
 35 | 		 * @public
 36 | 		 */
 37 | 		init : function ( options ) {
 38 | 			cache = [], config = {};
 39 | 
 40 | 			if ( options ) {
 41 | 
 42 | 				for ( var key in defaults ) {
 43 | 
 44 | 					if ( defaults.hasOwnProperty( key ) ) {
 45 | 
 46 | 						if ( !options[ key ] ) {
 47 | 
 48 | 							config[ key ] = defaults[ key ];
 49 | 						} else {
 50 | 
 51 | 							config[ key ] = options[ key ];
 52 | 						}
 53 | 					}
 54 | 				}
 55 | 			} else {
 56 | 
 57 | 				config = defaults;
 58 | 			}
 59 | 
 60 | 			ret.bind( config.elem, 'keyup', ret.konami );
 61 | 		},
 62 | 
 63 | 		/**
 64 | 		 * handles disassembling of the instance
 65 | 		 *
 66 | 		 * @return {none}
 67 | 		 * @method  destroy
 68 | 		 * @public
 69 | 		 */
 70 | 		destroy : function () {
 71 | 			ret.unbind( config.elem, 'keyup', ret.konami );
 72 | 			cache = config = null;
 73 | 		},
 74 | 
 75 | 		/**
 76 | 		 * handles adding events to elements
 77 | 		 *
 78 | 		 * @param   {elem}     elem  DOM element to attach to
 79 | 		 * @param   {string}   evt   the event type to bind to
 80 | 		 * @param   {Function} fn    the function to bind
 81 | 		 * @return  {none}
 82 | 		 * @method  bind
 83 | 		 * @private
 84 | 		 */
 85 | 		bind : function ( elem, evt, fn ) {
 86 | 			if ( elem.addEventListener ) {
 87 | 
 88 | 				elem.addEventListener( evt, fn, false );
 89 | 			} else if ( elem.attachEvent ) {
 90 | 
 91 | 				elem.attachEvent( 'on'+ evt, function( e ) {
 92 | 					fn( e || window.event );
 93 | 				});
 94 | 			}
 95 | 		},
 96 | 
 97 | 		/**
 98 | 		 * handles removing events from elements
 99 | 		 *
100 | 		 * @param   {elem}     elem DOM element to remove from
101 | 		 * @param   {string}   evt  the event type to unbind
102 | 		 * @param   {Function} fn   the function to unbind
103 | 		 * @return  {none}
104 | 		 * @method  unbind
105 | 		 * @private
106 | 		 */
107 | 		unbind : function ( elem, evt, fn ) {
108 | 			if ( elem.removeEventListener ) {
109 | 
110 | 				elem.removeEventListener( evt, fn, false );
111 | 			} else if ( elem.detachEvent ) {
112 | 
113 | 				elem.detachEvent( 'on' + evt, function( e ) {
114 | 					fn( e || window.event );
115 | 				});
116 | 			}
117 | 		},
118 | 
119 | 		/**
120 | 		 * handles the business logic for checking for valid konami code
121 | 		 *
122 | 		 * @param   {object} e the event object
123 | 		 * @return  {none}
124 | 		 * @method  konami
125 | 		 * @private
126 | 		 */
127 | 		konami : function( e ) {
128 | 			keycode = e.keyCode || e.which;
129 | 
130 | 			if ( config.code.length > cache.push( keycode ) ) {
131 | 
132 | 				return;
133 | 			}
134 | 
135 | 			if ( config.code.length < cache.length ) {
136 | 
137 | 				cache.shift();
138 | 			}
139 | 
140 | 			if ( config.code.toString() !== cache.toString() ) {
141 | 
142 | 				return;
143 | 			}
144 | 
145 | 			config.cheat();
146 | 		}
147 | 	};
148 | 
149 | 	ret.init( options );
150 | 	return ret;
151 | };
152 | 
153 | /*=========================================
154 | 	Example Usage:
155 | 
156 | 	var options = {
157 | 		cheat : function() {
158 | 			alert( 'KONAMI!!' );
159 | 		}
160 | 	};
161 | 
162 | 	var example = new KONAMI( options );
163 | 
164 | 		// rebuild with new settings
165 | 		example.destroy();
166 | 		example.init( newConfig );
167 | ==========================================*/


--------------------------------------------------------------------------------
/src/vanilla.konami.min.js:
--------------------------------------------------------------------------------
1 | var KONAMI=function(e){var f,d,g,a,c,b;g={code:[38,38,40,40,37,39,37,39,66,65],cheat:null,elem:window};d={init:function(h){b=[],c={};if(h){for(var i in g){if(g.hasOwnProperty(i)){if(!h[i]){c[i]=g[i]}else{c[i]=h[i]}}}}else{c=g}d.bind(c.elem,"keyup",d.konami)},destroy:function(){d.unbind(c.elem,"keyup",d.konami);b=c=null},bind:function(j,h,i){if(j.addEventListener){j.addEventListener(h,i,false)}else{if(j.attachEvent){j.attachEvent("on"+h,function(k){i(k||window.event)})}}},unbind:function(j,h,i){if(j.removeEventListener){j.removeEventListener(h,i,false)}else{if(j.detachEvent){j.detachEvent("on"+h,function(k){i(k||window.event)})}}},konami:function(h){a=h.keyCode||h.which;if(c.code.length>b.push(a)){return}if(c.code.length<b.length){b.shift()}if(c.code.toString()!==b.toString()){return}c.cheat()}};d.init(e);return d};
2 | 


--------------------------------------------------------------------------------