Ascii art collapsed

[ginpei]

Before opening, please confirm:

• I have installed the latest version of the Amplify CLI (see above), and confirmed that the issue still persists.
• I have searched for duplicate or closed issues.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

How did you install the Amplify CLI?

npm

If applicable, what version of Node.js are you using?

v14.15.1

Amplify CLI Version

4.45.0

What operating system are you using?

Ubuntu 20.04 (WSL2 on Windows10)

Amplify Categories

Not applicable

Amplify Commands

Not applicable

Describe the bug

The ascii art shown when you run just amplify is collapsed (see attached image)

Expected behavior

The ascii art should look beautiful

Reproduction steps

Run amplify without args in CLI.

It occurred on VS Code Terminal in default window size with hidden side bar. In my Windows, full-width fonts are used (Japanese)

Log output

# Put your logs below this line

```bash
$ amplify


| Category      |
| ------------- |
| notifications |
| analytics     |
| api           |
| auth          |
| function      |
| hosting       |
| interactions  |
| predictions   |
| storage       |
| xr            |
                                                                                                  
 █████╗ ███╗   ███╗██████╗ ██╗     ██╗███████╗██╗   ██╗    ███████╗██████╗  █████╗ ███╗   ███╗████
███╗██╗    ██╗ ██████╗ ██████╗ ██╗  ██╗                                                           
██╔══██╗████╗ ████║██╔══██╗██║     ██║██╔════╝╚██╗ ██╔╝    ██╔════╝██╔══██╗██╔══██╗████╗ ████║██╔═
═══╝██║    ██║██╔═══██╗██╔══██╗██║ ██╔╝                                                           
███████║██╔████╔██║██████╔╝██║     ██║█████╗   ╚████╔╝     █████╗  ██████╔╝███████║██╔████╔██║████
█╗  ██║ █╗ ██║██║   ██║██████╔╝█████╔╝                                                            
██╔══██║██║╚██╔╝██║██╔═══╝ ██║     ██║██╔══╝    ╚██╔╝      ██╔══╝  ██╔══██╗██╔══██║██║╚██╔╝██║██╔═
═╝  ██║███╗██║██║   ██║██╔══██╗██╔═██╗                                                            
██║  ██║██║ ╚═╝ ██║██║     ███████╗██║██║        ██║       ██║     ██║  ██║██║  ██║██║ ╚═╝ ██║████
███╗╚███╔███╔╝╚██████╔╝██║  ██║██║  ██╗
╚═╝  ╚═╝╚═╝     ╚═╝╚═╝     ╚══════╝╚═╝╚═╝        ╚═╝       ╚═╝     ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝     ╚═╝╚═══
═══╝ ╚══╝╚══╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝

…

Collapsed

Looks good in wider screen

[watilde]

Full width font is often used in Japanese OS and might be in the other multibyte languages as well. We might want to consider to stop using ASCII or having unicode-off option as same as npm.

Refs:

• https://docs.npmjs.com/cli/v7/using-npm/config#unicode
• https://en.wikipedia.org/wiki/Halfwidth_and_fullwidth_forms

[attilah]

@ginpei thanks for the issue, I marked it as an enhancement.

[ginpei]

By the way, just curious though, I'm wondering how it's supposed to be. Would anyone please share how it look in the western environment?

[cjihrig]

It's supposed to say "AMPLIFY FRAMEWORK" like in https://user-images.githubusercontent.com/355808/110403555-20af1f80-8032-11eb-99a8-77d212128b48.png.

[ginpei]

So it just expects wider screen regardless font thing. Thank you so much!

[kaustavghosh06]

PR #6497 has been merged to remove the ASCII art and will be part of the next release.

[github-actions]

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels for those types of questions.