pervert-monkey 1.0.15 → 1.0.18

package/dist/core/pervertmonkey.core.es.d.ts

@@ -16,6 +16,8 @@ export declare function chunks<T>(arr: T[], size: number): T[][];
 
 export declare function circularShift(n: number, c?: number, s?: number): number;
 
+export declare function containMutation(container: HTMLElement, callback: () => void): void;
+
 export declare function copyAttributes<T extends Element = HTMLElement>(target: T, source: T): void;
 
 export declare type DataElement = {
@@ -26,13 +28,13 @@ export declare type DataElement = {
 export declare class DataFilter {
     private rules;
     filters: Map<string, () => DataFilterFnRendered>;
+    filterMapping: Record<string, string>;
     constructor(rules: Rules);
-    static isFiltered(el: HTMLElement): boolean;
-    applyCSSFilters(wrapper?: (cssRule: string) => string): void;
+    static isFiltered(e: HTMLElement): boolean;
+    createCssFilters(wrapper?: (cssRule: string) => string): void;
     customDataFilterFns: Record<string, DataFilterFnFrom<any>>;
     registerFilters(customFilters: (Record<string, DataFilterFnFrom<any>> | string)[]): void;
     registerFilter(customSelectorName: string): void;
-    filterMapping: Record<string, string>;
     selectFilters(filters: {
         [key: string]: boolean;
     }): (() => DataFilterFnRendered)[];
@@ -43,7 +45,8 @@ declare class DataFilterFn<R> {
     deps: string[];
     name: string;
     $preDefine?: ((state: StoreState) => R) | undefined;
-    private tag;
+    static prefix: string;
+    static setPrefix(name: string): string;
     constructor(handle: DataFilterFnHandle<R>, deps: string[] | undefined, name: string, $preDefine?: ((state: StoreState) => R) | undefined);
     static from<R>(options: DataFilterFnFrom<R>, name: string): DataFilterFn<R>;
     renderFn(state: StoreState): () => DataFilterFnRendered;
@@ -56,7 +59,7 @@ declare type DataFilterFnHandle<R> = (el: DataElement, state: StoreState, $preDe
 declare type DataFilterFnRendered = (v: DataElement) => DataFilterFnRenderedResult;
 
 declare type DataFilterFnRenderedResult = {
-    tag: string;
+    name: string;
     condition: boolean;
 };
 
@@ -67,9 +70,9 @@ export declare class DataManager {
     private lazyImgLoader;
     dataFilter: DataFilter;
     constructor(rules: Rules, containerHomogenity?: Parameters<typeof checkHomogenity>[2] | undefined);
-    applyFilters: (filters?: Record<string, boolean>, offset?: number) => Promise<void>;
-    filterAll: (offset?: number) => Promise<void>;
-    parseData: (html: HTMLElement, container?: HTMLElement, removeDuplicates?: boolean, shouldLazify?: boolean) => void;
+    applyFilters(filters?: Record<string, boolean>, offset?: number): Promise<void>;
+    filterAll(offset?: number): Promise<void>;
+    parseData(html: HTMLElement, container?: HTMLElement, removeDuplicates?: boolean, shouldLazify?: boolean): Promise<void>;
     sortBy<K extends keyof DataElement>(key: K, direction?: boolean): void;
 }
 
@@ -197,11 +200,11 @@ declare const DefaultScheme: [{
     }];
 }];
 
-export declare function downloader(options?: {
-    append: string;
-    after: string;
-    button: string;
-    cbBefore: () => void;
+export declare function downloader(options: {
+    append?: string;
+    after?: string;
+    buttonHtml: string;
+    doBefore?: () => void;
 }): void;
 
 export declare function exterminateVideo(video: HTMLVideoElement): void;
@@ -220,6 +223,8 @@ export declare function fetchWith<T extends JSON | string | HTMLElement>(input:
 
 export declare function findNextSibling<T extends Element = HTMLElement>(e: T): Element | null;
 
+export declare function findSelfOrChild<T extends HTMLElement>(element: T, selector: string): T | null;
+
 /**
  * Converts a duration string (e.g., "1h 22min 3sec") to HH:MM:SS format.
  * @param timeStr - The duration string to format.
@@ -258,6 +263,8 @@ declare type InfiniteScrollerOptions = Pick<InfiniteScroller, 'rules'> & Partial
 
 export declare function instantiateTemplate(sourceSelector: string, attributeUpdates: Record<string, string>, contentUpdates: Record<string, string>): string;
 
+export declare function irange(start?: number, step?: number): Generator<number, void, unknown>;
+
 declare type IScrollerSubject = {
     type: 'scroll';
     scroller: InfiniteScroller;
@@ -380,8 +387,6 @@ export declare function parseUrl(s: HTMLAnchorElement | Location | URL | string)
 
 declare type Primitive = string | number | boolean;
 
-declare type PrimitiveString = 'boolean' | 'string' | 'number' | 'float' | 'duration';
-
 export declare function querySelectorLast<T extends Element = HTMLElement>(root: ParentNode | undefined, selector: string): T | undefined;
 
 export declare function querySelectorLastNumber(selector: string, e?: ParentNode): number;
@@ -444,6 +449,8 @@ export declare class Rules {
     constructor(options: Partial<Rules>);
 }
 
+export declare function runIdleJob<T>(iterator: Iterator<T>, job: (v: T) => void): Promise<unknown>;
+
 export declare function sanitizeStr(s: string): string;
 
 declare type SchemeKeys = JabroniTypes.ExtractValuesByKey<typeof DefaultScheme, 'title'>;
@@ -472,7 +479,7 @@ export declare class ThumbDataParser {
 declare type ThumbDataSelector = {
     name: string;
     selector: string;
-    type: PrimitiveString;
+    type: 'boolean' | 'string' | 'number' | 'float' | 'duration';
 };
 
 declare type ThumbDataSelectorsRaw = Record<string, string | Pick<ThumbDataSelector, 'selector' | 'type'>>;

package/dist/core/pervertmonkey.core.es.js

@@ -11,21 +11,23 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _i2, _n2, _t, _e2, _s2, _l2, _o2, _d, _p2, _g, _C_instances, r_fn, R_fn, b_fn, u_fn, m_fn, a_fn, P_fn, E_fn, S_fn, O_fn, k_fn, x_fn, h_fn, f_fn, T_fn, A_fn, y_fn, w_fn, c_fn, C_fn, _a, _i3, _n3, _t2, _e3, _s3, _l3, _b;
 import { GM_addStyle } from "vite-plugin-monkey/dist/client";
-class DataFilterFn {
+const _DataFilterFn = class _DataFilterFn {
   constructor(handle, deps = [], name, $preDefine) {
-    __publicField(this, "tag");
     this.handle = handle;
     this.deps = deps;
     this.name = name;
     this.$preDefine = $preDefine;
-    this.tag = `filter-${name}`;
+    this.name = _DataFilterFn.setPrefix(name);
+  }
+  static setPrefix(name) {
+    return `${_DataFilterFn.prefix}${name}`;
   }
   static from(options, name) {
     if (typeof options === "function") {
       const deps = [name];
-      return new DataFilterFn(options, deps, name);
+      return new _DataFilterFn(options, deps, name);
     }
-    return new DataFilterFn(
+    return new _DataFilterFn(
       options.handle,
       options.deps,
       name,
@@ -33,20 +35,19 @@ class DataFilterFn {
     );
   }
   renderFn(state) {
-    const tag = this.tag;
+    const name = this.name;
     return () => {
       var _a3;
       const preDefined = (_a3 = this.$preDefine) == null ? void 0 : _a3.call(this, state);
       return (a2) => {
         const condition = this.handle(a2, state, preDefined);
-        return {
-          condition,
-          tag
-        };
+        return { condition, name };
       };
     };
   }
-}
+};
+__publicField(_DataFilterFn, "prefix", "filter-");
+let DataFilterFn = _DataFilterFn;
 function chunks(arr, size) {
   return Array.from(
     { length: Math.ceil(arr.length / size) },
@@ -117,10 +118,10 @@ function sanitizeStr(s) {
 }
 function waitForElementToAppear(parent, selector, callback) {
   const observer = new MutationObserver((_mutations) => {
-    const el2 = parent.querySelector(selector);
-    if (el2) {
+    const e = parent.querySelector(selector);
+    if (e) {
       observer.disconnect();
-      callback(el2);
+      callback(e);
     }
   });
   observer.observe(document.body, { childList: true, subtree: true });
@@ -171,6 +172,12 @@ function watchDomChangesWithThrottle(element, callback, throttle = 1e3, times =
   observer.observe(element, options);
   return observer;
 }
+function findSelfOrChild(element, selector) {
+  if (element.matches(selector)) {
+    return element;
+  }
+  return element.querySelector(selector);
+}
 function querySelectorLast(root = document, selector) {
   const nodes = root.querySelectorAll(selector);
   return nodes.length > 0 ? nodes[nodes.length - 1] : void 0;
@@ -219,7 +226,7 @@ function removeClassesAndDataAttributes(element, keyword) {
   });
 }
 function getCommonParents(elements) {
-  const parents = Array.from(elements).map((el2) => el2.parentElement).filter((parent) => parent !== null);
+  const parents = Array.from(elements).map((e) => e.parentElement).filter((parent) => parent !== null);
   return [...new Set(parents)];
 }
 function findNextSibling(e) {
@@ -263,15 +270,15 @@ function exterminateVideo(video) {
   video.load();
   video.remove();
 }
-function downloader(options = { append: "", after: "", button: "", cbBefore: () => {
-} }) {
+function downloader(options) {
   var _a3, _b2;
-  const btn = parseHtml(options.button);
+  const btn = parseHtml(options.buttonHtml);
   if (options.append) (_a3 = document.querySelector(options.append)) == null ? void 0 : _a3.append(btn);
   if (options.after) (_b2 = document.querySelector(options.after)) == null ? void 0 : _b2.after(btn);
-  btn.addEventListener("click", (e) => {
+  btn == null ? void 0 : btn.addEventListener("click", (e) => {
+    var _a4;
     e.preventDefault();
-    if (options.cbBefore) options.cbBefore();
+    (_a4 = options.doBefore) == null ? void 0 : _a4.call(options);
     waitForElementToAppear(document.body, "video", (video) => {
       window.location.href = video.getAttribute("src");
     });
@@ -465,12 +472,48 @@ function parseDataParams(str) {
 function parseCssUrl(s) {
   return s.replace(/url\("|"\).*/g, "");
 }
+function runIdleJob(iterator2, job) {
+  return new Promise((resolve) => {
+    const scheduler = window.requestIdleCallback || ((cb) => {
+      return setTimeout(() => {
+        cb({
+          didTimeout: true,
+          timeRemaining: () => 50
+        });
+      }, 1);
+    });
+    function runBatch(deadline) {
+      while (deadline.timeRemaining() > 0) {
+        const { value, done } = iterator2.next();
+        if (done) {
+          resolve(true);
+          return;
+        }
+        job(value);
+      }
+      scheduler(runBatch);
+    }
+    scheduler(runBatch);
+  });
+}
+function containMutation(container, callback) {
+  container.style.contain = "content";
+  try {
+    callback();
+  } finally {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        container.style.contain = "none";
+      });
+    });
+  }
+}
 function createTextFilter(filterName, dataPropName, positive) {
   const filterNameValue = `${filterName}Words`;
   return {
-    handle(el2, state, searchFilter) {
+    handle(e, state, searchFilter) {
       if (!Object.hasOwn(state, filterName) || !state[filterName]) return false;
-      return !(searchFilter == null ? void 0 : searchFilter(el2[dataPropName]));
+      return !(searchFilter == null ? void 0 : searchFilter(e[dataPropName]));
     },
     $preDefine: (state) => {
       const r = new RegexFilter(state[filterNameValue]);
@@ -481,9 +524,9 @@ function createTextFilter(filterName, dataPropName, positive) {
   };
 }
 const filterDuration = {
-  handle(el2, state, notInRange) {
+  handle(e, state, notInRange) {
     if (!state.filterDuration) return false;
-    return !!(notInRange == null ? void 0 : notInRange(el2.duration));
+    return !!(notInRange == null ? void 0 : notInRange(e.duration));
   },
   $preDefine: (state) => {
     const from = state.filterDurationFrom;
@@ -501,26 +544,27 @@ const defaultDataFilterFns = {
   filterInclude: createTextFilter("filterInclude", "title", true),
   filterUploaderExclude: createTextFilter("filterUploaderExclude", "uploader", false),
   filterUploaderInclude: createTextFilter("filterUploaderInclude", "uploader", true),
-  filterHD: (el2, state) => state.filterHD && !el2.hd,
-  filterNonHD: (el2, state) => state.filterNonHD && el2.hd,
-  filterPrivate: (el2, state) => state.filterPrivate && el2.private,
-  filterPublic: (el2, state) => state.filterPublic && !el2.private
+  filterHD: (e, state) => state.filterHD && !e.hd,
+  filterNonHD: (e, state) => state.filterNonHD && e.hd,
+  filterPrivate: (e, state) => state.filterPrivate && e.private,
+  filterPublic: (e, state) => state.filterPublic && !e.private
 };
 class DataFilter {
   constructor(rules) {
     __publicField(this, "filters", /* @__PURE__ */ new Map());
-    __publicField(this, "customDataFilterFns", {});
     __publicField(this, "filterMapping", {});
+    __publicField(this, "customDataFilterFns", {});
     this.rules = rules;
     this.registerFilters(rules.customDataFilterFns);
-    this.applyCSSFilters();
+    this.createCssFilters();
   }
-  static isFiltered(el2) {
-    return el2.className.includes("filter-");
+  static isFiltered(e) {
+    return e.className.includes(DataFilterFn.prefix);
   }
-  applyCSSFilters(wrapper) {
+  createCssFilters(wrapper) {
     this.filters.forEach((_2, name) => {
-      const cssRule = `.filter-${name} { display: none !important; }`;
+      const className = DataFilterFn.setPrefix(name);
+      const cssRule = `.${className} { display: none !important; }`;
       GM_addStyle(wrapper ? wrapper(cssRule) : cssRule);
     });
   }
@@ -533,12 +577,12 @@ class DataFilter {
     });
   }
   registerFilter(customSelectorName) {
-    var _a3;
     const dataFilterFn = DataFilterFn.from(
       this.customDataFilterFns[customSelectorName],
       customSelectorName
     );
-    (_a3 = [customSelectorName, ...dataFilterFn.deps]) == null ? void 0 : _a3.forEach((name) => {
+    dataFilterFn.deps.push(customSelectorName);
+    dataFilterFn.deps.forEach((name) => {
       Object.assign(this.filterMapping, { [name]: customSelectorName });
     });
     this.filters.set(customSelectorName, dataFilterFn.renderFn(this.rules.store.state));
@@ -555,129 +599,82 @@ class DataManager {
       (target) => !DataFilter.isFiltered(target)
     ));
     __publicField(this, "dataFilter");
-    __publicField(this, "applyFilters", async (filters = {}, offset = 0) => {
-      const filtersToApply = this.dataFilter.selectFilters(filters);
-      if (filtersToApply.length === 0) return;
-      const iterator2 = this.data.values().drop(offset);
-      let finished = false;
-      const updates = [];
-      await new Promise((resolve) => {
-        function runBatch(deadline) {
-          while (deadline.timeRemaining() > 0) {
-            const { value, done } = iterator2.next();
-            finished = !!done;
-            if (done) break;
-            for (const f of filtersToApply) {
-              const { tag, condition } = f()(value);
-              updates.push({ e: value.element, tag, condition });
-            }
-          }
-          if (!finished) {
-            requestIdleCallback(runBatch);
-          } else {
-            resolve(true);
-          }
-        }
-        requestIdleCallback(runBatch);
-      });
-      const parents = new Set(updates.map((u) => u.e.parentElement));
-      requestAnimationFrame(() => {
-        const revertDisplayStyle = [...parents].map((p) => {
-          const display = p == null ? void 0 : p.style.display;
-          if (!display) return void 0;
-          p.style.display = "none";
-          p.style.contain = "layout style paint";
-          p.style.willChange = "contents";
-          return () => {
-            p.style.display = display;
-            requestAnimationFrame(() => {
-              p.style.willChange = "auto";
-            });
-          };
-        });
-        updates.forEach((u) => {
-          u.e.classList.toggle(u.tag, u.condition);
+    this.rules = rules;
+    this.containerHomogenity = containerHomogenity;
+    this.dataFilter = new DataFilter(this.rules);
+  }
+  async applyFilters(filters = {}, offset = 0) {
+    const filtersToApply = this.dataFilter.selectFilters(filters);
+    if (filtersToApply.length === 0) return;
+    const iterator2 = this.data.values().drop(offset);
+    const updates = [];
+    await runIdleJob(iterator2, (v2) => {
+      for (const f of filtersToApply) {
+        const { name, condition } = f()(v2);
+        updates.push({ e: v2.element, name, condition });
+      }
+    });
+    const parents = Map.groupBy(updates, (u) => u.e.parentElement);
+    parents.forEach((v2, parent) => {
+      const f = () => {
+        v2.forEach((u) => {
+          u.e.classList.toggle(u.name, u.condition);
         });
-        revertDisplayStyle.forEach((f) => {
-          f == null ? void 0 : f();
+      };
+      if (!parent) {
+        f();
+      } else {
+        requestAnimationFrame(() => {
+          containMutation(parent, f);
         });
-      });
+      }
     });
-    __publicField(this, "filterAll", async (offset) => {
-      const keys = Array.from(this.dataFilter.filters.keys());
-      const filters = Object.fromEntries(
-        keys.map((k2) => [k2, this.rules.store.state[k2]])
+  }
+  async filterAll(offset) {
+    const keys = Array.from(this.dataFilter.filters.keys());
+    const filters = Object.fromEntries(
+      keys.map((k2) => [k2, this.rules.store.state[k2]])
+    );
+    await this.applyFilters(filters, offset);
+  }
+  async parseData(html, container, removeDuplicates = false, shouldLazify = true) {
+    const thumbs = this.rules.thumbsParser.getThumbs(html);
+    const dataOffset = this.data.size;
+    const fragment = document.createDocumentFragment();
+    const parent = container || this.rules.container;
+    const homogenity = !!this.containerHomogenity;
+    for (const thumbElement of thumbs) {
+      const url = this.rules.thumbDataParser.getUrl(thumbElement);
+      const isHomogenic = homogenity && !checkHomogenity(
+        parent,
+        thumbElement.parentElement,
+        this.containerHomogenity
       );
-      await this.applyFilters(filters, offset);
-    });
-    __publicField(this, "parseData", (html, container, removeDuplicates = false, shouldLazify = true) => {
-      const thumbs = this.rules.thumbsParser.getThumbs(html);
-      const dataOffset = this.data.size;
-      const fragment = document.createDocumentFragment();
-      const parent = container || this.rules.container;
-      const homogenity = !!this.containerHomogenity;
-      if (parent) {
-        parent.style.contain = "layout style paint";
-        parent.style.willChange = "contents";
+      if (!url || this.data.has(url) || parent !== container && (parent == null ? void 0 : parent.contains(thumbElement)) || isHomogenic) {
+        if (removeDuplicates) thumbElement.remove();
+        continue;
       }
-      for (const thumbElement of thumbs) {
-        const url = this.rules.thumbDataParser.getUrl(thumbElement);
-        if (!url || this.data.has(url) || parent !== container && (parent == null ? void 0 : parent.contains(thumbElement)) || homogenity && !checkHomogenity(
-          parent,
-          thumbElement.parentElement,
-          this.containerHomogenity
-        )) {
-          if (removeDuplicates) thumbElement.remove();
-          continue;
-        }
-        const data = this.rules.thumbDataParser.getThumbData(thumbElement);
-        this.data.set(url, { element: thumbElement, ...data });
-        if (shouldLazify) {
-          const { img, imgSrc } = this.rules.thumbImgParser.getImgData(thumbElement);
-          this.lazyImgLoader.lazify(thumbElement, img, imgSrc);
-        }
-        fragment.append(thumbElement);
+      const data = this.rules.thumbDataParser.getThumbData(thumbElement);
+      this.data.set(url, { element: thumbElement, ...data });
+      if (shouldLazify) {
+        const { img, imgSrc } = this.rules.thumbImgParser.getImgData(thumbElement);
+        this.lazyImgLoader.lazify(thumbElement, img, imgSrc);
       }
-      this.filterAll(dataOffset).then(() => {
-        requestAnimationFrame(() => {
-          parent == null ? void 0 : parent.appendChild(fragment);
-        });
-      });
-    });
-    this.rules = rules;
-    this.containerHomogenity = containerHomogenity;
-    this.dataFilter = new DataFilter(this.rules);
+      fragment.append(thumbElement);
+    }
+    await this.filterAll(dataOffset);
+    if (!parent) return;
+    containMutation(parent, () => parent == null ? void 0 : parent.appendChild(fragment));
   }
   sortBy(key, direction = true) {
     if (this.data.size < 2) return;
-    const elements = this.data.values().toArray().filter((e) => e.element.parentElement !== null).map((e) => e);
-    const containers = new Set(elements.map((e) => e.element.parentElement));
-    containers.forEach((c) => {
-      c.style.contain = "layout style paint";
-      c.style.willChange = "contents";
-    });
-    const elementsByContainers = /* @__PURE__ */ new Map();
-    containers.forEach((c) => {
-      elementsByContainers.set(c, []);
-    });
-    elements.forEach((e) => {
-      const parent = e.element.parentElement;
-      const container = elementsByContainers.get(parent);
-      container == null ? void 0 : container.push(e);
-    });
+    const ds2 = this.data.values().toArray().filter((e) => e.element.parentElement !== null);
+    const byContainers = Map.groupBy(ds2, (e) => e.element.parentElement);
     const dir = direction ? -1 : 1;
-    for (const [container, items] of elementsByContainers) {
+    for (const [container, items] of byContainers) {
       items.sort((a2, b2) => (a2[key] - b2[key]) * dir);
-      const domNodes = items.map((e) => e.element);
-      const display = container.style.display;
-      container.style.display = "none";
-      container.replaceChildren(...domNodes);
-      requestAnimationFrame(() => {
-        container.style.display = display;
-        requestAnimationFrame(() => {
-          container.style.willChange = "auto";
-        });
-      });
+      const children = items.map((e) => e.element);
+      containMutation(container, () => container.replaceChildren(...children));
     }
   }
 }
@@ -2014,10 +2011,8 @@ class InfiniteScroller {
   }
   async doScroll(url, offset) {
     const page = await this.getPaginationData(url);
-    const prevScrollPos = document.documentElement.scrollTop;
     this.paginationOffset = Math.max(this.paginationOffset, offset);
     this.subject.next({ type: "scroll", scroller: this, page });
-    window.scrollTo(0, prevScrollPos);
     if (this.rules.store.state.writeHistory) {
       history.replaceState({}, "", url);
     }
@@ -2039,7 +2034,10 @@ class InfiniteScroller {
     infiniteScroller.subject.subscribe((x2) => {
       if (x2.type === "scroll") {
         rules.store.state.$paginationOffset = x2.scroller.paginationOffset;
-        rules.dataManager.parseData(x2.page);
+        const prevScrollPos = document.documentElement.scrollTop;
+        rules.dataManager.parseData(x2.page).then(() => {
+          window.scrollTo(0, prevScrollPos);
+        });
       }
     });
     rules.store.stateSubject.subscribe(() => {
@@ -3075,8 +3073,10 @@ class ThumbDataParser {
   }
   autoParseText(thumb) {
     var _a3;
-    const title = sanitizeStr(thumb.innerText);
-    const duration = timeToSeconds(((_a3 = title.match(/\d+m|\d+:\d+/)) == null ? void 0 : _a3[0]) || "");
+    let title = sanitizeStr(thumb.innerText);
+    const durationStr = ((_a3 = title.match(/(\d+:\d+:?\d+?)|\d+m/)) == null ? void 0 : _a3[0]) || "";
+    const duration = timeToSeconds(durationStr);
+    title = title.replaceAll(durationStr, "");
     return { title, duration };
   }
   getUrl(thumb) {
@@ -10013,6 +10013,7 @@ export {
   checkHomogenity,
   chunks,
   circularShift,
+  containMutation,
   copyAttributes,
   downloader,
   exterminateVideo,
@@ -10021,10 +10022,12 @@ export {
   fetchText,
   fetchWith,
   findNextSibling,
+  findSelfOrChild,
   formatTimeToHHMMSS,
   getCommonParents,
   getPaginationStrategy,
   instantiateTemplate,
+  irange,
   memoize,
   objectToFormData,
   parseCssUrl,
@@ -10039,6 +10042,7 @@ export {
   range,
   removeClassesAndDataAttributes,
   replaceElementTag,
+  runIdleJob,
   sanitizeStr,
   splitWith,
   timeToSeconds,