@thi.ng/text-canvas 2.0.0 → 2.0.6

package/CHANGELOG.md

@@ -3,6 +3,54 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.6](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@2.0.5...@thi.ng/text-canvas@2.0.6) (2021-10-28)
+
+**Note:** Version bump only for package @thi.ng/text-canvas
+
+
+
+
+
+## [2.0.5](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@2.0.4...@thi.ng/text-canvas@2.0.5) (2021-10-28)
+
+**Note:** Version bump only for package @thi.ng/text-canvas
+
+
+
+
+
+## [2.0.4](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@2.0.3...@thi.ng/text-canvas@2.0.4) (2021-10-25)
+
+**Note:** Version bump only for package @thi.ng/text-canvas
+
+
+
+
+
+## [2.0.3](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@2.0.2...@thi.ng/text-canvas@2.0.3) (2021-10-15)
+
+**Note:** Version bump only for package @thi.ng/text-canvas
+
+
+
+
+
+## [2.0.2](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@2.0.1...@thi.ng/text-canvas@2.0.2) (2021-10-15)
+
+**Note:** Version bump only for package @thi.ng/text-canvas
+
+
+
+
+
+## [2.0.1](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@2.0.0...@thi.ng/text-canvas@2.0.1) (2021-10-13)
+
+**Note:** Version bump only for package @thi.ng/text-canvas
+
+
+
+
+
 # [2.0.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/text-canvas@1.1.4...@thi.ng/text-canvas@2.0.0) (2021-10-12)
 
 

package/README.md

@@ -22,9 +22,6 @@ This project is part of the
     - [Variations](#variations)
     - [Combined formats](#combined-formats)
   - [String conversion format presets](#string-conversion-format-presets)
-  - [256 color ANSI format](#256-color-ansi-format)
-  - [16bit color ANSI & HTML formats](#16bit-color-ansi--html-formats)
-  - [Ad-hoc formatting of strings](#ad-hoc-formatting-of-strings)
   - [Stroke styles](#stroke-styles)
   - [Clipping](#clipping)
   - [Drawing functions](#drawing-functions)
@@ -64,15 +61,16 @@ ES module import:
 
 [Skypack documentation](https://docs.skypack.dev/)
 
-For NodeJS (v14.6+):
+For Node.js REPL:
 
 ```text
-node --experimental-specifier-resolution=node --experimental-repl-await
+# with flag only for < v16
+node --experimental-repl-await
 
 > const textCanvas = await import("@thi.ng/text-canvas");
 ```
 
-Package sizes (gzipped, pre-treeshake): ESM: 5.00 KB
+Package sizes (gzipped, pre-treeshake): ESM: 4.97 KB
 
 ## Dependencies
 
@@ -112,29 +110,30 @@ const c = canvas(width, height, format?, style?);
 
 The text canvas stores all characters in a `Uint32Array` with the lower 16 bits
 used for the UTF-16 code and the upper 16 bits for **abitrary** formatting data.
-The package [provides its own format
-IDs](https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/src/api.ts#L146)
-which are tailored for the bundled ANSI & HTML formatters, but users are free to
+The package utilizes [format identifier constants and formatters from the
+@thi.ng/text-format
+package](https://github.com/thi-ng/umbrella/blob/develop/packages/text-format/),
+which are tailored for the included ANSI & HTML formatters, but users are free to
 choose use any other system (but then will also need to implement a custom
 string formatter impl).
 
-The default format ID layout is as shown:
+The default format ID layout used by text canvas is as shown:
 
 ![format bit layout](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/text-canvas/format-layout.png)
 
 Most drawing functions accept an optional `format` arg, but a default
 format can also be set via `setFormat(canvas, formatID)`.
 
-The following built-in format IDs are only compatible with these formatters:
+The format IDs defined in @thi.ng/text-format are only compatible with these
+formatters (also supplied by that package):
 
 - `FMT_ANSI16`
 - `FMT_HTML_INLINE_CSS`
 - `FMT_HTML_TACHYONS`
 
-Custom formatters are discussed further below:
-
-- [`FMT_ANSI256`](#256-color-ansi-format)
-- [`FMT_HTML_565`](#16bit-color-html-format)
+**All constants and other formatters are also discussed in detail in the
+[@thi.ng/text-format
+readme](https://github.com/thi-ng/umbrella/blob/develop/packages/text-format/README.md).**
 
 #### Colors
 
@@ -175,101 +174,31 @@ setFormat(canvas, FG_BLACK | BG_LIGHT_CYAN | BOLD | UNDERLINE);
 ### String conversion format presets
 
 Canvas-to-string conversion is completely customizable via the [`StringFormat`
-interface](https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/src/api.ts#L78)
-and the following presets are supplied:
+interface](https://docs.thi.ng/umbrella/text-format/interfaces/StringFormat.html).
+Currently the following presets are supplied (in the
+[@thi.ng/text-format](https://github.com/thi-ng/umbrella/tree/develop/packages/text-format)
+package):
 
-- `FMT_ANSI16` - translate built-in format IDs to 4bit ANSI escape sequences
+- `FMT_ANSI16` - translate built-in format IDs to 4-bit ANSI escape sequences
 - `FMT_ANSI256` - uses all 16 format bits for fg & bg colors (ANSI esc sequences)
+- `FMT_ANSI565` - uses all 16 format bits for RGB565 fg colors (ANSI esc sequences)
 - `FMT_ANSI_RAW` - verbatim use of format IDs to ANSI sequences
 - `FMT_HTML_INLINE_CSS` - HTML `<span>` elements with inline CSS
 - `FMT_HTML_TACHYONS` - HTML `<span>` elements with [Tachyons
   CSS](http://tachyons.io/) class names
+- `FMT_HTML565` - HTML `<span>` elements with RGB565 color coding
 - `FMT_NONE` - dummy formatter outputting plain text only (all format
-  information discarded)
+  information discarded, e.g. for [`NO_COLOR`](https://no-color.org/) support)
 
 ```ts
 // Terminal
-console.log(toString(canvas, FMT_ANSI16));
+console.log(formatCanvas(canvas, FMT_ANSI16));
 // or
-console.log(toString(canvas, FMT_ANSI256));
+console.log(formatCanvas(canvas, FMT_ANSI256));
 
 // Browser
 const el = document.createElement("pre");
-el.innerHTML = toString(canvas, FMT_HTML_TACHYONS);
-```
-
-### 256 color ANSI format
-
-If targeting this output format, all 16 bits available for formatting
-information are used to encode 2x 8bit foreground/background colors. Therefore,
-none of the above mentioned preset color names and/or any additional formatting
-flags (e.g. bold, underline etc.) **cannot be used**. Instead, use the
-`format256()` function to compute a format ID based on given FG, BG colors.
-
-```ts
-// deep purple on yellow bg
-textLine(canvas, 1, 1, "hello color!", format256(19, 226));
-```
-
-![ANSI256 color pallette](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/text-canvas/ansi256.png)
-
-Source: [Wikipedia](https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit)
-
-### 16bit color ANSI & HTML formats
-
-Similar to the above custom ANSI format, here all available 16 bits are used to
-store color information, in the standard [RGB565
-format](https://en.wikipedia.org/wiki/High_color) (5bits red, 6bits green, 5bits
-blue). This also means, only either the text or background color<sup>(1)</sup> can be
-controlled and no other formatting flag (bold, underline etc.) are available.
-
-<sup>(1)</sup> In the ANSI version it's always only the text color.
-
-```ts
-const el = document.createElement("pre");
-// format and assign text colors
-el.innerHTML = toString(canvas, FMT_HTML565());
-
-// assign bg colors
-el.innerHTML = toString(canvas, FMT_HTML565("background"));
-```
-
-These formats are primarily intended for image display, see
-[section](#image-functions) below for examples...
-
-### Ad-hoc formatting of strings
-
-String formatters can also be used in an ad-hoc manner, without requiring any of
-the other text canvas functionality.
-
-```ts
-// create & use a HTML formatter
-defFormat(FMT_HTML_INLINE_CSS, FG_LIGHT_RED | BG_GRAY)("hello")
-// "<span style="color:#f55;background:#555;">hello</span>"
-
-// create & use an ANSI formatter
-defFormat(FMT_ANSI16, FG_LIGHT_RED | BG_GRAY)("hello")
-// "\x1B[91;100mhello\x1B[0m"
-
-// ANSI syntax sugar (same result as above)
-defAnsi16(FG_LIGHT_RED | BG_GRAY)("hello")
-// "\x1B[91;100mhello\x1B[0m"
-```
-
-Furthermore, `defFormatPresets()` can be used to create formatting functions for
-all 16 preset [foreground color IDs](#colors) for a given string format
-strategy:
-
-```ts
-const ansi = defFormatPresets(FMT_ANSI16);
-
-`${ansi.green("hello")} ${ansi.lightRed("world")}!`;
-// '\x1B[32mhello\x1B[0m \x1B[91mworld\x1B[0m!'
-
-const html = defFormatPresets(FMT_HTML_TACHYONS);
-
-`${html.green("hello")} ${html.lightRed("world")}!`;
-// '<span class="dark-green ">hello</span> <span class="red ">world</span>!'
+el.innerHTML = formatCanvas(canvas, FMT_HTML_TACHYONS);
 ```
 
 ### Stroke styles
@@ -384,6 +313,7 @@ enabling the `hard` option (see example below).
 ```ts
 import { repeatedly } from "@thi.ng/transducers";
 import * as tc from "@thi.ng/text-canvas";
+import * as tf from "@thi.ng/text-format";
 
 // generate 20 random values
 const data = repeatedly(() => Math.random(), 20)
@@ -402,9 +332,9 @@ tc.table(
         // column defs
         cols: [{ width: 4 }, { width: 20 }, { width: 8 }],
         // default cell format
-        format: tc.FG_BLACK | tc.BG_LIGHT_CYAN,
+        format: tf.FG_BLACK | tf.BG_LIGHT_CYAN,
         // default format for header cells (1st row)
-        formatHead: tc.FG_RED | tc.BG_LIGHT_CYAN | tc.BOLD | tc.UNDERLINE,
+        formatHead: tf.FG_RED | tf.BG_LIGHT_CYAN | tf.BOLD | tf.UNDERLINE,
         // border line style
         style: tc.STYLE_DASHED_ROUNDED,
         // border mode
@@ -420,7 +350,7 @@ tc.table(
         ["ID", "Main", "Comment"],
         [
             "0001",
-            { body: chart, format: tc.FG_BLUE | tc.BG_LIGHT_CYAN },
+            { body: chart, format: tf.FG_BLUE | tf.BG_LIGHT_CYAN },
             "This is a test!"
         ],
         ["0002", "Random data plot", "Word wrapped content"],
@@ -429,14 +359,14 @@ tc.table(
 );
 
 // output as ANSI formatted string
-console.log(tc.toString(canvas, tc.FMT_ANSI16));
+console.log(tc.formatCanvas(canvas, tf.FMT_ANSI16));
 ```
 
 For even more detailed control, tables can also be pre-initialized prior
 to creation of the canvas via
-[`initTable()`](https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/src/table.ts#L20)
+[`initTable()`](https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/src/table.ts#L29)
 and then drawn via
-[`drawTable()`](https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/src/table.ts#L80).
+[`drawTable()`](https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/src/table.ts#L97).
 The `initTable` function returns an object also containing the computed
 table size (`width`, `height` keys) which can then be used to create a
 canvas with the required size...
@@ -488,12 +418,13 @@ Code for this above example output (CLI version):
 import * as geom from "@thi.ng/geom";
 import * as mat from "@thi.ng/matrices";
 import * as tc from "@thi.ng/text-canvas";
+import * as tf from "@thi.ng/text-format";
 
 const W = 64;
 const H = 32;
 
 // create text canvas
-const canvas = new tc.Canvas(W, H, tc.BG_BLACK, tc.STYLE_THIN);
+const canvas = new tc.Canvas(W, H, tf.BG_BLACK, tf.STYLE_THIN);
 
 // cube corner vertices
 const cube = geom.vertices(geom.center(geom.aabb(1))!);
@@ -530,10 +461,10 @@ setInterval(() => {
     for (let e of edges) {
         const a = pts[e[0]];
         const b = pts[e[1]];
-        tc.line(canvas, a[0], a[1], b[0], b[1], "+", tc.FG_WHITE | tc.BG_RED);
+        tc.line(canvas, a[0], a[1], b[0], b[1], "+", tf.FG_WHITE | tf.BG_RED);
     }
     // draw vertex labels
-    canvas.format = tc.FG_WHITE | tc.BG_BLUE;
+    canvas.format = tf.FG_WHITE | tf.BG_BLUE;
     for (let i = 0; i < 8; i++) {
         const p = pts[i];
         tc.textBox(canvas, p[0] - 1, p[1] - 1, 5, 3, ` ${i} `);
@@ -543,16 +474,16 @@ setInterval(() => {
         2, 1, 24, -1,
         `@thi.ng/text-canvas wireframe cube\n\nx: ${rotx.toFixed(2)}\ny: ${roty.toFixed(2)}`,
         {
-            format: tc.FG_BLACK | tc.BG_LIGHT_CYAN,
+            format: tf.FG_BLACK | tf.BG_LIGHT_CYAN,
             padding: [1, 0]
         }
     );
     // draw canvas
     console.clear();
     // output as ANSI formatted string
-    console.log(tc.toString(canvas, tc.FMT_ANSI16));
+    console.log(tc.formatCanvas(canvas, tf.FMT_ANSI16));
     // output as plain text
-    // console.log(tc.toString(canvas));
+    // console.log(tc.formatCanvas(canvas));
 }, 15);
 ```
 

package/bars.js

@@ -4,7 +4,7 @@ import { padLeft } from "@thi.ng/strings/pad-left";
 import { padRight } from "@thi.ng/strings/pad-right";
 import { repeat } from "@thi.ng/strings/repeat";
 import { map } from "@thi.ng/transducers/map";
-import { BARS_H, BARS_V } from "./api";
+import { BARS_H, BARS_V } from "./api.js";
 export const barChartHLines = (height, vals, min = 0, max = 1) => {
     const bars = [...map((x) => barVertical(height, x, min, max, ""), vals)];
     const num = bars.length;

package/canvas.d.ts

@@ -1,5 +1,5 @@
 import type { Fn0, NumOrString } from "@thi.ng/api";
-import { ClipRect, StrokeStyle } from "./api";
+import { ClipRect, StrokeStyle } from "./api.js";
 export declare class Canvas {
     buf: Uint32Array;
     width: number;

package/canvas.js

@@ -1,16 +1,9 @@
 import { peek } from "@thi.ng/arrays/peek";
 import { clamp } from "@thi.ng/math/interval";
 import { NONE } from "@thi.ng/text-format/api";
-import { STYLE_ASCII } from "./api";
-import { charCode, intersectRect } from "./utils";
+import { STYLE_ASCII } from "./api.js";
+import { charCode, intersectRect } from "./utils.js";
 export class Canvas {
-    buf;
-    width;
-    height;
-    format;
-    defaultFormat;
-    styles;
-    clipRects;
     constructor(width, height, format = NONE, style = STYLE_ASCII) {
         this.width = width;
         this.height = height;

package/circle.d.ts

@@ -1,5 +1,5 @@
 import type { NumOrString } from "@thi.ng/api";
-import type { Canvas } from "./canvas";
+import type { Canvas } from "./canvas.js";
 /**
  * Draws a circle (filled or outline) at given center position and
  * radius and taking the current clip rect and format into account. If

package/circle.js

@@ -1,6 +1,6 @@
 import { peek } from "@thi.ng/arrays/peek";
-import { hline } from "./hvline";
-import { charCode, intersectRectCircle } from "./utils";
+import { hline } from "./hvline.js";
+import { charCode, intersectRectCircle } from "./utils.js";
 /**
  * Draws a circle (filled or outline) at given center position and
  * radius and taking the current clip rect and format into account. If

package/format.d.ts

@@ -1,5 +1,5 @@
 import type { StringFormat } from "@thi.ng/text-format";
-import type { Canvas } from "./canvas";
+import type { Canvas } from "./canvas.js";
 /**
  * Returns string representation of canvas, optionally using given string
  * formatter. If none is given, returns plain string representation, ignoring

package/hvline.d.ts

@@ -1,5 +1,5 @@
 import type { NumOrString } from "@thi.ng/api";
-import type { Canvas } from "./canvas";
+import type { Canvas } from "./canvas.js";
 /**
  * Draws horizontal line from `x`,`y`, taking the current clip rect,
  * format and style into account. The optional `s`, `e` (line endings)

package/hvline.js

@@ -1,5 +1,5 @@
 import { peek } from "@thi.ng/arrays/peek";
-import { charCode } from "./utils";
+import { charCode } from "./utils.js";
 /**
  * Draws horizontal line from `x`,`y`, taking the current clip rect,
  * format and style into account. The optional `s`, `e` (line endings)

package/image.d.ts

@@ -1,6 +1,6 @@
 import type { UIntArray } from "@thi.ng/api";
-import { ImageOpts } from "./api";
-import { Canvas } from "./canvas";
+import { ImageOpts } from "./api.js";
+import { Canvas } from "./canvas.js";
 export declare const blit: (canvas: Canvas, x: number, y: number, src: Canvas) => void;
 export declare const resize: (canvas: Canvas, newWidth: number, newHeight: number) => void;
 export declare const extract: (canvas: Canvas, x: number, y: number, w: number, h: number) => Canvas;

package/image.js

@@ -2,10 +2,10 @@ import { peek } from "@thi.ng/arrays/peek";
 import { isNumber } from "@thi.ng/checks/is-number";
 import { clamp0 } from "@thi.ng/math/interval";
 import { FMT_ANSI565 } from "@thi.ng/text-format/ansi";
-import { SHADES_BLOCK } from "./api";
-import { canvas, Canvas } from "./canvas";
-import { formatCanvas } from "./format";
-import { charCode, intersectRect } from "./utils";
+import { SHADES_BLOCK } from "./api.js";
+import { canvas, Canvas } from "./canvas.js";
+import { formatCanvas } from "./format.js";
+import { charCode, intersectRect } from "./utils.js";
 export const blit = (canvas, x, y, src) => {
     x |= 0;
     y |= 0;

package/index.d.ts

@@ -1,13 +1,13 @@
-export * from "./api";
-export * from "./bars";
-export * from "./canvas";
-export * from "./circle";
-export * from "./format";
-export * from "./hvline";
-export * from "./image";
-export * from "./line";
-export * from "./rect";
-export * from "./table";
-export * from "./text";
-export * from "./utils";
+export * from "./api.js";
+export * from "./bars.js";
+export * from "./canvas.js";
+export * from "./circle.js";
+export * from "./format.js";
+export * from "./hvline.js";
+export * from "./image.js";
+export * from "./line.js";
+export * from "./rect.js";
+export * from "./table.js";
+export * from "./text.js";
+export * from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,12 +1,12 @@
-export * from "./api";
-export * from "./bars";
-export * from "./canvas";
-export * from "./circle";
-export * from "./format";
-export * from "./hvline";
-export * from "./image";
-export * from "./line";
-export * from "./rect";
-export * from "./table";
-export * from "./text";
-export * from "./utils";
+export * from "./api.js";
+export * from "./bars.js";
+export * from "./canvas.js";
+export * from "./circle.js";
+export * from "./format.js";
+export * from "./hvline.js";
+export * from "./image.js";
+export * from "./line.js";
+export * from "./rect.js";
+export * from "./table.js";
+export * from "./text.js";
+export * from "./utils.js";

package/line.d.ts

@@ -1,5 +1,5 @@
 import type { NumOrString } from "@thi.ng/api";
-import type { Canvas } from "./canvas";
+import type { Canvas } from "./canvas.js";
 /**
  * Draws a line between `ax`,`ay` and `bx`,`by`, using `char` and taking
  * the current clip rect and format into account. If `char` is not

package/line.js

@@ -1,6 +1,6 @@
 import { peek } from "@thi.ng/arrays/peek";
 import { liangBarsky2Raw } from "@thi.ng/geom-clip-line/liang-barsky";
-import { charCode } from "./utils";
+import { charCode } from "./utils.js";
 /**
  * Draws a line between `ax`,`ay` and `bx`,`by`, using `char` and taking
  * the current clip rect and format into account. If `char` is not

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thi.ng/text-canvas",
-    "version": "2.0.0",
+    "version": "2.0.6",
     "description": "Text based canvas, drawing, tables with arbitrary formatting (incl. ANSI/HTML)",
     "type": "module",
     "module": "./index.js",
@@ -34,17 +34,17 @@
         "test": "testament test"
     },
     "dependencies": {
-        "@thi.ng/api": "^8.0.0",
-        "@thi.ng/arrays": "^2.0.0",
-        "@thi.ng/checks": "^3.0.0",
-        "@thi.ng/geom-clip-line": "^2.0.0",
-        "@thi.ng/math": "^5.0.0",
-        "@thi.ng/strings": "^3.0.0",
-        "@thi.ng/text-format": "^0.1.0",
-        "@thi.ng/transducers": "^8.0.0"
+        "@thi.ng/api": "^8.0.6",
+        "@thi.ng/arrays": "^2.0.6",
+        "@thi.ng/checks": "^3.0.6",
+        "@thi.ng/geom-clip-line": "^2.0.6",
+        "@thi.ng/math": "^5.0.6",
+        "@thi.ng/strings": "^3.1.2",
+        "@thi.ng/text-format": "^1.0.6",
+        "@thi.ng/transducers": "^8.0.6"
     },
     "devDependencies": {
-        "@thi.ng/testament": "^0.1.0"
+        "@thi.ng/testament": "^0.1.6"
     },
     "keywords": [
         "4bit",
@@ -78,6 +78,9 @@
     "publishConfig": {
         "access": "public"
     },
+    "engines": {
+        "node": ">=12.7"
+    },
     "files": [
         "*.js",
         "*.d.ts"
@@ -129,5 +132,5 @@
         ],
         "year": 2020
     },
-    "gitHead": "9ac1344b38b565eb894306fbf72233b6c0b2d115"
+    "gitHead": "c17a556ad25f6882dfa8f806a1d9e8ed7ac7cd71"
 }

package/rect.d.ts

@@ -1,5 +1,5 @@
 import type { NumOrString } from "@thi.ng/api";
-import type { Canvas } from "./canvas";
+import type { Canvas } from "./canvas.js";
 /**
  * Clears/fills the canvas' current clip rect with given char (default:
  * 0x20 / space). If `reset` is true, first resets all internal state

package/rect.js

@@ -1,6 +1,6 @@
 import { peek } from "@thi.ng/arrays/peek";
-import { hline, vline } from "./hvline";
-import { charCode } from "./utils";
+import { hline, vline } from "./hvline.js";
+import { charCode } from "./utils.js";
 /**
  * Clears/fills the canvas' current clip rect with given char (default:
  * 0x20 / space). If `reset` is true, first resets all internal state

package/style.d.ts

@@ -1,4 +1,4 @@
-import type { StrokeStyle } from "./api";
+import type { StrokeStyle } from "./api.js";
 export declare const horizontalOnly: ({ hl, dot }: StrokeStyle) => StrokeStyle;
 export declare const verticalOnly: ({ vl, dot }: StrokeStyle) => StrokeStyle;
 //# sourceMappingURL=style.d.ts.map

package/table.d.ts

@@ -1,5 +1,5 @@
-import { Border, TableOpts } from "./api";
-import { Canvas } from "./canvas";
+import { Border, TableOpts } from "./api.js";
+import { Canvas } from "./canvas.js";
 declare type RawCell = {
     body: string;
     format?: number;
@@ -13,7 +13,7 @@ declare type Cell = {
     height?: number;
 };
 export declare const initTable: (opts: TableOpts, cells: (string | RawCell)[][]) => {
-    style: import("./api").StrokeStyle | undefined;
+    style: import("./api.js").StrokeStyle | undefined;
     format: number | undefined;
     formatHead: number | undefined;
     width: number;

package/table.js

@@ -1,12 +1,12 @@
 import { peek } from "@thi.ng/arrays/peek";
 import { isString } from "@thi.ng/checks/is-string";
 import { wordWrapLines } from "@thi.ng/strings/word-wrap";
-import { Border } from "./api";
-import { beginClip, beginStyle, canvas, endClip, endStyle, setAt, } from "./canvas";
-import { hline, vline } from "./hvline";
-import { fillRect, strokeRect } from "./rect";
-import { horizontalOnly, verticalOnly } from "./style";
-import { textLines } from "./text";
+import { Border } from "./api.js";
+import { beginClip, beginStyle, canvas, endClip, endStyle, setAt, } from "./canvas.js";
+import { hline, vline } from "./hvline.js";
+import { fillRect, strokeRect } from "./rect.js";
+import { horizontalOnly, verticalOnly } from "./style.js";
+import { textLines } from "./text.js";
 export const initTable = (opts, cells) => {
     const b = opts.border !== undefined ? opts.border : Border.ALL;
     const bH = b & Border.H ? 1 : 0;

package/text.d.ts

@@ -1,5 +1,5 @@
-import type { TextBoxOpts } from "./api";
-import { Canvas } from "./canvas";
+import type { TextBoxOpts } from "./api.js";
+import { Canvas } from "./canvas.js";
 /**
  * Writes given string at position `x`,`y`, taking the current clip rect
  * and format into account. The string MUST not include linebreaks or

package/text.js

@@ -1,8 +1,8 @@
 import { peek } from "@thi.ng/arrays/peek";
 import { clamp0 } from "@thi.ng/math/interval";
 import { wordWrapLines } from "@thi.ng/strings/word-wrap";
-import { beginClip, beginStyle, endClip, endStyle } from "./canvas";
-import { fillRect, strokeRect } from "./rect";
+import { beginClip, beginStyle, endClip, endStyle } from "./canvas.js";
+import { fillRect, strokeRect } from "./rect.js";
 /**
  * Writes given string at position `x`,`y`, taking the current clip rect
  * and format into account. The string MUST not include linebreaks or

package/utils.d.ts

@@ -1,5 +1,5 @@
 import type { FnU2, FnU7, NumOrString } from "@thi.ng/api";
-import type { ClipRect } from "./api";
+import type { ClipRect } from "./api.js";
 export declare const charCode: (x: NumOrString, format: number) => number;
 export declare const intersectRect: FnU2<ClipRect>;
 export declare const intersectRectCircle: FnU7<number, boolean>;