lightnet 4.1.1 → 4.2.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # lightnet
 
+## 4.2.1
+
+### Patch Changes
+
+- [#401](https://github.com/LightNetDev/LightNet/pull/401) [`b3db519`](https://github.com/LightNetDev/LightNet/commit/b3db519e7c0492b66f6aa26875cb91fe841fcdd5) - Adjusted footer link separator and wrapping behavior to use the updated CSS-only footer layout.
+
+- [#404](https://github.com/LightNetDev/LightNet/pull/404) [`5acab49`](https://github.com/LightNetDev/LightNet/commit/5acab49ca79078edbba3868b9b7bce249b2fca8a) - Update dependencies.
+
+## 4.2.0
+
+### Minor Changes
+
+- [#394](https://github.com/LightNetDev/LightNet/pull/394) [`d8a1a2d`](https://github.com/LightNetDev/LightNet/commit/d8a1a2d9049b0fe0d37402f9e2435480fcaa0e15) - LightNet now adds a `data-should-track` attribute to the root `html` element
+  for `Page` and `MarkdownPage` layouts by default. Analytics integrations can
+  use this attribute to decide whether a page should be tracked.
+
+  You can opt out for an individual page by passing `disableShouldTrack` to
+  `Page` or `MarkdownPage`. This change does not add analytics on its own; it
+  only exposes a per-page signal for integrations such as `@lightnet/plausible`.
+
+### Patch Changes
+
+- [#394](https://github.com/LightNetDev/LightNet/pull/394) [`d8a1a2d`](https://github.com/LightNetDev/LightNet/commit/d8a1a2d9049b0fe0d37402f9e2435480fcaa0e15) - Update dependencies
+
 ## 4.1.1
 
 ### 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.1.1",
+  "version": "4.2.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",
@@ -51,29 +51,29 @@
     "tailwindcss": ">=3.4.0 <4.0.0"
   },
   "dependencies": {
-    "@astrojs/react": "^5.0.4",
-    "@iconify-json/lucide": "^1.2.106",
+    "@astrojs/react": "^5.0.6",
+    "@iconify-json/lucide": "^1.2.111",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/tailwind": "^1.2.0",
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-virtual": "^3.13.24",
+    "@tanstack/react-virtual": "^3.13.26",
     "autoprefixer": "^10.5.0",
     "embla-carousel": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.3.0",
-    "i18next": "^26.0.10",
-    "lucide-react": "^1.14.0",
-    "marked": "^18.0.3",
-    "postcss": "^8.5.14",
+    "i18next": "^26.3.0",
+    "lucide-react": "^1.17.0",
+    "marked": "^18.0.4",
+    "postcss": "^8.5.15",
     "postcss-load-config": "^6.0.1",
-    "yaml": "^2.8.4"
+    "yaml": "^2.9.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.59.1",
-    "@types/react": "^19.2.14",
-    "astro": "^6.3.1",
+    "@playwright/test": "^1.60.0",
+    "@types/react": "^19.2.15",
+    "astro": "^6.4.2",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.5",
+    "vitest": "^4.1.7",
     "@internal/e2e-test-utils": "^0.0.1"
   },
   "engines": {

package/src/layouts/MarkdownPage.astro

@@ -1,16 +1,16 @@
 ---
-import Page from "./Page.astro"
+import Page, { type Props as PageProps } from "./Page.astro"
 
-// prettier-ignore
-type Props = {
+type Props = PageProps & {
   className?: string
-};
+}
+const { className, ...pageProps } = Astro.props
 ---
 
-<Page>
+<Page {...pageProps}>
   <article
     class="prose mx-auto mt-8 max-w-screen-md px-4 prose-img:rounded-md sm:mt-16 md:px-8"
-    class:list={[Astro.props.className]}
+    class:list={[className]}
   >
     <slot />
   </article>

package/src/layouts/Page.astro

@@ -12,14 +12,35 @@ import Footer from "./components/Footer.astro"
 import Header from "./components/Header.astro"
 import ViewTransition from "./components/ViewTransition.astro"
 
-interface Props {
+export interface Props {
+  /**
+   * Title of the page to be shown in browser tab.
+   */
   title?: string
+  /**
+   * Meta description for the page.
+   */
   description?: string
+  /**
+   * Css classes to apply to main element.
+   */
   mainClass?: string
+  /**
+   * Locale to override current locale from path.
+   */
   locale?: string
+  /**
+   * Disables the `should-track` attribute on the root `html` element for
+   * pages that should be excluded from analytics tracking.
+   *
+   * The `should-track`` attribute does not enable tracking on its own; it is intended to be picked up by
+   * analytics providers that choose to respect it. e.g. @lightnet/plausible-analytics
+   */
+  disableShouldTrack?: boolean
 }
 
-const { title, description, mainClass, locale } = Astro.props
+const { title, description, mainClass, locale, disableShouldTrack } =
+  Astro.props
 const { currentLocale: pathCurrentLocale, tConfigField } = Astro.locals.i18n
 const currentLocale = locale ?? pathCurrentLocale
 const configTitle = tConfigField(config.title, config)
@@ -27,7 +48,11 @@ const { direction } = resolveLanguage(currentLocale)
 ---
 
 <!doctype html>
-<html lang={currentLocale} dir={direction}>
+<html
+  lang={currentLocale}
+  dir={direction}
+  data-ln-should-track={disableShouldTrack ? undefined : true}
+>
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

package/src/layouts/components/Footer.astro

@@ -12,6 +12,17 @@ const footerText = config.footerText
   ? tConfigField(config.footerText, config)
   : undefined
 
+type FooterTextItem = {
+  label: string
+  type: "text"
+}
+
+type FooterLinkItem = {
+  href: string
+  label: string
+  type: "link"
+}
+
 // Prepare footer links using the same locale rules as the main menu.
 const footerLinks = (config.footerLinks ?? []).map(
   ({ href, label, requiresLocale }) => {
@@ -29,49 +40,71 @@ const shouldRenderFooter =
 if (!shouldRenderFooter) {
   return
 }
+
+const footerItems: Array<FooterTextItem | FooterLinkItem> = [
+  ...(footerText ? [{ type: "text" as const, label: footerText }] : []),
+  ...footerLinks.map((link): FooterLinkItem => ({ type: "link", ...link })),
+]
 ---
 
 <footer class="w-full border-t border-gray-200 bg-white">
-  <div
-    class="mx-auto flex w-full max-w-screen-xl flex-col items-center justify-between gap-4 px-4 py-6 md:flex-row md:px-8"
-  >
+  <div class="mx-auto w-full max-w-screen-xl px-4 md:px-8">
     <div
-      class="flex flex-wrap items-center justify-center gap-2 text-sm text-gray-700 md:justify-start"
+      class="flex flex-col items-start justify-between gap-6 py-6 sm:flex-row sm:items-start"
     >
-      {footerText && <span>{footerText}</span>}
+      <div
+        class="flex w-full flex-col items-start gap-3 text-sm text-gray-800 sm:min-w-0 sm:flex-1 sm:flex-row sm:flex-wrap sm:items-center sm:gap-2"
+      >
+        {
+          footerItems.length > 0 && (
+            <div class="flex w-full flex-row flex-wrap items-center gap-x-2 gap-y-1 sm:w-auto">
+              {footerItems.map((item, index) => (
+                <span class="inline-flex items-center gap-1.5">
+                  <span class="text-gray-800">
+                    {item.type === "text" ? (
+                      item.label
+                    ) : (
+                      <a
+                        {...getLinkAttributes(item.href)}
+                        class="underline-offset-4 hover:underline"
+                      >
+                        {item.label}
+                      </a>
+                    )}
+                  </span>
+                  {index < footerItems.length - 1 && (
+                    <span
+                      class="text-[0.8em] leading-none text-gray-400"
+                      aria-hidden="true"
+                    >
+                      &middot;
+                    </span>
+                  )}
+                </span>
+              ))}
+            </div>
+          )
+        }
+      </div>
 
       {
-        footerLinks.map((link, index) => (
-          <Fragment>
-            {(footerText || index > 0) && <span class="text-gray-400">·</span>}
+        config.credits && (
+          <div class="flex w-full items-center text-sm sm:w-auto sm:flex-none sm:justify-end">
             <a
-              {...getLinkAttributes(link.href)}
-              class="underline-offset-4 hover:underline"
+              class="flex items-center gap-2 whitespace-nowrap text-gray-800 underline-offset-4 hover:underline"
+              {...getLinkAttributes("https://lightnet.community")}
             >
-              {link.label}
+              <img
+                src={LightNetLogo.src}
+                alt=""
+                class="h-5 w-auto"
+                loading="lazy"
+              />
+              <span>{t("ln.footer.powered-by-lightnet")}</span>
             </a>
-          </Fragment>
-        ))
+          </div>
+        )
       }
     </div>
-
-    {
-      config.credits && (
-        <div class="flex items-center text-sm">
-          <a
-            class="flex items-center gap-2 text-gray-800 underline-offset-4 hover:underline"
-            {...getLinkAttributes("https://lightnet.community")}
-          >
-            <img
-              src={LightNetLogo.src}
-              alt=""
-              class="h-5 w-auto"
-              loading="lazy"
-            />
-            <span>{t("ln.footer.powered-by-lightnet")}</span>
-          </a>
-        </div>
-      )
-    }
   </div>
 </footer>