lightnet 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # lightnet
 
+## 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
+
+- [#236](https://github.com/LightNetDev/LightNet/pull/236) [`91776f2`](https://github.com/LightNetDev/LightNet/commit/91776f2998a5a98568b6d96815eeed44c03e0df5) Thanks [@smn-cds](https://github.com/smn-cds)! - Fix details components export.
+
 ## 3.0.0
 
 ### Major Changes

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/package.json

@@ -2,7 +2,7 @@
   "name": "lightnet",
   "type": "module",
   "license": "MIT",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",
@@ -20,7 +20,7 @@
     "./content": "./exports/content.ts",
     "./utils": "./exports/utils.ts",
     "./components": "./exports/components.ts",
-    "./details-page": "./exports/details-page.ts",
+    "./experimental-details-page": "./exports/details-page.ts",
     "./i18n": "./exports/i18n.ts",
     "./locals": "./src/i18n/locals.ts",
     "./tailwind.config.ts": "./tailwind.config.ts",
@@ -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>