Xterm.js: 이모티콘 / 유니 코드 문제 (두 배 너비로 가정?)

macOS / bash에서 재현 할 수 없습니다. 이모 지 너비를 조정하지 않으면 (1이 아닌 값으로) 이런 일이 발생할 것으로 예상하지 않습니다. 재현 단계에 대한 자세한 내용은 유용합니다.

재현 (OSX, MacOS High Sierra)

• v3 데모 시작
• 붙여 넣기 😀 여러 번
• 왼쪽 화살표 키를 여러 번 눌러 매번 두 셀을 점프하고 셀 경계로 이동하는 방법을 확인합니다.

당신은 이미 MacOS High Sierra를 사용하고 있습니까? 아마도 node-pty와 관련이있을 수도 있습니다. Terminal.app 이모티콘을 삽입하면 자동으로 이모티콘 뒤에 공백이 추가되고 더 나아가 해당 공간을 선택할 수 없습니다. High Sierra가 위협하는 것과 같습니다. 이중 너비 문자로 ...

MacOS High Sierra의 Terminal.app

이것은 그들이 터미널에서 이모티콘을 더 좋게 만들려고 시도한 높은 시에라 일 수 있습니까? Electron 앱에서 렌더링이 엉망이어서 현재 업데이트 할 수 없습니다.

나는 업그레이드했다고 말하는 것이 싫고 지금은 모든 크롬 기반 앱에서 수많은 렌더링 결함에 갇혀 있습니다 😤

그래, 나는 내가 생각하는 Sierra와 비슷한 일이 일어났기 때문에 업데이트하기 전에 피드백을 추적하기 위해 신중했다.

나는 Terminal.app이 적절한 와이드 문자로 취급되는 멋진 이모티콘 경험을 가지고 있음을 알았습니다.

UAX # 11 동아시아 너비, 개정 31 은 이모티콘 _ 동아시아 너비 _ (이중 너비)를 변경했으며 wchar.h의 wcswidth 는 문자열 너비를 반환합니다. macOS High Sierra가 업데이트를 지원했을 것입니다.
xterm.js의 wcwidth 에서 src/CharWidth.ts 아직 지원하지 않습니다.

@ mandel59 정보 감사합니다!

@ mandel59 이 문제는 이모티콘에만 국한된 것이라고 생각합니다. CJK 문자는 이중 너비 문자로 올바르게 분류되어야한다고 생각합니다 (https://github.com/xtermjs/xterm.js/issues/1387처럼 일부 구성 요소가 손상 될 수 있음).

참조 : https://github.com/gnachman/iTerm2/blob/master/sources/NSCharacterSet+iTerm.m 에도 몇 가지 매핑 솔루션이 있습니다.

VS 코드 문제 : https://github.com/Microsoft/vscode/issues/59145

분명히 flutter run이이 동작을 보여줍니다.

다음은 Flutter가 필요없는 작은 Dart 재현입니다 (Dart가 필요함).

import 'dart:async';

import 'dart:io';

// Windows console font has a limited set of Unicode characters.
final _animation = Platform.isWindows
    ? <String>[r'-', r'\', r'|', r'/']
    : <String>['🌕', '🌖', '🌗', '🌘', '🌑', '🌒', '🌓', '🌔'];
final _backspace = '\b' * _animation[0].length;

main() {
  int ticks = 0;
  void update(Timer timer) {
    if (ticks % 50 == 0) {
      stdout.write('\nDoing thing... ');
    }
    stdout.write('$_backspace${_animation[ticks++ % _animation.length]}');
  }

  new Timer.periodic(const Duration(milliseconds: 100), update);
}

.dart 파일로 저장 한 다음 dart xxx.dart 로 실행합니다. 여기서이 코드는 표준 macOS 터미널에서 문자를 올바르게 제거하는이 문자에 대해 두 개의 백 스페이스를 발행합니다. 그러나 VS Code 터미널에서는 이모티콘과 다른 문자를 백 스페이스로 표시합니다. 이모지가 줄의 시작 부분에 있으면 아무 작업도 수행하지 않지만 그렇지 않은 경우 렌더링은 문자에 의해 왼쪽으로 천천히 이동합니다 (아이콘의 오른쪽 절반이 그 뒤에 남습니다).

백 스페이스에서 * _animation[0].length 를 제거하여 항상 단일 백 스페이스를 수행하면 VS Code 터미널에서는 제대로 작동하지만 macOS 터미널에서는 더 이상 백 스페이스가 충분하지 않습니다 (그러므로 달이 오른쪽으로 이동 !).

https://github.com/Microsoft/vscode/issues/60470에 언급 된 히브리어 / 아랍어에도 적용됩니다.

Ubuntu 18.04의 VSCode 1.31.1에서이 문제가 발생합니다.

화살표 키를 사용하여 명령 기록을 위아래로 스크롤하면 실행하려는 명령에 도달하면 읽을 수있는 가능성이 없도록 아티팩트가 선택됩니다.

또한 아티팩트를 선택한 후 표시되는 내용이 xterm의 메모리에있는 내용과 다르기 때문에 명령 편집이 버그가 있습니다.

단계 :

내 프롬프트에 이모티콘을 추가했습니다.

npm i 명령을 내리려면 위쪽 화살표를 한 번 누르십시오.

프롬프트에 추가 된 불량 n 를 확인합니다.

.bashrc 의 프롬프트에서 이모티콘을 제거하고 용어를 다시로드하면 버그가 사라집니다.

먼저, 여러분의 놀라운 작업에 대해 감사드립니다.

macOS Mojave 10.14.3의 VSCode 1.31.1은 동일합니다. @juliusecker 가 언급 한 n 일도 그가 설명한대로 저에게도 발생합니다.

@juliusecker가 언급 한 것과 동일한 버그가 있습니다.
VSCode 버전 1.33.1 (1.33.1) 51b0b28134d51361cf996d2f0a1c698247aeabd8 2019-04-11T08 : 14 : 39.158Z
시스템 버전 : macOS 10.14.4 (18E226)
zsh 5.7.1 (x86_64-apple-darwin17.7.0)

VSCode 및 Powershell에서 재현하기가 매우 간단합니다.

emojiterminaltest.ps1

"Emoji Normal"
"😊1😊2😊3😊4"
"Emoji with Padding Spaces - What it should look like"
"😊  1😊  2😊  3😊  4"

이 항목에 할당 된 자원이 있습니까? 이 문제 스레드에서 볼 수 있듯이 다른 프로그램 (Hyper 등)에서 많은 회귀가 발생한 것 같습니다.

@jerch 는 https://github.com/xtermjs/xterm.js/issues/1709 의 복제본

@Tyriar 예, ppl이 직면 할 가능성이 가장 높은 예입니다-emojis : smile_cat :

나는 이것이 문제를 잘 설명하고 # 1709가 해결책을 더 많이 보이므로 둘 다 열어 둘 것이라고 생각합니다.

Windows 10, 다음 버전에서 복제 할 수 있습니다.

위는 VS 코드 내장 터미널에서 볼 수있는 것입니다.

위의 내용은 텍스트 파일의 동일한 텍스트가 VS 코드에서 열릴 때 표시되는 것입니다.

문제가 거의 2 년 정도됐는데 업데이트가 있나요?

@jerch 는 곧 도착하기를 원하지만 atm을 계속 진행하고 있습니다. 이것에 대한 큰 차단제 중 하나는 현재 출시 된 새로운 애드온 시스템이었습니다.

https://github.com/xtermjs/xterm.js/issues/1709 를 찬성하여 마무리하는 것은 본질적으로 동일한 것이며 우리는 문제를 카운트 다운하고 싶습니다.