## Description The purpose of this PR is to collect data about hovered canvas and widgets and send it to analytics platform. Fixes #33159 ## Automation /ok-to-test tags="@tag.All" ### 🔍 Cypress test results <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/9584384829> > Commit: 9cec247f7f1e82e0cc23fa5aa5499008bdc58964 > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9584384829&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `` <!-- end of auto-generated comment: Cypress test results --> ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [x] No <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced analytics tracking for side-by-side hover actions in the IDE canvas. - Added a new `AnalyticsWrapper` component for handling analytics events within layout systems. - Implemented a custom hook `useIsInSideBySideEditor` to check for side-by-side editor mode. - Added new CSS styles for layout systems. - **Bug Fixes** - Improved handling of widget hover events and analytics tracking in side-by-side editor mode. - **Refactor** - Refactored logic for determining the current entity info and segment state in the IDE. - Updated import paths and reordered imports for better organization. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
107 lines
2.8 KiB
TypeScript
107 lines
2.8 KiB
TypeScript
import store from "store";
|
|
import { EditorViewMode } from "@appsmith/entities/IDE/constants";
|
|
import type { AppState } from "@appsmith/reducers";
|
|
import MockPluginsState from "test/factories/MockPluginsState";
|
|
import type { Page } from "@appsmith/constants/ReduxActionConstants";
|
|
import type { Action } from "entities/Action";
|
|
import type {
|
|
IDETabs,
|
|
ParentEntityIDETabs,
|
|
} from "reducers/uiReducers/ideReducer";
|
|
import { IDETabsDefaultValue } from "reducers/uiReducers/ideReducer";
|
|
import type { JSCollection } from "entities/JSCollection";
|
|
import type { FocusHistory } from "reducers/uiReducers/focusHistoryReducer";
|
|
import type { Datasource } from "entities/Datasource";
|
|
import type { FeatureFlags } from "@appsmith/entities/FeatureFlag";
|
|
|
|
interface IDEStateArgs {
|
|
ideView?: EditorViewMode;
|
|
pages?: Page[];
|
|
actions?: Action[];
|
|
js?: JSCollection[];
|
|
tabs?: IDETabs;
|
|
branch?: string;
|
|
focusHistory?: FocusHistory;
|
|
datasources?: Datasource[];
|
|
featureFlags?: Partial<FeatureFlags>;
|
|
}
|
|
|
|
export const getIDETestState = ({
|
|
actions = [],
|
|
branch,
|
|
datasources = [],
|
|
featureFlags,
|
|
focusHistory = {},
|
|
ideView = EditorViewMode.FullScreen,
|
|
js = [],
|
|
pages = [],
|
|
tabs = IDETabsDefaultValue,
|
|
}: IDEStateArgs): AppState => {
|
|
const initialState = store.getState();
|
|
|
|
const pageList = {
|
|
pages,
|
|
isGeneratingTemplatePage: false,
|
|
applicationId: "655716e035e2c9432e4bd94b",
|
|
currentPageId: pages[0]?.pageId,
|
|
defaultPageId: pages[0]?.pageId,
|
|
loading: {},
|
|
};
|
|
|
|
let ideTabs: ParentEntityIDETabs = {};
|
|
if (pageList.currentPageId) {
|
|
ideTabs = { [pageList.currentPageId]: tabs };
|
|
}
|
|
|
|
const actionData = actions.map((a) => ({ isLoading: false, config: a }));
|
|
const jsData = js.map((a) => ({ isLoading: false, config: a }));
|
|
const featureFlag = featureFlags ? { data: featureFlags } : {};
|
|
|
|
return {
|
|
...initialState,
|
|
entities: {
|
|
...initialState.entities,
|
|
datasources: {
|
|
...initialState.entities.datasources,
|
|
list: datasources,
|
|
},
|
|
plugins: MockPluginsState,
|
|
pageList: pageList,
|
|
actions: actionData,
|
|
jsActions: jsData,
|
|
},
|
|
ui: {
|
|
...initialState.ui,
|
|
users: {
|
|
...initialState.ui.users,
|
|
featureFlag,
|
|
},
|
|
ide: {
|
|
...initialState.ui.ide,
|
|
view: ideView,
|
|
tabs: ideTabs,
|
|
},
|
|
focusHistory: {
|
|
history: {
|
|
...focusHistory,
|
|
},
|
|
},
|
|
editor: {
|
|
...initialState.ui.editor,
|
|
initialized: true,
|
|
},
|
|
applications: {
|
|
...initialState.ui.applications,
|
|
currentApplication: branch
|
|
? {
|
|
...initialState.ui.applications.currentApplication,
|
|
gitApplicationMetadata: {
|
|
branchName: branch || "",
|
|
},
|
|
}
|
|
: { ...initialState.ui.applications.currentApplication },
|
|
},
|
|
},
|
|
};
|
|
};
|