frontend: use relative paths instead of absolute within modules

PR-URL: hasura/graphql-engine-mono#8050
GitOrigin-RevId: 7fc12b2855d1632919613c77348119238b88ce6f

Author: beaussan

frontend/libs/console/legacy-ce/.eslintrc.json

@@ -15,12 +15,6 @@
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "@nrwl/nx/enforce-module-boundaries": [
-          "error",
-          {
-            "allowCircularSelfDependency": true
-          }
-        ],
         "react/forbid-dom-props": [
           "error",
           {

frontend/libs/console/legacy-ce/src/index.ts

@@ -10,20 +10,26 @@ import { ApiLimits } from './lib/components/Services/ApiExplorer/Security';
 import { IntrospectionOptions } from './lib/components/Services/ApiExplorer/Security/Introspection';
 
 import * as EndpointNamedExps from './lib/Endpoints';
+import * as ControlPlane from './lib/features/ControlPlane';
 const CommonScss = require('./lib/components/Common/Common.module.scss');
 const filterQueryScss = require('./lib/components/Common/FilterQuery/FilterQuery.module.scss');
 const tableScss = require('./lib/components/Common/TableCommon/Table.module.scss');
 
+export { ControlPlane };
+
 export { App as ConsoleCeApp } from './lib/client';
 
 export type {
   Metadata,
   SetOpenTelemetryQuery,
   unexistingEnvVarSchema,
   hasuraEnvVarsNotAllowedSchema,
-} from '@/features/hasura-metadata-types';
+} from './lib/features/hasura-metadata-types';
 export type { ServerConfig } from './lib/hooks';
-export type { MetadataResponse, SchemaResponse } from '@/features/MetadataAPI';
+export type {
+  MetadataResponse,
+  SchemaResponse,
+} from './lib/features/MetadataAPI';
 export { DragFoldTable };
 
 export { Editor, SearchableSelectBox };
@@ -130,6 +136,8 @@ export {
   isEnvironmentSupportMultiTenantConnectionPooling,
 } from './lib/utils/proConsole';
 
+export { isCloudConsole } from './lib/utils/cloudConsole';
+
 export { AllowListDetail } from './lib/components/Services/AllowList/AllowListDetail';
 
 export { default as generatedAdminSecretLoginConnector } from './lib/components/Login/Login';

frontend/libs/console/legacy-ce/src/lib/Endpoints.ts

@@ -1,4 +1,4 @@
-import { getWebsocketProtocol } from '@/helpers/protocol';
+import { getWebsocketProtocol } from './helpers/protocol';
 import consoleGlobals from './Globals';
 
 export const globalCookiePolicy = 'same-origin';

frontend/libs/console/legacy-ce/src/lib/Globals.ts

@@ -1,5 +1,5 @@
-import type { GlobalWindowHeap } from '@/features/Analytics';
-import { parseSentryDsn } from '@/features/Analytics';
+import type { GlobalWindowHeap } from './features/Analytics';
+import { parseSentryDsn } from './features/Analytics';
 
 /* eslint no-underscore-dangle: 0 */
 import { getFeaturesCompatibility } from './helpers/versionUtils';

frontend/libs/console/legacy-ce/src/lib/components/App/App.js

@@ -16,7 +16,7 @@ import styles from './App.module.scss';
 import { ToastsHub } from '../../new-components/Toasts';
 
 import { theme } from '../UIKit/theme';
-import { trackCustomEvent } from '@/features/Analytics';
+import { trackCustomEvent } from '../../features/Analytics';
 
 export const GlobalContext = React.createContext(globals);
 

frontend/libs/console/legacy-ce/src/lib/components/Common/Button/Button.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { trackRuntimeError } from '@/telemetry';
-import { isConsoleError } from '@/components/Common/utils/jsUtils';
+import { trackRuntimeError } from '../../../telemetry';
+import { isConsoleError } from '../utils/jsUtils';
 
 import styles from '../Common.module.scss';
 /*

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/ConfigureTransformation.tsx

@@ -3,9 +3,9 @@ import {
   RequestTransformMethod,
   RequestTransformContentType,
   QueryParams,
-} from '@/metadata/types';
-import { Button } from '@/new-components/Button';
-import { Analytics } from '@/features/Analytics';
+} from '../../../metadata/types';
+import { Button } from '../../../new-components/Button';
+import { Analytics } from '../../../features/Analytics';
 import {
   KeyValuePair,
   RequestTransformState,

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/CustomEditors/JsonEditor.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useDebouncedEffect } from '@/hooks/useDebounceEffect';
+import { useDebouncedEffect } from '../../../../hooks/useDebounceEffect';
 import AceEditor from '../../AceEditor/BaseEditor';
 import CrossIcon from '../../Icons/Cross';
 import { isConsoleError, isJsonString } from '../../utils/jsUtils';

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/CustomEditors/KeyValueInput.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@/new-components/Button';
+import { Button } from '../../../../new-components/Button';
 import { inputStyles, addPlaceholderValue } from '../utils';
 import { KeyValuePair } from '../stateDefaults';
 

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/CustomEditors/NumberedSidebar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LearnMoreLink } from '@/new-components/LearnMoreLink';
+import { LearnMoreLink } from '../../../../new-components/LearnMoreLink';
 import { sidebarNumberStyles } from '../utils';
 
 interface NumberedSidebarProps {

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/CustomEditors/RequestUrlEditor.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { QueryParams } from '@/metadata/types';
+import { QueryParams } from '../../../../metadata/types';
 import KeyValueInput from './KeyValueInput';
 import { Nullable } from '../../utils/tsUtils';
 import {

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/PayloadOptionsTransforms.tsx

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
-import { RequestTransformBodyActions } from '@/metadata/types';
-import { useDebouncedEffect } from '@/hooks/useDebounceEffect';
+import { RequestTransformBodyActions } from '../../../metadata/types';
+import { useDebouncedEffect } from '../../../hooks/useDebounceEffect';
 import { FaExclamationCircle } from 'react-icons/fa';
-import { Button } from '@/new-components/Button';
+import { Button } from '../../../new-components/Button';
 import CrossIcon from '../Icons/Cross';
 import TemplateEditor from './CustomEditors/TemplateEditor';
 import JsonEditor from './CustomEditors/JsonEditor';

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/ResponseTransform.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from 'react';
-import { useDebouncedEffect } from '@/hooks/useDebounceEffect';
+import { useDebouncedEffect } from '../../../hooks/useDebounceEffect';
 import TemplateEditor from './CustomEditors/TemplateEditor';
 import { editorDebounceTime } from './utils';
 import NumberedSidebar from './CustomEditors/NumberedSidebar';

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/SampleContextTransforms.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { useDebouncedEffect } from '@/hooks/useDebounceEffect';
+import { useDebouncedEffect } from '../../../hooks/useDebounceEffect';
 import { KeyValuePair, TransformationType } from './stateDefaults';
 import KeyValueInput from './CustomEditors/KeyValueInput';
 import NumberedSidebar from './CustomEditors/NumberedSidebar';

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/stateDefaults.ts

@@ -2,7 +2,7 @@ import { Action as ReduxAction } from 'redux';
 import {
   getCronTriggerRequestSampleInput,
   getEventRequestSampleInput,
-} from '@/components/Services/Events/EventTriggers/utils';
+} from '../../Services/Events/EventTriggers/utils';
 import { getActionRequestSampleInput } from '../../Services/Actions/Add/utils';
 import {
   defaultActionDefSdl,

frontend/libs/console/legacy-ce/src/lib/components/Common/ConfigureTransformation/utils.ts

@@ -4,8 +4,8 @@ import {
   RequestTransformBody,
   RequestTransformMethod,
   ResponseTranform,
-} from '@/metadata/types';
-import { getLSItem, setLSItem, LS_KEYS } from '@/utils/localStorage';
+} from '../../../metadata/types';
+import { getLSItem, setLSItem, LS_KEYS } from '../../../utils/localStorage';
 import {
   defaultRequestContentType,
   GraphiQlHeader,

frontend/libs/console/legacy-ce/src/lib/components/Common/EditableHeading/PrimaryDBInfo.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { IconTooltip } from '@/new-components/Tooltip';
-import { useMetadataSource } from '@/features/MetadataAPI';
-import { MetadataDataSource } from '@/metadata/types';
+import { IconTooltip } from '../../../new-components/Tooltip';
+import { useMetadataSource } from '../../../features/MetadataAPI';
+import { MetadataDataSource } from '../../../metadata/types';
 import { FaLink } from 'react-icons/fa';
 
 type Props = {

frontend/libs/console/legacy-ce/src/lib/components/Common/EditableHeading/TryOperation.tsx

@@ -3,13 +3,13 @@ import clsx from 'clsx';
 import { Dispatch } from 'redux';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { isEmpty } from 'lodash';
-import { Badge } from '@/new-components/Badge';
-import { DropdownButton } from '@/new-components/DropdownButton';
+import { Badge } from '../../../new-components/Badge';
+import { DropdownButton } from '../../../new-components/DropdownButton';
 import { FaArrowRight, FaFlask } from 'react-icons/fa';
-import { LS_KEYS, setLSItem } from '@/utils/localStorage';
-import { Tooltip } from '@/new-components/Tooltip';
-import { Analytics } from '@/features/Analytics';
-import { useMetadataSource } from '@/features/MetadataAPI';
+import { LS_KEYS, setLSItem } from '../../../utils/localStorage';
+import { Tooltip } from '../../../new-components/Tooltip';
+import { Analytics } from '../../../features/Analytics';
+import { useMetadataSource } from '../../../features/MetadataAPI';
 import {
   getInitialValueField,
   generateGqlQueryFromTable,

frontend/libs/console/legacy-ce/src/lib/components/Common/EditableHeading/utils.ts

@@ -1,4 +1,4 @@
-import { Table, TableColumn } from '@/dataSources/types';
+import { Table, TableColumn } from '../../../dataSources/types';
 import moment from 'moment';
 import { capitaliseFirstLetter } from '../ConfigureTransformation/utils';