Capability to Unbake Open Badge 3.0

[alexfigtree]

Credly makes it possible for their users to download a baked badge image. This means that the .png image is encoded with an open badge 3.0. This 1EdTech reference explains the baking specification: https://www.imsglobal.org/spec/ob/v3p0

This issue is to add functionality to VerifierPlus to "Drag and drop a file here or browse
" and allow for an upload of an Open Badge 3.0. The code should:

1. extract the data
2. confirm that it is an open badge 3.0 -- it's possible that this function will be implied in a related issue for verifying the credential

In this issue at 1EdTech: there are some libraries mentioned that will perform the extraction: 1EdTech/openbadges-specification#586

including: https://www.npmjs.com/package/png-itxt

(Note offer for assistance from Credly in the 1EdTech issue if we need a hand).

The Mozilla badge bakery is outdated so we don't want to use that one.

This tool is a browser interface that can be used to manually extract the information: https://www.nayuki.io/page/png-file-chunk-inspector

Note: Out of scope are any image formats that aren't .png. The 1EdTech spec does allow for .svg but we will only be handling .pngs at this time.

Here is one badge to test with. Can provide an open badges 2.0 version if needed for testing

Related issues to link to once they are created:

• Capability to Unbake Open Badge 3.0 openwallet-foundation-labs/learner-credential-wallet#649 (comment)
• add cryptosuite:eddsa-rdfc-2022 to verification
• instructions for Credly users to download their badge and add to LCW and use on VerifierPlus (Wiki?)