@xtia/jel 0.10.0 → 0.11.0

package/index.d.ts

@@ -1,8 +1,8 @@
 import { $ } from "./internal/element";
 import { DomEntity } from "./internal/types";
-export { DomEntity, ElementClassDescriptor, ElementDescriptor, DOMContent, DomHelper, StyleAccessor, JelEntity, EventEmitterMap } from "./internal/types";
+export { DomEntity, ElementClassDescriptor, ElementDescriptor, DOMContent, DomHelper, StyleAccessor, JelEntity, EventEmitterMap, EmitterLike, CSSValue } from "./internal/types";
 export { createEntity } from "./internal/util";
-export { createEventSource, createEventsSource, interval, timeout, SubjectEmitter, toEventEmitter, type EventEmitter, type EventRecording, type EventRecorder, combineEmitters } from "./internal/emitter";
+export { createEventSource, createEventsSource, interval, timeout, animationFrames, SubjectEmitter, toEventEmitter, type EventEmitter, type EventRecording, type EventRecorder, combineEmitters } from "./internal/emitter";
 export { createEventsProxy } from "./internal/proxy";
 export { $ };
 export declare const $body: DomEntity<HTMLElement>;

package/index.js

@@ -1,7 +1,7 @@
 import { $ } from "./internal/element";
 import { createEventsProxy } from "./internal/proxy";
 export { createEntity } from "./internal/util";
-export { createEventSource, createEventsSource, interval, timeout, SubjectEmitter, toEventEmitter, combineEmitters } from "./internal/emitter";
+export { createEventSource, createEventsSource, interval, timeout, animationFrames, SubjectEmitter, toEventEmitter, combineEmitters } from "./internal/emitter";
 export { createEventsProxy } from "./internal/proxy";
 export { $ };
 export const $body = "document" in globalThis ? $(document.body) : undefined;

package/internal/emitter.d.ts

@@ -1,6 +1,4 @@
-import { Dictionary, EmissionSource, EmitterLike, EventHandlerMap, EventSource, Handler, Period } from "./types";
-export type ListenFunc<T> = (handler: Handler<T>) => UnsubscribeFunc;
-export type UnsubscribeFunc = () => void;
+import { Dictionary, EmissionSource, EmitterLike, EventHandlerMap, EventSource, Handler, ListenFunc, Period, UnsubscribeFunc } from "./types";
 export declare class EventEmitter<T> {
     protected onListen: ListenFunc<T>;
     constructor(onListen: ListenFunc<T>);
@@ -208,6 +206,9 @@ export declare function createEventsSource<Map extends Dictionary<any>>(initialL
 };
 export declare function interval(ms: number): EventEmitter<number>;
 export declare function interval(period: Period): EventEmitter<number>;
+/**
+ * Emits time deltas from a shared RAF loop
+ */
 export declare const animationFrames: EventEmitter<number>;
 export declare function timeout(ms: number): EventEmitter<void>;
 export declare function timeout(period: Period): EventEmitter<void>;

package/internal/emitter.js

@@ -1,6 +1,5 @@
 import { createEventsProxy } from "./proxy.js";
 import { isReactiveSource } from "./util";
-const NOOP = () => { };
 function periodAsMilliseconds(t) {
     if (typeof t == "number")
         return t;
@@ -449,16 +448,20 @@ export function interval(t) {
     });
     return new EventEmitter(listen);
 }
+/**
+ * Emits time deltas from a shared RAF loop
+ */
 export const animationFrames = (() => {
     const { emit, listen } = createListenable(() => {
         let rafId = null;
         let lastTime = null;
         const frame = (time) => {
+            if (lastTime === null)
+                lastTime = time;
             rafId = requestAnimationFrame(frame);
             const elapsed = time - lastTime;
             emit(elapsed);
         };
-        lastTime = performance.now();
         rafId = requestAnimationFrame(frame);
         return () => cancelAnimationFrame(rafId);
     });

package/internal/types.d.ts

@@ -1,14 +1,16 @@
 import { ClassAccessor } from "./element";
-import { EventEmitter, ListenFunc, UnsubscribeFunc } from "./emitter";
+import { EventEmitter } from "./emitter";
 import { entityDataSymbol } from "./util";
 export type ElementClassDescriptor = string | Record<string, boolean | EmitterLike<boolean> | undefined> | undefined | ElementClassDescriptor[];
 export type DOMContent = number | null | string | Element | JelEntity<object> | Text | DOMContent[];
 export type DomEntity<T extends HTMLElement> = JelEntity<ElementAPI<T>>;
 export type HTMLTag = keyof HTMLElementTagNameMap;
+export type ListenFunc<T> = (handler: Handler<T>) => UnsubscribeFunc;
+export type UnsubscribeFunc = () => void;
 export type EmitterLike<T> = {
-    subscribe: (callback: (value: T) => void) => UnsubscribeFunc;
+    subscribe: ListenFunc<T>;
 } | {
-    listen: (callback: (value: T) => void) => UnsubscribeFunc;
+    listen: ListenFunc<T>;
 };
 export type EmissionSource<T> = EmitterLike<T> | ListenFunc<T>;
 export type CSSValue = string | number | null | HexCodeContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xtia/jel",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "repository": {
     "url": "https://github.com/tiadrop/jel-ts",
     "type": "github"