feat(pplx:ext): add changelog release date

Author: pnd280

perplexity/extension/changelogs/1.0.0.0.md renamed to perplexity/extension/changelogs/1.0.0.md

@@ -0,0 +1,75 @@
+{
+  "1.13.1": "April 25, 2025",
+  "1.13.0": "April 24, 2025",
+  "1.12.1": "April 18, 2025",
+  "1.12.0": "April 18, 2025",
+  "1.11.2": "April 17, 2025",
+  "1.11.1": "April 17, 2025",
+  "1.10.8": "",
+  "1.10.7": "",
+  "1.10.5": "",
+  "1.10.4": "",
+  "1.10.3": "",
+  "1.10.2": "April 6, 2025",
+  "1.10.1": "April 3, 2025",
+  "1.10.0": "April 3, 2025",
+  "1.9.9": "March 30, 2025",
+  "1.9.8": "March 28, 2025",
+  "1.9.7": "March 26, 2025",
+  "1.9.6": "March 25, 2025",
+  "1.9.5": "March 25, 2025",
+  "1.9.3": "March 21, 2025",
+  "1.9.1": "",
+  "1.9.0": "March 12, 2025",
+  "1.8.3": "March 8, 2025",
+  "1.8.2": "March 7, 2025",
+  "1.8.0": "March 6, 2025",
+  "1.7.3": "March 2, 2025",
+  "1.7.2": "March 1, 2025",
+  "1.7.1": "",
+  "1.7.0": "February 27, 2025",
+  "1.6.11": "February 26, 2025",
+  "1.6.10": "February 23, 2025",
+  "1.6.8": "February 21, 2025",
+  "1.6.6": "February 16, 2025",
+  "1.6.5": "February 13, 2025",
+  "1.6.4": "February 12, 2025",
+  "1.6.3": "February 11, 2025",
+  "1.6.1": "February 10, 2025",
+  "1.6.0": "February 8, 2025",
+  "1.5.2": "February 5, 2025",
+  "1.5.0": "February 4, 2025",
+  "1.4.10": "February 2, 2025",
+  "1.4.9": "",
+  "1.4.8": "",
+  "1.4.7": "February 1, 2025",
+  "1.4.6": "February 1, 2025",
+  "1.4.5": "",
+  "1.4.4": "",
+  "1.4.3": "January 30, 2025",
+  "1.4.2": "January 29, 2025",
+  "1.4.1": "",
+  "1.4.0": "January 28, 2025",
+  "1.3.7": "January 25, 2025",
+  "1.3.4": "",
+  "1.3.3": "January 20, 2025",
+  "1.3.2": "January 18, 2025",
+  "1.3.1": "January 15, 2025",
+  "1.3.0": "January 13, 2025",
+  "1.2.7": "January 9, 2025",
+  "1.2.6": "January 8, 2025",
+  "1.2.5": "January 6, 2025",
+  "1.2.4": "January 5, 2025",
+  "1.2.3": "January 4, 2025",
+  "1.2.2": "January 3, 2025",
+  "1.2.0": "January 3, 2025",
+  "1.1.2": "December 26, 2024",
+  "1.1.0": "December 25, 2024",
+  "1.0.6": "December 20, 2024",
+  "1.0.5": "",
+  "1.0.4": "",
+  "1.0.3": "",
+  "1.0.2": "December 13, 2024",
+  "1.0.1": "December 12, 2024",
+  "1.0.0": "December 12, 2025"
+}

perplexity/extension/changelogs/1.0.1.0.md renamed to perplexity/extension/changelogs/1.0.1.md

@@ -15,38 +15,50 @@ if (require.main === module) {
     process.exit(1);
   }
 
-  await syncWithBucket({
-    client: r2Client,
-    bucketName: BUCKET_NAME,
-    localDir: dir,
-    logger,
-    prefix: "changelogs/",
-  }).catch((error: Error) => {
-    logger.error(`Unhandled error: ${error.message}`);
-    process.exit(1);
-  });
+  const listingFile = path.resolve(getRootPath(), "changelogs/listing.json");
 
-  const versionsFile = path.resolve(
-    getRootPath(),
-    "cdn/resources/versions.json",
-  );
-
-  if (!fs.existsSync(versionsFile)) {
-    logger.warn(`File ${versionsFile} does not exist, skipping listing update`);
+  if (!fs.existsSync(listingFile)) {
+    logger.warn(`File ${listingFile} does not exist, skipping listing update`);
     process.exit(0);
   }
 
-  const versions = JSON.parse(fs.readFileSync(versionsFile, "utf8"));
+  const versions = JSON.parse(fs.readFileSync(listingFile, "utf8"));
 
   const changelogFiles = fs.readdirSync(dir);
   const changelogEntries = changelogFiles
     .filter((file) => file.endsWith(".md"))
     .map((file) => file.replace(".md", ""))
     .sort((a, b) => semver.compare(semver.coerce(b)!, semver.coerce(a)!));
 
-  versions.changelogEntries = changelogEntries;
+  changelogEntries.forEach((entry) => {
+    versions[entry] =
+      versions[entry] != null
+        ? versions[entry]
+        : new Date().toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "long",
+            day: "numeric",
+          });
+  });
+
+  const sortedVersions = Object.fromEntries(
+    Object.entries(versions).sort(([a], [b]) =>
+      semver.compare(semver.coerce(b)!, semver.coerce(a)!),
+    ),
+  );
+
+  fs.writeFileSync(listingFile, JSON.stringify(sortedVersions, null, 2));
 
-  fs.writeFileSync(versionsFile, JSON.stringify(versions, null, 2));
+  logger.success(`Listing updated and sorted by semver`);
 
-  logger.success(`Listing updated`);
+  await syncWithBucket({
+    client: r2Client,
+    bucketName: BUCKET_NAME,
+    localDir: dir,
+    logger,
+    prefix: "changelogs/",
+  }).catch((error: Error) => {
+    logger.error(`Unhandled error: ${error.message}`);
+    process.exit(1);
+  });
 }

perplexity/extension/changelogs/1.0.2.0.md renamed to perplexity/extension/changelogs/1.0.2.md

@@ -1,16 +1,22 @@
+import { useQuery } from "@tanstack/react-query";
 import { useEffect, useRef } from "react";
 import { LuLoaderCircle } from "react-icons/lu";
 
 import ChangelogRenderer from "@/components/changelog/ChangelogRenderer";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useVersionPagination } from "@/entrypoints/options-page/dashboard/pages/release-notes/hooks/useVersionPagination";
+import { cplxApiQueries } from "@/services/cplx-api/query-keys";
 import { cn } from "@/utils/cn";
 import { PPLX_SCROLLBAR_CLASSES } from "@/utils/pplx-scrollbar-classes";
 
 export function ReleaseNotesPage() {
   const { loadedVersions, hasMore, loadNextVersions, changelogQueries } =
     useVersionPagination();
 
+  const { data: changelogListing } = useQuery(
+    cplxApiQueries.changelog.listing.detail(),
+  );
+
   const observerRef = useRef<IntersectionObserver | null>(null);
   const loadMoreRef = useRef<HTMLDivElement>(null);
 
@@ -33,7 +39,7 @@ export function ReleaseNotesPage() {
   }, [hasMore, loadNextVersions]);
 
   return (
-    <div className="x:flex x:flex-col x:gap-4">
+    <div className="x:flex x:flex-col x:gap-8">
       <div className="x:flex x:flex-col x:gap-2">
         <h1 className="x:text-2xl x:font-bold">Release Notes</h1>
         <p className="x:text-sm x:text-muted-foreground">
@@ -51,14 +57,18 @@ export function ReleaseNotesPage() {
           const changelogQuery = changelogQueries[index];
           const isLoading = changelogQuery?.isLoading;
           const changelog = changelogQuery?.data;
+          const releaseDate = changelogListing?.[version];
 
           return (
             <div
               key={version}
-              className="x:mb-8 x:grid x:grid-cols-1 x:gap-4 x:last:mb-0 x:md:grid-cols-[6rem_1fr] x:md:gap-x-6"
+              className="x:relative x:mb-8 x:grid x:grid-cols-1 x:gap-4 x:last:mb-0 x:md:grid-cols-[8rem_1fr] x:md:gap-x-6"
             >
-              <div className="x:relative x:flex x:items-start x:md:justify-end">
-                <div className="x:sticky x:mb-2 x:w-max x:rounded-lg x:border x:border-border/50 x:bg-secondary x:px-2 x:py-1 x:text-left x:font-mono x:text-lg x:md:top-4">
+              <div className="x:sticky x:top-4 x:flex x:h-fit x:flex-col-reverse x:items-start x:gap-2 x:self-start x:md:flex-col x:md:items-end">
+                <div className="x:ml-2 x:text-right x:text-sm x:text-muted-foreground">
+                  {releaseDate}
+                </div>
+                <div className="x:mb-2 x:w-max x:rounded-lg x:border x:border-border/50 x:bg-secondary x:px-2 x:py-1 x:text-left x:font-mono x:text-lg">
                   {version}
                 </div>
               </div>

perplexity/extension/changelogs/1.0.3.0.md renamed to perplexity/extension/changelogs/1.0.3.md

@@ -3,22 +3,21 @@ import semver from "semver";
 
 import { APP_CONFIG } from "@/app.config";
 import { cplxApiQueries } from "@/services/cplx-api/query-keys";
-import { CplxVersionsService } from "@/services/cplx-api/remote-resources/versions";
 
 export function useVersionPagination() {
-  const { data: versions } = useQuery({
-    ...CplxVersionsService.query,
-  });
+  const { data: changelogListing } = useQuery(
+    cplxApiQueries.changelog.listing.detail(),
+  );
 
   const availableVersions = useMemo(() => {
-    if (!versions?.changelogEntries) return [];
-    return versions.changelogEntries.filter((version) =>
+    if (!changelogListing) return [];
+    return Object.keys(changelogListing).filter((version) =>
       semver.lte(version, APP_CONFIG.VERSION),
     );
-  }, [versions?.changelogEntries]);
+  }, [changelogListing]);
 
   const { data, fetchNextPage, hasNextPage } = useInfiniteQuery({
-    queryKey: ["versionPagination", versions?.changelogEntries],
+    queryKey: ["versionPagination", changelogListing],
     queryFn: ({ pageParam = 0 }) => {
       const startIndex = pageParam as number;
       const count = 1;

perplexity/extension/changelogs/1.0.4.0.md renamed to perplexity/extension/changelogs/1.0.4.md

@@ -1,12 +1,18 @@
 import type { ZodSchema } from "zod";
 
+import type { ChangelogListing } from "@/services/cplx-api/types";
+
 export class CplxApiOfflineService {
   static fetchChangelog({
     version: _,
   }: { version?: string } = {}): Promise<string> {
     return Promise.resolve("");
   }
 
+  static fetchChangelogListing(): Promise<ChangelogListing> {
+    return Promise.resolve({});
+  }
+
   static async fetchRemoteResource<T>(_params: {
     resourcePath: string;
     zodSchema: ZodSchema<T>;

perplexity/extension/changelogs/1.0.5.0.md renamed to perplexity/extension/changelogs/1.0.5.md

@@ -1,9 +1,12 @@
 import type { ZodSchema } from "zod";
 
 import { APP_CONFIG } from "@/app.config";
+import {
+  ChangelogListingSchema,
+  type ChangelogListing,
+} from "@/services/cplx-api/types";
 import { fetchResourceWithSchema, getUrl } from "@/services/cplx-api/utils";
 import { fetchTextResource } from "@/utils/utils";
-
 export class CplxApiService {
   static async fetchChangelog({ version }: { version?: string } = {}) {
     const targetVersion = version ?? APP_CONFIG.VERSION;
@@ -24,6 +27,18 @@ export class CplxApiService {
     return resp.text();
   }
 
+  static async fetchChangelogListing(): Promise<ChangelogListing> {
+    return ChangelogListingSchema.parse(
+      JSON.parse(
+        await fetchTextResource(
+          getUrl({
+            path: "/changelogs/listing.json",
+          }).toString(),
+        ),
+      ),
+    );
+  }
+
   static async fetchRemoteResource<T>({
     resourcePath,
     zodSchema,

perplexity/extension/changelogs/1.0.6.0.md renamed to perplexity/extension/changelogs/1.0.6.md

@@ -13,6 +13,14 @@ export const cplxApiQueries = {
         queryKey: [...cplxApiQueries.changelog.all(), params] as const,
         queryFn: () => CplxApiService.fetchChangelog(params),
       }),
+    listing: {
+      all: () => [...cplxApiQueries.changelog.all(), "listing"] as const,
+      detail: () =>
+        queryOptions({
+          queryKey: [...cplxApiQueries.changelog.listing.all()] as const,
+          queryFn: () => CplxApiService.fetchChangelogListing(),
+        }),
+    },
   },
 
   remoteResource: {

perplexity/extension/changelogs/1.1.0.0.md renamed to perplexity/extension/changelogs/1.1.0.md

@@ -46,3 +46,7 @@ export const FeatureCompatibilitySchema = z.record(
 );
 
 export type FeatureCompatibility = z.infer<typeof FeatureCompatibilitySchema>;
+
+export const ChangelogListingSchema = z.record(SemverSchema, z.string());
+
+export type ChangelogListing = z.infer<typeof ChangelogListingSchema>;