lightnet 3.0.1 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # lightnet
 
+## 3.1.1
+
+### Patch Changes
+
+- [#243](https://github.com/LightNetDev/LightNet/pull/243) [`735e984`](https://github.com/LightNetDev/LightNet/commit/735e984ee00e67bc0d326e4e67efd45cf10b73e0) Thanks [@smn-cds](https://github.com/smn-cds)! - Fix open button label for websites
+
+  Before website links e.g. https://wikipedia.org showed a "Download" button on the details page.
+  With this fix they show a "Open" button.
+
+## 3.1.0
+
+### Minor Changes
+
+- [#238](https://github.com/LightNetDev/LightNet/pull/238) [`3f1cdbc`](https://github.com/LightNetDev/LightNet/commit/3f1cdbcbf83d20bec83a4c6d3bf1b97ec76e72ee) Thanks [@smn-cds](https://github.com/smn-cds)! - Add Audio details page.
+
+### Patch Changes
+
+- [#238](https://github.com/LightNetDev/LightNet/pull/238) [`3f1cdbc`](https://github.com/LightNetDev/LightNet/commit/3f1cdbcbf83d20bec83a4c6d3bf1b97ec76e72ee) Thanks [@smn-cds](https://github.com/smn-cds)! - Update dependencies.
+
 ## 3.0.1
 
 ### Patch Changes

package/README.md

@@ -6,7 +6,7 @@ LightNet is built as an integration for the [Astro](https://astro.build) framewo
 
 ## Documentation
 
-[Read the LightNet docs](https://lightnet-docs.pages.dev) to learn how to use LightNet.
+[Read the LightNet docs](https://docs.lightnet.community) to learn how to use LightNet.
 
 ## Example site
 

package/__e2e__/fixtures/basics/node_modules/.bin/astro

@@ -6,9 +6,9 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.3_@types+node@22.13.10_jiti@2.4.2_lightningcss@1.29.1_rollup@4.36.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.0/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.3_@types+node@22.13.10_jiti@2.4.2_lightningcss@1.29.1_rollup@4.36.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.0/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.6_@types+node@22.13.15_jiti@2.4.2_lightningcss@1.29.1_rollup@4.38.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.1/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.6_@types+node@22.13.15_jiti@2.4.2_lightningcss@1.29.1_rollup@4.38.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.1/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.3_@types+node@22.13.10_jiti@2.4.2_lightningcss@1.29.1_rollup@4.36.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.0/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.3_@types+node@22.13.10_jiti@2.4.2_lightningcss@1.29.1_rollup@4.36.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.0/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.6_@types+node@22.13.15_jiti@2.4.2_lightningcss@1.29.1_rollup@4.38.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.1/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.5.6_@types+node@22.13.15_jiti@2.4.2_lightningcss@1.29.1_rollup@4.38.0_terser@5.39.0_typescript@5.8.2_yaml@2.7.1/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
   exec "$basedir/node"  "$basedir/../astro/astro.js" "$@"

package/__e2e__/fixtures/basics/package.json

@@ -4,13 +4,13 @@
   "version": "0.0.1",
   "private": "true",
   "dependencies": {
-    "@astrojs/react": "^4.2.1",
-    "@astrojs/tailwind": "^6.0.0",
-    "@lightnet/decap-admin": "^3.0.0",
-    "astro": "^5.5.3",
-    "lightnet": "^3.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "@astrojs/react": "^4.2.3",
+    "@astrojs/tailwind": "^6.0.2",
+    "@lightnet/decap-admin": "^3.1.0",
+    "astro": "^5.5.6",
+    "lightnet": "^3.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "sharp": "^0.33.5",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.2"

package/__tests__/pages/details-page/create-content-metadata.spec.ts

@@ -25,6 +25,17 @@ test("Should create complete content metadata", () => {
       type: "link",
     },
   },
+  {
+    url: "https://wikipedia.org",
+    expected: {
+      canBeOpened: true,
+      target: "_blank",
+      label: "wikipedia.org",
+      isExternal: true,
+      extension: "",
+      type: "link",
+    },
+  },
   {
     url: "https://some.host/some.pDf",
     expected: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "lightnet",
   "type": "module",
   "license": "MIT",
-  "version": "3.0.1",
+  "version": "3.1.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",
@@ -50,13 +50,13 @@
     "fuse.js": "^7.1.0",
     "i18next": "^24.2.3",
     "marked": "^15.0.7",
-    "yaml": "^2.7.0",
+    "yaml": "^2.7.1",
     "zod-validation-error": "^3.4.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.51.1",
-    "@types/node": "^22.13.10",
-    "vitest": "^3.0.9"
+    "@types/node": "^22.13.15",
+    "vitest": "^3.1.1"
   },
   "scripts": {
     "test": "vitest",

package/src/content/content-schema.ts

@@ -134,6 +134,7 @@ export const mediaItemSchema = z.object({
          * - links to youtube videos
          * - links to vimeo videos
          * - links to .mp4 video files
+         * - links to .mp3 audio files
          * - links to external websites
          * - links to pdfs (might be hosted inside the public/files/ folder)
          * - links to epubs (might be hosted inside the public/files/ folder)
@@ -223,6 +224,14 @@ export const mediaTypeSchema = z.object({
          */
         layout: z.literal("video"),
       }),
+      z.object({
+        /**
+         * Detail page for audio files.
+         *
+         * This only supports mp3 files.
+         */
+        layout: z.literal("audio"),
+      }),
     ])
     .optional(),
   /**

package/src/pages/details-page/AudioDetailsPage.astro

@@ -0,0 +1,26 @@
+---
+import { getMediaItem } from "../../content/get-media-items"
+import ContentSection from "./components/ContentSection.astro"
+import DescriptionSection from "./components/DescriptionSection.astro"
+import AudioPlayer from "./components/main-details/AudioPlayer.astro"
+import ShareButton from "./components/main-details/ShareButton.astro"
+import MainDetailsSection from "./components/MainDetailsSection.astro"
+import MediaCollectionsSection from "./components/MediaCollectionsSection.astro"
+import MoreDetailsSection from "./components/MoreDetailsSection.astro"
+
+export type Props = {
+  mediaId: string
+}
+
+const { mediaId } = Astro.props
+const audioSrc = (await getMediaItem(mediaId)).data.content[0].url
+---
+
+<MainDetailsSection mediaId={mediaId}>
+  <AudioPlayer src={audioSrc} className="mt-10 w-full" />
+  <ShareButton className="mt-4 min-w-40" />
+</MainDetailsSection>
+<DescriptionSection mediaId={mediaId} />
+<ContentSection mediaId={mediaId} />
+<MediaCollectionsSection mediaId={mediaId} />
+<MoreDetailsSection mediaId={mediaId} />

package/src/pages/details-page/DefaultDetailsPage.astro

@@ -17,8 +17,10 @@ const { mediaId, coverStyle, openActionLabel = "ln.details.open" } = Astro.props
 ---
 
 <MainDetailsSection mediaId={mediaId} coverStyle={coverStyle}>
-  <OpenButton mediaId={mediaId} openActionLabel={openActionLabel} />
-  <ShareButton />
+  <div class="mt-10 flex flex-col justify-center gap-4 sm:justify-start">
+    <OpenButton mediaId={mediaId} openActionLabel={openActionLabel} />
+    <ShareButton />
+  </div>
 </MainDetailsSection>
 <DescriptionSection mediaId={mediaId} />
 <ContentSection mediaId={mediaId} />

package/src/pages/details-page/DetailsPage.astro

@@ -8,6 +8,7 @@ import { getMediaType } from "../../content/get-media-types"
 import { resolveLocales } from "../../i18n/resolve-locales"
 import Page from "../../layouts/Page.astro"
 import { markdownToText } from "../../utils/markdown"
+import AudioDetailsPage from "./AudioDetailsPage.astro"
 import DefaultDetailsPage from "./DefaultDetailsPage.astro"
 import VideoDetailsPage from "./VideoDetailsPage.astro"
 
@@ -56,5 +57,10 @@ if (detailsPage?.layout === "custom") {
       <VideoDetailsPage mediaId={mediaId} {...detailsPage} />
     )
   }
+  {
+    layout === "audio" && (
+      <AudioDetailsPage mediaId={mediaId} {...detailsPage} />
+    )
+  }
   {CustomDetails && <CustomDetails mediaId={mediaId} {...detailsPage} />}
 </Page>

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

@@ -15,12 +15,9 @@ const { mediaId, coverStyle = "default" } = Astro.props
   class="mx-auto mt-10 flex max-w-screen-md flex-col items-center gap-8 px-4 sm:mt-20 sm:flex-row sm:items-start sm:gap-14 md:px-8"
 >
   <Cover mediaId={mediaId} style={coverStyle} />
-  <div class="flex flex-col items-center sm:items-start">
+  <div class="flex w-full grow flex-col items-center sm:items-start">
     <Title className="text-center sm:text-start" mediaId={mediaId} />
     <Authors className="text-center sm:text-start" mediaId={mediaId} />
-
-    <div class="mt-10 flex flex-col justify-center gap-4 sm:justify-start">
-      <slot />
-    </div>
+    <slot />
   </div>
 </div>

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

@@ -0,0 +1,23 @@
+---
+import { AstroError } from "astro/errors"
+
+type Props = {
+  src: string
+  className?: string
+}
+const { src, className } = Astro.props
+if (!src.endsWith(".mp3")) {
+  throw new AstroError(
+    `Unsupported audio file ${src}`,
+    "Mp3 is the only supported format.",
+  )
+}
+---
+
+<audio class="rounded-xl" class:list={[className]} src={src} controls></audio>
+
+<style>
+  audio::-webkit-media-controls-enclosure {
+    border-radius: 0;
+  }
+</style>

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

@@ -49,17 +49,18 @@ export function createContentMetadata({
   url: string
   label?: string
 }) {
-  const lastUrlSegment = url.split("/").slice(-1)[0]
-  const hasExtension = lastUrlSegment.includes(".")
+  const isExternal = isExternalUrl(url)
+  const path = isExternal ? new URL(url).pathname : url
+
+  const lastPathSegment = path.split("/").slice(-1)[0]
+  const hasExtension = lastPathSegment.includes(".")
   const extension = hasExtension
-    ? lastUrlSegment.split(".").slice(-1)[0].toLowerCase()
+    ? lastPathSegment.split(".").slice(-1)[0].toLowerCase()
     : ""
 
-  const isExternal = isExternalUrl(url)
-
-  const linkName = isExternal ? new URL(url).hostname : lastUrlSegment
+  const linkName = isExternal ? new URL(url).hostname : lastPathSegment
   const fileName = hasExtension
-    ? lastUrlSegment.slice(0, -(extension.length + 1))
+    ? lastPathSegment.slice(0, -(extension.length + 1))
     : undefined
   const label = customLabel ?? fileName ?? linkName
   const type = KNOWN_EXTENSIONS[extension]?.type ?? "link"