2026-02-05 00:46:55 +00:00
|
|
|
import { EXECUTE_ONE_LOGIC_FUNCTION } from '@/logic-functions/graphql/mutations/executeOneLogicFunction';
|
2026-02-25 00:55:46 +00:00
|
|
|
import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue';
|
|
|
|
|
import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState';
|
2026-02-05 00:46:55 +00:00
|
|
|
import { logicFunctionTestDataFamilyState } from '@/workflow/workflow-steps/workflow-actions/code-action/states/logicFunctionTestDataFamilyState';
|
2026-03-13 13:59:46 +00:00
|
|
|
import { useMutation } from '@apollo/client/react';
|
2026-02-05 00:46:55 +00:00
|
|
|
import { useState } from 'react';
|
|
|
|
|
import { isDefined } from 'twenty-shared/utils';
|
|
|
|
|
import { LogicFunctionExecutionStatus } from '~/generated-metadata/graphql';
|
|
|
|
|
import { sleep } from '~/utils/sleep';
|
|
|
|
|
|
|
|
|
|
type ExecuteOneLogicFunctionInput = {
|
|
|
|
|
id: string;
|
|
|
|
|
payload: object;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
type ExecuteOneLogicFunctionResult = {
|
|
|
|
|
data?: object | null;
|
|
|
|
|
logs: string;
|
|
|
|
|
duration: number;
|
|
|
|
|
status: LogicFunctionExecutionStatus;
|
|
|
|
|
error?: {
|
|
|
|
|
errorType: string;
|
|
|
|
|
errorMessage: string;
|
|
|
|
|
stackTrace: string;
|
|
|
|
|
} | null;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const useExecuteLogicFunction = ({
|
|
|
|
|
logicFunctionId,
|
|
|
|
|
callback,
|
|
|
|
|
}: {
|
|
|
|
|
logicFunctionId: string;
|
|
|
|
|
callback?: (result: object) => void;
|
|
|
|
|
}) => {
|
|
|
|
|
const [isExecuting, setIsExecuting] = useState(false);
|
|
|
|
|
const [executeOneLogicFunctionMutation] = useMutation<
|
|
|
|
|
{ executeOneLogicFunction: ExecuteOneLogicFunctionResult },
|
|
|
|
|
{ input: ExecuteOneLogicFunctionInput }
|
2026-02-12 10:40:49 +00:00
|
|
|
>(EXECUTE_ONE_LOGIC_FUNCTION);
|
2026-02-05 00:46:55 +00:00
|
|
|
|
2026-02-25 00:55:46 +00:00
|
|
|
const logicFunctionTestData = useAtomFamilyStateValue(
|
Jotai 13 (#18178)
## Recoil to Jotai Migration — PR 13: Workflow, Page Layout, AI,
Activities, Settings, SSE & Remaining Modules
### Summary
This is the 13th PR in the [14-PR migration
series](packages/twenty-front/src/modules/ui/utilities/state/jotai/MIGRATION_PLAN.md)
to replace Recoil with Jotai as the state management library in
`twenty-front`. This PR migrates the remaining consumer code across all
modules — updating ~1,076 files with ~10k insertions/deletions.
### What changed
**New Jotai infrastructure (13 new files):**
- `createComponentSelectorV2` and `createComponentFamilySelectorV2` —
instance-scoped derived atoms, replacing Recoil's component selectors
- 6 new hooks: `useRecoilComponentSelectorValueV2`,
`useRecoilComponentFamilySelectorValueV2`,
`useRecoilComponentSelectorCallbackStateV2`,
`useRecoilComponentFamilySelectorCallbackStateV2`,
`useRecoilComponentStateCallbackStateV2`,
`useRecoilComponentFamilyStateCallbackStateV2`
- New types: `ComponentSelectorV2`, `ComponentFamilySelectorV2`,
`SelectorCallbacksV2`
- Extended `buildGetHelper` to support the new selector patterns
**State definition migrations:**
- `createState()` → `createStateV2()` (Jotai `atom()`)
- `createFamilyState()` → `createFamilyStateV2()` (Jotai `atom()` with
family cache)
- Recoil `selector`/`selectorFamily` → Jotai derived `atom()` via V2
utilities
**Hook migrations (~2,400 removed, ~1,545 added V2 equivalents):**
- `useRecoilValue` → `useRecoilValueV2`
- `useRecoilState` → `useRecoilStateV2`
- `useSetRecoilState` → `useSetRecoilStateV2`
- `useRecoilCallback` → `useCallback` + `jotaiStore.get/set`
- `useRecoilComponentValue` → `useRecoilComponentValueV2`
- `useSetRecoilComponentState` → `useSetRecoilComponentStateV2`
- `useRecoilComponentFamilyValue` → `useRecoilComponentFamilyValueV2` /
`useFamilySelectorValueV2`
- ~397 direct `import from 'recoil'` removed
**Deleted files (9 files):**
- `dateLocaleState.ts` — consolidated
- `currentAIChatThreadTitleStateV2.ts` — renamed to replace the original
- `isCommandMenuOpenedState.ts` — removed
- `filesFieldUploadState.ts` — replaced by V2
- `recordStoreFamilySelector.ts`, `recordStoreFieldValueSelector.ts`,
`recordStoreRecordsSelector.ts` — replaced by V2 equivalents
- `settingsAllRolesSelector.ts` — replaced by `useSettingsAllRoles` hook
- `settingsRoleIdsStateV2.ts` — consolidated
**Modules migrated:**
- Workflow (diagram, steps, variables, filters)
- Page Layout (widgets, fields, graph, tabs)
- AI (chat, agents, browsing context)
- Activities (rich text editor, targets, timeline)
- Action Menu (single/multiple record actions)
- Command Menu (navigation, history, pages, workflow)
- Context Store
- Record Board, Record Table, Record Calendar, Record Index
- Record Field, Record Filter, Record Sort, Record Group
- Record Drag, Record Picker, Record Store
- Views (view bar, view picker, filters, sorts)
- Settings (roles, permissions, SSO, security, data model, developers,
domains)
- SSE (event streams, subscriptions)
- Spreadsheet Import
- Auth, Favorites, Front Components, Information Banner
2026-02-24 16:37:01 +00:00
|
|
|
logicFunctionTestDataFamilyState,
|
|
|
|
|
logicFunctionId,
|
|
|
|
|
);
|
2026-03-05 13:36:36 +00:00
|
|
|
|
2026-02-25 00:55:46 +00:00
|
|
|
const setLogicFunctionTestData = useSetAtomFamilyState(
|
Jotai 13 (#18178)
## Recoil to Jotai Migration — PR 13: Workflow, Page Layout, AI,
Activities, Settings, SSE & Remaining Modules
### Summary
This is the 13th PR in the [14-PR migration
series](packages/twenty-front/src/modules/ui/utilities/state/jotai/MIGRATION_PLAN.md)
to replace Recoil with Jotai as the state management library in
`twenty-front`. This PR migrates the remaining consumer code across all
modules — updating ~1,076 files with ~10k insertions/deletions.
### What changed
**New Jotai infrastructure (13 new files):**
- `createComponentSelectorV2` and `createComponentFamilySelectorV2` —
instance-scoped derived atoms, replacing Recoil's component selectors
- 6 new hooks: `useRecoilComponentSelectorValueV2`,
`useRecoilComponentFamilySelectorValueV2`,
`useRecoilComponentSelectorCallbackStateV2`,
`useRecoilComponentFamilySelectorCallbackStateV2`,
`useRecoilComponentStateCallbackStateV2`,
`useRecoilComponentFamilyStateCallbackStateV2`
- New types: `ComponentSelectorV2`, `ComponentFamilySelectorV2`,
`SelectorCallbacksV2`
- Extended `buildGetHelper` to support the new selector patterns
**State definition migrations:**
- `createState()` → `createStateV2()` (Jotai `atom()`)
- `createFamilyState()` → `createFamilyStateV2()` (Jotai `atom()` with
family cache)
- Recoil `selector`/`selectorFamily` → Jotai derived `atom()` via V2
utilities
**Hook migrations (~2,400 removed, ~1,545 added V2 equivalents):**
- `useRecoilValue` → `useRecoilValueV2`
- `useRecoilState` → `useRecoilStateV2`
- `useSetRecoilState` → `useSetRecoilStateV2`
- `useRecoilCallback` → `useCallback` + `jotaiStore.get/set`
- `useRecoilComponentValue` → `useRecoilComponentValueV2`
- `useSetRecoilComponentState` → `useSetRecoilComponentStateV2`
- `useRecoilComponentFamilyValue` → `useRecoilComponentFamilyValueV2` /
`useFamilySelectorValueV2`
- ~397 direct `import from 'recoil'` removed
**Deleted files (9 files):**
- `dateLocaleState.ts` — consolidated
- `currentAIChatThreadTitleStateV2.ts` — renamed to replace the original
- `isCommandMenuOpenedState.ts` — removed
- `filesFieldUploadState.ts` — replaced by V2
- `recordStoreFamilySelector.ts`, `recordStoreFieldValueSelector.ts`,
`recordStoreRecordsSelector.ts` — replaced by V2 equivalents
- `settingsAllRolesSelector.ts` — replaced by `useSettingsAllRoles` hook
- `settingsRoleIdsStateV2.ts` — consolidated
**Modules migrated:**
- Workflow (diagram, steps, variables, filters)
- Page Layout (widgets, fields, graph, tabs)
- AI (chat, agents, browsing context)
- Activities (rich text editor, targets, timeline)
- Action Menu (single/multiple record actions)
- Command Menu (navigation, history, pages, workflow)
- Context Store
- Record Board, Record Table, Record Calendar, Record Index
- Record Field, Record Filter, Record Sort, Record Group
- Record Drag, Record Picker, Record Store
- Views (view bar, view picker, filters, sorts)
- Settings (roles, permissions, SSO, security, data model, developers,
domains)
- SSE (event streams, subscriptions)
- Spreadsheet Import
- Auth, Favorites, Front Components, Information Banner
2026-02-24 16:37:01 +00:00
|
|
|
logicFunctionTestDataFamilyState,
|
|
|
|
|
logicFunctionId,
|
2026-02-05 00:46:55 +00:00
|
|
|
);
|
|
|
|
|
|
2026-03-05 13:36:36 +00:00
|
|
|
const updateLogicFunctionInput = (input: object) => {
|
|
|
|
|
setLogicFunctionTestData((prev) => ({
|
|
|
|
|
...prev,
|
|
|
|
|
input,
|
|
|
|
|
}));
|
|
|
|
|
};
|
|
|
|
|
|
2026-02-12 10:40:49 +00:00
|
|
|
const executeLogicFunction = async () => {
|
2026-02-16 09:43:29 +00:00
|
|
|
if (isExecuting) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2026-02-05 00:46:55 +00:00
|
|
|
try {
|
|
|
|
|
setIsExecuting(true);
|
|
|
|
|
await sleep(200); // Delay artificially to avoid flashing the UI
|
|
|
|
|
const result = await executeOneLogicFunctionMutation({
|
|
|
|
|
variables: {
|
|
|
|
|
input: {
|
|
|
|
|
id: logicFunctionId,
|
|
|
|
|
payload: logicFunctionTestData.input,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
setIsExecuting(false);
|
|
|
|
|
|
|
|
|
|
const executionResult = result?.data?.executeOneLogicFunction;
|
|
|
|
|
|
|
|
|
|
if (isDefined(executionResult?.data)) {
|
|
|
|
|
callback?.(executionResult.data);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
setLogicFunctionTestData((prev) => ({
|
|
|
|
|
...prev,
|
|
|
|
|
language: 'json',
|
|
|
|
|
output: {
|
|
|
|
|
data: executionResult?.data
|
|
|
|
|
? JSON.stringify(executionResult.data, null, 4)
|
|
|
|
|
: undefined,
|
|
|
|
|
logs: executionResult?.logs || '',
|
|
|
|
|
duration: executionResult?.duration,
|
|
|
|
|
status: (executionResult?.status ??
|
|
|
|
|
LogicFunctionExecutionStatus.IDLE) as LogicFunctionExecutionStatus,
|
|
|
|
|
error: executionResult?.error
|
|
|
|
|
? JSON.stringify(executionResult.error, null, 4)
|
|
|
|
|
: undefined,
|
|
|
|
|
},
|
|
|
|
|
}));
|
|
|
|
|
} catch (error) {
|
|
|
|
|
setIsExecuting(false);
|
|
|
|
|
throw error;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2026-03-05 13:36:36 +00:00
|
|
|
return {
|
|
|
|
|
executeLogicFunction,
|
|
|
|
|
updateLogicFunctionInput,
|
|
|
|
|
logicFunctionTestData,
|
|
|
|
|
isExecuting,
|
|
|
|
|
};
|
2026-02-05 00:46:55 +00:00
|
|
|
};
|