added indication that release is pre-release/draft

now showing the date as of when the release was made
fixed icon for changelog button at package page

Author: WilcoSp

app/components/Changelog/Card.vue

@@ -17,7 +17,7 @@ function navigateToTitle() {
 </script>
 <template>
   <section class="border border-border rounded-lg p-4 sm:p-6">
-    <div class="flex justify-between" :id="cardId">
+    <div class="flex gap-2 items-center" :id="cardId">
       <h2 class="text-1xl sm:text-2xl font-medium min-w-0 break-words py-2" :id="navId">
         <a
           class="hover:decoration-accent hover:text-accent focus-visible:decoration-accent focus-visible:text-accent transition-colors duration-200"
@@ -28,13 +28,21 @@ function navigateToTitle() {
           {{ release.title }}
         </a>
       </h2>
+      <TagStatic v-if="release.prerelease" variant="default" :tabindex="0" class="h-unset">
+        {{ $t('changelog.pre_release') }}
+      </TagStatic>
+      <TagStatic v-if="release.draft" variant="default" :tabindex="0" class="h-unset">
+        {{ $t('changelog.draft') }}
+      </TagStatic>
+      <div class="flex-1" aria-hidden="true"></div>
       <ReadmeTocDropdown
         v-if="release?.toc && release.toc.length > 1"
         :toc="release.toc"
-        class="justify-self-end"
+        class="ms-auto"
       />
       <!-- :active-id="activeTocId" -->
     </div>
+    <DateTime v-if="release.publishedAt" :datetime="release.publishedAt" date-style="medium" />
     <Readme v-if="release.html" :html="release.html"></Readme>
   </section>
 </template>

app/pages/package-changes/[...path].vue

@@ -53,8 +53,8 @@ const latestVersion = computed(() => pkg.value?.['dist-tags']?.latest ?? null)
 
 watch(
   [version, latestVersion, packageName],
-  ([version, latest, name]) => {
-    if (!version && latest && name) {
+  ([v, latest, name]) => {
+    if (!v && latest && name) {
       const pathSegments = [...name.split('/'), 'v', latest]
       router.replace({ name: 'changes', params: { path: pathSegments as [string, ...string[]] } })
     }
@@ -93,11 +93,8 @@ const { data: changelog, pending } = usePackageChangelog(packageName, version)
 
     <section class="container w-full" v-if="changelog">
       <LazyChangelogReleases v-if="changelog.type == 'release'" :info="changelog" />
-      <LazyChangelogMarkdown
-        v-else-if="changelog.type == 'md'"
-        :info="changelog"
-      ></LazyChangelogMarkdown>
-      <p v-else-if="!pending">Sorry, this package doesn't track any changelogs</p>
+      <LazyChangelogMarkdown v-else-if="changelog.type == 'md'" :info="changelog" />
+      <p v-else-if="!pending" class="mt-5">{{ $t('changelog.no_logs') }}</p>
     </section>
   </main>
 </template>

app/pages/package/[[org]]/[name].vue

@@ -910,7 +910,7 @@ const showSkeleton = shallowRef(false)
             </li>
             <li v-if="!!changelog && resolvedVersion">
               <LinkBase
-                classicon="i-carbon:warning"
+                classicon="i-lucide:notebook-text"
                 :to="{ name: 'changes', params: { path: [pkg.name, 'v', resolvedVersion] } }"
               >
                 {{ $t('package.links.changelog') }}

i18n/locales/en.json

@@ -1171,5 +1171,10 @@
         "all": "all"
       }
     }
+  },
+  "changelog": {
+    "pre_release": "Pre-release",
+    "draft": "Draft",
+    "no_logs": "Sorry, this package doesn't track any changelogs or their method of trackings changes isn't supported"
   }
 }

i18n/schema.json

@@ -3520,6 +3520,21 @@
       },
       "additionalProperties": false
     },
+    "changelog": {
+      "type": "object",
+      "properties": {
+        "pre_release": {
+          "type": "string"
+        },
+        "draft": {
+          "type": "string"
+        },
+        "no_logs": {
+          "type": "string"
+        }
+      },
+      "additionalProperties": false
+    },
     "$schema": {
       "type": "string"
     }

lunaria/files/en-GB.json

@@ -1136,5 +1136,10 @@
       "p1": "If you encounter an accessibility barrier on {app}, please let us know by opening an issue on our {link}. We take these reports seriously and will do our best to address them.",
       "link": "GitHub repository"
     }
+  },
+  "changelog": {
+    "pre_release": "Pre-release",
+    "draft": "Draft",
+    "no_logs": "Sorry, this package doesn't track any changelogs or their method of trackings changes isn't supported"
   }
 }

lunaria/files/en-US.json

@@ -1136,5 +1136,10 @@
       "p1": "If you encounter an accessibility barrier on {app}, please let us know by opening an issue on our {link}. We take these reports seriously and will do our best to address them.",
       "link": "GitHub repository"
     }
+  },
+  "changelog": {
+    "pre_release": "Pre-release",
+    "draft": "Draft",
+    "no_logs": "Sorry, this package doesn't track any changelogs or their method of trackings changes isn't supported"
   }
 }