Update dependencies, fix issues.

README.md

@@ -1,55 +1,33 @@
-# Queue
+# Queue ⇥
 
-> A WebExtension for queueing links.
+> **Effortless temporary bookmarks.**
 
 [![Get Queue for Firefox](./images/mozilla-addons.png)](https://addons.mozilla.org/firefox/addon/holllo-queue)
 [![Get Queue for Chrome](./images/chrome-web-store.png)](https://chrome.google.com/webstore/detail/queue/epnbikemcmienphlfmidkimpjnmohcbl)
 [![Get Queue for Edge](./images/microsoft.png)](https://microsoftedge.microsoft.com/addons/detail/queue/aanjampfdpcnhoeglmfefmmegdbifaak)
 
-![Queue 0.2.2](./images/queue-version-0-2-2.png)
+![Latest Queue screenshot](./images/queue-version-0-2-2.png)
 
 ## Wiki
 
-Want to find out more about Queue? Check out [the wiki].
-
-[the wiki]: https://github.com/Holllo/queue/wiki
+Want to find out more about Queue? Check out [the wiki](https://git.bauke.xyz/Holllo/queue/wiki).
 
 ## Installation
 
-You can install Queue through the stores linked above, [installing from a file] (see [the Releases page] for a prebuilt version) or building [from source](#development).
+You can install Queue through the stores linked above, [manually from a file] (see [the Releases page] for ZIP files) or [from source](#development).
 
-[installing from a file]: https://support.mozilla.org/en-US/kb/find-and-install-add-ons-add-features-to-firefox#w_how-do-i-find-and-install-add-ons
-[the Releases page]: https://github.com/Holllo/queue/releases
+[manually from a file]: https://support.mozilla.org/en-US/kb/find-and-install-add-ons-add-features-to-firefox#w_how-do-i-find-and-install-add-ons
+[the Releases page]: https://git.bauke.xyz/Holllo/queue/releases
 
 ## Development
 
-To build Queue you will need [git], [NodeJS] and [pnpm]. Then from a terminal, run the following commands.
+To build Queue you will need [git](https://git-scm.com), [NodeJS](https://nodejs.org) and [pnpm](https://pnpm.io).
 
-[git]: https://git-scm.com
-[NodeJS]: https://nodejs.org
-[pnpm]: https://pnpm.io
-
-```sh
-# Step 1. Download the repository with Git.
-git clone https://github.com/Holllo/queue
-cd queue
-
-# Step 2. Install the dependencies.
-pnpm install
-
-# Step 3. Start an auto-reloading browser instance for development.
-pnpm start
-
-# Step 4. Lint the code and run tests.
-pnpm test
-
-# Step 5. Build the WebExtension for production.
-# See the web-ext-artifacts directory for output.
-pnpm build
-```
+* Install the dependencies with `pnpm install`.
+* Start a separate browser with `pnpm start`.
+* Build the WebExtension for production with `pnpm build`.
+* Test the code with `pnpm test`.
 
 ## License
 
-Queue is open-sourced with the [AGPL-3.0-or-later] license.
-
-[AGPL-3.0-or-later]: https://github.com/Holllo/queue/blob/main/LICENSE
+Distributed under the [AGPL-3.0-or-later](https://spdx.org/licenses/AGPL-3.0-or-later.html) license, see [LICENSE](https://git.bauke.xyz/Holllo/queue/src/branch/main/LICENSE) for more information.

package.json

@@ -1,12 +1,4 @@
 {
-  "name": "queue",
-  "description": "A WebExtension for queueing links.",
-  "license": "AGPL-3.0-or-later",
-  "author": "Holllo <helllo@holllo.cc>",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Holllo/queue"
-  },
   "private": true,
   "scripts": {
     "start": "vite build -m development --watch",
@@ -19,29 +11,30 @@
     "test": "xo && stylelint 'source/**/*.scss' && tsc && c8 ava"
   },
   "dependencies": {
-    "@holllo/gram": "^0.1.0",
-    "htm": "^3.1.0",
+    "@holllo/gram": "^0.2.1",
+    "htm": "^3.1.1",
     "migration-helper": "^0.1.2",
     "modern-normalize": "^1.1.0",
-    "preact": "^10.6.6",
-    "webextension-polyfill": "^0.8.0"
+    "preact": "^10.11.0",
+    "webextension-polyfill": "^0.10.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.1.7",
-    "@types/webextension-polyfill": "^0.8.2",
-    "ava": "^4.0.1",
-    "c8": "^7.11.0",
-    "postcss": "^8.4.7",
-    "sass": "^1.49.9",
-    "stylelint": "^14.5.3",
-    "stylelint-config-standard-scss": "^3.0.0",
+    "@preact/preset-vite": "^2.4.0",
+    "@types/babel__core": "^7.1.19",
+    "@types/webextension-polyfill": "^0.9.1",
+    "ava": "^4.3.3",
+    "c8": "^7.12.0",
+    "postcss": "^8.4.16",
+    "sass": "^1.55.0",
+    "stylelint": "^14.12.1",
+    "stylelint-config-standard-scss": "^5.0.0",
     "trash-cli": "^5.0.0",
-    "ts-node": "^10.6.0",
-    "typescript": "^4.5.5",
-    "vite": "^2.8.4",
-    "vite-plugin-web-extension": "^1.1.2",
-    "web-ext": "^6.7.0",
-    "xo": "^0.48.0"
+    "ts-node": "^10.9.1",
+    "typescript": "^4.8.3",
+    "vite": "^3.1.3",
+    "vite-plugin-web-extension": "^1.4.4",
+    "web-ext": "^7.2.0",
+    "xo": "^0.52.3"
   },
   "ava": {
     "extensions": [
@@ -78,6 +71,10 @@
       }
     ],
     "prettier": true,
+    "rules": {
+      "@typescript-eslint/consistent-type-definitions": "off",
+      "n/file-extension-in-import": "off"
+    },
     "space": true
   }
 }

source/options/components/page-footer.ts

@@ -2,7 +2,7 @@ import {PrivacyLink} from '@holllo/gram';
 import {html} from 'htm/preact';
 import {Component} from 'preact';
 
-import {Settings} from '../../settings/settings.js';
+import type {Settings} from '../../settings/settings.js';
 
 type Props = {
   settings: Settings;
@@ -13,22 +13,17 @@ export class PageFooter extends Component<Props> {
     const {settings} = this.props;
     const version = settings.manifest.version;
 
-    const donateLink = html`
-      <${PrivacyLink} href="https://github.com/sponsors/Bauke">Donate<//>
-    `;
-
+    const versionAttributes = {
+      href: `https://git.bauke.xyz/Holllo/queue/releases/tag/${version}`,
+    };
     const versionLink = html`
-      <${PrivacyLink}
-        href="https://github.com/Holllo/queue/releases/tag/${version}"
-      >
-        v${version}
-      <//>
+      <${PrivacyLink} attributes="${versionAttributes}">v${version}<//>
     `;
 
     return html`
       <footer class="page-footer">
         <p>
-          ${donateLink} 💖 ${versionLink} © Holllo — Free and open-source,
+          💖 ${versionLink} © Holllo — Free and open-source,
           forever.
         </p>
       </footer>

source/options/components/page-main.ts

@@ -1,9 +1,9 @@
 import {ConfirmButton, PrivacyLink} from '@holllo/gram';
 import {Component, html} from 'htm/preact';
 
-import {Settings} from '../../settings/settings.js';
+import type {Settings} from '../../settings/settings.js';
 import {updateBadge} from '../../utilities/badge.js';
-import {History} from '../../utilities/history.js';
+import type {History} from '../../utilities/history.js';
 
 type Props = {
   history: History;
@@ -138,7 +138,7 @@ function queueItem(props: ItemProps): HtmComponent {
   return html`
     <li class="q-item">
       <p class="title">
-        <${PrivacyLink} href=${url}>${text ?? url}<//>
+        <${PrivacyLink} attributes=${{href: url}}>${text ?? url}<//>
       </p>
 
       <div class="buttons">${remove}</div>

source/settings/migrations.ts

@@ -1,4 +1,4 @@
-import {Migration} from 'migration-helper';
+import type {Migration} from 'migration-helper';
 
 export const dataMigrations: Array<Migration<string>> = [
   {

source/types.d.ts

@@ -1,4 +1,4 @@
-import {html} from 'htm/preact';
+import type {html} from 'htm/preact';
 
 declare global {
   // See Vite documentation for `import.meta.env` usage.

source/utilities/badge.ts

@@ -1,6 +1,6 @@
 import browser from 'webextension-polyfill';
 
-import {Settings} from '../settings/settings.js';
+import type {Settings} from '../settings/settings.js';
 
 export async function updateBadge(settings: Settings): Promise<void> {
   let action: browser.Action.Static = browser.browserAction;