update extension

Author: jogibear9988

README.md

@@ -1,6 +1,6 @@
-# Web2Vector — Chrome Extension
+# Web2Vector — Chrome and Firefox Extension
 
-A Chrome extension that exports any web page's rendered DOM to **10 output formats** using the [@node-projects/layout2vector](https://github.com/node-projects/layout2vector) library.
+A browser extension that exports any web page's rendered DOM to **10 output formats** using the [@node-projects/layout2vector](https://github.com/node-projects/layout2vector) library.
 
 <p align="center">
   <img src="src/icons/icon.svg" width="128" alt="Web2Vector icon" />
@@ -23,7 +23,7 @@ A Chrome extension that exports any web page's rendered DOM to **10 output forma
 
 ## Usage
 
-1. Click the **Web2Vector** icon in the Chrome toolbar.
+1. Click the **Web2Vector** icon in the browser toolbar.
 2. Pick an export format from the popup menu.
 3. A **Save As** dialog appears — choose where to save the file.
 
@@ -71,6 +71,12 @@ npm run build:all
 2. Enable **Developer mode** (top right)
 3. Click **Load unpacked** → select the `dist/` folder
 
+### Load in Firefox
+
+1. Navigate to `about:debugging#/runtime/this-firefox`
+2. Click **Load Temporary Add-on**
+3. Select the `manifest.json` file inside `dist-firefox/`
+
 ### Test
 
 ```bash
@@ -80,7 +86,9 @@ npm test
 ### Package for Distribution
 
 ```bash
-npm run package     # creates web2vector-<version>.zip
+npm run package              # creates web2vector-chrome-<version>.zip
+npm run package:firefox      # creates web2vector-firefox-<version>.zip
+npm run package:all-browsers # creates both ZIPs
 ```
 
 ## Publishing to Chrome Web Store
@@ -106,7 +114,7 @@ Then create a GitHub Release to trigger the publish workflow, or use the manual
 ## Project Structure
 
 ```
-├── manifest.json               Chrome extension manifest (v3)
+├── manifest.json               Chrome source manifest (v3)
 ├── esbuild.config.mjs          Build configuration
 ├── src/
 │   ├── shared/formats.js       Format definitions (shared by popup + background)
@@ -125,6 +133,7 @@ Then create a GitHub Release to trigger the publish workflow, or use the manual
 │       └── icon.svg            Source icon
 ├── scripts/
 │   ├── build-icons.mjs         SVG → PNG conversion
+│   ├── manifest-utils.mjs      Browser-specific manifest helpers
 │   ├── package-extension.mjs   ZIP packaging
 │   └── upload-to-store.mjs     Chrome Web Store upload
 ├── tests/

dist-firefox/acad-writers.js

@@ -0,0 +1,32 @@
+{
+  "manifest_version": 3,
+  "name": "Web2Vector",
+  "description": "Export any web page to SVG, DXF, DWG, EMF, PDF, HTML, PNG, JPEG, or WebP using layout2vector",
+  "version": "1.0.0",
+  "icons": {
+    "16": "icons/icon16.png",
+    "32": "icons/icon32.png",
+    "48": "icons/icon48.png",
+    "128": "icons/icon128.png"
+  },
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icons/icon16.png",
+      "32": "icons/icon32.png",
+      "48": "icons/icon48.png"
+    },
+    "default_title": "Web2Vector — Export page"
+  },
+  "permissions": [
+    "activeTab",
+    "downloads",
+    "scripting",
+    "contextMenus"
+  ],
+  "background": {
+    "scripts": [
+      "service-worker.js"
+    ]
+  }
+}

dist-firefox/core-lib.js

@@ -0,0 +1,113 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  width: 280px;
+  background: #fafafa;
+  color: #222;
+}
+
+.popup {
+  padding: 12px;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.header h1 {
+  font-size: 15px;
+  font-weight: 600;
+}
+
+.logo {
+  border-radius: 6px;
+}
+
+/* ── Category groups ── */
+.category-label {
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.6px;
+  color: #888;
+  margin: 10px 0 4px;
+}
+
+.category-label:first-child {
+  margin-top: 0;
+}
+
+/* ── Format buttons ── */
+.format-btn {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 8px 10px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  background: #fff;
+  cursor: pointer;
+  font-size: 13px;
+  color: #333;
+  transition: background 0.15s, border-color 0.15s;
+  margin-bottom: 4px;
+}
+
+.format-btn:hover {
+  background: #e3f2fd;
+  border-color: #90caf9;
+}
+
+.format-btn:active {
+  background: #bbdefb;
+}
+
+.format-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.format-btn .ext {
+  margin-left: auto;
+  font-size: 11px;
+  color: #999;
+  font-family: 'SFMono-Regular', Consolas, monospace;
+}
+
+/* ── Status bar ── */
+.status {
+  margin-top: 10px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  font-size: 12px;
+  text-align: center;
+}
+
+.status.hidden {
+  display: none;
+}
+
+.status.loading {
+  background: #e3f2fd;
+  color: #1565c0;
+}
+
+.status.success {
+  background: #e8f5e9;
+  color: #2e7d32;
+}
+
+.status.error {
+  background: #ffebee;
+  color: #c62828;
+}