refactor: pass whole version object

Author: araujogui

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

@@ -3,13 +3,13 @@ import { lazy, Suspense } from 'preact/compat';
 import AnnouncementBanner from './AnnouncementBanner.jsx';
 import { loadBanners } from './loadBanners.mjs';
 
-import { remoteConfig, versionMajor } from '#theme/config';
+import { remoteConfig, version } from '#theme/config';
 
 // TODO: Revisit SERVER global usage.
 const LazyBanners = SERVER
   ? null
   : lazy(async () => {
-      const active = await loadBanners(remoteConfig, versionMajor);
+      const active = await loadBanners(remoteConfig, version.major);
 
       if (!active.length) {
         return { default: () => null };

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

@@ -58,7 +58,7 @@ export default ({ metadata }) => {
           values={compatibleVersions}
           inline={true}
           className={styles.select}
-          placeholder={version}
+          placeholder={`v${version.version}`}
           onChange={redirect}
         />
       </div>

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

@@ -1,6 +1,7 @@
 import { GlobalConfiguration } from '../../../utils/configuration/types';
 import { MetadataEntry } from '../../metadata/types';
 import { Configuration } from '../types';
+import { SemVer } from 'semver';
 
 declare global {
   const SERVER: boolean;
@@ -23,8 +24,7 @@ declare module '#theme/config' {
   export const useAbsoluteURLs: Configuration['useAbsoluteURLs'];
 
   // From config generation
-  export const version: string;
-  export const versionMajor: number;
+  export const version: SemVer;
   export const versions: Array<{
     url: string;
     label: string;

src/generators/web/utils/config.mjs

@@ -75,8 +75,11 @@ export function buildLanguageDisplayNameMap() {
 export default function createConfigSource(input) {
   const { version: configVersion, ...config } = getConfig('web');
 
-  const version = `v${configVersion.version}`;
-  const editURL = populate(config.editURL, { ...config, version });
+  const versionLabel = `v${configVersion.version}`;
+  const editURL = populate(config.editURL, {
+    ...config,
+    version: versionLabel,
+  });
   const pageURL = populate(config.pageURL, config);
 
   const exports = {
@@ -85,8 +88,7 @@ export default function createConfigSource(input) {
       // These are keys that are large, and not needed by components, so we ignore them
       ['changelog', 'index', 'imports', 'virtualImports']
     ),
-    version,
-    versionMajor: configVersion.major ?? null,
+    version: configVersion,
     versions: buildVersionEntries(config.changelog, pageURL),
     editURL,
     pages: buildPageList(input),