@jackens/nnn 2024.3.5 → 2024.3.31

package/nnn.d.ts

@@ -1,40 +1,3 @@
-/**
- * A helper for creating a chart based on a table (conf. <https://jackens.github.io/nnn/chartable/>).
- *
- * Options:
- * - `table`: `HTMLTableElement` to extract data, data series labels and X axis labels
- * - `headerColumn`: flag indicating that `table` has a header column with X axis labels
- * - `xGap`: X axis spacing
- * - `xLabelsMinHeight`: minimal height of X axis labels
- * - `xLabelsRotate`: flag to rotate X axis labels
- * - `xReverse`: flag to reverse all data series
- * - `yGap`: Y axis spacing
- * - `yLabelsLeftMinWidth`: minimal width of Y axis left labels
- * - `yLabelsRightMinWidth`: minimal width of Y axis right labels
- * - `yMax`: number of Y axis lines
- * - `zLabelsMinWidth`: minimal width of data series labels
- * - `zyMappings`: mappings per data series
- */
-export declare const chartable: ({ table, headerColumn, xGap, xLabelsMinHeight, xLabelsRotate, xReverse, yGap, yLabelsLeftMinWidth, yLabelsRightMinWidth, yMax, zLabelsMinWidth, zyMappings }: {
-    table: HTMLTableElement;
-    headerColumn?: boolean | undefined;
-    xGap?: number | undefined;
-    xLabelsMinHeight?: number | undefined;
-    xLabelsRotate?: boolean | undefined;
-    xReverse?: boolean | undefined;
-    yGap?: number | undefined;
-    yLabelsLeftMinWidth?: number | undefined;
-    yLabelsRightMinWidth?: number | undefined;
-    yMax?: number | undefined;
-    zLabelsMinWidth?: number | undefined;
-    zyMappings?: [(label: string) => number, (value: number) => string][] | undefined;
-}) => SVGSVGElement;
-
-/**
- * A helper that checks equality of the given arguments.
- */
-export declare const eq: (x: any, y: any) => boolean;
-
 /**
  * The type of arguments of the `escapeValues` and `escape` helpers.
  */
@@ -43,12 +6,12 @@ export type EscapeMap = Map<any, (value?: any) => string>;
 /**
  * A generic helper for escaping `values` by given `escapeMap`.
  */
-export declare const escapeValues: (escapeMap: EscapeMap, values: any[]) => string[];
+export declare const escapeValues: (escapeMap: EscapeMap, values: Partial<Array<any>>) => Partial<Array<string>>;
 
 /**
  * A generic helper for escaping `values` by given `escapeMap` (in *TemplateStrings* flavor).
  */
-export declare const escape: (escapeMap: EscapeMap, template: TemplateStringsArray, ...values: any[]) => string;
+export declare const escape: (escapeMap: EscapeMap, template: TemplateStringsArray, ...values: Partial<Array<any>>) => string;
 
 /**
  * A helper that implements typographic corrections specific to Polish typography.
@@ -81,9 +44,9 @@ export type HArgs = [string | Node, ...HArgs1[]];
  * - All other arguments of type `HArgs` are passed to `h` and the results are appended to the element being created or modified.
  */
 export declare const h: {
-    <T extends keyof HTMLElementTagNameMap>(tag: T, ...args1: HArgs1[]): HTMLElementTagNameMap[T];
-    <N extends Node>(node: N, ...args1: HArgs1[]): N;
-    (tagOrNode: string | Node, ...args1: HArgs1[]): Node;
+    <T extends keyof HTMLElementTagNameMap>(tag: T, ...args1: Partial<Array<HArgs1>>): HTMLElementTagNameMap[T];
+    <N extends Node>(node: N, ...args1: Partial<Array<HArgs1>>): N;
+    (tagOrNode: string | Node, ...args1: Partial<Array<HArgs1>>): Node;
 };
 
 /**
@@ -102,15 +65,15 @@ export declare const h: {
  * - All other arguments of type `HArgs` are passed to `s` and the results are appended to the element being created or modified.
  */
 export declare const s: {
-    <T extends keyof SVGElementTagNameMap>(tag: T, ...args1: HArgs1[]): SVGElementTagNameMap[T];
-    <N extends Node>(node: N, ...args1: HArgs1[]): N;
-    (tagOrNode: string | Node, ...args1: HArgs1[]): Node;
+    <T extends keyof SVGElementTagNameMap>(tag: T, ...args1: Partial<Array<HArgs1>>): SVGElementTagNameMap[T];
+    <N extends Node>(node: N, ...args1: Partial<Array<HArgs1>>): N;
+    (tagOrNode: string | Node, ...args1: Partial<Array<HArgs1>>): Node;
 };
 
 /**
  * A convenient shortcut for `s('svg', ['use', { 'xlink:href': '#' + id }], ...args)`.
  */
-export declare const svgUse: (id: string, ...args: HArgs1[]) => SVGSVGElement;
+export declare const svgUse: (id: string, ...args: Partial<Array<HArgs1>>) => SVGSVGElement;
 
 /**
  * A replacement for the `in` operator (not to be confused with the `for-in` loop) that works properly.
@@ -121,6 +84,7 @@ export declare const has: (key: any, ref: any) => boolean;
  * A helper that checks if the given argument is of a certain type.
  */
 export declare const is: {
+    (type: ArrayConstructor, arg: any): arg is Partial<Array<any>>;
     (type: BigIntConstructor, arg: any): arg is bigint;
     (type: BooleanConstructor, arg: any): arg is boolean;
     (type: NumberConstructor, arg: any): arg is number;
@@ -128,7 +92,7 @@ export declare const is: {
     (type: StringConstructor, arg: any): arg is string;
     (type: SymbolConstructor, arg: any): arg is symbol;
     (type: undefined, arg: any): arg is undefined | null;
-    <T extends abstract new (...args: any[]) => any>(type: T, arg: any): arg is InstanceType<T>;
+    <T extends abstract new (...args: Partial<Array<any>>) => any>(type: T, arg: any): arg is InstanceType<T>;
 };
 
 /**
@@ -191,12 +155,12 @@ export declare const nanolightJs: (code: string) => HArgs1[];
 /**
  * A helper that implements TypeScript’s `Pick` utility type.
  */
-export declare const pick: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: any[]) => Pick<T, K[number]>;
+export declare const pick: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: Partial<Array<any>>) => Pick<T, K[number]>;
 
 /**
  * A helper that implements TypeScript’s `Omit` utility type.
  */
-export declare const omit: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: any[]) => Omit<T, K[number]>;
+export declare const omit: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: Partial<Array<any>>) => Omit<T, K[number]>;
 
 /**
  * A helper for choosing the correct singular and plural.
@@ -213,7 +177,7 @@ export declare const pro: (ref: any) => any;
  *
  * It returns an array of triples: `[«name», «prototype-name», «array-of-own-property-names»]`.
  */
-export declare const refsInfo: (...refs: any[]) => [string, string, string[]][];
+export declare const refsInfo: (...refs: Partial<Array<any>>) => [string, string, (string | undefined)[]][];
 
 /**
  * A helper that generates a UUID v1 identifier (with a creation timestamp).

package/nnn.js

@@ -1,3 +1,7 @@
+// src/nnn/escape.ts
+var escapeValues = (escapeMap, values) => values.map((value) => (escapeMap.get(value?.constructor) ?? escapeMap.get(undefined))?.(value) ?? "");
+var escape = (escapeMap, template, ...values) => String.raw(template, ...escapeValues(escapeMap, values));
+
 // src/nnn/is.ts
 var is = (type, arg) => arg?.constructor === type;
 
@@ -66,156 +70,6 @@ var h = _h();
 var s = _h("http://www.w3.org/2000/svg");
 var svgUse = (id, ...args) => s("svg", ["use", { "xlink:href": "#" + id }], ...args);
 
-// src/nnn/chartable.ts
-var COLORS = ["#e22", "#e73", "#fc3", "#ad4", "#4d9", "#3be", "#45d", "#c3e"];
-var PADDING = 15;
-var _svg = s("svg", { viewBox: "0 0 0 0", width: 0, height: 0 });
-h(document.body, ["div", { $style: { width: 0, height: 0 } }, _svg]);
-var toFixed2 = (value) => value.toFixed(2);
-var chartable = ({
-  table,
-  headerColumn = false,
-  xGap = 70,
-  xLabelsMinHeight = 0,
-  xLabelsRotate = false,
-  xReverse = false,
-  yGap = 30,
-  yLabelsLeftMinWidth = 100,
-  yLabelsRightMinWidth = 100,
-  yMax = 10,
-  zLabelsMinWidth = 0,
-  zyMappings = []
-}) => {
-  const zxValues = [];
-  const xLabels = [];
-  const zLabels = [];
-  table.querySelectorAll("tr").forEach((row, r) => row.querySelectorAll("td,th").forEach((col, c) => {
-    const x = r - 1;
-    const z = c - +headerColumn;
-    const value = col.innerText;
-    if (x >= 0 && z >= 0) {
-      zxValues[z] = zxValues[z] ?? [];
-      zxValues[z][x] = (zyMappings?.[z]?.[0] ?? parseFloat)(value);
-    } else if (x >= 0 && z < 0) {
-      xLabels[x] = value;
-    } else if (x < 0 && z >= 0) {
-      zLabels[z] = value;
-    }
-  }));
-  if (xReverse) {
-    xLabels.reverse();
-    zxValues.forEach((xValues) => xValues.reverse());
-  }
-  const xMax = zxValues[0].length;
-  const xPx = Array.from({ length: xMax }, (_, x) => x * xGap);
-  const yPx = Array.from({ length: yMax }, (_, y) => y * yGap);
-  const width = xGap * (xMax - 1);
-  const height = yGap * (yMax - 1);
-  const gGraph = s("g", ...yPx.map((px) => ["line", { x1: 0, x2: width, y1: px, y2: px, stroke: "#8888" }]), ...xPx.map((px) => ["line", { x1: px, x2: px, y1: 0, y2: height, stroke: "#8888" }]));
-  const gXLabels = s("g");
-  const gYLabelsL = zxValues.map((_) => s("g"));
-  const gYLabelsR = zxValues.map((_) => s("g"));
-  const gZColors = s("g");
-  const gZLabels = [];
-  const onclick = (z) => {
-    gYLabelsL.forEach((g, z2) => s(g, { $style: { display: z2 === z ? "block" : "none" } }));
-    gYLabelsR.forEach((g, z2) => s(g, { $style: { display: z2 === z ? "block" : "none" } }));
-    gZLabels.forEach((text, z2) => s(text, { $style: { fontWeight: z2 === z ? "bold" : "normal", cursor: "pointer" } }));
-  };
-  zxValues.forEach((values, z) => {
-    const fill = COLORS[z % COLORS.length];
-    const minValue = Math.min(...values.filter((value) => !isNaN(value)));
-    const maxValue = Math.max(...values.filter((value) => !isNaN(value)));
-    yPx.forEach((yp, y) => {
-      const value = (zyMappings?.[z]?.[1] ?? toFixed2)(maxValue - (maxValue - minValue) / yMax * (y + 1));
-      const textL = s("text", { x: 0, y: yp, "text-anchor": "end", "alignment-baseline": "middle" }, value);
-      const textR = s("text", { x: 0, y: yp, "text-anchor": "start", "alignment-baseline": "middle" }, value);
-      s(_svg, textL, textR);
-      yLabelsLeftMinWidth = Math.max(yLabelsLeftMinWidth, textL.getBBox().width);
-      yLabelsRightMinWidth = Math.max(yLabelsRightMinWidth, textR.getBBox().width);
-      s(gYLabelsL[z], textL);
-      s(gYLabelsR[z], textR);
-    });
-    const text = s("text", {
-      x: 0,
-      y: yGap * z,
-      "text-anchor": "start",
-      "alignment-baseline": "middle",
-      $onclick: () => onclick(z),
-      $style: { fontWeight: "bold" }
-    }, zLabels[z]);
-    s(_svg, text);
-    zLabelsMinWidth = Math.max(zLabelsMinWidth, text.getBBox().width);
-    gZLabels[z] = text;
-    s(gZColors, ["circle", { cx: 0, cy: yGap * z, r: 5, fill }]);
-    const valuesPx = values.map((value) => isNaN(value) ? value : height * (maxValue - value) / (maxValue - minValue));
-    xPx.forEach((px, x) => {
-      if (!isNaN(valuesPx[x])) {
-        s(gGraph, ["g", ["circle", { cx: px, cy: valuesPx[x], r: 5, fill }]]);
-        if (!isNaN(valuesPx[x - 1])) {
-          s(gGraph, ["line", { x1: px, x2: xPx[x - 1], y1: valuesPx[x], y2: valuesPx[x - 1], stroke: fill }]);
-        }
-      }
-    });
-  });
-  if (xLabels.length > 0) {
-    xPx.forEach((xp, x) => {
-      const text = s("text", xLabelsRotate ? { x: 0, y: -xp, "text-anchor": "start", "alignment-baseline": "middle", transform: "rotate(90)" } : { x: xp, y: PADDING, "text-anchor": "middle", "alignment-baseline": "middle" }, xLabels[x]);
-      s(_svg, text);
-      xLabelsMinHeight = Math.max(xLabelsMinHeight, xLabelsRotate ? text.getBBox().width : text.getBBox().height);
-      s(gXLabels, text);
-    });
-  }
-  const svgW = width + yLabelsLeftMinWidth + yLabelsRightMinWidth + zLabelsMinWidth + 4 * PADDING;
-  const svgH = height + xLabelsMinHeight + (xLabels.length > 0 ? 3 : 2) * PADDING;
-  s(gGraph, { transform: `translate(${yLabelsLeftMinWidth + PADDING} ${PADDING})` });
-  gYLabelsL.forEach((g) => s(g, { transform: `translate(${yLabelsLeftMinWidth} ${PADDING})` }));
-  gYLabelsR.forEach((g) => s(g, { transform: `translate(${width + yLabelsLeftMinWidth + 2 * PADDING} ${PADDING})` }));
-  s(gZColors, { transform: `translate(${width + yLabelsLeftMinWidth + yLabelsRightMinWidth + 3 * PADDING} ${PADDING})` });
-  s(gXLabels, { transform: `translate(${yLabelsLeftMinWidth + PADDING} ${height + 2 * PADDING})` });
-  onclick(0);
-  return s("svg", { viewBox: `0 0 ${svgW} ${svgH}`, width: `${svgW}px`, height: `${svgH}px`, class: "chartable" }, gGraph, gXLabels, ...gYLabelsL, ...gYLabelsR, gZColors, ["g", { transform: `translate(${width + yLabelsLeftMinWidth + yLabelsRightMinWidth + 4 * PADDING} ${PADDING})` }, ...gZLabels]);
-};
-
-// src/nnn/eq.ts
-var eq = (x, y) => {
-  if (x === y) {
-    return true;
-  }
-  const xConstructor = x?.constructor;
-  if (xConstructor === y?.constructor) {
-    if (xConstructor === Number) {
-      return isNaN(x) && isNaN(y) || +x === +y;
-    }
-    if (xConstructor === Date) {
-      return +x === +y;
-    }
-    if (xConstructor === String || xConstructor === RegExp) {
-      return "" + x === "" + y;
-    }
-    if (xConstructor === Array) {
-      return x.length === y.length && x.every((item, index) => eq(item, y[index]));
-    }
-    if (xConstructor === Object) {
-      const keysOfX = Object.keys(x);
-      return keysOfX.length === Object.keys(y).length && keysOfX.every((key) => eq(x[key], y[key]));
-    }
-    if (xConstructor === Set || xConstructor === Map) {
-      if (x.size !== y.size) {
-        return false;
-      }
-      const xa = [...x];
-      const ya = [...y];
-      return xa.every((xv) => ya.find((yv) => eq(xv, yv)));
-    }
-  }
-  return false;
-};
-
-// src/nnn/escape.ts
-var escapeValues = (escapeMap, values) => values.map((value) => (escapeMap.get(value?.constructor) ?? escapeMap.get(undefined))?.(value) ?? "");
-var escape = (escapeMap, template, ...values) => String.raw(template, ...escapeValues(escapeMap, values));
-
 // src/nnn/fixTypography.ts
 var TAGS_TO_SKIP = ["IFRAME", "NOSCRIPT", "PRE", "SCRIPT", "STYLE", "TEXTAREA"];
 var fixTypography = (node) => {
@@ -314,8 +168,10 @@ var jsOnParse = (handlers, text) => JSON.parse(text, (key, value) => {
       }
       isSecondKey = true;
     }
-    if (has(key, handlers) && is(Array, value[key])) {
-      return handlers[key](...value[key]);
+    const handler = handlers[key];
+    const params = value[key];
+    if (is(Function, handler) && is(Array, params)) {
+      return handler(...params);
     }
   }
   return value;
@@ -416,7 +272,5 @@ export {
   h,
   fixTypography,
   escapeValues,
-  escape,
-  eq,
-  chartable
+  escape
 };

package/package.json

@@ -3,9 +3,6 @@
   "description": "Jackens’ JavaScript helpers.",
   "homepage": "https://jackens.github.io/nnn/doc/",
   "keywords": [
-    "chart",
-    "chartable",
-    "charts",
     "CSS-in-JS",
     "deepEqual",
     "DOM",
@@ -43,5 +40,5 @@
   "types": "nnn.d.ts",
   "name": "@jackens/nnn",
   "type": "module",
-  "version": "2024.3.5"
+  "version": "2024.3.31"
 }

package/readme.md

@@ -2,11 +2,10 @@
 
 Jackens’ JavaScript helpers.
 
-<sub>Version: <code class="version">2024.3.5</code></sub>
+<sub>Version: <code class="version">2024.3.31</code></sub>
 
 ## Examples
 
-- [Chartable Demo](https://jackens.github.io/nnn/chartable/)
 - [Chessboard Demo](https://jackens.github.io/nnn/chessboard/)
 - [Documentation](https://jackens.github.io/nnn/doc/)
 - [Gant Chart Demo](https://jackens.github.io/nnn/gantt/)
@@ -45,8 +44,6 @@ import { «something» } from './node_modules/@jackens/nnn/nnn.js'
 - `HArgs1`: The type of arguments of the `h` and `s` helpers.
 - `JcNode`: The type of arguments of the `jc` helper.
 - `JcRoot`: The type of arguments of the `jc` helper.
-- `chartable`: A helper for creating a chart based on a table (conf. <https://jackens.github.io/nnn/chartable/>).
-- `eq`: A helper that checks equality of the given arguments.
 - `escape`: A generic helper for escaping `values` by given `escapeMap` (in *TemplateStrings* flavor).
 - `escapeValues`: A generic helper for escaping `values` by given `escapeMap`.
 - `fixTypography`: A helper that implements typographic corrections specific to Polish typography.
@@ -109,87 +106,10 @@ type JcRoot = Partial<Record<PropertyKey, JcNode>>;
 
 The type of arguments of the `jc` helper.
 
-### chartable
-
-```ts
-const chartable: ({ table, headerColumn, xGap, xLabelsMinHeight, xLabelsRotate, xReverse, yGap, yLabelsLeftMinWidth, yLabelsRightMinWidth, yMax, zLabelsMinWidth, zyMappings }: {
-    table: HTMLTableElement;
-    headerColumn?: boolean | undefined;
-    xGap?: number | undefined;
-    xLabelsMinHeight?: number | undefined;
-    xLabelsRotate?: boolean | undefined;
-    xReverse?: boolean | undefined;
-    yGap?: number | undefined;
-    yLabelsLeftMinWidth?: number | undefined;
-    yLabelsRightMinWidth?: number | undefined;
-    yMax?: number | undefined;
-    zLabelsMinWidth?: number | undefined;
-    zyMappings?: [(label: string) => number, (value: number) => string][] | undefined;
-}) => SVGSVGElement;
-```
-
-A helper for creating a chart based on a table (conf. <https://jackens.github.io/nnn/chartable/>).
-
-Options:
-- `table`: `HTMLTableElement` to extract data, data series labels and X axis labels
-- `headerColumn`: flag indicating that `table` has a header column with X axis labels
-- `xGap`: X axis spacing
-- `xLabelsMinHeight`: minimal height of X axis labels
-- `xLabelsRotate`: flag to rotate X axis labels
-- `xReverse`: flag to reverse all data series
-- `yGap`: Y axis spacing
-- `yLabelsLeftMinWidth`: minimal width of Y axis left labels
-- `yLabelsRightMinWidth`: minimal width of Y axis right labels
-- `yMax`: number of Y axis lines
-- `zLabelsMinWidth`: minimal width of data series labels
-- `zyMappings`: mappings per data series
-
-### eq
-
-```ts
-const eq: (x: any, y: any) => boolean;
-```
-
-A helper that checks equality of the given arguments.
-
-#### Usage Examples
-
-```js
-expect(eq(true, true)).toBeTrue()
-expect(eq(NaN, NaN)).toBeTrue()
-expect(eq(null, undefined)).toBeFalse()
-expect(eq(42, 42)).toBeTrue()
-expect(eq(42, new Number(42))).toBeTrue()
-expect(eq(42, Number(42))).toBeTrue()
-expect(eq(new Number(42), Number(42))).toBeTrue()
-expect(eq(42, '42')).toBeFalse()
-expect(eq('42', '42')).toBeTrue()
-expect(eq('42', new String('42'))).toBeTrue()
-expect(eq('42', String('42'))).toBeTrue()
-expect(eq(String('42'), new String('42'))).toBeTrue()
-expect(eq(/42/, /42/)).toBeTrue()
-expect(eq(/42/, /42/g)).toBeFalse()
-expect(eq(new Date(42), new Date(42))).toBeTrue()
-expect(eq(new Date(), new Date(42))).toBeFalse()
-expect(eq({ j: '42', c: 42 }, { c: 42, j: '42' })).toBeTrue()
-expect(eq([42, '42'], [42, '42'])).toBeTrue()
-expect(eq(new Set(['42', 42]), new Set([42, '42']))).toBeTrue()
-expect(eq(new Set(['42', 42]), new Set([42]))).toBeFalse()
-expect(eq(new Set([42, undefined]), new Set([42]))).toBeFalse()
-expect(eq(
-  new Map([[{ j: 42 }, { J: '42' }], [{ c: 42 }, { C: '42' }]]),
-  new Map([[{ c: 42 }, { C: '42' }], [{ j: 42 }, { J: '42' }]])
-)).toBeTrue()
-expect(eq(
-  new Map([[{ j: 42 }, { J: '42' }], [{ c: 42 }, { C: '42' }]]),
-  new Map([[{ j: '42' }, { J: 42 }], [{ c: '42' }, { C: 42 }]])
-)).toBeFalse()
-```
-
 ### escape
 
 ```ts
-const escape: (escapeMap: EscapeMap, template: TemplateStringsArray, ...values: any[]) => string;
+const escape: (escapeMap: EscapeMap, template: TemplateStringsArray, ...values: Partial<Array<any>>) => string;
 ```
 
 A generic helper for escaping `values` by given `escapeMap` (in *TemplateStrings* flavor).
@@ -199,7 +119,7 @@ A generic helper for escaping `values` by given `escapeMap` (in *TemplateStrings
 ```js
 const escapeMap: EscapeMap = new Map([
   [undefined, () => 'NULL'],
-  [Array, (values: any[]) => escapeValues(escapeMap, values).join(', ')],
+  [Array, (values: Partial<Array<any>>) => escapeValues(escapeMap, values).join(', ')],
   [Boolean, (value: boolean) => `b'${+value}'`],
   [Date, (value: Date) => `'${value.toISOString().replace(/^(.+)T(.+)\..*$/, '$1 $2')}'`],
   [Number, (value: number) => `${value}`],
@@ -224,7 +144,7 @@ expect(actual).toStrictEqual(expected)
 ### escapeValues
 
 ```ts
-const escapeValues: (escapeMap: EscapeMap, values: any[]) => string[];
+const escapeValues: (escapeMap: EscapeMap, values: Partial<Array<any>>) => Partial<Array<string>>;
 ```
 
 A generic helper for escaping `values` by given `escapeMap`.
@@ -253,9 +173,9 @@ expect(p.innerHTML).toStrictEqual(
 
 ```ts
 const h: {
-    <T extends keyof HTMLElementTagNameMap>(tag: T, ...args1: HArgs1[]): HTMLElementTagNameMap[T];
-    <N extends Node>(node: N, ...args1: HArgs1[]): N;
-    (tagOrNode: string | Node, ...args1: HArgs1[]): Node;
+    <T extends keyof HTMLElementTagNameMap>(tag: T, ...args1: Partial<Array<HArgs1>>): HTMLElementTagNameMap[T];
+    <N extends Node>(node: N, ...args1: Partial<Array<HArgs1>>): N;
+    (tagOrNode: string | Node, ...args1: Partial<Array<HArgs1>>): Node;
 };
 ```
 
@@ -384,6 +304,7 @@ expect(has('key', null)).toBeFalse()
 
 ```ts
 const is: {
+    (type: ArrayConstructor, arg: any): arg is Partial<Array<any>>;
     (type: BigIntConstructor, arg: any): arg is bigint;
     (type: BooleanConstructor, arg: any): arg is boolean;
     (type: NumberConstructor, arg: any): arg is number;
@@ -391,7 +312,7 @@ const is: {
     (type: StringConstructor, arg: any): arg is string;
     (type: SymbolConstructor, arg: any): arg is symbol;
     (type: undefined, arg: any): arg is undefined | null;
-    <T extends abstract new (...args: any[]) => any>(type: T, arg: any): arg is InstanceType<T>;
+    <T extends abstract new (...args: Partial<Array<any>>) => any>(type: T, arg: any): arg is InstanceType<T>;
 };
 ```
 
@@ -798,7 +719,7 @@ expect(nanolightJs(codeJs)).toStrictEqual([
 ### omit
 
 ```ts
-const omit: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: any[]) => Omit<T, K[number]>;
+const omit: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: Partial<Array<any>>) => Omit<T, K[number]>;
 ```
 
 A helper that implements TypeScript’s `Omit` utility type.
@@ -814,7 +735,7 @@ expect(omit(obj, ['c'])).toStrictEqual({ a: 42, b: '42' })
 ### pick
 
 ```ts
-const pick: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: any[]) => Pick<T, K[number]>;
+const pick: <T extends Partial<Record<PropertyKey, any>>, K extends (keyof T)[]>(obj: Partial<Record<PropertyKey, any>>, keys: Partial<Array<any>>) => Pick<T, K[number]>;
 ```
 
 A helper that implements TypeScript’s `Pick` utility type.
@@ -894,7 +815,7 @@ expect(ref).toStrictEqual({ one: { two: { three: { four: 1234 } } } })
 ### refsInfo
 
 ```ts
-const refsInfo: (...refs: any[]) => [string, string, string[]][];
+const refsInfo: (...refs: Partial<Array<any>>) => [string, string, (string | undefined)[]][];
 ```
 
 A helper that provides information about the given `refs`.
@@ -938,9 +859,9 @@ console.log(browserFingerprint())
 
 ```ts
 const s: {
-    <T extends keyof SVGElementTagNameMap>(tag: T, ...args1: HArgs1[]): SVGElementTagNameMap[T];
-    <N extends Node>(node: N, ...args1: HArgs1[]): N;
-    (tagOrNode: string | Node, ...args1: HArgs1[]): Node;
+    <T extends keyof SVGElementTagNameMap>(tag: T, ...args1: Partial<Array<HArgs1>>): SVGElementTagNameMap[T];
+    <N extends Node>(node: N, ...args1: Partial<Array<HArgs1>>): N;
+    (tagOrNode: string | Node, ...args1: Partial<Array<HArgs1>>): Node;
 };
 ```
 
@@ -961,7 +882,7 @@ A lightweight [HyperScript](https://github.com/hyperhype/hyperscript)-style help
 ### svgUse
 
 ```ts
-const svgUse: (id: string, ...args: HArgs1[]) => SVGSVGElement;
+const svgUse: (id: string, ...args: Partial<Array<HArgs1>>) => SVGSVGElement;
 ```
 
 A convenient shortcut for `s('svg', ['use', { 'xlink:href': '#' + id }], ...args)`.