Update to manifest v3, redesign UI to allow click-to-archive + tagging, add history view + options.html page for settings

[pirate]

With help from @benmuth and Claude.

Usage:

load the ./redesign folder in Chrome as an "Unpacked Extension" after enabling Dev Mode in `chrome://extensions`.

It should autoreload from source automatically for most basic edits, but it can also be manually refreshed from chrome://extensions.

• Fixes Can I tag a URL when adding it. #30
• Fixes Suggestion: Add "Archive Current Page" #26
• Fixes Manifest V3 upgrade #23
• Fixes General UX improvements #9
• Fixes Clean up markup and CSS in frontend #6
• Fixes Make configuration more reactive and unified #5
• Fixes Queued URLs are lost when browser closes #3
• Fixes Bookmarks exporting #10
• Fixes Retroactively add history #2
• Fixes Extension not archiving everything automatically I visit to my archivebox instance #25
• TODO Add more configuration options and allow setting per-URL config via tags like depth=1 #4 will revesit later
• TODO Indicator that the current webpage is archived #29 will revisit later
• TODO List archives in a side bar #15 will revisit later
• TODO: fix CORS issues POSTing to /api/v1/cli/add, use /add instead?
• TODO: fix esc key hiding popup, fix sync btn, fix delete btn
• TODO: add button to open URL on archivebox server (on each row + in popup)

• redesign UI to show a popup in the upper right when action button is clicked
• autocomplete tags from all tags in popup

---

• add admin view where you can see a list of all the URLs you've collected so far
• add ability to search admin view by url, timestamp, uuid, tags
• add the ability to export filtered URLs list from history as CSV and JSON
• add the ability to import URLs from chrome history / bookmarks by daterange or filter query

---

• update to manifest v3

---

• add the ability to edit extension config options, allowlist/denylist, etc. from options.html
• add the ability to test connection to ArchiveBox server

---

• add the ability to load cookies from browser into archivebox persona

[pirate]

cc @tjhorner FYI, let me know if you have any questions/comments/concerns, would love to get your input

[pirate]

@benmuth can you confirm if this is working against both :0.7.3 in Docker (by POST ing to {server_url}/add, and :0.8.5rc51 by POSTing to /api/v1/cli/add?

[pirate]

@benmuth Can you help me do some final bugfixes on this PR. Then I think it's ready to release soon!

• fix esc key hiding popup (pressing Escape when the ArchiveBox popup is visible on the page should hide it, regardless of where the user's input focus is)
• make sure the Sync button on the options.html page works to send each URL to the server one by one
• make sure the Delete button on the options.html page works to delete the selected URLs from the extension's local store only (not delete from the server)
• add a small link to each row on the options.html list to view the saved version on the configured archivebox server (no need for any API lookups, just redirect them to https://demo.archivebox.io/archive/https://example.com/original/url, the server will redirect them to the matching snapshot, e.g. https://demo.archivebox.io/archive/https://bernsteinbear.com/blog/type-inference/)

(Also plz send an invoice for your time)

This extension is going to be reworked at some point to make it work as a desktop app too (I'm testing out Quasar+vite as a new frontend framework).

[benmuth]

• make sure the Sync button on the options.html page works to send each URL to the server one by one

@pirate Should the 'Sync' button work with older versions of ArchiveBox as well? I can repeat the logic we used in the other redesigned code.

[pirate]

Should the 'Sync' button work with older versions of ArchiveBox as well?

yes, use the same logic / call the same function