7fd89678b7
# Introduction Avoid having multiple `isDefined` definition across our pacakges Also avoid importing `isDefined` from `twenty-ui` which exposes a huge barrel for a such little util function ## In a nutshell Removed own `isDefined.ts` definition from `twenty-ui` `twenty-front` and `twenty-server` to move it to `twenty-shared`. Updated imports for each packages, and added explicit dependencies to `twenty-shared` if not already in place Related PR https://github.com/twentyhq/twenty/pull/9941
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import { useEffect } from 'react';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { useRecoilValue, useSetRecoilState } from 'recoil';
|
|
|
|
import { tokenPairState } from '@/auth/states/tokenPairState';
|
|
import { isLoadingTokensFromExtensionState } from '@/chrome-extension-sidecar/states/isLoadingTokensFromExtensionState';
|
|
import { chromeExtensionIdState } from '@/client-config/states/chromeExtensionIdState';
|
|
import { isDefined } from 'twenty-shared';
|
|
import { isInFrame } from '~/utils/isInIframe';
|
|
|
|
export const ChromeExtensionSidecarEffect = () => {
|
|
const navigate = useNavigate();
|
|
const setTokenPair = useSetRecoilState(tokenPairState);
|
|
const chromeExtensionId = useRecoilValue(chromeExtensionIdState);
|
|
const setIsLoadingTokensFromExtension = useSetRecoilState(
|
|
isLoadingTokensFromExtensionState,
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (isInFrame() && isDefined(chromeExtensionId)) {
|
|
window.parent.postMessage(
|
|
'loaded',
|
|
`chrome-extension://${chromeExtensionId}`,
|
|
);
|
|
|
|
const handleWindowEvents = (event: MessageEvent<any>) => {
|
|
if (event.origin === `chrome-extension://${chromeExtensionId}`) {
|
|
switch (event.data.type) {
|
|
case 'tokens': {
|
|
setTokenPair(event.data.value);
|
|
setIsLoadingTokensFromExtension(true);
|
|
break;
|
|
}
|
|
case 'navigate':
|
|
navigate(event.data.value);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
} else {
|
|
setIsLoadingTokensFromExtension(false);
|
|
return;
|
|
}
|
|
};
|
|
window.addEventListener('message', handleWindowEvents);
|
|
return () => {
|
|
window.removeEventListener('message', handleWindowEvents);
|
|
};
|
|
}
|
|
}, [
|
|
chromeExtensionId,
|
|
setIsLoadingTokensFromExtension,
|
|
setTokenPair,
|
|
navigate,
|
|
]);
|
|
|
|
return <></>;
|
|
};
|