Textual Paint ============= MS Paint in your terminal. This is a TUI (Text User Interface) image editor, inspired by MS Paint, built with [Textual](https://textual.textualize.io/).
MS Paint like interface
This screenshot of Textual Paint is the terminal's screen buffer copied as HTML, wrapped in SVG, placed in HTML inside Markdown.
This might not render correctly in your browser.
## Features - [x] Open and save images - [x] Fancy file dialogs - [x] Drag and drop files to open - [x] Warnings when overwriting an existing file, or closing with unsaved changes - [x] Automatically saves a temporary `.ans~` backup file alongside the file you're editing, for recovery in case of a crash - File formats, chosen by typing a file extension in the Save As dialog: - [x] ANSI (.ans) — Note that while it handles many more ANSI control codes when loading than those that it uses to save files, you may have limited success loading other ANSI files that you find on the web, or create with other tools. ANSI files can vary a lot and even encode animations! - [x] Plain Text (.txt) — discards color information - [x] SVG (.svg) — save only - [x] HTML (.html) — save only - [x] PNG (.png) - [x] Bitmap (.bmp) - [x] GIF (.gif) - [x] TIFF (.tiff) - [x] WebP (.webp) - [x] JPEG (.jpg) — low quality <-- (TODO: set quality level? maybe enlarge image before saving?) --> - [x] Windows Icon (.ico) — opens largest size in the file - [x] Mac OS Icon (.icns) — opens largest size in the file - [x] Windows Cursor (.cur) — open only - and more, see [Pillow's documentation](https://pillow.readthedocs.io/en/stable/handbook/image-file-formats.html) - Note that metadata is not preserved when opening and saving image files. (This is however common for many image editors.) - Tools - [x] Free-Form Select - [x] Select - [x] Eraser/Color Eraser - [x] Fill With Color - [x] Pick Color - [x] Magnifier - [x] Pencil - [x] Brush - [x] Airbrush - [x] Text - [x] Line - [x] Curve - [x] Rectangle - [x] Polygon - [x] Ellipse - [x] Rounded Rectangle - [x] Color palette - [x] Undo/Redo - [x] Efficient screen updates and undo/redo history, by tracking regions affected by each action - You could totally use this program over SSH! Haha, this "what if" project could actually be useful. Of course, it should be mentioned that you can also run graphical programs over SSH, but this might be more responsive, or just fit your vibe better. - [x] Brush previews - [x] Menu bar - [x] Status bar - [x] Keyboard shortcuts - [x] Localization into 26 languages: Arabic, Czech, Danish, German, Greek, English, Spanish, Finnish, French, Hebrew, Hungarian, Italian, Japanese, Korean, Dutch, Norwegian, Polish, Portuguese, Brazilian Portuguese, Russian, Slovak, Slovenian, Swedish, Turkish, Chinese, Simplified Chinese ## Usage ### Command Line Options ``` $ python3 paint.py --help usage: paint.py [options] [filename] Paint in the terminal. positional arguments: filename Path to a file to open. File will be created if it doesn't exist. options: -h, --help show this help message and exit --version show program's version number and exit --theme {light,dark} Theme to use, either "light" or "dark" --language {ar,cs,da,de,el,en,es,fi,fr,he,hu,it,ja,ko,nl,no,pl,pt,pt-br,ru,sk,sl,sv,tr,zh,zh-simplified} Language to use --ascii-only-icons Use only ASCII characters for tool icons --backup-folder FOLDER Folder to save backups to. By default a backup is saved alongside the edited file. --inspect-layout Inspect the layout with middle click, for development --clear-screen Clear the screen before starting; useful for development, to avoid seeing fixed errors --restart-on-changes Restart the app when the source code is changed, for development --recode-samples Open and save each file in samples/, for testing ``` ### Keyboard Shortcuts - Ctrl+D: Toggle Dark Mode - Ctrl+Q: Quit - Ctrl+Shift+S: Save As **IF SHIFT IS DETECTED** — might trigger Save instead, and overwrite the open file! ⚠️ - Ctrl+Shift+Z: Redo **IF SHIFT IS DETECTED** — might trigger Undo instead. The rest match MS Paint's keyboard shortcuts: - Ctrl+S: Save - Ctrl+O: Open - Ctrl+N: New - Ctrl+T: Toggle Tools Box - Ctrl+W: Toggle Colors Box - Ctrl+Z: Undo - Ctrl+Y: Redo - F4: Redo - Ctrl+A: Select All - Delete: Clear Selection - Ctrl+C: Copy - Ctrl+V: Paste - Ctrl+X: Cut - Ctrl+E: Image Attributes - Ctrl+PageUp: Large Size - Ctrl+PageDown: Normal Size ### Tips You can draw with a character by clicking the selected color display area in the palette and then typing the character, or by double clicking the same area to pick a character from a list. You can set the text color by holding Ctrl while clicking a color in the palette, or while double clicking a color to open the Edit Colors dialog. You can display a saved ANSI file in the terminal with `cat`: ```bash cat samples/ship.ans ``` To view all the sample files, run: ```bash find samples -type f -exec file --mime-type {} \; | grep -v "image/png" | cut -d: -f1 | sort | xargs -I{} sh -c 'echo "File: {}"; cat "{}"; echo "\n-----------------------\n"' ```
Command Explanation Let's break down the command: 1. `find samples -type f -exec file --mime-type {} \;`: This part uses the `find` command to locate all files (`-type f`) within the "samples" folder and its subdirectories. For each file, it executes the `file --mime-type` command to determine the file's MIME type. This outputs a line like "samples/ship.ans: text/plain". 2. `grep -v "image/png"`: This filters out any lines containing the MIME type "image/png", effectively excluding PNG files from the output. 3. `cut -d: -f1`: This extracts only the file paths from the output of the `file` command, removing the MIME type information. 4. `sort`: This sorts the file paths alphabetically. 5. `xargs -I{} sh -c 'echo "File: {}"; cat "{}"; echo "\n-----------------------\n"'`: Finally, this executes the `sh -c` command for each file, echoing the filename, catting its content, and adding a separator line. This command will sort and display the content of all non-PNG files within the "samples" folder and its subdirectories. Remember to run this command in the directory where the "samples" folder is located.
## Known Issues - When saving as a TXT file, color information is discarded without warning. It is considered saved, so the backup will be discarded, even though the saved file doesn't match the visible document. - Undo/Redo doesn't work inside the Text tool's textbox. Ctrl+Z will delete the textbox. (Also note that the Text tool works differently from MS Paint; it will overwrite characters and the cursor can move freely, which makes it better for ASCII art and worse for prose.) - The selection box border appears inside instead of outside (and lacks dashes). For the text box, I hid the border because it was too visually confusing, but it should also have an outer border. - Pick Color can't be cancelled (with Esc or by pressing both mouse buttons), since it samples the color continuously. - Pressing both mouse buttons stops the current tool, but doesn't undo the current action. - Due to limitations of the terminal, shortcuts using Shift or Alt might not work. - Menus are not keyboard navigable. - The Zoom submenu flickers as it opens, and may not always open in the right place. - The canvas flickers when zooming in with the Magnifier tool. - Some languages don't display correctly. - Large files can make the program very slow, as can magnifying the canvas. There is a 500 KB limit when opening files to prevent it from freezing. - Free-Form Select stamping/finalizing is incorrect when the selection is off-screen to the left or top. - Moving the selection with the arrow keys does not cut out the selection from the canvas, it only moves the selection box. - Status bar description can be left blank when selecting a menu item - Menu items like Copy/Cut/Paste are not grayed out when inapplicable. Only unimplemented items are grayed out. - Set As Wallpaper may not work on your system. For me, on Ubuntu, the wallpaper setting is updated but the picture is not, unless I manually pick it. There is however untested support for many platforms, and you may have better luck than me. - If you paste and then stamp the selection with Ctrl+Click, the stamp(s) can't be undone. An undo state is only created when finalizing the selection, for pasted selections. - Pasting with middle click can crash the program if the clipboard is empty. See [textual issue #2563](https://github.com/Textualize/textual/issues/2563) - Clicking a folder in the file dialogs can cause the program to exit if there's a permission error. See [textual issue #2564](https://github.com/Textualize/textual/issues/2564) - The Open dialog's file tree view doesn't scroll down to the initially selected file/folder. - ANSI files (.ans) are treated as UTF-8 when saving and loading, rather than CP437 or Windows-1252 or any other encodings. Unicode is nice and modern terminals support it, but it's not the standard for ANSI files. There isn't really a standard for ANSI files. - ANSI files are loaded with a white background. This may make sense as a default for text files, but ANSI files either draw a background or assume a black background, being designed for terminals. The program has only been tested on Linux. Issues on other platforms are as-yet _unknown_ :) ## Development Install Textual and other dependencies: ```bash pip install "textual[dev]" stransi psutil watchdog pyperclip pyright ``` Run via Textual's CLI for live-reloading CSS support, and enable other development features: ```bash textual run --dev "src/textual_paint/paint.py --clear-screen --inspect-layout --restart-on-changes" ``` Or run more basically: ```bash python src/textual_paint/paint.py ``` `--clear-screen` is useful for development, because it's sometimes jarring to see error messages that have actually been fixed, when exiting the program. `--inspect-layout` lets you middle click to visualize the layout breakdown by labeling each widget in the hierarchy, and coloring their regions. The labels affect the layout, so you can also hold Ctrl to only colorize, and you can remember how the colors correspond to the labels, to build a mental model of the layout. `--restart-on-changes` automatically restarts the program when any Python files change. This works by the program restarting itself directly. (Programs like `modd` or `nodemon` that run your program in a subprocess don't work well with Textual's escape sequences.) There are also launch tasks configured for VS Code, so you can run the program from the Run and Debug panel. Note that it runs slower in VS Code's debugger. To see logs, run [`textual console`](https://textual.textualize.io/guide/devtools/#console) and then run the program via `textual run --dev`. This also makes it run slower. Often it's useful to exclude events with `textual console -x EVENT`. To test file encoding, run `textual run --dev "src/textual_paint/paint.py --recode-samples"`. If there are differences in the ANSI files, you can set up a special diff like this: ```bash git config --local "diff.cat-show-all.textconv" "cat --show-all" ``` but you should check that `cat --show-all samples/2x2.ans` works on your system first. Also, note that it might not work with your Git GUI of choice; you may need to use the command line. ### Linting ```bash pyright # type checking cspell-cli lint . # spell checking ``` ### Update Dependencies ```bash python -m pipreqs.pipreqs --ignore .history --force ``` ## License [MIT](LICENSE.txt) ## Unicode Symbols and Emojis for Paint Tools The first thing I did in this project was to collect possible characters to represent all the tool icons in MS Paint, to gauge how good of a recreation it would be possible to achieve, starting from looks. Unfortunately, I haven't run into any significant roadblocks, so I'm apparently recreating MS Paint. [Again.](https://jspaint.app) These are the symbols I've found so far: - Free-Form Select: ✂️📐🆓🕸✨⚝⛤⛥⛦⛧🫥🇫/🇸◌⁛⁘ ⢼⠮ - Select: ⬚▧🔲 ⣏⣹ ⛶ - Eraser/Color Eraser: 🧼🧽🧹🚫👋🗑️▰▱ - Fill With Color: 🌊💦💧🌈🎉🎊🪣🫗 - Pick Color: 🎨💉💅💧📌📍⤤𝀃🝯🍶 - Magnifier: 🔍🔎👀🔬🔭🧐🕵️‍♂️🕵️‍♀️ - Pencil: ✏️✎✍️🖎🖊️🖋️✒️🖆📝🖍️ - Brush: 🖌️🖌👨‍🎨🧑‍🎨💅 - Airbrush: 💨ᖜ╔🧴🥤🫠 - Text: 🆎📝📄📃🔤📜AＡ - Line: 📏📉📈⟍𝈏╲⧹\⧵∖ - Curve: ↪️🪝🌙〰️◡◠~∼≈∽∿〜〰﹋﹏≈≋～⁓ - Rectangle: ▭▬▮▯🟥🟧🟨🟩🟦🟪🟫⬛⬜◼️◻️◾◽▪️▫️ - Polygon: ▙𝗟𝙇﹄』⬣⬟🔶🔷🔸🔹🔺🔻△▲ - Ellipse: ⬭⭕🔴🟠🟡🟢🔵🟣🟤⚫⚪🫧 - Rounded Rectangle: ▢⬜⬛ The default symbols used may not be the best on your particular system, so I may add some kind of configuration for this in the future. ### Cursor A crosshair cursor could use one of `+✜✛✚╋╬⁘⁛⌖⯐`, but whilst that imitates the look, it might be better to show the pixel under the cursor, i.e. character cell, surrounded by dashes, like this: ``` ╻ ╺█╸ ╹ ``` ## See Also - [JavE](http://jave.de/), an advanced Java-based ASCII art editor - [Playscii](http://vectorpoem.com/playscii/), a beautiful ASCII/ANSI art editor. This is also written in Python and MIT licensed, so I might take some code from it, for converting images to ANSI, for example. Maybe even try to support (or piggy back off of) its file format. - [cmdpxl](https://github.com/knosmos/cmdpxl), a pixel art editor for the terminal using the keyboard - [pypixelart](https://github.com/douglascdev/pypixelart), a pixel art editor using vim-like keybindings, inspired by cmdpxl but not terminal-based