Otter

Collections

This release brings the long-awaited (at least for me) introduction of collections.

Collections are not another entity like tags, but are created implicitly when you use a tag with a colon in, for example ai:openai or ai:anthropic; here, the collection would be ai for both items. I use this form or grouping throughout Otter and I always wanted a simple way for collections to be displayed in the app, and now that they're here, I can't believe I didn't do it sooner!

The screen-capture below shows how collections are displayed in Otter:

https://github.com/mrmartineau/Otter/assets/64883/18ae0771-19ba-44d9-b226-b1954b31ee53

What you see above are all the collections in the sidebar which when clicked, show the collection page with a subnav of all the tags in that collection.

Other new features:

Tag editing

There is a new page in the settings section that allows users to rename existing tags. Renaming a tag will update all bookmarks with that tag.

Toots on dashboard

I added the 4 most recently liked toots to the dashboard so that I could have quick access to them.

AI titles

One of the AI features the Arc browser recently introduced renames tabs and downloaded files. It is a really small and simple thing but it made me think that Otter could use something similar. When adding new bookmarks, the titles often use very different formatting from one site to the next. This makes it hard to scan the list of bookmarks and find the one you are looking for. It would be nice if Otter could automatically rename the bookmarks to something more consistent.

This feature requires a new environment variable: OPENAI_API_KEY which is, as you might expect, an API key from OpenAI.

The fastest way to add the new key is by using Vercel's CLI: vc env add

https://github.com/mrmartineau/Otter/assets/64883/8f82f28c-91f4-46cf-ad4e-bd5ac2f56c16

Improved toast

I also improved the Toast component. I opted to replace the existing Toast component with a new one that is more easy to use called Sonner.

Changes

• Changed app colour scheme to use Radix's "Mauve" scale instead of "Sand" because it is more harmonious with the "Violet" accent colour that the app uses
• Fixed a few navigation issues after the dashboard was added in the last release

https://github.com/mrmartineau/Otter/assets/64883/903f2bac-d844-49f2-a1b5-4ee7481811d8

Add dashboard

A new page at /dashboard that shows a some recent items and others from your past. It is intended to allow more frequent review of your past items so they are not lost in the stream.

It shows:

• 4 recent items
• 2 items from one month ago
• 2 items from two months ago
• 2 items from six months ago
• 2 items from one year ago
• 2 items tagged #follow-up

Update search

Search now fetches toots and tweets

Image field editing

Allow image property to be changed when editing a bookmark

Full Changelog: https://github.com/mrmartineau/Otter/commits/2.0.0