lightnet 4.11.0 → 4.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # lightnet
2
2
 
3
+ ## 4.11.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#483](https://github.com/LightNetDev/LightNet/pull/483) [`4cffda8`](https://github.com/LightNetDev/LightNet/commit/4cffda83df30250f8fbfab951ee788a0986737e0) - Update dependencies.
8
+
9
+ - [#483](https://github.com/LightNetDev/LightNet/pull/483) [`4cffda8`](https://github.com/LightNetDev/LightNet/commit/4cffda83df30250f8fbfab951ee788a0986737e0) - Make homepage mobile layout a bit more dense.
10
+
11
+ ## 4.11.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [#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.
16
+
17
+ - [#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.
18
+
19
+ - [#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.
20
+
3
21
  ## 4.11.0
4
22
 
5
23
  ### Minor Changes
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "LightNet makes it easy to run your own digital media library.",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
- "version": "4.11.0",
6
+ "version": "4.11.2",
7
7
  "repository": {
8
8
  "type": "git",
9
9
  "url": "https://github.com/LightNetDev/lightnet",
@@ -56,17 +56,17 @@
56
56
  "dependencies": {
57
57
  "@astrojs/react": "^5.0.7",
58
58
  "@astrojs/sitemap": "^3.7.4",
59
- "@iconify-json/lucide": "^1.2.150",
59
+ "@iconify-json/lucide": "^1.2.152",
60
60
  "@iconify-json/mdi": "^1.2.3",
61
61
  "@iconify/tailwind": "^1.2.0",
62
62
  "@tailwindcss/typography": "^0.5.20",
63
- "@tanstack/react-virtual": "^3.14.25",
63
+ "@tanstack/react-virtual": "^3.14.26",
64
64
  "autoprefixer": "^10.6.2",
65
65
  "embla-carousel": "^8.6.0",
66
66
  "embla-carousel-wheel-gestures": "^8.1.0",
67
67
  "fuse.js": "^7.5.0",
68
- "i18next": "^26.7.1",
69
- "lucide-react": "^1.67.0",
68
+ "i18next": "^27.0.1",
69
+ "lucide-react": "^1.70.0",
70
70
  "marked": "^18.1.3",
71
71
  "postcss": "^8.5.32",
72
72
  "postcss-load-config": "^6.0.1",
@@ -74,7 +74,7 @@
74
74
  },
75
75
  "devDependencies": {
76
76
  "@internal/e2e-test-utils": "^0.0.1",
77
- "@playwright/test": "^1.64.1",
77
+ "@playwright/test": "^1.65.0",
78
78
  "@types/react": "^19.3.0",
79
79
  "astro": "^6.4.8",
80
80
  "typescript": "^6.0.3",
@@ -1,5 +1,6 @@
1
1
  ---
2
- import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
2
+ import ChevronLeftIcon from "lucide-react/icons/chevron-left"
3
+ import ChevronRightIcon from "lucide-react/icons/chevron-right"
3
4
 
4
5
  import Section, { type Props as SectionProps } from "./Section.astro"
5
6
 
@@ -2,7 +2,7 @@
2
2
  import type { ImageMetadata } from "astro"
3
3
  import { Image } from "astro:assets"
4
4
  import { cacheDir } from "astro:config/server"
5
- import { ArrowRightIcon } from "lucide-react"
5
+ import ArrowRightIcon from "lucide-react/icons/arrow-right"
6
6
 
7
7
  import { getImageTint } from "../utils/get-image-tint"
8
8
 
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  import type { ImageMetadata } from "astro"
3
3
  import { Image } from "astro:assets"
4
- import { ChevronRightIcon } from "lucide-react"
4
+ import ChevronRightIcon from "lucide-react/icons/chevron-right"
5
5
 
6
6
  import { getTranslatedMediaTypes } from "../content/get-media-types"
7
7
  import { detailsPagePath } from "../utils/paths"
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { SearchIcon } from "lucide-react"
2
+ import SearchIcon from "lucide-react/icons/search"
3
3
 
4
4
  import { searchPagePath } from "../utils/paths"
5
5
 
@@ -14,11 +14,11 @@ const { t, currentLocale } = Astro.locals.i18n
14
14
  action={searchPagePath(currentLocale)}
15
15
  method="get"
16
16
  role="search"
17
- 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"
17
+ 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"
18
18
  class:list={[Astro.props.className]}
19
19
  >
20
20
  <input
21
- class="grow rounded-s-2xl bg-gray-100/95 px-4 py-3 text-gray-900 placeholder-gray-500 shadow-inner focus:outline-none"
21
+ class="grow rounded-s-2xl bg-transparent px-4 py-3 text-gray-900 placeholder-gray-500 shadow-inner focus:outline-none"
22
22
  enterkeyhint="search"
23
23
  type="search"
24
24
  name="search"
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { ChevronRightIcon } from "lucide-react"
2
+ import ChevronRightIcon from "lucide-react/icons/chevron-right"
3
3
 
4
4
  export interface Props {
5
5
  /**
@@ -61,8 +61,8 @@ const maxWidths = {
61
61
 
62
62
  const marginTopValues = {
63
63
  none: "",
64
- sm: "mt-16 md:mt-20",
65
- lg: "mt-24 md:mt-28",
64
+ sm: "mt-12 md:mt-20",
65
+ lg: "mt-16 md:mt-28",
66
66
  }
67
67
  const iconDirectionClass =
68
68
  Astro.locals.i18n.direction === "rtl" ? "scale-x-[-1]" : ""
@@ -2,7 +2,7 @@
2
2
  import type { ImageMetadata } from "astro"
3
3
  import { getImage } from "astro:assets"
4
4
  import { Image } from "astro:assets"
5
- import { ExternalLinkIcon } from "lucide-react"
5
+ import ExternalLinkIcon from "lucide-react/icons/external-link"
6
6
 
7
7
  import { getLinkAttributes } from "../utils/link-attributes"
8
8
 
@@ -99,10 +99,7 @@ export async function useTranslate(
99
99
  })
100
100
  }
101
101
 
102
- const t = i18n.getFixedT(resolvedLocale) as (
103
- key: TranslationKey,
104
- options?: TOptions,
105
- ) => string
102
+ const t = i18n.getFixedT(resolvedLocale)
106
103
  const value = t(input, { fallbackLng, ...options })
107
104
  if (value === input && !availableTranslationKeys.has(input)) {
108
105
  throw new AstroError(
@@ -107,3 +107,10 @@ const { direction } = resolveLanguage(currentLocale)
107
107
  {CustomFooter ? <CustomFooter /> : <Footer />}
108
108
  </body>
109
109
  </html>
110
+
111
+ <style>
112
+ main {
113
+ background: linear-gradient(to bottom, transparent, #fff) bottom / 100% 8rem
114
+ no-repeat;
115
+ }
116
+ </style>
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { GlobeIcon } from "lucide-react"
2
+ import GlobeIcon from "lucide-react/icons/globe"
3
3
 
4
4
  import { getLanguageSelectionMenuItems } from "../get-language-selection-menu-items"
5
5
 
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { GlobeIcon } from "lucide-react"
2
+ import GlobeIcon from "lucide-react/icons/globe"
3
3
 
4
4
  import { getLanguageSelectionMenuItems } from "../get-language-selection-menu-items"
5
5
  import Menu from "./Menu.astro"
@@ -1,10 +1,8 @@
1
1
  ---
2
- import {
3
- ExternalLinkIcon,
4
- MenuIcon,
5
- SearchIcon,
6
- SquarePenIcon,
7
- } from "lucide-react"
2
+ import ExternalLinkIcon from "lucide-react/icons/external-link"
3
+ import MenuIcon from "lucide-react/icons/menu"
4
+ import SearchIcon from "lucide-react/icons/search"
5
+ import SquarePenIcon from "lucide-react/icons/square-pen"
8
6
  import config from "virtual:lightnet/config"
9
7
 
10
8
  import { isExternalUrl } from "../../../utils/is-external-url"
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { ExternalLinkIcon } from "lucide-react"
2
+ import ExternalLinkIcon from "lucide-react/icons/external-link"
3
3
 
4
4
  import { getLinkAttributes } from "../../../utils/link-attributes"
5
5
 
@@ -1,16 +1,14 @@
1
1
  ---
2
- import {
3
- ChevronRightIcon,
4
- CodeIcon,
5
- DownloadIcon,
6
- ImageIcon,
7
- LinkIcon,
8
- type LucideIcon,
9
- MusicIcon,
10
- PackageIcon,
11
- TextIcon,
12
- VideoIcon,
13
- } from "lucide-react"
2
+ import ChevronRightIcon from "lucide-react/icons/chevron-right"
3
+ import CodeIcon from "lucide-react/icons/code"
4
+ import DownloadIcon from "lucide-react/icons/download"
5
+ import ImageIcon from "lucide-react/icons/image"
6
+ import LinkIcon from "lucide-react/icons/link"
7
+ import MusicIcon from "lucide-react/icons/music"
8
+ import PackageIcon from "lucide-react/icons/package"
9
+ import TextIcon from "lucide-react/icons/text"
10
+ import VideoIcon from "lucide-react/icons/video"
11
+ import { type LucideIcon } from "lucide-react/types"
14
12
 
15
13
  import { getMediaItem } from "../../../content/get-media-items"
16
14
  import { getLinkAttributes } from "../../../utils/link-attributes"
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { SquarePenIcon } from "lucide-react"
2
+ import SquarePenIcon from "lucide-react/icons/square-pen"
3
3
 
4
4
  interface Props {
5
5
  mediaId: string
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { ExternalLinkIcon } from "lucide-react"
2
+ import ExternalLinkIcon from "lucide-react/icons/external-link"
3
3
 
4
4
  import { getMediaItem } from "../../../../content/get-media-items"
5
5
  import { getMediaType } from "../../../../content/get-media-types"
@@ -1,5 +1,5 @@
1
1
  ---
2
- import { ForwardIcon } from "lucide-react"
2
+ import ForwardIcon from "lucide-react/icons/forward"
3
3
 
4
4
  import Toast from "../../../../components/Toast"
5
5
 
@@ -1,4 +1,4 @@
1
- import { ChevronRightIcon } from "lucide-react"
1
+ import ChevronRightIcon from "lucide-react/icons/chevron-right"
2
2
 
3
3
  import { useI18n } from "../../../i18n/react/use-i18n"
4
4
 
@@ -1,4 +1,4 @@
1
- import { SearchIcon } from "lucide-react"
1
+ import SearchIcon from "lucide-react/icons/search"
2
2
  import { useRef } from "react"
3
3
 
4
4
  import { createI18n, type I18nConfig } from "../../../i18n/react/i18n-context"
@@ -1,4 +1,4 @@
1
- import { ChevronRightIcon } from "lucide-react"
1
+ import ChevronRightIcon from "lucide-react/icons/chevron-right"
2
2
 
3
3
  import CoverImageDecorator from "../../../components/CoverImageDecorator"
4
4
  import Icon from "../../../components/Icon"