feat: use relative entity path in schema actions

Author: Raubzeug

src/containers/Tenant/ObjectSummary/ObjectSummary.tsx

@@ -44,7 +44,7 @@ import {ObjectTree} from './ObjectTree';
 import {SchemaActions} from './SchemaActions';
 import i18n from './i18n';
 import {b} from './shared';
-import {transformPath} from './transformPath';
+import {isDomain, transformPath} from './transformPath';
 
 import './ObjectSummary.scss';
 
@@ -148,7 +148,11 @@ export function ObjectSummary({
 
         const overview: InfoViewerItem[] = [];
 
-        overview.push({label: i18n('field_type'), value: PathType?.replace(/^EPathType/, '')});
+        const normalizedType = isDomain(path, PathType)
+            ? 'Domain'
+            : PathType?.replace(/^EPathType/, '');
+
+        overview.push({label: i18n('field_type'), value: normalizedType});
 
         if (PathSubType !== EPathSubType.EPathSubTypeEmpty) {
             overview.push({
@@ -343,6 +347,8 @@ export function ObjectSummary({
         dispatchCommonInfoVisibilityState(PaneVisibilityActionTypes.clear);
     };
 
+    const relativePath = transformPath(path, tenantName);
+
     const renderCommonInfoControls = () => {
         const showPreview = isTableType(type) && !isIndexTableType(subType);
         return (
@@ -354,7 +360,7 @@ export function ObjectSummary({
                         'm',
                     )(path, 'preview')}
                 <ClipboardButton
-                    text={path}
+                    text={relativePath}
                     view="flat-secondary"
                     title={i18n('action_copySchemaPath')}
                 />
@@ -370,15 +376,19 @@ export function ObjectSummary({
 
     const renderEntityTypeBadge = () => {
         const {Status, Reason} = currentObjectData ?? {};
+        if (type) {
+            let label = type.replace('EPathType', '');
+            if (isDomain(path, type)) {
+                label = 'domain';
+            }
+            return <div className={b('entity-type')}>{label}</div>;
+        }
 
         let message;
-        if (!type && Status && Reason) {
+        if (Status && Reason) {
             message = `${Status}: ${Reason}`;
         }
-
-        return type ? (
-            <div className={b('entity-type')}>{type.replace('EPathType', '')}</div>
-        ) : (
+        return (
             <div className={b('entity-type', {error: true})}>
                 <HelpPopover content={message} offset={{left: 0}} />
             </div>
@@ -404,9 +414,7 @@ export function ObjectSummary({
                                 <div className={b('info-header')}>
                                     <div className={b('info-title')}>
                                         {renderEntityTypeBadge()}
-                                        <div className={b('path-name')}>
-                                            {transformPath(path, tenantName)}
-                                        </div>
+                                        <div className={b('path-name')}>{relativePath}</div>
                                     </div>
                                     <div className={b('info-controls')}>
                                         {renderCommonInfoControls()}

src/containers/Tenant/ObjectSummary/__test__/transformPath.test.ts

@@ -9,8 +9,8 @@ describe('transformPath', () => {
         ['/prod/v1/sth', 'prod/v1', 'sth'],
         ['/dev/v1/sth', '/dev', 'v1/sth'],
         ['/dev/v1/sth', 'dev', 'v1/sth'],
-        ['/dev', '/dev', '/'],
-        ['/dev', 'dev', '/'],
+        ['/dev', '/dev', '/dev'],
+        ['/dev', 'dev', '/dev'],
         ['/', '/dev', '/'],
         ['/', 'dev', '/'],
         ['', '/dev', '/'],

src/containers/Tenant/ObjectSummary/transformPath.ts

@@ -1,3 +1,5 @@
+import {EPathType} from '../../../types/api/schema';
+
 export function transformPath(path: string, dbName: string): string {
     // Normalize the path and dbName by removing leading/trailing slashes
     const normalizedPath = path.replace(/^\/+|\/+$/g, '');
@@ -6,6 +8,9 @@ export function transformPath(path: string, dbName: string): string {
     if (!normalizedPath.startsWith(normalizedDbName)) {
         return normalizedPath || '/';
     }
+    if (normalizedPath === normalizedDbName) {
+        return `/${normalizedPath}`;
+    }
 
     let result = normalizedPath.slice(normalizedDbName.length);
 
@@ -14,3 +19,19 @@ export function transformPath(path: string, dbName: string): string {
 
     return result;
 }
+
+export function isDomain(path: string, type?: EPathType) {
+    if (type !== EPathType.EPathTypeDir) {
+        return false;
+    }
+    let count = 0;
+    for (let i = 0; i <= path.length; i++) {
+        if (path[i] === '/') {
+            count++;
+        }
+        if (count > 1) {
+            return false;
+        }
+    }
+    return count === 1;
+}

src/containers/Tenant/Schema/SchemaTree/SchemaTree.tsx

@@ -110,14 +110,18 @@ export function SchemaTree(props: SchemaTreeProps) {
                     collapsed: false,
                 }}
                 fetchPath={fetchPath}
-                getActions={getActions(dispatch, {
-                    setActivePath: onActivePathUpdate,
-                    updateQueryExecutionSettings: (settings) =>
-                        setQueryExecutionSettings({...querySettings, ...settings}),
-                    showCreateDirectoryDialog: createDirectoryFeatureAvailable
-                        ? handleOpenCreateDirectoryDialog
-                        : undefined,
-                })}
+                getActions={getActions(
+                    dispatch,
+                    {
+                        setActivePath: onActivePathUpdate,
+                        updateQueryExecutionSettings: (settings) =>
+                            setQueryExecutionSettings({...querySettings, ...settings}),
+                        showCreateDirectoryDialog: createDirectoryFeatureAvailable
+                            ? handleOpenCreateDirectoryDialog
+                            : undefined,
+                    },
+                    rootPath,
+                )}
                 renderAdditionalNodeElements={getSchemaControls(dispatch, {
                     setActivePath: onActivePathUpdate,
                 })}

src/containers/Tenant/utils/schemaActions.ts

@@ -6,6 +6,7 @@ import {TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID} from '../../../store/reducers/te
 import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant';
 import type {QueryMode, QuerySettings} from '../../../types/store/query';
 import createToast from '../../../utils/createToast';
+import {transformPath} from '../ObjectSummary/transformPath';
 import i18n from '../i18n';
 
 import {
@@ -33,7 +34,7 @@ interface ActionsAdditionalEffects {
 }
 
 const bindActions = (
-    path: string,
+    {path, relativePath}: {path: string; relativePath: string},
     dispatch: React.Dispatch<any>,
     additionalEffects: ActionsAdditionalEffects,
 ) => {
@@ -45,7 +46,7 @@ const bindActions = (
             updateQueryExecutionSettings({queryMode: mode});
         }
 
-        dispatch(changeUserInput({input: tmpl(path)}));
+        dispatch(changeUserInput({input: tmpl(relativePath)}));
         dispatch(setTenantPage(TENANT_PAGES_IDS.query));
         dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
         setActivePath(path);
@@ -75,7 +76,7 @@ const bindActions = (
         dropView: inputQuery(dropViewTemplate, 'script'),
         copyPath: () => {
             try {
-                copy(path);
+                copy(relativePath);
                 createToast({
                     name: 'Copied',
                     title: i18n('actions.copied'),
@@ -95,9 +96,10 @@ const bindActions = (
 type ActionsSet = ReturnType<Required<NavigationTreeProps>['getActions']>;
 
 export const getActions =
-    (dispatch: React.Dispatch<any>, additionalEffects: ActionsAdditionalEffects) =>
+    (dispatch: React.Dispatch<any>, additionalEffects: ActionsAdditionalEffects, rootPath = '') =>
     (path: string, type: NavigationTreeNodeType) => {
-        const actions = bindActions(path, dispatch, additionalEffects);
+        const relativePath = transformPath(path, rootPath);
+        const actions = bindActions({path, relativePath}, dispatch, additionalEffects);
         const copyItem = {text: i18n('actions.copyPath'), action: actions.copyPath};
 
         const DIR_SET: ActionsSet = [