@t007/utils 0.0.1 → 0.0.3

package/dist/index.cjs

@@ -56,17 +56,23 @@ function isSameURL(src1, src2) {
 }
 
 // src/core/dom.ts
-function createEl(tag, props = {}, dataset = {}, styles = {}) {
-  return assignEl(tag ? document?.createElement(tag) : void 0, props, dataset, styles) ?? null;
+function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
+  return assignEl(el, props, dataset, styles), el;
 }
-function assignEl(el, props = {}, dataset = {}, styles = {}) {
+function assignEl(el, props, dataset, styles) {
   if (!el) return;
-  for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
-  for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
-  for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+  if (props) {
+    for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
+  }
+  if (dataset) {
+    for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
+  }
+  if (styles) {
+    for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+  }
 }
 function loadResource(src, type = "style", { module: module2, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
-  w.t007 ??= {}, w.t007._resourceCache ??= {};
+  w.t007._resourceCache ??= {};
   if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
   const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
   if (existing) return w.t007._resourceCache[src] = Promise.resolve(existing);
@@ -139,20 +145,20 @@ function initVScrollerator({ baseSpeed = 3, maxSpeed = 10, stepDelay = 2e3, base
   const reset = () => (accelId && clearTimeout(accelId), accelId = null, linesPerSec = baseSpeed, lastTime = null);
   return { drive, reset };
 }
-var _SCROLLERS = /* @__PURE__ */ new WeakMap();
-var _SCROLLER_R_OBSERVER = typeof window !== "undefined" ? new ResizeObserver((entries) => entries.forEach(({ target }) => _SCROLLERS.get(target)?.update())) : null;
-var _SCROLLER_M_OBSERVER = typeof window !== "undefined" ? new MutationObserver((entries) => {
-  const els = /* @__PURE__ */ new Set();
-  for (const entry of entries) {
-    let node = entry.target instanceof Element ? entry.target : null;
-    while (node && !_SCROLLERS.has(node)) node = node.parentElement;
-    if (node) els.add(node);
-  }
-  for (const el of els) _SCROLLERS.get(el)?.update();
-}) : null;
 function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "tmg-video-controls-scroll-assist", vertical = true, horizontal = true } = {}) {
+  t007._scrollers ??= /* @__PURE__ */ new WeakMap();
+  t007._scroller_r_observer ??= new ResizeObserver((entries) => entries.forEach(({ target }) => t007._scrollers.get(target)?.update()));
+  t007._scroller_m_observer ??= new MutationObserver((entries) => {
+    const els = /* @__PURE__ */ new Set();
+    for (const entry of entries) {
+      let node = entry.target instanceof Element ? entry.target : null;
+      while (node && !t007._scrollers.has(node)) node = node.parentElement;
+      if (node) els.add(node);
+    }
+    for (const el2 of els) t007._scrollers.get(el2)?.update();
+  });
   const parent = el?.parentElement;
-  if (!parent || _SCROLLERS.has(el)) return;
+  if (!parent || t007._scrollers.has(el)) return;
   const assist = {};
   let scrollId = null, last = performance.now(), assistWidth = 20, assistHeight = 20;
   const update = () => {
@@ -196,22 +202,32 @@ function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "tmg-video-c
   if (horizontal) ["left", "right"].forEach(addAssist);
   if (vertical) ["up", "down"].forEach(addAssist);
   el.addEventListener("scroll", update);
-  _SCROLLER_R_OBSERVER.observe(el);
-  _SCROLLER_M_OBSERVER.observe(el, { childList: true, subtree: true, characterData: true });
-  _SCROLLERS.set(el, {
+  t007._scroller_r_observer.observe(el);
+  t007._scroller_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
+  t007._scrollers.set(el, {
     update,
     destroy() {
       stop();
       el.removeEventListener("scroll", update);
-      _SCROLLER_R_OBSERVER.unobserve(el);
-      _SCROLLERS.delete(el);
+      t007._scroller_r_observer.unobserve(el);
+      t007._scrollers.delete(el);
       Object.values(assist).forEach((a) => a.remove());
     }
   });
-  update();
-  return _SCROLLERS.get(el);
+  return update(), t007._scrollers.get(el);
+}
+var removeScrollAssist = (el) => t007._scrollers.get(el)?.destroy();
+
+// src/index.ts
+if (typeof window !== "undefined") {
+  window.t007 ??= {};
+  window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
+  window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
+  window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
+  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/style.css`;
+  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/style.css`;
+  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/style.css`;
 }
-var removeScrollAssist = (el) => _SCROLLERS.get(el)?.destroy();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   assignEl,

package/dist/index.d.cts

@@ -1,11 +1,51 @@
+interface ScrolleratorOptions {
+    baseSpeed?: number;
+    maxSpeed?: number;
+    stepDelay?: number;
+    baseRate?: number;
+    lineHeight?: number;
+    margin?: number;
+    car?: Window | HTMLElement;
+}
+interface Scrollerator {
+    drive: (clientY: number, brake?: boolean, offsetY?: number) => number;
+    reset: () => void;
+}
+declare function initVScrollerator({ baseSpeed, maxSpeed, stepDelay, baseRate, lineHeight, margin, car }?: ScrolleratorOptions): Scrollerator;
+interface ScrollAssistControl {
+    update: () => void;
+    destroy: () => void;
+}
+interface ScrollAssistOptions {
+    pxPerSecond?: number;
+    assistClassName?: string;
+    vertical?: boolean;
+    horizontal?: boolean;
+}
+declare function initScrollAssist(el: HTMLElement, { pxPerSecond, assistClassName, vertical, horizontal }?: ScrollAssistOptions): ScrollAssistControl | void;
+declare const removeScrollAssist: (el: HTMLElement) => void | undefined;
+
 declare global {
-    interface T007Namespace {
-        _resourceCache: Partial<Record<string, Promise<HTMLElement | void>>>;
-    }
-    interface Window {
-        t007: T007Namespace;
-    }
-    var t007: T007Namespace;
+  interface T007Namespace {
+    _resourceCache: Partial<Record<string, Promise<HTMLElement | void>>>;
+    _scrollers?: WeakMap<HTMLElement, ScrollAssistControl>;
+    _scroller_r_observer?: ResizeObserver;
+    _scroller_m_observer?: MutationObserver;
+  }
+
+  interface Window {
+    t007: T007Namespace;
+
+    T007_TOAST_JS_SRC?: string;
+    T007_INPUT_JS_SRC?: string;
+    T007_DIALOG_JS_SRC?: string;
+    
+    T007_TOAST_CSS_SRC?: string;
+    T007_INPUT_CSS_SRC?: string;
+    T007_DIALOG_CSS_SRC?: string;
+  }
+
+  var t007: T007Namespace;
 }
 
 declare function clamp(min: number | undefined, val: number, max?: number): number;
@@ -30,7 +70,7 @@ type LoadResourceOptions = Partial<{
 declare function createEl<K extends keyof HTMLElementTagNameMap>(tag: K, props?: Partial<HTMLElementTagNameMap[K]>, dataset?: Dataset, styles?: Style): HTMLElementTagNameMap[K];
 declare function createEl(tag: string, props?: Partial<HTMLElement>, dataset?: Dataset, styles?: Style): HTMLElement | null;
 declare function assignEl<K extends keyof HTMLElementTagNameMap>(el?: HTMLElementTagNameMap[K], props?: Partial<HTMLElementTagNameMap[K]>, dataset?: Dataset, styles?: Style): void;
-declare function assignEl(el?: HTMLElement, props?: Partial<HTMLElement>, dataset?: Dataset, styles?: Style): void;
+declare function assignEl(el?: HTMLElement | null, props?: Partial<HTMLElement>, dataset?: Dataset, styles?: Style): void;
 declare function loadResource(src: string, type?: ResourceType, { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts, retryKey }?: LoadResourceOptions, w?: Window & typeof globalThis): Promise<HTMLElement | void>;
 
 declare function onAllMethods(owner: any, callback: (method: string, owner: any) => void): void;
@@ -38,31 +78,4 @@ declare function bindAllMethods(owner: any): void;
 declare function guardAllMethods(owner: any, guardFn?: (fn: Function) => Function, bound?: boolean): void;
 declare function guardMethod<T extends Function>(fn: T, onError?: (e: any) => void): T;
 
-interface ScrolleratorOptions {
-    baseSpeed?: number;
-    maxSpeed?: number;
-    stepDelay?: number;
-    baseRate?: number;
-    lineHeight?: number;
-    margin?: number;
-    car?: Window | HTMLElement;
-}
-interface Scrollerator {
-    drive: (clientY: number, brake?: boolean, offsetY?: number) => number;
-    reset: () => void;
-}
-declare function initVScrollerator({ baseSpeed, maxSpeed, stepDelay, baseRate, lineHeight, margin, car }?: ScrolleratorOptions): Scrollerator;
-interface ScrollAssistControl {
-    update: () => void;
-    destroy: () => void;
-}
-interface ScrollAssistOptions {
-    pxPerSecond?: number;
-    assistClassName?: string;
-    vertical?: boolean;
-    horizontal?: boolean;
-}
-declare function initScrollAssist(el: HTMLElement, { pxPerSecond, assistClassName, vertical, horizontal }?: ScrollAssistOptions): ScrollAssistControl | void;
-declare const removeScrollAssist: (el: HTMLElement) => void | undefined;
-
-export { type Dataset, type LoadResourceOptions, type ResourceType, type Style, assignEl, bindAllMethods, clamp, createEl, guardAllMethods, guardMethod, initScrollAssist, initVScrollerator, isSameURL, loadResource, onAllMethods, removeScrollAssist, uid };
+export { type Dataset, type LoadResourceOptions, type ResourceType, type ScrollAssistControl, type Style, assignEl, bindAllMethods, clamp, createEl, guardAllMethods, guardMethod, initScrollAssist, initVScrollerator, isSameURL, loadResource, onAllMethods, removeScrollAssist, uid };

package/dist/index.d.ts

@@ -1,11 +1,51 @@
+interface ScrolleratorOptions {
+    baseSpeed?: number;
+    maxSpeed?: number;
+    stepDelay?: number;
+    baseRate?: number;
+    lineHeight?: number;
+    margin?: number;
+    car?: Window | HTMLElement;
+}
+interface Scrollerator {
+    drive: (clientY: number, brake?: boolean, offsetY?: number) => number;
+    reset: () => void;
+}
+declare function initVScrollerator({ baseSpeed, maxSpeed, stepDelay, baseRate, lineHeight, margin, car }?: ScrolleratorOptions): Scrollerator;
+interface ScrollAssistControl {
+    update: () => void;
+    destroy: () => void;
+}
+interface ScrollAssistOptions {
+    pxPerSecond?: number;
+    assistClassName?: string;
+    vertical?: boolean;
+    horizontal?: boolean;
+}
+declare function initScrollAssist(el: HTMLElement, { pxPerSecond, assistClassName, vertical, horizontal }?: ScrollAssistOptions): ScrollAssistControl | void;
+declare const removeScrollAssist: (el: HTMLElement) => void | undefined;
+
 declare global {
-    interface T007Namespace {
-        _resourceCache: Partial<Record<string, Promise<HTMLElement | void>>>;
-    }
-    interface Window {
-        t007: T007Namespace;
-    }
-    var t007: T007Namespace;
+  interface T007Namespace {
+    _resourceCache: Partial<Record<string, Promise<HTMLElement | void>>>;
+    _scrollers?: WeakMap<HTMLElement, ScrollAssistControl>;
+    _scroller_r_observer?: ResizeObserver;
+    _scroller_m_observer?: MutationObserver;
+  }
+
+  interface Window {
+    t007: T007Namespace;
+
+    T007_TOAST_JS_SRC?: string;
+    T007_INPUT_JS_SRC?: string;
+    T007_DIALOG_JS_SRC?: string;
+    
+    T007_TOAST_CSS_SRC?: string;
+    T007_INPUT_CSS_SRC?: string;
+    T007_DIALOG_CSS_SRC?: string;
+  }
+
+  var t007: T007Namespace;
 }
 
 declare function clamp(min: number | undefined, val: number, max?: number): number;
@@ -30,7 +70,7 @@ type LoadResourceOptions = Partial<{
 declare function createEl<K extends keyof HTMLElementTagNameMap>(tag: K, props?: Partial<HTMLElementTagNameMap[K]>, dataset?: Dataset, styles?: Style): HTMLElementTagNameMap[K];
 declare function createEl(tag: string, props?: Partial<HTMLElement>, dataset?: Dataset, styles?: Style): HTMLElement | null;
 declare function assignEl<K extends keyof HTMLElementTagNameMap>(el?: HTMLElementTagNameMap[K], props?: Partial<HTMLElementTagNameMap[K]>, dataset?: Dataset, styles?: Style): void;
-declare function assignEl(el?: HTMLElement, props?: Partial<HTMLElement>, dataset?: Dataset, styles?: Style): void;
+declare function assignEl(el?: HTMLElement | null, props?: Partial<HTMLElement>, dataset?: Dataset, styles?: Style): void;
 declare function loadResource(src: string, type?: ResourceType, { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts, retryKey }?: LoadResourceOptions, w?: Window & typeof globalThis): Promise<HTMLElement | void>;
 
 declare function onAllMethods(owner: any, callback: (method: string, owner: any) => void): void;
@@ -38,31 +78,4 @@ declare function bindAllMethods(owner: any): void;
 declare function guardAllMethods(owner: any, guardFn?: (fn: Function) => Function, bound?: boolean): void;
 declare function guardMethod<T extends Function>(fn: T, onError?: (e: any) => void): T;
 
-interface ScrolleratorOptions {
-    baseSpeed?: number;
-    maxSpeed?: number;
-    stepDelay?: number;
-    baseRate?: number;
-    lineHeight?: number;
-    margin?: number;
-    car?: Window | HTMLElement;
-}
-interface Scrollerator {
-    drive: (clientY: number, brake?: boolean, offsetY?: number) => number;
-    reset: () => void;
-}
-declare function initVScrollerator({ baseSpeed, maxSpeed, stepDelay, baseRate, lineHeight, margin, car }?: ScrolleratorOptions): Scrollerator;
-interface ScrollAssistControl {
-    update: () => void;
-    destroy: () => void;
-}
-interface ScrollAssistOptions {
-    pxPerSecond?: number;
-    assistClassName?: string;
-    vertical?: boolean;
-    horizontal?: boolean;
-}
-declare function initScrollAssist(el: HTMLElement, { pxPerSecond, assistClassName, vertical, horizontal }?: ScrollAssistOptions): ScrollAssistControl | void;
-declare const removeScrollAssist: (el: HTMLElement) => void | undefined;
-
-export { type Dataset, type LoadResourceOptions, type ResourceType, type Style, assignEl, bindAllMethods, clamp, createEl, guardAllMethods, guardMethod, initScrollAssist, initVScrollerator, isSameURL, loadResource, onAllMethods, removeScrollAssist, uid };
+export { type Dataset, type LoadResourceOptions, type ResourceType, type ScrollAssistControl, type Style, assignEl, bindAllMethods, clamp, createEl, guardAllMethods, guardMethod, initScrollAssist, initVScrollerator, isSameURL, loadResource, onAllMethods, removeScrollAssist, uid };

package/dist/index.js

@@ -18,17 +18,23 @@ function isSameURL(src1, src2) {
 }
 
 // src/core/dom.ts
-function createEl(tag, props = {}, dataset = {}, styles = {}) {
-  return assignEl(tag ? document?.createElement(tag) : void 0, props, dataset, styles) ?? null;
+function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
+  return assignEl(el, props, dataset, styles), el;
 }
-function assignEl(el, props = {}, dataset = {}, styles = {}) {
+function assignEl(el, props, dataset, styles) {
   if (!el) return;
-  for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
-  for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
-  for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+  if (props) {
+    for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
+  }
+  if (dataset) {
+    for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
+  }
+  if (styles) {
+    for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+  }
 }
 function loadResource(src, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
-  w.t007 ??= {}, w.t007._resourceCache ??= {};
+  w.t007._resourceCache ??= {};
   if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
   const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
   if (existing) return w.t007._resourceCache[src] = Promise.resolve(existing);
@@ -101,20 +107,20 @@ function initVScrollerator({ baseSpeed = 3, maxSpeed = 10, stepDelay = 2e3, base
   const reset = () => (accelId && clearTimeout(accelId), accelId = null, linesPerSec = baseSpeed, lastTime = null);
   return { drive, reset };
 }
-var _SCROLLERS = /* @__PURE__ */ new WeakMap();
-var _SCROLLER_R_OBSERVER = typeof window !== "undefined" ? new ResizeObserver((entries) => entries.forEach(({ target }) => _SCROLLERS.get(target)?.update())) : null;
-var _SCROLLER_M_OBSERVER = typeof window !== "undefined" ? new MutationObserver((entries) => {
-  const els = /* @__PURE__ */ new Set();
-  for (const entry of entries) {
-    let node = entry.target instanceof Element ? entry.target : null;
-    while (node && !_SCROLLERS.has(node)) node = node.parentElement;
-    if (node) els.add(node);
-  }
-  for (const el of els) _SCROLLERS.get(el)?.update();
-}) : null;
 function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "tmg-video-controls-scroll-assist", vertical = true, horizontal = true } = {}) {
+  t007._scrollers ??= /* @__PURE__ */ new WeakMap();
+  t007._scroller_r_observer ??= new ResizeObserver((entries) => entries.forEach(({ target }) => t007._scrollers.get(target)?.update()));
+  t007._scroller_m_observer ??= new MutationObserver((entries) => {
+    const els = /* @__PURE__ */ new Set();
+    for (const entry of entries) {
+      let node = entry.target instanceof Element ? entry.target : null;
+      while (node && !t007._scrollers.has(node)) node = node.parentElement;
+      if (node) els.add(node);
+    }
+    for (const el2 of els) t007._scrollers.get(el2)?.update();
+  });
   const parent = el?.parentElement;
-  if (!parent || _SCROLLERS.has(el)) return;
+  if (!parent || t007._scrollers.has(el)) return;
   const assist = {};
   let scrollId = null, last = performance.now(), assistWidth = 20, assistHeight = 20;
   const update = () => {
@@ -158,22 +164,32 @@ function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "tmg-video-c
   if (horizontal) ["left", "right"].forEach(addAssist);
   if (vertical) ["up", "down"].forEach(addAssist);
   el.addEventListener("scroll", update);
-  _SCROLLER_R_OBSERVER.observe(el);
-  _SCROLLER_M_OBSERVER.observe(el, { childList: true, subtree: true, characterData: true });
-  _SCROLLERS.set(el, {
+  t007._scroller_r_observer.observe(el);
+  t007._scroller_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
+  t007._scrollers.set(el, {
     update,
     destroy() {
       stop();
       el.removeEventListener("scroll", update);
-      _SCROLLER_R_OBSERVER.unobserve(el);
-      _SCROLLERS.delete(el);
+      t007._scroller_r_observer.unobserve(el);
+      t007._scrollers.delete(el);
       Object.values(assist).forEach((a) => a.remove());
     }
   });
-  update();
-  return _SCROLLERS.get(el);
+  return update(), t007._scrollers.get(el);
+}
+var removeScrollAssist = (el) => t007._scrollers.get(el)?.destroy();
+
+// src/index.ts
+if (typeof window !== "undefined") {
+  window.t007 ??= {};
+  window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
+  window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
+  window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
+  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/style.css`;
+  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/style.css`;
+  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/style.css`;
 }
-var removeScrollAssist = (el) => _SCROLLERS.get(el)?.destroy();
 export {
   assignEl,
   bindAllMethods,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/utils",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "High-performance, zero-dependency utility functions for the t007 ecosystem.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -13,6 +13,7 @@
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
+  "browser": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "exports": {