Show HN: D4pi: Show/Share Diablo 4 Item as Text/Link (Alternative to Screenshot) (d4pi.com)

Frontend newbie here trying to learn by doing :)

Feedback is much appreciated; especially around security, since D4pi takes arbitrary user input text, sanitizes it (by removing & < > " '), transforms it, and then renders it as HTML. I will be very happy to learn about anything I missed or some other way to do it better.

Thank you.

Source code: https://github.com/d4pi/d4pi.github.io

---

Edit: This may be more interesting to D4 players:

The D4pi item editor lets you to enter item attributes with few keystrokes; for example, all the following entries are recognized and rendered as

  +2.5% Critical Strike Chance

The +, %, and space are all optional; abbreviations/acronyms are case-insensitive.

  +2.5% CSC
  2.5% CSC
  2.5 CSC
  2.5CSC
  2.5csc

And an item can be shared as a link like this - no need to find a host for screenshots: https://d4pi.com/view/#0.2.0.0%26%0AMasked%20Work%0A2%0As%0A...