Private fonts don't work at all, and should work trivially via a cache

[davelab6]

When I visit typeroof and drag and drop a local private font and make a comment:

http://videoproof.graphicore.de/#2022-12-06T17:03:37Z;TestFlex%20opsz18-wdth100-wght400-ROND0,Version%205.000;Test;0.0.1.0.0.5-0.0.1.0.0.6;40;;10;5;0;opsz64;1;64;0;l;;opsz25;1;25;0;l;;;1;18;0;l;;;1;18;0;l;;opsz14;1;14;0;l;;@v2:typespec

and then reload the page (in incognito) I get this error:

via VideoproofController constuctor initial resources:TypeError: this.uiStateFields is not iterable

(Note I changed the font family name since this is a public repo)

In https://github.com/Tgemayel/variable-fonts-figma Toni made a AWS Lambda service to cache drag'n'dropped fonts on a server so they could be accessed as URLs with a file md5 hash uid, and probably something similar would be important here to aid testing of private 'nightly' fonts. Entering a simple secret to access the cache would be fine to limit scale/costs of the service.

[graphicore]

This was closed by a commit message,re-opening for my report.

Now there's a local storage (with indexedDB) that will store all dropped fonts locally in the browser, persistent over sessions (not in private browsing).

There are also 3 new modal <dialog> widgets coming with this:

• Handle Missing Font If on load a font is missing, this will prompt the user to select a loaded font or load a replacement font
• Font Exists If the font that is being loaded exists, the options are to keep the old font or replace it with the new font. This is useful because a font key is made from the name table "fullName" and "version" entries, and if these are not changed in a newer version of the font (they should be changed), here's a way to load it anyways.
• Manage Fonts remove multiple fonts from the local storage. This can be accessed via a link at the bottom left of the app: "Manage dropped fonts".