Making Twitter likes/bookmarks backup tool as side quest of browser that saves everything

1

Seesu.me

To make snapshot it takes current state of DOM, current state of styles (to capture CSS-in-JS stuff), take resources like font/images from network storage (Chrome Dev Tools protocol) and saves it as HTML on disk. I've been developing created frontend in-memory graph DB / state manager for 1) replication 2) incremental sync 3) fast rendering (without VDOM/react). Used in https://seesu.me & https://meetsidekick.com. So, I have in memory db in main process of electron that send chunks to render process with replica. And to LevelDB to persist graph. From user perspective, I also want to have a copy of all my bookmarks (Cause things disappear from internet and things are slow in internet). As special wish: twitter likes/bookmarks (because I use intensively for inspiration from other makers and Twitter is especially slow & unavailable for scoped search). There are changes in twitter HQ, that looks reasonable to speedup ability to make backup for twitter likes/bookmarks. I have 3 tech tasks for that: 1. Scan/scroll likes pages (actually it would be better to inject code in twitter page to make direct requests to API) 2. Fetch page HTML snapshot. I'm thinking to not fetch page from start, but instead reuse SPA. Something like push to history API, so without full reload I'll get renderer page and comments triggered to load. 3. Speedup resources fetching a) run everything as soon as possible (not when everything is ready) b) use key/value ( url+etag) cache for hash. Which is used to dedup images, fonts, styles. It's nice to have backup of twitter, but actually to speed up interaction and discover even more things on twitter.

#Music Downloader #Audio Player #Communication 3 social mentions

2

Sidekick Browser

To make snapshot it takes current state of DOM, current state of styles (to capture CSS-in-JS stuff), take resources like font/images from network storage (Chrome Dev Tools protocol) and saves it as HTML on disk. I've been developing created frontend in-memory graph DB / state manager for 1) replication 2) incremental sync 3) fast rendering (without VDOM/react). Used in https://seesu.me & https://meetsidekick.com. So, I have in memory db in main process of electron that send chunks to render process with replica. And to LevelDB to persist graph. From user perspective, I also want to have a copy of all my bookmarks (Cause things disappear from internet and things are slow in internet). As special wish: twitter likes/bookmarks (because I use intensively for inspiration from other makers and Twitter is especially slow & unavailable for scoped search). There are changes in twitter HQ, that looks reasonable to speedup ability to make backup for twitter likes/bookmarks. I have 3 tech tasks for that: 1. Scan/scroll likes pages (actually it would be better to inject code in twitter page to make direct requests to API) 2. Fetch page HTML snapshot. I'm thinking to not fetch page from start, but instead reuse SPA. Something like push to history API, so without full reload I'll get renderer page and comments triggered to load. 3. Speedup resources fetching a) run everything as soon as possible (not when everything is ready) b) use key/value ( url+etag) cache for hash. Which is used to dedup images, fonts, styles. It's nice to have backup of twitter, but actually to speed up interaction and discover even more things on twitter.

#Web Browsers #Web Development Tools #Web Tools 3 social mentions