fix: standardize image paths and refine type declarations

- Updated image paths from `/img` to `img` for consistency across config and docs files.
- Refined `position` property in navigation items with `as const` to ensure strict type safety.
- Adjusted standards list URLs to be computed at render time using updated environment logic.

Author: jonphipps

portal/docusaurus.config.ts

@@ -100,18 +100,18 @@ const config: Config = {
       items: [
         ...navbarItems,
         standardsDropdown(currentEnv),
-        { to: '/blog', label: 'Blog', position: 'right' },
+        { to: '/blog', label: 'Blog', position: 'right' as const },
         {
           type: 'docsVersionDropdown',
-          position: 'right',
+          position: 'right' as const,
         },
         {
           type: 'localeDropdown',
-          position: 'right',
+          position: 'right' as const,
         },
         {
           type: 'search',
-          position: 'right',
+          position: 'right' as const,
         },
       ],
     },
@@ -150,7 +150,7 @@ const config: Config = {
       copyright: `
         Copyright © ${new Date().getFullYear()} International Federation of Library Associations and Institutions (IFLA)<br />
         <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">
-          <img src="/img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
+          <img src="img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
         </a>
         Gordon Dunsire and Mirna Willer (Main design and content editors).
       `,

portal/navbar.ts

@@ -3,18 +3,18 @@ export default [
   {
     type: 'docSidebar',
     sidebarId: 'tutorialSidebar',
-    position: 'left',
+    position: 'left' as const,
     label: 'Documentation',
   },
   {
     to: '/blog', 
     label: 'Blog', 
-    position: 'left'
+    position: 'left' as const,
   },
   {
     to: '/manage',
     label: 'Management',
-    position: 'left',
+    position: 'left' as const,
     className: 'navbar__item--management',
   },
 ];

portal/src/components/HomepageFeatures/index.tsx

@@ -2,9 +2,10 @@ import {JSX, ReactNode} from 'react';
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import styles from './styles.module.css';
 import { getSiteUrl, type SiteKey } from '@ifla/theme/config/siteConfig';
-import { getCurrentEnv } from '@ifla/theme/config/siteConfig.server';
+import { DocsEnv } from '@ifla/theme/config/siteConfigCore';
 
 type StandardItem = {
   title: string;
@@ -15,10 +16,8 @@ type StandardItem = {
   href: string; // Pre-computed URL
 };
 
-// Get current environment at build time
-const currentEnv = getCurrentEnv();
-
-const StandardsList: StandardItem[] = [
+// Define the standards list data without hrefs (to be computed at render time)
+const StandardsListData = [
   {
     title: 'ISBD for Manifestation (ISBDM)',
     code: 'ISBDM',
@@ -29,8 +28,7 @@ const StandardsList: StandardItem[] = [
       </>
     ),
     siteKey: 'ISBDM' as SiteKey,
-    status: 'published',
-    href: getSiteUrl('ISBDM' as SiteKey, '', currentEnv),
+    status: 'published' as const,
   },
   {
     title: 'Library Reference Model (LRM)',
@@ -42,8 +40,7 @@ const StandardsList: StandardItem[] = [
       </>
     ),
     siteKey: 'LRM' as SiteKey,
-    status: 'published',
-    href: getSiteUrl('LRM' as SiteKey, '', currentEnv),
+    status: 'published' as const,
   },
   {
     title: 'International Standard Bibliographic Description (ISBD)',
@@ -55,8 +52,7 @@ const StandardsList: StandardItem[] = [
       </>
     ),
     siteKey: 'isbd' as SiteKey,
-    status: 'development',
-    href: getSiteUrl('isbd' as SiteKey, '', currentEnv),
+    status: 'development' as const,
   },
   {
     title: 'Functional Requirements (FR)',
@@ -68,8 +64,7 @@ const StandardsList: StandardItem[] = [
       </>
     ),
     siteKey: 'FRBR' as SiteKey,
-    status: 'development',
-    href: getSiteUrl('FRBR' as SiteKey, '', currentEnv),
+    status: 'development' as const,
   },
   {
     title: 'Multilingual Dictionary of Cataloguing Terms (MulDiCat)',
@@ -81,8 +76,7 @@ const StandardsList: StandardItem[] = [
       </>
     ),
     siteKey: 'muldicat' as SiteKey,
-    status: 'development',
-    href: getSiteUrl('muldicat' as SiteKey, '', currentEnv),
+    status: 'development' as const,
   },
   {
     title: 'UNIMARC',
@@ -94,8 +88,7 @@ const StandardsList: StandardItem[] = [
       </>
     ),
     siteKey: 'unimarc' as SiteKey,
-    status: 'development',
-    href: getSiteUrl('unimarc' as SiteKey, '', currentEnv),
+    status: 'development' as const,
   },
 ];
 
@@ -130,6 +123,17 @@ function StandardCard({title, code, description, href, status}: StandardItem) {
 }
 
 export default function HomepageFeatures(): JSX.Element {
+  const { siteConfig: { customFields } } = useDocusaurusContext();
+  
+  // Get current environment from Docusaurus customFields
+  const currentEnv = (customFields?.docsEnv as DocsEnv) || DocsEnv.Production;
+  
+  // Generate standards list with URLs computed at render time
+  const StandardsList: StandardItem[] = StandardsListData.map(item => ({
+    ...item,
+    href: getSiteUrl(item.siteKey, '', currentEnv),
+  }));
+
   return (
     <section className={styles.features} id="standards">
       <div className="container">

standards/FRBR/docs/index.mdx

@@ -94,11 +94,11 @@ This page introduces the FRBR Element Sets and Value Vocabularies.
   <div className="m-1 p-0">
     <OutLink to="https://creativecommons.org/licenses/by/4.0/" className="me-1">
       <Figure
-        src="/img/cc0_by.png"
+        src="img/cc0_by.png"
         alt="Badge for Creative Commons Attribution 4.0 International license"
         caption=""
       />
     </OutLink>
     <p className="m-0">IFLA Working Groups (Main design and content editors).</p>
   </div>
-</div>
+</div>

standards/FRBR/docusaurus.config.ts

@@ -169,7 +169,7 @@ const config: Config = {
       copyright: `
         Copyright © ${new Date().getFullYear()} International Federation of Library Associations and Institutions (IFLA)<br />
         <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">
-          <img src="/img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
+          <img src="img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
         </a>
         Gordon Dunsire and Mirna Willer (Main design and content editors).
       `,

standards/ISBDM/docs/index.mdx

@@ -101,7 +101,7 @@ import { QuickStart, DownloadPanel } from '@ifla/theme';
   <div className="m-1 p-0">
     <OutLink to="https://creativecommons.org/licenses/by/4.0/" className="me-1">
       <Figure 
-        src="/img/cc0_by.png" 
+        src="img/cc0_by.png"
         alt="Badge for Creative Commons Attribution 4.0 International license" 
         caption=""
       />

standards/ISBDM/docusaurus.config.ts

@@ -222,7 +222,7 @@ const config: Config = {
       copyright: `
         Copyright © ${new Date().getFullYear()} International Federation of Library Associations and Institutions (IFLA)<br />
         <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">
-          <img src="/img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
+          <img src="img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
         </a>
         Gordon Dunsire and Mirna Willer (Main design and content editors).
       `,

standards/LRM/docusaurus.config.ts

@@ -165,7 +165,7 @@ const config: Config = {
       copyright: `
         Copyright © ${new Date().getFullYear()} International Federation of Library Associations and Institutions (IFLA)<br />
         <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">
-          <img src="/img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
+          <img src="img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
         </a>
         Gordon Dunsire and Mirna Willer (Main design and content editors).
       `,

standards/isbd/docs/index.mdx

@@ -102,11 +102,11 @@ The ISBD element set vocabulary includes RDF classes and properties correspondin
   <div className="m-1 p-0">
     <OutLink to="https://creativecommons.org/licenses/by/4.0/" className="me-1">
       <Figure
-        src="/img/cc0_by.png"
+        src="img/cc0_by.png"
         alt="Badge for Creative Commons Attribution 4.0 International license"
         caption=""
       />
     </OutLink>
     <p className="m-0">ISBD Review Group (Main design and content editors).</p>
   </div>
-</div>
+</div>

standards/isbd/docusaurus.config.ts

@@ -169,7 +169,7 @@ const config: Config = {
       copyright: `
         Copyright © ${new Date().getFullYear()} International Federation of Library Associations and Institutions (IFLA)<br />
         <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">
-          <img src="/img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
+          <img src="img/cc0_by.png" alt="CC BY 4.0" style="vertical-align:middle; height:24px;" />
         </a>
         Gordon Dunsire and Mirna Willer (Main design and content editors).
       `,