[WEB-5459] feat(codemods): add function declaration transformer with tests (#8137)

- Add jscodeshift-based codemod to convert arrow function components to function declarations
- Support React.FC, observer-wrapped, and forwardRef components
- Include comprehensive test suite covering edge cases
- Add npm script to run transformer across codebase
- Target only .tsx files in source directories, excluding node_modules and declaration files

* [WEB-5459] chore: updates after running codemod

---------

Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
This commit is contained in:
Aaron 2025-11-20 19:09:40 +07:00 committed by GitHub
parent 90866fb925
commit 83fdebf64d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1771 changed files with 17003 additions and 13856 deletions

View file

@ -1,5 +1,4 @@
"use client";
import type { FC, ReactNode } from "react";
import { lazy, Suspense } from "react";
import { useTheme, ThemeProvider } from "next-themes";
@ -18,21 +17,30 @@ import { AppProgressBar } from "@/lib/b-progress";
import { StoreProvider } from "@/lib/store-context";
// wrappers
import { InstanceWrapper } from "@/lib/wrappers/instance-wrapper";
// lazy imports
const StoreWrapper = lazy(() => import("@/lib/wrappers/store-wrapper"));
const PostHogProvider = lazy(() => import("@/lib/posthog-provider"));
const IntercomProvider = lazy(() => import("@/lib/intercom-provider"));
const StoreWrapper = lazy(function StoreWrapper() {
return import("@/lib/wrappers/store-wrapper");
});
const PostHogProvider = lazy(function PostHogProvider() {
return import("@/lib/posthog-provider");
});
const IntercomProvider = lazy(function IntercomProvider() {
return import("@/lib/intercom-provider");
});
export interface IAppProvider {
children: ReactNode;
}
const ToastWithTheme = () => {
function ToastWithTheme() {
const { resolvedTheme } = useTheme();
return <Toast theme={resolveGeneralTheme(resolvedTheme)} />;
};
}
export const AppProvider: FC<IAppProvider> = (props) => {
export function AppProvider(props: IAppProvider) {
const { children } = props;
// themes
return (
@ -56,4 +64,4 @@ export const AppProvider: FC<IAppProvider> = (props) => {
</ThemeProvider>
</StoreProvider>
);
};
}