@studiometa/js-toolkit 2.0.0-beta.9 → 2.0.0-rc.1

package/services/key.cjs

@@ -0,0 +1,104 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key2 of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key2) && key2 !== except)
+        __defProp(to, key2, { get: () => from[key2], enumerable: !(desc = __getOwnPropDesc(from, key2)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key2, value) => {
+  __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
+  return value;
+};
+
+// packages/js-toolkit/services/key.js
+var key_exports = {};
+__export(key_exports, {
+  default: () => useKey
+});
+module.exports = __toCommonJS(key_exports);
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_keyCodes = __toESM(require("../utils/keyCodes.cjs"), 1);
+var Key = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "previousEvent");
+    __publicField(this, "props", {
+      event: null,
+      triggered: 0,
+      isUp: false,
+      isDown: false,
+      ENTER: false,
+      SPACE: false,
+      TAB: false,
+      ESC: false,
+      LEFT: false,
+      UP: false,
+      RIGHT: false,
+      DOWN: false,
+      direction: "none"
+    });
+  }
+  init() {
+    document.addEventListener("keydown", this);
+    document.addEventListener("keyup", this);
+  }
+  handleEvent(event) {
+    this.updateProps(event);
+    this.trigger(this.props);
+  }
+  kill() {
+    document.removeEventListener("keydown", this);
+    document.removeEventListener("keyup", this);
+  }
+  updateProps(event) {
+    var _a;
+    this.props.event = event;
+    Object.entries(import_keyCodes.default).forEach(([name, code]) => {
+      this.props[name] = code === event.keyCode;
+    });
+    if (!this.previousEvent) {
+      this.props.triggered = 0;
+    }
+    if (this.props.event.type === "keydown" && ((_a = this.previousEvent) == null ? void 0 : _a.type) === "keydown") {
+      this.props.triggered += 1;
+    } else {
+      this.props.triggered = 1;
+    }
+    this.previousEvent = this.props.event;
+    this.props.direction = this.props.event.type === "keydown" ? "down" : "up";
+    this.props.isUp = this.props.event.type === "keyup";
+    this.props.isDown = this.props.event.type === "keydown";
+    return this.props;
+  }
+};
+var instance;
+var key;
+function useKey() {
+  if (!key) {
+    if (!instance) {
+      instance = new Key();
+    }
+    key = {
+      add: instance.add.bind(instance),
+      remove: instance.remove.bind(instance),
+      has: instance.has.bind(instance),
+      props: instance.updateProps.bind(instance)
+    };
+  }
+  return key;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/key.js

@@ -1,14 +1,16 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Service from './Service.js';
-import keyCodes from '../utils/keyCodes.js';
-
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+var __publicField = (obj, key2, value) => {
+  __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
+  return value;
+};
+import Service from "./Service.js";
+import keyCodes from "../utils/keyCodes.js";
 class Key extends Service {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "previousEvent", void 0);
-
-    _defineProperty(this, "props", {
+    __publicField(this, "previousEvent");
+    __publicField(this, "props", {
       event: null,
       triggered: 0,
       isUp: false,
@@ -21,61 +23,49 @@ class Key extends Service {
       UP: false,
       RIGHT: false,
       DOWN: false,
-      direction: 'none'
+      direction: "none"
     });
   }
-
   init() {
-    document.addEventListener('keydown', this);
-    document.addEventListener('keyup', this);
+    document.addEventListener("keydown", this);
+    document.addEventListener("keyup", this);
   }
-
   handleEvent(event) {
     this.updateProps(event);
     this.trigger(this.props);
   }
-
   kill() {
-    document.removeEventListener('keydown', this);
-    document.removeEventListener('keyup', this);
+    document.removeEventListener("keydown", this);
+    document.removeEventListener("keyup", this);
   }
-
   updateProps(event) {
-    var _this$previousEvent;
-
+    var _a;
     this.props.event = event;
-    Object.entries(keyCodes).forEach(_ref => {
-      var [name, code] = _ref;
+    Object.entries(keyCodes).forEach(([name, code]) => {
       this.props[name] = code === event.keyCode;
     });
-
     if (!this.previousEvent) {
       this.props.triggered = 0;
     }
-
-    if (this.props.event.type === 'keydown' && ((_this$previousEvent = this.previousEvent) === null || _this$previousEvent === void 0 ? void 0 : _this$previousEvent.type) === 'keydown') {
+    if (this.props.event.type === "keydown" && ((_a = this.previousEvent) == null ? void 0 : _a.type) === "keydown") {
       this.props.triggered += 1;
     } else {
       this.props.triggered = 1;
     }
-
     this.previousEvent = this.props.event;
-    this.props.direction = this.props.event.type === 'keydown' ? 'down' : 'up';
-    this.props.isUp = this.props.event.type === 'keyup';
-    this.props.isDown = this.props.event.type === 'keydown';
+    this.props.direction = this.props.event.type === "keydown" ? "down" : "up";
+    this.props.isUp = this.props.event.type === "keyup";
+    this.props.isDown = this.props.event.type === "keydown";
     return this.props;
   }
-
 }
-
-var instance;
-var key;
-export default function useKey() {
+let instance;
+let key;
+function useKey() {
   if (!key) {
     if (!instance) {
       instance = new Key();
     }
-
     key = {
       add: instance.add.bind(instance),
       remove: instance.remove.bind(instance),
@@ -83,6 +73,8 @@ export default function useKey() {
       props: instance.updateProps.bind(instance)
     };
   }
-
   return key;
-}
+}
+export {
+  useKey as default
+};

package/services/load.cjs

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/load.js
+var load_exports = {};
+__export(load_exports, {
+  default: () => useLoad
+});
+module.exports = __toCommonJS(load_exports);
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var Load = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      time: window.performance.now()
+    });
+  }
+  init() {
+    window.addEventListener("load", this);
+  }
+  handleEvent() {
+    this.updateProps();
+    this.trigger(this.props);
+  }
+  kill() {
+    window.removeEventListener("load", this);
+  }
+  updateProps() {
+    this.props.time = window.performance.now();
+    return this.props;
+  }
+};
+var instance;
+var load;
+function useLoad() {
+  if (!load) {
+    if (!instance) {
+      instance = new Load();
+    }
+    load = {
+      add: instance.add.bind(instance),
+      remove: instance.remove.bind(instance),
+      has: instance.has.bind(instance),
+      props: instance.updateProps.bind(instance)
+    };
+  }
+  return load;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/load.js

@@ -1,43 +1,39 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Service from './Service.js';
-
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import Service from "./Service.js";
 class Load extends Service {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "props", {
+    __publicField(this, "props", {
       time: window.performance.now()
     });
   }
-
   init() {
-    window.addEventListener('load', this);
+    window.addEventListener("load", this);
   }
-
   handleEvent() {
     this.updateProps();
     this.trigger(this.props);
   }
-
   kill() {
-    window.removeEventListener('load', this);
+    window.removeEventListener("load", this);
   }
-
   updateProps() {
     this.props.time = window.performance.now();
     return this.props;
   }
-
 }
-
-var instance;
-var load;
-export default function useLoad() {
+let instance;
+let load;
+function useLoad() {
   if (!load) {
     if (!instance) {
       instance = new Load();
     }
-
     load = {
       add: instance.add.bind(instance),
       remove: instance.remove.bind(instance),
@@ -45,6 +41,8 @@ export default function useLoad() {
       props: instance.updateProps.bind(instance)
     };
   }
-
   return load;
-}
+}
+export {
+  useLoad as default
+};

package/services/pointer.cjs

@@ -0,0 +1,162 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/pointer.js
+var pointer_exports = {};
+__export(pointer_exports, {
+  default: () => usePointer
+});
+module.exports = __toCommonJS(pointer_exports);
+var import_Service = __toESM(require("./Service.cjs"), 1);
+function isTouchEvent(event) {
+  return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
+}
+var Pointer = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      event: null,
+      isDown: false,
+      x: window.innerWidth / 2,
+      y: window.innerHeight / 2,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.innerWidth / 2,
+        y: window.innerHeight / 2
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      progress: {
+        x: 0.5,
+        y: 0.5
+      },
+      max: {
+        x: window.innerWidth,
+        y: window.innerHeight
+      }
+    });
+    __publicField(this, "hasRaf", false);
+  }
+  init() {
+    document.documentElement.addEventListener("mouseenter", this, {
+      once: true,
+      capture: true
+    });
+    const 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;
+  }
+  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;
+    }
+  }
+  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;
+  }
+  handler(event) {
+    this.updateProps(event);
+    this.trigger(this.props);
+  }
+  downHandler() {
+    this.props.isDown = true;
+    this.trigger(this.props);
+  }
+  upHandler() {
+    this.props.isDown = false;
+    this.trigger(this.props);
+  }
+  updateProps(event) {
+    var _a, _b;
+    this.props.event = event;
+    const yLast = this.props.y;
+    const xLast = this.props.x;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
+    if (y !== this.props.y) {
+      this.props.y = y;
+    }
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
+    if (x !== this.props.x) {
+      this.props.x = x;
+    }
+    this.props.changed.x = this.props.x !== xLast;
+    this.props.changed.y = this.props.y !== yLast;
+    this.props.last.x = xLast;
+    this.props.last.y = yLast;
+    this.props.delta.x = this.props.x - xLast;
+    this.props.delta.y = this.props.y - yLast;
+    this.props.max.x = window.innerWidth;
+    this.props.max.y = window.innerHeight;
+    this.props.progress.x = this.props.x / this.props.max.x;
+    this.props.progress.y = this.props.y / this.props.max.y;
+    return this.props;
+  }
+};
+var instance;
+var pointer;
+function usePointer() {
+  if (!pointer) {
+    if (!instance) {
+      instance = new Pointer();
+    }
+    pointer = {
+      add: instance.add.bind(instance),
+      remove: instance.remove.bind(instance),
+      has: instance.has.bind(instance),
+      props: instance.updateProps.bind(instance)
+    };
+  }
+  return pointer;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/pointer.js

@@ -1,15 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Service from './Service.js';
-
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import Service from "./Service.js";
 function isTouchEvent(event) {
-  return typeof TouchEvent !== 'undefined' && event instanceof TouchEvent;
+  return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
 }
-
 class Pointer extends Service {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "props", {
+    __publicField(this, "props", {
       event: null,
       isDown: false,
       x: window.innerWidth / 2,
@@ -35,91 +37,73 @@ class Pointer extends Service {
         y: window.innerHeight
       }
     });
-
-    _defineProperty(this, "hasRaf", false);
+    __publicField(this, "hasRaf", false);
   }
-
   init() {
-    document.documentElement.addEventListener('mouseenter', this, {
+    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);
+    const 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;
   }
-
   handleEvent(event) {
     switch (event.type) {
-      case 'mouseenter':
-      case 'mousemove':
-      case 'touchmove':
+      case "mouseenter":
+      case "mousemove":
+      case "touchmove":
         this.handler(event);
         break;
-
-      case 'mousedown':
-      case 'touchstart':
+      case "mousedown":
+      case "touchstart":
         this.downHandler();
         break;
-
-      case 'mouseup':
-      case 'touchend':
+      case "mouseup":
+      case "touchend":
         this.upHandler();
         break;
     }
   }
-
   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);
+    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;
   }
-
   handler(event) {
     this.updateProps(event);
     this.trigger(this.props);
   }
-
   downHandler() {
     this.props.isDown = true;
     this.trigger(this.props);
   }
-
   upHandler() {
     this.props.isDown = false;
     this.trigger(this.props);
   }
-
   updateProps(event) {
-    var _event$touches$, _event$touches$2;
-
+    var _a, _b;
     this.props.event = event;
-    var yLast = this.props.y;
-    var xLast = this.props.x;
-    var y = isTouchEvent(event) ? (_event$touches$ = event.touches[0]) === null || _event$touches$ === void 0 ? void 0 : _event$touches$.clientY : event.clientY;
-
+    const yLast = this.props.y;
+    const xLast = this.props.x;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
     if (y !== this.props.y) {
       this.props.y = y;
     }
-
-    var x = isTouchEvent(event) ? (_event$touches$2 = event.touches[0]) === null || _event$touches$2 === void 0 ? void 0 : _event$touches$2.clientX : event.clientX;
-
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
     if (x !== this.props.x) {
       this.props.x = x;
     }
-
     this.props.changed.x = this.props.x !== xLast;
     this.props.changed.y = this.props.y !== yLast;
     this.props.last.x = xLast;
@@ -132,17 +116,14 @@ class Pointer extends Service {
     this.props.progress.y = this.props.y / this.props.max.y;
     return this.props;
   }
-
 }
-
-var instance;
-var pointer;
-export default function usePointer() {
+let instance;
+let pointer;
+function usePointer() {
   if (!pointer) {
     if (!instance) {
       instance = new Pointer();
     }
-
     pointer = {
       add: instance.add.bind(instance),
       remove: instance.remove.bind(instance),
@@ -150,6 +131,8 @@ export default function usePointer() {
       props: instance.updateProps.bind(instance)
     };
   }
-
   return pointer;
-}
+}
+export {
+  usePointer as default
+};