what-input 5.2.11 → 6.0.0

package/Gulpfile.js

@@ -1,178 +0,0 @@
-/*
- * load plugins
- */
-
-const pkg = require('./package.json')
-
-const banner = [
-  '/**',
-  ' * <%= pkg.name %> - <%= pkg.description %>',
-  ' * @version v<%= pkg.version %>',
-  ' * @link <%= pkg.homepage %>',
-  ' * @license <%= pkg.license %>',
-  ' */',
-  ''
-].join('\n')
-
-// gulp
-const gulp = require('gulp')
-
-// load all plugins in "devDependencies" into the letiable $
-const $ = require('gulp-load-plugins')({
-  pattern: ['*'],
-  scope: ['devDependencies']
-})
-
-/*
- * clean task
- */
-
-function clean() {
-  return $.del(['**/.DS_Store', './build/*', './dist/*'])
-}
-
-/*
- * scripts tasks
- */
-
-function scripts() {
-  return gulp
-    .src(['./src/scripts/what-input.js'])
-    .pipe($.standard())
-    .pipe(
-      $.standard.reporter('default', {
-        breakOnError: false,
-        quiet: true
-      })
-    )
-    .pipe(
-      $.webpackStream({
-        module: {
-          loaders: [
-            {
-              test: /.jsx?$/,
-              loader: 'babel-loader',
-              exclude: /node_modules/,
-              query: {
-                presets: ['env']
-              }
-            }
-          ]
-        },
-        output: {
-          chunkFilename: '[name].js',
-          library: 'whatInput',
-          libraryTarget: 'umd',
-          umdNamedDefine: true
-        }
-      })
-    )
-    .pipe($.rename('what-input.js'))
-    .pipe($.header(banner, { pkg: pkg }))
-    .pipe(gulp.dest('./dist/'))
-    .pipe(gulp.dest('./build/scripts/'))
-    .pipe($.sourcemaps.init())
-    .pipe($.uglify())
-    .pipe(
-      $.rename({
-        suffix: '.min'
-      })
-    )
-    .pipe($.header(banner, { pkg: pkg }))
-    .pipe($.sourcemaps.write('./'))
-    .pipe(gulp.dest('./dist/'))
-    .pipe($.notify('Build complete'))
-}
-
-/*
- * stylesheets
- */
-
-function styles() {
-  let processors = [
-    $.autoprefixer(),
-    $.cssMqpacker({
-      sort: true
-    })
-  ]
-
-  return gulp
-    .src(['./src/styles/index.scss'])
-    .pipe(
-      $.plumber({
-        errorHandler: $.notify.onError('Error: <%= error.message %>')
-      })
-    )
-    .pipe($.sourcemaps.init())
-    .pipe($.sassGlob())
-    .pipe($.sass())
-    .pipe($.postcss(processors))
-    .pipe(
-      $.cssnano({
-        minifySelectors: false,
-        reduceIdents: false,
-        zindex: false
-      })
-    )
-    .pipe($.sourcemaps.write('./'))
-    .pipe(gulp.dest('./build/styles'))
-    .pipe($.browserSync.stream())
-    .pipe($.notify('Styles task complete'))
-}
-
-/*
- * images task
- */
-
-function images() {
-  return gulp.src(['./src/images/**/*']).pipe(gulp.dest('./build/images'))
-}
-
-/*
- * markup task
- */
-
-function markup() {
-  return gulp.src(['./src/markup/*']).pipe(gulp.dest('./build'))
-}
-
-/*
- * deploy task
- */
-
-function deploy() {
-  return gulp.src('./build/**/*').pipe($.ghPages())
-}
-
-/*
- * default task
- */
-
-function watch() {
-  $.browserSync.init({
-    server: {
-      baseDir: './build/'
-    }
-  })
-
-  gulp.watch(
-    ['./src/scripts/what-input.js', './src/scripts/polyfills/*.js'],
-    scripts,
-    { events: 'all' },
-    function() {
-      $.browserSync.reload
-    }
-  )
-
-  gulp.watch(['./src/styles/{,*/}{,*/}*.scss'], styles)
-
-  gulp.watch(['./src/markup/*.html'], markup, { events: 'all' }, function() {
-    $.browserSync.reload
-  })
-}
-
-exports.default = gulp.series(
-  clean,
-  gulp.parallel(markup, scripts, styles, images),
-  watch
-)

package/src/images/select-arrow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40.941" height="24" viewBox="0 0 40.941 24"><defs><path id="a" d="M0 0h40.94v24H0z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path fill="#555" clip-path="url(#b)" d="M1.116 6.93C2.556 8.404 17.69 22.82 17.69 22.82c.768.785 1.773 1.18 2.78 1.18 1.008 0 2.014-.395 2.78-1.18 0 0 15.136-14.416 16.574-15.89 1.44-1.476 1.536-4.13 0-5.703-1.535-1.573-3.678-1.7-5.56 0L20.47 14.453 6.678 1.23C4.794-.47 2.65-.346 1.116 1.227c-1.537 1.574-1.44 4.227 0 5.702"/></svg>

package/src/markup/index.html

@@ -1,141 +0,0 @@
-<!DOCTYPE html>
-<html dir="ltr" lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <title>What Input?</title>
-
-    <link rel="stylesheet" href="styles/index.css">
-  </head>
-  <body>
-    <div class="container">
-      <h1>What Input?</h1>
-
-      <p class="lede">
-        A global utility for tracking the current input method (<span class="input-indicator -mouse">mouse</span>, <span class="input-indicator -keyboard">keyboard</span>, or <span class="input-indicator -touch">touch</span>), as well as the current <em>intent</em> (<span class="input-intent -mouse">mouse</span>, <span class="input-intent -keyboard">keyboard</span>, or <span class="input-intent -touch">touch</span>).
-      </p>
-
-      <p>
-        Tab, click or tap the links and form controls to see how <strong>What Input</strong> allows them to be styled differently.
-      </p>
-
-      <div class="well">
-        <div class="well-row">
-          <div class="well-column">
-            <ul class="list-group">
-              <li class="list-group-item"><a href="#">Cras justo odio</a></li>
-              <li class="list-group-item">
-                <a href="#">Dapibus ac facilisis in</a>
-              </li>
-              <li class="list-group-item"><a href="#">Morbi leo risus</a></li>
-              <li class="list-group-item">
-                <a href="#">Porta ac consectetur ac</a>
-              </li>
-              <li class="list-group-item">
-                <a href="#">Vestibulum at eros</a>
-              </li>
-            </ul>
-
-            <p>
-              <button data-module="alert" data-message="This button is not inside a form.">Do Something</button>
-            </p>
-          </div>
-
-          <form class="well-column">
-            <p>
-              <label for="exampleInput">Example Text Input</label>
-              <input type="email" id="exampleInput" name="exampleInput">
-            </p>
-
-            <p>
-              <label for="exampleSelect">Selection</label>
-              <select id="exampleSelect" name="exampleSelect">
-                <option value="" disabled selected>Select an Option</option>
-                <option>Option 1</option>
-                <option>Option 2</option>
-                <option>Option 3</option>
-              </select>
-            </p>
-
-            <p>
-              <label for="exampleTextarea">Example Textarea</label>
-              <textarea id="exampleTextarea" name="exampleTextarea"></textarea>
-            </p>
-
-            <p class="checkbox">
-              <label><input type="checkbox"> Check me out</label>
-            </p>
-
-            <p>
-              <button type="submit" data-module="alert" data-message="This button is inside a form.">Form Submit</button>
-            </p>
-          </form>
-        </div>
-      </div>
-
-      <footer>
-        <p class="pull-left">
-          Made with <span class="text-love">&hearts;</span> at
-          <a href="http://viget.com/">Viget</a>.
-        </p>
-
-        <p class="pull-right">
-          Check out the project
-          <a href="https://github.com/ten1seven/what-input">on GitHub</a>.
-        </p>
-      </footer>
-    </div>
-
-    <script src="scripts/what-input.js"></script>
-    <script>
-      // use `whatInput.ask()`
-      var links = document.querySelectorAll('.well a, .well button')
-      for (var i = 0, len = links.length; i < len; i++) {
-        links[i].addEventListener('click', function(event) {
-          console.log(
-            '[script test] ' + whatInput.ask() + ' ' + whatInput.element()
-          )
-
-          event.preventDefault()
-        })
-      }
-
-      var formControls = document.querySelectorAll('input, textarea, select')
-      for (var i = 0, len = formControls.length; i < len; i++) {
-        formControls[i].addEventListener('click', function(event) {
-          console.log(
-            '[script test] ' + whatInput.ask() + ' ' + whatInput.element()
-          )
-        })
-      }
-
-      // use `whatInput.registerOnChange()`
-      var myInputFunction = function(type) {
-        console.log('input: ' + type)
-      }
-
-      var myIntentFunction = function(type) {
-        console.log('intent: ' + type)
-      }
-
-      whatInput.registerOnChange(myInputFunction)
-      whatInput.registerOnChange(myIntentFunction, 'intent')
-
-      // don't let the form submit because it's not real
-      var form = document.querySelector('form')
-      form.addEventListener('submit', function(event) {
-        event.preventDefault()
-      })
-
-      // alert functionality
-      var alerts = document.querySelectorAll('[data-module="alert"]')
-      for (var i = 0, len = alerts.length; i < len; i++) {
-        alerts[i].addEventListener('click', function(event) {
-          alert(this.dataset.message)
-          event.preventDefault()
-        })
-      }
-    </script>
-  </body>
-</html>

package/src/scripts/what-input.d.ts

@@ -1,15 +0,0 @@
-declare const whatInput: {
-  ask: (strategy?: Strategy) => InputMethod;
-  element: () => string | null;
-  ignoreKeys: (keyCodes: number[]) => void;
-  specificKeys: (keyCodes: number[]) => void;
-  registerOnChange: (callback: (type: InputMethod) => void, strategy?: Strategy) => void;
-  unRegisterOnChange: (callback: (type: InputMethod) => void) => void;
-  clearStorage: () => void;
-};
-
-export type InputMethod = "initial" | "pointer" | "keyboard" | "mouse" | "touch";
-
-export type Strategy = "input" | "intent";
-
-export default whatInput;