@studiometa/js-toolkit 2.0.0-alpha.1 → 2.0.0-alpha.10

package/services/key.js

@@ -1,111 +1,72 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import Service from './Service.js';
 import keyCodes from '../utils/keyCodes.js';
 
-var Key = function (_Service) {
-  _inherits(Key, _Service);
-
-  var _super = _createSuper(Key);
-
-  function Key() {
-    var _this;
-
-    _classCallCheck(this, Key);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "event", {});
+class Key extends Service {
+  constructor() {
+    super(...arguments);
 
-    _defineProperty(_assertThisInitialized(_this), "triggered", 0);
+    _defineProperty(this, "event", {});
 
-    _defineProperty(_assertThisInitialized(_this), "previousEvent", {});
+    _defineProperty(this, "triggered", 0);
 
-    return _this;
+    _defineProperty(this, "previousEvent", {});
   }
 
-  _createClass(Key, [{
-    key: "init",
-    value: function init() {
-      var _this2 = this;
+  init() {
+    this.handler = event => {
+      this.event = event;
+      this.trigger(this.props);
+    };
+
+    document.addEventListener('keydown', this.handler, {
+      passive: false
+    });
+    document.addEventListener('keyup', this.handler, {
+      passive: false
+    });
+    return this;
+  }
 
-      this.handler = function (event) {
-        _this2.event = event;
+  kill() {
+    document.removeEventListener('keydown', this.handler);
+    document.removeEventListener('keyup', this.handler);
+    return this;
+  }
 
-        _this2.trigger(_this2.props);
-      };
+  get props() {
+    var keys = Object.entries(keyCodes).reduce((acc, _ref) => {
+      var [name, code] = _ref;
+      acc[name] = code === this.event.keyCode;
+      return acc;
+    }, {});
 
-      document.addEventListener('keydown', this.handler, {
-        passive: false
-      });
-      document.addEventListener('keyup', this.handler, {
-        passive: false
-      });
-      return this;
-    }
-  }, {
-    key: "kill",
-    value: function kill() {
-      document.removeEventListener('keydown', this.handler);
-      document.removeEventListener('keyup', this.handler);
-      return this;
+    if (!this.previousEvent.type) {
+      this.triggered = 0;
     }
-  }, {
-    key: "props",
-    get: function get() {
-      var _this3 = this;
-
-      var keys = Object.entries(keyCodes).reduce(function (acc, _ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            name = _ref2[0],
-            code = _ref2[1];
-
-        acc[name] = code === _this3.event.keyCode;
-        return acc;
-      }, {});
-
-      if (!this.previousEvent.type) {
-        this.triggered = 0;
-      }
-
-      if (this.event.type === 'keydown' && this.previousEvent.type === 'keydown') {
-        this.triggered += 1;
-      } else {
-        this.triggered = 1;
-      }
-
-      this.previousEvent = this.event;
-      return _objectSpread({
-        event: this.event,
-        triggered: this.triggered,
-        direction: this.event.type === 'keydown' ? 'down' : 'up',
-        isUp: this.event.type === 'keyup',
-        isDown: this.event.type === 'keydown'
-      }, keys);
+
+    if (this.event.type === 'keydown' && this.previousEvent.type === 'keydown') {
+      this.triggered += 1;
+    } else {
+      this.triggered = 1;
     }
-  }]);
 
-  return Key;
-}(Service);
+    this.previousEvent = this.event;
+    return _objectSpread({
+      event: this.event,
+      triggered: this.triggered,
+      direction: this.event.type === 'keydown' ? 'down' : 'up',
+      isUp: this.event.type === 'keyup',
+      isDown: this.event.type === 'keydown'
+    }, keys);
+  }
+
+}
 
 var key = null;
 export default function useKey() {
@@ -117,15 +78,12 @@ export default function useKey() {
   var remove = key.remove.bind(key);
   var has = key.has.bind(key);
 
-  var props = function props() {
-    return key.props;
-  };
+  var props = () => key.props;
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=key.js.map
+}

package/services/load.d.ts

@@ -11,7 +11,7 @@
  *
  * @return {ServiceInterface & LoadService}
  */
-export default function useRaf(): ServiceInterface & LoadService;
+export default function useLoad(): ServiceInterface & LoadService;
 export type ServiceInterface = import('./index').ServiceInterface;
 export type LoadServiceProps = {
     time: DOMHighResTimeStamp;

package/services/load.js

@@ -1,56 +1,28 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import Service from './Service.js';
 
-var Load = function (_Service) {
-  _inherits(Load, _Service);
-
-  var _super = _createSuper(Load);
-
-  function Load() {
-    _classCallCheck(this, Load);
+class Load extends Service {
+  init() {
+    this.handler = () => {
+      this.trigger(this.props);
+    };
 
-    return _super.apply(this, arguments);
+    window.addEventListener('load', this.handler);
+    return this;
   }
 
-  _createClass(Load, [{
-    key: "init",
-    value: function init() {
-      var _this = this;
-
-      this.handler = function () {
-        _this.trigger(_this.props);
-      };
+  kill() {
+    window.removeEventListener('load', this.handler);
+    return this;
+  }
 
-      window.addEventListener('load', this.handler);
-      return this;
-    }
-  }, {
-    key: "kill",
-    value: function kill() {
-      window.removeEventListener('load', this.handler);
-      return this;
-    }
-  }, {
-    key: "props",
-    get: function get() {
-      return {};
-    }
-  }]);
+  get props() {
+    return {};
+  }
 
-  return Load;
-}(Service);
+}
 
 var instance = null;
-export default function useRaf() {
+export default function useLoad() {
   if (!instance) {
     instance = new Load();
   }
@@ -64,10 +36,9 @@ export default function useRaf() {
   }
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=load.js.map
+}

package/services/pointer.js

@@ -1,177 +1,141 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import Service from './Service.js';
 
 function isTouchEvent(event) {
   return typeof TouchEvent !== 'undefined' && event instanceof TouchEvent;
 }
 
-var Pointer = function (_Service) {
-  _inherits(Pointer, _Service);
+class Pointer extends Service {
+  constructor() {
+    super(...arguments);
 
-  var _super = _createSuper(Pointer);
+    _defineProperty(this, "isDown", false);
 
-  function Pointer() {
-    var _this;
+    _defineProperty(this, "y", window.innerHeight / 2);
 
-    _classCallCheck(this, Pointer);
+    _defineProperty(this, "yLast", window.innerHeight / 2);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+    _defineProperty(this, "x", window.innerWidth / 2);
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(this, "xLast", window.innerWidth / 2);
 
-    _defineProperty(_assertThisInitialized(_this), "isDown", false);
+    _defineProperty(this, "event", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "y", window.innerHeight / 2);
+    _defineProperty(this, "hasRaf", false);
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "yLast", window.innerHeight / 2);
+  init() {
+    document.documentElement.addEventListener('mouseenter', this, {
+      once: true,
+      capture: true
+    });
+    var options = {
+      passive: true,
+      capture: true
+    };
+    document.addEventListener('mousemove', this, options);
+    document.addEventListener('touchmove', this, options);
+    document.addEventListener('mousedown', this, options);
+    document.addEventListener('touchstart', this, options);
+    document.addEventListener('mouseup', this, options);
+    document.addEventListener('touchend', this, options);
+    return this;
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "x", window.innerWidth / 2);
+  handleEvent(event) {
+    switch (event.type) {
+      case 'mouseenter':
+      case 'mousemove':
+      case 'touchmove':
+        this.handler(event);
+        break;
+
+      case 'mousedown':
+      case 'touchstart':
+        this.downHandler();
+        break;
+
+      case 'mouseup':
+      case 'touchend':
+        this.upHandler();
+        break;
+    }
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "xLast", window.innerWidth / 2);
+  kill() {
+    document.removeEventListener('mousemove', this);
+    document.removeEventListener('touchmove', this);
+    document.removeEventListener('mousedown', this);
+    document.removeEventListener('touchstart', this);
+    document.removeEventListener('mouseup', this);
+    document.removeEventListener('touchend', this);
+    return this;
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "event", void 0);
+  handler(event) {
+    this.updateValues(event);
+    this.trigger(this.props);
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "hasRaf", false);
+  downHandler() {
+    this.isDown = true;
+    this.trigger(this.props);
+  }
 
-    return _this;
+  upHandler() {
+    this.isDown = false;
+    this.trigger(this.props);
   }
 
-  _createClass(Pointer, [{
-    key: "init",
-    value: function init() {
-      document.documentElement.addEventListener('mouseenter', this, {
-        once: true,
-        capture: true
-      });
-      var options = {
-        passive: true,
-        capture: true
-      };
-      document.addEventListener('mousemove', this, options);
-      document.addEventListener('touchmove', this, options);
-      document.addEventListener('mousedown', this, options);
-      document.addEventListener('touchstart', this, options);
-      document.addEventListener('mouseup', this, options);
-      document.addEventListener('touchend', this, options);
-      return this;
-    }
-  }, {
-    key: "handleEvent",
-    value: function handleEvent(event) {
-      switch (event.type) {
-        case 'mouseenter':
-        case 'mousemove':
-        case 'touchmove':
-          this.handler(event);
-          break;
-
-        case 'mousedown':
-        case 'touchstart':
-          this.downHandler();
-          break;
-
-        case 'mouseup':
-        case 'touchend':
-          this.upHandler();
-          break;
-      }
-    }
-  }, {
-    key: "kill",
-    value: function kill() {
-      document.removeEventListener('mousemove', this);
-      document.removeEventListener('touchmove', this);
-      document.removeEventListener('mousedown', this);
-      document.removeEventListener('touchstart', this);
-      document.removeEventListener('mouseup', this);
-      document.removeEventListener('touchend', this);
-      return this;
-    }
-  }, {
-    key: "handler",
-    value: function handler(event) {
-      this.updateValues(event);
-      this.trigger(this.props);
-    }
-  }, {
-    key: "downHandler",
-    value: function downHandler() {
-      this.isDown = true;
-      this.trigger(this.props);
-    }
-  }, {
-    key: "upHandler",
-    value: function upHandler() {
-      this.isDown = false;
-      this.trigger(this.props);
-    }
-  }, {
-    key: "updateValues",
-    value: function updateValues(event) {
-      var _event$touches$, _event$touches$2;
-
-      this.event = event;
-      this.yLast = this.y;
-      this.xLast = this.x;
-      var y = isTouchEvent(event) ? (_event$touches$ = event.touches[0]) === null || _event$touches$ === void 0 ? void 0 : _event$touches$.clientY : event.clientY;
-
-      if (y !== this.y) {
-        this.y = y;
-      }
+  updateValues(event) {
+    var _event$touches$, _event$touches$2;
 
-      var x = isTouchEvent(event) ? (_event$touches$2 = event.touches[0]) === null || _event$touches$2 === void 0 ? void 0 : _event$touches$2.clientX : event.clientX;
+    this.event = event;
+    this.yLast = this.y;
+    this.xLast = this.x;
+    var y = isTouchEvent(event) ? (_event$touches$ = event.touches[0]) === null || _event$touches$ === void 0 ? void 0 : _event$touches$.clientY : event.clientY;
 
-      if (x !== this.x) {
-        this.x = x;
-      }
+    if (y !== this.y) {
+      this.y = y;
     }
-  }, {
-    key: "props",
-    get: function get() {
-      return {
-        event: this.event,
-        isDown: this.isDown,
-        x: this.x,
-        y: this.y,
-        changed: {
-          x: this.x !== this.xLast,
-          y: this.y !== this.yLast
-        },
-        last: {
-          x: this.xLast,
-          y: this.yLast
-        },
-        delta: {
-          x: this.x - this.xLast,
-          y: this.y - this.yLast
-        },
-        progress: {
-          x: this.x / window.innerWidth,
-          y: this.y / window.innerHeight
-        },
-        max: {
-          x: window.innerWidth,
-          y: window.innerHeight
-        }
-      };
+
+    var x = isTouchEvent(event) ? (_event$touches$2 = event.touches[0]) === null || _event$touches$2 === void 0 ? void 0 : _event$touches$2.clientX : event.clientX;
+
+    if (x !== this.x) {
+      this.x = x;
     }
-  }]);
+  }
 
-  return Pointer;
-}(Service);
+  get props() {
+    return {
+      event: this.event,
+      isDown: this.isDown,
+      x: this.x,
+      y: this.y,
+      changed: {
+        x: this.x !== this.xLast,
+        y: this.y !== this.yLast
+      },
+      last: {
+        x: this.xLast,
+        y: this.yLast
+      },
+      delta: {
+        x: this.x - this.xLast,
+        y: this.y - this.yLast
+      },
+      progress: {
+        x: this.x / window.innerWidth,
+        y: this.y / window.innerHeight
+      },
+      max: {
+        x: window.innerWidth,
+        y: window.innerHeight
+      }
+    };
+  }
+
+}
 
 var pointer = null;
 export default function usePointer() {
@@ -183,15 +147,12 @@ export default function usePointer() {
   var remove = pointer.remove.bind(pointer);
   var has = pointer.has.bind(pointer);
 
-  var props = function props() {
-    return pointer.props;
-  };
+  var props = () => pointer.props;
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=pointer.js.map
+}