lightnet 4.4.3 → 4.5.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # lightnet
 
+## 4.5.1
+
+### Patch Changes
+
+- [#421](https://github.com/LightNetDev/LightNet/pull/421) [`9935fa9`](https://github.com/LightNetDev/LightNet/commit/9935fa94b22a4f70d09ac7118ee9abc1c63bfad3) - Update dependencies.
+
+## 4.5.0
+
+### Minor Changes
+
+- [#417](https://github.com/LightNetDev/LightNet/pull/417) [`ce1eaa9`](https://github.com/LightNetDev/LightNet/commit/ce1eaa9acf8dc50b6cd413be3553c53068b4d234) - Add disableOverlay property to Hero Section.
+
+### Patch Changes
+
+- [#417](https://github.com/LightNetDev/LightNet/pull/417) [`ce1eaa9`](https://github.com/LightNetDev/LightNet/commit/ce1eaa9acf8dc50b6cd413be3553c53068b4d234) - Update dependencies
+
 ## 4.4.3
 
 ### Patch 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.4.3",
+  "version": "4.5.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",
@@ -52,26 +52,26 @@
   },
   "dependencies": {
     "@astrojs/react": "^5.0.7",
-    "@iconify-json/lucide": "^1.2.113",
+    "@iconify-json/lucide": "^1.2.115",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/tailwind": "^1.2.0",
     "@tailwindcss/typography": "^0.5.20",
-    "@tanstack/react-virtual": "^3.14.3",
-    "autoprefixer": "^10.5.0",
+    "@tanstack/react-virtual": "^3.14.4",
+    "autoprefixer": "^10.5.2",
     "embla-carousel": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.4.2",
-    "i18next": "^26.3.1",
-    "lucide-react": "^1.18.0",
+    "i18next": "^26.3.3",
+    "lucide-react": "^1.22.0",
     "marked": "^18.0.5",
-    "postcss": "^8.5.15",
+    "postcss": "^8.5.16",
     "postcss-load-config": "^6.0.1",
     "yaml": "^2.9.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.61.0",
+    "@playwright/test": "^1.61.1",
     "@types/react": "^19.2.17",
-    "astro": "^6.4.7",
+    "astro": "^6.4.8",
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
     "@internal/e2e-test-utils": "^0.0.1"

package/src/astro-integration/virtual.d.ts

@@ -17,10 +17,3 @@ declare module "virtual:lightnet/components/CustomFooter" {
   const CustomFooter: ((props: Record<string, any>) => any) | undefined
   export default CustomFooter
 }
-
-declare module "virtual:lightnet/components/media-item-edit-button-controller" {
-  const mediaItemEditButtonController:
-    | { shouldShow: () => boolean; createHref: (mediaId: string) => string }
-    | undefined
-  export default mediaItemEditButtonController
-}

package/src/astro-integration/vite-plugin-lightnet-config.ts

@@ -9,8 +9,6 @@ const CONFIG = "virtual:lightnet/config"
 const LOGO = "virtual:lightnet/logo"
 const CUSTOM_HEAD = "virtual:lightnet/components/CustomHead"
 const CUSTOM_FOOTER = "virtual:lightnet/components/CustomFooter"
-const MEDIA_ITEM_EDIT_BUTTON_CONTROLLER =
-  "virtual:lightnet/components/media-item-edit-button-controller"
 
 const TRANSLATION_RUNTIME_MODULES = [
   fileURLToPath(new URL("../i18n/translations.ts", import.meta.url)),
@@ -18,13 +16,7 @@ const TRANSLATION_RUNTIME_MODULES = [
   fileURLToPath(new URL("../i18n/locals.ts", import.meta.url)),
 ]
 
-const VIRTUAL_MODULES = [
-  CONFIG,
-  LOGO,
-  CUSTOM_HEAD,
-  CUSTOM_FOOTER,
-  MEDIA_ITEM_EDIT_BUTTON_CONTROLLER,
-] as const
+const VIRTUAL_MODULES = [CONFIG, LOGO, CUSTOM_HEAD, CUSTOM_FOOTER] as const
 
 export function vitePluginLightnetConfig(
   config: ExtendedLightnetConfig,
@@ -72,8 +64,6 @@ export function vitePluginLightnetConfig(
           return config.footerComponent
             ? `export { default } from ${resolveFilePath(config.footerComponent)};`
             : "export default undefined;"
-        case MEDIA_ITEM_EDIT_BUTTON_CONTROLLER:
-          return "export default undefined;"
       }
     },
   }

package/src/components/HeroSection.astro

@@ -14,6 +14,7 @@ interface Props {
   subtitleClass?: string
   className?: string
   showSearch?: boolean
+  disableOverlay?: boolean
 }
 const {
   image,
@@ -25,6 +26,7 @@ const {
   subtitleClass,
   className,
   showSearch = false,
+  disableOverlay = false,
 } = Astro.props
 
 const titleSizes = {
@@ -52,8 +54,11 @@ const subtitleSizes = {
       alt=""
     />
     <div
-      class="absolute top-0 flex h-full w-full flex-col items-center justify-center bg-gradient-radial from-black/30 to-black/40 p-4 text-center text-gray-50"
-      class:list={[className]}
+      class="absolute top-0 flex h-full w-full flex-col items-center justify-center p-4 text-center text-gray-50"
+      class:list={[
+        className,
+        !disableOverlay && "bg-gradient-radial from-black/30 to-black/40",
+      ]}
     >
       {
         title && (

package/src/i18n/translate.ts

@@ -8,8 +8,7 @@ import { type LightNetTranslationKey, loadTranslations } from "./translations"
 
 // We add (string & NonNullable<unknown>) to preserve typescript autocompletion for known keys
 export type TranslationKey =
-  | LightNetTranslationKey
-  | (string & NonNullable<unknown>)
+  LightNetTranslationKey | (string & NonNullable<unknown>)
 
 export type TranslateFn = (input: TranslationKey, options?: TOptions) => string
 

package/src/layouts/components/header/PageNavigation.astro

@@ -1,5 +1,10 @@
 ---
-import { ExternalLinkIcon, MenuIcon, SearchIcon } from "lucide-react"
+import {
+  ExternalLinkIcon,
+  MenuIcon,
+  SearchIcon,
+  SquarePenIcon,
+} from "lucide-react"
 import config from "virtual:lightnet/config"
 
 import { isExternalUrl } from "../../../utils/is-external-url"
@@ -27,6 +32,14 @@ const items = (config.mainMenu ?? []).map(({ href, label, requiresLocale }) => {
 ---
 
 <nav class="-me-3 flex items-center">
+  <a
+    class="hidden p-3 text-gray-600 hover:text-primary"
+    aria-label={t("ln.details.edit")}
+    href="#"
+    id="header-admin-btn"
+  >
+    <SquarePenIcon />
+  </a>
   {
     !config.searchPage?.hideHeaderSearchIcon && (
       <a
@@ -61,3 +74,22 @@ const items = (config.mainMenu ?? []).map(({ href, label, requiresLocale }) => {
     )
   }
 </nav>
+<script>
+  const initAdminButton = () => {
+    const adminPath = localStorage.getItem("ln.adminPaths")
+    if (!adminPath) {
+      return
+    }
+    const rootPath = JSON.parse(adminPath).rootPath as string | undefined
+    const btn: HTMLAnchorElement | null =
+      document.querySelector("#header-admin-btn")
+
+    if (!rootPath || !btn) {
+      return
+    }
+    btn.href = rootPath
+    btn.classList.remove("hidden")
+    btn.classList.add("flex")
+  }
+  initAdminButton()
+</script>

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

@@ -1,10 +1,5 @@
 ---
 import { SquarePenIcon } from "lucide-react"
-import mediaItemEditButtonController from "virtual:lightnet/components/media-item-edit-button-controller"
-
-if (!mediaItemEditButtonController) {
-  return
-}
 
 interface Props {
   mediaId: string
@@ -22,19 +17,23 @@ const { mediaId } = Astro.props
   {Astro.locals.i18n.t("ln.details.edit")}</a
 >
 <script>
-  import mediaItemEditButtonController from "virtual:lightnet/components/media-item-edit-button-controller"
+  const initEditButton = () => {
+    const adminPath = localStorage.getItem("ln.adminPaths")
+    if (!adminPath) {
+      return
+    }
+    const mediaItemPath = JSON.parse(adminPath).mediaItemPath as
+      string | undefined
+    const btn: HTMLAnchorElement | null = document.querySelector("#edit-btn")
 
-  const btn: HTMLAnchorElement | null = document.querySelector("#edit-btn")
-  const mediaId = btn?.dataset.mediaId
+    if (!mediaItemPath || !btn) {
+      return
+    }
 
-  if (
-    mediaItemEditButtonController &&
-    btn &&
-    mediaId &&
-    mediaItemEditButtonController.shouldShow()
-  ) {
-    btn.href = mediaItemEditButtonController.createHref(mediaId)
+    const mediaId = btn.dataset.mediaId ?? ""
+    btn.href = mediaItemPath.replace("{{mediaId}}", mediaId)
     btn.classList.remove("hidden")
     btn.classList.add("flex")
   }
+  initEditButton()
 </script>

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

@@ -1,13 +1,7 @@
 import { isExternalUrl } from "../../../utils/is-external-url"
 
 export type UrlType =
-  | "link"
-  | "source"
-  | "image"
-  | "audio"
-  | "video"
-  | "text"
-  | "package"
+  "link" | "source" | "image" | "audio" | "video" | "text" | "package"
 
 const KNOWN_EXTENSIONS: Record<
   string,

package/src/pages/search-page/utils/search-query.ts

@@ -14,10 +14,7 @@ export const CATEGORY = "category"
 export const UPDATE_QUERY_EVENT = "ln:update-search-query"
 
 export type SearchQueryParam =
-  | typeof SEARCH
-  | typeof LANGUAGE
-  | typeof TYPE
-  | typeof CATEGORY
+  typeof SEARCH | typeof LANGUAGE | typeof TYPE | typeof CATEGORY
 
 /**
  * Read the current value of the given search query parameter