pinmenote-extension
---

### Description
Browser extension

- offline first with p2p in mind

### Install
```shell
npm install
```

### Run
```shell
npm run dev
```

### Release Production
```shell
./bin/build-chrome-prod
./bin/build-firefox-prod
```

### Website
[https://pinmenote.com](https://pinmenote.com)

### Features Summary
- select website area, add comment and draw on selected part
- save website / part of website as single page for offline use
- capture image / map / canvas
- download table as csv
- add / manage note to any website or without website
- html preview and board view
- add and manage tags of any content you saved
- automatic reverse index of saved content
- smart search using levenshtein distance, dates, website addresses

### Known issues

#### Canvas
When `preserveDrawingBuffer` is set to false, we save 1x1 empty image because problems with access to drawing buffer.
see [https://stackoverflow.com/a/27747016](https://stackoverflow.com/a/27747016)
```
can.getContext("webgl2", { preserveDrawingBuffer: true })
```

#### Shadow root  
Open shadow root is not always displayed or parsed correctly - but at least it matches mht quality, and sometimes it's better.  
Saving fragment / adding pin to shadow root is not working right now.

#### Youtube
youtube somehow breaks layout (fixed with skip problematic elements that don't affect visual) 

### Limitations
- Sometimes what you see / saw is what you saved 
  - some websites offload content not displayed on page - ex. using shadow dom
  - the same condition applies to websites that don't load images until you scroll to them
- Not downloading svg icons from css files - to limit number of requests