@studiometa/js-toolkit 2.2.2 → 2.2.3

package/services/scroll.cjs

@@ -4,7 +4,6 @@ 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 });
@@ -19,10 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 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/scroll.js
 var scroll_exports = {};
@@ -30,12 +25,41 @@ __export(scroll_exports, {
   default: () => useScroll
 });
 module.exports = __toCommonJS(scroll_exports);
-var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_service = require("./service.cjs");
 var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
-var Scroll = class extends import_Service.default {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "props", {
+function createScrollService() {
+  function updateProps() {
+    const yLast = props.y;
+    const xLast = props.x;
+    if (window.pageYOffset !== props.y) {
+      props.y = window.pageYOffset;
+    }
+    if (window.pageXOffset !== props.x) {
+      props.x = window.pageXOffset;
+    }
+    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 = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
+    props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
+    props.progress.x = props.max.x === 0 ? 1 : props.x / props.max.x;
+    props.progress.y = props.max.y === 0 ? 1 : props.y / props.max.y;
+    props.direction.x = props.x > xLast ? "RIGHT" : props.x < xLast ? "LEFT" : "NONE";
+    props.direction.y = props.y > yLast ? "DOWN" : props.y < yLast ? "UP" : "NONE";
+    return props;
+  }
+  const onScrollDebounced = (0, import_debounce.default)(() => {
+    trigger(updateProps());
+  }, 100);
+  function onScroll() {
+    trigger(updateProps());
+    onScrollDebounced();
+  }
+  const { add, remove, has, props, trigger } = (0, import_service.useService)({
+    props: {
       x: window.pageXOffset,
       y: window.pageYOffset,
       changed: {
@@ -62,71 +86,25 @@ var Scroll = class extends import_Service.default {
         x: "NONE",
         y: "NONE"
       }
-    });
-  }
-  init() {
-    this.updateProps();
-    document.addEventListener("scroll", this, { passive: true, capture: true });
-    return this;
-  }
-  get debouncedHandler() {
-    const debounced = (0, import_debounce.default)(() => {
-      this.updateProps();
-      this.trigger(this.props);
-    }, 100);
-    Object.defineProperty(this, "debouncedHandler", {
-      value: debounced
-    });
-    return debounced;
-  }
-  handleEvent() {
-    this.updateProps();
-    this.trigger(this.props);
-    this.debouncedHandler();
-  }
-  kill() {
-    document.removeEventListener("scroll", this);
-    return this;
-  }
-  updateProps() {
-    const yLast = this.props.y;
-    const xLast = this.props.x;
-    if (window.pageYOffset !== this.props.y) {
-      this.props.y = window.pageYOffset;
+    },
+    init() {
+      document.addEventListener("scroll", onScroll, { passive: true, capture: true });
+    },
+    kill() {
+      document.removeEventListener("scroll", onScroll);
     }
-    if (window.pageXOffset !== this.props.x) {
-      this.props.x = window.pageXOffset;
-    }
-    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 = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
-    this.props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
-    this.props.progress.x = this.props.max.x === 0 ? 1 : this.props.x / this.props.max.x;
-    this.props.progress.y = this.props.max.y === 0 ? 1 : this.props.y / this.props.max.y;
-    this.props.direction.x = this.props.x > xLast ? "RIGHT" : this.props.x < xLast ? "LEFT" : "NONE";
-    this.props.direction.y = this.props.y > yLast ? "DOWN" : this.props.y < yLast ? "UP" : "NONE";
-    return this.props;
-  }
-};
-var instance;
+  });
+  return {
+    add,
+    remove,
+    has,
+    props: () => props
+  };
+}
 var scroll;
 function useScroll() {
   if (!scroll) {
-    if (!instance) {
-      instance = new Scroll();
-    }
-    scroll = {
-      add: instance.add.bind(instance),
-      remove: instance.remove.bind(instance),
-      has: instance.has.bind(instance),
-      props() {
-        return instance.props;
-      }
-    };
+    scroll = createScrollService();
   }
   return scroll;
 }

package/services/scroll.js

@@ -1,15 +1,38 @@
-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";
 import debounce from "../utils/debounce.js";
-class Scroll extends Service {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "props", {
+function createScrollService() {
+  function updateProps() {
+    const yLast = props.y;
+    const xLast = props.x;
+    if (window.pageYOffset !== props.y) {
+      props.y = window.pageYOffset;
+    }
+    if (window.pageXOffset !== props.x) {
+      props.x = window.pageXOffset;
+    }
+    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 = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
+    props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
+    props.progress.x = props.max.x === 0 ? 1 : props.x / props.max.x;
+    props.progress.y = props.max.y === 0 ? 1 : props.y / props.max.y;
+    props.direction.x = props.x > xLast ? "RIGHT" : props.x < xLast ? "LEFT" : "NONE";
+    props.direction.y = props.y > yLast ? "DOWN" : props.y < yLast ? "UP" : "NONE";
+    return props;
+  }
+  const onScrollDebounced = debounce(() => {
+    trigger(updateProps());
+  }, 100);
+  function onScroll() {
+    trigger(updateProps());
+    onScrollDebounced();
+  }
+  const { add, remove, has, props, trigger } = useService({
+    props: {
       x: window.pageXOffset,
       y: window.pageYOffset,
       changed: {
@@ -36,71 +59,25 @@ class Scroll extends Service {
         x: "NONE",
         y: "NONE"
       }
-    });
-  }
-  init() {
-    this.updateProps();
-    document.addEventListener("scroll", this, { passive: true, capture: true });
-    return this;
-  }
-  get debouncedHandler() {
-    const debounced = debounce(() => {
-      this.updateProps();
-      this.trigger(this.props);
-    }, 100);
-    Object.defineProperty(this, "debouncedHandler", {
-      value: debounced
-    });
-    return debounced;
-  }
-  handleEvent() {
-    this.updateProps();
-    this.trigger(this.props);
-    this.debouncedHandler();
-  }
-  kill() {
-    document.removeEventListener("scroll", this);
-    return this;
-  }
-  updateProps() {
-    const yLast = this.props.y;
-    const xLast = this.props.x;
-    if (window.pageYOffset !== this.props.y) {
-      this.props.y = window.pageYOffset;
-    }
-    if (window.pageXOffset !== this.props.x) {
-      this.props.x = window.pageXOffset;
+    },
+    init() {
+      document.addEventListener("scroll", onScroll, { passive: true, capture: true });
+    },
+    kill() {
+      document.removeEventListener("scroll", onScroll);
     }
-    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 = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
-    this.props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
-    this.props.progress.x = this.props.max.x === 0 ? 1 : this.props.x / this.props.max.x;
-    this.props.progress.y = this.props.max.y === 0 ? 1 : this.props.y / this.props.max.y;
-    this.props.direction.x = this.props.x > xLast ? "RIGHT" : this.props.x < xLast ? "LEFT" : "NONE";
-    this.props.direction.y = this.props.y > yLast ? "DOWN" : this.props.y < yLast ? "UP" : "NONE";
-    return this.props;
-  }
+  });
+  return {
+    add,
+    remove,
+    has,
+    props: () => props
+  };
 }
-let instance;
 let scroll;
 function useScroll() {
   if (!scroll) {
-    if (!instance) {
-      instance = new Scroll();
-    }
-    scroll = {
-      add: instance.add.bind(instance),
-      remove: instance.remove.bind(instance),
-      has: instance.has.bind(instance),
-      props() {
-        return instance.props;
-      }
-    };
+    scroll = createScrollService();
   }
   return scroll;
 }

package/services/service.cjs

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/services/service.js
+var service_exports = {};
+__export(service_exports, {
+  useService: () => useService
+});
+module.exports = __toCommonJS(service_exports);
+function useService(options) {
+  const callbacks = /* @__PURE__ */ new Map();
+  let isInit = false;
+  const { init, kill, props } = options;
+  function has(key) {
+    return callbacks.has(key);
+  }
+  function get(key) {
+    return callbacks.get(key);
+  }
+  function add(key, callback) {
+    if (has(key)) {
+      console.warn(`The key \`${key}\` has already been added.`);
+      return;
+    }
+    if (callbacks.size === 0 && !isInit) {
+      init();
+      isInit = true;
+    }
+    callbacks.set(key, callback);
+  }
+  function remove(key) {
+    callbacks.delete(key);
+    if (callbacks.size === 0 && isInit) {
+      kill();
+      isInit = false;
+    }
+  }
+  function trigger(p) {
+    callbacks.forEach(function forEachCallback(callback) {
+      callback(p);
+    });
+  }
+  return {
+    callbacks,
+    props,
+    add,
+    remove,
+    has,
+    get,
+    trigger
+  };
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/service.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Use a service.
+ * @template {Record<string, any>} T
+ * @param   {{ init: () => void, kill: () => void, props: T }} options
+ */
+export function useService<T extends Record<string, any>>(options: {
+    init: () => void;
+    kill: () => void;
+    props: T;
+}): {
+    callbacks: Map<string, (props: T) => any>;
+    props: T;
+    add: (key: string, callback: (props: T) => any) => void;
+    remove: (key: string) => void;
+    has: (key: string) => boolean;
+    get: (key: string) => (props: T) => any;
+    trigger: (p: T) => void;
+};

package/services/service.js

@@ -0,0 +1,46 @@
+function useService(options) {
+  const callbacks = /* @__PURE__ */ new Map();
+  let isInit = false;
+  const { init, kill, props } = options;
+  function has(key) {
+    return callbacks.has(key);
+  }
+  function get(key) {
+    return callbacks.get(key);
+  }
+  function add(key, callback) {
+    if (has(key)) {
+      console.warn(`The key \`${key}\` has already been added.`);
+      return;
+    }
+    if (callbacks.size === 0 && !isInit) {
+      init();
+      isInit = true;
+    }
+    callbacks.set(key, callback);
+  }
+  function remove(key) {
+    callbacks.delete(key);
+    if (callbacks.size === 0 && isInit) {
+      kill();
+      isInit = false;
+    }
+  }
+  function trigger(p) {
+    callbacks.forEach(function forEachCallback(callback) {
+      callback(p);
+    });
+  }
+  return {
+    callbacks,
+    props,
+    add,
+    remove,
+    has,
+    get,
+    trigger
+  };
+}
+export {
+  useService
+};

package/utils/css/animate.cjs

@@ -31,10 +31,9 @@ var import_isDefined = __toESM(require("../isDefined.cjs"), 1);
 var import_transform = __toESM(require("./transform.cjs"), 1);
 var import_raf = __toESM(require("../../services/raf.cjs"), 1);
 var import_scheduler = require("../scheduler.cjs");
+var import_noop = require("../noop.cjs");
 var id = 0;
 var running = /* @__PURE__ */ new WeakMap();
-var noop = () => {
-};
 var PROGRESS_PRECISION = 1e-4;
 var CSSUnitConverter = {
   "%": (value, getSizeRef) => value * getSizeRef() / 100,
@@ -52,12 +51,9 @@ function getAnimationStepValue(val, getSizeRef) {
   }
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
-function linear(value) {
-  return value;
-}
 function normalizeEase(ease) {
   if (!(0, import_isDefined.default)(ease)) {
-    return linear;
+    return import_noop.noopValue;
   }
   if (Array.isArray(ease)) {
     return (0, import_easing.cubicBezier)(...ease);
@@ -131,7 +127,7 @@ function animate(element, keyframes, options = {}) {
   let endTime = startTime + duration;
   const key = `animate-${id}`;
   id += 1;
-  const { onProgress = noop, onFinish = noop } = options;
+  const { onProgress = import_noop.noop, onFinish = import_noop.noop } = options;
   let isRunning = false;
   const keyframesCount = keyframes.length - 1;
   const normalizedKeyframes = keyframes.map((keyframe, index) => {

package/utils/css/animate.js

@@ -4,10 +4,9 @@ import isDefined from "../isDefined.js";
 import transform, { TRANSFORM_PROPS } from "./transform.js";
 import useRaf from "../../services/raf.js";
 import { domScheduler as scheduler } from "../scheduler.js";
+import { noop, noopValue } from "../noop.js";
 let id = 0;
 const running = /* @__PURE__ */ new WeakMap();
-const noop = () => {
-};
 const PROGRESS_PRECISION = 1e-4;
 const CSSUnitConverter = {
   "%": (value, getSizeRef) => value * getSizeRef() / 100,
@@ -25,12 +24,9 @@ function getAnimationStepValue(val, getSizeRef) {
   }
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
-function linear(value) {
-  return value;
-}
 function normalizeEase(ease) {
   if (!isDefined(ease)) {
-    return linear;
+    return noopValue;
   }
   if (Array.isArray(ease)) {
     return cubicBezier(...ease);

package/utils/index.cjs

@@ -56,4 +56,5 @@ __reExport(utils_exports, require("./collide/index.cjs"), module.exports);
 __reExport(utils_exports, require("./math/index.cjs"), module.exports);
 __reExport(utils_exports, require("./string/index.cjs"), module.exports);
 __reExport(utils_exports, require("./scheduler.cjs"), module.exports);
+__reExport(utils_exports, require("./noop.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/utils/index.d.ts

@@ -14,4 +14,5 @@ export * from "./collide/index.js";
 export * from "./math/index.js";
 export * from "./string/index.js";
 export * from "./scheduler.js";
+export * from "./noop.js";
 export { objectToURLSearchParams, push as historyPush, replace as historyReplace } from "./history.js";

package/utils/index.js

@@ -19,6 +19,7 @@ export * from "./collide/index.js";
 export * from "./math/index.js";
 export * from "./string/index.js";
 export * from "./scheduler.js";
+export * from "./noop.js";
 export {
   default2 as debounce,
   default3 as focusTrap,

package/utils/noop.cjs

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/noop.js
+var noop_exports = {};
+__export(noop_exports, {
+  noop: () => noop,
+  noopValue: () => noopValue
+});
+module.exports = __toCommonJS(noop_exports);
+function noop() {
+}
+function noopValue(value) {
+  return value;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/noop.d.ts

@@ -0,0 +1,12 @@
+/**
+ * No operation function.
+ * @returns {void}
+ */
+export function noop(): void;
+/**
+ * No operation function which return the given value unaltered.
+ * @template {any} T
+ * @param   {T} value
+ * @returns {T}
+ */
+export function noopValue<T extends unknown>(value: T): T;

package/utils/noop.js

@@ -0,0 +1,9 @@
+function noop() {
+}
+function noopValue(value) {
+  return value;
+}
+export {
+  noop,
+  noopValue
+};

package/services/Service.cjs

@@ -1,76 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __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/Service.js
-var Service_exports = {};
-__export(Service_exports, {
-  default: () => Service
-});
-module.exports = __toCommonJS(Service_exports);
-var Service = class {
-  constructor() {
-    __publicField(this, "callbacks", /* @__PURE__ */ new Map());
-    __publicField(this, "isInit", false);
-    __publicField(this, "props");
-  }
-  updateProps(...args) {
-    this.props = args;
-    throw new Error("The `updateProps` method 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 \`${key}\` has already been registered.`);
-    }
-    if (this.callbacks.size === 0 && !this.isInit) {
-      this.init();
-      this.isInit = true;
-    }
-    this.callbacks.set(key, callback);
-  }
-  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;
-    }
-  }
-  trigger(...args) {
-    this.callbacks.forEach(function forEachCallback(callback) {
-      callback(...args);
-    });
-    return this;
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;