twenty/packages/twenty-chrome-extension/sidepanel.html

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/icons/android/android-launchericon-48-48.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Twenty</title>
    <style>
      /* Reset margin and padding */
      html, body {
        margin: 0;
        padding: 0;
        height: 100%; /* Ensure body takes full viewport height */
        overflow: hidden; /* Prevents scrollbars from appearing */
      }
    </style>

  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/options/index.tsx"></script>
  </body>
</html>
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> 2024-02-12 14:30:23 +03:00			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
			`<link rel="icon" href="/icons/android/android-launchericon-48-48.png" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
			`<title>Twenty</title>`
feat: replace iframe with chrome sidepanel (#5197) fixes - #5201 https://github.com/twentyhq/twenty/assets/13139771/871019c6-6456-46b4-95dd-07ffb33eb4fd --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com> 2024-05-21 11:39:43 +03:00			`<style>`
			`/* Reset margin and padding */`
			`html, body {`
			`margin: 0;`
			`padding: 0;`
			`height: 100%; /* Ensure body takes full viewport height */`
			`overflow: hidden; /* Prevents scrollbars from appearing */`
			`}`
			`</style>`

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> 2024-02-12 14:30:23 +03:00			`</head>`
			`<body>`
			`<div id="app"></div>`
			`<script type="module" src="/src/options/index.tsx"></script>`
			`</body>`
feat: replace iframe with chrome sidepanel (#5197) fixes - #5201 https://github.com/twentyhq/twenty/assets/13139771/871019c6-6456-46b4-95dd-07ffb33eb4fd --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com> 2024-05-21 11:39:43 +03:00			`</html>`