feat: enforce @/ alias for imports and fix all relative parent imports (#16787)

## Summary This PR enforces the use of `@/` alias for imports instead of relative parent imports (`../`). ## Changes ### ESLint Configuration - Added `no-restricted-imports` pattern in `eslint.config.react.mjs` to block `../*` imports with the message "Relative parent imports are not allowed. Use @/ alias instead." - Removed the non-working `import/no-relative-parent-imports` rule (doesn't work properly in ESLint flat config) ### VS Code Settings - Added `javascript.preferences.importModuleSpecifier: non-relative` to `.vscode/settings.json` (TypeScript setting was already there) ### Code Fixes - Fixed **941 relative parent imports** across **706 files** in `packages/twenty-front` - All `../` imports converted to use `@/` alias ## Why - Consistent import style across the codebase - Easier to move files without breaking imports - Better IDE support for auto-imports - Clearer understanding of where imports come from
2025-12-23 22:57:51 +01:00
parent 781b96e80b
commit b27a97f2c5
725 changed files with 1114 additions and 1041 deletions
@@ -0,0 +1,101 @@
+import { currentUserState } from '@/auth/states/currentUserState';
+import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
+import { supportChatState } from '@/client-config/states/supportChatState';
+import { useIsPrefetchLoading } from '@/prefetch/hooks/useIsPrefetchLoading';
+import { isNonEmptyString } from '@sniptt/guards';
+import { useCallback, useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { isDefined } from 'twenty-shared/utils';
+import { type User, type WorkspaceMember } from '~/generated-metadata/graphql';
+
+const insertScript = ({
+  src,
+  innerHTML,
+  onLoad,
+  defer = false,
+}: {
+  src?: string;
+  innerHTML?: string;
+  onLoad?: (...args: any[]) => void;
+  defer?: boolean;
+}) => {
+  const script = document.createElement('script');
+  if (isNonEmptyString(src)) script.src = src;
+  if (isNonEmptyString(innerHTML)) script.innerHTML = innerHTML;
+  if (isDefined(onLoad)) script.onload = onLoad;
+  script.defer = defer;
+  document.body.appendChild(script);
+};
+
+export const useInstantiateSupportChat = () => {
+  const currentUser = useRecoilValue(currentUserState);
+  const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
+  const supportChat = useRecoilValue(supportChatState);
+  const [isFrontChatLoaded, setIsFrontChatLoaded] = useState(false);
+  const loading = useIsPrefetchLoading();
+
+  const configureFront = useCallback(
+    (
+      chatId: string,
+      currentUser: Pick<User, 'email' | 'supportUserHash'>,
+      currentWorkspaceMember: Pick<WorkspaceMember, 'name'>,
+    ) => {
+      const url = 'https://chat-assets.frontapp.com/v1/chat.bundle.js';
+      let script = document.querySelector(`script[src="${url}"]`);
+
+      // This function only gets called when front chat is not loaded
+      // If the script is already defined, but front chat is not loaded
+      // then there was an error loading the script; reload the script
+      if (isDefined(script)) {
+        script.parentNode?.removeChild(script);
+        script = null;
+      }
+
+      insertScript({
+        src: url,
+        defer: true,
+        onLoad: () => {
+          window.FrontChat?.('init', {
+            chatId,
+            useDefaultLauncher: false,
+            email: currentUser.email,
+            name:
+              currentWorkspaceMember.name.firstName +
+              ' ' +
+              currentWorkspaceMember.name.lastName,
+            userHash: currentUser?.supportUserHash,
+          });
+          setIsFrontChatLoaded(true);
+        },
+      });
+    },
+    [],
+  );
+
+  useEffect(() => {
+    if (
+      supportChat?.supportDriver === 'FRONT' &&
+      isNonEmptyString(supportChat.supportFrontChatId) &&
+      isNonEmptyString(currentUser?.email) &&
+      isDefined(currentWorkspaceMember) &&
+      !isFrontChatLoaded
+    ) {
+      setTimeout(() => {
+        configureFront(
+          supportChat.supportFrontChatId as string,
+          currentUser,
+          currentWorkspaceMember,
+        );
+      }, 500);
+    }
+  }, [
+    configureFront,
+    currentUser,
+    isFrontChatLoaded,
+    supportChat?.supportDriver,
+    supportChat.supportFrontChatId,
+    currentWorkspaceMember,
+  ]);
+
+  return { loading, isFrontChatLoaded };
+};