Logo

dev-resources.site

for different kinds of informations.

Day 17: Terminal Links & Other Escapes πŸ”—

Published at
12/17/2024
Categories
webdev
beginners
deno
webadvent
Author
valeriavg
Categories
4 categories in total
webdev
open
beginners
open
deno
open
webadvent
open
Author
9 person written this
valeriavg
open
Day 17: Terminal Links & Other Escapes πŸ”—

Ever wondered how to make a clickable link in a terminal? Well you don't have to wonder no more: you can use special ANSI code for it!
And ansi-escapes have you covered!

Install the package with e.g. deno add npm:ansi-escapes and create a file, e.g. main.ts:

import {link as createLink} from "ansi-escapes";

const link = createLink("link", "https://valeriavg.dev");

console.log(`Hello! Would you like to check this ${link} perhaps?`);
Enter fullscreen mode Exit fullscreen mode

Run with e.g. deno run -A ./main.ts and enjoy:

VSCode Terminal with a link

The screenshot is from VSCode terminal, but not every terminal would support links!

On Mac, for example, iTerm2 would support it:

iTerm2

But default terminal app would not:

Mac terminal

There are other libraries that would help you detect if a feature is supported or not and ansi-escapes comes with a lot of features!

Check it out and do share your creations!

Liked the content and would love to have more of it all year long?

Buy Me A Coffee

deno Article's
30 articles in total
Favicon
Deno docker
Favicon
Day 24: Paint by Pixels 🎨
Favicon
Day 22: How the Tables have turned πŸ“
Favicon
Day 20: Not a Dedent! 🚧
Favicon
Day 23: Terminal Images πŸ–ΌοΈ
Favicon
Day 19: Highlight'em up! πŸ”–
Favicon
Day 18: Got a millisecond? ⏱️
Favicon
You can omit `run` from `deno run` command
Favicon
Day 17: Terminal Links & Other Escapes πŸ”—
Favicon
Day 8: D-8 🎱
Favicon
Day 7: Your input is valid πŸ–οΈ
Favicon
πŸš€ Rust Coders, Don’t Miss These 25 Resource Picks
Favicon
Day 9: Terminal Forms πŸ“‡
Favicon
Dynamic DNS sync with Cloudflare
Favicon
Day 14: Keep on Spinning! ♻️
Favicon
πŸš€ Automate Your PostgreSQL Backups with Ease! 🐳
Favicon
Day 21: In the name of Progress! πŸ“ˆ
Favicon
πŸš€ Automate Your PostgreSQL Backups with Ease! 🐳
Favicon
Runtime challenge: Bun vs Node
Favicon
I built a Fullstack Deno 2 application
Favicon
Self Writing Lang Graph State
Favicon
Supabase Just Got More Powerful: Queue, Cron, and Background Tasks in Edge Functions
Favicon
Day 4: ASCII Art Fonts πŸ–‹οΈ
Favicon
Day 13: I love Boxes! πŸ“¦
Favicon
#2 Daily Rabbit Holes: Diving Deeper into Rust, V8, and the JavaScriptℒ️ Saga
Favicon
Day 12: Pico-co-colors πŸ₯
Favicon
πŸ†š Bun vs Deno: When to Use Each in Your Projects?
Favicon
Exploring Bun.js Over Deno: A Humble Developer's Tale
Favicon
Day 10: Ho-ho-hono! πŸ”₯
Favicon
Benchmarking in Node.js vs Deno: A Comprehensive Comparison

Featured ones: