medusa-product-helper 0.0.5 → 0.0.7

package/.medusa/server/src/admin/index.js

@@ -988,6 +988,129 @@ const ValueField = ({
 adminSdk.defineWidgetConfig({
   zone: "product.details.after"
 });
+const fetchJson = async (path) => {
+  const response = await fetch(path, {
+    credentials: "include"
+  });
+  const payload = await response.json().catch(() => null);
+  if (!response.ok) {
+    throw new Error(
+      (payload == null ? void 0 : payload.message) ?? "Unable to load wishlist statistics from the server"
+    );
+  }
+  return payload;
+};
+const ProductWishlistStatsWidget = ({ data }) => {
+  const productId = data == null ? void 0 : data.id;
+  const {
+    data: productStats,
+    isPending: isProductStatsPending,
+    isError: isProductStatsError,
+    error: productStatsError
+  } = reactQuery.useQuery({
+    queryKey: ["wishlist", "product", productId],
+    enabled: Boolean(productId),
+    queryFn: () => fetchJson(
+      `/admin/wishlist/stats?product_id=${productId}`
+    ),
+    refetchInterval: 6e4
+  });
+  const {
+    data: allStats,
+    isPending: isAllStatsPending,
+    isError: isAllStatsError,
+    error: allStatsError
+  } = reactQuery.useQuery({
+    queryKey: ["wishlist", "stats"],
+    queryFn: () => fetchJson("/admin/wishlist/stats"),
+    staleTime: 6e4
+  });
+  const topFive = react.useMemo(() => {
+    var _a;
+    if (!((_a = allStats == null ? void 0 : allStats.stats) == null ? void 0 : _a.length)) {
+      return [];
+    }
+    return [...allStats.stats].sort((a, b) => b.wishlist_count - a.wishlist_count).slice(0, 5);
+  }, [allStats]);
+  const productWishlistCount = (productStats == null ? void 0 : productStats.wishlist_count) ?? 0;
+  const productIsTopWishlisted = topFive.some(
+    (stat) => stat.product_id === productId
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Wishlist performance" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Track how often this product appears in customer wishlists and see the current top performers." })
+    ] }),
+    !productId ? /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "info", label: "Product not loaded yet", children: "Open a product detail record to view wishlist insights." }) : isProductStatsPending ? /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-[96px] w-full rounded-lg" }) : isProductStatsError ? /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "error", label: "Unable to load product stats", children: productStatsError instanceof Error ? productStatsError.message : "Unknown error" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 rounded-lg border border-ui-border-base bg-ui-bg-base p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "txt-compact-xsmall-plus uppercase tracking-wide text-ui-fg-muted", children: "This product" }),
+        productIsTopWishlisted && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", rounded: "full", color: "green", children: "Top 5" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", className: "text-[32px] leading-none", children: productWishlistCount }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: productWishlistCount === 1 ? "customer has saved this product." : "customers have saved this product." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "txt-compact-xsmall-plus uppercase tracking-wide text-ui-fg-muted", children: "Storewide insights" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Top wishlisted products" })
+        ] }),
+        productId && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", children: productIsTopWishlisted ? "In top 5" : "Not in top 5" })
+      ] }),
+      isAllStatsPending ? /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-[160px] w-full rounded-lg" }) : isAllStatsError ? /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "error", label: "Unable to load storewide stats", children: allStatsError instanceof Error ? allStatsError.message : "Unknown error" }) : !topFive.length ? /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "info", label: "No wishlist activity yet", children: "Customers have not saved any products to their wishlists yet. Once they do, the most popular products will show up here." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-field", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2 text-left text-[11px] font-semibold uppercase tracking-wide text-ui-fg-muted",
+              children: "#"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2 text-left text-[11px] font-semibold uppercase tracking-wide text-ui-fg-muted",
+              children: "Product ID"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2 text-right text-[11px] font-semibold uppercase tracking-wide text-ui-fg-muted",
+              children: "Wishlists"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: topFive.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "tr",
+          {
+            className: stat.product_id === productId ? "bg-ui-bg-subtle" : "bg-ui-bg-base",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-4 py-3 text-sm font-medium text-ui-fg-subtle", children: [
+                "#",
+                index + 1
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-mono text-sm", children: stat.product_id }),
+                stat.product_id === productId && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "green", children: "Current" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-right text-sm font-semibold", children: stat.wishlist_count.toLocaleString() })
+            ]
+          },
+          stat.product_id
+        )) })
+      ] }) })
+    ] })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "product.details.side.after"
+});
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
@@ -1005,6 +1128,10 @@ const widgetModule = { widgets: [
   {
     Component: ProductMetadataTableWidget,
     zone: ["product.details.after"]
+  },
+  {
+    Component: ProductWishlistStatsWidget,
+    zone: ["product.details.side.after"]
   }
 ] };
 const routeModule = {

package/.medusa/server/src/admin/index.mjs

@@ -987,6 +987,129 @@ const ValueField = ({
 defineWidgetConfig({
   zone: "product.details.after"
 });
+const fetchJson = async (path) => {
+  const response = await fetch(path, {
+    credentials: "include"
+  });
+  const payload = await response.json().catch(() => null);
+  if (!response.ok) {
+    throw new Error(
+      (payload == null ? void 0 : payload.message) ?? "Unable to load wishlist statistics from the server"
+    );
+  }
+  return payload;
+};
+const ProductWishlistStatsWidget = ({ data }) => {
+  const productId = data == null ? void 0 : data.id;
+  const {
+    data: productStats,
+    isPending: isProductStatsPending,
+    isError: isProductStatsError,
+    error: productStatsError
+  } = useQuery({
+    queryKey: ["wishlist", "product", productId],
+    enabled: Boolean(productId),
+    queryFn: () => fetchJson(
+      `/admin/wishlist/stats?product_id=${productId}`
+    ),
+    refetchInterval: 6e4
+  });
+  const {
+    data: allStats,
+    isPending: isAllStatsPending,
+    isError: isAllStatsError,
+    error: allStatsError
+  } = useQuery({
+    queryKey: ["wishlist", "stats"],
+    queryFn: () => fetchJson("/admin/wishlist/stats"),
+    staleTime: 6e4
+  });
+  const topFive = useMemo(() => {
+    var _a;
+    if (!((_a = allStats == null ? void 0 : allStats.stats) == null ? void 0 : _a.length)) {
+      return [];
+    }
+    return [...allStats.stats].sort((a, b) => b.wishlist_count - a.wishlist_count).slice(0, 5);
+  }, [allStats]);
+  const productWishlistCount = (productStats == null ? void 0 : productStats.wishlist_count) ?? 0;
+  const productIsTopWishlisted = topFive.some(
+    (stat) => stat.product_id === productId
+  );
+  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Wishlist performance" }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Track how often this product appears in customer wishlists and see the current top performers." })
+    ] }),
+    !productId ? /* @__PURE__ */ jsx(InlineTip, { variant: "info", label: "Product not loaded yet", children: "Open a product detail record to view wishlist insights." }) : isProductStatsPending ? /* @__PURE__ */ jsx(Skeleton, { className: "h-[96px] w-full rounded-lg" }) : isProductStatsError ? /* @__PURE__ */ jsx(InlineTip, { variant: "error", label: "Unable to load product stats", children: productStatsError instanceof Error ? productStatsError.message : "Unknown error" }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2 rounded-lg border border-ui-border-base bg-ui-bg-base p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-compact-xsmall-plus uppercase tracking-wide text-ui-fg-muted", children: "This product" }),
+        productIsTopWishlisted && /* @__PURE__ */ jsx(Badge, { size: "2xsmall", rounded: "full", color: "green", children: "Top 5" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", className: "text-[32px] leading-none", children: productWishlistCount }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: productWishlistCount === 1 ? "customer has saved this product." : "customers have saved this product." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { className: "txt-compact-xsmall-plus uppercase tracking-wide text-ui-fg-muted", children: "Storewide insights" }),
+          /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Top wishlisted products" })
+        ] }),
+        productId && /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "grey", children: productIsTopWishlisted ? "In top 5" : "Not in top 5" })
+      ] }),
+      isAllStatsPending ? /* @__PURE__ */ jsx(Skeleton, { className: "h-[160px] w-full rounded-lg" }) : isAllStatsError ? /* @__PURE__ */ jsx(InlineTip, { variant: "error", label: "Unable to load storewide stats", children: allStatsError instanceof Error ? allStatsError.message : "Unknown error" }) : !topFive.length ? /* @__PURE__ */ jsx(InlineTip, { variant: "info", label: "No wishlist activity yet", children: "Customers have not saved any products to their wishlists yet. Once they do, the most popular products will show up here." }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-field", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2 text-left text-[11px] font-semibold uppercase tracking-wide text-ui-fg-muted",
+              children: "#"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2 text-left text-[11px] font-semibold uppercase tracking-wide text-ui-fg-muted",
+              children: "Product ID"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2 text-right text-[11px] font-semibold uppercase tracking-wide text-ui-fg-muted",
+              children: "Wishlists"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: topFive.map((stat, index) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: stat.product_id === productId ? "bg-ui-bg-subtle" : "bg-ui-bg-base",
+            children: [
+              /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 text-sm font-medium text-ui-fg-subtle", children: [
+                "#",
+                index + 1
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+                /* @__PURE__ */ jsx(Text, { className: "font-mono text-sm", children: stat.product_id }),
+                stat.product_id === productId && /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "green", children: "Current" })
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right text-sm font-semibold", children: stat.wishlist_count.toLocaleString() })
+            ]
+          },
+          stat.product_id
+        )) })
+      ] }) })
+    ] })
+  ] });
+};
+defineWidgetConfig({
+  zone: "product.details.side.after"
+});
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
@@ -1004,6 +1127,10 @@ const widgetModule = { widgets: [
   {
     Component: ProductMetadataTableWidget,
     zone: ["product.details.after"]
+  },
+  {
+    Component: ProductWishlistStatsWidget,
+    zone: ["product.details.side.after"]
   }
 ] };
 const routeModule = {

package/README.md

@@ -194,6 +194,18 @@ inputs. No extra configuration is required beyond defining descriptors under
 `metadata.products.descriptors` or `metadata.categories.descriptors` in
 `medusa-config.ts`.
 
+#### Wishlist Insights Widget
+
+The admin extension also injects a **Wishlist performance** card into the product
+details sidebar (`product.details.side.after`). The widget:
+
+- Shows how many unique customers saved the current product.
+- Highlights whether the product ranks within the most wishlisted items.
+- Displays a live leaderboard (top 5) powered by `/admin/wishlist/stats`.
+
+No additional configuration is required—install the plugin, run the wishlist
+migration, and open any product inside Medusa Admin to see the UI.
+
 #### Promotion Window
 
 Configure how promotion dates are tracked using product metadata:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "medusa-product-helper",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "A starter for Medusa plugins.",
   "author": "Medusa (https://medusajs.com)",
   "license": "MIT",