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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "1.7.2",
+  "version": "2.0.0-alpha.10",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"
@@ -18,7 +18,7 @@
   "type": "module",
   "sideEffects": false,
   "unpkg": "./index.umd.js",
-  "main": "./index.umd.js",
+  "main": "./index.js",
   "module": "./index.js",
   "keywords": [
     "js-toolkit",
@@ -29,9 +29,6 @@
   "types": "index.d.ts",
   "dependencies": {
     "@babel/runtime": "^7.15.4",
-    "deepmerge": "^4.2.2",
-    "mem": "^9.0.1",
-    "no-case": "^3.0.4",
-    "stylefire": "^7.0.3"
+    "deepmerge": "^4.2.2"
   }
 }

package/services/Service.js

@@ -0,0 +1,63 @@
+export default class Service {
+  constructor() {
+    this.callbacks = new Map();
+    this.isInit = false;
+  }
+
+  get props() {
+    throw new Error('The `props` getter must be implemented.');
+  }
+
+  init() {
+    throw new Error('The `init` method must be implemented.');
+  }
+
+  kill() {
+    throw new Error('The `kill` method must be implemented.');
+  }
+
+  add(key, callback) {
+    if (this.has(key)) {
+      throw new Error("A callback with the key `".concat(key, "` has already been registered."));
+    }
+
+    if (this.callbacks.size === 0 && !this.isInit) {
+      this.init();
+      this.isInit = true;
+    }
+
+    this.callbacks.set(key, callback);
+    return this;
+  }
+
+  has(key) {
+    return this.callbacks.has(key);
+  }
+
+  get(key) {
+    return this.callbacks.get(key);
+  }
+
+  remove(key) {
+    this.callbacks.delete(key);
+
+    if (this.callbacks.size === 0 && this.isInit) {
+      this.kill();
+      this.isInit = false;
+    }
+
+    return this;
+  }
+
+  trigger() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    this.callbacks.forEach(function forEachCallback(callback) {
+      callback(...args);
+    });
+    return this;
+  }
+
+}

package/services/drag.js

@@ -1,20 +1,10 @@
-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 '../abstracts/Service.js';
+import Service from './Service.js';
 import usePointer from './pointer.js';
 import useRaf from './raf.js';
 import inertiaFinalValue from '../utils/math/inertiaFinalValue.js';
@@ -27,203 +17,180 @@ var MODES = {
 };
 var instanceIds = 0;
 
-var Drag = function (_Service) {
-  _inherits(Drag, _Service);
-
-  var _super = _createSuper(Drag);
-
-  function Drag(target) {
-    var _this;
-
+class Drag extends Service {
+  constructor(target) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    super();
 
-    _classCallCheck(this, Drag);
-
-    _this = _super.call(this);
+    _defineProperty(this, "id", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "id", void 0);
+    _defineProperty(this, "target", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "target", void 0);
+    _defineProperty(this, "mode", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "mode", void 0);
+    _defineProperty(this, "isGrabbing", false);
 
-    _defineProperty(_assertThisInitialized(_this), "isGrabbing", false);
+    _defineProperty(this, "hasInertia", false);
 
-    _defineProperty(_assertThisInitialized(_this), "hasInertia", false);
+    _defineProperty(this, "x", 0);
 
-    _defineProperty(_assertThisInitialized(_this), "x", 0);
+    _defineProperty(this, "y", 0);
 
-    _defineProperty(_assertThisInitialized(_this), "y", 0);
-
-    _defineProperty(_assertThisInitialized(_this), "delta", {
+    _defineProperty(this, "delta", {
       x: 0,
       y: 0
     });
 
-    _defineProperty(_assertThisInitialized(_this), "origin", {
+    _defineProperty(this, "origin", {
       x: 0,
       y: 0
     });
 
-    _defineProperty(_assertThisInitialized(_this), "distance", {
+    _defineProperty(this, "distance", {
       x: 0,
       y: 0
     });
 
-    _defineProperty(_assertThisInitialized(_this), "final", {
+    _defineProperty(this, "final", {
       x: 0,
       y: 0
     });
 
-    _defineProperty(_assertThisInitialized(_this), "options", {
+    _defineProperty(this, "options", {
       factor: 0.85
     });
 
     instanceIds += 1;
-    _this.id = "drag-".concat(instanceIds);
-    _this.target = target;
-    _this.options = _objectSpread(_objectSpread({}, _this.options), options);
-    _this.pointerHandler = _this.pointerHandler.bind(_assertThisInitialized(_this));
-    _this.rafHandler = _this.rafHandler.bind(_assertThisInitialized(_this));
-    return _possibleConstructorReturn(_this, _assertThisInitialized(_this));
+    this.id = "drag-".concat(instanceIds);
+    this.target = target;
+    this.options = _objectSpread(_objectSpread({}, this.options), options);
+    this.pointerHandler = this.pointerHandler.bind(this);
+    this.rafHandler = this.rafHandler.bind(this);
+    return this;
   }
 
-  _createClass(Drag, [{
-    key: "init",
-    value: function init() {
-      var options = {
-        passive: true
-      };
-      this.target.addEventListener('mousedown', this, options);
-      this.target.addEventListener('touchstart', this, options);
-      var pointer = usePointer();
-      pointer.add(this.id, this.pointerHandler);
-      return this;
-    }
-  }, {
-    key: "kill",
-    value: function kill() {
-      this.target.removeEventListener('mousemove', this);
-      this.target.removeEventListener('touchmove', this);
-      var pointer = usePointer();
-      pointer.remove(this.id);
-      return this;
-    }
-  }, {
-    key: "handleEvent",
-    value: function handleEvent(event) {
-      var x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
-      var y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
-      this.start(x, y);
-    }
-  }, {
-    key: "start",
-    value: function start(x, y) {
-      this.x = x;
-      this.y = y;
-      this.origin.x = x;
-      this.origin.y = y;
-      this.delta.x = 0;
-      this.delta.y = 0;
-      this.distance.x = 0;
-      this.distance.y = 0;
-      this.final.x = x;
-      this.final.y = y;
-      this.mode = MODES.START;
-      this.isGrabbing = true;
-      this.trigger(this.props);
-    }
-  }, {
-    key: "drop",
-    value: function drop() {
-      var _this2 = this;
-
-      this.isGrabbing = false;
-      this.mode = MODES.DROP;
-      this.hasInertia = true;
-      this.final.x = inertiaFinalValue(this.x, this.delta.x, this.options.factor);
-      this.final.y = inertiaFinalValue(this.y, this.delta.y, this.options.factor);
-      this.trigger(this.props);
-      setTimeout(function () {
-        var raf = useRaf();
-        raf.remove(_this2.id);
-        raf.add(_this2.id, _this2.rafHandler);
-      }, 0);
-    }
-  }, {
-    key: "stop",
-    value: function stop() {
-      useRaf().remove(this.id);
-      this.hasInertia = false;
-      this.mode = MODES.STOP;
+  init() {
+    var options = {
+      passive: true
+    };
+    this.target.addEventListener('mousedown', this, options);
+    this.target.addEventListener('touchstart', this, options);
+    var pointer = usePointer();
+    pointer.add(this.id, this.pointerHandler);
+    return this;
+  }
+
+  kill() {
+    this.target.removeEventListener('mousemove', this);
+    this.target.removeEventListener('touchmove', this);
+    var pointer = usePointer();
+    pointer.remove(this.id);
+    return this;
+  }
+
+  handleEvent(event) {
+    var x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
+    var y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
+    this.start(x, y);
+  }
+
+  start(x, y) {
+    this.x = x;
+    this.y = y;
+    this.origin.x = x;
+    this.origin.y = y;
+    this.delta.x = 0;
+    this.delta.y = 0;
+    this.distance.x = 0;
+    this.distance.y = 0;
+    this.final.x = x;
+    this.final.y = y;
+    this.mode = MODES.START;
+    this.isGrabbing = true;
+    this.trigger(this.props);
+  }
+
+  drop() {
+    this.isGrabbing = false;
+    this.mode = MODES.DROP;
+    this.hasInertia = true;
+    this.final.x = inertiaFinalValue(this.x, this.delta.x, this.options.factor);
+    this.final.y = inertiaFinalValue(this.y, this.delta.y, this.options.factor);
+    this.trigger(this.props);
+    setTimeout(() => {
+      var raf = useRaf();
+      raf.remove(this.id);
+      raf.add(this.id, this.rafHandler);
+    }, 0);
+  }
+
+  stop() {
+    useRaf().remove(this.id);
+    this.hasInertia = false;
+    this.mode = MODES.STOP;
+    this.trigger(this.props);
+  }
+
+  rafHandler() {
+    if (!this.isGrabbing) {
+      this.x += this.delta.x;
+      this.y += this.delta.y;
+      this.distance.x = this.x - this.origin.x;
+      this.distance.y = this.y - this.origin.y;
+      this.delta.x *= this.options.factor;
+      this.delta.y *= this.options.factor;
+
+      if (this.mode !== MODES.INERTIA) {
+        this.mode = MODES.INERTIA;
+      }
+
       this.trigger(this.props);
-    }
-  }, {
-    key: "rafHandler",
-    value: function rafHandler() {
-      if (!this.isGrabbing) {
-        this.x += this.delta.x;
-        this.y += this.delta.y;
-        this.distance.x = this.x - this.origin.x;
-        this.distance.y = this.y - this.origin.y;
-        this.delta.x *= this.options.factor;
-        this.delta.y *= this.options.factor;
-
-        if (this.mode !== MODES.INERTIA) {
-          this.mode = MODES.INERTIA;
-        }
-
-        this.trigger(this.props);
-
-        if (Math.abs(this.delta.x) < 0.1 && Math.abs(this.delta.y) < 0.1) {
-          this.stop();
-        }
+
+      if (Math.abs(this.delta.x) < 0.1 && Math.abs(this.delta.y) < 0.1) {
+        this.stop();
       }
     }
-  }, {
-    key: "pointerHandler",
-    value: function pointerHandler(props) {
-      if (this.isGrabbing) {
-        this.x = props.x;
-        this.y = props.y;
-        this.delta.x = props.delta.x;
-        this.delta.y = props.delta.y;
-        this.final.x = props.x;
-        this.final.y = props.y;
-        this.distance.x = this.x - this.origin.x;
-        this.distance.y = this.y - this.origin.y;
-
-        if (this.mode !== MODES.DRAG) {
-          this.mode = MODES.DRAG;
-        }
-
-        this.trigger(this.props);
-
-        if (!props.isDown) {
-          this.drop();
-        }
+  }
+
+  pointerHandler(props) {
+    if (this.isGrabbing) {
+      this.x = props.x;
+      this.y = props.y;
+      this.delta.x = props.delta.x;
+      this.delta.y = props.delta.y;
+      this.final.x = props.x;
+      this.final.y = props.y;
+      this.distance.x = this.x - this.origin.x;
+      this.distance.y = this.y - this.origin.y;
+
+      if (this.mode !== MODES.DRAG) {
+        this.mode = MODES.DRAG;
+      }
+
+      this.trigger(this.props);
+
+      if (!props.isDown) {
+        this.drop();
       }
     }
-  }, {
-    key: "props",
-    get: function get() {
-      return {
-        target: this.target,
-        mode: this.mode,
-        isGrabbing: this.isGrabbing,
-        hasInertia: this.hasInertia,
-        x: this.x,
-        y: this.y,
-        delta: this.delta,
-        origin: this.origin,
-        distance: this.distance,
-        final: this.final
-      };
-    }
-  }]);
+  }
 
-  return Drag;
-}(Service);
+  get props() {
+    return {
+      target: this.target,
+      mode: this.mode,
+      isGrabbing: this.isGrabbing,
+      hasInertia: this.hasInertia,
+      x: this.x,
+      y: this.y,
+      delta: this.delta,
+      origin: this.origin,
+      distance: this.distance,
+      final: this.final
+    };
+  }
+
+}
 
 var instances = new WeakMap();
 export default function useDrag(target, options) {
@@ -238,15 +205,12 @@ export default function useDrag(target, options) {
   var remove = drag.remove.bind(drag);
   var has = drag.has.bind(drag);
 
-  var props = function props() {
-    return drag.props;
-  };
+  var props = () => drag.props;
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=drag.js.map
+}

package/services/index.js

@@ -5,5 +5,4 @@ import usePointer from './pointer.js';
 import useRaf from './raf.js';
 import useResize from './resize.js';
 import useScroll from './scroll.js';
-export { useKey, usePointer, useDrag, useLoad, useRaf, useResize, useScroll };
-//# sourceMappingURL=index.js.map
+export { useKey, usePointer, useDrag, useLoad, useRaf, useResize, useScroll };

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 '../abstracts/Service.js';
+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
+}