From 1b8d902312dbc844a291d943917563a729de420f Mon Sep 17 00:00:00 2001 From: SSoggyTacoMan Date: Wed, 11 Mar 2026 18:55:55 +0100 Subject: [PATCH 01/97] add browser specific settings for Gecko compatibility --- extension/manifest.json | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/extension/manifest.json b/extension/manifest.json index deb197b..499fa05 100644 --- a/extension/manifest.json +++ b/extension/manifest.json @@ -19,5 +19,11 @@ "content.js" ] } - ] + ], + "browser_specific_settings": { + "gecko": { + "id": "shareclaude@shareclaude.pages.dev", + "strict_min_version": "109.0" + } + } } \ No newline at end of file From 196015e707c303cc68acf509b05d2a1ee6342dca Mon Sep 17 00:00:00 2001 From: SSoggyTacoMan Date: Wed, 11 Mar 2026 18:57:07 +0100 Subject: [PATCH 02/97] update README to clarify browser compatibility and add Firefox installation instructions --- README.md | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 8a97381..4a35083 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,11 @@
-Chrome Extension to share your [Claude](https://claude.ai) chats with one click. +Browser Extension to share your [Claude](https://claude.ai) chats with one click. [![Visit ShareClaude](https://img.shields.io/badge/Visit-ShareClaude-blue.svg?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNEOTc3NTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zaGFyZS0yIj48Y2lyY2xlIGN4PSIxOCIgY3k9IjUiIHI9IjMiLz48Y2lyY2xlIGN4PSI2IiBjeT0iMTIiIHI9IjMiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE5IiByPSIzIi8+PGxpbmUgeDE9IjguNTkiIHgyPSIxNS40MiIgeTE9IjEzLjUxIiB5Mj0iMTcuNDkiLz48bGluZSB4MT0iMTUuNDEiIHgyPSI4LjU5IiB5MT0iNi41MSIgeTI9IjEwLjQ5Ii8+PC9zdmc+)](https://shareclaude.pages.dev) [![Platform Chrome](https://img.shields.io/badge/Platform-Chrome-yellow?logo=google-chrome&logoColor=yellow)](https://chrome.google.com/webstore/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa) +![Platform Firefox](https://img.shields.io/badge/Platform-Firefox-orange?logo=firefox-browser&logoColor=orange) ## [Download from Chrome Web Store](https://chromewebstore.google.com/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa)
@@ -26,6 +27,8 @@ Further conversations are served from ShareClaude’s database, not directly fro ## Installation +### Chrome + 1. Clone this repository: ```bash git clone https://github.com/rohit1kumar/shareclaude.git @@ -34,6 +37,16 @@ Further conversations are served from ShareClaude’s database, not directly fro 3. Enable "Developer mode" in the top right corner 4. Click "Load unpacked" and select the `extension` folder from the cloned repository +### Firefox + +1. Clone this repository: + ```bash + git clone https://github.com/rohit1kumar/shareclaude.git + ``` +2. Open Firefox and navigate to `about:debugging#/runtime/this-firefox` +3. Click "Load Temporary Add-on..." +4. Select the `manifest.json` file inside the `extension` folder from the cloned repository + ## How to Use 1. Open [Claude](https://claude.ai) in your browser @@ -64,4 +77,4 @@ Contributions are welcome! Feel free to: - [Website](https://shareclaude.pages.dev) --- -Made with ☕ for the Claude community +Made with ☕ for the Claude community \ No newline at end of file From f44dab6211fe81cfd7be7cdad6f41f002f85591b Mon Sep 17 00:00:00 2001 From: SSoggyTacoMan Date: Wed, 11 Mar 2026 19:04:03 +0100 Subject: [PATCH 03/97] update README to include Firefox Add-on Store link and enhance usage instructions --- README.md | 37 +++++++++++++++++-------------------- 1 file changed, 17 insertions(+), 20 deletions(-) diff --git a/README.md b/README.md index 4a35083..6978907 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ Browser Extension to share your [Claude](https://claude.ai) chats with one click [![Platform Chrome](https://img.shields.io/badge/Platform-Chrome-yellow?logo=google-chrome&logoColor=yellow)](https://chrome.google.com/webstore/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa) ![Platform Firefox](https://img.shields.io/badge/Platform-Firefox-orange?logo=firefox-browser&logoColor=orange) -## [Download from Chrome Web Store](https://chromewebstore.google.com/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa) +## [Download from Chrome Web Store](https://chromewebstore.google.com/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa) OR [Download from Firefox Add-on Store](https://example.com/) @@ -25,7 +25,22 @@ Further conversations are served from ShareClaude’s database, not directly fro *Important: While the URL is private and not searchable, anyone with the URL can still view the conversation. Please avoid sharing sensitive or personal information.* -## Installation +## How to Use + +1. Open [Claude](https://claude.ai) in your browser +2. Start or continue a conversation with Claude +3. Click the ![share_button](https://github.com/user-attachments/assets/08baed07-07be-496d-aa40-c232e6022204) share icon in the input box adjacent to the attachments button. +4. The sharing URL will be automatically copied to your clipboard +5. Share the URL with anyone you want! + +## Tech Stack + +- **Frontend**: React, TailwindCSS +- **Backend**: Cloudflare Workers +- **Database**: Cloudflare D1 + + +## Installation (Debug) ### Chrome @@ -47,24 +62,6 @@ Further conversations are served from ShareClaude’s database, not directly fro 3. Click "Load Temporary Add-on..." 4. Select the `manifest.json` file inside the `extension` folder from the cloned repository -## How to Use - -1. Open [Claude](https://claude.ai) in your browser -2. Start or continue a conversation with Claude -3. Click the ![share_button](https://github.com/user-attachments/assets/08baed07-07be-496d-aa40-c232e6022204) share icon in the input box adjacent to the attachments button. -4. The sharing URL will be automatically copied to your clipboard -5. Share the URL with anyone you want! - -## Tech Stack - -- **Frontend**: React, TailwindCSS -- **Backend**: Cloudflare Workers -- **Database**: Cloudflare D1 - -## Known Issues - -- ~~Extension icon may not appear on the first load. Refreshing the page resolves this issue~~ - ## Contributing Contributions are welcome! Feel free to: From 3d8b6effe5b7ec0a615d99d3878ce5e01cd399d6 Mon Sep 17 00:00:00 2001 From: SSoggyTacoMan Date: Thu, 12 Mar 2026 10:46:50 +0100 Subject: [PATCH 04/97] Refactor ShareClaude extension for Firefox compatibility - Updated .gitignore to include claude-example.html - Revised README.md to reflect Firefox as the primary platform - Changed app/index.html meta tags and titles for Firefox - Updated Footer and Home components to use Globe icon and link to Firefox add-on - Enhanced content.js to support exporting conversations in multiple formats (Markdown, Text, HTML, Word, RTF) - Added popup.html for extension's popup interface with usage instructions - Modified manifest.json to include clipboard permissions and popup settings --- .gitignore | 3 +- README.md | 32 +-- app/index.html | 20 +- app/src/components/Footer.jsx | 6 +- app/src/pages/Home.jsx | 65 +++-- extension/content.js | 453 +++++++++++++++++++++++++++++++++- extension/manifest.json | 8 +- extension/popup.html | 155 ++++++++++++ 8 files changed, 671 insertions(+), 71 deletions(-) create mode 100644 extension/popup.html diff --git a/.gitignore b/.gitignore index 8096753..5bda4b1 100644 --- a/.gitignore +++ b/.gitignore @@ -26,4 +26,5 @@ dist-ssr .wrangler assets *.env -*.zip \ No newline at end of file +*.zip +claude-example.html \ No newline at end of file diff --git a/README.md b/README.md index 6978907..8481b3c 100644 --- a/README.md +++ b/README.md @@ -5,10 +5,10 @@ Browser Extension to share your [Claude](https://claude.ai) chats with one click. [![Visit ShareClaude](https://img.shields.io/badge/Visit-ShareClaude-blue.svg?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNEOTc3NTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zaGFyZS0yIj48Y2lyY2xlIGN4PSIxOCIgY3k9IjUiIHI9IjMiLz48Y2lyY2xlIGN4PSI2IiBjeT0iMTIiIHI9IjMiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE5IiByPSIzIi8+PGxpbmUgeDE9IjguNTkiIHgyPSIxNS40MiIgeTE9IjEzLjUxIiB5Mj0iMTcuNDkiLz48bGluZSB4MT0iMTUuNDEiIHgyPSI4LjU5IiB5MT0iNi41MSIgeTI9IjEwLjQ5Ii8+PC9zdmc+)](https://shareclaude.pages.dev) -[![Platform Chrome](https://img.shields.io/badge/Platform-Chrome-yellow?logo=google-chrome&logoColor=yellow)](https://chrome.google.com/webstore/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa) ![Platform Firefox](https://img.shields.io/badge/Platform-Firefox-orange?logo=firefox-browser&logoColor=orange) -## [Download from Chrome Web Store](https://chromewebstore.google.com/detail/shareclaude/pcpjdbnjhgofgjgegodlnebdnmiddmaa) OR [Download from Firefox Add-on Store](https://example.com/) +## [Download from Firefox Add-on Store](https://addons.mozilla.org/firefox/addon/shareclaude/) + @@ -20,8 +20,9 @@ Browser Extension to share your [Claude](https://claude.ai) chats with one click - Works directly with Claude's web interface ## How It Works -When you share a conversation, the extension stores the converastions to ShareClaude's database (not Claude). Each conversation gets a unique URL, similar to an unlisted YouTube video. The URL can be shared with anyone, but it won’t show up in search results on Google. -Further conversations are served from ShareClaude’s database, not directly from Claude. + +When you share a conversation, the extension stores the converastions to ShareClaude's database (not Claude). Each conversation gets a unique URL, similar to an unlisted YouTube video. The URL can be shared with anyone, but it won't show up in search results on Google. +Further conversations are served from ShareClaude's database, not directly from Claude. *Important: While the URL is private and not searchable, anyone with the URL can still view the conversation. Please avoid sharing sensitive or personal information.* @@ -40,27 +41,26 @@ Further conversations are served from ShareClaude’s database, not directly fro - **Database**: Cloudflare D1 -## Installation (Debug) +## Installation -### Chrome +### Firefox (Recommended) -1. Clone this repository: - ```bash - git clone https://github.com/rohit1kumar/shareclaude.git - ``` -2. Open Chrome and navigate to `chrome://extensions/` -3. Enable "Developer mode" in the top right corner -4. Click "Load unpacked" and select the `extension` folder from the cloned repository +Install from [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/shareclaude/) -### Firefox +**OR** for development/debugging: 1. Clone this repository: ```bash git clone https://github.com/rohit1kumar/shareclaude.git + cd shareclaude-firefox ``` 2. Open Firefox and navigate to `about:debugging#/runtime/this-firefox` 3. Click "Load Temporary Add-on..." -4. Select the `manifest.json` file inside the `extension` folder from the cloned repository +4. Select the `manifest.json` file inside the `extension` folder + +### Chrome + +If you want to use the Chrome version, visit the [main ShareClaude repository](https://github.com/rohit1kumar/shareclaude). ## Contributing @@ -74,4 +74,4 @@ Contributions are welcome! Feel free to: - [Website](https://shareclaude.pages.dev) --- -Made with ☕ for the Claude community \ No newline at end of file +Made with ☕ for the Claude community diff --git a/app/index.html b/app/index.html index 94aa305..b52bd37 100644 --- a/app/index.html +++ b/app/index.html @@ -7,16 +7,16 @@ - ShareClaude - Share Your Claude AI Conversations With One Click | Chrome + ShareClaude - Share Your Claude AI Conversations With One Click | Firefox Extension @@ -30,7 +30,7 @@ /> - - + +
diff --git a/app/src/components/Footer.jsx b/app/src/components/Footer.jsx index cd123df..e4c0394 100644 --- a/app/src/components/Footer.jsx +++ b/app/src/components/Footer.jsx @@ -1,4 +1,4 @@ -import { Chrome, Github, Twitter } from 'lucide-react'; +import { Globe, Github, Twitter } from 'lucide-react'; import { Link } from 'react-router-dom'; function Footer() { @@ -6,8 +6,8 @@ function Footer() {