refactor: replace deprecated .substr() w/ .substring()

examples/cellular-automata/src/index.ts

@@ -1,4 +1,7 @@
-import { dropdown, type DropDownOption } from "@thi.ng/hdom-components/dropdown";
+import {
+    dropdown,
+    type DropDownOption,
+} from "@thi.ng/hdom-components/dropdown";
 import { start } from "@thi.ng/hdom/start";
 import { bits } from "@thi.ng/transducers-binary/bits";
 import { comp } from "@thi.ng/transducers/comp";
@@ -130,12 +133,14 @@ const isPreset = (id: string) => presets.findIndex((x) => x[0] === id) !== -1;
 
 // Use Conway CA default state rules [[dead], [alive]] if no preset present in hash
 applyRules(
-    location.hash.length > 18 ? location.hash.substr(1) : <string>presets[1][0]
+    location.hash.length > 18
+        ? location.hash.substring(1)
+        : <string>presets[1][0]
 );
 
 // define & start main app component
 start(() => {
-    const id = location.hash.substr(1);
+    const id = location.hash.substring(1);
     return [
         "div",
         ruleBoxes("birth", 0),

examples/color-themes/src/serialize.ts

@@ -12,7 +12,7 @@ export const initFromHash = (
 ) => {
     // attempt to restore state from hash fragment
     if (location.hash.length > 1) {
-        const tokens = atob(location.hash.substr(1)).split("|");
+        const tokens = window.atob(location.hash.substring(1)).split("|");
         if (tokens.length === NUM_STATE_TOKENS) {
             seed.next(parseInt(tokens[0]));
             num.next(parseInt(tokens[1]));
@@ -31,7 +31,7 @@ export const initFromHash = (
 /**
  * Attaches subscription to store current config base64 encoded in hash fragment
  *
- * @param parent - 
+ * @param parent -
  */
 export const attachSerializer = (parent: ISubscribable<MainOutputs>) =>
     parent.subscribe({

examples/commit-table-ssr/src/common/components/repo-table.ts

@@ -12,8 +12,8 @@ import { table } from "./table";
  * Git commit log table component. Consumes iterable of `Commit` objects
  * and transforms each into a table row.
  *
- * @param _ - 
- * @param commits - 
+ * @param _ -
+ * @param commits -
  */
 export const repoTable = (_: AppContext, commits: Iterable<Commit>) => [
     table,
@@ -23,7 +23,7 @@ export const repoTable = (_: AppContext, commits: Iterable<Commit>) => [
         comp(
             // convert commit into tuple, one value per table cell
             map((x: Commit) => [
-                x.date.substr(0, 10),
+                x.date.substring(0, 10),
                 x.author,
                 [commitLink, x.sha, x.msg],
                 x.files,
@@ -34,7 +34,7 @@ export const repoTable = (_: AppContext, commits: Iterable<Commit>) => [
             partitionBy((row: any[]) => row[0].split("-")[1]),
             // insert month headers (but not in 1st chunk)
             mapIndexed((i, month) => [
-                i > 0 ? [month[0][0].substr(0, 7), ...repeat("", 5)] : null,
+                i > 0 ? [month[0][0].substring(0, 7), ...repeat("", 5)] : null,
                 month,
             ])
         ),

examples/crypto-chart/src/index.ts

@@ -1,5 +1,8 @@
 import type { Fn, IObjectOf } from "@thi.ng/api";
-import { dropdown, type DropDownOption } from "@thi.ng/hdom-components/dropdown";
+import {
+    dropdown,
+    type DropDownOption,
+} from "@thi.ng/hdom-components/dropdown";
 import { group } from "@thi.ng/hiccup-svg/group";
 import { line } from "@thi.ng/hiccup-svg/line";
 import { polygon } from "@thi.ng/hiccup-svg/polygon";
@@ -163,7 +166,7 @@ const THEMES: any = {
 const API_URL = (market: string, symbol: string, period: number) =>
     `https://min-api.cryptocompare.com/data/histo${TIMEFRAMES[
         period
-    ].toLowerCase()}?fsym=${symbol.substr(0, 3)}&tsym=${symbol.substr(
+    ].toLowerCase()}?fsym=${symbol.substring(0, 3)}&tsym=${symbol.substring(
         3
     )}&limit=168&aggregate=1&e=${market}`;
 

examples/hdom-canvas-shapes/src/index.ts

@@ -407,7 +407,7 @@ sync({
 // seed initial test selection
 selection.next(
     window.location.hash.length > 1
-        ? window.location.hash.substr(1).replace(/-/g, " ")
+        ? window.location.hash.substring(1).replace(/-/g, " ")
         : "shape morph"
 );
 

examples/hdom-dropdown-fuzzy/src/fuzzy.ts

@@ -5,7 +5,11 @@ import { comp } from "@thi.ng/transducers/comp";
 import { filterFuzzy } from "@thi.ng/transducers/filter-fuzzy";
 import { iterator } from "@thi.ng/transducers/iterator";
 import { map } from "@thi.ng/transducers/map";
-import { dropdownListeners, type DropdownItem, type DropdownState } from "./dropdown";
+import {
+    dropdownListeners,
+    type DropdownItem,
+    type DropdownState,
+} from "./dropdown";
 
 export interface FuzzyArgs {
     state: IView<DropdownState>;
@@ -92,6 +96,6 @@ const highlightMatches = (
             j++;
         }
     }
-    prev < n && res.push(x.substr(prev + 1));
+    prev < n && res.push(x.substring(prev + 1));
     return res;
 };

examples/hdom-vscroller/src/index.ts

@@ -48,7 +48,7 @@ const repoLink = (_: any, sha: string, body: any) => [
 
 const packageLink = (_: any, name: any) => [
     "a.link.blue",
-    { href: `${REPO_BASE}tree/develop/packages/${name.substr(8)}` },
+    { href: `${REPO_BASE}tree/develop/packages/${name.substring(8)}` },
     name,
 ];
 

examples/mandelbrot/src/index.ts

@@ -295,7 +295,7 @@ newRender.apply(
     null,
     <any>(
         (location.hash.length > 1
-            ? location.hash.substr(1).split(";").map(parseFloat)
+            ? location.hash.substring(1).split(";").map(parseFloat)
             : DEFAULT_CONFIG)
     )
 );

examples/package-stats/src/dep-chart.ts

@@ -74,7 +74,7 @@ fs.writeFileSync(
                 axis: [50, width - 15, 170],
                 domain: [0, packageDeps.length, 1],
                 range: [50, width - 5],
-                ticks: [...map((x) => x[0].substr(8), packageDeps)],
+                ticks: [...map((x) => x[0].substring(8), packageDeps)],
                 label: labeledTickX,
             },
             y: {

examples/package-stats/src/size-chart.ts

@@ -30,7 +30,7 @@ const meta = transduce(
 );
 
 writeFileSync(
-    `package-sizes-${new Date().toISOString().substr(0, 10)}.json`,
+    `package-sizes-${new Date().toISOString().substring(0, 10)}.json`,
     JSON.stringify(meta, null, 4)
 );
 console.log(meta.length);

examples/parse-playground/src/index.ts

@@ -52,7 +52,7 @@ import {
 // this uses a base64 & msgpack encoded version of the two editors
 const parseState = ((): Nullable<string[]> => {
     try {
-        return deserialize(base64Decode(location.hash.substr(1)));
+        return deserialize(base64Decode(location.hash.substring(1)));
     } catch (e) {}
 })() || [DEFAULT_GRAMMAR, DEFAULT_RULE, ...DEFAULT_INPUTS];
 

examples/rdom-basics/src/index.ts

@@ -24,7 +24,7 @@ const typewriter = (min: number, max: number) => (src: string) =>
         let active = true;
         (async () => {
             for (let i = 1; active && i <= src.length; i++) {
-                s.next(src.substr(0, i));
+                s.next(src.substring(0, i));
                 await delayed(0, Math.random() * (max - min) + min);
             }
             s.closeIn !== CloseMode.NEVER && s.done();

examples/talk-slides/src/index.ts

@@ -66,7 +66,7 @@ const main = sync({
 if (INTERACTIVE) {
     main.transform(map(app(SLIDES.length, ctx)), updateDOM({ ctx }));
     initKeys(slideCTRL);
-    slideCTRL.next(parseSlideID(location.hash.substr(1)));
+    slideCTRL.next(parseSlideID(location.hash.substring(1)));
 } else {
     renderOnce(() => [printApp, SLIDES], { ctx });
 }

packages/args/src/coerce.ts

@@ -50,8 +50,8 @@ export function coerceKV(delim = "=", strict = false, multi = false) {
                     `got '${x}', but expected a 'key${delim}value' pair`
                 );
             if (idx > 0) {
-                const id = x.substr(0, idx);
-                const val = x.substr(idx + 1);
+                const id = x.substring(0, idx);
+                const val = x.substring(idx + 1);
                 if (multi) {
                     acc[id] ? (<string[]>acc[id]).push(val) : (acc[id] = [val]);
                 } else {

packages/args/src/parse.ts

@@ -83,9 +83,9 @@ const parseKey = <T extends IObjectOf<any>>(
         if (a[1] === "-") {
             // terminator arg, stop parsing
             if (a === "--") return { state: 1 };
-            id = camel(a.substr(2));
+            id = camel(a.substring(2));
         } else {
-            id = aliases[a.substr(1)];
+            id = aliases[a.substring(1)];
             !id && illegalArgs(`unknown option: ${a}`);
         }
         const spec: ArgSpecExt = specs[id];

packages/date/src/format.ts

@@ -122,7 +122,7 @@ export const FORMATTERS: Record<string, FormatFn> = {
      * Returns literal `"Z"` iff timezone offset is zero (UTC), else the same as
      * `Z` formatter.
      *
-     * @param d - 
+     * @param d -
      */
     ZZ: (d, utc = false) => (utc ? "Z" : FORMATTERS.Z(d, utc)),
     /**
@@ -164,7 +164,7 @@ export const FORMATTERS: Record<string, FormatFn> = {
  * // "yyyy"
  * ```
  *
- * @param fmt - 
+ * @param fmt -
  */
 export const defFormat =
     (fmt: (string | FormatFn)[]) =>
@@ -176,7 +176,7 @@ export const defFormat =
                 let fn: FormatFn;
                 return isString(x)
                     ? x.startsWith("\\")
-                        ? x.substr(1)
+                        ? x.substring(1)
                         : (fn = FORMATTERS[x])
                         ? fn(d, utc)
                         : x

packages/date/src/relative.ts

@@ -100,7 +100,7 @@ const parseNum = (x: string, past: boolean) =>
 const parsePeriod = (x: string) => {
     x =
         x !== "s" && x !== "ms" && x.endsWith("s")
-            ? x.substr(0, x.length - 1)
+            ? x.substring(0, x.length - 1)
             : x;
     return <Period>{
             ms: "t",

packages/egf/src/parser.ts

@@ -49,7 +49,7 @@ export const parse = (src: string, ctx: ParseContext) => {
 };
 
 const parseInclude = (line: string, ctx: ParseContext) => {
-    const path = unescape(line.substr(INCLUDE.length));
+    const path = unescape(line.substring(INCLUDE.length));
     if (IS_NODE && ctx.opts.includes) {
         $parseFile(path, {
             ...ctx,
@@ -69,7 +69,7 @@ const parsePrefix = (line: string, ctx: ParseContext) => {
     if (idx > 0) {
         const id = unescape(line.substring(PREFIX.length, idx));
         if (RE_PREFIX.test(id)) {
-            const val = unescape(line.substr(idx + 2).trim());
+            const val = unescape(line.substring(idx + 2).trim());
             if (val.length) {
                 ctx.logger.debug(`declare prefix: ${id} = ${val}`);
                 ctx.prefixes[id] = val;
@@ -107,7 +107,7 @@ const parseProp = (
             ctx.index,
             node,
             key,
-            parseRef(unescape(line.substr(idx + 2).trim()), ctx)
+            parseRef(unescape(line.substring(idx + 2).trim()), ctx)
         );
         return ++i;
     } else if (line[idx] === "#") {
@@ -117,7 +117,7 @@ const parseProp = (
         idx++;
     }
     if (line[idx] === ">" && line[idx + 1] === ">" && line[idx + 2] === ">") {
-        body = line.substr(idx + 3);
+        body = line.substring(idx + 3);
         idx = body.indexOf("<<<");
         if (idx < 0) {
             const n = lines.length;
@@ -126,7 +126,7 @@ const parseProp = (
                 line = lines[i];
                 idx = line.indexOf("<<<");
                 if (idx >= 0) {
-                    body += "\n" + line.substr(0, idx);
+                    body += "\n" + line.substring(0, idx);
                     closed = true;
                     i++;
                     break;
@@ -136,11 +136,11 @@ const parseProp = (
             }
             !closed && illegalState("unterminated value, EOF reached");
         } else {
-            body = body.substr(0, idx);
+            body = body.substring(0, idx);
             i++;
         }
     } else {
-        body = line.substr(idx);
+        body = line.substring(idx);
         i++;
     }
     body = body.trim();
@@ -236,8 +236,8 @@ export const $parseFile = (path: string, ctx?: Partial<ParseContext>) => {
  * Parses EGF graph from given local file name, using provided options (if any)
  * to customize the parser. Returns object of graph `nodes` and `prefixes`.
  *
- * @param path - 
- * @param ctx - 
+ * @param path -
+ * @param ctx -
  */
 export const parseFile = (path: string, ctx?: Partial<ParseContext>) => {
     const res = $parseFile(path, ctx);
@@ -248,8 +248,8 @@ export const parseFile = (path: string, ctx?: Partial<ParseContext>) => {
  * Parses EGF graph from given string and provided options (if any) to customize
  * the parser. Returns object of graph `nodes` and `prefixes`.
  *
- * @param path - 
- * @param ctx - 
+ * @param path -
+ * @param ctx -
  */
 export const parseString = (src: string, ctx?: Partial<ParseContext>) => {
     const res = parse(src, initContext(ctx));

packages/egf/src/prefix.ts

@@ -26,7 +26,7 @@ export const defPrefixer = (prefixes: Prefixes) => {
     return (uri: string) => {
         const known = uriToID.knownPrefix(uri);
         return known
-            ? uriToID.get(known)! + ":" + uri.substr(known.length)
+            ? uriToID.get(known)! + ":" + uri.substring(known.length)
             : undefined;
     };
 };

packages/fsm/src/until.ts

@@ -26,7 +26,10 @@ export const untilStr =
             return buf.endsWith(str)
                 ? result(
                       callback &&
-                          callback(ctx, buf.substr(0, buf.length - str.length))
+                          callback(
+                              ctx,
+                              buf.substring(0, buf.length - str.length)
+                          )
                   )
                 : RES_PARTIAL;
         };

packages/fuzzy-viz/src/strategy.ts

@@ -54,8 +54,8 @@ import { varToHiccup } from "./var.js";
  * strategy.clear();
  * ```
  *
- * @param strategy - 
- * @param instrument - 
+ * @param strategy -
+ * @param instrument -
  */
 export const instrumentStrategy = <T>(
     strategy: DefuzzStrategy,
@@ -119,7 +119,10 @@ export const fuzzySetToAscii =
         }
         const index = Math.round(fit(res, min, max, 0, vals.length));
         let chart = barChartHLines(height, vals, 0, 1)
-            .map((line) => line.substr(0, index) + "|" + line.substr(index + 1))
+            .map(
+                (line) =>
+                    line.substring(0, index) + "|" + line.substring(index + 1)
+            )
             .join("\n")
             .replace(/ /g, empty);
         const legend = repeat(" ", index) + "^ " + res.toFixed(2);

packages/geom-io-obj/src/parser.ts

@@ -102,7 +102,7 @@ export const parseOBJ = (src: string, opts?: Partial<ParseOpts>) => {
         const l = lines[i];
         if (!l.length) continue;
         if (l[0] === "#") {
-            comments && result.comments.push(l.substr(1).trim());
+            comments && result.comments.push(l.substring(1).trim());
             continue;
         }
         const items = l.trim().split(/\s+/g);

packages/hdom-mock/src/index.ts

@@ -217,7 +217,7 @@ export class MockHDOM implements HDOMImplementation<HDOMNode> {
                     break;
                 default:
                     if (isListener) {
-                        const lid = id.substr(2);
+                        const lid = id.substring(2);
                         const listeners = el.listeners[lid];
                         (listeners || (el.listeners[lid] = [])).push(val);
                     } else {
@@ -236,7 +236,7 @@ export class MockHDOM implements HDOMImplementation<HDOMNode> {
         for (let i = attribs.length; i-- > 0; ) {
             const a = attribs[i];
             if (a.indexOf("on") === 0) {
-                const listeners = el.listeners[a.substr(2)];
+                const listeners = el.listeners[a.substring(2)];
                 if (listeners) {
                     const i = listeners.indexOf(prev[a]);
                     i >= 0 && listeners.splice(i, 1);