@thi.ng/text-canvas 1.1.4 → 2.0.4

package/api.js

@@ -14,49 +14,6 @@ export var Border;
     Border[Border["FRAME_H"] = 5] = "FRAME_H";
     Border[Border["FRAME_V"] = 6] = "FRAME_V";
 })(Border || (Border = {}));
-// bits 0-3: fg
-// bit 4: bright fg
-// bits 5-8: bg
-// bit 9: bright bg
-// bit 10: bold
-// bit 11: dim
-// bit 12: underline
-export const NONE = 0;
-export const FG_BLACK = 1;
-export const FG_RED = 2;
-export const FG_GREEN = 3;
-export const FG_YELLOW = 4;
-export const FG_BLUE = 5;
-export const FG_MAGENTA = 6;
-export const FG_CYAN = 7;
-export const FG_LIGHT_GRAY = 8;
-export const FG_GRAY = 0x11;
-export const FG_LIGHT_RED = 0x12;
-export const FG_LIGHT_GREEN = 0x13;
-export const FG_LIGHT_YELLOW = 0x14;
-export const FG_LIGHT_BLUE = 0x15;
-export const FG_LIGHT_MAGENTA = 0x16;
-export const FG_LIGHT_CYAN = 0x17;
-export const FG_WHITE = 0x18;
-export const BG_BLACK = 0x20;
-export const BG_RED = 0x40;
-export const BG_GREEN = 0x60;
-export const BG_YELLOW = 0x80;
-export const BG_BLUE = 0xa0;
-export const BG_MAGENTA = 0xc0;
-export const BG_CYAN = 0xe0;
-export const BG_LIGHT_GRAY = 0x100;
-export const BG_GRAY = 0x220;
-export const BG_LIGHT_RED = 0x240;
-export const BG_LIGHT_GREEN = 0x260;
-export const BG_LIGHT_YELLOW = 0x280;
-export const BG_LIGHT_BLUE = 0x2a0;
-export const BG_LIGHT_MAGENTA = 0x2c0;
-export const BG_LIGHT_CYAN = 0x2e0;
-export const BG_WHITE = 0x300;
-export const BOLD = 0x400;
-export const DIM = 0x800;
-export const UNDERLINE = 0x1000;
 // https://en.wikipedia.org/wiki/Box-drawing_character
 export const STYLE_ASCII = {
     hl: "-",
@@ -86,9 +43,25 @@ export const STYLE_THIN = {
     jct: "┼",
     dot: "•",
 };
-export const STYLE_THIN_ROUNDED = Object.assign(Object.assign({}, STYLE_THIN), { tl: "╭", tr: "╮", bl: "╰", br: "╯" });
-export const STYLE_DASHED = Object.assign(Object.assign({}, STYLE_THIN), { hl: "╌", vl: "┆" });
-export const STYLE_DASHED_ROUNDED = Object.assign(Object.assign({}, STYLE_DASHED), { tl: "╭", tr: "╮", bl: "╰", br: "╯" });
+export const STYLE_THIN_ROUNDED = {
+    ...STYLE_THIN,
+    tl: "╭",
+    tr: "╮",
+    bl: "╰",
+    br: "╯",
+};
+export const STYLE_DASHED = {
+    ...STYLE_THIN,
+    hl: "╌",
+    vl: "┆",
+};
+export const STYLE_DASHED_ROUNDED = {
+    ...STYLE_DASHED,
+    tl: "╭",
+    tr: "╮",
+    bl: "╰",
+    br: "╯",
+};
 export const STYLE_DOUBLE = {
     hl: "═",
     vl: "║",

package/bars.js

@@ -1,7 +1,10 @@
-import { fitClamped, fract } from "@thi.ng/math";
-import { padLeft, padRight, repeat } from "@thi.ng/strings";
-import { map } from "@thi.ng/transducers";
-import { BARS_H, BARS_V } from "./api";
+import { fitClamped } from "@thi.ng/math/fit";
+import { fract } from "@thi.ng/math/prec";
+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.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,7 +1,8 @@
-import { peek } from "@thi.ng/arrays";
-import { clamp } from "@thi.ng/math";
-import { NONE, STYLE_ASCII } from "./api";
-import { charCode, intersectRect } from "./utils";
+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.js";
+import { charCode, intersectRect } from "./utils.js";
 export class Canvas {
     constructor(width, height, format = NONE, style = STYLE_ASCII) {
         this.width = width;

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";
-import { hline } from "./hvline";
-import { charCode, intersectRectCircle } from "./utils";
+import { peek } from "@thi.ng/arrays/peek";
+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,104 +1,12 @@
-import type { HtmlFormatOpts, StringFormat } from "./api";
+import type { StringFormat } from "@thi.ng/text-format";
+import type { Canvas } from "./canvas.js";
 /**
- * String format preset, translating canvas format info to ANSI 4bit
- * control sequences.
+ * Returns string representation of canvas, optionally using given string
+ * formatter. If none is given, returns plain string representation, ignoring
+ * any character format data.
  *
- * https://stackoverflow.com/a/33206814/294515
+ * @param canvas
+ * @param format
  */
-export declare const FMT_ANSI16: StringFormat;
-/**
- * String format preset, translating canvas format info to ANSI 8bit control
- * sequences. Only foreground/background colors are supported, no other
- * formatting (e.g. bold etc.).
- *
- * @remarks
- * https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit
- *
- * Also see {@link format256}.
- */
-export declare const FMT_ANSI256: StringFormat;
-/**
- * String format preset, interpreting the canvas 16bit format info as text color
- * and translating it into ANSI 24bit control sequences. No other formatting
- * (e.g. bold etc.) supported in this mode.
- *
- * @remarks
- * This mode is intended for image displays, e.g. using thi.ng/pixel and
- * {@link imageRaw}. Also see {@link format556} and {@link format565_8bit}.
- *
- * https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit
- */
-export declare const FMT_ANSI565: StringFormat;
-/**
- * Takes 2 ANSI256 values and returns a combined 16bit format ID.
- *
- * @remarks
- * https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit
- *
- * @param fg
- * @param bg
- */
-export declare const format256: (fg: number, bg?: number) => number;
-/**
- * Takes _normalized_ RGB values ([0..1] range) and converts them into an RGB565
- * value for later use with {@link FMT_ANSI565} or {@link FMT_HTML_565}. Does
- * NOT perform clipping!
- *
- * @param r
- * @param g
- * @param b
- */
-export declare const format565: (r: number, g: number, b: number) => number;
-/**
- * Converts RGB (8bit channels) into a 16bit RGB565 value for later use with
- * {@link FMT_ANSI565} or {@link FMT_HTML_565}. Does NOT perform clipping!
- *
- * @param r
- * @param g
- * @param b
- */
-export declare const format565_8bit: (r: number, g: number, b: number) => number;
-/**
- * Syntax sugar for `defFormat(FMT_ANSI16, ...)`
- *
- * @param col
- */
-export declare const defAnsi16: (col: number) => (x: any) => string;
-/**
- * Syntax sugar for `defFormat(FMT_ANSI256, ...)`
- *
- * @param col
- */
-export declare const defAnsi256: (col: number) => (x: any) => string;
-/**
- * Syntax sugar for `defFormat(FMT_ANSI565, ...)`
- *
- * @param col
- */
-export declare const defAnsi565: (col: number) => (x: any) => string;
-/**
- * Constructs an HTML formatter using given config options and for use w/
- * default format IDs only.
- *
- * @param opts
- */
-export declare const formatHtml: ({ colors, attrib, delim, fg, bg, bold, dim, underline, }: HtmlFormatOpts) => StringFormat;
-/**
- * Preset HTML string formatter for use w/ default format IDs, generating
- * `<span>` elements with inline CSS.
- */
-export declare const FMT_HTML_INLINE_CSS: StringFormat;
-/**
- * Preset HTML formatter for use w/ default format IDs, generating `<span>`
- * elements with Tachyons CSS classes.
- */
-export declare const FMT_HTML_TACHYONS: StringFormat;
-/**
- * Higher order custom HTML formatter for 16bit (RGB565) colors (without
- * additional formatting flags). By default assigns text color, but can be
- * assigned to any CSS property via given `prop` argument.
- *
- * @param prop
- */
-export declare const FMT_HTML565: (prop?: string) => StringFormat;
+export declare const formatCanvas: (canvas: Canvas, format?: StringFormat | undefined) => string;
 //# sourceMappingURL=format.d.ts.map

package/format.js

@@ -1,207 +1,43 @@
-import { memoize1 } from "@thi.ng/memoize";
-import { U8 } from "@thi.ng/strings";
-import { defFormat } from "./string";
-const ANSI_RESET = `\x1b[0m`;
-const ANSI_FLAGS = ["", "1", "2", "1;2", "4", "1;4", "2;4", "1;2;4"];
 /**
- * String format preset, translating canvas format info to ANSI 4bit
- * control sequences.
- *
- * https://stackoverflow.com/a/33206814/294515
- */
-export const FMT_ANSI16 = {
-    start: memoize1((x) => {
-        let res = [];
-        let y = x & 0xf;
-        y && res.push(29 + ((x >> 4) & 1) * 60 + y);
-        y = (x >> 5) & 0xf;
-        y && res.push(39 + ((x >> 9) & 1) * 60 + y);
-        y = x >> 10;
-        y && res.push(ANSI_FLAGS[y]);
-        return "\x1b[" + res.join(";") + "m";
-    }),
-    end: ANSI_RESET,
-    prefix: ANSI_RESET,
-    suffix: "\n",
+ * Returns string representation of canvas, optionally using given string
+ * formatter. If none is given, returns plain string representation, ignoring
+ * any character format data.
+ *
+ * @param canvas
+ * @param format
+ */
+export const formatCanvas = (canvas, format) => {
+    const { buf, width, height } = canvas;
+    const res = [];
+    if (format) {
+        const { start, end, prefix, suffix, zero } = format;
+        let prevID, ch, id;
+        const check = zero ? () => prevID !== -1 : () => prevID !== 0;
+        for (let y = 0, i = 0; y < height; y++) {
+            prevID = zero ? -1 : 0;
+            res.push(prefix);
+            for (let x = 0; x < width; x++, i++) {
+                ch = buf[i];
+                id = ch >>> 16;
+                if (id != prevID) {
+                    check() && res.push(end);
+                    (zero || id) && res.push(start(id));
+                    prevID = id;
+                }
+                res.push(String.fromCharCode(ch & 0xffff));
+            }
+            check() && res.push(end);
+            res.push(suffix);
+        }
+        return res.join("");
+    }
+    else {
+        for (let y = 0, i = 0; y < height; y++) {
+            for (let x = 0; x < width; x++, i++) {
+                res.push(String.fromCharCode(buf[i] & 0xffff));
+            }
+            res.push("\n");
+        }
+        return res.join("");
+    }
 };
-/**
- * String format preset, translating canvas format info to ANSI 8bit control
- * sequences. Only foreground/background colors are supported, no other
- * formatting (e.g. bold etc.).
- *
- * @remarks
- * https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit
- *
- * Also see {@link format256}.
- */
-export const FMT_ANSI256 = {
-    start: (x) => `\x1b[38;5;${x & 0xff};48;5;${x >>> 8}m`,
-    end: ANSI_RESET,
-    prefix: ANSI_RESET,
-    suffix: "\n",
-    zero: true,
-};
-const F5 = 255 / 31;
-const F6 = 255 / 63;
-/**
- * String format preset, interpreting the canvas 16bit format info as text color
- * and translating it into ANSI 24bit control sequences. No other formatting
- * (e.g. bold etc.) supported in this mode.
- *
- * @remarks
- * This mode is intended for image displays, e.g. using thi.ng/pixel and
- * {@link imageRaw}. Also see {@link format556} and {@link format565_8bit}.
- *
- * https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit
- */
-export const FMT_ANSI565 = {
-    start: (x) => `\x1b[38;2;${(((x >> 11) & 31) * F5) | 0};${(((x >> 5) & 63) * F6) | 0};${((x & 31) * F5) | 0}m`,
-    end: ANSI_RESET,
-    prefix: ANSI_RESET,
-    suffix: "\n",
-    zero: true,
-};
-/**
- * Takes 2 ANSI256 values and returns a combined 16bit format ID.
- *
- * @remarks
- * https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit
- *
- * @param fg
- * @param bg
- */
-export const format256 = (fg, bg = 0) => ((bg & 0xff) << 8) | (fg & 0xff);
-/**
- * Takes _normalized_ RGB values ([0..1] range) and converts them into an RGB565
- * value for later use with {@link FMT_ANSI565} or {@link FMT_HTML_565}. Does
- * NOT perform clipping!
- *
- * @param r
- * @param g
- * @param b
- */
-export const format565 = (r, g, b) => ((r * 0x1f) << 11) | ((g * 0x3f) << 5) | (b * 0x1f);
-/**
- * Converts RGB (8bit channels) into a 16bit RGB565 value for later use with
- * {@link FMT_ANSI565} or {@link FMT_HTML_565}. Does NOT perform clipping!
- *
- * @param r
- * @param g
- * @param b
- */
-export const format565_8bit = (r, g, b) => ((r << 8) & 0xf800) | ((g << 3) & 0x7e0) | (b >> 3);
-/**
- * Syntax sugar for `defFormat(FMT_ANSI16, ...)`
- *
- * @param col
- */
-export const defAnsi16 = (col) => defFormat(FMT_ANSI16, col);
-/**
- * Syntax sugar for `defFormat(FMT_ANSI256, ...)`
- *
- * @param col
- */
-export const defAnsi256 = (col) => defFormat(FMT_ANSI256, col);
-/**
- * Syntax sugar for `defFormat(FMT_ANSI565, ...)`
- *
- * @param col
- */
-export const defAnsi565 = (col) => defFormat(FMT_ANSI565, col);
-/**
- * Constructs an HTML formatter using given config options and for use w/
- * default format IDs only.
- *
- * @param opts
- */
-export const formatHtml = ({ colors, attrib, delim, fg, bg, bold, dim, underline, }) => ({
-    start: memoize1((x) => {
-        let y = x & 0xf;
-        let res = `<span ${attrib}="${fg}${colors[(y - 1) | ((x >> 1) & 0x8)]}${delim}`;
-        y = (x >> 5) & 0x0f;
-        y && (res += `${bg}${colors[(y - 1) | ((x >> 6) & 0x8)]}${delim}`);
-        x & 0x400 && (res += bold + delim);
-        x & 0x800 && (res += dim + delim);
-        x & 0x1000 && (res += underline + delim);
-        return res + '">';
-    }),
-    end: "</span>",
-    prefix: "",
-    suffix: "<br/>",
-});
-/**
- * Preset HTML string formatter for use w/ default format IDs, generating
- * `<span>` elements with inline CSS.
- */
-export const FMT_HTML_INLINE_CSS = formatHtml({
-    colors: [
-        "#000",
-        "#a00",
-        "#0a0",
-        "#aa0",
-        "#00a",
-        "#a0a",
-        "#0aa",
-        "#aaa",
-        "#555",
-        "#f55",
-        "#5f5",
-        "#ff5",
-        "#55f",
-        "#f5f",
-        "#5ff",
-        "#fff",
-    ],
-    attrib: "style",
-    delim: ";",
-    fg: "color:",
-    bg: "background:",
-    bold: "font-weight:bold",
-    dim: "opacity:0.5",
-    underline: "text-decoration:underline",
-});
-/**
- * Preset HTML formatter for use w/ default format IDs, generating `<span>`
- * elements with Tachyons CSS classes.
- */
-export const FMT_HTML_TACHYONS = formatHtml({
-    colors: [
-        "black",
-        "dark-red",
-        "dark-green",
-        "gold",
-        "dark-blue",
-        "dark-pink",
-        "light-blue",
-        "moon-gray",
-        "mid-gray",
-        "red",
-        "green",
-        "yellow",
-        "blue",
-        "hot-pink",
-        "lightest-blue",
-        "white",
-    ],
-    attrib: "class",
-    delim: " ",
-    fg: "",
-    bg: "bg-",
-    bold: "b",
-    dim: "o-50",
-    underline: "underline",
-});
-/**
- * Higher order custom HTML formatter for 16bit (RGB565) colors (without
- * additional formatting flags). By default assigns text color, but can be
- * assigned to any CSS property via given `prop` argument.
- *
- * @param prop
- */
-export const FMT_HTML565 = (prop = "color") => ({
-    start: memoize1((x) => `<span style="${prop}:#${U8((x >> 11) * F5)}${U8(((x >> 5) & 0x3f) * F6)}${U8((x & 0x1f) * F5)}">`),
-    end: "</span>",
-    prefix: "",
-    suffix: "<br/>",
-    zero: true,
-});

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";
-import { charCode } from "./utils";
+import { peek } from "@thi.ng/arrays/peek";
+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;
@@ -46,7 +46,7 @@ export declare const imageRaw: (canvas: Canvas, x: number, y: number, w: number,
  *
  * @remarks
  * For best results, it's recommended to pre-dither the image (e.g. using
- * thi.ng/pixel or other dither tools).
+ * thi.ng/pixel-dither or other dither tools).
  *
  * Reference:
  * https://en.wikipedia.org/wiki/Braille_Patterns#Identifying.2C_naming_and_ordering
@@ -114,5 +114,5 @@ export declare const imageString565: (src: {
     width: number;
     height: number;
     pixels: UIntArray;
-}, char?: string | undefined) => string;
+}, char?: string | undefined, fmt?: import("@thi.ng/text-format").StringFormat) => string;
 //# sourceMappingURL=image.d.ts.map

package/image.js

@@ -1,11 +1,11 @@
-import { peek } from "@thi.ng/arrays";
-import { isNumber } from "@thi.ng/checks";
-import { clamp0 } from "@thi.ng/math";
-import { SHADES_BLOCK } from "./api";
-import { canvas, Canvas } from "./canvas";
-import { FMT_ANSI565 } from "./format";
-import { toString } from "./string";
-import { charCode, intersectRect } from "./utils";
+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.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;
@@ -88,7 +88,14 @@ export const image = (canvas, x, y, w, h, pixels, opts) => {
     const { x1, y1, x2, y2, sx, sy, w: iw, h: ih, } = imgRect(canvas, x, y, w, h);
     if (!iw || !ih)
         return;
-    const { chars, format, gamma, invert, bits } = Object.assign({ chars: SHADES_BLOCK, format: canvas.format, gamma: 1, invert: false, bits: 8 }, opts);
+    const { chars, format, gamma, invert, bits } = {
+        chars: SHADES_BLOCK,
+        format: canvas.format,
+        gamma: 1,
+        invert: false,
+        bits: 8,
+        ...opts,
+    };
     const fmt = isNumber(format) ? () => format : format;
     const max = (1 << bits) - 1;
     const mask = invert ? max : 0;
@@ -141,7 +148,7 @@ export const imageRaw = (canvas, x, y, w, h, pixels, char = "█") => {
  *
  * @remarks
  * For best results, it's recommended to pre-dither the image (e.g. using
- * thi.ng/pixel or other dither tools).
+ * thi.ng/pixel-dither or other dither tools).
  *
  * Reference:
  * https://en.wikipedia.org/wiki/Braille_Patterns#Identifying.2C_naming_and_ordering
@@ -208,7 +215,7 @@ export const imageCanvasBraille = (src, thresh, format = 0) => {
  * @param src
  * @param thresh
  */
-export const imageStringBraille = (src, thresh) => toString(imageCanvasBraille(src, thresh, 0));
+export const imageStringBraille = (src, thresh) => formatCanvas(imageCanvasBraille(src, thresh, 0));
 /**
  * Syntax sugar for {@link imageRaw}. Takes a thi.ng/pixel compatible 16bit
  * pixel buffer in RGB565 format and converts it into a new {@link canvas}. The
@@ -229,7 +236,7 @@ export const imageCanvas565 = (src, char) => {
  * @param src
  * @param char
  */
-export const imageString565 = (src, char) => toString(imageCanvas565(src, char), FMT_ANSI565);
+export const imageString565 = (src, char, fmt = FMT_ANSI565) => formatCanvas(imageCanvas565(src, char), fmt);
 const imgRect = (canvas, x, y, w, h) => {
     const rect = (intersectRect({ x1: x, y1: y, x2: x + w, y2: y + h, w, h }, peek(canvas.clipRects)));
     rect.sx = clamp0(rect.x1 - x);

package/index.d.ts

@@ -1,14 +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 "./string";
-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,13 +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 "./string";
-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