Awesome
Knowledge Extensions
Chrome extension for the Knowledge application (Firefox extension coming soon!).
Table of Contents
Features
Knowledge Extensions are meant to augment the use of the Knowledge application by making it easier to import sources without leaving the browser. Extensions automatically extract content from the active tab and allows user customization before sending that data to the Knowledge application.
Feature Roadmap
- Automatic Extraction
- Basic extraction (title, url, icon)
- Topics (keywords) extraction
- OpenGraph extraction (description, thumbnail, type, etc.)
- Twitter tag extraction
- Highlighted text extraction
- Article extraction
- Code blocks extraction
- YouTube video metadata extraction
- Mark source
Important
on import - Sync with
Knowledge
for existing sources- Show source details in extension if it exists in
Knowledge
- Show related/similar sources
- Persist highlights and other markup
- Show source details in extension if it exists in
- Save as PDF on Import
- Set a custom port for communicating with
Knowledge
Screenshots
<img width="1284" alt="image" src="https://user-images.githubusercontent.com/19367848/179290906-458d374a-ce6d-482c-9dea-bcb5b6463c5a.png"> <img width="1284" alt="image" src="https://user-images.githubusercontent.com/19367848/179290995-4829401f-78bc-4279-9e79-395126c66613.png"> <img width="1175" alt="image" src="https://user-images.githubusercontent.com/19367848/179291568-ae6bf977-63f5-453b-88a5-d978d03df982.png">Getting Started
Note: Extensions only work with Knowledge
version 0.6.0 or higher. Knowledge
must be opened and Browser Extensions
must be enabled in the Import Settings
menu. Extensions are side-loaded using developer mode in Chrome for now. We are still investigating the viability of hosting the extension on the Chrome Web Store.
Instructions
- Download the prebuilt zip, or build from source (see below)
- Ensure that
Knowledge
version 0.6.0 or higher is installed - In
Knowledge
, go toSettings > Import
and enable "Browser Extensions" - In Chrome, navigate to
chrome://extensions
- Enable "Developer mode"
- Click "Load unpacked"
- Select the
knowledge-extensions
folder
- When building from source, this will be under
<root>/dist/knowledge-extensions
- (Optional): Click the Chrome Extensions button and pin
Knowledge Extension
for quick access
Build from source (Optional)
- Clone this repository
- Delete the
.yarnrc.yml
file. This will be replaced in the next steps - Run the following commands to setup yarn and install dependencies:
yarn set version berry
yarn plugin import typescript
- Edit the
.yarnrc.yml
file and addnodeLinker: node-modules
as the first line. The.yarnrc.yml
file should have the following contents:
nodeLinker: node-modules
plugins:
- path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs
spec: "@yarnpkg/plugin-typescript"
yarnPath: .yarn/releases/yarn-3.2.1.cjs
- Run
yarn install
followed byyarn build
- The final build will be located in
dist/knowledge-extensions
- (Optional) To clean the
dist
directory, runyarn clean
. To remove allnode
dependencies, runyarn purge