Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: notebook timestamp nodes #16613

Merged
merged 10 commits into from
Jul 20, 2023
Merged

feat: notebook timestamp nodes #16613

merged 10 commits into from
Jul 20, 2023

Conversation

daibhin
Copy link
Contributor

@daibhin daibhin commented Jul 17, 2023

Problem

Follow on from #16530

Towards #15680

We don't currently support any type of comments in recordings

Changes

  • Introduces a new 'Timestamp' node in TipTap.
    • This stores reference to a session recording & playback time
  • Adds a "Comment" button to recordings in notebooks that will insert the new Timestamp node
    • Sets the playback time to the current player time
  • Adds a generic notebookNodeLogic that is bound in the NodeWrapper
comments.mp4

Still to do

  • Create a notebook from a session recording
  • Click the timestamp to scrub the video to the timestamp
  • Show a suggestion for a timestamp when pressing Enter on a comment that can be Tab'ed for inclusion in the document

How did you test this code?

  • Manually (see gif)
  • Would love to pair on adding some tests for notebooks if anyone has time

@posthog-bot
Copy link
Contributor

Hey @daibhin! 👋
This pull request seems to contain no description. Please add useful context, rationale, and/or any other information that will help make sense of this change now and in the distant Mars-based future.

@daibhin
Copy link
Contributor Author

daibhin commented Jul 18, 2023

Conscious that notebooks don't have a lot of tests in them. Would love to pair with someone if there is a way to start adding them in this PR

@daibhin daibhin marked this pull request as ready for review July 18, 2023 14:22
@daibhin daibhin requested a review from a team July 18, 2023 14:22
@benjackwhite benjackwhite self-requested a review July 19, 2023 14:38
@benjackwhite
Copy link
Contributor

@daibhin resolved the comments that were sorted from our pairing. Just some small follow up stuff left 👍

Copy link
Contributor

@benjackwhite benjackwhite left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice!

@daibhin daibhin force-pushed the dn/timestamp-nodes branch 2 times, most recently from 81b5bea to 16b7aa9 Compare July 20, 2023 10:22
@daibhin daibhin merged commit 4889d56 into master Jul 20, 2023
@daibhin daibhin deleted the dn/timestamp-nodes branch July 20, 2023 12:12
tomasfarias pushed a commit that referenced this pull request Jul 25, 2023
* Add comment button to session recordings

* Add timestamped playback node

* Insert next timestamp item

* Style timestamps

* Bind node logic

* Insert comment at the end of a timestamp list following a recording

* Cleanup implementation

* Appease the linter

* Tweaks from pairing

* Improve naming and cleanup unused references

---------

Co-authored-by: Ben White <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants