@jbrowse/core 2.13.1 → 2.14.0

package/util/index.js

@@ -87,7 +87,7 @@ exports.stripAlpha = stripAlpha;
 exports.getStrokeProps = getStrokeProps;
 exports.getFillProps = getFillProps;
 exports.renderToStaticMarkup = renderToStaticMarkup;
-/* eslint-disable @typescript-eslint/no-explicit-any */
+exports.isGzip = isGzip;
 const react_1 = require("react");
 const is_object_1 = __importDefault(require("is-object"));
 const mobx_state_tree_1 = require("mobx-state-tree");
@@ -127,7 +127,9 @@ function useWidthSetter(view, padding) {
             // sets after a requestAnimationFrame
             // https://stackoverflow.com/a/58701523/2129219
             // avoids ResizeObserver loop error being shown during development
-            requestAnimationFrame(() => view.setWidth(width - Number.parseInt(padding, 10) * 2));
+            requestAnimationFrame(() => {
+                view.setWidth(width - Number.parseInt(padding, 10) * 2);
+            });
         }
     }, [padding, view, width]);
     return ref;
@@ -137,19 +139,20 @@ function useDebouncedCallback(callback, wait = 400) {
     // track args & timeout handle between calls
     const argsRef = (0, react_1.useRef)();
     const timeout = (0, react_1.useRef)();
-    function cleanup() {
+    // make sure our timeout gets cleared if our consuming component gets
+    // unmounted
+    (0, react_1.useEffect)(() => {
         if (timeout.current) {
             clearTimeout(timeout.current);
         }
-    }
-    // make sure our timeout gets cleared if our consuming component gets
-    // unmounted
-    (0, react_1.useEffect)(() => cleanup, []);
+    }, []);
     return function debouncedCallback(...args) {
         // capture latest args
         argsRef.current = args;
         // clear debounce timer
-        cleanup();
+        if (timeout.current) {
+            clearTimeout(timeout.current);
+        }
         // start waiting again
         timeout.current = setTimeout(() => {
             if (argsRef.current) {
@@ -218,16 +221,22 @@ function springAnimate(fromValue, toValue, setValue, onFinish = () => { }, preci
         }
         else {
             setValue(position);
-            animationFrameId = requestAnimationFrame(() => update({
-                lastPosition: position,
-                lastTime: time,
-                lastVelocity: velocity,
-            }));
+            animationFrameId = requestAnimationFrame(() => {
+                update({
+                    lastPosition: position,
+                    lastTime: time,
+                    lastVelocity: velocity,
+                });
+            });
         }
     }
     return [
-        () => update({ lastPosition: fromValue }),
-        () => cancelAnimationFrame(animationFrameId),
+        () => {
+            update({ lastPosition: fromValue });
+        },
+        () => {
+            cancelAnimationFrame(animationFrameId);
+        },
     ];
 }
 /**
@@ -362,19 +371,26 @@ function parseLocStringOneBased(locString, isValidRefName) {
     }
     // remove any whitespace
     locString = locString.replace(/\s/, '');
-    // refNames can have colons, ref https://samtools.github.io/hts-specs/SAMv1.pdf Appendix A
-    const assemblyMatch = locString.match(/({(.+)})?(.+)/);
+    // refNames can have colons, refer to
+    // https://samtools.github.io/hts-specs/SAMv1.pdf Appendix A
+    const assemblyMatch = /({(.+)})?(.+)/.exec(locString);
     if (!assemblyMatch) {
         throw new Error(`invalid location string: "${locString}"`);
     }
-    const [, , assemblyName, location] = assemblyMatch;
+    const [, , assemblyName2, location2] = assemblyMatch;
+    const assemblyName = assemblyName2;
+    const location = location2;
     if (!assemblyName && location.startsWith('{}')) {
         throw new Error(`no assembly name was provided in location "${location}"`);
     }
     const lastColonIdx = location.lastIndexOf(':');
     if (lastColonIdx === -1) {
         if (isValidRefName(location, assemblyName)) {
-            return { assemblyName, refName: location, reversed };
+            return {
+                assemblyName,
+                refName: location,
+                reversed,
+            };
         }
         throw new Error(`Unknown reference sequence "${location}"`);
     }
@@ -387,9 +403,9 @@ function parseLocStringOneBased(locString, isValidRefName) {
     else if (isValidRefName(prefix, assemblyName)) {
         if (suffix) {
             // see if it's a range
-            const rangeMatch = suffix.match(/^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)(-?(\d+|\d{1,3}(,\d{3})*))$/);
+            const rangeMatch = /^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)(-?(\d+|\d{1,3}(,\d{3})*))$/.exec(suffix);
             // see if it's a single point
-            const singleMatch = suffix.match(/^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)?$/);
+            const singleMatch = /^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)?$/.exec(suffix);
             if (rangeMatch) {
                 const [, start, , , , end] = rangeMatch;
                 if (start !== undefined && end !== undefined) {
@@ -428,11 +444,19 @@ function parseLocStringOneBased(locString, isValidRefName) {
             }
         }
         else {
-            return { assemblyName, refName: prefix, reversed };
+            return {
+                assemblyName,
+                refName: prefix,
+                reversed,
+            };
         }
     }
     else if (isValidRefName(location, assemblyName)) {
-        return { assemblyName, refName: location, reversed };
+        return {
+            assemblyName,
+            refName: location,
+            reversed,
+        };
     }
     throw new Error(`unknown reference sequence name in location "${locString}"`);
 }
@@ -671,7 +695,7 @@ reactionOptions, startedFunction, successFunction, errorFunction) {
             }
         }
         catch (e) {
-            if (thisInProgress && !thisInProgress.signal.aborted) {
+            if (!thisInProgress.signal.aborted) {
                 thisInProgress.abort();
             }
             handleError(e);
@@ -687,7 +711,7 @@ function renameRegionIfNeeded(refNameMap, region) {
     if ((0, mobx_state_tree_1.isStateTreeNode)(region) && !(0, mobx_state_tree_1.isAlive)(region)) {
         return region;
     }
-    if (region && (refNameMap === null || refNameMap === void 0 ? void 0 : refNameMap[region.refName])) {
+    if (refNameMap === null || refNameMap === void 0 ? void 0 : refNameMap[region.refName]) {
         // clone the region so we don't modify it
         region = (0, mobx_state_tree_1.isStateTreeNode)(region)
             ? { ...(0, mobx_state_tree_1.getSnapshot)(region) }
@@ -724,7 +748,7 @@ function minmax(a, b) {
 }
 function shorten(name, max = 70, short = 30) {
     return name.length > max
-        ? name.slice(0, short) + '...' + name.slice(-short)
+        ? `${name.slice(0, short)}...${name.slice(-short)}`
         : name;
 }
 function stringify({ refName, coord, assemblyName, oob, }, useAssemblyName) {
@@ -795,10 +819,15 @@ exports.complement = (() => {
 // otherwise listens for prerendered_canvas but reads empty pixels, and doesn't
 // get the contents of the canvas
 exports.rIC = typeof jest === 'undefined'
-    ? typeof window !== 'undefined' && window.requestIdleCallback
-        ? window.requestIdleCallback
-        : (cb) => setTimeout(() => cb(), 1)
-    : (cb) => cb();
+    ? // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        typeof window !== 'undefined' && window.requestIdleCallback
+            ? window.requestIdleCallback
+            : (cb) => setTimeout(() => {
+                cb();
+            }, 1)
+    : (cb) => {
+        cb();
+    };
 // prettier-ignore
 const widths = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2796875, 0.2765625, 0.3546875, 0.5546875, 0.5546875, 0.8890625, 0.665625, 0.190625, 0.3328125, 0.3328125, 0.3890625, 0.5828125, 0.2765625, 0.3328125, 0.2765625, 0.3015625, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.2765625, 0.2765625, 0.584375, 0.5828125, 0.584375, 0.5546875, 1.0140625, 0.665625, 0.665625, 0.721875, 0.721875, 0.665625, 0.609375, 0.7765625, 0.721875, 0.2765625, 0.5, 0.665625, 0.5546875, 0.8328125, 0.721875, 0.7765625, 0.665625, 0.7765625, 0.721875, 0.665625, 0.609375, 0.721875, 0.665625, 0.94375, 0.665625, 0.665625, 0.609375, 0.2765625, 0.3546875, 0.2765625, 0.4765625, 0.5546875, 0.3328125, 0.5546875, 0.5546875, 0.5, 0.5546875, 0.5546875, 0.2765625, 0.5546875, 0.5546875, 0.221875, 0.240625, 0.5, 0.221875, 0.8328125, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.3328125, 0.5, 0.2765625, 0.5546875, 0.5, 0.721875, 0.5, 0.5, 0.5, 0.3546875, 0.259375, 0.353125, 0.5890625];
 // xref https://gist.github.com/tophtucker/62f93a4658387bb61e4510c37e2e97cf
@@ -947,9 +976,9 @@ async function bytesForRegions(regions, index) {
     }))
         .reduce((a, b) => a + b.end - b.start, 0);
 }
-// supported adapter types by text indexer
-//  ensure that this matches the method found in @jbrowse/text-indexing/util
-function isSupportedIndexingAdapter(type) {
+// supported adapter types by text indexer ensure that this matches the method
+// found in @jbrowse/text-indexing/util
+function isSupportedIndexingAdapter(type = '') {
     return [
         'Gff3TabixAdapter',
         'VcfTabixAdapter',
@@ -958,17 +987,15 @@ function isSupportedIndexingAdapter(type) {
     ].includes(type);
 }
 function getBpDisplayStr(totalBp) {
-    let str;
     if (Math.floor(totalBp / 1000000) > 0) {
-        str = `${Number.parseFloat((totalBp / 1000000).toPrecision(3))}Mbp`;
+        return `${Number.parseFloat((totalBp / 1000000).toPrecision(3))}Mbp`;
     }
     else if (Math.floor(totalBp / 1000) > 0) {
-        str = `${Number.parseFloat((totalBp / 1000).toPrecision(3))}Kbp`;
+        return `${Number.parseFloat((totalBp / 1000).toPrecision(3))}Kbp`;
     }
     else {
-        str = `${toLocale(Math.floor(totalBp))}bp`;
+        return `${toLocale(Math.floor(totalBp))}bp`;
     }
-    return str;
 }
 function toLocale(n) {
     return n.toLocaleString('en-US');
@@ -976,7 +1003,7 @@ function toLocale(n) {
 function getTickDisplayStr(totalBp, bpPerPx) {
     return Math.floor(bpPerPx / 1000) > 0
         ? `${toLocale(Number.parseFloat((totalBp / 1000000).toFixed(2)))}M`
-        : `${toLocale(Math.floor(totalBp))}`;
+        : toLocale(Math.floor(totalBp));
 }
 function getViewParams(model, exportSVG) {
     // @ts-expect-error
@@ -992,7 +1019,7 @@ function getViewParams(model, exportSVG) {
     };
 }
 function getLayoutId({ sessionId, layoutId, }) {
-    return sessionId + '-' + layoutId;
+    return `${sessionId}-${layoutId}`;
 }
 // Hook from https://usehooks.com/useLocalStorage/
 function useLocalStorage(key, initialValue) {
@@ -1046,11 +1073,13 @@ function coarseStripHTML(s) {
     return s.replaceAll(/(<([^>]+)>)/gi, '');
 }
 // based on autolink-js, license MIT
+// https://github.com/bryanwoods/autolink-js/blob/1418049970152c56ced73d43dcc62d80b320fb71/autolink.js#L9
 function linkify(s) {
     const pattern = /(^|[\s\n]|<[A-Za-z]*\/?>)((?:https?|ftp):\/\/[-A-Z0-9+\u0026\u2019@#/%?=()~_|!:,.;]*[-A-Z0-9+\u0026@#/%=~()_|])/gi;
     return s.replaceAll(pattern, '$1<a href=\'$2\' target="_blank">$2</a>');
 }
-// heuristic measurement for a column of a @mui/x-data-grid, pass in values from a column
+// heuristic measurement for a column of a @mui/x-data-grid, pass in
+// values from a column
 function measureGridWidth(elements, args) {
     const { padding = 30, minWidth = 80, fontSize = 12, maxWidth = 1000, stripHTML = false, } = args || {};
     return max(elements
@@ -1068,18 +1097,18 @@ function localStorageGetItem(item) {
         : undefined;
 }
 function localStorageSetItem(str, item) {
-    return typeof localStorage !== 'undefined'
-        ? localStorage.setItem(str, item)
-        : undefined;
+    if (typeof localStorage !== 'undefined') {
+        localStorage.setItem(str, item);
+    }
 }
-function max(arr, init = -Infinity) {
+function max(arr, init = Number.NEGATIVE_INFINITY) {
     let max = init;
     for (const entry of arr) {
         max = entry > max ? entry : max;
     }
     return max;
 }
-function min(arr, init = Infinity) {
+function min(arr, init = Number.POSITIVE_INFINITY) {
     let min = init;
     for (const entry of arr) {
         min = entry < min ? entry : min;
@@ -1097,11 +1126,13 @@ function avg(arr) {
     return sum(arr) / arr.length;
 }
 function groupBy(array, predicate) {
-    var _a;
     const result = {};
     for (const value of array) {
-        const entry = (result[_a = predicate(value)] || (result[_a] = []));
-        entry.push(value);
+        const t = predicate(value);
+        if (!result[t]) {
+            result[t] = [];
+        }
+        result[t].push(value);
     }
     return result;
 }
@@ -1154,11 +1185,17 @@ function stripAlpha(str) {
 }
 function getStrokeProps(str) {
     const c = (0, colord_1.colord)(str);
-    return { strokeOpacity: c.alpha(), stroke: c.alpha(1).toHex() };
+    return {
+        strokeOpacity: c.alpha(),
+        stroke: c.alpha(1).toHex(),
+    };
 }
 function getFillProps(str) {
     const c = (0, colord_1.colord)(str);
-    return { fillOpacity: c.alpha(), fill: c.alpha(1).toHex() };
+    return {
+        fillOpacity: c.alpha(),
+        fill: c.alpha(1).toHex(),
+    };
 }
 // https://react.dev/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code
 function renderToStaticMarkup(node, createRootFn) {
@@ -1173,6 +1210,9 @@ function renderToStaticMarkup(node, createRootFn) {
     });
     return div.innerHTML.replaceAll(/\brgba\((.+?),[^,]+?\)/g, 'rgb($1)');
 }
+function isGzip(buf) {
+    return buf[0] === 31 && buf[1] === 139 && buf[2] === 8;
+}
 var simpleFeature_1 = require("./simpleFeature");
 Object.defineProperty(exports, "SimpleFeature", { enumerable: true, get: function () { return __importDefault(simpleFeature_1).default; } });
 Object.defineProperty(exports, "isFeature", { enumerable: true, get: function () { return simpleFeature_1.isFeature; } });

package/util/io/RemoteFileWithRangeCache.js

@@ -25,13 +25,12 @@ function clearCache() {
 }
 class RemoteFileWithRangeCache extends generic_filehandle_1.RemoteFile {
     async fetch(url, init) {
-        var _a;
         const str = String(url);
         if (!fetchers[str]) {
             fetchers[str] = this.fetchBinaryRange.bind(this);
         }
         // if it is a range request, route it through the range cache
-        const range = (_a = new Headers(init === null || init === void 0 ? void 0 : init.headers)) === null || _a === void 0 ? void 0 : _a.get('range');
+        const range = new Headers(init === null || init === void 0 ? void 0 : init.headers).get('range');
         if (range) {
             const rangeParse = /bytes=(\d+)-(\d+)/.exec(range);
             if (rangeParse) {
@@ -62,7 +61,6 @@ class RemoteFileWithRangeCache extends generic_filehandle_1.RemoteFile {
         }
         // translate the Headers object into a regular key -> value object.
         // will miss duplicate headers of course
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const headers = {};
         for (const [k, v] of res.headers.entries()) {
             headers[k] = v;

package/util/io/index.js

@@ -27,9 +27,6 @@ function resolveUriLocation(location) {
         : location;
 }
 function openLocation(location, pluginManager) {
-    if (!location) {
-        throw new Error('must provide a location to openLocation');
-    }
     if (isLocalPathLocation(location)) {
         if (!location.localPath) {
             throw new Error('No local path provided');
@@ -95,8 +92,9 @@ function getInternetAccount(location, pluginManager) {
         if (!location.internetAccountPreAuthorization.authInfo.token) {
             throw new Error('Failed to obtain token from internet account. Try reloading the page');
         }
-        const internetAccountType = pluginManager.getInternetAccountType(location.internetAccountPreAuthorization.internetAccountType);
-        return internetAccountType.stateModel.create({
+        return pluginManager
+            .getInternetAccountType(location.internetAccountPreAuthorization.internetAccountType)
+            .stateModel.create({
             type: location.internetAccountPreAuthorization.internetAccountType,
             configuration: location.internetAccountPreAuthorization.authInfo.configuration,
         });

package/util/jexlStrings.js

@@ -5,19 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stringToJexlExpression = stringToJexlExpression;
 const jexl_1 = __importDefault(require("./jexl"));
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const compilationCache = {};
-// revert function strings back to main, create a different file for jexlStrings.ts
-// pass the jexl property of the pluginManager as a param
+// revert function strings back to main, create a different file for
+// jexlStrings.ts pass the jexl property of the pluginManager as a param
 /**
  * compile a jexlExpression to a string
  *
  * @param str - string of code like `jexl:...`
  * @param options -
  */
-function stringToJexlExpression(str, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-jexl) {
+function stringToJexlExpression(str, jexl) {
     const cacheKey = `nosig|${str}`;
     if (!compilationCache[cacheKey]) {
         const match = str.startsWith('jexl:');
@@ -26,8 +23,8 @@ jexl) {
         }
         const code = str.split('jexl:')[1];
         const compiled = jexl
-            ? jexl.compile(`${code}`)
-            : (0, jexl_1.default)().compile(`${code}`);
+            ? jexl.compile(code)
+            : (0, jexl_1.default)().compile(code);
         compilationCache[cacheKey] = compiled;
     }
     return compilationCache[cacheKey];

package/util/layouts/GranularRectLayout.js

@@ -328,14 +328,11 @@ class GranularRectLayout {
      *  the features.
      */
     discardRange(left, right) {
-        // console.log( 'discard', left, right );
         const pLeft = Math.floor(left / this.pitchX);
         const pRight = Math.floor(right / this.pitchX);
         const { bitmap } = this;
         for (const row of bitmap) {
-            if (row) {
-                row.discardRange(pLeft, pRight);
-            }
+            row.discardRange(pLeft, pRight);
         }
     }
     hasSeen(id) {

package/util/layouts/SceneGraph.d.ts

@@ -35,7 +35,7 @@ export default class SceneGraph {
     expand(newLeft: number, newRight: number, newTop: number, newBottom: number): void;
     get bottom(): number;
     get right(): number;
-    walkParents(callback: Function): void;
+    walkParents(callback: (arg: SceneGraph) => void): void;
     walkChildren(callback: (c: SceneGraph) => void): void;
     get absolute(): AbsoluteCache;
     move(x: number, y: number): void;

package/util/layouts/SceneGraph.js

@@ -4,9 +4,7 @@ class SceneGraph {
     /**
      * note: all coordinates are inter-base or inter-pixel coordinates
      */
-    constructor(name, left, top, width, height, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data) {
+    constructor(name, left, top, width, height, data) {
         this.name = name;
         this.left = left;
         this.top = top;
@@ -16,9 +14,7 @@ class SceneGraph {
         this.children = new Map();
         this.absoluteCache = { dirty: true };
     }
-    addChild(nameOrSceneGraph, left, top, width, height, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data) {
+    addChild(nameOrSceneGraph, left, top, width, height, data) {
         const child = nameOrSceneGraph instanceof SceneGraph
             ? nameOrSceneGraph
             : new SceneGraph(nameOrSceneGraph, left, top, width, height, data);

package/util/map-obj.js

@@ -9,25 +9,33 @@ const isObjectCustom = (value) => isObject(value) &&
     !(value instanceof RegExp) &&
     !(value instanceof Error) &&
     !(value instanceof Date) &&
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     !(globalThis.Blob && value instanceof globalThis.Blob);
 function map(object, mapper, isSeen = new WeakSet()) {
     if (isSeen.has(object)) {
         return;
     }
     isSeen.add(object);
-    const mapArray = (array) => array.forEach(element => {
-        mapper(element);
-        if (isObject(element)) {
-            map(element, mapper, isSeen);
-        }
-    });
+    const mapArray = (array) => {
+        array.forEach(element => {
+            mapper(element);
+            if (isObject(element)) {
+                map(element, mapper, isSeen);
+            }
+        });
+    };
     if (Array.isArray(object)) {
         mapArray(object);
     }
     for (const value of Object.values(object)) {
         mapper(value);
         if (isObjectCustom(value)) {
-            Array.isArray(value) ? mapArray(value) : map(value, mapper, isSeen);
+            if (Array.isArray(value)) {
+                mapArray(value);
+            }
+            else {
+                map(value, mapper, isSeen);
+            }
         }
     }
 }

package/util/mst-reflection.js

@@ -6,7 +6,6 @@ exports.getPropertyType = getPropertyType;
 exports.getDefaultValue = getDefaultValue;
 exports.getEnumerationValues = getEnumerationValues;
 exports.resolveLateType = resolveLateType;
-/* eslint-disable no-underscore-dangle */
 const mobx_state_tree_1 = require("mobx-state-tree");
 /**
  * get the inner type of an MST optional, array, or late type object
@@ -29,8 +28,8 @@ function getSubType(type) {
     else {
         throw new TypeError('unsupported mst type');
     }
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!t) {
-        // debugger
         throw new Error('failed to get subtype');
     }
     return t;

package/util/nanoid.js

@@ -7,15 +7,15 @@ exports.nanoid = exports.customAlphabet = exports.customRandom = exports.random
 // The order of characters is optimized for better gzip and brotli compression.
 // Same as in non-secure/index.js
 exports.urlAlphabet = 'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
-let random = bytes => crypto.getRandomValues(new Uint8Array(bytes));
+const random = bytes => crypto.getRandomValues(new Uint8Array(bytes));
 exports.random = random;
-let customRandom = (alphabet, defaultSize, getRandom) => {
+const customRandom = (alphabet, defaultSize, getRandom) => {
     // First, a bitmask is necessary to generate the ID. The bitmask makes bytes
     // values closer to the alphabet size. The bitmask calculates the closest
     // `2^31 - 1` number, which exceeds the alphabet size.
     // For example, the bitmask for the alphabet size 30 is 31 (00011111).
     // `Math.clz32` is not used, because it is not available in browsers.
-    let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1;
+    const mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1;
     // Though, the bitmask solution is not perfect since the bytes exceeding
     // the alphabet size are refused. Therefore, to reliably generate the ID,
     // the random bytes redundancy has to be satisfied.
@@ -28,26 +28,27 @@ let customRandom = (alphabet, defaultSize, getRandom) => {
     // according to benchmarks).
     // `-~f => Math.ceil(f)` if f is a float
     // `-~i => i + 1` if i is an integer
-    let step = -~((1.6 * mask * defaultSize) / alphabet.length);
+    const step = -~((1.6 * mask * defaultSize) / alphabet.length);
     return (size = defaultSize) => {
         let id = '';
         while (true) {
-            let bytes = getRandom(step);
+            const bytes = getRandom(step);
             // A compact alternative for `for (var i = 0; i < step; i++)`.
             let j = step;
             while (j--) {
                 // Adding `|| ''` refuses a random byte that exceeds the alphabet size.
                 id += alphabet[bytes[j] & mask] || '';
-                if (id.length === size)
+                if (id.length === size) {
                     return id;
+                }
             }
         }
     };
 };
 exports.customRandom = customRandom;
-let customAlphabet = (alphabet, size = 21) => (0, exports.customRandom)(alphabet, size, exports.random);
+const customAlphabet = (alphabet, size = 21) => (0, exports.customRandom)(alphabet, size, exports.random);
 exports.customAlphabet = customAlphabet;
-let nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
+const nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
     // It is incorrect to use bytes exceeding the alphabet size.
     // The following mask reduces the random byte in the 0-255 value
     // range to the 0-63 value range. Therefore, adding hacks, such

package/util/offscreenCanvasPonyfill.d.ts

@@ -3,6 +3,6 @@ type AbstractImageBitmap = any;
 export declare let createCanvas: (width: number, height: number) => AbstractCanvas;
 export declare let createImageBitmap: (canvas: AbstractCanvas) => Promise<AbstractImageBitmap>;
 /** the JS class (constructor) for offscreen-generated image bitmap data */
-export declare let ImageBitmapType: Function;
+export declare let ImageBitmapType: unknown;
 export declare function drawImageOntoCanvasContext(imageData: any, context: CanvasRenderingContext2D): void;
 export {};

package/util/offscreenCanvasPonyfill.js

@@ -9,9 +9,7 @@ exports.ImageBitmapType = exports.createImageBitmap = exports.createCanvas = voi
 exports.drawImageOntoCanvasContext = drawImageOntoCanvasContext;
 const detect_node_1 = __importDefault(require("detect-node"));
 const canvas_sequencer_1 = require("canvas-sequencer");
-function drawImageOntoCanvasContext(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-imageData, context) {
+function drawImageOntoCanvasContext(imageData, context) {
     if (imageData.serializedCommands) {
         const seq = new canvas_sequencer_1.CanvasSequence(imageData.serializedCommands);
         seq.execute(context);
@@ -26,27 +24,26 @@ const weHave = {
 };
 if (weHave.realOffscreenCanvas) {
     exports.createCanvas = (width, height) => new OffscreenCanvas(width, height);
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     exports.createImageBitmap = window.createImageBitmap || self.createImageBitmap;
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     exports.ImageBitmapType = window.ImageBitmap || self.ImageBitmap;
 }
 else if (weHave.node) {
     // use node-canvas if we are running in node (i.e. automated tests)
     exports.createCanvas = (...args) => {
         // @ts-expect-error
-        // eslint-disable-next-line no-undef
         return nodeCreateCanvas(...args);
     };
-    exports.createImageBitmap = async (canvas, ...otherargs) => {
-        if (otherargs.length > 0) {
-            throw new Error('only one-argument uses of createImageBitmap are supported by the node offscreencanvas ponyfill');
-        }
+    exports.createImageBitmap = async (canvas) => {
         const dataUri = canvas.toDataURL();
         // @ts-expect-error
-        // eslint-disable-next-line no-undef
         const img = new nodeImage();
         return new Promise((resolve, reject) => {
             // need onload for jest
-            img.onload = () => resolve(img);
+            img.onload = () => {
+                resolve(img);
+            };
             img.onerror = reject;
             img.src = dataUri;
         });

package/util/offscreenCanvasUtils.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type RenderReturn = Record<string, unknown> | void;
+export type RenderReturn = Record<string, unknown> | undefined;
 type RendererRet = Promise<RenderReturn> | RenderReturn;
 export declare function renderToAbstractCanvas(width: number, height: number, opts: {
     exportSVG?: {

package/util/offscreenCanvasUtils.js

@@ -91,7 +91,5 @@ async function getSerializedSvg(results) {
     return ctx.getSvg().innerHTML;
 }
 function ReactRendering({ rendering, }) {
-    return react_1.default.isValidElement(rendering.reactElement) ? (rendering.reactElement) : (react_1.default.createElement("g", { 
-        /* eslint-disable-next-line react/no-danger */
-        dangerouslySetInnerHTML: { __html: rendering.html || '' } }));
+    return react_1.default.isValidElement(rendering.reactElement) ? (rendering.reactElement) : (react_1.default.createElement("g", { dangerouslySetInnerHTML: { __html: rendering.html || '' } }));
 }

package/util/rxjs.js

@@ -14,8 +14,10 @@ function ObservableCreate(func, signal) {
         try {
             const ret = func(observer);
             // catch async errors
-            if (ret && ret.catch) {
-                ret.catch(error => observer.error(error));
+            if (ret === null || ret === void 0 ? void 0 : ret.catch) {
+                ret.catch((error) => {
+                    observer.error(error);
+                });
             }
         }
         catch (error) {