lightnet 4.5.2 → 4.6.0

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

@@ -13,14 +13,12 @@ const { description, language } = item.data
 const { direction, code: lang } = resolveLanguage(language)
 ---
 
-{
-  description && (
-    <div
-      dir={direction}
-      class="prose prose-gray mx-auto mt-8 max-w-screen-md px-4 md:mt-12 md:px-8"
-      set:html={await markdownToHtml(description)}
-      lang={lang}
-      id="description"
-    />
-  )
-}
+{description && (
+  <div
+    dir={direction}
+    class="prose prose-gray mx-auto mt-8 max-w-screen-md px-4 md:mt-12 md:px-8"
+    set:html={await markdownToHtml(description)}
+    lang={lang}
+    id="description"
+  />
+)}

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

@@ -13,9 +13,7 @@ export type Props = {
 const { mediaId, imageSize } = Astro.props
 ---
 
-<div
-  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"
->
+<div 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">
   <CoverImage size={imageSize} mediaId={mediaId} />
   <div class="flex w-full grow flex-col items-center sm:items-start">
     <Title className="text-center sm:text-start" mediaId={mediaId} />

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

@@ -11,8 +11,6 @@ const { mediaId } = Astro.props
 const collections = await getCollectionsForMediaItem(mediaId)
 ---
 
-{
-  collections.map((id) => (
-    <MediaCollection collectionId={id} disableItem={mediaId} />
-  ))
-}
+{collections.map((id) => (
+  <MediaCollection collectionId={id} disableItem={mediaId} />
+))}

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

@@ -22,9 +22,7 @@ const item = await getMediaItem(mediaId)
     image={item.data.image}
   />
 </div>
-<div
-  class="mx-auto mt-6 flex max-w-screen-md flex-col items-start px-4 md:mt-10 md:px-8"
->
+<div class="mx-auto mt-6 flex max-w-screen-md flex-col items-start px-4 md:mt-10 md:px-8">
   <Title mediaId={mediaId} />
   <Authors mediaId={mediaId} />
   <div class="mt-4 flex gap-6">

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

@@ -10,10 +10,8 @@ const item = await getMediaItem(Astro.props.mediaId)
 const authors = item.data.authors?.join(", ")
 ---
 
-{
-  authors && (
-    <div class="text-xl sm:text-2xl" class:list={Astro.props.className}>
-      {authors}
-    </div>
-  )
-}
+{authors && (
+  <div class="text-xl sm:text-2xl" class:list={Astro.props.className}>
+    {authors}
+  </div>
+)}

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

@@ -13,9 +13,10 @@ const { mediaId } = Astro.props
   id="edit-btn"
   data-media-id={mediaId}
   href="#"
-  ><SquarePenIcon />
-  {Astro.locals.i18n.t("ln.details.edit")}</a
 >
+  <SquarePenIcon />
+  {Astro.locals.i18n.t("ln.details.edit")}
+</a>
 <script>
   const initEditButton = () => {
     const adminPath = localStorage.getItem("ln.adminPaths")

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

@@ -38,10 +38,8 @@ const getOpenActionLabel = () => {
   hreflang={item.data.language}
   class:list={[className]}
 >
-  {
-    content.isExternal && (
-      <ExternalLinkIcon className="shrink-0 rtl:scale-x-[-1]" />
-    )
-  }
+  {content.isExternal && (
+    <ExternalLinkIcon className="shrink-0 rtl:scale-x-[-1]" />
+  )}
   {content.isDownload ? t("ln.details.download") : getOpenActionLabel()}
 </a>

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

@@ -14,9 +14,10 @@ const { t } = Astro.locals.i18n
   class="flex cursor-pointer items-center gap-2 font-bold text-gray-700 underline"
   class:list={[Astro.props.className]}
   id="share-btn"
-  ><ForwardIcon className="rtl:scale-x-[-1]" />
-  {t("ln.details.share")}</button
 >
+  <ForwardIcon className="rtl:scale-x-[-1]" />
+  {t("ln.details.share")}
+</button>
 <Toast id="share-success" variant="success">
   {t("ln.share.url-copied-to-clipboard")}
 </Toast>

package/src/pages/details-page/components/more-details/Categories.astro

@@ -17,23 +17,21 @@ const categories = await Promise.all(
 )
 ---
 
-{
-  !!categories?.length && (
-    <div>
-      <Label>{t("ln.categories")}</Label>
-      <ul class="flex flex-wrap gap-2">
-        {categories.map(async (category) => (
-          <li class="flex rounded-lg bg-gray-200 px-4 py-1 text-gray-500 hover:bg-gray-300">
-            <a
-              href={searchPagePath(currentLocale, {
-                category: category.id,
-              })}
-            >
-              {category.labelText}
-            </a>
-          </li>
-        ))}
-      </ul>
-    </div>
-  )
-}
+{!!categories?.length && (
+  <div>
+    <Label>{t("ln.categories")}</Label>
+    <ul class="flex flex-wrap gap-2">
+      {categories.map(async (category) => (
+        <li class="flex rounded-lg bg-gray-200 px-4 py-1 text-gray-500 hover:bg-gray-300">
+          <a
+            href={searchPagePath(currentLocale, {
+              category: category.id,
+            })}
+          >
+            {category.labelText}
+          </a>
+        </li>
+      ))}
+    </ul>
+  </div>
+)}

package/src/pages/details-page/components/more-details/Languages.astro

@@ -32,17 +32,15 @@ const translationLanguages = await Promise.all(
   <Label>{translations.length ? t("ln.languages") : t("ln.language")}</Label>
   <ul class="flex flex-wrap gap-2">
     <li class="py-1 pe-2 text-gray-800">{currentLanguage.labelText}</li>
-    {
-      translationLanguages.map((translation) => (
-        <li class="flex rounded-lg border border-gray-200 px-4 py-1 text-gray-600 hover:bg-gray-200">
-          <a
-            href={detailsPagePath(currentLocale, translation)}
-            hreflang={translation.language}
-          >
-            {translation.labelText}
-          </a>
-        </li>
-      ))
-    }
+    {translationLanguages.map((translation) => (
+      <li class="flex rounded-lg border border-gray-200 px-4 py-1 text-gray-600 hover:bg-gray-200">
+        <a
+          href={detailsPagePath(currentLocale, translation)}
+          hreflang={translation.language}
+        >
+          {translation.labelText}
+        </a>
+      </li>
+    ))}
   </ul>
 </div>

package/src/utils/verify-schema.ts

@@ -1,7 +1,7 @@
 import { AstroError } from "astro/errors"
 import { z } from "astro/zod"
 
-export async function verifySchemaAsync<T extends z.Schema>(
+export async function verifySchemaAsync<T extends z.ZodType>(
   schema: T,
   toVerify: unknown,
   errorMessage: string | ((id: string | undefined) => string),
@@ -15,7 +15,7 @@ export async function verifySchemaAsync<T extends z.Schema>(
   throwParseError(toVerify, errorMessage, hint, parsed)
 }
 
-export function verifySchema<T extends z.Schema>(
+export function verifySchema<T extends z.ZodType>(
   schema: T,
   toVerify: unknown,
   errorMessage: string | ((id: string | undefined) => string),