Implement undo/redo example with tldraw

[devleejb]

What this PR does / why we need it?

This pull request adds undo/redo functionality to the Tldraw whiteboard example code.

Any background context you want to provide?

• Refer to the public/index.html code for modifications.
• We could merge this PR after solving Consider elements in the undo/redo stack during garbage collection  yorkie#664.

What are the relevant tickets?

Fixes #

Checklist

• Added relevant tests or not required
• Didn't break anything

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (4bbdf2e) 69.04% compared to head (f11a332) 69.04%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #695   +/-   ##
=======================================
  Coverage   69.04%   69.04%           
=======================================
  Files          58       58           
  Lines        8787     8787           
  Branches      800      800           
=======================================
  Hits         6067     6067           
  Misses       2459     2459           
  Partials      261      261           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[krapie]

Thank you for your contribution.

When I run tldraw example with this changes, I get this error.
Could you test your PR again?

[krapie]

As always, file newline here.

[devleejb]

@krapie
Is there any update or fix planned after the bug discovered?
#697

[krapie]

@devleejb
Not sure there are any updates on this bug.
cc. @hackerwins

[devleejb]

@krapie
I will apply the comment you provided after the issue is resolved.

[hackerwins]

The current Undo/Redo implementation in the JS SDK is designed for objects, but it malfunctions when the garbage collection(GC) is triggered.

Therefore, in the current Undo/Redo test code, the GC functionality is disabled to run the tests:

yorkie-js-sdk/test/integration/object_test.ts

Lines 854 to 855 in 5ef1e8f

	const doc1 = new Document<TestDoc>(docKey, { disableGC: true });
	const doc2 = new Document<TestDoc>(docKey, { disableGC: true });

In the future, there are plans to handle the removal of objects targeted by the GC when they are no longer referenced by the undo/redo stack. For more details, please refer to the following issue:
yorkie-team/yorkie#664

I think it will take some time.