@orangecheck/vote-react 0.1.0

package/dist/poll.js

@@ -0,0 +1,275 @@
+'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 OcPollImpl = ({
+  pollId,
+  theme = "light",
+  baseUrl,
+  refreshMs,
+  initialData,
+  className,
+  style,
+  hideCta = false
+}) => {
+  const { data, error, loading } = useTally(pollId, {
+    ...baseUrl !== void 0 ? { baseUrl } : {},
+    ...refreshMs !== void 0 ? { refreshMs } : {},
+    ...initialData !== void 0 ? { initialData } : {}
+  });
+  const t = THEMES[theme];
+  const resolvedBase = baseUrl ?? "https://vote.ochk.io";
+  const isPast = data?.deadline ? Date.parse(data.deadline) < Date.now() : false;
+  const total = data?.turnout?.weight ?? 0;
+  const sorted = react.useMemo(() => {
+    if (!data?.tallies) return [];
+    return Object.entries(data.tallies).sort((a, b) => b[1] - a[1]);
+  }, [data]);
+  const outerStyle = {
+    border: `1px solid ${t.border}`,
+    borderRadius: 8,
+    background: t.bg,
+    color: t.text,
+    fontFamily: "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
+    fontSize: 14,
+    lineHeight: 1.5,
+    padding: 16,
+    maxWidth: 520,
+    ...style
+  };
+  const monoStyle = {
+    fontFamily: "ui-monospace, Menlo, monospace",
+    fontSize: 11,
+    letterSpacing: "0.08em",
+    textTransform: "uppercase",
+    color: t.muted
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: outerStyle, "data-slot": "oc-poll", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, marginBottom: 8 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: monoStyle, children: [
+        "oc vote \xB7 ",
+        data?.weight_mode?.replace("_", " ") ?? "\u2014"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(StatusPill, { data, error, loading, theme: t })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 18, fontWeight: 700, lineHeight: 1.25, marginBottom: 10 }, children: data?.question ?? (loading ? "loading poll\u2026" : error ? error.message : pollId.slice(0, 16) + "\u2026") }),
+    data?.state === "awaiting_reveal" ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          padding: 10,
+          border: `1px solid ${t.border}`,
+          background: t.accentSoft,
+          color: t.text,
+          fontSize: 13
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { style: { color: t.accent }, children: "awaiting reveal" }),
+          " \u2014 the creator of this secret-mode poll has not yet published reveal_sk.",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: t.muted }, children: [
+            "ballots observed: ",
+            data.ballot_count ?? 0
+          ] })
+        ]
+      }
+    ) : data?.state === "tallied" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+      sorted.map(([opt, weight]) => {
+        const pct = total > 0 ? weight / total * 100 : 0;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                fontSize: 13,
+                marginBottom: 4
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600 }, children: opt }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: t.muted, fontFamily: "ui-monospace, Menlo, monospace", fontSize: 12 }, children: [
+                  fmt(weight),
+                  " \xB7 ",
+                  pct.toFixed(1),
+                  "%"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                height: 6,
+                background: t.border,
+                borderRadius: 3,
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: {
+                    height: "100%",
+                    width: `${Math.max(2, pct)}%`,
+                    background: t.accent
+                  }
+                }
+              )
+            }
+          )
+        ] }, opt);
+      }),
+      sorted.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: t.muted, fontSize: 13 }, children: "no ballots yet" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: t.muted, fontSize: 13 }, children: loading ? "loading\u2026" : error?.message ?? "no data" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          marginTop: 14,
+          paddingTop: 10,
+          borderTop: `1px solid ${t.border}`,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
+          fontSize: 12,
+          color: t.muted,
+          fontFamily: "ui-monospace, Menlo, monospace"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            data?.turnout?.voters ?? 0,
+            " voters",
+            data?.deadline && " \xB7 ",
+            data?.deadline && (isPast ? "closed" : "closes"),
+            data?.deadline && " " + data.deadline.slice(0, 16).replace("T", " ")
+          ] }),
+          !hideCta && !isPast && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `${resolvedBase}/p/${pollId}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: {
+                padding: "5px 10px",
+                background: t.accent,
+                color: "#0a0a0a",
+                textDecoration: "none",
+                borderRadius: 4,
+                fontWeight: 700,
+                fontSize: 11,
+                letterSpacing: "0.05em",
+                textTransform: "uppercase"
+              },
+              children: "cast a ballot \u2192"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+function StatusPill({
+  data,
+  error,
+  loading,
+  theme: t
+}) {
+  let label = "\u2014";
+  let color = t.muted;
+  if (error) {
+    label = "error";
+    color = "#ef4444";
+  } else if (loading && !data) {
+    label = "loading";
+  } else if (data?.state === "awaiting_reveal") {
+    label = "awaiting reveal";
+    color = t.accent;
+  } else if (data?.state === "tallied") {
+    const isPast = data.deadline ? Date.parse(data.deadline) < Date.now() : false;
+    label = isPast ? "closed" : "open";
+    color = isPast ? t.muted : "#10b981";
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      style: {
+        padding: "2px 8px",
+        border: `1px solid ${color}`,
+        color,
+        borderRadius: 4,
+        fontSize: 10,
+        letterSpacing: "0.08em",
+        textTransform: "uppercase",
+        fontFamily: "ui-monospace, Menlo, monospace"
+      },
+      children: label
+    }
+  );
+}
+function fmt(n) {
+  return n.toLocaleString("en-US");
+}
+var OcPoll = react.memo(OcPollImpl);
+
+exports.OcPoll = OcPoll;
+//# sourceMappingURL=poll.js.map
+//# sourceMappingURL=poll.js.map

package/dist/poll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/use-tally.ts","../src/poll.tsx"],"names":["useState","useRef","useCallback","useEffect","useMemo","jsxs","jsx","memo"],"mappings":"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","file":"poll.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 * <OcPoll pollId=\"…\" />\n *\n * Full poll card: question, options as bars, turnout, status pill, \"cast a\n * ballot\" CTA that opens vote.ochk.io/p/<id> in a new tab.\n *\n * Read-only — the component doesn't sign anything. Voting requires a Bitcoin\n * wallet; we delegate that to the full web app at vote.ochk.io. Embed this\n * card in your own site / Discord webhook preview / docs page as the\n * canonical reference view.\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 OcPollProps {\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    /** SSR-hydrated initial data. */\n    initialData?: TallyResponse;\n    /** Extra class on the outer element. */\n    className?: string;\n    /** Inline style override. */\n    style?: CSSProperties;\n    /** Hide the \"cast a ballot\" CTA (read-only mode). */\n    hideCta?: boolean;\n}\n\nconst OcPollImpl = ({\n    pollId,\n    theme = 'light',\n    baseUrl,\n    refreshMs,\n    initialData,\n    className,\n    style,\n    hideCta = false,\n}: OcPollProps) => {\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    const resolvedBase = baseUrl ?? 'https://vote.ochk.io';\n    const isPast = data?.deadline ? Date.parse(data.deadline) < Date.now() : false;\n\n    const total = data?.turnout?.weight ?? 0;\n    const sorted = useMemo(() => {\n        if (!data?.tallies) return [] as Array<[string, number]>;\n        return Object.entries(data.tallies).sort((a, b) => b[1] - a[1]);\n    }, [data]);\n\n    const outerStyle: CSSProperties = {\n        border: `1px solid ${t.border}`,\n        borderRadius: 8,\n        background: t.bg,\n        color: t.text,\n        fontFamily:\n            'ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif',\n        fontSize: 14,\n        lineHeight: 1.5,\n        padding: 16,\n        maxWidth: 520,\n        ...style,\n    };\n    const monoStyle: CSSProperties = {\n        fontFamily: 'ui-monospace, Menlo, monospace',\n        fontSize: 11,\n        letterSpacing: '0.08em',\n        textTransform: 'uppercase',\n        color: t.muted,\n    };\n\n    return (\n        <div className={className} style={outerStyle} data-slot=\"oc-poll\">\n            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, marginBottom: 8 }}>\n                <div style={monoStyle}>oc vote · {data?.weight_mode?.replace('_', ' ') ?? '—'}</div>\n                <StatusPill data={data} error={error} loading={loading} theme={t} />\n            </div>\n            <div style={{ fontSize: 18, fontWeight: 700, lineHeight: 1.25, marginBottom: 10 }}>\n                {data?.question ?? (loading ? 'loading poll…' : error ? error.message : pollId.slice(0, 16) + '…')}\n            </div>\n\n            {data?.state === 'awaiting_reveal' ? (\n                <div\n                    style={{\n                        padding: 10,\n                        border: `1px solid ${t.border}`,\n                        background: t.accentSoft,\n                        color: t.text,\n                        fontSize: 13,\n                    }}\n                >\n                    <strong style={{ color: t.accent }}>awaiting reveal</strong> — the creator\n                    of this secret-mode poll has not yet published reveal_sk.{' '}\n                    <span style={{ color: t.muted }}>\n                        ballots observed: {data.ballot_count ?? 0}\n                    </span>\n                </div>\n            ) : data?.state === 'tallied' ? (\n                <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n                    {sorted.map(([opt, weight]) => {\n                        const pct = total > 0 ? (weight / total) * 100 : 0;\n                        return (\n                            <div key={opt}>\n                                <div\n                                    style={{\n                                        display: 'flex',\n                                        justifyContent: 'space-between',\n                                        fontSize: 13,\n                                        marginBottom: 4,\n                                    }}\n                                >\n                                    <span style={{ fontWeight: 600 }}>{opt}</span>\n                                    <span style={{ color: t.muted, fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 12 }}>\n                                        {fmt(weight)} · {pct.toFixed(1)}%\n                                    </span>\n                                </div>\n                                <div\n                                    style={{\n                                        height: 6,\n                                        background: t.border,\n                                        borderRadius: 3,\n                                        overflow: 'hidden',\n                                    }}\n                                >\n                                    <div\n                                        style={{\n                                            height: '100%',\n                                            width: `${Math.max(2, pct)}%`,\n                                            background: t.accent,\n                                        }}\n                                    />\n                                </div>\n                            </div>\n                        );\n                    })}\n                    {sorted.length === 0 && (\n                        <div style={{ color: t.muted, fontSize: 13 }}>no ballots yet</div>\n                    )}\n                </div>\n            ) : (\n                <div style={{ color: t.muted, fontSize: 13 }}>\n                    {loading ? 'loading…' : error?.message ?? 'no data'}\n                </div>\n            )}\n\n            <div\n                style={{\n                    marginTop: 14,\n                    paddingTop: 10,\n                    borderTop: `1px solid ${t.border}`,\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                    gap: 8,\n                    fontSize: 12,\n                    color: t.muted,\n                    fontFamily: 'ui-monospace, Menlo, monospace',\n                }}\n            >\n                <span>\n                    {data?.turnout?.voters ?? 0} voters\n                    {data?.deadline && ' · '}\n                    {data?.deadline && (isPast ? 'closed' : 'closes')}\n                    {data?.deadline && ' ' + data.deadline.slice(0, 16).replace('T', ' ')}\n                </span>\n                {!hideCta && !isPast && (\n                    <a\n                        href={`${resolvedBase}/p/${pollId}`}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        style={{\n                            padding: '5px 10px',\n                            background: t.accent,\n                            color: '#0a0a0a',\n                            textDecoration: 'none',\n                            borderRadius: 4,\n                            fontWeight: 700,\n                            fontSize: 11,\n                            letterSpacing: '0.05em',\n                            textTransform: 'uppercase',\n                        }}\n                    >\n                        cast a ballot →\n                    </a>\n                )}\n            </div>\n        </div>\n    );\n};\n\nfunction StatusPill({\n    data,\n    error,\n    loading,\n    theme: t,\n}: {\n    data: TallyResponse | null;\n    error: Error | null;\n    loading: boolean;\n    theme: Theme;\n}) {\n    let label = '—';\n    let color = t.muted;\n    if (error) {\n        label = 'error';\n        color = '#ef4444';\n    } else if (loading && !data) {\n        label = 'loading';\n    } else if (data?.state === 'awaiting_reveal') {\n        label = 'awaiting reveal';\n        color = t.accent;\n    } else if (data?.state === 'tallied') {\n        const isPast = data.deadline ? Date.parse(data.deadline) < Date.now() : false;\n        label = isPast ? 'closed' : 'open';\n        color = isPast ? t.muted : '#10b981';\n    }\n    return (\n        <span\n            style={{\n                padding: '2px 8px',\n                border: `1px solid ${color}`,\n                color,\n                borderRadius: 4,\n                fontSize: 10,\n                letterSpacing: '0.08em',\n                textTransform: 'uppercase',\n                fontFamily: 'ui-monospace, Menlo, monospace',\n            }}\n        >\n            {label}\n        </span>\n    );\n}\n\nfunction fmt(n: number): string {\n    return n.toLocaleString('en-US');\n}\n\nexport const OcPoll = memo(OcPollImpl);\n"]}

package/dist/poll.mjs

@@ -0,0 +1,273 @@
+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 OcPollImpl = ({
+  pollId,
+  theme = "light",
+  baseUrl,
+  refreshMs,
+  initialData,
+  className,
+  style,
+  hideCta = false
+}) => {
+  const { data, error, loading } = useTally(pollId, {
+    ...baseUrl !== void 0 ? { baseUrl } : {},
+    ...refreshMs !== void 0 ? { refreshMs } : {},
+    ...initialData !== void 0 ? { initialData } : {}
+  });
+  const t = THEMES[theme];
+  const resolvedBase = baseUrl ?? "https://vote.ochk.io";
+  const isPast = data?.deadline ? Date.parse(data.deadline) < Date.now() : false;
+  const total = data?.turnout?.weight ?? 0;
+  const sorted = useMemo(() => {
+    if (!data?.tallies) return [];
+    return Object.entries(data.tallies).sort((a, b) => b[1] - a[1]);
+  }, [data]);
+  const outerStyle = {
+    border: `1px solid ${t.border}`,
+    borderRadius: 8,
+    background: t.bg,
+    color: t.text,
+    fontFamily: "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
+    fontSize: 14,
+    lineHeight: 1.5,
+    padding: 16,
+    maxWidth: 520,
+    ...style
+  };
+  const monoStyle = {
+    fontFamily: "ui-monospace, Menlo, monospace",
+    fontSize: 11,
+    letterSpacing: "0.08em",
+    textTransform: "uppercase",
+    color: t.muted
+  };
+  return /* @__PURE__ */ jsxs("div", { className, style: outerStyle, "data-slot": "oc-poll", children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, marginBottom: 8 }, children: [
+      /* @__PURE__ */ jsxs("div", { style: monoStyle, children: [
+        "oc vote \xB7 ",
+        data?.weight_mode?.replace("_", " ") ?? "\u2014"
+      ] }),
+      /* @__PURE__ */ jsx(StatusPill, { data, error, loading, theme: t })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { fontSize: 18, fontWeight: 700, lineHeight: 1.25, marginBottom: 10 }, children: data?.question ?? (loading ? "loading poll\u2026" : error ? error.message : pollId.slice(0, 16) + "\u2026") }),
+    data?.state === "awaiting_reveal" ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          padding: 10,
+          border: `1px solid ${t.border}`,
+          background: t.accentSoft,
+          color: t.text,
+          fontSize: 13
+        },
+        children: [
+          /* @__PURE__ */ jsx("strong", { style: { color: t.accent }, children: "awaiting reveal" }),
+          " \u2014 the creator of this secret-mode poll has not yet published reveal_sk.",
+          " ",
+          /* @__PURE__ */ jsxs("span", { style: { color: t.muted }, children: [
+            "ballots observed: ",
+            data.ballot_count ?? 0
+          ] })
+        ]
+      }
+    ) : data?.state === "tallied" ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+      sorted.map(([opt, weight]) => {
+        const pct = total > 0 ? weight / total * 100 : 0;
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                fontSize: 13,
+                marginBottom: 4
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: opt }),
+                /* @__PURE__ */ jsxs("span", { style: { color: t.muted, fontFamily: "ui-monospace, Menlo, monospace", fontSize: 12 }, children: [
+                  fmt(weight),
+                  " \xB7 ",
+                  pct.toFixed(1),
+                  "%"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                height: 6,
+                background: t.border,
+                borderRadius: 3,
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    height: "100%",
+                    width: `${Math.max(2, pct)}%`,
+                    background: t.accent
+                  }
+                }
+              )
+            }
+          )
+        ] }, opt);
+      }),
+      sorted.length === 0 && /* @__PURE__ */ jsx("div", { style: { color: t.muted, fontSize: 13 }, children: "no ballots yet" })
+    ] }) : /* @__PURE__ */ jsx("div", { style: { color: t.muted, fontSize: 13 }, children: loading ? "loading\u2026" : error?.message ?? "no data" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          marginTop: 14,
+          paddingTop: 10,
+          borderTop: `1px solid ${t.border}`,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
+          fontSize: 12,
+          color: t.muted,
+          fontFamily: "ui-monospace, Menlo, monospace"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            data?.turnout?.voters ?? 0,
+            " voters",
+            data?.deadline && " \xB7 ",
+            data?.deadline && (isPast ? "closed" : "closes"),
+            data?.deadline && " " + data.deadline.slice(0, 16).replace("T", " ")
+          ] }),
+          !hideCta && !isPast && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `${resolvedBase}/p/${pollId}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: {
+                padding: "5px 10px",
+                background: t.accent,
+                color: "#0a0a0a",
+                textDecoration: "none",
+                borderRadius: 4,
+                fontWeight: 700,
+                fontSize: 11,
+                letterSpacing: "0.05em",
+                textTransform: "uppercase"
+              },
+              children: "cast a ballot \u2192"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+function StatusPill({
+  data,
+  error,
+  loading,
+  theme: t
+}) {
+  let label = "\u2014";
+  let color = t.muted;
+  if (error) {
+    label = "error";
+    color = "#ef4444";
+  } else if (loading && !data) {
+    label = "loading";
+  } else if (data?.state === "awaiting_reveal") {
+    label = "awaiting reveal";
+    color = t.accent;
+  } else if (data?.state === "tallied") {
+    const isPast = data.deadline ? Date.parse(data.deadline) < Date.now() : false;
+    label = isPast ? "closed" : "open";
+    color = isPast ? t.muted : "#10b981";
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        padding: "2px 8px",
+        border: `1px solid ${color}`,
+        color,
+        borderRadius: 4,
+        fontSize: 10,
+        letterSpacing: "0.08em",
+        textTransform: "uppercase",
+        fontFamily: "ui-monospace, Menlo, monospace"
+      },
+      children: label
+    }
+  );
+}
+function fmt(n) {
+  return n.toLocaleString("en-US");
+}
+var OcPoll = memo(OcPollImpl);
+
+export { OcPoll };
+//# sourceMappingURL=poll.mjs.map
+//# sourceMappingURL=poll.mjs.map

package/dist/poll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/use-tally.ts","../src/poll.tsx"],"names":[],"mappings":";;;;AAkCO,IAAM,MAAA,GAA0C;AAAA,EACnD,KAAA,EAAO;AAAA,IACH,EAAA,EAAI,SAAA;AAAA,IACJ,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY;AAAA,GAChB;AAAA,EACA,IAAA,EAAM;AAAA,IACF,EAAA,EAAI,SAAA;AAAA,IACJ,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY;AAAA;AAEpB,CAAA;AAEO,IAAM,gBAAA,GAAmB,sBAAA;AAEzB,IAAM,UAAA,GAAa,gBAAA;ACtBnB,SAAS,QAAA,CACZ,MAAA,EACA,IAAA,GAAwB,EAAC,EACZ;AACb,EAAA,MAAM,OAAA,GAAU,KAAK,OAAA,IAAW,gBAAA;AAChC,EAAA,MAAM,SAAA,GAAY,KAAK,SAAA,IAAa,GAAA;AAEpC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,IAAI,QAAA,CAA+B,IAAA,CAAK,eAAe,IAAI,CAAA;AAC/E,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,IAAI,QAAA,CAAS,CAAC,KAAK,WAAW,CAAA;AACxD,EAAA,MAAM,SAAA,GAAY,OAAO,MAAM,CAAA;AAC/B,EAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AAEpB,EAAA,MAAM,SAAA,GAAY,YAAY,YAAY;AACtC,IAAA,MAAM,MAAM,SAAA,CAAU,OAAA;AACtB,IAAA,IAAI,CAAC,UAAA,CAAW,IAAA,CAAK,GAAG,CAAA,EAAG;AACvB,MAAA,QAAA,CAAS,IAAI,KAAA,CAAM,6BAA6B,CAAC,CAAA;AACjD,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACJ;AACA,IAAA,IAAI;AACA,MAAA,MAAM,MAAM,MAAM,KAAA,CAAM,GAAG,OAAO,CAAA,gBAAA,EAAmB,GAAG,CAAA,CAAE,CAAA;AAC1D,MAAA,MAAM,IAAA,GAAQ,MAAM,GAAA,CAAI,IAAA,EAAK;AAC7B,MAAA,IAAI,CAAC,GAAA,CAAI,EAAA,EAAI,MAAM,IAAI,KAAA,CAAM,IAAA,CAAK,KAAA,IAAS,CAAA,KAAA,EAAQ,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAC/D,MAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACjB,SAAS,GAAA,EAAK;AACV,MAAA,QAAA,CAAS,GAAA,YAAe,QAAQ,GAAA,GAAM,IAAI,MAAM,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAAA,IAChE,CAAA,SAAE;AACE,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IACpB;AAAA,EACJ,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,KAAK,SAAA,EAAU;AACf,IAAA,IAAI,aAAa,CAAA,EAAG;AACpB,IAAA,MAAM,QAAQ,WAAA,CAAY,MAAM,KAAK,SAAA,IAAa,SAAS,CAAA;AAC3D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EACpC,CAAA,EAAG,CAAC,SAAA,EAAW,SAAS,CAAC,CAAA;AAEzB,EAAA,OAAO,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,SAAS,SAAA,EAAU;AACtD;ACnCA,IAAM,aAAa,CAAC;AAAA,EAChB,MAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,OAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACd,CAAA,KAAmB;AACf,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAQ,GAAI,SAAS,MAAA,EAAQ;AAAA,IAC9C,GAAI,OAAA,KAAY,MAAA,GAAY,EAAE,OAAA,KAAY,EAAC;AAAA,IAC3C,GAAI,SAAA,KAAc,MAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,IAC/C,GAAI,WAAA,KAAgB,MAAA,GAAY,EAAE,WAAA,KAAgB;AAAC,GACtD,CAAA;AACD,EAAA,MAAM,CAAA,GAAI,OAAO,KAAK,CAAA;AACtB,EAAA,MAAM,eAAe,OAAA,IAAW,sBAAA;AAChC,EAAA,MAAM,MAAA,GAAS,IAAA,EAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,KAAK,QAAQ,CAAA,GAAI,IAAA,CAAK,GAAA,EAAI,GAAI,KAAA;AAEzE,EAAA,MAAM,KAAA,GAAQ,IAAA,EAAM,OAAA,EAAS,MAAA,IAAU,CAAA;AACvC,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AACzB,IAAA,IAAI,CAAC,IAAA,EAAM,OAAA,EAAS,OAAO,EAAC;AAC5B,IAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,IAAA,CAAK,OAAO,EAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,CAAC,CAAA,GAAI,CAAA,CAAE,CAAC,CAAC,CAAA;AAAA,EAClE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,UAAA,GAA4B;AAAA,IAC9B,MAAA,EAAQ,CAAA,UAAA,EAAa,CAAA,CAAE,MAAM,CAAA,CAAA;AAAA,IAC7B,YAAA,EAAc,CAAA;AAAA,IACd,YAAY,CAAA,CAAE,EAAA;AAAA,IACd,OAAO,CAAA,CAAE,IAAA;AAAA,IACT,UAAA,EACI,yFAAA;AAAA,IACJ,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,OAAA,EAAS,EAAA;AAAA,IACT,QAAA,EAAU,GAAA;AAAA,IACV,GAAG;AAAA,GACP;AACA,EAAA,MAAM,SAAA,GAA2B;AAAA,IAC7B,UAAA,EAAY,gCAAA;AAAA,IACZ,QAAA,EAAU,EAAA;AAAA,IACV,aAAA,EAAe,QAAA;AAAA,IACf,aAAA,EAAe,WAAA;AAAA,IACf,OAAO,CAAA,CAAE;AAAA,GACb;AAEA,EAAA,4BACK,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EAAO,UAAA,EAAY,aAAU,SAAA,EACpD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,QAAA,EAAU,cAAA,EAAgB,eAAA,EAAiB,GAAA,EAAK,CAAA,EAAG,YAAA,EAAc,GAAE,EAC1G,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,SAAA,EAAW,QAAA,EAAA;AAAA,QAAA,eAAA;AAAA,QAAW,IAAA,EAAM,WAAA,EAAa,OAAA,CAAQ,GAAA,EAAK,GAAG,CAAA,IAAK;AAAA,OAAA,EAAI,CAAA;AAAA,0BAC7E,UAAA,EAAA,EAAW,IAAA,EAAY,KAAA,EAAc,OAAA,EAAkB,OAAO,CAAA,EAAG;AAAA,KAAA,EACtE,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,QAAA,EAAU,IAAI,UAAA,EAAY,GAAA,EAAK,UAAA,EAAY,IAAA,EAAM,YAAA,EAAc,EAAA,IACxE,QAAA,EAAA,IAAA,EAAM,QAAA,KAAa,OAAA,GAAU,oBAAA,GAAkB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA,GAAI,QAAA,CAAA,EAClG,CAAA;AAAA,IAEC,IAAA,EAAM,UAAU,iBAAA,mBACb,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,KAAA,EAAO;AAAA,UACH,OAAA,EAAS,EAAA;AAAA,UACT,MAAA,EAAQ,CAAA,UAAA,EAAa,CAAA,CAAE,MAAM,CAAA,CAAA;AAAA,UAC7B,YAAY,CAAA,CAAE,UAAA;AAAA,UACd,OAAO,CAAA,CAAE,IAAA;AAAA,UACT,QAAA,EAAU;AAAA,SACd;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAO,KAAA,EAAO,EAAE,OAAO,CAAA,CAAE,MAAA,IAAU,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,UAAS,+EAAA;AAAA,UACF,GAAA;AAAA,+BACzD,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,OAAM,EAAG,QAAA,EAAA;AAAA,YAAA,oBAAA;AAAA,YACV,KAAK,YAAA,IAAgB;AAAA,WAAA,EAC5C;AAAA;AAAA;AAAA,KACJ,GACA,IAAA,EAAM,KAAA,KAAU,SAAA,wBACf,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,aAAA,EAAe,QAAA,EAAU,GAAA,EAAK,GAAE,EAC1D,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,MAAM,CAAA,KAAM;AAC3B,QAAA,MAAM,GAAA,GAAM,KAAA,GAAQ,CAAA,GAAK,MAAA,GAAS,QAAS,GAAA,GAAM,CAAA;AACjD,QAAA,4BACK,KAAA,EAAA,EACG,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACG,KAAA,EAAO;AAAA,gBACH,OAAA,EAAS,MAAA;AAAA,gBACT,cAAA,EAAgB,eAAA;AAAA,gBAChB,QAAA,EAAU,EAAA;AAAA,gBACV,YAAA,EAAc;AAAA,eAClB;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,KAAA,EAAO,EAAE,UAAA,EAAY,GAAA,IAAQ,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,gCACvC,IAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,UAAA,EAAY,gCAAA,EAAkC,QAAA,EAAU,EAAA,EAAG,EACrF,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAI,MAAM,CAAA;AAAA,kBAAE,QAAA;AAAA,kBAAI,GAAA,CAAI,QAAQ,CAAC,CAAA;AAAA,kBAAE;AAAA,iBAAA,EACpC;AAAA;AAAA;AAAA,WACJ;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACG,KAAA,EAAO;AAAA,gBACH,MAAA,EAAQ,CAAA;AAAA,gBACR,YAAY,CAAA,CAAE,MAAA;AAAA,gBACd,YAAA,EAAc,CAAA;AAAA,gBACd,QAAA,EAAU;AAAA,eACd;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACG,KAAA,EAAO;AAAA,oBACH,MAAA,EAAQ,MAAA;AAAA,oBACR,OAAO,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,oBAC1B,YAAY,CAAA,CAAE;AAAA;AAClB;AAAA;AACJ;AAAA;AACJ,SAAA,EAAA,EA7BM,GA8BV,CAAA;AAAA,MAER,CAAC,CAAA;AAAA,MACA,MAAA,CAAO,MAAA,KAAW,CAAA,oBACf,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,QAAA,EAAU,EAAA,IAAM,QAAA,EAAA,gBAAA,EAAc;AAAA,KAAA,EAEpE,CAAA,mBAEA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,QAAA,EAAU,IAAG,EACtC,QAAA,EAAA,OAAA,GAAU,eAAA,GAAa,KAAA,EAAO,WAAW,SAAA,EAC9C,CAAA;AAAA,oBAGJ,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,KAAA,EAAO;AAAA,UACH,SAAA,EAAW,EAAA;AAAA,UACX,UAAA,EAAY,EAAA;AAAA,UACZ,SAAA,EAAW,CAAA,UAAA,EAAa,CAAA,CAAE,MAAM,CAAA,CAAA;AAAA,UAChC,OAAA,EAAS,MAAA;AAAA,UACT,UAAA,EAAY,QAAA;AAAA,UACZ,cAAA,EAAgB,eAAA;AAAA,UAChB,GAAA,EAAK,CAAA;AAAA,UACL,QAAA,EAAU,EAAA;AAAA,UACV,OAAO,CAAA,CAAE,KAAA;AAAA,UACT,UAAA,EAAY;AAAA,SAChB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EACI,QAAA,EAAA;AAAA,YAAA,IAAA,EAAM,SAAS,MAAA,IAAU,CAAA;AAAA,YAAE,SAAA;AAAA,YAC3B,MAAM,QAAA,IAAY,QAAA;AAAA,YAClB,IAAA,EAAM,QAAA,KAAa,MAAA,GAAS,QAAA,GAAW,QAAA,CAAA;AAAA,YACvC,IAAA,EAAM,QAAA,IAAY,GAAA,GAAM,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA,CAAE,OAAA,CAAQ,GAAA,EAAK,GAAG;AAAA,WAAA,EACxE,CAAA;AAAA,UACC,CAAC,OAAA,IAAW,CAAC,MAAA,oBACV,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACG,IAAA,EAAM,CAAA,EAAG,YAAY,CAAA,GAAA,EAAM,MAAM,CAAA,CAAA;AAAA,cACjC,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cACJ,KAAA,EAAO;AAAA,gBACH,OAAA,EAAS,UAAA;AAAA,gBACT,YAAY,CAAA,CAAE,MAAA;AAAA,gBACd,KAAA,EAAO,SAAA;AAAA,gBACP,cAAA,EAAgB,MAAA;AAAA,gBAChB,YAAA,EAAc,CAAA;AAAA,gBACd,UAAA,EAAY,GAAA;AAAA,gBACZ,QAAA,EAAU,EAAA;AAAA,gBACV,aAAA,EAAe,QAAA;AAAA,gBACf,aAAA,EAAe;AAAA,eACnB;AAAA,cACH,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA;AAER,GAAA,EACJ,CAAA;AAER,CAAA;AAEA,SAAS,UAAA,CAAW;AAAA,EAChB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,EAAO;AACX,CAAA,EAKG;AACC,EAAA,IAAI,KAAA,GAAQ,QAAA;AACZ,EAAA,IAAI,QAAQ,CAAA,CAAE,KAAA;AACd,EAAA,IAAI,KAAA,EAAO;AACP,IAAA,KAAA,GAAQ,OAAA;AACR,IAAA,KAAA,GAAQ,SAAA;AAAA,EACZ,CAAA,MAAA,IAAW,OAAA,IAAW,CAAC,IAAA,EAAM;AACzB,IAAA,KAAA,GAAQ,SAAA;AAAA,EACZ,CAAA,MAAA,IAAW,IAAA,EAAM,KAAA,KAAU,iBAAA,EAAmB;AAC1C,IAAA,KAAA,GAAQ,iBAAA;AACR,IAAA,KAAA,GAAQ,CAAA,CAAE,MAAA;AAAA,EACd,CAAA,MAAA,IAAW,IAAA,EAAM,KAAA,KAAU,SAAA,EAAW;AAClC,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,KAAK,QAAQ,CAAA,GAAI,IAAA,CAAK,GAAA,EAAI,GAAI,KAAA;AACxE,IAAA,KAAA,GAAQ,SAAS,QAAA,GAAW,MAAA;AAC5B,IAAA,KAAA,GAAQ,MAAA,GAAS,EAAE,KAAA,GAAQ,SAAA;AAAA,EAC/B;AACA,EAAA,uBACI,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,KAAA,EAAO;AAAA,QACH,OAAA,EAAS,SAAA;AAAA,QACT,MAAA,EAAQ,aAAa,KAAK,CAAA,CAAA;AAAA,QAC1B,KAAA;AAAA,QACA,YAAA,EAAc,CAAA;AAAA,QACd,QAAA,EAAU,EAAA;AAAA,QACV,aAAA,EAAe,QAAA;AAAA,QACf,aAAA,EAAe,WAAA;AAAA,QACf,UAAA,EAAY;AAAA,OAChB;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACL;AAER;AAEA,SAAS,IAAI,CAAA,EAAmB;AAC5B,EAAA,OAAO,CAAA,CAAE,eAAe,OAAO,CAAA;AACnC;AAEO,IAAM,MAAA,GAAS,KAAK,UAAU","file":"poll.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 * <OcPoll pollId=\"…\" />\n *\n * Full poll card: question, options as bars, turnout, status pill, \"cast a\n * ballot\" CTA that opens vote.ochk.io/p/<id> in a new tab.\n *\n * Read-only — the component doesn't sign anything. Voting requires a Bitcoin\n * wallet; we delegate that to the full web app at vote.ochk.io. Embed this\n * card in your own site / Discord webhook preview / docs page as the\n * canonical reference view.\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 OcPollProps {\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    /** SSR-hydrated initial data. */\n    initialData?: TallyResponse;\n    /** Extra class on the outer element. */\n    className?: string;\n    /** Inline style override. */\n    style?: CSSProperties;\n    /** Hide the \"cast a ballot\" CTA (read-only mode). */\n    hideCta?: boolean;\n}\n\nconst OcPollImpl = ({\n    pollId,\n    theme = 'light',\n    baseUrl,\n    refreshMs,\n    initialData,\n    className,\n    style,\n    hideCta = false,\n}: OcPollProps) => {\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    const resolvedBase = baseUrl ?? 'https://vote.ochk.io';\n    const isPast = data?.deadline ? Date.parse(data.deadline) < Date.now() : false;\n\n    const total = data?.turnout?.weight ?? 0;\n    const sorted = useMemo(() => {\n        if (!data?.tallies) return [] as Array<[string, number]>;\n        return Object.entries(data.tallies).sort((a, b) => b[1] - a[1]);\n    }, [data]);\n\n    const outerStyle: CSSProperties = {\n        border: `1px solid ${t.border}`,\n        borderRadius: 8,\n        background: t.bg,\n        color: t.text,\n        fontFamily:\n            'ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif',\n        fontSize: 14,\n        lineHeight: 1.5,\n        padding: 16,\n        maxWidth: 520,\n        ...style,\n    };\n    const monoStyle: CSSProperties = {\n        fontFamily: 'ui-monospace, Menlo, monospace',\n        fontSize: 11,\n        letterSpacing: '0.08em',\n        textTransform: 'uppercase',\n        color: t.muted,\n    };\n\n    return (\n        <div className={className} style={outerStyle} data-slot=\"oc-poll\">\n            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, marginBottom: 8 }}>\n                <div style={monoStyle}>oc vote · {data?.weight_mode?.replace('_', ' ') ?? '—'}</div>\n                <StatusPill data={data} error={error} loading={loading} theme={t} />\n            </div>\n            <div style={{ fontSize: 18, fontWeight: 700, lineHeight: 1.25, marginBottom: 10 }}>\n                {data?.question ?? (loading ? 'loading poll…' : error ? error.message : pollId.slice(0, 16) + '…')}\n            </div>\n\n            {data?.state === 'awaiting_reveal' ? (\n                <div\n                    style={{\n                        padding: 10,\n                        border: `1px solid ${t.border}`,\n                        background: t.accentSoft,\n                        color: t.text,\n                        fontSize: 13,\n                    }}\n                >\n                    <strong style={{ color: t.accent }}>awaiting reveal</strong> — the creator\n                    of this secret-mode poll has not yet published reveal_sk.{' '}\n                    <span style={{ color: t.muted }}>\n                        ballots observed: {data.ballot_count ?? 0}\n                    </span>\n                </div>\n            ) : data?.state === 'tallied' ? (\n                <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n                    {sorted.map(([opt, weight]) => {\n                        const pct = total > 0 ? (weight / total) * 100 : 0;\n                        return (\n                            <div key={opt}>\n                                <div\n                                    style={{\n                                        display: 'flex',\n                                        justifyContent: 'space-between',\n                                        fontSize: 13,\n                                        marginBottom: 4,\n                                    }}\n                                >\n                                    <span style={{ fontWeight: 600 }}>{opt}</span>\n                                    <span style={{ color: t.muted, fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 12 }}>\n                                        {fmt(weight)} · {pct.toFixed(1)}%\n                                    </span>\n                                </div>\n                                <div\n                                    style={{\n                                        height: 6,\n                                        background: t.border,\n                                        borderRadius: 3,\n                                        overflow: 'hidden',\n                                    }}\n                                >\n                                    <div\n                                        style={{\n                                            height: '100%',\n                                            width: `${Math.max(2, pct)}%`,\n                                            background: t.accent,\n                                        }}\n                                    />\n                                </div>\n                            </div>\n                        );\n                    })}\n                    {sorted.length === 0 && (\n                        <div style={{ color: t.muted, fontSize: 13 }}>no ballots yet</div>\n                    )}\n                </div>\n            ) : (\n                <div style={{ color: t.muted, fontSize: 13 }}>\n                    {loading ? 'loading…' : error?.message ?? 'no data'}\n                </div>\n            )}\n\n            <div\n                style={{\n                    marginTop: 14,\n                    paddingTop: 10,\n                    borderTop: `1px solid ${t.border}`,\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                    gap: 8,\n                    fontSize: 12,\n                    color: t.muted,\n                    fontFamily: 'ui-monospace, Menlo, monospace',\n                }}\n            >\n                <span>\n                    {data?.turnout?.voters ?? 0} voters\n                    {data?.deadline && ' · '}\n                    {data?.deadline && (isPast ? 'closed' : 'closes')}\n                    {data?.deadline && ' ' + data.deadline.slice(0, 16).replace('T', ' ')}\n                </span>\n                {!hideCta && !isPast && (\n                    <a\n                        href={`${resolvedBase}/p/${pollId}`}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        style={{\n                            padding: '5px 10px',\n                            background: t.accent,\n                            color: '#0a0a0a',\n                            textDecoration: 'none',\n                            borderRadius: 4,\n                            fontWeight: 700,\n                            fontSize: 11,\n                            letterSpacing: '0.05em',\n                            textTransform: 'uppercase',\n                        }}\n                    >\n                        cast a ballot →\n                    </a>\n                )}\n            </div>\n        </div>\n    );\n};\n\nfunction StatusPill({\n    data,\n    error,\n    loading,\n    theme: t,\n}: {\n    data: TallyResponse | null;\n    error: Error | null;\n    loading: boolean;\n    theme: Theme;\n}) {\n    let label = '—';\n    let color = t.muted;\n    if (error) {\n        label = 'error';\n        color = '#ef4444';\n    } else if (loading && !data) {\n        label = 'loading';\n    } else if (data?.state === 'awaiting_reveal') {\n        label = 'awaiting reveal';\n        color = t.accent;\n    } else if (data?.state === 'tallied') {\n        const isPast = data.deadline ? Date.parse(data.deadline) < Date.now() : false;\n        label = isPast ? 'closed' : 'open';\n        color = isPast ? t.muted : '#10b981';\n    }\n    return (\n        <span\n            style={{\n                padding: '2px 8px',\n                border: `1px solid ${color}`,\n                color,\n                borderRadius: 4,\n                fontSize: 10,\n                letterSpacing: '0.08em',\n                textTransform: 'uppercase',\n                fontFamily: 'ui-monospace, Menlo, monospace',\n            }}\n        >\n            {label}\n        </span>\n    );\n}\n\nfunction fmt(n: number): string {\n    return n.toLocaleString('en-US');\n}\n\nexport const OcPoll = memo(OcPollImpl);\n"]}