lightnet 4.1.0 → 4.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # lightnet
 
+## 4.1.1
+
+### Patch Changes
+
+- [#391](https://github.com/LightNetDev/LightNet/pull/391) [`384e125`](https://github.com/LightNetDev/LightNet/commit/384e1259e3b0d18f7f93e2c83ec2e40952bbe5fd) - Support protocol-less external URLs such as `example.com`
+
+- [#391](https://github.com/LightNetDev/LightNet/pull/391) [`384e125`](https://github.com/LightNetDev/LightNet/commit/384e1259e3b0d18f7f93e2c83ec2e40952bbe5fd) - Flip external link icon and share icon on rtl locales.
+
+- [#391](https://github.com/LightNetDev/LightNet/pull/391) [`384e125`](https://github.com/LightNetDev/LightNet/commit/384e1259e3b0d18f7f93e2c83ec2e40952bbe5fd) - Details page default to "Open" if they do not know a file extension
+
+- [#391](https://github.com/LightNetDev/LightNet/pull/391) [`384e125`](https://github.com/LightNetDev/LightNet/commit/384e1259e3b0d18f7f93e2c83ec2e40952bbe5fd) - Update dependencies
+
 ## 4.1.0
 
 ### Minor Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "LightNet makes it easy to run your own digital media library.",
   "type": "module",
   "license": "MIT",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@astrojs/react": "^5.0.4",
-    "@iconify-json/lucide": "^1.2.105",
+    "@iconify-json/lucide": "^1.2.106",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/tailwind": "^1.2.0",
     "@tailwindcss/typography": "^0.5.19",
@@ -61,7 +61,7 @@
     "embla-carousel": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.3.0",
-    "i18next": "^26.0.8",
+    "i18next": "^26.0.10",
     "lucide-react": "^1.14.0",
     "marked": "^18.0.3",
     "postcss": "^8.5.14",
@@ -71,7 +71,7 @@
   "devDependencies": {
     "@playwright/test": "^1.59.1",
     "@types/react": "^19.2.14",
-    "astro": "^6.2.2",
+    "astro": "^6.3.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.5",
     "@internal/e2e-test-utils": "^0.0.1"

package/src/components/VideoPlayer.astro

@@ -4,6 +4,8 @@ import { getImage } from "astro:assets"
 import { Image } from "astro:assets"
 import { ExternalLinkIcon } from "lucide-react"
 
+import { getLinkAttributes } from "../utils/link-attributes"
+
 interface Props {
   /**
    * Url of the video. This can be YouTube, vimeo, or a mp4 file.
@@ -116,9 +118,7 @@ async function parseUrl(
     ) : (
       <a
         class="group relative flex h-full w-full items-center justify-center focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
-        href={href ?? url}
-        target="_blank"
-        rel="noreferrer noopener"
+        {...getLinkAttributes(href ?? url)}
       >
         {imageMetadata ? (
           <Image
@@ -145,7 +145,7 @@ async function parseUrl(
           </span>
         </div>
         <div class="absolute bottom-0 end-0 start-0 z-20 flex items-center gap-2 rounded bg-black/70 px-4 py-4 text-sm font-medium text-white backdrop-blur md:text-sm">
-          <ExternalLinkIcon className="shrink-0" />
+          <ExternalLinkIcon className="shrink-0 rtl:scale-x-[-1]" />
           {t("ln.external-link")}
         </div>
       </a>

package/src/i18n/translations/en.yml

@@ -2,104 +2,106 @@
 # This is only "visible" to a screen-reader.
 #
 # English: Open main menu
-# Used on: https://sk8-ministries.pages.dev/en (not visible)
+# Used on: https://kuuluu.org/en (not visible)
 ln.header.open-main-menu: Open main menu
 
 # Accessibility label for the language menu.
 # This is only "visible" to a screen-reader.
 #
 # English: Select language
-# Used on: https://sk8-ministries.pages.dev/en (not visible)
+# Used on: https://kuuluu.org/en (not visible)
 ln.header.select-language: Select language
 
 # Display name for the home page.
 #
 # English: Home
-# Used on: https://sk8-ministries.pages.dev/en (first item in the main menu)
+# Used on: https://kuuluu.org/en (first item in the main menu)
 ln.home.title: Home
 
 # Label for a single media item category.
 #
 # English: Category
-# Used on: https://sk8-ministries.pages.dev/en/media
+# Used on: https://kuuluu.org/en/media
 ln.category: Category
 
 # Label for multiple media item categories.
 #
 # English: Categories
-# Used on: https://sk8-ministries.pages.dev/en/media/how-to-360-flip--en/
+# Used on: https://kuuluu.org/en/media/how-to-360-flip--en/
 ln.categories: Categories
 
 # Label for a single language.
 #
 # English: Language
-# Used on: https://sk8-ministries.pages.dev/en/media
+# Used on: https://kuuluu.org/en/media
 ln.language: Language
 
 # Label for multiple languages.
 #
 # English: Languages
-# Used on: https://sk8-ministries.pages.dev/en/media/how-to-kickflip--en/
+# Used on: https://kuuluu.org/en/media/how-to-kickflip--en/
 ln.languages: Languages
 
 # Label for a single media type.
 #
 # English: Type
-# Used on: https://sk8-ministries.pages.dev/en/media
+# Used on: https://kuuluu.org/en/media
 ln.type: Type
 
 # Accessibility label for buttons to show the previous items.
 # This is used on the carousel arrow button.
 #
 # English: Previous
+# Used on: https://kuuluu.org/en (not visible)
 ln.previous: Previous
 
 # Accessibility label for buttons to show the next items.
 # This is used on the carousel arrow button.
 #
 # English: Next
+# Used on: https://kuuluu.org/en (not visible)
 ln.next: Next
 
 # Hint for an external link.
 #
 # English: External link - opens in a new tab
-# Used on: https://sk8-ministries.pages.dev/en/media/ollie-with-integrity--en/
+# Used on: https://kuuluu.org/en/media/ollie-with-integrity--en/
 ln.external-link: External link - opens in a new tab
 
 # Title for the search page.
 #
 # English: Search
-# Used on: https://sk8-ministries.pages.dev/en/media/ (not visible)
+# Used on: https://kuuluu.org/en/media/ (not visible)
 ln.search.title: Search
 
 # Placeholder text for the search input to search for media items.
 # English: Search media
 #
-# Used on: https://sk8-ministries.pages.dev/en/media/
+# Used on: https://kuuluu.org/en/media/
 ln.search.placeholder: Search media
 
 # Filter option to display content in all languages.
 #
 # English: All languages
-# Used on: https://sk8-ministries.pages.dev/en/media/
+# Used on: https://kuuluu.org/en/media/
 ln.search.all-languages: All languages
 
 # Filter option to display all media types.
 #
 # English: All types
-# Used on: https://sk8-ministries.pages.dev/en/media/
+# Used on: https://kuuluu.org/en/media/
 ln.search.all-types: All types
 
 # Filter option to display all media item categories.
 #
 # English: All categories
-# Used on: https://sk8-ministries.pages.dev/en/media/
+# Used on: https://kuuluu.org/en/media/
 ln.search.all-categories: All categories
 
 # Message displayed when no search results are found.
 #
 # English: No results
-# Used on: https://sk8-ministries.pages.dev/en/media/?language=de&type=book
+# Used on: https://kuuluu.org/en/media/?language=de&type=book
 ln.search.no-results: No results
 
 # Button label to open a media item's main content.
@@ -110,7 +112,7 @@ ln.details.open: Open
 # Button label to share a media item.
 #
 # English: Share
-# Used on: https://sk8-ministries.pages.dev/en/media/ollie-with-integrity--en/
+# Used on: https://kuuluu.org/en/media/ollie-with-integrity--en/
 ln.details.share: Share
 
 # Button label to start editing an item
@@ -121,32 +123,33 @@ ln.details.edit: Edit
 # Label for indicating that the media item belongs to a collection.
 #
 # English: Part of collection
-# Used on: https://sk8-ministries.pages.dev/en/media/ollie-with-integrity--en/
+# Used on: https://kuuluu.org/en/media/ollie-with-integrity--en/
 ln.details.part-of-collection: Part of collection
 
 # Button label for downloading a media item.
 #
 # English: Download
-# Used on: https://sk8-ministries.pages.dev/en/media/ride-the-ramp-of-faith--en/
+# Used on: https://kuuluu.org/en/media/ride-the-ramp-of-faith--en/
 ln.details.download: Download
 
 # Notification message indicating that the link has been copied to the clipboard.
 #
 # English: Link copied to clipboard
-# Used on: https://sk8-ministries.pages.dev/en/media/ride-the-ramp-of-faith--en/ (Firefox)
+# Used on: https://kuuluu.org/en/media/ride-the-ramp-of-faith--en/ (Firefox)
 ln.share.url-copied-to-clipboard: Link copied to clipboard
 
 # Title for the 404-error page. This page is displayed when a path does not exist.
 #
 # English: Page not found
-# Used on: https://sk8-ministries.pages.dev/unexisting-path
+# Used on: https://kuuluu.org/unexisting-path
 ln.404.page-not-found: Page not found
 
 # Button label on the 404-error page for returning to the home page.
 #
 # English: Go to Home page
-# Used on: https://sk8-ministries.pages.dev/unexisting-path
+# Used on: https://kuuluu.org/unexisting-path
 ln.404.go-to-the-home-page: Go to Home page
 
 # Footer text to give credits to LightNet
+# Used on: https://kuuluu.org/en
 ln.footer.powered-by-lightnet: Powered by LightNet

package/src/layouts/components/Footer.astro

@@ -1,8 +1,8 @@
 ---
 import config from "virtual:lightnet/config"
 
+import { getLinkAttributes } from "../../utils/link-attributes"
 import { localizePath } from "../../utils/paths"
-import { isExternalUrl } from "../../utils/urls"
 import LightNetLogo from "./LightNetLogo.svg"
 
 const { t, tConfigField, currentLocale } = Astro.locals.i18n
@@ -15,22 +15,16 @@ const footerText = config.footerText
 // Prepare footer links using the same locale rules as the main menu.
 const footerLinks = (config.footerLinks ?? []).map(
   ({ href, label, requiresLocale }) => {
-    const isExternal = isExternalUrl(href)
-
     return {
-      href:
-        isExternal || !requiresLocale
-          ? href
-          : localizePath(currentLocale, href),
+      href: requiresLocale ? localizePath(currentLocale, href) : href,
       label: tConfigField(label, config),
-      isExternal,
     }
   },
 )
 
 // Hide the footer entirely when there is nothing to show.
 const shouldRenderFooter =
-  config.credits || Boolean(footerText) || footerLinks.length > 0
+  config.credits || !!footerText || footerLinks.length > 0
 
 if (!shouldRenderFooter) {
   return
@@ -51,9 +45,7 @@ if (!shouldRenderFooter) {
           <Fragment>
             {(footerText || index > 0) && <span class="text-gray-400">·</span>}
             <a
-              href={link.href}
-              target={link.isExternal ? "_blank" : undefined}
-              rel={link.isExternal ? "noopener noreferrer" : undefined}
+              {...getLinkAttributes(link.href)}
               class="underline-offset-4 hover:underline"
             >
               {link.label}
@@ -68,8 +60,7 @@ if (!shouldRenderFooter) {
         <div class="flex items-center text-sm">
           <a
             class="flex items-center gap-2 text-gray-800 underline-offset-4 hover:underline"
-            href="https://lightnet.community"
-            target="_blank"
+            {...getLinkAttributes("https://lightnet.community")}
           >
             <img
               src={LightNetLogo.src}

package/src/layouts/components/MenuItem.astro

@@ -1,18 +1,18 @@
 ---
+import { getLinkAttributes } from "../../utils/link-attributes"
+
 interface Props {
   href: string
   active: boolean
   hreflang?: string
-  target?: "_blank" | "_self"
 }
-const { href, hreflang, active, target } = Astro.props
+const { href, hreflang, active } = Astro.props
 ---
 
 <li>
   <a
-    href={href}
+    {...getLinkAttributes(href)}
     hreflang={hreflang}
-    target={target}
     class="flex items-center gap-2 px-6 py-3 decoration-gray-800"
     class:list={[active ? "font-bold" : "hover:underline"]}
   >

package/src/layouts/components/PageNavigation.astro

@@ -2,8 +2,8 @@
 import { ExternalLinkIcon, MenuIcon, SearchIcon } from "lucide-react"
 import config from "virtual:lightnet/config"
 
+import { isExternalUrl } from "../../utils/is-external-url"
 import { localizePath, searchPagePath } from "../../utils/paths"
-import { isExternalUrl } from "../../utils/urls"
 import LanguagePicker from "./LanguagePicker.astro"
 import Menu from "./Menu.astro"
 import MenuItem from "./MenuItem.astro"
@@ -13,18 +13,15 @@ const { t, tConfigField, currentLocale } = Astro.locals.i18n
 
 const items = (config.mainMenu ?? []).map(({ href, label, requiresLocale }) => {
   const isExternal = isExternalUrl(href)
-  const path =
-    isExternal || !requiresLocale ? href : localizePath(currentLocale, href)
   const isActive =
-    !isExternal &&
-    (currentPath === localizePath(currentLocale, href) ||
-      currentPath === localizePath(currentLocale, `${href}/`) ||
-      currentPath === href)
+    currentPath === localizePath(currentLocale, href) ||
+    currentPath === localizePath(currentLocale, `${href}/`) ||
+    currentPath === href
   return {
-    path,
-    isExternal,
+    href: requiresLocale ? localizePath(currentLocale, href) : href,
     labelText: tConfigField(label, config),
     isActive,
+    isExternal,
   }
 })
 ---
@@ -49,15 +46,14 @@ const items = (config.mainMenu ?? []).map(({ href, label, requiresLocale }) => {
     !!items.length && (
       <Menu label="ln.header.open-main-menu">
         <MenuIcon slot="icon" />
-        {items.map(({ labelText, path, isActive, isExternal }) => (
-          <MenuItem
-            href={path}
-            active={isActive}
-            target={isExternal ? "_blank" : "_self"}
-          >
+        {items.map(({ labelText, href, isActive, isExternal }) => (
+          <MenuItem href={href} active={isActive}>
             {labelText}
             {isExternal && (
-              <ExternalLinkIcon size="1.2rem" className="shrink-0" />
+              <ExternalLinkIcon
+                size="1.2rem"
+                className="shrink-0 rtl:scale-x-[-1]"
+              />
             )}
           </MenuItem>
         ))}

package/src/pages/details-page/components/AudioPlayer.astro

@@ -1,6 +1,8 @@
 ---
 import { ExternalLinkIcon } from "lucide-react"
 
+import { getLinkAttributes } from "../../../utils/link-attributes"
+
 type Props = {
   src: string
   className?: string
@@ -20,9 +22,7 @@ const isMp3 = audioExtension.endsWith(".mp3")
     <a
       class="group flex w-full items-center gap-4 rounded-2xl border border-gray-200 bg-white px-4 py-4 shadow-sm transition hover:border-gray-300 hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-900/70"
       class:list={[className]}
-      href={src}
-      target="_blank"
-      rel="noreferrer noopener"
+      {...getLinkAttributes(src)}
       aria-label={t("ln.external-link")}
     >
       <span class="flex h-12 w-12 items-center justify-center rounded-full border border-gray-700 text-gray-700 shadow-sm transition group-hover:scale-105">
@@ -37,7 +37,7 @@ const isMp3 = audioExtension.endsWith(".mp3")
       </span>
       <div class="flex h-full grow flex-col gap-3">
         <span class="flex items-center gap-2 font-semibold text-gray-900">
-          <ExternalLinkIcon className="shrink-0" />
+          <ExternalLinkIcon className="shrink-0 rtl:scale-x-[-1]" />
           {t("ln.external-link")}
         </span>
         <div class="h-2 w-full rounded-full bg-gray-200">

package/src/pages/details-page/components/ContentSection.astro

@@ -13,6 +13,7 @@ import {
 } from "lucide-react"
 
 import { getMediaItem } from "../../../content/get-media-items"
+import { getLinkAttributes } from "../../../utils/link-attributes"
 import {
   createContentMetadata,
   type UrlType,
@@ -54,47 +55,44 @@ const iconDirectionClass = direction === "rtl" ? "scale-x-[-1]" : ""
   class="mx-auto mt-16 max-w-screen-md overflow-hidden bg-gray-200 md:mt-20 md:rounded-xl"
 >
   {
-    content.map(
-      ({ extension, labelText, type, canBeOpened, url, target }, index) => {
-        const TypeIcon = typeIcons[type]
+    content.map(({ extension, labelText, type, isDownload, url }, index) => {
+      const TypeIcon = typeIcons[type]
 
-        return (
-          <li class="group -mt-px px-4 transition-colors ease-in-out hover:bg-gray-300 md:px-8">
-            <a
-              href={url}
-              target={target}
-              class="flex items-center justify-between py-8"
-            >
-              <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-800 text-gray-200">
-                <TypeIcon size="1.2rem" />
-              </span>
+      return (
+        <li class="group -mt-px px-4 transition-colors ease-in-out hover:bg-gray-300 md:px-8">
+          <a
+            {...getLinkAttributes(url)}
+            class="flex items-center justify-between py-8"
+          >
+            <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-800 text-gray-200">
+              <TypeIcon size="1.2rem" />
+            </span>
 
-              <div class="ms-4 line-clamp-1 shrink grow overflow-hidden sm:ms-8">
-                {labelText}
-              </div>
-              <div class="me-4 ms-2 shrink-0 font-bold uppercase text-gray-600 sm:me-8">
-                {extension}
-              </div>
-              {canBeOpened ? (
-                <>
-                  <ChevronRightIcon
-                    className={`shrink-0 text-gray-600 group-hover:text-gray-800 ${iconDirectionClass}`}
-                  />
-                  <span class="sr-only">{t("ln.details.open")}</span>
-                </>
-              ) : (
-                <>
-                  <DownloadIcon className="shrink-0 text-gray-600 group-hover:text-gray-800" />
-                  <span class="sr-only">{t("ln.details.download")}</span>
-                </>
-              )}
-            </a>
-            {index !== content.length - 1 && (
-              <div class="h-px w-full bg-gray-300" />
+            <div class="ms-4 line-clamp-1 shrink grow overflow-hidden sm:ms-8">
+              {labelText}
+            </div>
+            <div class="me-4 ms-2 shrink-0 font-bold uppercase text-gray-600 sm:me-8">
+              {extension}
+            </div>
+            {isDownload ? (
+              <>
+                <DownloadIcon className="shrink-0 text-gray-600 group-hover:text-gray-800" />
+                <span class="sr-only">{t("ln.details.download")}</span>
+              </>
+            ) : (
+              <>
+                <ChevronRightIcon
+                  className={`shrink-0 text-gray-600 group-hover:text-gray-800 ${iconDirectionClass}`}
+                />
+                <span class="sr-only">{t("ln.details.open")}</span>
+              </>
             )}
-          </li>
-        )
-      },
-    )
+          </a>
+          {index !== content.length - 1 && (
+            <div class="h-px w-full bg-gray-300" />
+          )}
+        </li>
+      )
+    })
   }
 </ol>

package/src/pages/details-page/components/main-details/OpenButton.astro

@@ -3,6 +3,7 @@ import { ExternalLinkIcon } from "lucide-react"
 
 import { getMediaItem } from "../../../../content/get-media-items"
 import { getMediaType } from "../../../../content/get-media-types"
+import { getLinkAttributes } from "../../../../utils/link-attributes"
 import { createContentMetadata } from "../../utils/create-content-metadata"
 
 interface Props {
@@ -33,11 +34,14 @@ const getOpenActionLabel = () => {
 
 <a
   class="flex min-w-52 items-center justify-center gap-2 rounded-2xl bg-gray-800 px-6 py-3 font-bold text-gray-100 shadow-sm hover:bg-gray-950 hover:text-gray-300"
-  href={content.url}
-  target={content.target}
+  {...getLinkAttributes(content.url)}
   hreflang={item.data.language}
   class:list={[className]}
 >
-  {content.isExternal && <ExternalLinkIcon className="shrink-0" />}
-  {content.canBeOpened ? getOpenActionLabel() : t("ln.details.download")}
+  {
+    content.isExternal && (
+      <ExternalLinkIcon className="shrink-0 rtl:scale-x-[-1]" />
+    )
+  }
+  {content.isDownload ? t("ln.details.download") : getOpenActionLabel()}
 </a>

package/src/pages/details-page/components/main-details/ShareButton.astro

@@ -14,7 +14,7 @@ const { t } = Astro.locals.i18n
   class="flex cursor-pointer items-center gap-2 font-bold text-gray-700 underline"
   class:list={[Astro.props.className]}
   id="share-btn"
-  ><ForwardIcon />
+  ><ForwardIcon className="rtl:scale-x-[-1]" />
   {t("ln.details.share")}</button
 >
 <Toast id="share-success" variant="success">

package/src/pages/details-page/utils/create-content-metadata.ts

@@ -1,4 +1,4 @@
-import { isExternalUrl } from "../../../utils/urls"
+import { isExternalUrl } from "../../../utils/is-external-url"
 
 export type UrlType =
   | "link"
@@ -11,36 +11,36 @@ export type UrlType =
 
 const KNOWN_EXTENSIONS: Record<
   string,
-  { type: UrlType; canBeOpened?: boolean } | undefined
+  { type: UrlType; isDownload?: boolean } | undefined
 > = {
-  htm: { type: "link", canBeOpened: true },
-  html: { type: "link", canBeOpened: true },
-  php: { type: "link", canBeOpened: true },
-  json: { type: "source", canBeOpened: true },
-  xml: { type: "source", canBeOpened: true },
-  md: { type: "source", canBeOpened: true },
-  svg: { type: "image", canBeOpened: true },
-  jpg: { type: "image", canBeOpened: true },
-  jpeg: { type: "image", canBeOpened: true },
-  png: { type: "image", canBeOpened: true },
-  gif: { type: "image", canBeOpened: true },
-  ico: { type: "image", canBeOpened: true },
-  webp: { type: "image", canBeOpened: true },
-  mp3: { type: "audio", canBeOpened: true },
-  wav: { type: "audio", canBeOpened: true },
-  aac: { type: "audio", canBeOpened: true },
-  ogg: { type: "audio", canBeOpened: true },
-  mp4: { type: "video", canBeOpened: true },
-  webm: { type: "video", canBeOpened: true },
-  ogv: { type: "video", canBeOpened: true },
-  pdf: { type: "text", canBeOpened: true },
-  txt: { type: "text", canBeOpened: true },
-  epub: { type: "text" },
-  zip: { type: "package" },
-  ppt: { type: "text" },
-  pptx: { type: "text" },
-  doc: { type: "text" },
-  docx: { type: "text" },
+  htm: { type: "link" },
+  html: { type: "link" },
+  php: { type: "link" },
+  json: { type: "source" },
+  xml: { type: "source" },
+  md: { type: "source" },
+  svg: { type: "image" },
+  jpg: { type: "image" },
+  jpeg: { type: "image" },
+  png: { type: "image" },
+  gif: { type: "image" },
+  ico: { type: "image" },
+  webp: { type: "image" },
+  mp3: { type: "audio" },
+  wav: { type: "audio" },
+  aac: { type: "audio" },
+  ogg: { type: "audio" },
+  mp4: { type: "video" },
+  webm: { type: "video" },
+  ogv: { type: "video" },
+  pdf: { type: "text" },
+  txt: { type: "text" },
+  epub: { type: "text", isDownload: true },
+  zip: { type: "package", isDownload: true },
+  ppt: { type: "text", isDownload: true },
+  pptx: { type: "text", isDownload: true },
+  doc: { type: "text", isDownload: true },
+  docx: { type: "text", isDownload: true },
 } as const
 
 export function createContentMetadata({
@@ -66,16 +66,14 @@ export function createContentMetadata({
 
   const labelText = customLabel ?? fileName ?? linkName
   const type = KNOWN_EXTENSIONS[extension]?.type ?? "link"
-  const canBeOpened =
-    !hasExtension || !!KNOWN_EXTENSIONS[extension]?.canBeOpened
+  const isDownload = KNOWN_EXTENSIONS[extension]?.isDownload
 
   return {
     url,
     extension,
     isExternal,
     labelText,
-    canBeOpened,
+    isDownload,
     type,
-    target: isExternal ? "_blank" : "_self",
   } as const
 }

package/src/utils/is-external-url.ts

@@ -0,0 +1,34 @@
+import config from "virtual:lightnet/config"
+
+import { parseUrl } from "./urls"
+
+/**
+ * Test if a given url is outside this site.
+ * Will return false if the url is relative or if it
+ * starts with the site config from astro config.
+ *
+ * @param url to test
+ * @returns is the url external?
+ */
+export function isExternalUrl(url: string) {
+  const parsedUrl = parseUrl(url)
+  if (!parsedUrl) {
+    return false
+  }
+
+  if (config.internalDomains.includes(parsedUrl.hostname)) {
+    return false
+  }
+
+  const { SITE: site } = import.meta.env
+  if (!site) {
+    return true
+  }
+
+  const parsedSiteUrl = parseUrl(site)
+  if (!parsedSiteUrl) {
+    return true
+  }
+
+  return !parsedUrl.href.startsWith(parsedSiteUrl.href)
+}

package/src/utils/link-attributes.ts

@@ -0,0 +1,10 @@
+import { isExternalUrl } from "./is-external-url"
+
+export function getLinkAttributes(href: string) {
+  const isExternal = isExternalUrl(href)
+  return {
+    href,
+    target: isExternal ? "_blank" : "_self",
+    rel: isExternal ? "noopener noreferrer" : undefined,
+  }
+}

package/src/utils/paths.ts

@@ -1,3 +1,5 @@
+import { isAbsoluteUrl } from "./urls"
+
 /**
  * Prefix a site-internal path with Astro's configured base path.
  *
@@ -91,6 +93,10 @@ export function searchPagePath(
  * @returns resolved path. Eg. '/en/about' for input "en" and "/about"
  */
 export function localizePath(locale: string | undefined, path: string) {
+  if (isAbsoluteUrl(path)) {
+    return path
+  }
+
   return pathWithBase(
     `${locale ? `/${locale}` : ""}/${path.replace(/^\//, "")}`,
   )

package/src/utils/urls.ts

@@ -1,28 +1,16 @@
-import config from "virtual:lightnet/config"
-
-/**
- * Test if a given url is outside this site.
- * Will return false if the url is relative or if it
- * starts with the site config from astro config.
- *
- * @param url to test
- * @returns is the url external?
- */
-export function isExternalUrl(url: string) {
-  let parsedUrl
+export function parseUrl(url: string) {
   try {
-    // test if url is absolute
-    parsedUrl = new URL(url)
+    return new URL(url)
   } catch {
-    // url is relative
-    return false
-  }
-  if (config.internalDomains.includes(parsedUrl.hostname)) {
-    return false
-  }
-  const { SITE: site } = import.meta.env
-  if (!site) {
-    return true
+    // Support host-like values such as `example.com` without treating plain paths as external.
+    if (/^(localhost(?::\d+)?|[^/\s]+\.[^/\s]+)(?:[/?#]|$)/.test(url)) {
+      return new URL(`https://${url}`)
+    }
+
+    return null
   }
-  return !url.startsWith(site)
+}
+
+export function isAbsoluteUrl(url: string) {
+  return !!parseUrl(url)
 }