double width unicode character not displayed correctly

[mknj]

Problem

Tables with double width unicode characters are not correctly aligned (see screenshot).

observed output

sidenote

The vi Editor in the same terminal window can handles these characters correctly. (the cursor does not jump left/right when going up/down on lines that contain such characters)

versions

• "as-table": "^1.0.55",
• nodejs 15.12.0
• GNOME Terminal 3.38.1
• kitty terminal 0.20.3
• Ubuntu 21.04
• latest NerdFont

example program

const asTable = require ('as-table').configure({delimiter:" | "})

console.log(asTable ( [ 
{ string: 'abcde',      num: "ok" },
{ string: 'ﾹ', num: "ok" },
{ string: '無', num: "bad" },
{ string: '🕑', num: "bad" },
{ string: '💩', num: "bad" },
{ string: '⬢', num: "ok" },
]))

[mknj]

The function stringWidth from "string-with" reports the correct width of strings, but strlen from "printable-characters" does not.

import p from 'printable-characters'
import a from 'as-table'
import stringWidth from 'string-width'
const asTable=a.configure({delimiter:" | "})
const d=[
{ string: 'abcde',      num: "ok" },
{ string: 'ﾹ', num: "ok" },
{ string: '無', num: "bad" },
{ string: '🕑', num: "bad" },
{ string: '💩', num: "bad" },
{ string: '⬢', num: "ok" },
]
for(const e of d) {
  e.stringWidth=stringWidth(e.string)
  e.strlen=p.strlen(e.string)
}
console.log(asTable (d) )

result

string | num | stringWidth | strlen
-----------------------------------
abcde  | ok  | 5           | 5     
ﾹ      | ok  | 1           | 1     
無      | bad | 2           | 1     
🕑      | bad | 2           | 1     
💩      | bad | 2           | 1     
⬢      | ok  | 1           | 1     

[xpl]

Thanks for the report. Seems that emoji rendering is terminal-dependent, sometimes it's double width, sometimes single width...

And in VSCode it's somehow 1.5-width:

It also seems that now most terminals render it as double width (several years ago it was different), so we probably need to change printable-characters to account for that.