b8f33f6f59
- move front `onboardingStatus` computing to server side - add logic to `useSetNextOnboardingStatus` - update some missing redirections in `usePageChangeEffectNavigateLocation` - separate subscriptionStatus from onboardingStatus |
||
---|---|---|
.. | ||
public | ||
src | ||
.env.example | ||
.eslintrc-ci.cjs | ||
.eslintrc.cjs | ||
.gitignore | ||
.prettierignore | ||
codegen.ts | ||
loading.html | ||
package.json | ||
page-inaccessible.html | ||
project.json | ||
README.md | ||
sidepanel.html | ||
tsconfig.app.json | ||
tsconfig.json | ||
tsconfig.spec.json | ||
vite.config.ts |
Twenty Chrome Extension.
This extension allows you to save company
and people
information to your twenty workspace directly from LinkedIn.
To install the extension in development mode with hmr (hot module reload), follow these steps.
-
STEP 1: Clone the repository and run
yarn install
in the root directory. -
STEP 2: Once the dependencies installation succeeds, create a file with env variables by executing the following command in the root directory.
cp ./packages/twenty-chrome-extension/.env.example ./packages/twenty-chrome-extension/.env
- STEP 3 (optional): Update values of the environment variables to match those of your instance for
twenty-front
andtwenty-server
. If you want to work on your local machine with the default setup fromTwenty Docs
, replace everything in the .env file with the following.
VITE_SERVER_BASE_URL=http://localhost:3000
VITE_FRONT_BASE_URL=http://localhost:3001
- STEP 4: Now, execute the following command in the root directory to start up the development server on Port 3002. This will create a
dist
folder intwenty-chrome-extension
.
npx nx start twenty-chrome-extension
- STEP 5: Open Google Chrome and head to the extensions page by typing
chrome://extensions
in the address bar.
- STEP 6: Turn on the
Developer mode
from the top-right corner and clickLoad unpacked
.
- STEP 7: Select the
dist
folder fromtwenty-chrome-extension
.
- STEP 8: This opens up the
options
page, where you must enter your API key.
-
STEP 9: Reload any LinkedIn page that you opened before installing the extension for seamless experience.
-
STEP 10: Visit any individual or company profile on LinkedIn and click the
Add to Twenty
button to test.
To install the extension in production mode without hmr (hot module reload), replace the command in STEP FOUR with npx nx build twenty-chrome-extension
. You may or may not want to execute STEP THREE based on your requirements.