Awesome

Matrix Highlight

A decentralized and federated way of annotating the web based on Matrix. Watch a quick demo video below, or read the introductory post. If you're on Matrix, come chat with us at #matrix-highlight:matrix.danilafe.com.

Features

• Current: Create and send website annotations over Matrix.
• Current: Store data in a decentralized and federated manner.
• Current: Share highlights with other users, including those on other servers.
• Current: Group annotations together and create multiple annotation groups
• Current: Leverage the new m.thread MSC to allow users to comment on and discuss
• Planned: Use Matrix's End-to-End encryption to ensure the secure transmission and storage of highlight data. highlights.
• Planned: Use something like ArchiveBox to cache the current version of a website and prevent annotations from breaking.
• Planned Highlight PDFs in addition to web pages.

Screenshots

Selecting an expression to highlight

Highlighted expression

Highlight comments

Quote List View

User List View

Multi-user collaboration

Demo Video

https://user-images.githubusercontent.com/4361282/146517732-d3205964-7d63-4f35-baae-aeab3a9d178c.mp4

See Also

Also check out Populus, which is a tool in similar spirit, but with a focus on annotating files.

Building

The project is a handful of React applications written in TypeScript. It's sufficient to run:

yarn install

# Firefox
yarn webpack

# Chrome
yarn webpack --env browser=chrome

An (unpacked) extension will be available in dist/. Then, you can follow the [Google guide] to install the unpacked extension in Chrome or Chromium.