Annotations refactor

[jakubfiala]

Description of changes

Adapt the Annotations Viewer integration to the new API coming in Powerpack v1.0.0.

Technical details

• load the two separate contexts (AnnotationsProvider and AnnotationsEditorProvider). AnnotationsProvider wraps the whole Viewer incl. the activity feed, while AnnotationsEditorProvider just wraps the image/video and the toolbar.
• expose the useAnnotations hook which allows CommentInput to grab the annotations (via useAnnotationsSync)
• remove useViewerAnnotations because its functionality is inside the addon now. The "unique annotated frames" logic has been moved to VideoPlayer because that's the only place it's used.
• remove the annotations-related bits from the Store
• pass the mediaType, atMediaTime and src props to the AnnotationsEditorProvider
• in useAnnotationsUpload we now use the useAnnotations hook to export the full-size composite image only when the comment is submitted.

Additional context

[Innders]

• Image over the top of the buttons

• Drawing and then going to another frame too quickly causes the drawing to be lost. Maybe we should decrease the debounce time a bit?

Screen.Recording.2025-02-21.at.14.11.33.mov

[jakubfiala]

@Innders sounds good, I've reduced the debounce delay (on latest powerpack branch) - I'll have a look at the border thing. It looks like an issue with the image aspect ratio

[jakubfiala]

@Innders added a "submitting" state to CommentInput, for now it's just non-interactive and greyed out. Lmk if that feels sufficient or you'd rather have a spinner over it, too

[jakubfiala]

@Innders added a 250ms transition with a 250ms delay, seems like a happy medium. Lmk what you think. Also, if you pull latest powerpack, the annotated images now have unique filenames.

[jakubfiala]

that should also fix the weird prefix dot. It was being added by the code that's meant to split file name from the extension, but it can't handle names without extensions 🙃

[Innders]

Great stuff, I'm excited to get this out for wider testing 👏