trackhome-react 0.1.0

package/README.md

@@ -0,0 +1,62 @@
+# trackhome-react
+
+Embeddable trackhome analytics dashboard for React. Pass two props, get a live dashboard.
+
+## Install
+
+```bash
+npm install trackhome-react
+```
+
+## Quick start
+
+```tsx
+import { TrackhomeDashboard } from 'trackhome-react';
+
+function App() {
+  return (
+    <TrackhomeDashboard
+      endpoint="https://trk.example.com"
+      authKey="ek_abc123..."
+      uid="my-dashboard"
+    />
+  );
+}
+```
+
+That's it. The component fetches its config (widgets, name, theme) from the server and renders a styled dashboard. No local config needed.
+
+## Props
+
+| Prop | Type | Required | Description |
+|---|---|---|---|
+| `endpoint` | string | Yes | Base URL of your trackhome instance |
+| `authKey` | string | Yes | Read-only embed key (NOT your admin token) |
+| `uid` | string | Yes | Unique dashboard identifier |
+| `editable` | boolean | No | Enable in-browser edit mode (add/remove widgets). Default: false |
+| `refreshInterval` | number | No | Auto-refresh interval in seconds. Default: 30. Set 0 to disable. |
+| `dateRange` | { from?, to? } | No | Custom date range (YYYY-MM-DD). Defaults to last 7 days. |
+| `className` | string | No | CSS class for the container |
+
+## Getting an authKey
+
+1. Open your trackhome admin dashboard
+2. Go to **Embeds** → **New key**
+3. Create an embed dashboard (clone from existing or configure from scratch)
+4. Copy the generated `authKey` + `uid`
+
+The authKey is **read-only** — it can only read dashboard configs and aggregate analytics. It cannot access raw events, links, funnels, or admin operations.
+
+## Features
+
+- **Zero config**: widget layout stored server-side, fetched by uid
+- **Self-styled**: inline CSS, no dependency on host app's CSS framework
+- **Light/dark theme**: stored in the embed config, switchable
+- **All widget kinds**: metric, timeseries, area, bar, pie, top_events, top_tags
+- **Auto-refresh**: polls for new data every 30s (configurable)
+- **Edit mode**: optional in-browser customization that saves back to server
+- **TypeScript**: full type definitions included
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * trackhome-embed — Embeddable analytics dashboard for React.
+ *
+ * Usage:
+ *
+ *   import { TrackhomeDashboard } from 'trackhome-embed';
+ *
+ *   <TrackhomeDashboard
+ *     endpoint="https://trk.example.com"
+ *     authKey="ek_abc123..."
+ *     uid="my-sales-dashboard"
+ *   />
+ *
+ * That's it. The component fetches its config (widgets, name, theme) from
+ * the server keyed by (authKey, uid), renders the widgets, and refreshes
+ * every 30s. An optional `editable` prop enables in-browser customization
+ * (add/remove/edit widgets) that saves back to the server.
+ */
+import React from 'react';
+export interface TrackhomeDashboardProps {
+    /** Base URL of the trackhome instance. */
+    endpoint: string;
+    /** Read-only embed auth key (NOT the admin token). */
+    authKey: string;
+    /** Unique dashboard identifier within this auth key. */
+    uid: string;
+    /** Enable in-browser edit mode (add/remove/edit widgets). Default: false. */
+    editable?: boolean;
+    /** Refresh interval in seconds. Default: 30. Set to 0 to disable. */
+    refreshInterval?: number;
+    /** Custom date range override. If omitted, defaults to last 7 days. */
+    dateRange?: {
+        from?: string;
+        to?: string;
+    };
+    /** CSS class for the container. */
+    className?: string;
+}
+export declare function TrackhomeDashboard({ endpoint, authKey, uid, editable, refreshInterval, dateRange, className, }: TrackhomeDashboardProps): React.JSX.Element | null;
+export default TrackhomeDashboard;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8JD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,GAAG,EACH,QAAgB,EAChB,eAAoB,EACpB,SAAS,EACT,SAAS,GACV,EAAE,uBAAuB,4BA6HzB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,174 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * trackhome-embed — Embeddable analytics dashboard for React.
+ *
+ * Usage:
+ *
+ *   import { TrackhomeDashboard } from 'trackhome-embed';
+ *
+ *   <TrackhomeDashboard
+ *     endpoint="https://trk.example.com"
+ *     authKey="ek_abc123..."
+ *     uid="my-sales-dashboard"
+ *   />
+ *
+ * That's it. The component fetches its config (widgets, name, theme) from
+ * the server keyed by (authKey, uid), renders the widgets, and refreshes
+ * every 30s. An optional `editable` prop enables in-browser customization
+ * (add/remove/edit widgets) that saves back to the server.
+ */
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+// ============================================================
+// API client
+// ============================================================
+async function api(endpoint, authKey, uid, path, init) {
+    const url = `${endpoint.replace(/\/$/, '')}/e/${authKey}/${uid}${path}`;
+    const res = await fetch(url, {
+        ...init,
+        headers: { 'content-type': 'application/json', ...(init?.headers ?? {}) },
+    });
+    if (!res.ok) {
+        const text = await res.text().catch(() => '');
+        throw new Error(`trackhome embed: ${res.status} ${res.statusText} ${text}`);
+    }
+    return res.json();
+}
+function defaultRange() {
+    const to = new Date();
+    const from = new Date(to.getTime() - 7 * 24 * 60 * 60 * 1000);
+    return { from: from.toISOString().slice(0, 10), to: to.toISOString().slice(0, 10) };
+}
+// ============================================================
+// Widget renderers (self-contained, no external deps)
+// ============================================================
+function WidgetCard({ widget, data, theme, }) {
+    const bg = theme === 'dark' ? '#1e293b' : '#ffffff';
+    const text = theme === 'dark' ? '#f1f5f9' : '#1e293b';
+    const border = theme === 'dark' ? '#334155' : '#e2e8f0';
+    return (_jsxs("div", { style: { background: bg, border: `1px solid ${border}`, borderRadius: 8, padding: 12 }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 600, color: text, marginBottom: 8 }, children: widget.title }), _jsx(WidgetBody, { widget: widget, data: data, theme: theme })] }));
+}
+function WidgetBody({ widget, data, theme, }) {
+    const accent = '#4f46e5';
+    const subtext = theme === 'dark' ? '#94a3b8' : '#64748b';
+    switch (widget.kind) {
+        case 'metric': {
+            const d = data;
+            const count = d?.count ?? 0;
+            return _jsx("div", { style: { fontSize: 28, fontWeight: 700, color: accent }, children: count.toLocaleString() });
+        }
+        case 'timeseries':
+        case 'area': {
+            const d = data ?? [];
+            if (d.length === 0)
+                return _jsx("div", { style: { fontSize: 12, color: subtext }, children: "No data." });
+            const max = Math.max(...d.map((p) => p.count), 1);
+            return (_jsx("div", { style: { display: 'flex', alignItems: 'flex-end', gap: 2, height: 80 }, children: d.slice(-30).map((p, i) => (_jsx("div", { title: `${p.ts.slice(0, 10)}: ${p.count}`, style: {
+                        flex: 1,
+                        height: `${(p.count / max) * 100}%`,
+                        minHeight: 2,
+                        background: accent,
+                        opacity: widget.kind === 'area' ? 0.6 : 1,
+                        borderRadius: '2px 2px 0 0',
+                    } }, i))) }));
+        }
+        case 'bar':
+        case 'pie':
+        case 'top_events':
+        case 'top_tags': {
+            const d = data ?? [];
+            if (d.length === 0)
+                return _jsx("div", { style: { fontSize: 12, color: subtext }, children: "No data." });
+            const max = Math.max(...d.map((x) => x.count), 1);
+            return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: d.map((x, i) => {
+                    const label = x.type ?? x.tag ?? '—';
+                    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("div", { style: { fontSize: 11, color: subtext, width: 120, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontFamily: 'monospace' }, children: label }), _jsx("div", { style: { flex: 1, height: 8, background: theme === 'dark' ? '#334155' : '#f1f5f9', borderRadius: 4, overflow: 'hidden' }, children: _jsx("div", { style: { width: `${(x.count / max) * 100}%`, height: '100%', background: accent, borderRadius: 4 } }) }), _jsx("div", { style: { fontSize: 11, color: subtext, minWidth: 40, textAlign: 'right' }, children: x.count.toLocaleString() })] }, i));
+                }) }));
+        }
+        default:
+            return null;
+    }
+}
+// ============================================================
+// Main component
+// ============================================================
+export function TrackhomeDashboard({ endpoint, authKey, uid, editable = false, refreshInterval = 30, dateRange, className, }) {
+    const [config, setConfig] = useState(null);
+    const [data, setData] = useState({});
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [editMode, setEditMode] = useState(false);
+    const refreshTimer = useRef(null);
+    const range = dateRange ?? defaultRange();
+    const fetchAll = useCallback(async () => {
+        try {
+            const [cfg, widgetData] = await Promise.all([
+                api(endpoint, authKey, uid, ''),
+                api(endpoint, authKey, uid, `/data?from=${range.from}&to=${range.to}`),
+            ]);
+            setConfig(cfg);
+            setData(widgetData);
+            setError(null);
+        }
+        catch (err) {
+            setError(err.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [endpoint, authKey, uid, range.from, range.to]);
+    useEffect(() => {
+        fetchAll();
+        if (refreshInterval > 0) {
+            refreshTimer.current = setInterval(fetchAll, refreshInterval * 1000);
+            return () => { if (refreshTimer.current)
+                clearInterval(refreshTimer.current); };
+        }
+    }, [fetchAll, refreshInterval]);
+    if (loading) {
+        return React.createElement('div', { className, style: { padding: 24, textAlign: 'center', color: '#94a3b8' } }, 'Loading dashboard…');
+    }
+    if (error) {
+        return React.createElement('div', { className, style: { padding: 24, color: '#ef4444', fontSize: 14 } }, `Error: ${error}`);
+    }
+    if (!config)
+        return null;
+    const theme = config.theme ?? 'light';
+    const bg = theme === 'dark' ? '#0f172a' : '#f8fafc';
+    // Save config (edit mode)
+    async function saveConfig(next) {
+        setConfig(next);
+        await api(endpoint, authKey, uid, '', {
+            method: 'PATCH',
+            body: JSON.stringify(next),
+        });
+    }
+    function removeWidget(id) {
+        if (!config)
+            return;
+        saveConfig({ ...config, widgets: config.widgets.filter((w) => w.id !== id) });
+    }
+    return (_jsxs("div", { className: className, style: { background: bg, borderRadius: 12, padding: 16 }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 12 }, children: [_jsx("div", { style: { fontSize: 16, fontWeight: 700, color: theme === 'dark' ? '#f1f5f9' : '#1e293b' }, children: config.name }), editable && (_jsx("button", { onClick: () => setEditMode(!editMode), style: {
+                            fontSize: 12,
+                            padding: '4px 10px',
+                            borderRadius: 6,
+                            border: '1px solid #4f46e5',
+                            background: editMode ? '#4f46e5' : 'transparent',
+                            color: editMode ? '#fff' : '#4f46e5',
+                            cursor: 'pointer',
+                        }, children: editMode ? 'Done' : 'Edit' }))] }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 8 }, children: [config.widgets.map((w) => (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(WidgetCard, { widget: w, data: data[w.id], theme: theme }), editMode && (_jsx("button", { onClick: () => removeWidget(w.id), style: {
+                                    position: 'absolute',
+                                    top: 4,
+                                    right: 4,
+                                    background: '#ef4444',
+                                    color: '#fff',
+                                    border: 'none',
+                                    borderRadius: 4,
+                                    width: 20,
+                                    height: 20,
+                                    fontSize: 12,
+                                    cursor: 'pointer',
+                                    lineHeight: 1,
+                                }, children: "\u00D7" }))] }, w.id))), config.widgets.length === 0 && (_jsxs("div", { style: { padding: 24, textAlign: 'center', color: theme === 'dark' ? '#64748b' : '#94a3b8', fontSize: 14 }, children: ["No widgets. ", editable && 'Click Edit to add some.'] }))] }), _jsx("div", { style: { textAlign: 'right', marginTop: 8, fontSize: 10, color: theme === 'dark' ? '#475569' : '#cbd5e1' }, children: "powered by trackhome" })] }));
+}
+export default TrackhomeDashboard;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "trackhome-react",
+  "version": "0.1.0",
+  "description": "Embeddable trackhome analytics dashboard for React — just pass authKey + uid.",
+  "keywords": [
+    "analytics",
+    "dashboard",
+    "embed",
+    "trackhome",
+    "react",
+    "component"
+  ],
+  "homepage": "https://github.com/exreve/trackhome",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/exreve/trackhome.git",
+    "directory": "packages/embed"
+  },
+  "license": "MIT",
+  "author": "exreve",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc -p tsconfig.json --watch --preserveWatchOutput",
+    "prepublishOnly": "pnpm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.31",
+    "typescript": "^5.5.0"
+  }
+}