No plugins in this category yet.
++ {query.sort === "updated" + ? "No plugins have been updated since they were listed." + : "No plugins in this category yet."} +
)} {results.length > 0 && ({plugin.name}
- {children} -- {plugin.description} -
- - ); -} - /** Ranked row for the directory's Most installed list. */ export function PluginRankRow({ plugin, diff --git a/packages/website/src/plugins/plugin-search.tsx b/packages/website/src/plugins/plugin-search.tsx index ab648bbd58..400341d5a4 100644 --- a/packages/website/src/plugins/plugin-search.tsx +++ b/packages/website/src/plugins/plugin-search.tsx @@ -76,7 +76,7 @@ export function PluginSearch({ onSubmit={handleSubmit} className={className} > - {scope.sort === "new" && } + {scope.sort !== "installs" && } {scope.sort === "installs" && scope.window !== DEFAULT_WINDOW && ( )} diff --git a/packages/website/src/plugins/registry.test.ts b/packages/website/src/plugins/registry.test.ts index 9dd132f1b5..cf3af56794 100644 --- a/packages/website/src/plugins/registry.test.ts +++ b/packages/website/src/plugins/registry.test.ts @@ -10,7 +10,9 @@ import { newestFirst, type Plugin, readmeBody, + recentlyUpdated, searchPlugins, + updatedAgo, } from "./registry"; import { readInstallCounts, recordInstall } from "./installs"; import { handlePluginRegistryRequest, loadRegistryIndex, loadRegistryPlugin } from "./published"; @@ -76,38 +78,57 @@ describe("plugin registry", () => { ]); expect(featuredPlugins(listed, ["acme/not-published"])).toEqual([]); }); - it("lists what's new by submission time, not review, listing or update dates", () => { - const submittedFirst = { + it("lists what's new by first listing time, so neither a slow review nor an update moves a plugin", () => { + const listedFirst = { ...plugin, - id: "acme/submitted-first", - submittedAt: "2026-09-02T00:00:00.000Z", + id: "acme/listed-first", + submittedAt: "2026-09-30T00:00:00.000Z", + publishedAt: "2026-09-30T06:00:00.000Z", reviewedAt: "2026-10-02T00:00:00.000Z", updatedAt: "2026-10-02T00:00:00.000Z", - publishedAt: "2026-10-02T00:00:00.000Z", }; - const submittedLater = { + const listedLater = { ...plugin, - id: "acme/submitted-later", - submittedAt: "2026-09-30T00:00:00.000Z", - reviewedAt: "2026-09-30T00:00:00.000Z", - updatedAt: "2026-09-30T00:00:00.000Z", - publishedAt: "2026-09-30T00:00:00.000Z", + id: "acme/listed-later", + submittedAt: "2026-09-02T00:00:00.000Z", + publishedAt: "2026-09-30T08:00:00.000Z", + reviewedAt: "2026-09-30T08:00:00.000Z", + updatedAt: "2026-09-30T08:00:00.000Z", }; - expect(newestFirst([submittedFirst, submittedLater]).map((p) => p.id)).toEqual([ - "acme/submitted-later", - "acme/submitted-first", + expect(newestFirst([listedFirst, listedLater]).map((p) => p.id)).toEqual([ + "acme/listed-later", + "acme/listed-first", ]); const now = "2026-10-03T12:00:00.000Z"; - expect(addedAgo(submittedLater, now)).toBe("3d ago"); - expect(addedAgo(submittedFirst, now)).toBe("4w ago"); + expect(addedAgo(listedLater, now)).toBe("3d ago"); + expect(updatedAgo(listedFirst, now)).toBe("yesterday"); }); - it("orders same-day submissions by their time", () => { - const morning = { ...plugin, id: "acme/morning", submittedAt: "2026-10-12T00:00:00.000Z" }; - const noon = { ...plugin, id: "acme/noon", submittedAt: "2026-10-12T11:38:00.000Z" }; - expect(newestFirst([morning, noon]).map((p) => p.id)).toEqual(["acme/noon", "acme/morning"]); + it("lists only plugins updated after their first listing as recently updated, latest update first", () => { + const bumped = { + ...plugin, + id: "acme/bumped", + publishedAt: "2026-09-10T00:00:00.000Z", + updatedAt: "2026-10-01T09:00:00.000Z", + }; + const bumpedLater = { + ...plugin, + id: "acme/bumped-later", + publishedAt: "2026-09-20T00:00:00.000Z", + updatedAt: "2026-10-01T17:00:00.000Z", + }; + const neverUpdated = { + ...plugin, + id: "acme/never-updated", + publishedAt: "2026-10-02T00:00:00.000Z", + updatedAt: "2026-10-02T00:00:00.000Z", + }; + expect(recentlyUpdated([bumped, neverUpdated, bumpedLater]).map((p) => p.id)).toEqual([ + "acme/bumped-later", + "acme/bumped", + ]); }); - it("orders by submission time and by installs in a window, keeping index order for ties", () => { - const older = { ...plugin, id: "acme/older", submittedAt: "2026-09-01" }; + it("orders by first listing time and by installs in a window, keeping index order for ties", () => { + const older = { ...plugin, id: "acme/older", publishedAt: "2026-09-01" }; const twin = { ...plugin, id: "acme/twin" }; expect(newestFirst([older, plugin, twin]).map((p) => p.id)).toEqual([ "acme/example", diff --git a/packages/website/src/plugins/registry.ts b/packages/website/src/plugins/registry.ts index c55741ecdc..df8dfb4ca6 100644 --- a/packages/website/src/plugins/registry.ts +++ b/packages/website/src/plugins/registry.ts @@ -106,9 +106,18 @@ export function featuredPlugins(plugins: Plugin[], featured: string[]): Plugin[] const byId = new Map(plugins.map((plugin) => [plugin.id, plugin])); return [...new Set(featured)].flatMap((id) => byId.get(id) ?? []); } -/** Most recently submitted first, so updates never resurface a plugin; equal times keep index order. */ +/** + * Most recently listed first. A slow review does not push a plugin down, and an update does not + * bring it back up. Equal times keep index order. + */ export function newestFirst(plugins: Plugin[]): Plugin[] { - return [...plugins].sort((a, b) => Date.parse(b.submittedAt) - Date.parse(a.submittedAt)); + return [...plugins].sort((a, b) => Date.parse(b.publishedAt) - Date.parse(a.publishedAt)); +} +/** Plugins with a version approved after their first listing, most recent update first. */ +export function recentlyUpdated(plugins: Plugin[]): Plugin[] { + return plugins + .filter((plugin) => Date.parse(plugin.updatedAt) > Date.parse(plugin.publishedAt)) + .sort((a, b) => Date.parse(b.updatedAt) - Date.parse(a.updatedAt)); } /** Most installs in the window first; equal counts keep index order. */ export function mostInstalled( @@ -119,9 +128,16 @@ export function mostInstalled( const count = (plugin: Plugin) => installs[plugin.id]?.[window] ?? 0; return [...plugins].sort((a, b) => count(b) - count(a)); } -/** How long ago the plugin was submitted, relative to the loader's clock. */ +/** How long ago the plugin was first listed, relative to the loader's clock. */ export function addedAgo(plugin: Plugin, now: string): string { - const days = Math.floor((Date.parse(now) - Date.parse(plugin.submittedAt)) / DAY_MS); + return ago(plugin.publishedAt, now); +} +/** How long ago the plugin's current version was approved, relative to the loader's clock. */ +export function updatedAgo(plugin: Plugin, now: string): string { + return ago(plugin.updatedAt, now); +} +function ago(date: string, now: string): string { + const days = Math.floor((Date.parse(now) - Date.parse(date)) / DAY_MS); if (days <= 0) return "today"; if (days === 1) return "yesterday"; if (days < 14) return `${days}d ago`; diff --git a/packages/website/src/plugins/thumbnails.test.ts b/packages/website/src/plugins/thumbnails.test.ts index fb9a571b93..aaaaf47418 100644 --- a/packages/website/src/plugins/thumbnails.test.ts +++ b/packages/website/src/plugins/thumbnails.test.ts @@ -2,7 +2,7 @@ import { createElement } from "react"; import { renderToStaticMarkup } from "react-dom/server"; import { describe, expect, it } from "vitest"; import { handlePluginThumbnailRequest, pluginCardScreenshot } from "./thumbnails"; -import { NewPluginCard, PluginCard } from "./plugin-card"; +import { PluginCard } from "./plugin-card"; import type { Plugin } from "./registry"; const source = "https://cdn.jsdelivr.net/npm/paseo-example@1.2.3/preview.png"; @@ -29,6 +29,8 @@ const plugin: Plugin = { installs: 42, }; +const avatar = 'src="https://github.com/acme.png?size=80"'; + describe("plugin card thumbnails", () => { it("uses the first image in the plugin's media, skipping a leading video", () => { const html = renderToStaticMarkup( @@ -42,7 +44,7 @@ describe("plugin card thumbnails", () => { const html = renderToStaticMarkup( createElement(PluginCard, { plugin: { ...plugin, media: [video] } }), ); - expect(html).not.toContain("