build the bookmark extension

[seichris]

Features: Import bookmarks through chrome extension

Repo: https://github.com/kontext-app/social-bookmarking-extension

After the user installed the extension, there are two ways to save a bookmark:

1. Click the extension icon

It gathers:

• URL
• site title (from metatags)
• site description (from metagas)
• favicon.ico (from https://s2.googleusercontent.com/s2/favicons?domain=' + props.bookmark.url)

Like in raindrop extension, it prefills title and description fields. And allows the user to edit both before saving.

it should pre-fill page title field with current page title

It opens a small window showing the above information. And it allows the user to enter:

• hashtags
• comment
• 5-star rating

Clicking the 'save button' saves all the above info.

2. Highlight some text on the website

Which saves

• highlighted area
• URL
• site title (from metatags)
• favicon.ico

Design

Similar to raindrop.io extension https://www.figma.com/file/Cm2sEOSH4xZOiQMH4RAh1B/kontext.app?node-id=226%3A1

[seichris]

Later, we'll use the same extension to hack the DOM, to overlay recommended content in web2 UI like Twitter. We should prob look into Maskbook for this https://github.com/dimensiondev/holoflows-kit, https://twitter.com/TheYisiLiu/status/1288369272742219777

[dohaki]

A first rudimentary version of the example can be found in the respective repository https://github.com/kontext-app/social-bookmarking-extension.