tangle-ui/react-compiler.config.js at master · TangleML/tangle-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
// React Compiler: Directory-based incremental adoption
// Add directories here as they are cleaned up for compiler compatibility
// Sorted by useCallback/useMemo count (cleanup effort) - least to most
export const REACT_COMPILER_ENABLED_DIRS = [
  // ✅ Enabled
  "src/components/Home",
  "src/components/Editor",

  // 0 useCallback/useMemo - ready to enable
  "src/components/layout",
  "src/components/shared/ArtifactsList",
  "src/components/shared/Buttons",
  "src/components/shared/ContextPanel",
  "src/components/shared/ExecutionDetails",
  "src/components/shared/QuickStart",
  "src/components/shared/Status",
  "src/components/shared/CodeViewer",
  "src/components/shared/FullscreenElement",
  "src/components/shared/CopyText",
  "src/components/shared/TaskDetails",
  "src/components/shared/GitHubAuth",
  "src/components/shared/Authentication",
  "src/routes",
  "src/components/shared/ReactFlow/FlowCanvas/FlowCanvas.tsx",
  "src/components/shared/ComponentEditor",
  "src/components/shared/Settings",
  "src/components/shared/HuggingFaceAuth",
  "src/components/shared/GitHubLibrary",
  "src/hooks/useHandleEdgeSelection.ts",
  "src/hooks/useEdgeSelectionHighlight.ts",
  "src/hooks/useRunSearchParams.ts",

  "src/components/shared/Tags",
  "src/components/shared/Submitters/Oasis/components",
  "src/components/shared/Submitters/GoogleCloud/ConfigInput.tsx",
  "src/components/shared/Submitters/GoogleCloud/GoogleCloudSubmitter.tsx",
  "src/components/shared/Submitters/GoogleCloud/RegionInput.tsx",
  "src/components/shared/Submitters/Oasis/components/SubmitTaskArgumentsDialog.tsx",
  "src/components/shared/Submitters/Oasis/OasisSubmitter.tsx",
  "src/components/shared/PipelineRunNameTemplate",
  "src/components/shared/PipelineDescription",
  "src/components/shared/InlineEditor",
  "src/components/shared/ManageComponent/PublishComponentButton.tsx",
  "src/components/shared/ManageComponent/DeprecatePublishedComponentButton.tsx",
  "src/components/shared/ManageComponent/PublishComponent.tsx",
  "src/components/shared/ManageComponent/hooks/useComponentCanvasTasks.ts",
  "src/components/shared/ManageComponent/PublishedComponentDetails.tsx",
  "src/components/shared/ManageComponent/hooks/useForceUpdateTasks.ts",
  "src/components/shared/TaskDetails/DisplayNameEditor.tsx",
  "src/components/shared/TaskDetails/Actions/UnpackSubgraphButton.tsx",
  "src/components/shared/ReactFlow/FlowSidebar/components/ComponentHoverPopover.tsx",
  "src/components/shared/ReactFlow/FlowControls/StackingControls.tsx",
  "src/components/shared/ReactFlow/FlowCanvas/FlexNode",
  "src/components/shared/ReactFlow/FlowCanvas/TaskNode/TaskOverview/ZIndexEditor.tsx",
  "src/components/Editor/IOEditor/IOZIndexEditor.tsx",
  "src/components/shared/ReactFlow/FlowCanvas/TaskNode/ArgumentsEditor/DynamicDataDropdown.tsx",
  "src/components/shared/ReactFlow/FlowCanvas/Multiselect",
  "src/components/shared/HighlightText.tsx",
  "src/components/shared/AnnouncementBanners.tsx",

  // 11-20 useCallback/useMemo
  // "src/components/ui",                         // 12
  // "src/components/PipelineRun",                // 14
  // "src/components/shared/ManageComponent",     // 15
  // "src/components/shared/Submitters",          // 16

  // 20+ useCallback/useMemo - significant cleanup needed
  // "src/components/shared/Dialogs",             // 31
  // "src/hooks",                                 // 53
  // "src/providers",                             // 75
  // "src/components/shared/ReactFlow", // 190
];

// Convert to glob patterns for ESLint
export const REACT_COMPILER_ENABLED_GLOBS = REACT_COMPILER_ENABLED_DIRS.map(
  (dir) => `${dir}/**/*.{ts,tsx}`,
);