feat: extension v1.0.8 (#322)

Author: pivanov

BROWSER_EXTENSION_GUIDE.md

@@ -5,23 +5,23 @@
 
 ## Chrome
 
-1. Download the [`chrome-extension-v1.0.7.zip`](https://github.com/aidenybai/react-scan/tree/main/packages/extension/build) file.
+1. Download the [`chrome-extension-v1.0.8.zip`](https://github.com/aidenybai/react-scan/tree/main/packages/extension/build) file.
 2. Unzip the file.
 3. Open Chrome and navigate to `chrome://extensions/`.
 4. Enable "Developer mode" if it is not already enabled.
 5. Click "Load unpacked" and select the unzipped folder (or drag the folder into the page).
 
 ## Firefox
 
-1. Download the [`firefox-extension-v1.0.7.zip`](https://github.com/aidenybai/react-scan/tree/main/packages/extension/build) file.
+1. Download the [`firefox-extension-v1.0.8.zip`](https://github.com/aidenybai/react-scan/tree/main/packages/extension/build) file.
 2. Unzip the file.
 3. Open Firefox and navigate to `about:debugging#/runtime/this-firefox`.
 4. Click "Load Temporary Add-on..."
 5. Select `manifest.json` from the unzipped folder
 
 ## Brave
 
-1. Download the [`brave-extension-v1.0.7.zip`](https://github.com/aidenybai/react-scan/tree/main/packages/extension/build) file.
+1. Download the [`brave-extension-v1.0.8.zip`](https://github.com/aidenybai/react-scan/tree/main/packages/extension/build) file.
 2. Unzip the file.
 3. Open Brave and navigate to `brave://extensions`.
 4. Click "Load unpacked" and select the unzipped folder (or drag the folder into the page).

packages/extension/README.md

@@ -64,8 +64,8 @@ pnpm pack:all
 ```
 
 This will create:
-- `chrome-extension-v1.0.7.zip`
-- `firefox-extension-v1.0.7.zip`
-- `brave-extension-v1.0.7.zip`
+- `chrome-extension-v1.0.8.zip`
+- `firefox-extension-v1.0.8.zip`
+- `brave-extension-v1.0.8.zip`
 
 in the `build` directory.

packages/extension/build/brave-extension-v1.0.7.zip

@@ -1,6 +1,6 @@
 {
   "name": "@react-scan/extension",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": true,
   "type": "module",
   "scripts": {
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@pivanov/utils": "0.0.2",
-    "bippy": "0.2.7",
+    "bippy": "0.3.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scan": "workspace:*",
@@ -33,13 +33,15 @@
     "@types/chrome": "^0.0.281",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
-    "@types/webextension-polyfill": "^0.10.0",
+    "@types/semver": "^7.5.8",
+    "@types/webextension-polyfill": "^0.12.0",
     "@vitejs/plugin-react": "^4.2.1",
     "bestzip": "^2.2.1",
     "cross-env": "^7.0.3",
+    "semver": "^7.7.1",
     "vite": "^6.0.7",
     "vite-plugin-web-extension": "^4.4.3",
     "vite-tsconfig-paths": "^5.1.4",
-    "webextension-polyfill": "^0.10.0"
+    "webextension-polyfill": "^0.12.0"
   }
 }

packages/extension/build/brave-extension-v1.0.8.zip

@@ -32,6 +32,7 @@ html.freeze #react-scan-toast {
   top: 50%;
   left: 50%;
   display: flex;
+  flex-direction: column;
   padding: 12px 40px 12px 16px;
   min-width: 320px;
   max-width: 480px;
@@ -48,6 +49,19 @@ html.freeze #react-scan-toast {
   z-index: 2147483651;
 }
 
+#react-scan-toast-title {
+  margin: 0 0 8px 0;
+}
+
+#react-scan-toast-message {
+  display: flex;
+  align-items: flex-start;
+}
+
+#react-scan-toast-message span {
+  white-space: pre-line;
+}
+
 #react-scan-toast .icon {
   font-size: .75rem;
   margin-right: 8px;