@pulsekit/react 0.0.1

package/dist/PulseChart.d.mts

@@ -0,0 +1,12 @@
+import React from 'react';
+
+interface PulseChartProps {
+    data: {
+        date: string;
+        totalViews: number;
+        uniqueVisitors: number;
+    }[];
+}
+declare function PulseChart({ data }: PulseChartProps): React.ReactElement | null;
+
+export { PulseChart, type PulseChartProps };

package/dist/PulseChart.mjs

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  AreaChart,
+  Area,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer
+} from "recharts";
+function formatDate(dateStr) {
+  const d = /* @__PURE__ */ new Date(dateStr + "T00:00:00");
+  return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+function PulseChart({ data }) {
+  if (data.length === 0) return null;
+  return /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 300, children: /* @__PURE__ */ jsxs(AreaChart, { data, children: [
+    /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border)" }),
+    /* @__PURE__ */ jsx(
+      XAxis,
+      {
+        dataKey: "date",
+        tickFormatter: formatDate,
+        fontSize: 12,
+        stroke: "var(--muted-foreground)"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      YAxis,
+      {
+        fontSize: 12,
+        stroke: "var(--muted-foreground)",
+        allowDecimals: false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        labelFormatter: formatDate,
+        contentStyle: {
+          backgroundColor: "var(--card)",
+          border: "1px solid var(--border)",
+          borderRadius: "var(--radius)",
+          fontSize: 12
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Area,
+      {
+        type: "monotone",
+        dataKey: "totalViews",
+        name: "Views",
+        stroke: "var(--chart-1)",
+        fill: "var(--chart-1)",
+        fillOpacity: 0.2,
+        strokeWidth: 2
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Area,
+      {
+        type: "monotone",
+        dataKey: "uniqueVisitors",
+        name: "Unique visitors",
+        stroke: "var(--chart-2)",
+        fill: "var(--chart-2)",
+        fillOpacity: 0.2,
+        strokeWidth: 2
+      }
+    )
+  ] }) });
+}
+export {
+  PulseChart
+};

package/dist/PulseDashboard.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SupabaseClient } from '@supabase/supabase-js';
+import { Timeframe } from '@pulsekit/core';
+
+interface PulseDashboardProps {
+    supabase: SupabaseClient;
+    siteId: string;
+    timeframe?: Timeframe;
+    timezone?: string;
+    refreshEndpoint?: string;
+}
+declare function PulseDashboard({ supabase, siteId, timeframe, timezone, refreshEndpoint, }: PulseDashboardProps): Promise<react_jsx_runtime.JSX.Element>;
+
+export { PulseDashboard, type PulseDashboardProps };

package/dist/PulseDashboard.mjs

@@ -0,0 +1,179 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getPulseStats, getPulseVitals } from "@pulsekit/core";
+import { PulseChart } from "./PulseChart";
+import { PulseMap } from "./PulseMap";
+import { PulseVitals } from "./PulseVitals";
+import { RefreshButton } from "./RefreshButton";
+async function PulseDashboard({
+  supabase,
+  siteId,
+  timeframe = "7d",
+  timezone,
+  refreshEndpoint
+}) {
+  const [stats, vitals] = await Promise.all([
+    getPulseStats({ supabase, siteId, timeframe, timezone }),
+    getPulseVitals({ supabase, siteId, timeframe }).catch((err) => {
+      console.error("getPulseVitals failed:", err);
+      return { overall: [], byPage: [] };
+    })
+  ]);
+  return /* @__PURE__ */ jsxs("div", { style: { maxWidth: 896, margin: "0 auto", padding: 24 }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginBottom: 24
+        },
+        children: [
+          /* @__PURE__ */ jsx("h1", { style: { fontSize: 24, fontWeight: 600, margin: 0 }, children: "Pulse Analytics" }),
+          /* @__PURE__ */ jsx(RefreshButton, { endpoint: refreshEndpoint })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          style: {
+            border: "1px solid #e5e7eb",
+            borderRadius: 8,
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { style: { padding: "16px 20px", borderBottom: "1px solid #e5e7eb" }, children: /* @__PURE__ */ jsx("h2", { style: { fontSize: 16, fontWeight: 600, margin: 0 }, children: "Traffic over time" }) }),
+            /* @__PURE__ */ jsx("div", { style: { padding: 20 }, children: stats.daily.length === 0 ? /* @__PURE__ */ jsx("p", { style: { fontSize: 14, color: "#6b7280", margin: 0 }, children: "No analytics data yet. Visit your site and refresh aggregates." }) : /* @__PURE__ */ jsx(PulseChart, { data: stats.daily }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          style: {
+            border: "1px solid #e5e7eb",
+            borderRadius: 8,
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { style: { padding: "16px 20px", borderBottom: "1px solid #e5e7eb" }, children: /* @__PURE__ */ jsx("h2", { style: { fontSize: 16, fontWeight: 600, margin: 0 }, children: "Top pages" }) }),
+            /* @__PURE__ */ jsx("div", { style: { padding: 20 }, children: stats.topPages.length === 0 ? /* @__PURE__ */ jsx("p", { style: { fontSize: 14, color: "#6b7280", margin: 0 }, children: "No page data available for this timeframe." }) : /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    style: {
+                      textAlign: "left",
+                      padding: "8px 0",
+                      fontSize: 14,
+                      fontWeight: 500,
+                      borderBottom: "1px solid #e5e7eb"
+                    },
+                    children: "Path"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    style: {
+                      textAlign: "right",
+                      padding: "8px 0",
+                      fontSize: 14,
+                      fontWeight: 500,
+                      borderBottom: "1px solid #e5e7eb"
+                    },
+                    children: "Views"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    style: {
+                      textAlign: "right",
+                      padding: "8px 0",
+                      fontSize: 14,
+                      fontWeight: 500,
+                      borderBottom: "1px solid #e5e7eb"
+                    },
+                    children: "Unique"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: stats.topPages.map((p) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      padding: "8px 0",
+                      fontSize: 12,
+                      fontFamily: "monospace",
+                      borderBottom: "1px solid #f3f4f6"
+                    },
+                    children: p.path
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      textAlign: "right",
+                      padding: "8px 0",
+                      fontSize: 14,
+                      borderBottom: "1px solid #f3f4f6"
+                    },
+                    children: p.totalViews
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      textAlign: "right",
+                      padding: "8px 0",
+                      fontSize: 14,
+                      borderBottom: "1px solid #f3f4f6"
+                    },
+                    children: p.uniqueVisitors
+                  }
+                )
+              ] }, p.path)) })
+            ] }) })
+          ]
+        }
+      ),
+      vitals.overall.length > 0 && /* @__PURE__ */ jsxs(
+        "section",
+        {
+          style: {
+            border: "1px solid #e5e7eb",
+            borderRadius: 8,
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { style: { padding: "16px 20px", borderBottom: "1px solid #e5e7eb" }, children: /* @__PURE__ */ jsx("h2", { style: { fontSize: 16, fontWeight: 600, margin: 0 }, children: "Web Vitals" }) }),
+            /* @__PURE__ */ jsx("div", { style: { padding: 20 }, children: /* @__PURE__ */ jsx(PulseVitals, { data: vitals }) })
+          ]
+        }
+      ),
+      stats.locations.length > 0 && /* @__PURE__ */ jsxs(
+        "section",
+        {
+          style: {
+            border: "1px solid #e5e7eb",
+            borderRadius: 8,
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { style: { padding: "16px 20px", borderBottom: "1px solid #e5e7eb" }, children: /* @__PURE__ */ jsx("h2", { style: { fontSize: 16, fontWeight: 600, margin: 0 }, children: "Visitors by location" }) }),
+            /* @__PURE__ */ jsx("div", { style: { padding: 20 }, children: /* @__PURE__ */ jsx(PulseMap, { data: stats.locations }) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  PulseDashboard
+};

package/dist/PulseMap.d.mts

@@ -0,0 +1,15 @@
+import React from 'react';
+
+interface PulseMapProps {
+    data: {
+        country: string;
+        city: string | null;
+        latitude: number | null;
+        longitude: number | null;
+        totalViews: number;
+        uniqueVisitors: number;
+    }[];
+}
+declare function PulseMap({ data }: PulseMapProps): React.ReactElement;
+
+export { PulseMap, type PulseMapProps };

package/dist/PulseMap.mjs

@@ -0,0 +1,177 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import {
+  ComposableMap,
+  Geographies,
+  Geography,
+  Marker
+} from "react-simple-maps";
+const GEO_URL = "https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json";
+function countryName(code) {
+  try {
+    return new Intl.DisplayNames(["en"], { type: "region" }).of(code) ?? code;
+  } catch {
+    return code;
+  }
+}
+function bubbleRadius(views, maxViews) {
+  if (maxViews === 0) return 4;
+  return 4 + 16 * Math.sqrt(views / maxViews);
+}
+function PulseMap({ data }) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const { markers, maxViews } = useMemo(() => {
+    const items = data.filter(
+      (r) => r.latitude != null && r.longitude != null
+    );
+    let max = 0;
+    for (const m of items) {
+      if (m.totalViews > max) max = m.totalViews;
+    }
+    return { markers: items, maxViews: max };
+  }, [data]);
+  const tableRows = useMemo(() => {
+    return data.map((row) => ({
+      country: row.country,
+      countryName: countryName(row.country),
+      city: row.city,
+      views: row.totalViews,
+      unique: row.uniqueVisitors
+    })).sort((a, b) => b.views - a.views);
+  }, [data]);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "auto", overflow: "hidden" }, children: !mounted ? /* @__PURE__ */ jsx("div", { style: { height: 400 } }) : /* @__PURE__ */ jsxs(
+      ComposableMap,
+      {
+        projectionConfig: { scale: 147 },
+        width: 800,
+        height: 400,
+        style: { width: "100%", height: "auto", display: "block" },
+        children: [
+          /* @__PURE__ */ jsx(Geographies, { geography: GEO_URL, children: ({ geographies }) => geographies.map((geo) => /* @__PURE__ */ jsx(
+            Geography,
+            {
+              geography: geo,
+              fill: "#f0f0f0",
+              stroke: "#d1d5db",
+              strokeWidth: 0.5,
+              style: {
+                default: { outline: "none" },
+                hover: { outline: "none" },
+                pressed: { outline: "none" }
+              }
+            },
+            geo.rsmKey
+          )) }),
+          markers.map((m, i) => /* @__PURE__ */ jsx(
+            Marker,
+            {
+              coordinates: [m.longitude, m.latitude],
+              children: /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  r: bubbleRadius(m.totalViews, maxViews),
+                  fill: "rgba(99, 102, 241, 0.6)",
+                  stroke: "rgba(99, 102, 241, 0.9)",
+                  strokeWidth: 1
+                }
+              )
+            },
+            `${m.country}-${m.city ?? "unknown"}-${i}`
+          ))
+        ]
+      }
+    ) }),
+    tableRows.length > 0 && /* @__PURE__ */ jsxs(
+      "table",
+      {
+        style: { width: "100%", borderCollapse: "collapse", marginTop: 16 },
+        children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(
+              "th",
+              {
+                style: {
+                  textAlign: "left",
+                  padding: "8px 0",
+                  fontSize: 14,
+                  fontWeight: 500,
+                  borderBottom: "1px solid #e5e7eb"
+                },
+                children: "Location"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "th",
+              {
+                style: {
+                  textAlign: "right",
+                  padding: "8px 0",
+                  fontSize: 14,
+                  fontWeight: 500,
+                  borderBottom: "1px solid #e5e7eb"
+                },
+                children: "Views"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "th",
+              {
+                style: {
+                  textAlign: "right",
+                  padding: "8px 0",
+                  fontSize: 14,
+                  fontWeight: 500,
+                  borderBottom: "1px solid #e5e7eb"
+                },
+                children: "Unique"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: tableRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(
+              "td",
+              {
+                style: {
+                  padding: "8px 0",
+                  fontSize: 14,
+                  borderBottom: "1px solid #f3f4f6"
+                },
+                children: row.city ? `${row.city}, ${row.countryName}` : row.countryName
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "td",
+              {
+                style: {
+                  textAlign: "right",
+                  padding: "8px 0",
+                  fontSize: 14,
+                  borderBottom: "1px solid #f3f4f6"
+                },
+                children: row.views
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "td",
+              {
+                style: {
+                  textAlign: "right",
+                  padding: "8px 0",
+                  fontSize: 14,
+                  borderBottom: "1px solid #f3f4f6"
+                },
+                children: row.unique
+              }
+            )
+          ] }, `${row.country}-${row.city ?? "unknown"}-${i}`)) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  PulseMap
+};

package/dist/PulseVitals.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VitalsOverview } from '@pulsekit/core';
+
+interface PulseVitalsProps {
+    data: VitalsOverview;
+}
+declare function PulseVitals({ data }: PulseVitalsProps): react_jsx_runtime.JSX.Element;
+
+export { PulseVitals, type PulseVitalsProps };

package/dist/PulseVitals.mjs

@@ -0,0 +1,157 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const METRIC_LABELS = {
+  lcp: { label: "LCP", unit: "ms", description: "Largest Contentful Paint \u2014 time until the biggest visible element loads" },
+  inp: { label: "INP", unit: "ms", description: "Interaction to Next Paint \u2014 responsiveness to user input" },
+  cls: { label: "CLS", unit: "", description: "Cumulative Layout Shift \u2014 how much the page layout moves around" },
+  fcp: { label: "FCP", unit: "ms", description: "First Contentful Paint \u2014 time until first text or image appears" },
+  ttfb: { label: "TTFB", unit: "ms", description: "Time to First Byte \u2014 server response time" }
+};
+const METRIC_ORDER = ["lcp", "inp", "cls", "fcp", "ttfb"];
+const RATING_COLORS = {
+  good: { bg: "#f0fdf4", text: "#15803d", badge: "Good" },
+  "needs-improvement": { bg: "#fefce8", text: "#a16207", badge: "Needs work" },
+  poor: { bg: "#fef2f2", text: "#dc2626", badge: "Poor" }
+};
+function formatValue(metric, value) {
+  if (metric === "cls") return value.toFixed(3);
+  return Math.round(value).toString();
+}
+function RatingBadge({ rating }) {
+  const colors = RATING_COLORS[rating];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "inline-block",
+        padding: "2px 8px",
+        borderRadius: 9999,
+        fontSize: 11,
+        fontWeight: 600,
+        backgroundColor: colors.bg,
+        color: colors.text
+      },
+      children: colors.badge
+    }
+  );
+}
+function VitalCard({ stat }) {
+  const info = METRIC_LABELS[stat.metric] ?? { label: stat.metric.toUpperCase(), unit: "" };
+  const colors = RATING_COLORS[stat.rating];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        border: "1px solid #e5e7eb",
+        borderRadius: 8,
+        padding: 16,
+        flex: "1 1 0",
+        minWidth: 140,
+        backgroundColor: colors.bg
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            title: info.description,
+            style: { fontSize: 12, fontWeight: 500, color: "#6b7280", marginBottom: 4, cursor: "help" },
+            children: info.label
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { fontSize: 24, fontWeight: 700, color: colors.text }, children: [
+          formatValue(stat.metric, stat.p75),
+          info.unit && /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 400, marginLeft: 2 }, children: info.unit })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginTop: 8 }, children: [
+          /* @__PURE__ */ jsx(RatingBadge, { rating: stat.rating }),
+          /* @__PURE__ */ jsxs("span", { style: { fontSize: 11, color: "#9ca3af" }, children: [
+            stat.sampleCount,
+            " sample",
+            stat.sampleCount !== 1 ? "s" : ""
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CellValue({ stat }) {
+  if (!stat) {
+    return /* @__PURE__ */ jsx("span", { style: { color: "#d1d5db" }, children: "--" });
+  }
+  const colors = RATING_COLORS[stat.rating];
+  return /* @__PURE__ */ jsx("span", { style: { color: colors.text, fontWeight: 500 }, children: formatValue(stat.metric, stat.p75) });
+}
+function PulseVitals({ data }) {
+  const overallMap = /* @__PURE__ */ new Map();
+  for (const stat of data.overall) {
+    overallMap.set(stat.metric, stat);
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 12, flexWrap: "wrap", marginBottom: 20 }, children: METRIC_ORDER.map((metric) => {
+      const stat = overallMap.get(metric);
+      if (!stat) return null;
+      return /* @__PURE__ */ jsx(VitalCard, { stat }, metric);
+    }) }),
+    data.byPage.length > 0 && /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(
+          "th",
+          {
+            style: {
+              textAlign: "left",
+              padding: "8px 0",
+              fontSize: 14,
+              fontWeight: 500,
+              borderBottom: "1px solid #e5e7eb"
+            },
+            children: "Page"
+          }
+        ),
+        METRIC_ORDER.map((metric) => /* @__PURE__ */ jsx(
+          "th",
+          {
+            style: {
+              textAlign: "right",
+              padding: "8px 8px",
+              fontSize: 14,
+              fontWeight: 500,
+              borderBottom: "1px solid #e5e7eb"
+            },
+            children: METRIC_LABELS[metric]?.label ?? metric.toUpperCase()
+          },
+          metric
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: data.byPage.map((page) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(
+          "td",
+          {
+            style: {
+              padding: "8px 0",
+              fontSize: 12,
+              fontFamily: "monospace",
+              borderBottom: "1px solid #f3f4f6"
+            },
+            children: page.path
+          }
+        ),
+        METRIC_ORDER.map((metric) => /* @__PURE__ */ jsx(
+          "td",
+          {
+            style: {
+              textAlign: "right",
+              padding: "8px 8px",
+              fontSize: 14,
+              borderBottom: "1px solid #f3f4f6"
+            },
+            children: /* @__PURE__ */ jsx(CellValue, { stat: page.vitals[metric] })
+          },
+          metric
+        ))
+      ] }, page.path)) })
+    ] })
+  ] });
+}
+export {
+  PulseVitals
+};

package/dist/RefreshButton.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface RefreshButtonProps {
+    endpoint?: string;
+}
+declare function RefreshButton({ endpoint, }: RefreshButtonProps): react_jsx_runtime.JSX.Element;
+
+export { RefreshButton, type RefreshButtonProps };

package/dist/RefreshButton.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+function RefreshButton({
+  endpoint = "/api/pulse/refresh-aggregates"
+}) {
+  const [loading, setLoading] = useState(false);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      disabled: loading,
+      onClick: async () => {
+        setLoading(true);
+        await fetch(endpoint, { method: "POST" });
+        setLoading(false);
+        window.location.reload();
+      },
+      style: {
+        padding: "6px 12px",
+        fontSize: "14px",
+        borderRadius: "6px",
+        border: "1px solid #d1d5db",
+        background: "transparent",
+        cursor: loading ? "not-allowed" : "pointer",
+        opacity: loading ? 0.6 : 1
+      },
+      children: loading ? "Refreshing..." : "Refresh data"
+    }
+  );
+}
+export {
+  RefreshButton
+};

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+export { PulseChart, PulseChartProps } from './PulseChart.mjs';
+export { PulseDashboard, PulseDashboardProps } from './PulseDashboard.mjs';
+export { PulseMap, PulseMapProps } from './PulseMap.mjs';
+export { PulseVitals, PulseVitalsProps } from './PulseVitals.mjs';
+export { RefreshButton, RefreshButtonProps } from './RefreshButton.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '@supabase/supabase-js';
+import '@pulsekit/core';

package/dist/index.mjs

@@ -0,0 +1,12 @@
+import { PulseChart } from "./PulseChart";
+import { PulseDashboard } from "./PulseDashboard";
+import { PulseMap } from "./PulseMap";
+import { PulseVitals } from "./PulseVitals";
+import { RefreshButton } from "./RefreshButton";
+export {
+  PulseChart,
+  PulseDashboard,
+  PulseMap,
+  PulseVitals,
+  RefreshButton
+};

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@pulsekit/react",
+  "version": "0.0.1",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.mts"
+    }
+  },
+  "dependencies": {
+    "react-simple-maps": "^3.0.0",
+    "recharts": "^2.15.0",
+    "@pulsekit/core": "0.0.1"
+  },
+  "devDependencies": {
+    "@supabase/supabase-js": "^2.49.0",
+    "@types/react": "^19.0.0",
+    "@types/react-simple-maps": "^3.0.6",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0"
+  },
+  "peerDependencies": {
+    "@supabase/supabase-js": ">=2.0.0",
+    "react": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist"
+  }
+}