@orangecheck/vote-react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 OrangeCheck
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,98 @@
+# @orangecheck/vote-react
+
+Drop-in React components for [OC Vote](https://github.com/orangecheck/oc-vote-protocol). Embed a live tally anywhere in three lines.
+
+```bash
+npm i @orangecheck/vote-react react
+```
+
+## Components
+
+### `<OcPoll pollId="…" />`
+
+A full poll card — question, option bars, turnout, status pill, "cast a ballot" CTA that opens `vote.ochk.io/p/<id>` in a new tab. Live-refreshes every 60s by default.
+
+```tsx
+import { OcPoll } from '@orangecheck/vote-react';
+
+<OcPoll pollId="3054390f047f2703186943a41178bc15931500b5139229517f26e56282026ee5" />
+```
+
+### `<OcTallyBadge pollId="…" />`
+
+A compact inline pill showing the top option + its percentage. Use in sidebars, profile cards, feed rows.
+
+```tsx
+import { OcTallyBadge } from '@orangecheck/vote-react';
+
+<OcTallyBadge pollId="3054390f…" theme="dark" />
+```
+
+### `useTally(pollId, opts?)`
+
+The underlying hook, for custom rendering.
+
+```tsx
+import { useTally } from '@orangecheck/vote-react';
+
+function MyPoll({ id }: { id: string }) {
+    const { data, error, loading, refetch } = useTally(id, { refreshMs: 30_000 });
+    if (loading) return <Spinner />;
+    if (error) return <Error msg={error.message} />;
+    if (data?.state === 'awaiting_reveal') return <Pending />;
+    return <TallyView tallies={data!.tallies!} />;
+}
+```
+
+## Props (shared)
+
+| Prop | Type | Default | Meaning |
+|---|---|---|---|
+| `pollId` | `string` | — | 64-hex poll id |
+| `theme` | `'light' \| 'dark'` | `'light'` | Colour theme |
+| `baseUrl` | `string` | `https://vote.ochk.io` | Override for self-hosted `/api/tally` |
+| `refreshMs` | `number` | `60000` | Auto-refresh interval; `0` to disable |
+| `initialData` | `TallyResponse` | — | SSR hydration payload (skip initial fetch) |
+| `className` | `string` | — | Outer element class |
+| `style` | `CSSProperties` | — | Inline style override |
+
+`<OcPoll>` additionally accepts `hideCta` (boolean, default false) to render as read-only without the "cast a ballot" link.
+
+## Why it's read-only
+
+Voting requires a BIP-322 signature from the user's Bitcoin wallet. That's handled by `vote.ochk.io/p/<id>` (or your own fork of `oc-vote-web`) which knows how to talk to UniSat, Xverse, Leather, OKX, Phantom, etc. The CTA in `<OcPoll>` links there.
+
+For **headless** poll creation / voting / revealing, use [`@orangecheck/vote-cli`](https://npmjs.com/package/@orangecheck/vote-cli) instead.
+
+## Styling
+
+Zero CSS dependencies — every component uses inline styles. The built-in themes match the OC family's palette (near-black + bitcoin-orange in dark; near-white + orange in light). Override with `className` + your own CSS, or pass `style` for per-instance tweaks.
+
+## SSR
+
+Works under Next.js App Router (both packages are `'use client'`-marked) and Pages Router. If you want to skip the initial fetch for faster first paint, pre-fetch on the server and pass `initialData`:
+
+```tsx
+// Next.js server component / getServerSideProps
+const res = await fetch(`https://vote.ochk.io/api/tally?poll=${id}`);
+const initialData = await res.json();
+
+// render:
+<OcPoll pollId={id} initialData={initialData} />
+```
+
+## Verification
+
+This package trusts the `baseUrl` endpoint. For high-value decisions, pair it with an independent run of `@orangecheck/vote-cli tally <id>` — the CLI re-verifies every BIP-322 signature and re-runs the pure tally function. If the two disagree, the CLI is authoritative.
+
+## License
+
+MIT. See [LICENSE](./LICENSE).
+
+## Related
+
+- Protocol: [`orangecheck/oc-vote-protocol`](https://github.com/orangecheck/oc-vote-protocol)
+- Web client: [`vote.ochk.io`](https://vote.ochk.io)
+- Core library: [`@orangecheck/vote-core`](https://npmjs.com/package/@orangecheck/vote-core)
+- CLI: [`@orangecheck/vote-cli`](https://npmjs.com/package/@orangecheck/vote-cli)
+- Examples: [`orangecheck/oc-vote-examples`](https://github.com/orangecheck/oc-vote-examples)

package/dist/badge.d.mts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as TallyResponse } from './types-Czxkdz7H.mjs';
+
+interface OcTallyBadgeProps {
+    pollId: string;
+    theme?: 'light' | 'dark';
+    baseUrl?: string;
+    refreshMs?: number;
+    initialData?: TallyResponse;
+    className?: string;
+    style?: CSSProperties;
+    target?: '_blank' | '_self';
+}
+declare const OcTallyBadge: react.MemoExoticComponent<({ pollId, theme, baseUrl, refreshMs, initialData, className, style, target, }: OcTallyBadgeProps) => react_jsx_runtime.JSX.Element>;
+
+export { OcTallyBadge, type OcTallyBadgeProps };

package/dist/badge.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as TallyResponse } from './types-Czxkdz7H.js';
+
+interface OcTallyBadgeProps {
+    pollId: string;
+    theme?: 'light' | 'dark';
+    baseUrl?: string;
+    refreshMs?: number;
+    initialData?: TallyResponse;
+    className?: string;
+    style?: CSSProperties;
+    target?: '_blank' | '_self';
+}
+declare const OcTallyBadge: react.MemoExoticComponent<({ pollId, theme, baseUrl, refreshMs, initialData, className, style, target, }: OcTallyBadgeProps) => react_jsx_runtime.JSX.Element>;
+
+export { OcTallyBadge, type OcTallyBadgeProps };

package/dist/badge.js

@@ -0,0 +1,153 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/types.ts
+var THEMES = {
+  light: {
+    bg: "#ffffff",
+    text: "#0a0a0a",
+    muted: "#666666",
+    border: "#e5e5e5",
+    accent: "#f97316",
+    accentSoft: "#fff4ec"
+  },
+  dark: {
+    bg: "#0a0a0a",
+    text: "#fafafa",
+    muted: "#a0a0a0",
+    border: "#262626",
+    accent: "#fb923c",
+    accentSoft: "#2a1a0a"
+  }
+};
+var DEFAULT_API_BASE = "https://vote.ochk.io";
+var POLL_ID_RE = /^[0-9a-f]{64}$/;
+function useTally(pollId, opts = {}) {
+  const baseUrl = opts.baseUrl ?? DEFAULT_API_BASE;
+  const refreshMs = opts.refreshMs ?? 6e4;
+  const [data, setData] = react.useState(opts.initialData ?? null);
+  const [error, setError] = react.useState(null);
+  const [loading, setLoading] = react.useState(!opts.initialData);
+  const pollIdRef = react.useRef(pollId);
+  pollIdRef.current = pollId;
+  const fetchOnce = react.useCallback(async () => {
+    const pid = pollIdRef.current;
+    if (!POLL_ID_RE.test(pid)) {
+      setError(new Error("pollId must be 64 hex chars"));
+      setLoading(false);
+      return;
+    }
+    try {
+      const res = await fetch(`${baseUrl}/api/tally?poll=${pid}`);
+      const body = await res.json();
+      if (!res.ok) throw new Error(body.error ?? `http ${res.status}`);
+      setData(body);
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [baseUrl]);
+  react.useEffect(() => {
+    void fetchOnce();
+    if (refreshMs <= 0) return;
+    const timer = setInterval(() => void fetchOnce(), refreshMs);
+    return () => clearInterval(timer);
+  }, [fetchOnce, refreshMs]);
+  return { data, error, loading, refetch: fetchOnce };
+}
+var OcTallyBadgeImpl = ({
+  pollId,
+  theme = "light",
+  baseUrl,
+  refreshMs,
+  initialData,
+  className,
+  style,
+  target = "_blank"
+}) => {
+  const { data, error, loading } = useTally(pollId, {
+    ...baseUrl !== void 0 ? { baseUrl } : {},
+    ...refreshMs !== void 0 ? { refreshMs } : {},
+    ...initialData !== void 0 ? { initialData } : {}
+  });
+  const t = THEMES[theme];
+  const { dotColor, label } = react.useMemo(() => renderState(data, error, loading, t), [data, error, loading, t]);
+  const href = `${baseUrl ?? "https://vote.ochk.io"}/p/${pollId}`;
+  const outerStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 8,
+    padding: "4px 10px",
+    border: `1px solid ${t.border}`,
+    borderRadius: 6,
+    background: t.bg,
+    color: t.text,
+    fontFamily: "ui-monospace, Menlo, monospace",
+    fontSize: 12,
+    textDecoration: "none",
+    lineHeight: 1.4,
+    ...style
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href,
+      target,
+      rel: target === "_blank" ? "noopener noreferrer" : void 0,
+      className,
+      style: outerStyle,
+      "data-slot": "oc-tally-badge",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            style: {
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              background: dotColor,
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600 }, children: "oc vote" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: t.muted }, children: "\xB7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+      ]
+    }
+  );
+};
+function renderState(data, error, loading, t) {
+  if (error) return { dotColor: "#ef4444", label: error.message };
+  if (loading && !data) return { dotColor: t.muted, label: "loading\u2026" };
+  if (!data) return { dotColor: t.muted, label: "no data" };
+  if (data.state === "awaiting_reveal")
+    return { dotColor: t.accent, label: `awaiting reveal \xB7 ${data.ballot_count ?? 0} ballots` };
+  if (data.state !== "tallied") return { dotColor: t.muted, label: String(data.state) };
+  const total = data.turnout?.weight ?? 0;
+  const tallies = data.tallies ?? {};
+  const sorted = Object.entries(tallies).sort((a, b) => b[1] - a[1]);
+  if (sorted.length === 0 || total === 0) return { dotColor: t.muted, label: "no ballots yet" };
+  const [topId, topW] = sorted[0];
+  const pct = topW / total * 100;
+  return {
+    dotColor: "#10b981",
+    label: `${topId} \xB7 ${pct.toFixed(0)}% of ${fmt(total)}`
+  };
+}
+function fmt(n) {
+  if (n >= 1e9) return (n / 1e9).toFixed(1) + "B";
+  if (n >= 1e6) return (n / 1e6).toFixed(1) + "M";
+  if (n >= 1e3) return (n / 1e3).toFixed(1) + "k";
+  return String(n);
+}
+var OcTallyBadge = react.memo(OcTallyBadgeImpl);
+
+exports.OcTallyBadge = OcTallyBadge;
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/use-tally.ts","../src/badge.tsx"],"names":["useState","useRef","useCallback","useEffect","useMemo","jsxs","jsx","memo"],"mappings":"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","file":"badge.js","sourcesContent":["// Wire types for the /api/tally response.\n// Deliberately a subset of what vote.ochk.io returns — we don't re-export\n// every field, just what the components render.\n\nexport interface TallyTurnout {\n    voters: number;\n    weight: number;\n}\n\nexport interface TallyResponse {\n    poll_id: string;\n    state: 'tallied' | 'awaiting_reveal';\n    question?: string;\n    creator?: string;\n    deadline?: string;\n    weight_mode?: string;\n    mode?: 'public' | 'secret';\n    snapshot_block?: number;\n    turnout?: TallyTurnout;\n    tallies?: Record<string, number>;\n    ballot_count?: number;\n    reveal_published?: boolean;\n    error?: string;\n}\n\nexport interface Theme {\n    bg: string;\n    text: string;\n    muted: string;\n    border: string;\n    accent: string;\n    accentSoft: string;\n}\n\nexport const THEMES: Record<'light' | 'dark', Theme> = {\n    light: {\n        bg: '#ffffff',\n        text: '#0a0a0a',\n        muted: '#666666',\n        border: '#e5e5e5',\n        accent: '#f97316',\n        accentSoft: '#fff4ec',\n    },\n    dark: {\n        bg: '#0a0a0a',\n        text: '#fafafa',\n        muted: '#a0a0a0',\n        border: '#262626',\n        accent: '#fb923c',\n        accentSoft: '#2a1a0a',\n    },\n};\n\nexport const DEFAULT_API_BASE = 'https://vote.ochk.io';\n\nexport const POLL_ID_RE = /^[0-9a-f]{64}$/;\n","'use client';\n\n// useTally(pollId) — React hook that fetches + polls /api/tally.\n//\n// Defaults: fetch once on mount; refetch every 60s (matches the /api/tally\n// edge cache TTL so we never get stale data from our own server-side cache\n// but don't thrash the relay set either). Pass { refreshMs: 0 } for no\n// auto-refresh, or a custom interval.\n//\n// Consumers that want independent verification should NOT use this hook —\n// use @orangecheck/vote-core + @orangecheck/vote-cli with their own\n// node/bitcoin source. This hook trusts vote.ochk.io (or whatever baseUrl\n// you pass).\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { DEFAULT_API_BASE, POLL_ID_RE } from './types.js';\nimport type { TallyResponse } from './types.js';\n\nexport interface UseTallyOptions {\n    baseUrl?: string;\n    refreshMs?: number;\n    /** If set, provides initial data (SSR hydration). */\n    initialData?: TallyResponse;\n}\n\nexport interface UseTallyState {\n    data: TallyResponse | null;\n    error: Error | null;\n    loading: boolean;\n    refetch: () => void;\n}\n\nexport function useTally(\n    pollId: string,\n    opts: UseTallyOptions = {}\n): UseTallyState {\n    const baseUrl = opts.baseUrl ?? DEFAULT_API_BASE;\n    const refreshMs = opts.refreshMs ?? 60_000;\n\n    const [data, setData] = useState<TallyResponse | null>(opts.initialData ?? null);\n    const [error, setError] = useState<Error | null>(null);\n    const [loading, setLoading] = useState(!opts.initialData);\n    const pollIdRef = useRef(pollId);\n    pollIdRef.current = pollId;\n\n    const fetchOnce = useCallback(async () => {\n        const pid = pollIdRef.current;\n        if (!POLL_ID_RE.test(pid)) {\n            setError(new Error('pollId must be 64 hex chars'));\n            setLoading(false);\n            return;\n        }\n        try {\n            const res = await fetch(`${baseUrl}/api/tally?poll=${pid}`);\n            const body = (await res.json()) as TallyResponse;\n            if (!res.ok) throw new Error(body.error ?? `http ${res.status}`);\n            setData(body);\n            setError(null);\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error(String(err)));\n        } finally {\n            setLoading(false);\n        }\n    }, [baseUrl]);\n\n    useEffect(() => {\n        void fetchOnce();\n        if (refreshMs <= 0) return;\n        const timer = setInterval(() => void fetchOnce(), refreshMs);\n        return () => clearInterval(timer);\n    }, [fetchOnce, refreshMs]);\n\n    return { data, error, loading, refetch: fetchOnce };\n}\n","'use client';\n\n/**\n * <OcTallyBadge pollId=\"…\" />\n *\n * Compact inline pill. Shows:\n *   - a colored dot (green=tallied, orange=awaiting_reveal, gray=loading, red=error)\n *   - the top option + its percentage (tallied), or the state label (otherwise)\n *   - a subtle link to vote.ochk.io/p/<id>\n *\n * Use on a feed row / profile card / sidebar. For the full poll card, use <OcPoll />.\n */\n\nimport type { CSSProperties } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport { THEMES, type Theme, type TallyResponse } from './types.js';\nimport { useTally } from './use-tally.js';\n\nexport interface OcTallyBadgeProps {\n    /** 64-hex poll id. */\n    pollId: string;\n    /** Theme. Default `light`. */\n    theme?: 'light' | 'dark';\n    /** Override /api/tally origin. Default `https://vote.ochk.io`. */\n    baseUrl?: string;\n    /** Auto-refresh interval in ms. Default 60000. Set to 0 to disable. */\n    refreshMs?: number;\n    /** Supply SSR-hydrated data to skip the initial fetch. */\n    initialData?: TallyResponse;\n    /** Extra class on the outer element. */\n    className?: string;\n    /** Inline style override. */\n    style?: CSSProperties;\n    /** Target for the link. Default `_blank`. */\n    target?: '_blank' | '_self';\n}\n\nconst OcTallyBadgeImpl = ({\n    pollId,\n    theme = 'light',\n    baseUrl,\n    refreshMs,\n    initialData,\n    className,\n    style,\n    target = '_blank',\n}: OcTallyBadgeProps) => {\n    const { data, error, loading } = useTally(pollId, {\n        ...(baseUrl !== undefined ? { baseUrl } : {}),\n        ...(refreshMs !== undefined ? { refreshMs } : {}),\n        ...(initialData !== undefined ? { initialData } : {}),\n    });\n    const t = THEMES[theme];\n\n    const { dotColor, label } = useMemo(() => renderState(data, error, loading, t), [data, error, loading, t]);\n\n    const href = `${baseUrl ?? 'https://vote.ochk.io'}/p/${pollId}`;\n\n    const outerStyle: CSSProperties = {\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 8,\n        padding: '4px 10px',\n        border: `1px solid ${t.border}`,\n        borderRadius: 6,\n        background: t.bg,\n        color: t.text,\n        fontFamily: 'ui-monospace, Menlo, monospace',\n        fontSize: 12,\n        textDecoration: 'none',\n        lineHeight: 1.4,\n        ...style,\n    };\n\n    return (\n        <a\n            href={href}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={className}\n            style={outerStyle}\n            data-slot=\"oc-tally-badge\"\n        >\n            <span\n                aria-hidden\n                style={{\n                    width: 8,\n                    height: 8,\n                    borderRadius: '50%',\n                    background: dotColor,\n                    flexShrink: 0,\n                }}\n            />\n            <span style={{ fontWeight: 600 }}>oc vote</span>\n            <span style={{ color: t.muted }}>·</span>\n            <span>{label}</span>\n        </a>\n    );\n};\n\nfunction renderState(\n    data: TallyResponse | null,\n    error: Error | null,\n    loading: boolean,\n    t: Theme\n): { dotColor: string; label: string } {\n    if (error) return { dotColor: '#ef4444', label: error.message };\n    if (loading && !data) return { dotColor: t.muted, label: 'loading…' };\n    if (!data) return { dotColor: t.muted, label: 'no data' };\n    if (data.state === 'awaiting_reveal')\n        return { dotColor: t.accent, label: `awaiting reveal · ${data.ballot_count ?? 0} ballots` };\n    if (data.state !== 'tallied') return { dotColor: t.muted, label: String(data.state) };\n\n    const total = data.turnout?.weight ?? 0;\n    const tallies = data.tallies ?? {};\n    const sorted = Object.entries(tallies).sort((a, b) => b[1] - a[1]);\n    if (sorted.length === 0 || total === 0) return { dotColor: t.muted, label: 'no ballots yet' };\n\n    const [topId, topW] = sorted[0]!;\n    const pct = (topW / total) * 100;\n    return {\n        dotColor: '#10b981',\n        label: `${topId} · ${pct.toFixed(0)}% of ${fmt(total)}`,\n    };\n}\n\nfunction fmt(n: number): string {\n    if (n >= 1_000_000_000) return (n / 1_000_000_000).toFixed(1) + 'B';\n    if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + 'M';\n    if (n >= 1_000) return (n / 1_000).toFixed(1) + 'k';\n    return String(n);\n}\n\nexport const OcTallyBadge = memo(OcTallyBadgeImpl);\n"]}

package/dist/badge.mjs

@@ -0,0 +1,151 @@
+import { memo, useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/types.ts
+var THEMES = {
+  light: {
+    bg: "#ffffff",
+    text: "#0a0a0a",
+    muted: "#666666",
+    border: "#e5e5e5",
+    accent: "#f97316",
+    accentSoft: "#fff4ec"
+  },
+  dark: {
+    bg: "#0a0a0a",
+    text: "#fafafa",
+    muted: "#a0a0a0",
+    border: "#262626",
+    accent: "#fb923c",
+    accentSoft: "#2a1a0a"
+  }
+};
+var DEFAULT_API_BASE = "https://vote.ochk.io";
+var POLL_ID_RE = /^[0-9a-f]{64}$/;
+function useTally(pollId, opts = {}) {
+  const baseUrl = opts.baseUrl ?? DEFAULT_API_BASE;
+  const refreshMs = opts.refreshMs ?? 6e4;
+  const [data, setData] = useState(opts.initialData ?? null);
+  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(!opts.initialData);
+  const pollIdRef = useRef(pollId);
+  pollIdRef.current = pollId;
+  const fetchOnce = useCallback(async () => {
+    const pid = pollIdRef.current;
+    if (!POLL_ID_RE.test(pid)) {
+      setError(new Error("pollId must be 64 hex chars"));
+      setLoading(false);
+      return;
+    }
+    try {
+      const res = await fetch(`${baseUrl}/api/tally?poll=${pid}`);
+      const body = await res.json();
+      if (!res.ok) throw new Error(body.error ?? `http ${res.status}`);
+      setData(body);
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [baseUrl]);
+  useEffect(() => {
+    void fetchOnce();
+    if (refreshMs <= 0) return;
+    const timer = setInterval(() => void fetchOnce(), refreshMs);
+    return () => clearInterval(timer);
+  }, [fetchOnce, refreshMs]);
+  return { data, error, loading, refetch: fetchOnce };
+}
+var OcTallyBadgeImpl = ({
+  pollId,
+  theme = "light",
+  baseUrl,
+  refreshMs,
+  initialData,
+  className,
+  style,
+  target = "_blank"
+}) => {
+  const { data, error, loading } = useTally(pollId, {
+    ...baseUrl !== void 0 ? { baseUrl } : {},
+    ...refreshMs !== void 0 ? { refreshMs } : {},
+    ...initialData !== void 0 ? { initialData } : {}
+  });
+  const t = THEMES[theme];
+  const { dotColor, label } = useMemo(() => renderState(data, error, loading, t), [data, error, loading, t]);
+  const href = `${baseUrl ?? "https://vote.ochk.io"}/p/${pollId}`;
+  const outerStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 8,
+    padding: "4px 10px",
+    border: `1px solid ${t.border}`,
+    borderRadius: 6,
+    background: t.bg,
+    color: t.text,
+    fontFamily: "ui-monospace, Menlo, monospace",
+    fontSize: 12,
+    textDecoration: "none",
+    lineHeight: 1.4,
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      target,
+      rel: target === "_blank" ? "noopener noreferrer" : void 0,
+      className,
+      style: outerStyle,
+      "data-slot": "oc-tally-badge",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            style: {
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              background: dotColor,
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: "oc vote" }),
+        /* @__PURE__ */ jsx("span", { style: { color: t.muted }, children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+};
+function renderState(data, error, loading, t) {
+  if (error) return { dotColor: "#ef4444", label: error.message };
+  if (loading && !data) return { dotColor: t.muted, label: "loading\u2026" };
+  if (!data) return { dotColor: t.muted, label: "no data" };
+  if (data.state === "awaiting_reveal")
+    return { dotColor: t.accent, label: `awaiting reveal \xB7 ${data.ballot_count ?? 0} ballots` };
+  if (data.state !== "tallied") return { dotColor: t.muted, label: String(data.state) };
+  const total = data.turnout?.weight ?? 0;
+  const tallies = data.tallies ?? {};
+  const sorted = Object.entries(tallies).sort((a, b) => b[1] - a[1]);
+  if (sorted.length === 0 || total === 0) return { dotColor: t.muted, label: "no ballots yet" };
+  const [topId, topW] = sorted[0];
+  const pct = topW / total * 100;
+  return {
+    dotColor: "#10b981",
+    label: `${topId} \xB7 ${pct.toFixed(0)}% of ${fmt(total)}`
+  };
+}
+function fmt(n) {
+  if (n >= 1e9) return (n / 1e9).toFixed(1) + "B";
+  if (n >= 1e6) return (n / 1e6).toFixed(1) + "M";
+  if (n >= 1e3) return (n / 1e3).toFixed(1) + "k";
+  return String(n);
+}
+var OcTallyBadge = memo(OcTallyBadgeImpl);
+
+export { OcTallyBadge };
+//# sourceMappingURL=badge.mjs.map
+//# sourceMappingURL=badge.mjs.map

package/dist/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/use-tally.ts","../src/badge.tsx"],"names":[],"mappings":"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","file":"badge.mjs","sourcesContent":["// Wire types for the /api/tally response.\n// Deliberately a subset of what vote.ochk.io returns — we don't re-export\n// every field, just what the components render.\n\nexport interface TallyTurnout {\n    voters: number;\n    weight: number;\n}\n\nexport interface TallyResponse {\n    poll_id: string;\n    state: 'tallied' | 'awaiting_reveal';\n    question?: string;\n    creator?: string;\n    deadline?: string;\n    weight_mode?: string;\n    mode?: 'public' | 'secret';\n    snapshot_block?: number;\n    turnout?: TallyTurnout;\n    tallies?: Record<string, number>;\n    ballot_count?: number;\n    reveal_published?: boolean;\n    error?: string;\n}\n\nexport interface Theme {\n    bg: string;\n    text: string;\n    muted: string;\n    border: string;\n    accent: string;\n    accentSoft: string;\n}\n\nexport const THEMES: Record<'light' | 'dark', Theme> = {\n    light: {\n        bg: '#ffffff',\n        text: '#0a0a0a',\n        muted: '#666666',\n        border: '#e5e5e5',\n        accent: '#f97316',\n        accentSoft: '#fff4ec',\n    },\n    dark: {\n        bg: '#0a0a0a',\n        text: '#fafafa',\n        muted: '#a0a0a0',\n        border: '#262626',\n        accent: '#fb923c',\n        accentSoft: '#2a1a0a',\n    },\n};\n\nexport const DEFAULT_API_BASE = 'https://vote.ochk.io';\n\nexport const POLL_ID_RE = /^[0-9a-f]{64}$/;\n","'use client';\n\n// useTally(pollId) — React hook that fetches + polls /api/tally.\n//\n// Defaults: fetch once on mount; refetch every 60s (matches the /api/tally\n// edge cache TTL so we never get stale data from our own server-side cache\n// but don't thrash the relay set either). Pass { refreshMs: 0 } for no\n// auto-refresh, or a custom interval.\n//\n// Consumers that want independent verification should NOT use this hook —\n// use @orangecheck/vote-core + @orangecheck/vote-cli with their own\n// node/bitcoin source. This hook trusts vote.ochk.io (or whatever baseUrl\n// you pass).\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { DEFAULT_API_BASE, POLL_ID_RE } from './types.js';\nimport type { TallyResponse } from './types.js';\n\nexport interface UseTallyOptions {\n    baseUrl?: string;\n    refreshMs?: number;\n    /** If set, provides initial data (SSR hydration). */\n    initialData?: TallyResponse;\n}\n\nexport interface UseTallyState {\n    data: TallyResponse | null;\n    error: Error | null;\n    loading: boolean;\n    refetch: () => void;\n}\n\nexport function useTally(\n    pollId: string,\n    opts: UseTallyOptions = {}\n): UseTallyState {\n    const baseUrl = opts.baseUrl ?? DEFAULT_API_BASE;\n    const refreshMs = opts.refreshMs ?? 60_000;\n\n    const [data, setData] = useState<TallyResponse | null>(opts.initialData ?? null);\n    const [error, setError] = useState<Error | null>(null);\n    const [loading, setLoading] = useState(!opts.initialData);\n    const pollIdRef = useRef(pollId);\n    pollIdRef.current = pollId;\n\n    const fetchOnce = useCallback(async () => {\n        const pid = pollIdRef.current;\n        if (!POLL_ID_RE.test(pid)) {\n            setError(new Error('pollId must be 64 hex chars'));\n            setLoading(false);\n            return;\n        }\n        try {\n            const res = await fetch(`${baseUrl}/api/tally?poll=${pid}`);\n            const body = (await res.json()) as TallyResponse;\n            if (!res.ok) throw new Error(body.error ?? `http ${res.status}`);\n            setData(body);\n            setError(null);\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error(String(err)));\n        } finally {\n            setLoading(false);\n        }\n    }, [baseUrl]);\n\n    useEffect(() => {\n        void fetchOnce();\n        if (refreshMs <= 0) return;\n        const timer = setInterval(() => void fetchOnce(), refreshMs);\n        return () => clearInterval(timer);\n    }, [fetchOnce, refreshMs]);\n\n    return { data, error, loading, refetch: fetchOnce };\n}\n","'use client';\n\n/**\n * <OcTallyBadge pollId=\"…\" />\n *\n * Compact inline pill. Shows:\n *   - a colored dot (green=tallied, orange=awaiting_reveal, gray=loading, red=error)\n *   - the top option + its percentage (tallied), or the state label (otherwise)\n *   - a subtle link to vote.ochk.io/p/<id>\n *\n * Use on a feed row / profile card / sidebar. For the full poll card, use <OcPoll />.\n */\n\nimport type { CSSProperties } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport { THEMES, type Theme, type TallyResponse } from './types.js';\nimport { useTally } from './use-tally.js';\n\nexport interface OcTallyBadgeProps {\n    /** 64-hex poll id. */\n    pollId: string;\n    /** Theme. Default `light`. */\n    theme?: 'light' | 'dark';\n    /** Override /api/tally origin. Default `https://vote.ochk.io`. */\n    baseUrl?: string;\n    /** Auto-refresh interval in ms. Default 60000. Set to 0 to disable. */\n    refreshMs?: number;\n    /** Supply SSR-hydrated data to skip the initial fetch. */\n    initialData?: TallyResponse;\n    /** Extra class on the outer element. */\n    className?: string;\n    /** Inline style override. */\n    style?: CSSProperties;\n    /** Target for the link. Default `_blank`. */\n    target?: '_blank' | '_self';\n}\n\nconst OcTallyBadgeImpl = ({\n    pollId,\n    theme = 'light',\n    baseUrl,\n    refreshMs,\n    initialData,\n    className,\n    style,\n    target = '_blank',\n}: OcTallyBadgeProps) => {\n    const { data, error, loading } = useTally(pollId, {\n        ...(baseUrl !== undefined ? { baseUrl } : {}),\n        ...(refreshMs !== undefined ? { refreshMs } : {}),\n        ...(initialData !== undefined ? { initialData } : {}),\n    });\n    const t = THEMES[theme];\n\n    const { dotColor, label } = useMemo(() => renderState(data, error, loading, t), [data, error, loading, t]);\n\n    const href = `${baseUrl ?? 'https://vote.ochk.io'}/p/${pollId}`;\n\n    const outerStyle: CSSProperties = {\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 8,\n        padding: '4px 10px',\n        border: `1px solid ${t.border}`,\n        borderRadius: 6,\n        background: t.bg,\n        color: t.text,\n        fontFamily: 'ui-monospace, Menlo, monospace',\n        fontSize: 12,\n        textDecoration: 'none',\n        lineHeight: 1.4,\n        ...style,\n    };\n\n    return (\n        <a\n            href={href}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={className}\n            style={outerStyle}\n            data-slot=\"oc-tally-badge\"\n        >\n            <span\n                aria-hidden\n                style={{\n                    width: 8,\n                    height: 8,\n                    borderRadius: '50%',\n                    background: dotColor,\n                    flexShrink: 0,\n                }}\n            />\n            <span style={{ fontWeight: 600 }}>oc vote</span>\n            <span style={{ color: t.muted }}>·</span>\n            <span>{label}</span>\n        </a>\n    );\n};\n\nfunction renderState(\n    data: TallyResponse | null,\n    error: Error | null,\n    loading: boolean,\n    t: Theme\n): { dotColor: string; label: string } {\n    if (error) return { dotColor: '#ef4444', label: error.message };\n    if (loading && !data) return { dotColor: t.muted, label: 'loading…' };\n    if (!data) return { dotColor: t.muted, label: 'no data' };\n    if (data.state === 'awaiting_reveal')\n        return { dotColor: t.accent, label: `awaiting reveal · ${data.ballot_count ?? 0} ballots` };\n    if (data.state !== 'tallied') return { dotColor: t.muted, label: String(data.state) };\n\n    const total = data.turnout?.weight ?? 0;\n    const tallies = data.tallies ?? {};\n    const sorted = Object.entries(tallies).sort((a, b) => b[1] - a[1]);\n    if (sorted.length === 0 || total === 0) return { dotColor: t.muted, label: 'no ballots yet' };\n\n    const [topId, topW] = sorted[0]!;\n    const pct = (topW / total) * 100;\n    return {\n        dotColor: '#10b981',\n        label: `${topId} · ${pct.toFixed(0)}% of ${fmt(total)}`,\n    };\n}\n\nfunction fmt(n: number): string {\n    if (n >= 1_000_000_000) return (n / 1_000_000_000).toFixed(1) + 'B';\n    if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + 'M';\n    if (n >= 1_000) return (n / 1_000).toFixed(1) + 'k';\n    return String(n);\n}\n\nexport const OcTallyBadge = memo(OcTallyBadgeImpl);\n"]}

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+export { OcPoll, OcPollProps } from './poll.mjs';
+export { OcTallyBadge, OcTallyBadgeProps } from './badge.mjs';
+export { UseTallyOptions, UseTallyState, useTally } from './use-tally.mjs';
+export { D as DEFAULT_API_BASE, P as POLL_ID_RE, T as THEMES, a as TallyResponse, b as TallyTurnout, c as Theme } from './types-Czxkdz7H.mjs';
+import 'react';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { OcPoll, OcPollProps } from './poll.js';
+export { OcTallyBadge, OcTallyBadgeProps } from './badge.js';
+export { UseTallyOptions, UseTallyState, useTally } from './use-tally.js';
+export { D as DEFAULT_API_BASE, P as POLL_ID_RE, T as THEMES, a as TallyResponse, b as TallyTurnout, c as Theme } from './types-Czxkdz7H.js';
+import 'react';
+import 'react/jsx-runtime';