Closes #2413 - Building a chrome extension for twenty to store person/company data into a workspace. (#3430)

* build: create a new vite project for chrome extension

* feat: configure theme per the frontend codebase for chrome extension

* feat: inject the add to twenty button into linkedin profile page

* feat: create the api key form ui and render it on the options page

* feat: inject the add to twenty button into linkedin company page

* feat: scrape required data from both the user profile and the company profile

* refactor: move modules into options because it is the only page using react for now

* fix: show add to twenty button without having to reload the single page application

* fix: extract domain of the business website instead of scrapping the industry type

* feat: store api key to local storage and open options page when trying to store data without setting a key

* feat: send data to the backend upon click and store it to the database

* fix: open options page upon clicking the extension icon

* fix: update terminology from user to person to match the codebase convention

* fix: adopt chrome extension to monorepo approach using nx and get the development server working

* fix: update vite config for build command to work per the requirement

* feat: add instructions in the readme file to install the extension for local testing

* fix: move server base url to a dotenv file and replace the hard-coded url

* feat: permit user to configure a custom route for the server from the options page

* fix: fetch api key and route from local storage and display on options page to inform users of their choices

* fix: move front base url to dotenv and replace the hard-coded url

* fix: remove the trailing slash from person and company linkedin username

* fix: improve code commenting to explain implementation somewhat better

* ci: introduce a workflow to build chrome extension to ensure it can be published

* fix: format files to display code in a consistent manner per the prettier configuration in codebase

* fix: improve the commenting significantly to explain important and hard-to-understand parts of the code

* fix: remove unused permissions from the manifest file for publishing to the chrome web store

* Add nx

* Fix vale

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

.github/workflows/ci-chrome-extension.yaml

@@ -0,0 +1,66 @@
+name: CI Chrome Extension
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+jobs:
+  chrome-extension-yarn-install:
+    runs-on: ci-8-cores
+    env:
+      VITE_SERVER_BASE_URL: http://localhost:3000
+      VITE_FRONT_BASE_URL: http://localhost:3001
+    steps:
+      - name: Cancel Previous Runs
+        uses: styfle/cancel-workflow-action@0.11.0
+        with:
+            access_token: ${{ github.token }}
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+      - name: Cache chrome extension node modules
+        uses: actions/cache@v3
+        with:
+          path: packages/twenty-chrome-extension/node_modules
+          key: chrome-extension-node_modules-${{hashFiles('yarn.lock')}}
+          restore-keys: chrome-extension-node_modules-
+      - name: Cache root node modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: root-node_modules-${{hashFiles('yarn.lock')}}
+          restore-keys: root-node_modules-
+      - name: Chrome Extension / Install Dependencies
+        run: yarn
+  chrome-extension-build:
+    needs: chrome-extension-yarn-install
+    runs-on: ubuntu-latest
+    env:
+      VITE_SERVER_BASE_URL: http://localhost:3000
+      VITE_FRONT_BASE_URL: http://localhost:3001
+    steps:
+      - name: Cancel Previous Runs
+        uses: styfle/cancel-workflow-action@0.11.0
+        with:
+            access_token: ${{ github.token }}
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+      - name: Cache chrome extension node modules
+        uses: actions/cache@v3
+        with:
+          path: packages/twenty-chrome-extension/node_modules
+          key: chrome-extension-node_modules-${{hashFiles('yarn.lock')}}
+          restore-keys: chrome-extension-node_modules-
+      - name: Cache root node modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: root-node_modules-${{hashFiles('yarn.lock')}}
+          restore-keys: root-node_modules-
+      - name: Chrome Extension / Run build
+        run: yarn nx build twenty-chrome-extension