Typr Editor Hooks Update + Work with Tiptap better

[GraemeFulton]

The Typr editor is now a hook and works just like the Tiptap editor. You can access the underlying Tiptap editor instance with typr.editor. This means we can use the editor like a normal Tiptap editor, but with the extra Typr stuff like autosaving publishing flows, and navigation buttons.

const {typr} = useTypr({...editorProps});

//acces tiptap with typr.editor:

typr.editor.commands.insertContent('Hello');

The Not-So-Smooth Sailing

I initially tried to implement this using Cursor and AI programming assistance, thinking it would be really fast and easy. I was wrong! 😅 The AI struggled with adding hooks, and I found myself doing most of the work manually.

What I Learned

AI is helpful, but it's not a magic wand... yet. Sometimes it can get lost with logic and cause more issues than solve!

Key Changes

• The editor is now initialized using a useTypr hook.
• We can perform actions like publish, unpublish, and save directly through the typr object.
• Accessing editor states (e.g., hasUnsavedChanges, saving, saved) is now more straightforward.

Next Steps

If i get chance it'd be good to update the demo to work with the new hook editor usage. In the meantime, I've included some code snippets in the ReadMe to help you get started with the new implementation.

Let me know if you have any questions or run into any issues!