timingsrc 1.3.0 → 1.4.1

package/README.md

@@ -41,6 +41,17 @@ deleteTimingsrc();
 setTimingsrc(mediaElement, timingObject, ({ position, ...vector }) => ({ ...vector, position: position + 5 }));
 ```
 
+It can also be used to set a loop. But in this case it's important to also provide a second function which modifies the vector before it is used to update the media element.
+
+```js
+setTimingsrc(
+    mediaElement,
+    timingObject,
+    ({ position, ...vector }) => ({ ...vector, position: position % 5 }),
+    ({ position, ...vector }) => ({ ...vector, position: position % 5 })
+);
+```
+
 It is also possible to configure a custom version of the `setTimingsrc()` function. The following would build a `setTimingSrc()` function which does not include the fallback for stepwise updates which is necessary in Safari.
 
 ```js

package/build/es2019/factories/default-set-timingsrc.d.ts

@@ -5,5 +5,5 @@ import type { createSetTimingsrcWithCustomUpdateFunction } from './set-timingsrc
 import type { createUpdateGradually as createUpdateGraduallyFunction } from './update-gradually';
 import type { createUpdateStepwiseFactory } from './update-stepwise-factory';
 import type { createWindow } from './window';
-export declare const createDefaultSetTimingsrc: (createComputeVelocity: typeof createComputeVelocityFunction, createSetTimingsrc: typeof createSetTimingsrcFunction, createUpdateGradually: typeof createUpdateGraduallyFunction, createUpdateStepwise: ReturnType<typeof createUpdateStepwiseFactory>, determineSupportedPlaybackRateValues: typeof determineSupportedPlaybackRateValuesFunction, setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, window: ReturnType<typeof createWindow>) => (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("../types").TPrepareTimingStateVectorFunction | null) => () => void;
+export declare const createDefaultSetTimingsrc: (createComputeVelocity: typeof createComputeVelocityFunction, createSetTimingsrc: typeof createSetTimingsrcFunction, createUpdateGradually: typeof createUpdateGraduallyFunction, createUpdateStepwise: ReturnType<typeof createUpdateStepwiseFactory>, determineSupportedPlaybackRateValues: typeof determineSupportedPlaybackRateValuesFunction, setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, window: ReturnType<typeof createWindow>) => (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("../types").TPrepareTimingStateVectorFunction | null, prepareUpdateVector?: import("../types").TPrepareUpdateVectorFunction | null) => () => void;
 //# sourceMappingURL=default-set-timingsrc.d.ts.map

package/build/es2019/factories/default-set-timingsrc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/default-set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oCAAoC,IAAI,4CAA4C,EAAE,MAAM,uDAAuD,CAAC;AAElK,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,IAAI,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,6CAA6C,CAAC;AAC9G,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAM7C,eAAO,MAAM,yBAAyB,0BACX,oCAAoC,sBACvC,iCAAiC,yBAC9B,oCAAoC,wBACrC,WAAW,kCAAkC,CAAC,wCAC9B,mDAAmD,wCACnD,WAAW,iDAAiD,CAAC,UAC3F,WAAW,mBAAmB,CAAC,gMAa1C,CAAC"}
+{"version":3,"file":"default-set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/default-set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oCAAoC,IAAI,4CAA4C,EAAE,MAAM,uDAAuD,CAAC;AAElK,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,IAAI,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,6CAA6C,CAAC;AAC9G,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAM7C,eAAO,MAAM,yBAAyB,0BACX,oCAAoC,sBACvC,iCAAiC,yBAC9B,oCAAoC,wBACrC,WAAW,kCAAkC,CAAC,wCAC9B,mDAAmD,wCACnD,WAAW,iDAAiD,CAAC,UAC3F,WAAW,mBAAmB,CAAC,8QAa1C,CAAC"}

package/build/es2019/factories/set-timingsrc-with-custom-update-function.d.ts

@@ -1,7 +1,7 @@
 import type { TAnimationFrameFunction, TOnFunction } from 'subscribable-things';
 import type { ITimingObject } from 'timing-object';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
 import type { createUpdateMediaElement } from './update-media-element';
-export declare const createSetTimingsrcWithCustomUpdateFunction: (animationFrame: TAnimationFrameFunction, clearInterval: Window['clearInterval'], document: Document, on: TOnFunction, setInterval: Window['setInterval'], updateMediaElement: ReturnType<typeof createUpdateMediaElement>) => <UpdateVectorWithCustomState extends IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: ITimingObject, updateFunction: TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction) => () => void;
+export declare const createSetTimingsrcWithCustomUpdateFunction: (animationFrame: TAnimationFrameFunction, clearInterval: Window['clearInterval'], document: Document, on: TOnFunction, setInterval: Window['setInterval'], updateMediaElement: ReturnType<typeof createUpdateMediaElement>) => <UpdateVectorWithCustomState extends IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: ITimingObject, updateFunction: TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction, prepareUpdateVector?: null | TPrepareUpdateVectorFunction) => () => void;
 //# sourceMappingURL=set-timingsrc-with-custom-update-function.d.ts.map

package/build/es2019/factories/set-timingsrc-with-custom-update-function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc-with-custom-update-function.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,eAAO,MAAM,0CAA0C,mBACnC,uBAAuB,iBACxB,MAAM,CAAC,eAAe,CAAC,YAC5B,QAAQ,MACd,WAAW,eACF,MAAM,CAAC,aAAa,CAAC,sBACd,WAAW,+BAA+B,CAAC,uEAG7C,gBAAgB,gBAChB,aAAa,2FAED,IAAI,GAAG,iCAAiC,eA0EzE,CAAC"}
+{"version":3,"file":"set-timingsrc-with-custom-update-function.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC5G,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,eAAO,MAAM,0CAA0C,mBACnC,uBAAuB,iBACxB,MAAM,CAAC,eAAe,CAAC,YAC5B,QAAQ,MACd,WAAW,eACF,MAAM,CAAC,aAAa,CAAC,sBACd,WAAW,+BAA+B,CAAC,uEAG7C,gBAAgB,gBAChB,aAAa,2FAED,IAAI,GAAG,iCAAiC,wBAC7C,IAAI,GAAG,4BAA4B,eA+E/D,CAAC"}

package/build/es2019/factories/set-timingsrc-with-custom-update-function.js

@@ -1,12 +1,15 @@
 export const createSetTimingsrcWithCustomUpdateFunction = (animationFrame, clearInterval, document, on, setInterval, updateMediaElement) => {
-    return (mediaElement, timingObject, updateFunction, prepareTimingStateVector = null) => {
+    return (mediaElement, timingObject, updateFunction, prepareTimingStateVector = null, prepareUpdateVector = null) => {
         let previousUpdateVectorWithCustomState = null;
         const update = () => {
             const { currentTime, duration, playbackRate } = mediaElement;
             const timingStateVector = timingObject.query();
             previousUpdateVectorWithCustomState = updateFunction(prepareTimingStateVector === null ? timingStateVector : prepareTimingStateVector(timingStateVector), currentTime, previousUpdateVectorWithCustomState);
             const sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
-            const { position, velocity } = previousUpdateVectorWithCustomState;
+            const { position, velocity } = prepareUpdateVector === null
+                ? previousUpdateVectorWithCustomState
+                : prepareUpdateVector(previousUpdateVectorWithCustomState);
+            previousUpdateVectorWithCustomState = { ...previousUpdateVectorWithCustomState, position, velocity };
             updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
             return velocity !== 0;
         };

package/build/es2019/factories/set-timingsrc-with-custom-update-function.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc-with-custom-update-function.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"set-timingsrc-with-custom-update-function.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"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"}

package/build/es2019/factories/set-timingsrc.d.ts

@@ -1,6 +1,6 @@
 import type { ITimingObject } from 'timing-object';
 import type { createSetTimingsrcWithCustomUpdateFunction } from '../factories/set-timingsrc-with-custom-update-function';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
-export declare const createSetTimingsrc: <UpdateVectorWithCustomState extends IUpdateVector>(setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, update: TUpdateFunction<UpdateVectorWithCustomState>) => (mediaElement: HTMLMediaElement, timingObject: ITimingObject, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction) => () => void;
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
+export declare const createSetTimingsrc: <UpdateVectorWithCustomState extends IUpdateVector>(setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, update: TUpdateFunction<UpdateVectorWithCustomState>) => (mediaElement: HTMLMediaElement, timingObject: ITimingObject, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction, prepareUpdateVector?: null | TPrepareUpdateVectorFunction) => () => void;
 //# sourceMappingURL=set-timingsrc.d.ts.map

package/build/es2019/factories/set-timingsrc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,wDAAwD,CAAC;AACzH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9E,eAAO,MAAM,kBAAkB,4FAEe,WAAW,iDAAiD,CAAC,0EAIrF,gBAAgB,gBAChB,aAAa,6BACD,IAAI,GAAG,iCAAiC,eAEgC,CAAC"}
+{"version":3,"file":"set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,wDAAwD,CAAC;AACzH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE5G,eAAO,MAAM,kBAAkB,4FAEe,WAAW,iDAAiD,CAAC,0EAIrF,gBAAgB,gBAChB,aAAa,6BACD,IAAI,GAAG,iCAAiC,wBAC7C,IAAI,GAAG,4BAA4B,eAE+D,CAAC"}

package/build/es2019/factories/set-timingsrc.js

@@ -1,2 +1,2 @@
-export const createSetTimingsrc = (setTimingsrcWithCustomUpdateFunction, update) => (mediaElement, timingObject, prepareTimingStateVector = null) => setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector);
+export const createSetTimingsrc = (setTimingsrcWithCustomUpdateFunction, update) => (mediaElement, timingObject, prepareTimingStateVector = null, prepareUpdateVector = null) => setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector, prepareUpdateVector);
 //# sourceMappingURL=set-timingsrc.js.map

package/build/es2019/factories/set-timingsrc.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,kBAAkB,GAC3B,CACI,oCAAmG,EACnG,MAAoD,EACtD,EAAE,CACJ,CACI,YAA8B,EAC9B,YAA2B,EAC3B,2BAAqE,IAAI,EAC3E,EAAE,CACA,oCAAoC,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"set-timingsrc.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,kBAAkB,GAC3B,CACI,oCAAmG,EACnG,MAAoD,EACtD,EAAE,CACJ,CACI,YAA8B,EAC9B,YAA2B,EAC3B,2BAAqE,IAAI,EACzE,sBAA2D,IAAI,EACjE,EAAE,CACA,oCAAoC,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,CAAC"}

package/build/es2019/module.d.ts

@@ -11,6 +11,6 @@ export declare const createUpdateStepwise: (tolerance: number) => import("./type
     numberOfDetectedResets: number;
     numberOfExpectedResets: number;
 }>;
-export declare const setTimingsrcWithCustomUpdateFunction: <UpdateVectorWithCustomState extends import("./interfaces").IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, updateFunction: import("./types").TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null) => () => void;
-export declare const setTimingsrc: (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null) => () => void;
+export declare const setTimingsrcWithCustomUpdateFunction: <UpdateVectorWithCustomState extends import("./interfaces").IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, updateFunction: import("./types").TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null, prepareUpdateVector?: import("./types").TPrepareUpdateVectorFunction | null) => () => void;
+export declare const setTimingsrc: (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null, prepareUpdateVector?: import("./types").TPrepareUpdateVectorFunction | null) => () => void;
 //# sourceMappingURL=module.d.ts.map

package/build/es2019/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,eAAO,MAAM,oBAAoB;;;;;;;;EAA0D,CAAC;AAS5F,eAAO,MAAM,oCAAoC,sVAOhD,CAAC;AAEF,eAAO,MAAM,YAAY,4LAQxB,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,eAAO,MAAM,oBAAoB;;;;;;;;EAA0D,CAAC;AAS5F,eAAO,MAAM,oCAAoC,maAOhD,CAAC;AAEF,eAAO,MAAM,YAAY,yQAQxB,CAAC"}

package/build/es2019/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './prepare-timing-state-vector-function';
+export * from './prepare-update-vector-function';
 export * from './update-function';
 export * from './update-vector-with-custom-state';
 //# sourceMappingURL=index.d.ts.map

package/build/es2019/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}

package/build/es2019/types/index.js

@@ -1,4 +1,5 @@
 export * from './prepare-timing-state-vector-function';
+export * from './prepare-update-vector-function';
 export * from './update-function';
 export * from './update-vector-with-custom-state';
 //# sourceMappingURL=index.js.map

package/build/es2019/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}

package/build/es2019/types/prepare-update-vector-function.d.ts

@@ -0,0 +1,3 @@
+import { IUpdateVector } from '../interfaces';
+export type TPrepareUpdateVectorFunction = (updateVector: IUpdateVector) => IUpdateVector;
+//# sourceMappingURL=prepare-update-vector-function.d.ts.map

package/build/es2019/types/prepare-update-vector-function.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-update-vector-function.d.ts","sourceRoot":"","sources":["../../../src/types/prepare-update-vector-function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,4BAA4B,GAAG,CAAC,YAAY,EAAE,aAAa,KAAK,aAAa,CAAC"}

package/build/es2019/types/prepare-update-vector-function.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=prepare-update-vector-function.js.map

package/build/es2019/types/prepare-update-vector-function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-update-vector-function.js","sourceRoot":"","sources":["../../../src/types/prepare-update-vector-function.ts"],"names":[],"mappings":""}

package/build/es5/bundle.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('subscribable-things'), require('timing-object'), require('@babel/runtime/helpers/slicedToArray')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'subscribable-things', 'timing-object', '@babel/runtime/helpers/slicedToArray'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.timingsrc = {}, global.subscribableThings, global.timingObject, global._slicedToArray));
-})(this, (function (exports, subscribableThings, timingObject, _slicedToArray) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('subscribable-things'), require('timing-object'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/slicedToArray')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'subscribable-things', 'timing-object', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/slicedToArray'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.timingsrc = {}, global.subscribableThings, global.timingObject, global._defineProperty, global._slicedToArray));
+})(this, (function (exports, subscribableThings, timingObject, _defineProperty, _slicedToArray) { 'use strict';
 
     var createComputeVelocity = function createComputeVelocity(timeConstant) {
       return function (delta, minValue, maxValue, velocity) {
@@ -45,13 +45,17 @@
     var createSetTimingsrc = function createSetTimingsrc(setTimingsrcWithCustomUpdateFunction, update) {
       return function (mediaElement, timingObject) {
         var prepareTimingStateVector = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-        return setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector);
+        var prepareUpdateVector = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+        return setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector, prepareUpdateVector);
       };
     };
 
+    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var createSetTimingsrcWithCustomUpdateFunction = function createSetTimingsrcWithCustomUpdateFunction(animationFrame, clearInterval, document, on, setInterval, updateMediaElement) {
       return function (mediaElement, timingObject, updateFunction) {
         var prepareTimingStateVector = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+        var prepareUpdateVector = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
         var previousUpdateVectorWithCustomState = null;
         var update = function update() {
           var currentTime = mediaElement.currentTime,
@@ -60,9 +64,13 @@
           var timingStateVector = timingObject.query();
           previousUpdateVectorWithCustomState = updateFunction(prepareTimingStateVector === null ? timingStateVector : prepareTimingStateVector(timingStateVector), currentTime, previousUpdateVectorWithCustomState);
           var sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
-          var _previousUpdateVector = previousUpdateVectorWithCustomState,
-            position = _previousUpdateVector.position,
-            velocity = _previousUpdateVector.velocity;
+          var _ref = prepareUpdateVector === null ? previousUpdateVectorWithCustomState : prepareUpdateVector(previousUpdateVectorWithCustomState),
+            position = _ref.position,
+            velocity = _ref.velocity;
+          previousUpdateVectorWithCustomState = _objectSpread(_objectSpread({}, previousUpdateVectorWithCustomState), {}, {
+            position: position,
+            velocity: velocity
+          });
           updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
           return velocity !== 0;
         };

package/package.json

@@ -9,25 +9,25 @@
         }
     },
     "dependencies": {
-        "@babel/runtime": "^7.20.13",
-        "subscribable-things": "^2.1.13",
-        "timing-object": "^3.1.54",
+        "@babel/runtime": "^7.21.0",
+        "subscribable-things": "^2.1.14",
+        "timing-object": "^3.1.55",
         "tslib": "^2.5.0"
     },
     "description": "A library to synchronize a MediaElement with a TimingObject.",
     "devDependencies": {
-        "@babel/core": "^7.20.12",
+        "@babel/core": "^7.21.3",
         "@babel/plugin-external-helpers": "^7.18.6",
-        "@babel/plugin-transform-runtime": "^7.19.6",
+        "@babel/plugin-transform-runtime": "^7.21.0",
         "@babel/preset-env": "^7.20.2",
-        "@commitlint/cli": "^17.4.2",
-        "@commitlint/config-angular": "^17.4.2",
+        "@commitlint/cli": "^17.4.4",
+        "@commitlint/config-angular": "^17.4.4",
         "@rollup/plugin-babel": "^6.0.3",
         "chai": "^4.3.7",
         "commitizen": "^4.3.0",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^8.33.0",
-        "eslint-config-holy-grail": "^55.0.6",
+        "eslint": "^8.36.0",
+        "eslint-config-holy-grail": "^55.0.16",
         "grunt": "^1.6.1",
         "grunt-cli": "^1.4.3",
         "grunt-sh": "^0.2.0",
@@ -42,18 +42,18 @@
         "karma-webpack": "^5.0.0",
         "load-grunt-config": "^4.0.1",
         "mocha": "^10.2.0",
-        "prettier": "^2.8.3",
+        "prettier": "^2.8.4",
         "pretty-quick": "^3.1.3",
-        "rimraf": "^4.1.2",
-        "rollup": "^3.12.1",
-        "sinon": "^15.0.1",
+        "rimraf": "^4.4.0",
+        "rollup": "^3.19.1",
+        "sinon": "^15.0.2",
         "sinon-chai": "^3.7.0",
         "ts-loader": "^9.4.2",
-        "tsconfig-holy-grail": "^12.0.0",
+        "tsconfig-holy-grail": "^12.0.2",
         "tslint": "^6.1.3",
         "tslint-config-holy-grail": "^54.0.1",
         "typescript": "^4.9.5",
-        "webpack": "^5.75.0"
+        "webpack": "^5.76.1"
     },
     "files": [
         "build/es2019/",
@@ -75,5 +75,5 @@
         "test": "grunt lint && grunt test"
     },
     "types": "build/es2019/module.d.ts",
-    "version": "1.3.0"
+    "version": "1.4.1"
 }

package/src/factories/set-timingsrc-with-custom-update-function.ts

@@ -1,7 +1,7 @@
 import type { TAnimationFrameFunction, TOnFunction } from 'subscribable-things';
 import type { ITimingObject } from 'timing-object';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
 import type { createUpdateMediaElement } from './update-media-element';
 
 export const createSetTimingsrcWithCustomUpdateFunction = (
@@ -16,7 +16,8 @@ export const createSetTimingsrcWithCustomUpdateFunction = (
         mediaElement: HTMLMediaElement,
         timingObject: ITimingObject,
         updateFunction: TUpdateFunction<UpdateVectorWithCustomState>,
-        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null
+        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null,
+        prepareUpdateVector: null | TPrepareUpdateVectorFunction = null
     ) => {
         let previousUpdateVectorWithCustomState: null | UpdateVectorWithCustomState = null;
 
@@ -31,7 +32,12 @@ export const createSetTimingsrcWithCustomUpdateFunction = (
             );
 
             const sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
-            const { position, velocity } = previousUpdateVectorWithCustomState;
+            const { position, velocity } =
+                prepareUpdateVector === null
+                    ? previousUpdateVectorWithCustomState
+                    : prepareUpdateVector(previousUpdateVectorWithCustomState);
+
+            previousUpdateVectorWithCustomState = { ...previousUpdateVectorWithCustomState, position, velocity };
 
             updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
 

package/src/factories/set-timingsrc.ts

@@ -1,7 +1,7 @@
 import type { ITimingObject } from 'timing-object';
 import type { createSetTimingsrcWithCustomUpdateFunction } from '../factories/set-timingsrc-with-custom-update-function';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
 
 export const createSetTimingsrc =
     <UpdateVectorWithCustomState extends IUpdateVector>(
@@ -11,6 +11,7 @@ export const createSetTimingsrc =
     (
         mediaElement: HTMLMediaElement,
         timingObject: ITimingObject,
-        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null
+        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null,
+        prepareUpdateVector: null | TPrepareUpdateVectorFunction = null
     ) =>
-        setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector);
+        setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector, prepareUpdateVector);

package/src/types/index.ts

@@ -1,3 +1,4 @@
 export * from './prepare-timing-state-vector-function';
+export * from './prepare-update-vector-function';
 export * from './update-function';
 export * from './update-vector-with-custom-state';

package/src/types/prepare-update-vector-function.ts

@@ -0,0 +1,3 @@
+import { IUpdateVector } from '../interfaces';
+
+export type TPrepareUpdateVectorFunction = (updateVector: IUpdateVector) => IUpdateVector;