Run prettier

Author: filiptronicek

.eslintrc.json

@@ -3,20 +3,12 @@
         "browser": true,
         "es2021": true
     },
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:react/recommended"
-    ],
+    "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react/recommended"],
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
         "ecmaVersion": "latest",
         "sourceType": "module"
     },
-    "plugins": [
-        "@typescript-eslint",
-        "react"
-    ],
-    "rules": {
-    }
+    "plugins": ["@typescript-eslint", "react"],
+    "rules": {}
 }

README.md

@@ -15,16 +15,16 @@ You can use the [`component: browser-extension`](https://github.com/gitpod-io/gi
 
 To make changes and test them using Gitpod itself:
 
-- add test cases to the [unit test](https://github.com/gitpod-io/browser-extension/blob/se/plasmo/test/src/button-contributions.spec.ts#L39)
-- try out changes like this:
-  1. run `pnpm build`
-  1. run `pnpm watch-prod` and download the built binary for your system (local machine)
-  1. run the binary anywhere on your local machine to sync the extension folder locally.
-  1. open Chrome and go to `chrome://extensions/`
-  1. enable `Developer mode` (top right)
-  1. click `Load unpacked` (top left) and select the folder you just downloaded
-  1. now you can test your changes
-  1. repeat step 1 and 2 and [reload the extension](chrome://extensions/) whenever you want to test new changes
+-   add test cases to the [unit test](https://github.com/gitpod-io/browser-extension/blob/se/plasmo/test/src/button-contributions.spec.ts#L39)
+-   try out changes like this:
+    1. run `pnpm build`
+    1. run `pnpm watch-prod` and download the built binary for your system (local machine)
+    1. run the binary anywhere on your local machine to sync the extension folder locally.
+    1. open Chrome and go to `chrome://extensions/`
+    1. enable `Developer mode` (top right)
+    1. click `Load unpacked` (top left) and select the folder you just downloaded
+    1. now you can test your changes
+    1. repeat step 1 and 2 and [reload the extension](chrome://extensions/) whenever you want to test new changes
 
 #### Build
 
@@ -64,17 +64,17 @@ To release a new version, follow these steps:
 1. Compose a list of changes using the list of commits that were pushed since last version
 1. [Create a new release](https://github.com/gitpod-io/browser-extension/releases/new), listing changes:
 
-   ```yaml
-   ### Changes
+    ```yaml
+    ### Changes
 
-   - Change/Fix A
-   - Change/Fix B
-   - Change/Fix C
+    - Change/Fix A
+    - Change/Fix B
+    - Change/Fix C
 
-   ### Credits
+    ### Credits
 
-   Thanks to @{EXTERNAL_CONTRIBUTOR_USERNAME} for helping! 🍊
-   ```
+    Thanks to @{EXTERNAL_CONTRIBUTOR_USERNAME} for helping! 🍊
+    ```
 
 For Firefox, our [GitHub Action](https://github.com/gitpod-io/browser-extension/blob/main/.github/workflows/submit.yml) should take care of publishing for us. You can trigger a release (either staging or production) from the [workflow's tab](https://github.com/gitpod-io/browser-extension/actions/workflows/submit.yml).
 

package.json

@@ -1,79 +1,79 @@
 {
-  "name": "gitpod",
-  "displayName": "Gitpod",
-  "version": "2.1.6",
-  "description": "The developer platform for on-demand cloud development environments. Create software faster and more securely.",
-  "author": "Gitpod <info@gitpod.io>",
-  "homepage": "https://www.gitpod.io",
-  "scripts": {
-    "dev": "plasmo dev --source-maps --no-minify",
-    "watch-dev": "pnpm build-dev-tools && .bin/watch-sync serve ./build/chrome-mv3-dev",
-    "watch-prod": "pnpm build-dev-tools && .bin/watch-sync serve ./build/chrome-mv3-prod",
-    "build": "plasmo build --source-maps --no-minify",
-    "test": "cd test && pnpm test",
-    "package": "plasmo package",
-    "format": "prettier --experimental-ternaries --write .",
-    "build-dev-tools": "sh dev/build.sh"
-  },
-  "dependencies": {
-    "@plasmohq/storage": "^1.9.0",
-    "@tailwindcss/forms": "^0.5.6",
-    "chrome-extension-hot-reload": "^0.2.2",
-    "classnames": "^2.3.2",
-    "crx-hotreload": "^1.0.6",
-    "plasmo": "^0.84.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "validator": "^13.11.0",
-    "webext-additional-permissions": "^2.4.0",
-    "webext-content-scripts": "^2.5.5",
-    "webext-detect-page": "^4.1.1",
-    "webext-domain-permission-toggle": "^4.1.0",
-    "webext-dynamic-content-scripts": "v9",
-    "webext-patterns": "^1.3.0",
-    "webext-polyfill-kinda": "^1.0.2",
-    "webext-tools": "^1.1.4",
-    "webextension-polyfill": "^0.10.0"
-  },
-  "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "4.1.0",
-    "@types/chai": "^4.3.6",
-    "@types/chrome": "0.0.243",
-    "@types/mocha": "^10.0.1",
-    "@types/node": "20.5.0",
-    "@types/react": "18.2.20",
-    "@types/react-dom": "18.2.7",
-    "@types/validator": "^13.11.1",
-    "@types/webextension-polyfill": "^0.10.7",
-    "@typescript-eslint/eslint-plugin": "^6.7.0",
-    "@typescript-eslint/parser": "^6.7.0",
-    "autoprefixer": "^10.4.15",
-    "chai": "^4.3.8",
-    "eslint": "^8.49.0",
-    "eslint-plugin-react": "^7.33.2",
-    "htmlnano": "2.0.3",
-    "mocha": "^10.2.0",
-    "postcss": "^8.4.31",
-    "prettier": "3.2.5",
-    "puppeteer": "^21.1.1",
-    "source-map-support": "^0.5.21",
-    "tailwindcss": "^3.3.3",
-    "ts-node": "^10.9.1",
-    "typescript": "5.3.3"
-  },
-  "manifest": {
-    "optional_host_permissions": [
-      "*://*/*"
-    ],
-    "permissions": [
-      "scripting",
-      "contextMenus",
-      "activeTab"
-    ],
-    "browser_specific_settings": {
-      "gecko": {
-        "id": "{dbcc42f9-c979-4f53-8a95-a102fbff3bbe}"
-      }
+    "name": "gitpod",
+    "displayName": "Gitpod",
+    "version": "2.1.6",
+    "description": "The developer platform for on-demand cloud development environments. Create software faster and more securely.",
+    "author": "Gitpod <info@gitpod.io>",
+    "homepage": "https://www.gitpod.io",
+    "scripts": {
+        "dev": "plasmo dev --source-maps --no-minify",
+        "watch-dev": "pnpm build-dev-tools && .bin/watch-sync serve ./build/chrome-mv3-dev",
+        "watch-prod": "pnpm build-dev-tools && .bin/watch-sync serve ./build/chrome-mv3-prod",
+        "build": "plasmo build --source-maps --no-minify",
+        "test": "cd test && pnpm test",
+        "package": "plasmo package",
+        "format": "prettier --experimental-ternaries --write .",
+        "build-dev-tools": "sh dev/build.sh"
+    },
+    "dependencies": {
+        "@plasmohq/storage": "^1.9.0",
+        "@tailwindcss/forms": "^0.5.6",
+        "chrome-extension-hot-reload": "^0.2.2",
+        "classnames": "^2.3.2",
+        "crx-hotreload": "^1.0.6",
+        "plasmo": "^0.84.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "validator": "^13.11.0",
+        "webext-additional-permissions": "^2.4.0",
+        "webext-content-scripts": "^2.5.5",
+        "webext-detect-page": "^4.1.1",
+        "webext-domain-permission-toggle": "^4.1.0",
+        "webext-dynamic-content-scripts": "v9",
+        "webext-patterns": "^1.3.0",
+        "webext-polyfill-kinda": "^1.0.2",
+        "webext-tools": "^1.1.4",
+        "webextension-polyfill": "^0.10.0"
+    },
+    "devDependencies": {
+        "@ianvs/prettier-plugin-sort-imports": "4.1.0",
+        "@types/chai": "^4.3.6",
+        "@types/chrome": "0.0.243",
+        "@types/mocha": "^10.0.1",
+        "@types/node": "20.5.0",
+        "@types/react": "18.2.20",
+        "@types/react-dom": "18.2.7",
+        "@types/validator": "^13.11.1",
+        "@types/webextension-polyfill": "^0.10.7",
+        "@typescript-eslint/eslint-plugin": "^6.7.0",
+        "@typescript-eslint/parser": "^6.7.0",
+        "autoprefixer": "^10.4.15",
+        "chai": "^4.3.8",
+        "eslint": "^8.49.0",
+        "eslint-plugin-react": "^7.33.2",
+        "htmlnano": "2.0.3",
+        "mocha": "^10.2.0",
+        "postcss": "^8.4.31",
+        "prettier": "3.2.5",
+        "puppeteer": "^21.1.1",
+        "source-map-support": "^0.5.21",
+        "tailwindcss": "^3.3.3",
+        "ts-node": "^10.9.1",
+        "typescript": "5.3.3"
+    },
+    "manifest": {
+        "optional_host_permissions": [
+            "*://*/*"
+        ],
+        "permissions": [
+            "scripting",
+            "contextMenus",
+            "activeTab"
+        ],
+        "browser_specific_settings": {
+            "gecko": {
+                "id": "{dbcc42f9-c979-4f53-8a95-a102fbff3bbe}"
+            }
+        }
     }
-  }
 }

postcss.config.js

@@ -4,6 +4,6 @@
 module.exports = {
     plugins: {
         tailwindcss: {},
-        autoprefixer: {}
-    }
-}
+        autoprefixer: {},
+    },
+};

src/background.ts

@@ -1,5 +1,7 @@
 import browser from "webextension-polyfill";
-import 'webext-dynamic-content-scripts';
+
+import "webext-dynamic-content-scripts";
+
 import addDomainPermissionToggle from "webext-domain-permission-toggle";
 
 (async () => {
@@ -13,4 +15,4 @@ browser.runtime.onInstalled.addListener((details) => {
 });
 browser.runtime.setUninstallURL("https://www.gitpod.io/extension-uninstall?track=true");
 
-export { }
+export {};