Get Registry Analytics

function getRegistryOverview(args: {
  registryId: Id<"registries">;
}): Promise<RegistryStats>;

interface RegistryStats {
  totalDownloads: number;
  totalInstalls: number;
  totalViews: number;
  uniqueComponents: number;
}

import { api } from "../convex/_generated/api";
import { useQuery } from "convex/react";

function RegistryStats({ registryId }: { registryId: string }) {
  const stats = useQuery(api.queries.getRegistryOverview, { registryId });

  if (!stats) return <div>Loading...</div>;

  return (
    <div>
      <p>Total Downloads: {stats.totalDownloads}</p>
      <p>Total Installs: {stats.totalInstalls}</p>
      <p>Total Views: {stats.totalViews}</p>
      <p>Unique Components: {stats.uniqueComponents}</p>
    </div>
  );
}

function getTopComponents(args: {
  registryId: Id<"registries">;
  limit?: number;
}): Promise<ComponentStats[]>;

interface ComponentStats {
  _id: string;
  registryId: string;
  componentName: string;
  componentPath: string;
  totalDownloads: number;
  totalInstalls: number;
  totalViews: number;
}

import { api } from "../convex/_generated/api";
import { useQuery } from "convex/react";

function TopComponents({ registryId }: { registryId: string }) {
  const components = useQuery(api.queries.getTopComponents, {
    limit: 5,
    registryId,
  });

  if (!components) return <div>Loading...</div>;

  return (
    <ul>
      {components.map((comp) => (
        <li key={comp._id}>
          {comp.componentName} - {comp.totalInstalls} installs
        </li>
      ))}
    </ul>
  );
}

function getEvents(args: {
  registryId: Id<"registries">;
  limit?: number;
}): Promise<Event[]>;

interface Event {
  _id: string;
  registryId: string;
  type: "installed" | "viewed" | "downloaded";
  timestamp: number;
  ip: string;
  userAgent: string;
  componentPath: string;
}

import { api } from "../convex/_generated/api";
import { useQuery } from "convex/react";

function EventList({ registryId }: { registryId: string }) {
  const events = useQuery(api.queries.getEvents, {
    limit: 20,
    registryId,
  });

  if (!events) return <div>Loading...</div>;

  return (
    <ul>
      {events.map((event) => (
        <li key={event._id}>
          {event.type} - {event.componentPath} -{" "}
          {new Date(event.timestamp).toLocaleDateString()}
        </li>
      ))}
    </ul>
  );
}

function getDailyEventCounts(args: {
  registryId: Id<"registries">;
  days?: number;
}): Promise<DailyCounts>;

interface DailyCounts {
  [date: string]: {
    downloaded: number;
    installed: number;
    viewed: number;
  };
}

import { api } from "../convex/_generated/api";
import { useQuery } from "convex/react";

function EventChart({ registryId }: { registryId: string }) {
  const dailyCounts = useQuery(api.queries.getDailyEventCounts, {
    days: 7,
    registryId,
  });

  if (!dailyCounts) return <div>Loading...</div>;

  return (
    <div>
      {Object.entries(dailyCounts).map(([date, counts]) => (
        <div key={date}>
          <p>Date: {date}</p>
          <p>Installed: {counts.installed}</p>
          <p>Viewed: {counts.viewed}</p>
          <p>Downloaded: {counts.downloaded}</p>
        </div>
      ))}
    </div>
  );
}