No description
  • TypeScript 85%
  • CSS 8.8%
  • HTML 4.3%
  • JavaScript 1.9%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
2024-10-07 04:09:25 +03:00
extension/assets feat: initial commit 2024-10-04 03:33:41 +03:00
scripts feat: toast css 2024-10-05 02:47:16 +03:00
src feat: basic options page 2024-10-07 04:09:25 +03:00
.editorconfig feat: poc working 2024-10-04 15:27:59 +03:00
.gitignore feat: toast css 2024-10-05 02:47:16 +03:00
.gitpod.Dockerfile feat: initial commit 2024-10-04 03:33:41 +03:00
.gitpod.yml feat: initial commit 2024-10-04 03:33:41 +03:00
.npmrc feat: initial commit 2024-10-04 03:33:41 +03:00
.prettierignore feat: poc working 2024-10-04 15:27:59 +03:00
.prettierrc feat: poc working 2024-10-04 15:27:59 +03:00
eslint.config.mjs feat: poc working 2024-10-04 15:27:59 +03:00
index.html feat: initial commit 2024-10-04 03:33:41 +03:00
package.json feat: context menu 2024-10-06 03:03:10 +03:00
pnpm-lock.yaml feat: toast css 2024-10-05 02:47:16 +03:00
README.md docs: update readme 2024-10-04 18:55:52 +03:00
shim.d.ts feat: initial commit 2024-10-04 03:33:41 +03:00
tsconfig.json feat: initial commit 2024-10-04 03:33:41 +03:00
vite.config.content.ts feat: initial commit 2024-10-04 03:33:41 +03:00
vite.config.ts feat: toast css 2024-10-05 02:47:16 +03:00

Copy Tab URL

Firefox extension that lets you copy current tab URL to clipboard. Simple but effective, and makes sharing and saving links way easier.

⚡️ Features

  • Copy Tab URL with shortcut
  • Copy Tab URL+Title in Markdown format with another shortcut

ℹ️ Usage

Default Shortcuts

  • Copy tab URL
    • Mac:Cmd+Shift+C
    • Windows/Linux: Ctrl+Shift+C
  • Copy tab Markdown
    • Mac: Cmd+Shift+M
    • Windows/Linux: Ctrl+Shift+M

Shortcuts can be customized by going to Settings -> Extensions & themes -> Cog menu (top right) -> Manage Extension Shortcuts

  • Copying tab URL will copy the URL in plain text, like so: https://example.com
  • Copying tab Markdown will copy the URL in Markdown format with the title, like so: [Example Site](https://example.com)

💻 Development

Dev tools

  • TypeScript
  • pnpm - fast, disk space efficient package manager
  • esno - TypeScript / ESNext node runtime powered by esbuild
  • npm-run-all - Run multiple npm-scripts in parallel or sequential
  • web-ext - Streamlined experience for developing web extensions

Start Dev Server

pnpm dev

Then load extension in browser with the extension/ folder.

For Firefox developers, you can run the following command instead:

pnpm start:firefox

web-ext auto reloads the extension when extension/ files changed.

While Vite handles HMR automatically in the most of the case, Extensions Reloader is still recommanded for cleaner hard reloading.

Build

To build the extension, run

pnpm build

And then pack files under extension, you can upload extension.crx or extension.xpi to appropriate extension store.

👤 Credits

This template codes are based on vite-react-webext, which is based on Anthony Fu's vitesse-webext.

💪🏼 Contributing

I am developing this package on my free time, so any support, whether code, issues, or just stars is very helpful to sustaining its life. If you are feeling incredibly generous and would like to donate just a small amount to help sustain this project, I would be very very thankful!

Buy Me a Coffee at ko-fi.com

I welcome any issues or pull requests on GitHub. If you find a bug, or would like a new feature, don't hesitate to open an appropriate issue and I will do my best to reply promptly.