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

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";
+import Service from './Service.js';
 
-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); }; }
+class Load extends Service {
+  init() {
+    this.handler = () => {
+      this.trigger(this.props);
+    };
 
-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 '../abstracts/Service.js';
-
-var Load = function (_Service) {
-  _inherits(Load, _Service);
-
-  var _super = _createSuper(Load);
-
-  function Load() {
-    _classCallCheck(this, Load);
-
-    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 '../abstracts/Service.js';
+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
+}

package/services/raf.js

@@ -1,78 +1,51 @@
-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 '../abstracts/Service.js';
+import Service from './Service.js';
 import { getRaf, getCancelRaf } from '../utils/nextFrame.js';
 
-var Raf = function (_Service) {
-  _inherits(Raf, _Service);
+class Raf extends Service {
+  constructor() {
+    super();
 
-  var _super = _createSuper(Raf);
+    _defineProperty(this, "isTicking", false);
 
-  function Raf() {
-    var _this;
+    _defineProperty(this, "id", 0);
 
-    _classCallCheck(this, Raf);
+    _defineProperty(this, "raf", getRaf());
 
-    _this = _super.call(this);
+    _defineProperty(this, "cancelRaf", getCancelRaf());
 
-    _defineProperty(_assertThisInitialized(_this), "isTicking", false);
+    this.loop = this.loop.bind(this);
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "id", 0);
+  init() {
+    this.isTicking = true;
+    this.loop();
+    return this;
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "raf", getRaf());
+  loop() {
+    this.trigger(this.props);
 
-    _defineProperty(_assertThisInitialized(_this), "cancelRaf", getCancelRaf());
+    if (!this.isTicking) {
+      return;
+    }
 
-    _this.loop = _this.loop.bind(_assertThisInitialized(_this));
-    return _this;
+    this.id = this.raf(this.loop);
   }
 
-  _createClass(Raf, [{
-    key: "init",
-    value: function init() {
-      this.isTicking = true;
-      this.loop();
-      return this;
-    }
-  }, {
-    key: "loop",
-    value: function loop() {
-      this.trigger(this.props);
-
-      if (!this.isTicking) {
-        return;
-      }
+  kill() {
+    this.cancelRaf(this.id);
+    this.isTicking = false;
+    return this;
+  }
 
-      this.id = this.raf(this.loop);
-    }
-  }, {
-    key: "kill",
-    value: function kill() {
-      this.cancelRaf(this.id);
-      this.isTicking = false;
-      return this;
-    }
-  }, {
-    key: "props",
-    get: function get() {
-      return {
-        time: window.performance.now()
-      };
-    }
-  }]);
+  get props() {
+    return {
+      time: window.performance.now()
+    };
+  }
 
-  return Raf;
-}(Service);
+}
 
 var instance = null;
 export default function useRaf() {
@@ -89,10 +62,9 @@ export default function useRaf() {
   }
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=raf.js.map
+}