My inspiration was ScreenSnipe - a JIRA and Confluence plugin we recently archived on the Atlassian Marketplace. ScrenSnipe was developed with Java Applets technology which is almost dead now, hence my idea to create a new plugin in pure HTML5. The first version is for JIRA Server with essential functionalies. Plans we evaluate revolve around JIRA Cloud and Confluence versions.
What it does
Essentially, Image Annotator for JIRA adds image editor to JIRA. After installation, you can start the editor when you hover over images attached to issues (JPG, PNG, BMP). If you have edit permission right, you can edit and annotate image attachments in issues. Your changes can be saved in original attachment or you can create a separate annotated or edited image attachment.
How I built it
Challenges I ran into
There were quite a few challenges, actually. The biggest two of them were handling image attachments (adding and removing them) in frontend code and creating a text tool that lets users type directly on the attached image.
Accomplishments that I'm proud of
I'm very proud of creating my own image editing library that can turn any HTML Canvas element into image editor. I'm also happy with the overall architecture of the plugin - it's very modular and it should let us build Image Annotator for other Atlassian apps (like JIRA Cloud and Confluence) quick and easy.
What I learned
I've learned a lot about HTML Canvas API.
What's next for Image Annotator for JIRA
Tight integration with Add Screenshot screen in JIRA which will result in possibility to edit the just-pasted screenshot, which is not yet an issue attachment.