83fdebf64d
- 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>
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
"use client";
|
|
import { useEffect } from "react";
|
|
|
|
type ScriptProps = {
|
|
src?: string;
|
|
id?: string;
|
|
strategy?: "beforeInteractive" | "afterInteractive" | "lazyOnload" | "worker";
|
|
onLoad?: () => void;
|
|
onError?: () => void;
|
|
children?: string;
|
|
defer?: boolean;
|
|
[key: string]: any;
|
|
};
|
|
|
|
// Minimal shim for next/script that creates a script tag
|
|
function Script({ src, id, strategy: _strategy, onLoad, onError, children, ...rest }: ScriptProps) {
|
|
useEffect(() => {
|
|
if (src) {
|
|
const script = document.createElement("script");
|
|
if (id) script.id = id;
|
|
script.src = src;
|
|
if (onLoad) script.onload = onLoad;
|
|
if (onError) script.onerror = onError;
|
|
Object.keys(rest).forEach((key) => {
|
|
script.setAttribute(key, rest[key]);
|
|
});
|
|
document.body.appendChild(script);
|
|
|
|
return () => {
|
|
if (script.parentNode) {
|
|
document.body.removeChild(script);
|
|
}
|
|
};
|
|
} else if (children) {
|
|
const script = document.createElement("script");
|
|
if (id) script.id = id;
|
|
script.textContent = children;
|
|
Object.keys(rest).forEach((key) => {
|
|
script.setAttribute(key, rest[key]);
|
|
});
|
|
document.body.appendChild(script);
|
|
|
|
return () => {
|
|
if (script.parentNode) {
|
|
document.body.removeChild(script);
|
|
}
|
|
};
|
|
}
|
|
}, [src, id, children, onLoad, onError, rest]);
|
|
|
|
return null;
|
|
}
|
|
|
|
export default Script;
|