ctx-core 6.7.1 → 6.8.0

package/README.md

@@ -2,8 +2,6 @@
 
 The ctx-core library is a 0 dependency library with several exports to support general app development. This library has several exports to limit what is loaded into memory & to make tree-shaking less intensive. Some of the underlying functions are in multiple exports. The full list of exports is below. There is varying comprehensiveness & usage for these functions.
 
-
-
 ## Development Monorepo
 
 The [development monorepo](https://github.com/ctx-core/dev) used to have the ctx-core/ctx-core project name but has been moved to make room for this package.
@@ -117,3 +115,5 @@ The docs for rmemo are in https://github.com/ctx-core/rmemo. Since the source fo
 ## ctx-core/uri
 
 ## ctx-core/uuid
+
+## ctx-core/web_animation

package/all/atob/index.browser.js

@@ -1 +1,12 @@
-export * from './index.js'
+/**
+ * @param {string}str
+ * @returns {string}
+ */
+export const atob = globalThis.atob
+/**
+ * @return {typeof atob}
+ */
+export function atob_() {
+	return atob
+}
+export { atob_ as _atob, }

package/all/btoa/index.browser.js

@@ -1 +1,12 @@
-export * from './index.js'
+/**
+ * @param {string}str
+ * @returns {string}
+ */
+export const btoa = globalThis.btoa
+/**
+ * @return {typeof btoa}
+ */
+export function btoa_() {
+	return btoa
+}
+export { btoa_ as _btoa, }

package/all/btoa/index.js

@@ -8,7 +8,7 @@ export function btoa(str) {
 	return (
 		process_release_name
 			? new Buffer(str).toString('base64')
-			: window.btoa(str)
+			: globalThis.btoa(str)
 	)
 }
 /**

package/all/wanimato/index.browser.d.ts

@@ -0,0 +1 @@
+export * from './index.js'

package/all/wanimato/index.browser.js

@@ -0,0 +1 @@
+export * from './index.js'

package/all/wanimato/index.d.ts

@@ -0,0 +1,15 @@
+import type { nullish } from '../nullish/index.js'
+import type { sig_T } from '../rmemo/index.js'
+export declare function wanimato__new<E extends Element>(
+	$:sig_T<wanimato_T|nullish>,
+	el:E,
+	animation_:(el:E)=>Animation
+):wanimato_T
+export type wanimato_T = {
+	animation:Animation
+	el:Element
+	is_play:boolean
+	is_finish:boolean
+	finish_currentTime:number|null
+	is_remove:boolean
+}

package/all/wanimato/index.js

@@ -0,0 +1,128 @@
+/**
+ * @param {sig_T<wanimato_T|nullish>}$
+ * @param {Element}el
+ * @param {(el:Element)=>Animation}animation_
+ * @returns {wanimato_T}
+ */
+export function wanimato__new($, el, animation_) {
+	if ($.val?.el === el) return $.val
+	let _animation = animation_(el)
+	_animation.addEventListener('finish', ()=>{
+		$._ = {
+			...$(),
+			is_finish: true,
+			finish_currentTime: $().animation.currentTime
+		}
+	})
+	_animation.addEventListener('remove', ()=>{
+		$._ = {
+			...$(),
+			is_remove: true
+		}
+	})
+	let play_state__ensure = ()=>{
+		if ($().is_play !== true || $().is_finish !== false) {
+			$._ = {
+				...$(),
+				is_play: true,
+				is_finish: false
+			}
+		}
+	}
+	let begin_state__ensure__setTimeout = ()=>{
+		setTimeout(
+			()=>{
+				if ($().is_play !== !!_animation.currentTime || $().is_finish !== false) {
+					$._ = {
+						...$(),
+						is_play: !!_animation.currentTime,
+						is_finish: false,
+					}
+				}
+			},
+			_animation.currentTime / -_animation.playbackRate)
+	}
+	let animation_mixin = {
+		play() {
+			if (_animation.playbackRate < 0) {
+				this.reverse()
+			} else {
+				_animation.play()
+				play_state__ensure()
+				if (_animation.playbackRate < 0) {
+					begin_state__ensure__setTimeout()
+				}
+			}
+		},
+		reverse() {
+			_animation.reverse()
+			play_state__ensure()
+			begin_state__ensure__setTimeout()
+		},
+		finish() {
+			_animation.finish()
+			if ($().is_play !== false || $().is_finish !== !!_animation.currentTime) {
+				$._ = {
+					...$(),
+					is_play: false,
+					is_finish: !!_animation.currentTime
+				}
+			}
+		},
+		cancel() {
+			_animation.cancel()
+			if ($().is_play !== false || $().is_finish !== false) {
+				$._ = {
+					...$(),
+					is_play: false,
+					is_finish: false
+				}
+			}
+		},
+		updatePlaybackRate(playbackRate) {
+			_animation.updatePlaybackRate(playbackRate)
+			_animation.ready
+				.then(()=>{
+					if (_animation.playbackRate < 0) {
+						begin_state__ensure__setTimeout()
+					}
+				})
+		},
+		addEventListener(...arg_a) {
+			_animation.addEventListener(...arg_a)
+		},
+		removeEventListener(...arg_a) {
+			_animation.removeEventListener(...arg_a)
+		},
+	}
+	return {
+		el,
+		animation: new Proxy(_animation, {
+			get(_animation, /** @type {keyof Animation} */prop) {
+				return animation_mixin[prop] ?? _animation[prop]
+			},
+			set(
+				_animation,
+				/** @type {keyof Omit<Animation, 'finished'|'pending'|'playState'|'ready'|'replaceState'>} */
+				prop,
+				val
+			) {
+				if (prop === 'playbackRate') {
+					if (_animation[prop] === val) return false
+					_animation[prop] = val
+					if (val < 0) {
+						begin_state__ensure__setTimeout()
+					}
+					return true
+				}
+				if (_animation[prop] === val) return false
+				_animation[prop] = val
+				return true
+			}
+		}),
+		is_play: true,
+		is_finish: false,
+		finish_currentTime: null,
+		is_remove: false,
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ctx-core",
-  "version": "6.7.1",
+  "version": "6.8.0",
   "description": "ctx-core core library",
   "keywords": [
     "ctx-core",
@@ -82,6 +82,7 @@
     "types",
     "uri",
     "uuid",
+    "web_animation",
     "package.json"
   ],
   "exports": {
@@ -298,6 +299,10 @@
       "browser": "./uuid/index.browser.js",
       "default": "./uuid/index.js"
     },
+    "./web_animation": {
+      "browser": "./web_animation/index.browser.js",
+      "default": "./web_animation/index.js"
+    },
     "./package.json": "./package.json"
   },
   "devDependencies": {
@@ -419,6 +424,13 @@
         "./uuid": "{ uuid__compact }"
       },
       "limit": "107 B"
+    },
+    {
+      "name": "web_animation",
+      "import": {
+        "./web_animation": "{ memo_, wanimato__new }"
+      },
+      "limit": "733 B"
     }
   ],
   "scripts": {

package/web_animation/index.browser.d.ts

@@ -0,0 +1 @@
+export * from '../all/wanimato/index.js'

package/web_animation/index.browser.js

@@ -0,0 +1 @@
+export * from '../all/wanimato/index.js'

package/web_animation/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../rmemo/index.js'
+export * from '../all/wanimato/index.js'

package/web_animation/index.js

@@ -0,0 +1,2 @@
+export * from '../rmemo/index.js'
+export * from '../all/wanimato/index.js'