lightnet 4.11.0 → 4.11.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # lightnet
 
+## 4.11.1
+
+### Patch Changes
+
+- [#481](https://github.com/LightNetDev/LightNet/pull/481) [`c8bd2a3`](https://github.com/LightNetDev/LightNet/commit/c8bd2a33c345bff6b3bded43115ed90cc8dde573) - Use direct Lucide icon imports instead of importing from the package barrel.
+
+- [#481](https://github.com/LightNetDev/LightNet/pull/481) [`c8bd2a3`](https://github.com/LightNetDev/LightNet/commit/c8bd2a33c345bff6b3bded43115ed90cc8dde573) - Give the hero search bar a translucent glass background with backdrop blur.
+
+- [#481](https://github.com/LightNetDev/LightNet/pull/481) [`c8bd2a3`](https://github.com/LightNetDev/LightNet/commit/c8bd2a33c345bff6b3bded43115ed90cc8dde573) - Add a subtle gradient at the bottom of the main section to blend into the footer.
+
 ## 4.11.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.11.0",
+  "version": "4.11.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",

package/src/components/CarouselSection.astro

@@ -1,5 +1,6 @@
 ---
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
+import ChevronLeftIcon from "lucide-react/icons/chevron-left"
+import ChevronRightIcon from "lucide-react/icons/chevron-right"
 
 import Section, { type Props as SectionProps } from "./Section.astro"
 

package/src/components/HighlightSection.astro

@@ -2,7 +2,7 @@
 import type { ImageMetadata } from "astro"
 import { Image } from "astro:assets"
 import { cacheDir } from "astro:config/server"
-import { ArrowRightIcon } from "lucide-react"
+import ArrowRightIcon from "lucide-react/icons/arrow-right"
 
 import { getImageTint } from "../utils/get-image-tint"
 

package/src/components/MediaList.astro

@@ -1,7 +1,7 @@
 ---
 import type { ImageMetadata } from "astro"
 import { Image } from "astro:assets"
-import { ChevronRightIcon } from "lucide-react"
+import ChevronRightIcon from "lucide-react/icons/chevron-right"
 
 import { getTranslatedMediaTypes } from "../content/get-media-types"
 import { detailsPagePath } from "../utils/paths"

package/src/components/SearchInput.astro

@@ -1,5 +1,5 @@
 ---
-import { SearchIcon } from "lucide-react"
+import SearchIcon from "lucide-react/icons/search"
 
 import { searchPagePath } from "../utils/paths"
 
@@ -14,11 +14,11 @@ const { t, currentLocale } = Astro.locals.i18n
   action={searchPagePath(currentLocale)}
   method="get"
   role="search"
-  class="group flex w-full rounded-2xl shadow-sm outline outline-2 outline-offset-2 outline-transparent transition-all ease-in-out group-focus-within:outline-gray-400"
+  class="group flex w-full rounded-2xl bg-white/80 shadow-sm outline outline-2 outline-offset-2 outline-transparent backdrop-blur-lg transition-all ease-in-out group-focus-within:outline-gray-400"
   class:list={[Astro.props.className]}
 >
   <input
-    class="grow rounded-s-2xl bg-gray-100/95 px-4 py-3 text-gray-900 placeholder-gray-500 shadow-inner focus:outline-none"
+    class="grow rounded-s-2xl bg-transparent px-4 py-3 text-gray-900 placeholder-gray-500 shadow-inner focus:outline-none"
     enterkeyhint="search"
     type="search"
     name="search"

package/src/components/Section.astro

@@ -1,5 +1,5 @@
 ---
-import { ChevronRightIcon } from "lucide-react"
+import ChevronRightIcon from "lucide-react/icons/chevron-right"
 
 export interface Props {
   /**

package/src/components/VideoPlayer.astro

@@ -2,7 +2,7 @@
 import type { ImageMetadata } from "astro"
 import { getImage } from "astro:assets"
 import { Image } from "astro:assets"
-import { ExternalLinkIcon } from "lucide-react"
+import ExternalLinkIcon from "lucide-react/icons/external-link"
 
 import { getLinkAttributes } from "../utils/link-attributes"
 

package/src/layouts/Page.astro

@@ -107,3 +107,10 @@ const { direction } = resolveLanguage(currentLocale)
     {CustomFooter ? <CustomFooter /> : <Footer />}
   </body>
 </html>
+
+<style>
+  main {
+    background: linear-gradient(to bottom, transparent, #fff) bottom / 100% 8rem
+      no-repeat;
+  }
+</style>

package/src/layouts/components/footer/LanguageSelectionMenu.astro

@@ -1,5 +1,5 @@
 ---
-import { GlobeIcon } from "lucide-react"
+import GlobeIcon from "lucide-react/icons/globe"
 
 import { getLanguageSelectionMenuItems } from "../get-language-selection-menu-items"
 

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

@@ -1,5 +1,5 @@
 ---
-import { GlobeIcon } from "lucide-react"
+import GlobeIcon from "lucide-react/icons/globe"
 
 import { getLanguageSelectionMenuItems } from "../get-language-selection-menu-items"
 import Menu from "./Menu.astro"

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

@@ -1,10 +1,8 @@
 ---
-import {
-  ExternalLinkIcon,
-  MenuIcon,
-  SearchIcon,
-  SquarePenIcon,
-} from "lucide-react"
+import ExternalLinkIcon from "lucide-react/icons/external-link"
+import MenuIcon from "lucide-react/icons/menu"
+import SearchIcon from "lucide-react/icons/search"
+import SquarePenIcon from "lucide-react/icons/square-pen"
 import config from "virtual:lightnet/config"
 
 import { isExternalUrl } from "../../../utils/is-external-url"

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

@@ -1,5 +1,5 @@
 ---
-import { ExternalLinkIcon } from "lucide-react"
+import ExternalLinkIcon from "lucide-react/icons/external-link"
 
 import { getLinkAttributes } from "../../../utils/link-attributes"
 

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

@@ -1,16 +1,14 @@
 ---
-import {
-  ChevronRightIcon,
-  CodeIcon,
-  DownloadIcon,
-  ImageIcon,
-  LinkIcon,
-  type LucideIcon,
-  MusicIcon,
-  PackageIcon,
-  TextIcon,
-  VideoIcon,
-} from "lucide-react"
+import ChevronRightIcon from "lucide-react/icons/chevron-right"
+import CodeIcon from "lucide-react/icons/code"
+import DownloadIcon from "lucide-react/icons/download"
+import ImageIcon from "lucide-react/icons/image"
+import LinkIcon from "lucide-react/icons/link"
+import MusicIcon from "lucide-react/icons/music"
+import PackageIcon from "lucide-react/icons/package"
+import TextIcon from "lucide-react/icons/text"
+import VideoIcon from "lucide-react/icons/video"
+import { type LucideIcon } from "lucide-react/types"
 
 import { getMediaItem } from "../../../content/get-media-items"
 import { getLinkAttributes } from "../../../utils/link-attributes"

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

@@ -1,5 +1,5 @@
 ---
-import { SquarePenIcon } from "lucide-react"
+import SquarePenIcon from "lucide-react/icons/square-pen"
 
 interface Props {
   mediaId: string

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

@@ -1,5 +1,5 @@
 ---
-import { ExternalLinkIcon } from "lucide-react"
+import ExternalLinkIcon from "lucide-react/icons/external-link"
 
 import { getMediaItem } from "../../../../content/get-media-items"
 import { getMediaType } from "../../../../content/get-media-types"

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

@@ -1,5 +1,5 @@
 ---
-import { ForwardIcon } from "lucide-react"
+import ForwardIcon from "lucide-react/icons/forward"
 
 import Toast from "../../../../components/Toast"
 

package/src/pages/search-page/components/LoadingSkeleton.tsx

@@ -1,4 +1,4 @@
-import { ChevronRightIcon } from "lucide-react"
+import ChevronRightIcon from "lucide-react/icons/chevron-right"
 
 import { useI18n } from "../../../i18n/react/use-i18n"
 

package/src/pages/search-page/components/SearchFilter.tsx

@@ -1,4 +1,4 @@
-import { SearchIcon } from "lucide-react"
+import SearchIcon from "lucide-react/icons/search"
 import { useRef } from "react"
 
 import { createI18n, type I18nConfig } from "../../../i18n/react/i18n-context"

package/src/pages/search-page/components/SearchListItem.tsx

@@ -1,4 +1,4 @@
-import { ChevronRightIcon } from "lucide-react"
+import ChevronRightIcon from "lucide-react/icons/chevron-right"
 
 import CoverImageDecorator from "../../../components/CoverImageDecorator"
 import Icon from "../../../components/Icon"