@lisergia/utilities 4.0.0 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @lisergia/utilities
 
+## 6.0.0
+
+### Major Changes
+
+- Fix Prettier dependency.
+
+### Patch Changes
+
+- Updated dependencies
+  - @lisergia/config-tsconfig@6.0.0
+
+## 5.0.0
+
+### Major Changes
+
+- - Add Tempus utilities.
+  - Remove module type from packages.
+  - Add Prettier configuration as dependency.
+  - Move Front End and Back End packages to separate repositories.
+
+### Patch Changes
+
+- Updated dependencies
+  - @lisergia/config-tsconfig@5.0.0
+
 ## 4.0.0
 
 ### Major Changes

package/dist/index.cjs

@@ -24,7 +24,9 @@ __export(index_exports, {
   DOMUtils: () => DOMUtils,
   Detection: () => Detection,
   DetectionManager: () => DetectionManager,
-  MathUtils: () => MathUtils
+  MathUtils: () => MathUtils,
+  TempusUtils: () => TempusUtils,
+  TempusUtilsManager: () => TempusUtilsManager
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -144,11 +146,134 @@ var MathUtils = {
   map,
   random
 };
+
+// ../../node_modules/tempus/dist/tempus.mjs
+var index = 0;
+function getUID() {
+  return index++;
+}
+var isClient = typeof window !== "undefined";
+var originalRAF = isClient && window.requestAnimationFrame;
+var originalCancelRAF = isClient && window.cancelAnimationFrame;
+var Framerate = class {
+  callbacks;
+  fps;
+  time;
+  lastTickDate;
+  constructor(fps = Number.POSITIVE_INFINITY) {
+    this.callbacks = [];
+    this.fps = fps;
+    this.time = 0;
+    this.lastTickDate = performance.now();
+  }
+  get executionTime() {
+    return 1e3 / this.fps;
+  }
+  dispatch(time, deltaTime) {
+    var _a;
+    for (let i = 0; i < this.callbacks.length; i++) {
+      (_a = this.callbacks[i]) == null ? void 0 : _a.callback(time, deltaTime);
+    }
+  }
+  raf(time, deltaTime) {
+    this.time += deltaTime;
+    if (this.fps === Number.POSITIVE_INFINITY) {
+      this.dispatch(time, deltaTime);
+    } else if (this.time >= this.executionTime) {
+      this.time = this.time % this.executionTime;
+      const deltaTime2 = time - this.lastTickDate;
+      this.lastTickDate = time;
+      this.dispatch(time, deltaTime2);
+    }
+  }
+  add({ callback, priority }) {
+    if (typeof callback !== "function")
+      console.error("Tempus.add: callback is not a function");
+    const uid = getUID();
+    this.callbacks.push({ callback, priority, uid });
+    this.callbacks.sort((a, b) => a.priority - b.priority);
+    return () => this.remove(uid);
+  }
+  remove(uid) {
+    this.callbacks = this.callbacks.filter(({ uid: u }) => uid !== u);
+  }
+};
+var TempusImpl = class {
+  framerates;
+  time;
+  constructor() {
+    this.framerates = {};
+    this.time = isClient ? performance.now() : 0;
+    if (!isClient) return;
+    requestAnimationFrame(this.raf);
+  }
+  add(callback, { priority = 0, fps = Number.POSITIVE_INFINITY } = {}) {
+    if (!isClient) return;
+    if (typeof fps === "number") {
+      if (!this.framerates[fps]) this.framerates[fps] = new Framerate(fps);
+      return this.framerates[fps].add({ callback, priority });
+    }
+  }
+  raf = (time) => {
+    if (!isClient) return;
+    requestAnimationFrame(this.raf, true);
+    const deltaTime = time - this.time;
+    this.time = time;
+    for (const framerate of Object.values(this.framerates)) {
+      framerate.raf(time, deltaTime);
+    }
+  };
+  patch() {
+    if (!isClient) return;
+    window.requestAnimationFrame = (callback, { priority = 0, fps = Number.POSITIVE_INFINITY } = {}) => {
+      if (callback === this.raf || !callback.toString().includes("requestAnimationFrame(")) {
+        return originalRAF(callback);
+      }
+      if (!callback.__tempusPatched) {
+        callback.__tempusPatched = true;
+        callback.__tempusUnsubscribe = this.add(callback, { priority, fps });
+      }
+      return callback.__tempusUnsubscribe;
+    };
+    window.cancelAnimationFrame = (callback) => {
+      if (typeof callback === "function") {
+        callback == null ? void 0 : callback();
+        return;
+      }
+      return originalCancelRAF(callback);
+    };
+  }
+  unpatch() {
+    if (!isClient) return;
+    window.requestAnimationFrame = originalRAF;
+    window.cancelAnimationFrame = originalCancelRAF;
+  }
+};
+var Tempus = new TempusImpl();
+
+// src/Tempus.ts
+var TempusUtilsManager = class {
+  cache = /* @__PURE__ */ new Map();
+  add(callback, options) {
+    const cancel = Tempus.add(callback, options);
+    this.cache.set(callback, cancel);
+  }
+  remove(callback) {
+    const cancel = this.cache.get(callback);
+    if (cancel) {
+      cancel();
+      this.cache.delete(callback);
+    }
+  }
+};
+var TempusUtils = new TempusUtilsManager();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CanvasUtils,
   DOMUtils,
   Detection,
   DetectionManager,
-  MathUtils
+  MathUtils,
+  TempusUtils,
+  TempusUtilsManager
 });

package/dist/index.d.cts

@@ -1,3 +1,5 @@
+import { TempusCallback, TempusOptions } from 'tempus';
+
 declare function trim(canvas: HTMLCanvasElement): HTMLCanvasElement;
 declare const CanvasUtils: {
     trim: typeof trim;
@@ -31,4 +33,11 @@ declare const MathUtils: {
     random: typeof random;
 };
 
-export { CanvasUtils, type DOMRectBounds, DOMUtils, Detection, DetectionManager, MathUtils };
+declare class TempusUtilsManager {
+    cache: Map<any, any>;
+    add(callback: TempusCallback, options?: TempusOptions): void;
+    remove(callback: TempusCallback): void;
+}
+declare const TempusUtils: TempusUtilsManager;
+
+export { CanvasUtils, type DOMRectBounds, DOMUtils, Detection, DetectionManager, MathUtils, TempusUtils, TempusUtilsManager };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { TempusCallback, TempusOptions } from 'tempus';
+
 declare function trim(canvas: HTMLCanvasElement): HTMLCanvasElement;
 declare const CanvasUtils: {
     trim: typeof trim;
@@ -31,4 +33,11 @@ declare const MathUtils: {
     random: typeof random;
 };
 
-export { CanvasUtils, type DOMRectBounds, DOMUtils, Detection, DetectionManager, MathUtils };
+declare class TempusUtilsManager {
+    cache: Map<any, any>;
+    add(callback: TempusCallback, options?: TempusOptions): void;
+    remove(callback: TempusCallback): void;
+}
+declare const TempusUtils: TempusUtilsManager;
+
+export { CanvasUtils, type DOMRectBounds, DOMUtils, Detection, DetectionManager, MathUtils, TempusUtils, TempusUtilsManager };

package/dist/index.js

@@ -114,10 +114,133 @@ var MathUtils = {
   map,
   random
 };
+
+// ../../node_modules/tempus/dist/tempus.mjs
+var index = 0;
+function getUID() {
+  return index++;
+}
+var isClient = typeof window !== "undefined";
+var originalRAF = isClient && window.requestAnimationFrame;
+var originalCancelRAF = isClient && window.cancelAnimationFrame;
+var Framerate = class {
+  callbacks;
+  fps;
+  time;
+  lastTickDate;
+  constructor(fps = Number.POSITIVE_INFINITY) {
+    this.callbacks = [];
+    this.fps = fps;
+    this.time = 0;
+    this.lastTickDate = performance.now();
+  }
+  get executionTime() {
+    return 1e3 / this.fps;
+  }
+  dispatch(time, deltaTime) {
+    var _a;
+    for (let i = 0; i < this.callbacks.length; i++) {
+      (_a = this.callbacks[i]) == null ? void 0 : _a.callback(time, deltaTime);
+    }
+  }
+  raf(time, deltaTime) {
+    this.time += deltaTime;
+    if (this.fps === Number.POSITIVE_INFINITY) {
+      this.dispatch(time, deltaTime);
+    } else if (this.time >= this.executionTime) {
+      this.time = this.time % this.executionTime;
+      const deltaTime2 = time - this.lastTickDate;
+      this.lastTickDate = time;
+      this.dispatch(time, deltaTime2);
+    }
+  }
+  add({ callback, priority }) {
+    if (typeof callback !== "function")
+      console.error("Tempus.add: callback is not a function");
+    const uid = getUID();
+    this.callbacks.push({ callback, priority, uid });
+    this.callbacks.sort((a, b) => a.priority - b.priority);
+    return () => this.remove(uid);
+  }
+  remove(uid) {
+    this.callbacks = this.callbacks.filter(({ uid: u }) => uid !== u);
+  }
+};
+var TempusImpl = class {
+  framerates;
+  time;
+  constructor() {
+    this.framerates = {};
+    this.time = isClient ? performance.now() : 0;
+    if (!isClient) return;
+    requestAnimationFrame(this.raf);
+  }
+  add(callback, { priority = 0, fps = Number.POSITIVE_INFINITY } = {}) {
+    if (!isClient) return;
+    if (typeof fps === "number") {
+      if (!this.framerates[fps]) this.framerates[fps] = new Framerate(fps);
+      return this.framerates[fps].add({ callback, priority });
+    }
+  }
+  raf = (time) => {
+    if (!isClient) return;
+    requestAnimationFrame(this.raf, true);
+    const deltaTime = time - this.time;
+    this.time = time;
+    for (const framerate of Object.values(this.framerates)) {
+      framerate.raf(time, deltaTime);
+    }
+  };
+  patch() {
+    if (!isClient) return;
+    window.requestAnimationFrame = (callback, { priority = 0, fps = Number.POSITIVE_INFINITY } = {}) => {
+      if (callback === this.raf || !callback.toString().includes("requestAnimationFrame(")) {
+        return originalRAF(callback);
+      }
+      if (!callback.__tempusPatched) {
+        callback.__tempusPatched = true;
+        callback.__tempusUnsubscribe = this.add(callback, { priority, fps });
+      }
+      return callback.__tempusUnsubscribe;
+    };
+    window.cancelAnimationFrame = (callback) => {
+      if (typeof callback === "function") {
+        callback == null ? void 0 : callback();
+        return;
+      }
+      return originalCancelRAF(callback);
+    };
+  }
+  unpatch() {
+    if (!isClient) return;
+    window.requestAnimationFrame = originalRAF;
+    window.cancelAnimationFrame = originalCancelRAF;
+  }
+};
+var Tempus = new TempusImpl();
+
+// src/Tempus.ts
+var TempusUtilsManager = class {
+  cache = /* @__PURE__ */ new Map();
+  add(callback, options) {
+    const cancel = Tempus.add(callback, options);
+    this.cache.set(callback, cancel);
+  }
+  remove(callback) {
+    const cancel = this.cache.get(callback);
+    if (cancel) {
+      cancel();
+      this.cache.delete(callback);
+    }
+  }
+};
+var TempusUtils = new TempusUtilsManager();
 export {
   CanvasUtils,
   DOMUtils,
   Detection,
   DetectionManager,
-  MathUtils
+  MathUtils,
+  TempusUtils,
+  TempusUtilsManager
 };

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@lisergia/utilities",
-  "version": "4.0.0",
+  "version": "6.0.0",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "type": "module",
   "scripts": {
@@ -10,7 +9,7 @@
     "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
   },
   "dependencies": {
-    "@lisergia/config-tsconfig": "4.0.0",
+    "@lisergia/config-tsconfig": "6.0.0",
     "gsap": "^3.13.0",
     "tsup": "^8.5.0"
   }

package/src/Tempus.ts

@@ -0,0 +1,23 @@
+import Tempus, { TempusCallback, TempusOptions } from 'tempus'
+
+export class TempusUtilsManager {
+  cache = new Map()
+
+  add(callback: TempusCallback, options?: TempusOptions) {
+    const cancel = Tempus.add(callback, options)
+
+    this.cache.set(callback, cancel)
+  }
+
+  remove(callback: TempusCallback) {
+    const cancel = this.cache.get(callback)
+
+    if (cancel) {
+      cancel()
+
+      this.cache.delete(callback)
+    }
+  }
+}
+
+export const TempusUtils = new TempusUtilsManager()

package/src/index.ts

@@ -4,3 +4,4 @@ export * from './Canvas'
 export * from './Detection'
 export * from './DOM'
 export * from './Math'
+export * from './Tempus'

package/dist/index.d.mts

@@ -1,34 +0,0 @@
-declare function trim(canvas: HTMLCanvasElement): HTMLCanvasElement;
-declare const CanvasUtils: {
-    trim: typeof trim;
-};
-
-declare class DetectionManager {
-    isMobile(): boolean;
-}
-declare const Detection: DetectionManager;
-
-interface DOMRectBounds {
-    bottom: number;
-    height: number;
-    left: number;
-    top: number;
-    width: number;
-}
-declare function getBounds(element: HTMLElement, top?: number): DOMRectBounds;
-declare const DOMUtils: {
-    getBounds: typeof getBounds;
-};
-
-declare function lerp(start: number, end: number, time: number): number;
-declare function clamp(value: number, min: number, max: number): number;
-declare function random(min: number, max: number): number;
-declare function map(value: number, inMin: number, inMax: number, outMin: number, outMax: number, clamp?: boolean): number;
-declare const MathUtils: {
-    clamp: typeof clamp;
-    lerp: typeof lerp;
-    map: typeof map;
-    random: typeof random;
-};
-
-export { CanvasUtils, type DOMRectBounds, DOMUtils, Detection, DetectionManager, MathUtils };

package/dist/index.mjs

@@ -1,123 +0,0 @@
-// src/Polyfill.ts
-var HTMLElementPrototype = HTMLElement.prototype;
-var NodeListPrototype = NodeList.prototype;
-if (!HTMLElementPrototype.forEach) {
-  HTMLElementPrototype.forEach = function(callback, thisArg) {
-    thisArg = thisArg || window;
-    callback.call(thisArg, this, this, this);
-  };
-}
-if (!NodeListPrototype.filter) {
-  NodeListPrototype.filter = Array.prototype.filter;
-}
-if (!NodeListPrototype.find) {
-  NodeListPrototype.find = Array.prototype.find;
-}
-if (!NodeListPrototype.map) {
-  NodeListPrototype.map = Array.prototype.map;
-}
-
-// src/Canvas.ts
-function trim(canvas) {
-  const context = canvas.getContext("2d");
-  const copy = document.createElement("canvas").getContext("2d", { willReadFrequently: true });
-  const pixels = context.getImageData(0, 0, canvas.width, canvas.height);
-  const length = pixels.data.length;
-  const bound = {
-    bottom: null,
-    left: null,
-    right: null,
-    top: null
-  };
-  let x;
-  let y;
-  for (let i = 0; i < length; i += 4) {
-    if (pixels.data[i + 3] !== 0) {
-      x = i / 4 % canvas.width;
-      y = ~~(i / 4 / canvas.width);
-      if (bound.top === null) {
-        bound.top = y;
-      }
-      if (bound.left === null) {
-        bound.left = x;
-      } else if (x < bound.left) {
-        bound.left = x;
-      }
-      if (bound.right === null) {
-        bound.right = x;
-      } else if (bound.right < x) {
-        bound.right = x;
-      }
-      if (bound.bottom === null) {
-        bound.bottom = y;
-      } else if (bound.bottom < y) {
-        bound.bottom = y;
-      }
-    }
-  }
-  const trimHeight = bound.bottom - bound.top;
-  const trimWidth = bound.right - bound.left;
-  const trimmed = context.getImageData(bound.left, bound.top, trimWidth, trimHeight);
-  copy.canvas.width = trimWidth;
-  copy.canvas.height = trimHeight;
-  copy.putImageData(trimmed, 0, 0);
-  return copy.canvas;
-}
-var CanvasUtils = {
-  trim
-};
-
-// src/Detection.ts
-var DetectionManager = class {
-  isMobile() {
-    return !document.documentElement.classList.contains("desktop");
-  }
-};
-var Detection = new DetectionManager();
-
-// src/DOM.ts
-function getBounds(element, top = 0) {
-  const box = element.getBoundingClientRect();
-  return {
-    bottom: box.bottom,
-    height: box.height,
-    left: box.left,
-    top: box.top + top,
-    width: box.width
-  };
-}
-var DOMUtils = {
-  getBounds
-};
-
-// src/Math.ts
-function lerp(start, end, time) {
-  return start + (end - start) * time;
-}
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function random(min, max) {
-  return Math.random() * (max - min) + min;
-}
-function map(value, inMin, inMax, outMin, outMax, clamp2 = false) {
-  let mapped = (value - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
-  if (clamp2) {
-    const [minOut, maxOut] = outMin < outMax ? [outMin, outMax] : [outMax, outMin];
-    mapped = Math.min(Math.max(mapped, minOut), maxOut);
-  }
-  return mapped;
-}
-var MathUtils = {
-  clamp,
-  lerp,
-  map,
-  random
-};
-export {
-  CanvasUtils,
-  DOMUtils,
-  Detection,
-  DetectionManager,
-  MathUtils
-};