add external link to Vehicles see also

Author: Fernando-A-Rocha

web/src/components/SeeAlsoSection.astro

@@ -21,7 +21,9 @@ const { seeAlsoLinks, currentId } = Astro.props;
               {link.name === currentId ? (
                 <strong>{link.name.replace(/_/g, ' ')}</strong>
               ) : (
-                <a href={link.link}>{link.name.replace(/_/g, ' ')}</a>
+                <a target={link.newTab ? '_blank' : '_self'}
+                   rel={link.newTab ? 'noopener noreferrer' : undefined}
+                 href={link.link}>{link.name.replace(/_/g, ' ')}</a>
               )}
             </li>
           ))}

web/src/pages/reference/ID_Lists/Vehicles.astro

@@ -455,6 +455,8 @@ fourDoorVehicles = { -- boats and bikes not included
 
     <SeeAlsoSection seeAlsoLinks={getSeeAlsoLinksFromList([
         'reference:ID_Lists',
+        'reference:vehicle',
+        'external:Web Vehicle 3D Model Viewer:http://gta.rockstarvision.com/vehicleviewer/#sa'
     ])} currentId='' />
 </StarlightPage>
 

web/src/utils/general.ts

@@ -24,6 +24,7 @@ export function renderInlineMarkdown(markdown: string): string | Promise<string>
 type SeeAlsoLink = {
   name: string;
   link: string;
+  newTab?: boolean;
 };
 
 export type SeeAlsoLinkGroup = {
@@ -108,6 +109,14 @@ export function getSeeAlsoLinksFromList(seeAlsoList: string[]): SeeAlsoLinkGroup
       groupedMap.get(title)!.push({ name: refPage, link: `/reference/${refPage}` });
       continue;
     }
+    if (type === 'external') {
+      const title = rest[0];
+      const httpprefix = rest[1];
+      const url = httpprefix + ':' + rest[2];
+      if (!groupedMap.has('Links')) groupedMap.set('Links', []);
+      groupedMap.get('Links')!.push({ name: title, link: url, newTab: true });
+      continue;
+    }
 
     // Handle function/event style links
     const [subType, category] = rest;
@@ -128,6 +137,7 @@ export function getSeeAlsoLinksFromList(seeAlsoList: string[]): SeeAlsoLinkGroup
       if (!type || rest.length === 0) return null;
       if (type === 'article') return 'Articles';
       if (type === 'reference') return 'Reference';
+      if (type === 'external') return 'Links';
       return makeTitle(rest[0], rest[1], type);
     })
     .filter((title): title is string => title !== null)