@studiometa/js-toolkit 2.2.2 → 2.4.0

package/services/load.cjs

@@ -1,10 +1,7 @@
-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 });
@@ -17,12 +14,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 = {};
@@ -30,42 +22,34 @@ __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 import_service = require("./service.cjs");
+function createLoadService() {
+  function onLoad() {
+    props.time = window.performance.now();
+    trigger(props);
   }
-};
-var instance;
+  const { add, remove, has, props, trigger } = (0, import_service.useService)({
+    props: {
+      time: performance.now()
+    },
+    init() {
+      window.addEventListener("load", onLoad);
+    },
+    kill() {
+      window.removeEventListener("load", onLoad);
+    }
+  });
+  return {
+    add,
+    remove,
+    has,
+    props: () => props
+  };
+}
 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)
-    };
+    load = createLoadService();
   }
   return load;
 }

package/services/load.d.ts

@@ -1,14 +1,6 @@
 /**
  * Use the load service.
  *
- * ```js
- * import { useLoad } from '@studiometa/js/services';
- * const { add, remove, props } = useRag();
- * add(id, (props) => {});
- * remove(id);
- * props();
- * ```
- *
  * @returns {LoadService}
  */
 export default function useLoad(): LoadService;

package/services/load.js

@@ -1,45 +1,31 @@
-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);
-    __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;
+import { useService } from "./service.js";
+function createLoadService() {
+  function onLoad() {
+    props.time = window.performance.now();
+    trigger(props);
   }
+  const { add, remove, has, props, trigger } = useService({
+    props: {
+      time: performance.now()
+    },
+    init() {
+      window.addEventListener("load", onLoad);
+    },
+    kill() {
+      window.removeEventListener("load", onLoad);
+    }
+  });
+  return {
+    add,
+    remove,
+    has,
+    props: () => props
+  };
 }
-let instance;
 let 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)
-    };
+    load = createLoadService();
   }
   return load;
 }

package/services/pointer.cjs

@@ -1,10 +1,7 @@
-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 });
@@ -17,12 +14,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 = {};
@@ -30,14 +22,58 @@ __export(pointer_exports, {
   default: () => usePointer
 });
 module.exports = __toCommonJS(pointer_exports);
-var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_service = require("./service.cjs");
 function isTouchEvent(event) {
   return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
 }
-var Pointer = class extends import_Service.default {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "props", {
+var events = ["mousemove", "touchmove", "mousedown", "touchstart", "mouseup", "touchend"];
+function createPointerService() {
+  function updateProps(event) {
+    var _a, _b;
+    props.event = event;
+    const yLast = props.y;
+    const xLast = props.x;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
+    if (y !== props.y) {
+      props.y = y;
+    }
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
+    if (x !== props.x) {
+      props.x = x;
+    }
+    props.changed.x = props.x !== xLast;
+    props.changed.y = props.y !== yLast;
+    props.last.x = xLast;
+    props.last.y = yLast;
+    props.delta.x = props.x - xLast;
+    props.delta.y = props.y - yLast;
+    props.max.x = window.innerWidth;
+    props.max.y = window.innerHeight;
+    props.progress.x = props.x / props.max.x;
+    props.progress.y = props.y / props.max.y;
+    return props;
+  }
+  function handleEvent(event) {
+    switch (event.type) {
+      case "mouseenter":
+      case "mousemove":
+      case "touchmove":
+        trigger(updateProps(event));
+        break;
+      case "mousedown":
+      case "touchstart":
+        props.isDown = true;
+        trigger(props);
+        break;
+      case "mouseup":
+      case "touchend":
+        props.isDown = false;
+        trigger(props);
+        break;
+    }
+  }
+  const { add, remove, has, trigger, props } = (0, import_service.useService)({
+    props: {
       event: null,
       isDown: false,
       x: window.innerWidth / 2,
@@ -62,100 +98,34 @@ var Pointer = class extends import_Service.default {
         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;
+    },
+    init() {
+      document.documentElement.addEventListener("mouseenter", handleEvent, {
+        once: true,
+        capture: true
+      });
+      const options = { passive: true, capture: true };
+      events.forEach((event) => {
+        document.addEventListener(event, handleEvent, options);
+      });
+    },
+    kill() {
+      events.forEach((event) => {
+        document.removeEventListener(event, handleEvent);
+      });
     }
-  }
-  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;
+  });
+  return {
+    add,
+    remove,
+    has,
+    props: () => props
+  };
+}
 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)
-    };
+    pointer = createPointerService();
   }
   return pointer;
 }

package/services/pointer.d.ts

@@ -1,13 +1,5 @@
 /**
- * Use the pointer.
- *
- * ```js
- * import usePointer from '@studiometa/js-toolkit/services';
- * const { add, remove, props } = usePointer();
- * add('id', () => {});
- * remove('id');
- * props();
- * ```
+ * Use the pointer service.
  *
  * @todo Add element as parameter to get the pointer position relatively from.
  * @returns {PointerService}

package/services/pointer.js

@@ -1,17 +1,55 @@
-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";
+import { useService } from "./service.js";
 function isTouchEvent(event) {
   return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
 }
-class Pointer extends Service {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "props", {
+const events = ["mousemove", "touchmove", "mousedown", "touchstart", "mouseup", "touchend"];
+function createPointerService() {
+  function updateProps(event) {
+    var _a, _b;
+    props.event = event;
+    const yLast = props.y;
+    const xLast = props.x;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
+    if (y !== props.y) {
+      props.y = y;
+    }
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
+    if (x !== props.x) {
+      props.x = x;
+    }
+    props.changed.x = props.x !== xLast;
+    props.changed.y = props.y !== yLast;
+    props.last.x = xLast;
+    props.last.y = yLast;
+    props.delta.x = props.x - xLast;
+    props.delta.y = props.y - yLast;
+    props.max.x = window.innerWidth;
+    props.max.y = window.innerHeight;
+    props.progress.x = props.x / props.max.x;
+    props.progress.y = props.y / props.max.y;
+    return props;
+  }
+  function handleEvent(event) {
+    switch (event.type) {
+      case "mouseenter":
+      case "mousemove":
+      case "touchmove":
+        trigger(updateProps(event));
+        break;
+      case "mousedown":
+      case "touchstart":
+        props.isDown = true;
+        trigger(props);
+        break;
+      case "mouseup":
+      case "touchend":
+        props.isDown = false;
+        trigger(props);
+        break;
+    }
+  }
+  const { add, remove, has, trigger, props } = useService({
+    props: {
       event: null,
       isDown: false,
       x: window.innerWidth / 2,
@@ -36,100 +74,34 @@ class Pointer extends Service {
         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;
+    },
+    init() {
+      document.documentElement.addEventListener("mouseenter", handleEvent, {
+        once: true,
+        capture: true
+      });
+      const options = { passive: true, capture: true };
+      events.forEach((event) => {
+        document.addEventListener(event, handleEvent, options);
+      });
+    },
+    kill() {
+      events.forEach((event) => {
+        document.removeEventListener(event, handleEvent);
+      });
     }
-    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;
-  }
+  });
+  return {
+    add,
+    remove,
+    has,
+    props: () => props
+  };
 }
-let instance;
 let 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)
-    };
+    pointer = createPointerService();
   }
   return pointer;
 }