Refactoring and build process

Author: Marco Rieser

.gitignore

@@ -1,4 +1,4 @@
 .idea
-.vagrant
-atlassian-ide-plugin.xml
-Vagrantfile
+node_modules
+src/lib
+src/scss/*.css

LICENSE

@@ -26,9 +26,8 @@ Installation
     </ul>
 </nav>
 
-<!-- 2. Include libraries -->
+<!-- 2. Include jQuery -->
 <script src="../lib/jquery.js" type="text/javascript"></script>
-<script src="../lib/jquery.ui.widget.js" type="text/javascript"></script>
 
 <!-- 3. Include widget -->
 <script src="../src/jquery.dcd.doubletaptogo.js" type="text/javascript"></script>
@@ -50,6 +49,11 @@ Options
 
 Changelog
 ============
+3.0.0 Refactor to jQuery Plugin
+-----------------
+* removed dependency for jQuery Widget Factory
+* Bugfixes
+
 2.0.1 Bugfixes
 -----------------
 * added selector chain

README.md

@@ -1,11 +1,10 @@
 {
     "name": "jquery-double-tap-to-go",
-    "version": "2.0.1",
+    "version": "3.0.0",
     "main": [
-        "src/jquery.dcd.doubletaptogo.js"
+        "dist/jquery.dcd.doubletaptogo.min.js"
     ],
     "dependencies": {
-        "jquery": ">=1.6",
-        "jquery-ui": ">=1.10"
+        "jquery": ">=3.1.1"
     }
-}
+}

bower.json

@@ -0,0 +1,126 @@
+/*
+ Original Plugin by Osvaldas Valutis, www.osvaldas.info
+ http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
+ Available for use under the MIT License
+ */
+/**
+ * jquery-doubleTapToGo plugin
+ * Copyright 2017 DACHCOM.DIGITAL AG
+ * @author Marco Rieser
+ * @author Volker Andres
+ * @author Stefan Hagspiel
+ * @version 3.0.0
+ * @see https://github.com/dachcom-digital/jquery-doubleTapToGo
+ */
+(function ($, window, document, undefined) {
+    'use strict';
+    var pluginName = 'doubleTapToGo',
+        defaults = {
+            automatic: true,
+            selectorClass: 'doubletap',
+            selectorChain: 'li:has(ul)'
+        };
+
+    function DoubleTapToGo (element, options) {
+        this.element = element;
+        this.settings = $.extend({}, defaults, options);
+        this._defaults = defaults;
+        this._name = pluginName;
+        this.init();
+    }
+
+    $.extend(DoubleTapToGo.prototype, {
+        preventClick: false,
+        currentTap: $(),
+        init: function () {
+            var self = this;
+
+            if (window.ontouchstart === undefined && !window.navigator.msMaxTouchPoints && !window.navigator.userAgent.toLowerCase().match(/windows phone os 7/i)) {
+                return;
+            }
+
+            if (window.navigator.msPointerEnabled) {
+                $(this.element).get(0).addEventListener('MSPointerDown', self._tap.bind(self), false);
+            } else if (window.navigator.pointerEnabled) {
+                $(this.element).get(0).addEventListener('pointerdown', self._tap.bind(self), false);
+            }
+
+            $(this.element)
+                .on('click', '.' + this.settings.selectorClass, this._click.bind(this))
+                .on('touchstart', '.' + this.settings.selectorClass, this._tap.bind(this))
+                .on('remove', this._destroy.bind(this));
+
+            this._addSelectors();
+        },
+
+        _addSelectors: function () {
+            if (this.settings.automatic !== true) {
+                return;
+            }
+            $(this.element)
+                .find(this.settings.selectorChain)
+                .addClass(this.settings.selectorClass);
+        },
+
+        _click: function (event) {
+            if (this.preventClick) {
+                event.preventDefault();
+            } else {
+                this.currentTap = $();
+            }
+        },
+
+        _tap: function (event) {
+            var $target = $(event.target).closest('li');
+            if (!$target.hasClass(this.settings.selectorClass)) {
+                this.preventClick = false;
+                return;
+            }
+            if ($target.get(0) === this.currentTap.get(0)) {
+                this.preventClick = false;
+                return;
+            }
+            this.preventClick = true;
+            this.currentTap = $target;
+            event.stopPropagation();
+        },
+
+        _destroy: function () {
+            $(this.element).off();
+            if (window.navigator.msPointerEnabled) {
+                $(this.element).get(0).removeEventListener('MSPointerDown', this._tap);
+            }
+            if (window.navigator.pointerEnabled) {
+                $(this.element).get(0).removeEventListener('pointerdown', this._tap);
+            }
+        },
+
+        reset: function () {
+            this.currentTap = $();
+        }
+    });
+
+    $.fn[pluginName] = function (options) {
+        var args = arguments,
+            returns;
+        if (options === undefined || typeof options === 'object') {
+            return this.each(function () {
+                if (!$.data(this, pluginName)) {
+                    $.data(this, pluginName, new DoubleTapToGo(this, options));
+                }
+            });
+        } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
+            this.each(function () {
+                var instance = $.data(this, pluginName),
+                    methodName = (options === 'destroy' ? '_destroy' : options);
+                if (instance instanceof DoubleTapToGo && typeof instance[methodName] === 'function') {
+                    returns = instance[methodName].apply(instance, Array.prototype.slice.call(args, 1));
+                }
+                if (options === 'destroy') {
+                    $.data(this, pluginName, null);
+                }
+            });
+            return returns !== undefined ? returns : this;
+        }
+    };
+})(jQuery, window, document);

demo/index.html

@@ -0,0 +1,67 @@
+/*eslint-env node*/
+'use strict';
+
+var gulp = require('gulp'),
+    sass = require('gulp-sass'),
+    rename = require('gulp-rename'),
+    prefixer = require('gulp-autoprefixer'),
+    uglify = require('gulp-uglify'),
+    browserSync = require('browser-sync').create(),
+
+    input = {
+        sass: [
+            'src/**/*.scss'
+        ]
+    };
+
+gulp.task('default', ['watch']);
+
+gulp.task('build', function () {
+    gulp.src('src/js/jquery.dcd.doubletaptogo.js')
+        .pipe(uglify({
+            preserveComments: 'license'
+        }))
+        .pipe(rename({
+            suffix: '.min'
+        }))
+        .pipe(gulp.dest('dist'));
+
+    gulp.src('src/js/jquery.dcd.doubletaptogo.js').pipe(gulp.dest('dist'));
+});
+
+gulp.task('css', function () {
+    gulp.src(input.sass)
+        .pipe(sass({outputStyle: 'compressed'}))
+        .pipe(prefixer('last 2 version'))
+        .pipe(gulp.dest(function (file) {
+            return file.base;
+        }));
+});
+
+gulp.task('watch', ['prepare', 'serve'], function () {
+    gulp.watch(input.sass, ['css']);
+});
+
+gulp.task('serve', function () {
+    browserSync.init(
+        {
+            notify: false,
+            logLevel: 'info',
+            logConnections: false,
+            logFileChanges: false,
+            injectChanges: true,
+            files: ['./**/*.{html,htm,css,js}'],
+            watchOptions: {
+                ignored: 'node_modules'
+            },
+            server: {
+                baseDir: './src/'
+            }
+        }
+    );
+});
+
+gulp.task('prepare', ['css'], function () {
+    gulp.src('node_modules/jquery/dist/jquery.min.js')
+        .pipe(gulp.dest('src/lib/'));
+});