f

Nathan Booker · Nathan Booker · commit 48747cb7bb6d · 2025-07-14T12:13:57.000-04:00
diff --git a/core/app/[locale]/layout.tsx b/core/app/[locale]/layout.tsx
@@ -19,7 +19,7 @@ import { revalidate } from '~/client/revalidate-target';
 import { WebAnalyticsFragment } from '~/components/analytics/fragment';
 import { AnalyticsProvider } from '~/components/analytics/provider';
 import { ContainerQueryPolyfill } from '~/components/polyfills/container-query';
-import { FooterScripts, HeaderScripts, ScriptsFragment } from '~/components/scripts';
+import { ScriptManagerScripts, ScriptsFragment } from '~/components/scripts';
 import { routing } from '~/i18n/routing';
 import { getToastNotification } from '~/lib/server-toast';
 
@@ -114,7 +114,7 @@ export default async function RootLayout({ params, children }: Props) {
   return (
     <html className={clsx(fonts.map((f) => f.variable))} lang={locale}>
       <head>
-        <HeaderScripts scripts={data.site.content.scripts} />
+        <ScriptManagerScripts location="head" scripts={data.site.content.scripts} strategy="afterInteractive" />
       </head>
       <body className="flex min-h-screen flex-col">
         <NextIntlClientProvider>
@@ -131,7 +131,7 @@ export default async function RootLayout({ params, children }: Props) {
         </NextIntlClientProvider>
         <VercelComponents />
         <ContainerQueryPolyfill />
-        <FooterScripts scripts={data.site.content.scripts} />
+        <ScriptManagerScripts location="footer" scripts={data.site.content.scripts} strategy="lazyOnload" />
       </body>
     </html>
   );
diff --git a/core/components/scripts/index.tsx b/core/components/scripts/index.tsx
@@ -1,2 +1,2 @@
-export { HeaderScripts, FooterScripts } from './scripts';
+export { ScriptManagerScripts } from './scripts';
 export { ScriptsFragment } from './fragment';
diff --git a/core/components/scripts/scripts.tsx b/core/components/scripts/scripts.tsx
@@ -7,7 +7,6 @@ import { FragmentOf } from '~/client/graphql';
 import { ScriptsFragment } from './fragment';
 
 type ScriptsData = FragmentOf<typeof ScriptsFragment>;
-type ScriptNode = NonNullable<ScriptsData['scripts']['edges']>[number]['node'];
 
 interface ScriptRendererProps {
   scripts: ScriptsData['scripts'] | null;
@@ -27,7 +26,7 @@ interface ScriptsProps {
  * @param {ComponentProps<typeof Script>['strategy']} props.strategy - The loading strategy
  * @returns {JSX.Element | null} JSX element containing the rendered scripts
  */
-const ScriptRenderer = ({ scripts, location, strategy }: ScriptRendererProps) => {
+export const ScriptManagerScripts = ({ scripts, location, strategy }: ScriptRendererProps) => {
   if (!scripts?.edges) return null;
 
   const scriptNodes = removeEdgesAndNodes(scripts);
@@ -75,25 +74,3 @@ const ScriptRenderer = ({ scripts, location, strategy }: ScriptRendererProps) =>
     </>
   );
 };
-
-/**
- * Renders scripts that should be placed in the <head> tag
- * Uses afterInteractive strategy for critical functionality
- * @param {ScriptsProps} props - The props containing scripts data
- * @param {ScriptsData['scripts'] | null} props.scripts - The scripts data from GraphQL
- * @returns {JSX.Element | null} JSX element containing header scripts
- */
-export const HeaderScripts = ({ scripts }: ScriptsProps) => {
-  return <ScriptRenderer location="head" scripts={scripts} strategy="afterInteractive" />;
-};
-
-/**
- * Renders scripts that should be placed before the closing </body> tag
- * Uses lazyOnload strategy for better performance
- * @param {ScriptsProps} props - The props containing scripts data
- * @param {ScriptsData['scripts'] | null} props.scripts - The scripts data from GraphQL
- * @returns {JSX.Element | null} JSX element containing footer scripts
- */
-export const FooterScripts = ({ scripts }: ScriptsProps) => {
-  return <ScriptRenderer location="footer" scripts={scripts} strategy="lazyOnload" />;
-};

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-export { HeaderScripts, FooterScripts } from './scripts';`
	`1`	`+export { ScriptManagerScripts } from './scripts';`
`2`	`2`	`export { ScriptsFragment } from './fragment';`