@oscarpalmer/timer 0.48.0 → 0.50.0

package/dist/timer.mjs

@@ -1,10 +1,9 @@
-import { WORK_CONTINUE, WORK_PAUSE, WORK_RESTART, WORK_START, WORK_STOP } from "./constants.mjs";
+import { SYMBOL, WORK_CONTINUE, WORK_PAUSE, WORK_RESTART, WORK_START, WORK_STOP } from "./constants.mjs";
 import { work } from "./work.mjs";
-import { noop } from "@oscarpalmer/atoms/function";
 //#region src/timer.ts
-function createTimer(name, pick, options, start) {
-	const state = {
-		...pick,
+function Timer(name, state, options, start) {
+	this[SYMBOL] = {
+		...state,
 		name,
 		options,
 		active: false,
@@ -16,39 +15,53 @@ function createTimer(name, pick, options, start) {
 		timer: void 0,
 		total: 0
 	};
-	const instance = {
-		continue: () => work(WORK_CONTINUE, state),
-		destroy: noop,
-		pause: () => work(WORK_PAUSE, state),
-		restart: () => work(WORK_RESTART, state),
-		start: () => work(WORK_START, state),
-		stop: () => work(WORK_STOP, state)
-	};
-	Object.defineProperties(instance, {
-		$timer: {
-			enumerable: false,
-			value: name
-		},
-		active: {
-			enumerable: true,
-			get: () => state.active && !state.paused
-		},
-		destroyed: {
-			enumerable: true,
-			value: false
-		},
-		paused: {
-			enumerable: true,
-			get: () => state.paused
-		},
-		trace: {
-			enumerable: true,
-			get: () => globalThis._oscarpalmer_timer_debug ?? false ? state.trace : void 0
-		}
-	});
-	state.timer = Object.freeze(instance);
-	if (start) state.timer.start();
-	return state.timer;
+	if (start) startTimer.call(this);
+}
+Timer.prototype.continue = continueTimer;
+Timer.prototype.pause = pauseTimer;
+Timer.prototype.restart = restartTimer;
+Timer.prototype.start = startTimer;
+Timer.prototype.stop = stopTimer;
+Object.defineProperties(Timer.prototype, {
+	active: {
+		enumerable: true,
+		get: getTimerActive
+	},
+	paused: {
+		enumerable: true,
+		get: getTimerPaused
+	},
+	trace: {
+		enumerable: true,
+		get: getTimerTrace
+	}
+});
+function continueTimer() {
+	return work(WORK_CONTINUE, this[SYMBOL]);
+}
+function createTimer(name, state, options, start) {
+	return new Timer(name, state, options, start);
+}
+function getTimerActive() {
+	return this[SYMBOL].active && !this[SYMBOL].paused;
+}
+function getTimerPaused() {
+	return this[SYMBOL].paused;
+}
+function getTimerTrace() {
+	return globalThis._oscarpalmer_timer_debug ?? false ? this[SYMBOL].trace : void 0;
+}
+function pauseTimer() {
+	return work(WORK_PAUSE, this[SYMBOL]);
+}
+function restartTimer() {
+	return work(WORK_RESTART, this[SYMBOL]);
+}
+function startTimer() {
+	return work(WORK_START, this[SYMBOL]);
+}
+function stopTimer() {
+	return work(WORK_STOP, this[SYMBOL]);
 }
 //#endregion
 export { createTimer };

package/dist/wait.d.mts

@@ -8,6 +8,5 @@ import "./global.mjs";
  * @param time How long to wait for _(in milliseconds; defaults to screen refresh rate)_
  * @returns Waiting timer
  */
-declare function wait(callback: () => void, time?: number): Timer;
-//#endregion
-export { wait };
+export declare function wait(callback: () => void, time?: number): Timer;
+//#endregion

package/dist/when.d.mts

@@ -1,12 +1,12 @@
 import { When, WhenOptions } from "./models.mjs";
 import "./global.mjs";
 //#region src/when.d.ts
+declare function When(this: any, condition: () => boolean, options: WhenOptions): void;
 /**
  * Create a conditional timer
  * @param condition Condition to check
  * @param options Timer options
  * @returns Timer instance
  */
-declare function when(condition: () => boolean, options?: Partial<WhenOptions>): When;
-//#endregion
-export { when };
+export declare function when(condition: () => boolean, options?: Partial<WhenOptions>): When;
+//#endregion

package/dist/when.mjs

@@ -1,10 +1,60 @@
-import { MESSAGE_STARTED, TYPE_WHEN, WORK_CONTINUE, WORK_PAUSE, WORK_STOP } from "./constants.mjs";
+import { MESSAGE_STARTED, SYMBOL, TYPE_WHEN, WORK_CONTINUE, WORK_PAUSE, WORK_STOP } from "./constants.mjs";
 import { getValidNumber, getValidTimeout } from "./misc.mjs";
 import "./global.mjs";
 import { TimerTrace } from "./models.mjs";
 import { createTimer } from "./timer.mjs";
-import { noop } from "@oscarpalmer/atoms/function";
 //#region src/when.ts
+function When(condition, options) {
+	const state = {
+		name: TYPE_WHEN,
+		promise: void 0,
+		result: false,
+		started: false,
+		timer: void 0
+	};
+	this[SYMBOL] = state;
+	state.promise = new Promise((resolve, reject) => {
+		state.resolver = resolve;
+		state.rejecter = reject;
+	});
+	state.timer = createTimer(TYPE_WHEN, {
+		callback: () => onCallback(condition, state),
+		trace: new TimerTrace().stack
+	}, {
+		...options,
+		onAfter: () => onAfter(state),
+		onError: () => state.rejecter?.()
+	}, false);
+}
+When.prototype.continue = continueWhen;
+When.prototype.pause = pauseWhen;
+When.prototype.start = startWhen;
+When.prototype.stop = stopWhen;
+Object.defineProperties(When.prototype, {
+	active: { get: getWhenActive },
+	paused: { get: getWhenPaused },
+	trace: { get: getWhenTrace }
+});
+function continueWhen() {
+	return onWhen(WORK_CONTINUE, this, this[SYMBOL]);
+}
+function getWhenOptions(input) {
+	const options = typeof input === "object" && input !== null ? input : {};
+	return {
+		count: getValidNumber(options?.count),
+		interval: getValidNumber(options?.interval),
+		timeout: getValidTimeout(options?.timeout)
+	};
+}
+function getWhenActive() {
+	return this[SYMBOL].timer.active;
+}
+function getWhenPaused() {
+	return this[SYMBOL].timer.paused;
+}
+function getWhenTrace() {
+	return globalThis._oscarpalmer_timer_debug ?? false ? this[SYMBOL].timer?.trace : void 0;
+}
 function onAfter(state) {
 	if (state.result) state.resolver?.();
 	else state.rejecter?.();
@@ -23,12 +73,19 @@ function onWhen(type, instance, state) {
 	state.timer?.[type]?.();
 	return instance;
 }
-function startWhen(state, resolve) {
+function pauseWhen() {
+	return onWhen(WORK_PAUSE, this, this[SYMBOL]);
+}
+function startWhen(resolve) {
+	const state = this[SYMBOL];
 	if (state.started) throw new Error(MESSAGE_STARTED);
 	state.started = true;
 	state.timer.start();
 	return state.promise.then(resolve);
 }
+function stopWhen() {
+	return onWhen(WORK_STOP, this, this[SYMBOL]);
+}
 /**
 * Create a conditional timer
 * @param condition Condition to check
@@ -36,57 +93,7 @@ function startWhen(state, resolve) {
 * @returns Timer instance
 */
 function when(condition, options) {
-	const state = {
-		promise: void 0,
-		result: false,
-		started: false,
-		timer: void 0
-	};
-	let instance;
-	state.promise = new Promise((resolve, reject) => {
-		state.resolver = resolve;
-		state.rejecter = reject;
-	});
-	state.timer = createTimer(TYPE_WHEN, {
-		callback: () => onCallback(condition, state),
-		trace: new TimerTrace().stack
-	}, {
-		onAfter: () => onAfter(state),
-		onError: () => state.rejecter?.(),
-		count: getValidNumber(options?.count),
-		interval: getValidNumber(options?.interval),
-		timeout: getValidTimeout(options?.timeout)
-	}, false);
-	instance = {
-		continue: () => onWhen(WORK_CONTINUE, instance, state),
-		destroy: noop,
-		pause: () => onWhen(WORK_PAUSE, instance, state),
-		start: (resolve) => startWhen(state, resolve),
-		stop: () => onWhen(WORK_STOP, instance, state)
-	};
-	Object.defineProperties(instance, {
-		$timer: {
-			enumerable: false,
-			value: TYPE_WHEN
-		},
-		active: {
-			enumerable: true,
-			get: () => state.timer.active
-		},
-		destroyed: {
-			enumerable: true,
-			value: false
-		},
-		paused: {
-			enumerable: true,
-			get: () => state.timer.paused
-		},
-		trace: {
-			enumerable: true,
-			get: () => globalThis._oscarpalmer_timer_debug ?? false ? state.timer?.trace : void 0
-		}
-	});
-	return Object.freeze(instance);
+	return new When(condition, getWhenOptions(options));
 }
 //#endregion
 export { when };

package/dist/work.d.mts

@@ -1,6 +1,5 @@
 import { Timer, TimerState, WorkHandlerType } from "./models.mjs";
 //#region src/work.d.ts
-declare function stop(state: TimerState): Timer;
-declare function work(type: WorkHandlerType, state: TimerState, hide?: boolean): Timer;
-//#endregion
-export { stop, work };
+export declare function stop(state: TimerState): Timer;
+export declare function work(type: WorkHandlerType, state: TimerState, hide?: boolean): Timer;
+//#endregion

package/dist/work.mjs

@@ -1,9 +1,9 @@
 import { WORK_PAUSE } from "./constants.mjs";
-import { updateStates } from "./misc.mjs";
+import { startTimer, stopTimer, updateStates } from "./misc.mjs";
 //#region src/work.ts
 function finish(state, success) {
 	updateStates(state);
-	cancelAnimationFrame(state.frame);
+	stopTimer(state.frame);
 	state.active = false;
 	state.elapsed = 0;
 	state.frame = void 0;
@@ -16,8 +16,9 @@ function ignore(type, state) {
 }
 function run(state) {
 	let last;
-	return function step(now) {
+	return function step() {
 		if (!state.active) return;
+		const now = performance.now();
 		last ??= now;
 		const difference = now - last;
 		state.elapsed += difference;
@@ -37,7 +38,7 @@ function run(state) {
 				return;
 			}
 		}
-		state.frame = requestAnimationFrame(step);
+		state.frame = startTimer(step);
 	};
 }
 function setState(type, state) {
@@ -48,7 +49,7 @@ function setState(type, state) {
 }
 function stop(state) {
 	updateStates(state);
-	cancelAnimationFrame(state.frame);
+	stopTimer(state.frame);
 	state.options.onAfter?.(false);
 	state.active = false;
 	state.frame = void 0;
@@ -60,7 +61,7 @@ function work(type, state, hide) {
 	setState(type, state);
 	if (type === "stop") return stop(state);
 	if (type === "pause" || type === "restart") {
-		cancelAnimationFrame(state.frame);
+		stopTimer(state.frame);
 		state.frame = void 0;
 	}
 	state.active = true;
@@ -68,7 +69,7 @@ function work(type, state, hide) {
 	updateStates(state, state.paused ? hide : false);
 	if (state.paused) return state.timer;
 	const runner = run(state);
-	state.frame = requestAnimationFrame(runner);
+	state.frame = startTimer(runner);
 	return state.timer;
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oscarpalmer/timer",
-	"version": "0.48.0",
+	"version": "0.50.0",
 	"description": "A better solution for timeout- and interval-based timers.",
 	"keywords": [
 		"requestAnimationFrame",
@@ -60,13 +60,13 @@
 		"watch": "npx vite build --watch"
 	},
 	"dependencies": {
-		"@oscarpalmer/atoms": "^0.199"
+		"@oscarpalmer/atoms": "^0.204"
 	},
 	"devDependencies": {
-		"@oxlint/plugins": "^1.81",
-		"@types/node": "^26.4",
+		"@oxlint/plugins": "^1.83",
+		"@types/node": "^26.5",
 		"@vitest/coverage-istanbul": "^4.1",
-		"jsdom": "^30",
+		"jsdom": "^30.1",
 		"tsdown": "^0.23",
 		"typescript": "^6",
 		"vite": "npm:@voidzero-dev/vite-plus-core@latest",

package/src/constants.ts

@@ -1,5 +1,7 @@
 import type {TimerName, TimerStates, WorkHandlerType} from './models';
 
+// #region Variables
+
 /**
  * Buffer value to use when evaluating if a specific time is within a certain range
  */
@@ -19,6 +21,8 @@ export const STATES: TimerStates = {
 	hidden: new Set(),
 };
 
+export const SYMBOL = Symbol('timer');
+
 export const TYPE_REPEAT: TimerName = 'repeat';
 
 export const TYPE_WAIT: TimerName = 'wait';
@@ -34,3 +38,5 @@ export const WORK_RESTART: WorkHandlerType = 'restart';
 export const WORK_START: WorkHandlerType = 'start';
 
 export const WORK_STOP: WorkHandlerType = 'stop';
+
+// #endregion

package/src/global.ts

@@ -2,6 +2,8 @@ import {GLOBAL_NAME, STATES} from './constants';
 import {onVisibilityChange} from './misc';
 import type {Timer} from './models';
 
+// #region Types
+
 declare global {
 	var _oscarpalmer_timer_debug: boolean | undefined;
 	/**
@@ -10,6 +12,10 @@ declare global {
 	var _oscarpalmer_timers: Timer[] | undefined;
 }
 
+// #endregion
+
+// #region Initialization
+
 /* istanbul ignore next */
 if (!(GLOBAL_NAME in globalThis)) {
 	Object.defineProperty(globalThis, GLOBAL_NAME, {
@@ -21,4 +27,9 @@ if (!(GLOBAL_NAME in globalThis)) {
 	});
 }
 
-document.addEventListener('visibilitychange', onVisibilityChange);
+/* istanbul ignore next */
+if ('document' in globalThis) {
+	document.addEventListener('visibilitychange', onVisibilityChange);
+}
+
+// #endregion

package/src/is.ts

@@ -1,47 +1,55 @@
-import type {PlainObject} from '@oscarpalmer/atoms/models';
-import {TYPE_REPEAT, TYPE_WAIT, TYPE_WHEN} from './constants';
+import {SYMBOL, TYPE_REPEAT, TYPE_WAIT, TYPE_WHEN} from './constants';
 import type {Timer, When} from './models';
 
-function is(names: string[], value: unknown) {
-	return names.includes((value as PlainObject)?.$timer as string);
+// #region Functions
+
+function isInstance(names: string[], value: unknown) {
+	return (
+		typeof value === 'object' &&
+		value !== null &&
+		SYMBOL in value &&
+		names.includes((value as any)[SYMBOL].name as string)
+	);
 }
 
 /**
  * Is the value a repeating timer?
- * 
+ *
  * @param value Value to check
  * @returns `true` if the value is a repeating timer, otherwise `false`
  */
 export function isRepeated(value: unknown): value is Timer {
-	return is([TYPE_REPEAT], value);
+	return isInstance([TYPE_REPEAT], value);
 }
 
 /**
  * Is the value a timer?
- * 
+ *
  * @param value Value to check
  * @returns `true` if the value is a timer, otherwise `false`
  */
 export function isTimer(value: unknown): value is Timer {
-	return is([TYPE_REPEAT, TYPE_WAIT], value);
+	return isInstance([TYPE_REPEAT, TYPE_WAIT], value);
 }
 
 /**
  * Is the value a waiting timer?
- * 
+ *
  * @param value Value to check
  * @returns `true` if the value is a waiting timer, otherwise `false`
  */
 export function isWaited(value: unknown): value is Timer {
-	return is([TYPE_WAIT], value);
+	return isInstance([TYPE_WAIT], value);
 }
 
 /**
  * Is the value a conditional timer?
- * 
+ *
  * @param value Value to check
  * @returns `true` if the value is a conditional timer, otherwise `false`
  */
 export function isWhen(value: unknown): value is When {
-	return is([TYPE_WHEN], value) && typeof (value as When).start === 'function';
+	return isInstance([TYPE_WHEN], value) && typeof (value as When).start === 'function';
 }
+
+// #endregion

package/src/misc.ts

@@ -4,6 +4,8 @@ import {DEFAULT_TIMEOUT, STATES, WORK_CONTINUE, WORK_PAUSE} from './constants';
 import type {TimerState} from './models';
 import {work} from './work';
 
+// #region Functions
+
 export function getCallback(value: unknown): GenericCallback {
 	return typeof value === 'function' ? (value as GenericCallback) : noop;
 }
@@ -53,3 +55,16 @@ export function updateStates(state: TimerState, hide?: boolean): void {
 		STATES.active.add(state);
 	}
 }
+
+// #endregion
+
+// #region Variables
+
+/* istanbul ignore next */
+export const startTimer =
+	'requestAnimationFrame' in globalThis ? requestAnimationFrame : setTimeout;
+
+/* istanbul ignore next */
+export const stopTimer = 'cancelAnimationFrame' in globalThis ? cancelAnimationFrame : clearTimeout;
+
+// #endregion

package/src/models.ts

@@ -1,3 +1,5 @@
+// #region Types
+
 /**
  * Options for a repeating timer
  */
@@ -32,7 +34,7 @@ export type Timer = {
 
 	/**
 	 * Is the timer destroyed?
-	 * 
+	 *
 	 * @deprecated Timers take care of their own cleanup; this always returns `false`
 	 */
 	get destroyed(): boolean;
@@ -54,7 +56,7 @@ export type Timer = {
 
 	/**
 	 * Destroy the timer
-	 * 
+	 *
 	 * @deprecated Timers take care of their own cleanup
 	 */
 	destroy(): void;
@@ -133,7 +135,7 @@ export type When = {
 
 	/**
 	 * Is the timer destroyed?
-	 * 
+	 *
 	 * @deprecated Timers take care of their own cleanup; this always returns `false`
 	 */
 	get destroyed(): boolean;
@@ -155,7 +157,7 @@ export type When = {
 
 	/**
 	 * Destroys the timer _(and stops it,if it was running)_
-	 * 
+	 *
 	 * @deprecated Timers take care of their own cleanup
 	 */
 	destroy(): void;
@@ -198,6 +200,7 @@ export type WhenOptions = {
 };
 
 export type WhenState = {
+	name: TimerName;
 	promise: Promise<void>;
 	rejecter?: () => void;
 	resolver?: () => void;
@@ -219,3 +222,5 @@ export type WorkHandlerTimer = {
 };
 
 export type WorkHandlerType = 'continue' | 'pause' | 'restart' | 'start' | 'stop';
+
+// #endregion

package/src/repeat.ts

@@ -4,6 +4,8 @@ import './global';
 import {type RepeatOptions, type Timer, TimerTrace} from './models';
 import {createTimer} from './timer';
 
+// #region Functions
+
 /**
  * Create a repeating timer
  *
@@ -28,3 +30,5 @@ export function repeat(callback: (index: number) => void, options?: Partial<Repe
 		true,
 	);
 }
+
+// #endregion