fix: web config

Author: araujogui

src/generators/jsx-ast/index.mjs

@@ -18,7 +18,6 @@ export default createLazyGenerator({
 
   defaultConfiguration: {
     ref: 'main',
-    remoteConfig: 'https://nodejs.org/site.json',
   },
 
   hasParallelProcessor: true,

src/generators/web/index.mjs

@@ -32,6 +32,7 @@ export default createLazyGenerator({
     title: 'Node.js',
     editURL: `${GITHUB_EDIT_URL}/doc/api{path}.md`,
     pageURL: '{baseURL}/latest-{version}/api{path}.html',
+    remoteConfig: 'https://nodejs.org/site.json',
     imports: {
       '#theme/Logo': '@node-core/ui-components/Common/NodejsLogo',
       '#theme/Navigation': join(import.meta.dirname, './ui/components/NavBar'),

src/generators/web/ui/components/AnnouncementBanner/index.jsx

@@ -19,6 +19,7 @@ const RemoteLoadableBanner = ({ remoteConfig, versionMajor }) => {
 
         return { default: () => <AnnouncementBanner banners={active} /> };
       }),
+    // eslint-disable-next-line react-x/exhaustive-deps
     []
   );
 

src/generators/web/ui/components/Layout/index.jsx

@@ -3,6 +3,7 @@ import Article from '@node-core/ui-components/Containers/Article';
 
 import RemoteLoadableBanner from '../AnnouncementBanner';
 
+import { remoteConfig, versionMajor } from '#theme/config';
 import Footer from '#theme/Footer';
 import MetaBar from '#theme/Metabar';
 import NavBar from '#theme/Navigation';
@@ -15,23 +16,14 @@ import SideBar from '#theme/Sidebar';
  * main content, meta bar, and footer. Override via `#theme/Layout` in your
  * configuration's `imports` to customize the entire page structure.
  *
- * @param {{
- *  metadata: import('../../types').SerializedMetadata,
- *  headings: Array,
- *  readingTime: string,
- *  children: import('preact').ComponentChildren,
- *  announcementBannerProps: object
- * }} props
+ * @param {{ metadata: import('../../types').SerializedMetadata, headings: Array, readingTime: string, children: import('preact').ComponentChildren }} props
  */
-export default ({
-  metadata,
-  headings,
-  readingTime,
-  announcementBannerProps,
-  children,
-}) => (
+export default ({ metadata, headings, readingTime, children }) => (
   <>
-    <RemoteLoadableBanner {...announcementBannerProps} />
+    <RemoteLoadableBanner
+      remoteConfig={remoteConfig}
+      versionMajor={versionMajor}
+    />
     <NavBar />
     <Article>
       <SideBar metadata={metadata} />

src/generators/web/ui/types.d.ts

@@ -9,13 +9,15 @@ declare module '#theme/config' {
   export const title: string;
   export const repository: string;
   export const version: string;
+  export const versionMajor: number;
   export const versions: Array<{
     url: string;
     label: string;
     major: number;
   }>;
   export const editURL: string;
   export const pages: Array<[string, string]>;
+  export const remoteConfig: string;
   export const languageDisplayNameMap: Map<string, string>;
 }
 

src/generators/web/utils/config.mjs

@@ -95,9 +95,11 @@ export default function createConfigSource(input) {
     `export const title = ${JSON.stringify(config.title)};`,
     `export const repository = ${JSON.stringify(config.repository)};`,
     `export const version = ${JSON.stringify(currentVersion)};`,
+    `export const versionMajor = ${config.version.major};`,
     `export const versions = ${JSON.stringify(versions)};`,
     `export const editURL = ${JSON.stringify(editURL)};`,
     `export const pages = ${JSON.stringify(pages)};`,
+    `export const remoteConfig = ${JSON.stringify(config.remoteConfig)};`,
     `export const languageDisplayNameMap = new Map(${JSON.stringify(shikiDisplayNameMap)});`,
   ].join('\n');
 }

src/generators/web/utils/processing.mjs

@@ -66,7 +66,7 @@ async function executeServerCode(serverCodeMap, requireFn, virtualImports) {
   // Execute each bundled entry and collect dehydrated HTML results
   for (const chunk of entryChunks) {
     const executedFunction = new Function('require', chunk.code);
-    pages.set(chunk.fileName, executedFunction(enhancedRequire));
+    pages.set(chunk.fileName, await executedFunction(enhancedRequire));
   }
 
   return { pages, css };