WebMemex browser extension
This browser extension aspires to turn the browser into an offline-first knowledge management tool. It can store web pages you visit on your computer by 'freeze-drying' them: removing scripts and thus most interactive behaviour, but inlining all images and stylesheets to let you save the page exactly the way you saw it.
Future steps will be to enable you to extract quotes, create notes, and make links between things, to really grow your personal web. Ultimately, you should be able to publish (parts of) your web to share your knowledge with others, thus turning your browser from a web viewer into a web weaver.
Got feedback, bug fixes, new features, tips? Want to help with coding, design, or communication?
Give a shout.
All code in this project is in the public domain, free from copyright restrictions. Please waive your copyrights on any contributions you make. See e.g. unlicense.org for more information.
Codetour.md for an explanation of the repository structure. In short, it is a
WebExtension (runs on Firefox and Chrome/Chromium browsers), bundled by browserify, that
logs and stores pages in PouchDB, and provides a viewer built with React+Redux.
Build and run it
- Clone this repo.
- Get Node/NPM≥7.
maketo install dependencies and compile the source files.
- Load it in Firefox or Chromium/Chrome:
- In Firefox: run
npm run firefox(or run web-ext directly for more control). Alternatively, go to
about:debugging, choose 'Load Temporary Add-on', and pick
extension/manifest.jsonfrom this repo.
- In Chromium/Chrome: go to Tools→Extensions (
chrome://extensions), enable 'Developer mode', click 'Load unpacked extension...', and pick the
extension/folder from this repo.
- In Firefox: run
If the steps above worked, running
npm run watch will trigger a quick recompilation every time a
source file has been modified.
If you are testing in Firefox through
npm run firefox/
web-ext, the extension should also reload
automatically. Otherwise, manually press the reload button in the extension list.