@mrrocket/sdk 0.0.0-stage → 0.2.0

package/dist/survey.js

@@ -0,0 +1,201 @@
+"use client";
+
+// src/survey.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useApi } from "./api.js";
+import { useCtx } from "./context.js";
+import { Check, Cross, Root, Star } from "./ui.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DISMISS_PREFIX = "ck_survey_";
+var dismissed = /* @__PURE__ */ new Set();
+var remember = (id, persist) => {
+  dismissed.add(id);
+  if (!persist) return;
+  try {
+    localStorage.setItem(`${DISMISS_PREFIX}${id}`, "1");
+  } catch {
+  }
+};
+var wasDismissed = (id, persist) => {
+  if (dismissed.has(id)) return true;
+  if (!persist) return false;
+  try {
+    return !!localStorage.getItem(`${DISMISS_PREFIX}${id}`);
+  } catch {
+    return false;
+  }
+};
+var forgetStoredDismissals = () => {
+  try {
+    for (let i = localStorage.length - 1; i >= 0; i--) {
+      const key = localStorage.key(i);
+      if (!key?.startsWith(DISMISS_PREFIX)) continue;
+      dismissed.add(key.slice(DISMISS_PREFIX.length));
+      localStorage.removeItem(key);
+    }
+  } catch {
+  }
+};
+var isAnswered = (a) => Array.isArray(a) ? a.length > 0 : typeof a === "number" ? true : !!a?.trim();
+var Question = ({ q, value, onChange, onEnter }) => {
+  if (q.kind === "nps" || q.kind === "rating") {
+    const scale = q.kind === "nps" ? 11 : Math.min(Math.max(q.scale ?? 5, 2), 10);
+    const start = q.kind === "nps" ? 0 : 1;
+    const items = Array.from({ length: scale }, (_, i) => i + start);
+    const stars = q.kind === "rating" && scale <= 5;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "ckw-scale", role: "group", "aria-label": q.title, children: items.map(
+        (n) => stars ? /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-star", "data-on": typeof value === "number" && n <= value, "aria-pressed": value === n, "aria-label": `${n} of ${scale}`, onClick: () => onChange(n), children: /* @__PURE__ */ jsx(Star, {}) }, n) : /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-num", "aria-pressed": value === n, onClick: () => onChange(n), children: n }, n)
+      ) }),
+      (q.low || q.high || q.kind === "nps") && /* @__PURE__ */ jsxs("div", { className: "ckw-lh", children: [
+        /* @__PURE__ */ jsx("span", { children: q.low ?? (q.kind === "nps" ? "Not likely" : "") }),
+        /* @__PURE__ */ jsx("span", { children: q.high ?? (q.kind === "nps" ? "Very likely" : "") })
+      ] })
+    ] });
+  }
+  if (q.kind === "single" || q.kind === "multi") {
+    const multi = q.kind === "multi";
+    const picked = multi ? value ?? [] : [];
+    return /* @__PURE__ */ jsx("div", { className: "ckw-opts", role: multi ? "group" : "radiogroup", "aria-label": q.title, children: (q.options ?? []).map((o) => /* @__PURE__ */ jsxs("label", { className: "ckw-opt", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: multi ? "checkbox" : "radio",
+          name: q.key,
+          checked: multi ? picked.includes(o) : value === o,
+          onChange: () => onChange(multi ? picked.includes(o) ? picked.filter((x) => x !== o) : [...picked, o] : o)
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: o })
+    ] }, o)) });
+  }
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: "ckw-textarea",
+      "aria-label": q.title,
+      placeholder: q.placeholder ?? "Type your answer",
+      value: value ?? "",
+      maxLength: 2e3,
+      onChange: (e) => onChange(e.target.value),
+      onKeyDown: (e) => (e.metaKey || e.ctrlKey) && e.key === "Enter" && onEnter()
+    }
+  );
+};
+var Card = ({ survey, onClose }) => {
+  const api = useApi();
+  const persist = useCtx().effectiveConsent === "cookies";
+  const [step, setStep] = useState(0);
+  const [answers, setAnswers] = useState({});
+  const [done, setDone] = useState(false);
+  const [error, setError] = useState("");
+  const started = useRef(Date.now());
+  const finished = useRef(false);
+  const live = useRef(answers);
+  live.current = answers;
+  const heading = useRef(null);
+  const q = survey.questions[step];
+  const last = step === survey.questions.length - 1;
+  const has = isAnswered(answers[q?.key]);
+  useEffect(() => {
+    api.seen(survey.id).catch(() => void 0);
+  }, [api, survey.id]);
+  useEffect(() => {
+    heading.current?.focus();
+  }, [step]);
+  const finish = useCallback(
+    async (completed) => {
+      if (finished.current) return;
+      finished.current = true;
+      remember(survey.id, persist);
+      api.respond(survey.id, { answers: live.current, completed, seconds: Math.round((Date.now() - started.current) / 1e3) }).catch(() => void 0);
+    },
+    [api, survey.id, persist]
+  );
+  useEffect(() => {
+    if (!done) return;
+    const t = window.setTimeout(onClose, 2500);
+    return () => window.clearTimeout(t);
+  }, [done, onClose]);
+  const dismiss = useCallback(() => {
+    if (Object.values(live.current).some(isAnswered)) void finish(false);
+    else remember(survey.id, persist);
+    onClose();
+  }, [finish, onClose, survey.id, persist]);
+  useEffect(() => {
+    const h = (e) => e.key === "Escape" && !done && dismiss();
+    document.addEventListener("keydown", h);
+    return () => document.removeEventListener("keydown", h);
+  }, [dismiss, done]);
+  const next = async () => {
+    if (q.required && !has) {
+      setError("Please answer this question.");
+      return;
+    }
+    setError("");
+    if (!last) return setStep(step + 1);
+    await finish(true);
+    setDone(true);
+  };
+  if (done)
+    return /* @__PURE__ */ jsxs("div", { className: "ckw-thanks", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { className: "ckw-tick", children: /* @__PURE__ */ jsx(Check, {}) }),
+      /* @__PURE__ */ jsx("b", { children: survey.thanks || "Thanks for your feedback." })
+    ] });
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        void next();
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ckw-sv-top", children: [
+          /* @__PURE__ */ jsx("div", { className: "ckw-dots", role: "img", "aria-label": `Question ${step + 1} of ${survey.questions.length}`, children: survey.questions.map((x, i) => /* @__PURE__ */ jsx("span", { className: "ckw-dot", "data-on": i <= step }, x.key)) }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-btn ckw-btn-ghost", onClick: dismiss, "aria-label": "Close survey", style: { height: 24, padding: "0 4px" }, children: /* @__PURE__ */ jsx(Cross, {}) })
+        ] }),
+        /* @__PURE__ */ jsxs("h3", { className: "ckw-q", tabIndex: -1, ref: heading, children: [
+          q.title,
+          !q.required && /* @__PURE__ */ jsx("span", { className: "ckw-time", children: " optional" })
+        ] }),
+        q.description && /* @__PURE__ */ jsx("p", { className: "ckw-qd", children: q.description }),
+        /* @__PURE__ */ jsx(Question, { q, value: answers[q.key], onChange: (v) => (setAnswers((a) => ({ ...a, [q.key]: v })), setError("")), onEnter: () => void next() }),
+        /* @__PURE__ */ jsx("div", { "aria-live": "polite", children: error && /* @__PURE__ */ jsx("p", { className: "ckw-qd", style: { color: "var(--ckw-danger)", margin: "8px 0 0" }, children: error }) }),
+        /* @__PURE__ */ jsxs("div", { className: "ckw-sv-foot", children: [
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("button", { type: "submit", className: "ckw-btn ckw-btn-primary", children: last ? "Send" : "Next" })
+        ] })
+      ]
+    }
+  );
+};
+var Survey = () => {
+  const { embedded, distinctId, effectiveConsent } = useCtx();
+  const api = useApi();
+  const [survey, setSurvey] = useState(null);
+  const off = embedded || effectiveConsent === "off" || distinctId === "anonymous";
+  const persist = effectiveConsent === "cookies";
+  useEffect(() => {
+    if (off) return;
+    const ctl = new AbortController();
+    const timer = window.setTimeout(() => {
+      api.survey(window.location.href, ctl.signal).then((r) => {
+        const s = r.survey;
+        if (!s || s.questions.length === 0 || wasDismissed(s.id, persist)) return;
+        setSurvey(s);
+      }).catch(() => void 0);
+    }, 3e3);
+    return () => {
+      window.clearTimeout(timer);
+      ctl.abort();
+    };
+  }, [api, off, persist]);
+  const close = useCallback(() => setSurvey(null), []);
+  if (!survey || off) return null;
+  return /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsx("div", { className: "ckw-survey", role: "dialog", "aria-label": survey.name, children: /* @__PURE__ */ jsx(Card, { survey, onClose: close }, survey.id) }) });
+};
+export {
+  Survey,
+  forgetStoredDismissals
+};
+//# sourceMappingURL=survey.js.map

package/dist/survey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/survey.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { type SurveyAnswer, type SurveyDefinition, type SurveyQuestion, useApi } from \"./api\";\nimport { useCtx } from \"./context\";\nimport { Check, Cross, Root, Star } from \"./ui\";\n\nconst DISMISS_PREFIX = \"ck_survey_\";\n/** Surveys dismissed or answered during this page load. Only \"cookies\" mode also keeps them in localStorage. */\nconst dismissed = new Set<string>();\n\nconst remember = (id: string, persist: boolean) => {\n    dismissed.add(id);\n    if (!persist) return;\n    try {\n        localStorage.setItem(`${DISMISS_PREFIX}${id}`, \"1\");\n    } catch {\n        // Private mode: the card just may show again next visit.\n    }\n};\n\nconst wasDismissed = (id: string, persist: boolean) => {\n    if (dismissed.has(id)) return true;\n    if (!persist) return false;\n    try {\n        return !!localStorage.getItem(`${DISMISS_PREFIX}${id}`);\n    } catch {\n        return false;\n    }\n};\n\n/** Consent for storage was withdrawn: move the stored dismissals into memory for this page load and delete them. */\nexport const forgetStoredDismissals = () => {\n    try {\n        for (let i = localStorage.length - 1; i >= 0; i--) {\n            const key = localStorage.key(i);\n            if (!key?.startsWith(DISMISS_PREFIX)) continue;\n            dismissed.add(key.slice(DISMISS_PREFIX.length));\n            localStorage.removeItem(key);\n        }\n    } catch {\n        // No storage: nothing to delete.\n    }\n};\n\nconst isAnswered = (a: SurveyAnswer | undefined) => (Array.isArray(a) ? a.length > 0 : typeof a === \"number\" ? true : !!a?.trim());\n\nconst Question = ({ q, value, onChange, onEnter }: { q: SurveyQuestion; value: SurveyAnswer | undefined; onChange: (v: SurveyAnswer) => void; onEnter: () => void }) => {\n    if (q.kind === \"nps\" || q.kind === \"rating\") {\n        const scale = q.kind === \"nps\" ? 11 : Math.min(Math.max(q.scale ?? 5, 2), 10);\n        const start = q.kind === \"nps\" ? 0 : 1;\n        const items = Array.from({ length: scale }, (_, i) => i + start);\n        const stars = q.kind === \"rating\" && scale <= 5;\n        return (\n            <div>\n                <div className=\"ckw-scale\" role=\"group\" aria-label={q.title}>\n                    {items.map((n) =>\n                        stars ? (\n                            <button key={n} type=\"button\" className=\"ckw-star\" data-on={typeof value === \"number\" && n <= value} aria-pressed={value === n} aria-label={`${n} of ${scale}`} onClick={() => onChange(n)}>\n                                <Star />\n                            </button>\n                        ) : (\n                            <button key={n} type=\"button\" className=\"ckw-num\" aria-pressed={value === n} onClick={() => onChange(n)}>\n                                {n}\n                            </button>\n                        ),\n                    )}\n                </div>\n                {(q.low || q.high || q.kind === \"nps\") && (\n                    <div className=\"ckw-lh\">\n                        <span>{q.low ?? (q.kind === \"nps\" ? \"Not likely\" : \"\")}</span>\n                        <span>{q.high ?? (q.kind === \"nps\" ? \"Very likely\" : \"\")}</span>\n                    </div>\n                )}\n            </div>\n        );\n    }\n    if (q.kind === \"single\" || q.kind === \"multi\") {\n        const multi = q.kind === \"multi\";\n        const picked = multi ? ((value as string[] | undefined) ?? []) : [];\n        return (\n            <div className=\"ckw-opts\" role={multi ? \"group\" : \"radiogroup\"} aria-label={q.title}>\n                {(q.options ?? []).map((o) => (\n                    <label className=\"ckw-opt\" key={o}>\n                        <input\n                            type={multi ? \"checkbox\" : \"radio\"}\n                            name={q.key}\n                            checked={multi ? picked.includes(o) : value === o}\n                            onChange={() => onChange(multi ? (picked.includes(o) ? picked.filter((x) => x !== o) : [...picked, o]) : o)}\n                        />\n                        <span>{o}</span>\n                    </label>\n                ))}\n            </div>\n        );\n    }\n    return (\n        <textarea\n            className=\"ckw-textarea\"\n            aria-label={q.title}\n            placeholder={q.placeholder ?? \"Type your answer\"}\n            value={(value as string | undefined) ?? \"\"}\n            maxLength={2000}\n            onChange={(e) => onChange(e.target.value)}\n            onKeyDown={(e) => (e.metaKey || e.ctrlKey) && e.key === \"Enter\" && onEnter()}\n        />\n    );\n};\n\nconst Card = ({ survey, onClose }: { survey: SurveyDefinition; onClose: () => void }) => {\n    const api = useApi();\n    const persist = useCtx().effectiveConsent === \"cookies\";\n    const [step, setStep] = useState(0);\n    const [answers, setAnswers] = useState<Record<string, SurveyAnswer>>({});\n    const [done, setDone] = useState(false);\n    const [error, setError] = useState(\"\");\n    const started = useRef(Date.now());\n    const finished = useRef(false);\n    const live = useRef(answers);\n    live.current = answers;\n    const heading = useRef<HTMLHeadingElement>(null);\n    const q = survey.questions[step];\n    const last = step === survey.questions.length - 1;\n    const has = isAnswered(answers[q?.key]);\n\n    useEffect(() => {\n        api.seen(survey.id).catch(() => undefined);\n    }, [api, survey.id]);\n    useEffect(() => {\n        heading.current?.focus();\n    }, [step]);\n\n    const finish = useCallback(\n        async (completed: boolean) => {\n            if (finished.current) return;\n            finished.current = true;\n            remember(survey.id, persist);\n            api.respond(survey.id, { answers: live.current, completed, seconds: Math.round((Date.now() - started.current) / 1000) }).catch(() => undefined);\n        },\n        [api, survey.id, persist],\n    );\n\n    // After the thank-you screen the card closes by itself.\n    useEffect(() => {\n        if (!done) return;\n        const t = window.setTimeout(onClose, 2500);\n        return () => window.clearTimeout(t);\n    }, [done, onClose]);\n\n    const dismiss = useCallback(() => {\n        // Partial answers still count, so nothing the visitor typed is lost.\n        if (Object.values(live.current).some(isAnswered)) void finish(false);\n        else remember(survey.id, persist);\n        onClose();\n    }, [finish, onClose, survey.id, persist]);\n\n    useEffect(() => {\n        const h = (e: KeyboardEvent) => e.key === \"Escape\" && !done && dismiss();\n        document.addEventListener(\"keydown\", h);\n        return () => document.removeEventListener(\"keydown\", h);\n    }, [dismiss, done]);\n\n    const next = async () => {\n        if (q.required && !has) {\n            setError(\"Please answer this question.\");\n            return;\n        }\n        setError(\"\");\n        if (!last) return setStep(step + 1);\n        await finish(true);\n        setDone(true);\n    };\n\n    if (done)\n        return (\n            <div className=\"ckw-thanks\" role=\"status\">\n                <span className=\"ckw-tick\">\n                    <Check />\n                </span>\n                <b>{survey.thanks || \"Thanks for your feedback.\"}</b>\n            </div>\n        );\n\n    return (\n        <form\n            onSubmit={(e) => {\n                e.preventDefault();\n                void next();\n            }}\n        >\n            <div className=\"ckw-sv-top\">\n                <div className=\"ckw-dots\" role=\"img\" aria-label={`Question ${step + 1} of ${survey.questions.length}`}>\n                    {survey.questions.map((x, i) => (\n                        <span className=\"ckw-dot\" key={x.key} data-on={i <= step} />\n                    ))}\n                </div>\n                <button type=\"button\" className=\"ckw-btn ckw-btn-ghost\" onClick={dismiss} aria-label=\"Close survey\" style={{ height: 24, padding: \"0 4px\" }}>\n                    <Cross />\n                </button>\n            </div>\n            <h3 className=\"ckw-q\" tabIndex={-1} ref={heading}>\n                {q.title}\n                {!q.required && <span className=\"ckw-time\"> optional</span>}\n            </h3>\n            {q.description && <p className=\"ckw-qd\">{q.description}</p>}\n            <Question q={q} value={answers[q.key]} onChange={(v) => (setAnswers((a) => ({ ...a, [q.key]: v })), setError(\"\"))} onEnter={() => void next()} />\n            <div aria-live=\"polite\">\n                {error && (\n                    <p className=\"ckw-qd\" style={{ color: \"var(--ckw-danger)\", margin: \"8px 0 0\" }}>\n                        {error}\n                    </p>\n                )}\n            </div>\n            <div className=\"ckw-sv-foot\">\n                <span />\n                <button type=\"submit\" className=\"ckw-btn ckw-btn-primary\">\n                    {last ? \"Send\" : \"Next\"}\n                </button>\n            </div>\n        </form>\n    );\n};\n\n/** Asks the visitor the survey Cockpit picked for this page. Mounted by CockpitProvider unless `surveys={false}`. */\nexport const Survey = () => {\n    const { embedded, distinctId, effectiveConsent } = useCtx();\n    const api = useApi();\n    const [survey, setSurvey] = useState<SurveyDefinition | null>(null);\n    // Never inside Cockpit previews, never without consent, and not before the visitor id is known.\n    const off = embedded || effectiveConsent === \"off\" || distinctId === \"anonymous\";\n    const persist = effectiveConsent === \"cookies\";\n\n    useEffect(() => {\n        if (off) return;\n        const ctl = new AbortController();\n        const timer = window.setTimeout(() => {\n            api.survey(window.location.href, ctl.signal)\n                .then((r) => {\n                    const s = r.survey;\n                    if (!s || s.questions.length === 0 || wasDismissed(s.id, persist)) return;\n                    setSurvey(s);\n                })\n                .catch(() => undefined);\n        }, 3000);\n        return () => {\n            window.clearTimeout(timer);\n            ctl.abort();\n        };\n    }, [api, off, persist]);\n\n    const close = useCallback(() => setSurvey(null), []);\n    if (!survey || off) return null;\n    return (\n        <Root>\n            <div className=\"ckw-survey\" role=\"dialog\" aria-label={survey.name}>\n                <Card key={survey.id} survey={survey} onClose={close} />\n            </div>\n        </Root>\n    );\n};\n"],"mappings":"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","names":[]}

package/dist/ui.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from "react";
+import { type FeedbackPost, type PostStatus } from "./api.js";
+export type Theme = "light" | "dark" | "auto";
+/** The scoped wrapper every widget renders inside. Carries the accent and the theme. */
+export declare const Root: ({ theme, accent, className, children }: {
+    theme?: Theme;
+    accent?: string;
+    className?: string;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const ChevronUp: () => import("react").JSX.Element;
+export declare const Plus: () => import("react").JSX.Element;
+export declare const Cross: () => import("react").JSX.Element;
+export declare const Check: () => import("react").JSX.Element;
+export declare const Chat: () => import("react").JSX.Element;
+export declare const Star: () => import("react").JSX.Element;
+export declare const StatusPill: ({ status }: {
+    status: PostStatus;
+}) => import("react").JSX.Element;
+export declare const VoteButton: ({ post, onVote, small }: {
+    post: FeedbackPost;
+    onVote: (p: FeedbackPost) => void;
+    small?: boolean;
+}) => import("react").JSX.Element;
+export declare const timeAgo: (iso: string) => string;
+/** Calls `onClose` on Esc while mounted. */
+export declare const useEscape: (onClose: () => void) => void;
+/** Up to three existing posts that share words with what the visitor is typing. */
+export declare const similarPosts: (title: string, posts: FeedbackPost[]) => FeedbackPost[];

package/dist/ui.js

@@ -0,0 +1,77 @@
+"use client";
+
+// src/ui.tsx
+import { useEffect, useRef } from "react";
+import { STATUS_LABEL } from "./api.js";
+import { useStyles } from "./styles.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = ({ theme = "auto", accent = "#3f76ff", className, children }) => {
+  useStyles();
+  return /* @__PURE__ */ jsx("div", { className: `ckw-root${className ? ` ${className}` : ""}`, "data-theme": theme, style: { ["--ckw-accent"]: accent }, children });
+};
+var Svg = ({ children, size = 16 }) => /* @__PURE__ */ jsx("svg", { className: "ckw-icon", width: size, height: size, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
+var ChevronUp = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M3.5 10 8 5.5 12.5 10" }) });
+var Plus = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M8 3v10M3 8h10" }) });
+var Cross = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "m4 4 8 8M12 4l-8 8" }) });
+var Check = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "m3 8.5 3.2 3.2L13 4.8" }) });
+var Chat = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M2.5 4.5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v4.5a2 2 0 0 1-2 2H7l-3 2.5V11a2 2 0 0 1-1.5-2z" }) });
+var Star = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m12 2.8 2.8 5.8 6.4.9-4.6 4.5 1.1 6.3L12 17.2l-5.7 3.1 1.1-6.3L2.8 9.5l6.4-.9z" }) });
+var StatusPill = ({ status }) => /* @__PURE__ */ jsx("span", { className: "ckw-pill", "data-s": status, children: STATUS_LABEL[status] ?? status });
+var VoteButton = ({ post, onVote, small }) => /* @__PURE__ */ jsxs(
+  "button",
+  {
+    type: "button",
+    className: `ckw-vote${small ? " ckw-vote-sm" : ""}`,
+    "aria-pressed": post.voted,
+    "aria-label": `${post.voted ? "Remove your vote from" : "Upvote"} ${post.title}. ${post.votes} votes`,
+    onClick: () => onVote(post),
+    children: [
+      /* @__PURE__ */ jsx(ChevronUp, {}),
+      /* @__PURE__ */ jsx("span", { children: post.votes })
+    ]
+  }
+);
+var timeAgo = (iso) => {
+  const t = new Date(iso).getTime();
+  if (Number.isNaN(t)) return "";
+  const d = Math.max(0, Date.now() - t) / 1e3;
+  if (d < 60) return "just now";
+  if (d < 3600) return `${Math.floor(d / 60)}m ago`;
+  if (d < 86400) return `${Math.floor(d / 3600)}h ago`;
+  if (d < 86400 * 30) return `${Math.floor(d / 86400)}d ago`;
+  return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+};
+var useEscape = (onClose) => {
+  const ref = useRef(onClose);
+  ref.current = onClose;
+  useEffect(() => {
+    const h = (e) => e.key === "Escape" && ref.current();
+    document.addEventListener("keydown", h);
+    return () => document.removeEventListener("keydown", h);
+  }, []);
+};
+var words = (s) => s.toLowerCase().split(/[^a-z0-9]+/).filter((w) => w.length > 2 && !["the", "and", "for", "with", "add", "can", "please", "want", "would", "our", "you", "have"].includes(w));
+var similarPosts = (title, posts) => {
+  const mine = words(title);
+  if (mine.length === 0 || title.trim().length < 4) return [];
+  return posts.map((p) => {
+    const theirs = new Set(words(`${p.title} ${p.body}`.slice(0, 300)));
+    const hit = mine.filter((w) => theirs.has(w) || [...theirs].some((t) => t.startsWith(w) || w.startsWith(t))).length;
+    return { p, score: hit / mine.length };
+  }).filter((x) => x.score >= 0.5).sort((a, b) => b.score - a.score || b.p.votes - a.p.votes).slice(0, 3).map((x) => x.p);
+};
+export {
+  Chat,
+  Check,
+  ChevronUp,
+  Cross,
+  Plus,
+  Root,
+  Star,
+  StatusPill,
+  VoteButton,
+  similarPosts,
+  timeAgo,
+  useEscape
+};
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useEffect, useRef } from \"react\";\nimport { type FeedbackPost, type PostStatus, STATUS_LABEL } from \"./api\";\nimport { useStyles } from \"./styles\";\n\nexport type Theme = \"light\" | \"dark\" | \"auto\";\n\n/** The scoped wrapper every widget renders inside. Carries the accent and the theme. */\nexport const Root = ({ theme = \"auto\", accent = \"#3f76ff\", className, children }: { theme?: Theme; accent?: string; className?: string; children: ReactNode }) => {\n    useStyles();\n    return (\n        <div className={`ckw-root${className ? ` ${className}` : \"\"}`} data-theme={theme} style={{ [\"--ckw-accent\" as string]: accent }}>\n            {children}\n        </div>\n    );\n};\n\nconst Svg = ({ children, size = 16 }: { children: ReactNode; size?: number }) => (\n    <svg className=\"ckw-icon\" width={size} height={size} viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n        {children}\n    </svg>\n);\n\nexport const ChevronUp = () => (\n    <Svg>\n        <path d=\"M3.5 10 8 5.5 12.5 10\" />\n    </Svg>\n);\nexport const Plus = () => (\n    <Svg>\n        <path d=\"M8 3v10M3 8h10\" />\n    </Svg>\n);\nexport const Cross = () => (\n    <Svg>\n        <path d=\"m4 4 8 8M12 4l-8 8\" />\n    </Svg>\n);\nexport const Check = () => (\n    <Svg>\n        <path d=\"m3 8.5 3.2 3.2L13 4.8\" />\n    </Svg>\n);\nexport const Chat = () => (\n    <Svg>\n        <path d=\"M2.5 4.5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v4.5a2 2 0 0 1-2 2H7l-3 2.5V11a2 2 0 0 1-1.5-2z\" />\n    </Svg>\n);\nexport const Star = () => (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"m12 2.8 2.8 5.8 6.4.9-4.6 4.5 1.1 6.3L12 17.2l-5.7 3.1 1.1-6.3L2.8 9.5l6.4-.9z\" />\n    </svg>\n);\n\nexport const StatusPill = ({ status }: { status: PostStatus }) => (\n    <span className=\"ckw-pill\" data-s={status}>\n        {STATUS_LABEL[status] ?? status}\n    </span>\n);\n\nexport const VoteButton = ({ post, onVote, small }: { post: FeedbackPost; onVote: (p: FeedbackPost) => void; small?: boolean }) => (\n    <button\n        type=\"button\"\n        className={`ckw-vote${small ? \" ckw-vote-sm\" : \"\"}`}\n        aria-pressed={post.voted}\n        aria-label={`${post.voted ? \"Remove your vote from\" : \"Upvote\"} ${post.title}. ${post.votes} votes`}\n        onClick={() => onVote(post)}\n    >\n        <ChevronUp />\n        <span>{post.votes}</span>\n    </button>\n);\n\nexport const timeAgo = (iso: string) => {\n    const t = new Date(iso).getTime();\n    if (Number.isNaN(t)) return \"\";\n    const d = Math.max(0, Date.now() - t) / 1000;\n    if (d < 60) return \"just now\";\n    if (d < 3600) return `${Math.floor(d / 60)}m ago`;\n    if (d < 86400) return `${Math.floor(d / 3600)}h ago`;\n    if (d < 86400 * 30) return `${Math.floor(d / 86400)}d ago`;\n    return new Date(iso).toLocaleDateString(undefined, { month: \"short\", day: \"numeric\", year: \"numeric\" });\n};\n\n/** Calls `onClose` on Esc while mounted. */\nexport const useEscape = (onClose: () => void) => {\n    const ref = useRef(onClose);\n    ref.current = onClose;\n    useEffect(() => {\n        const h = (e: KeyboardEvent) => e.key === \"Escape\" && ref.current();\n        document.addEventListener(\"keydown\", h);\n        return () => document.removeEventListener(\"keydown\", h);\n    }, []);\n};\n\n/** Words of a title, lowercased, without filler. */\nconst words = (s: string) =>\n    s\n        .toLowerCase()\n        .split(/[^a-z0-9]+/)\n        .filter((w) => w.length > 2 && ![\"the\", \"and\", \"for\", \"with\", \"add\", \"can\", \"please\", \"want\", \"would\", \"our\", \"you\", \"have\"].includes(w));\n\n/** Up to three existing posts that share words with what the visitor is typing. */\nexport const similarPosts = (title: string, posts: FeedbackPost[]) => {\n    const mine = words(title);\n    if (mine.length === 0 || title.trim().length < 4) return [];\n    return posts\n        .map((p) => {\n            const theirs = new Set(words(`${p.title} ${p.body}`.slice(0, 300)));\n            const hit = mine.filter((w) => theirs.has(w) || [...theirs].some((t) => t.startsWith(w) || w.startsWith(t))).length;\n            return { p, score: hit / mine.length };\n        })\n        .filter((x) => x.score >= 0.5)\n        .sort((a, b) => b.score - a.score || b.p.votes - a.p.votes)\n        .slice(0, 3)\n        .map((x) => x.p);\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,97 @@
 {
-  "name": "@mrrocket/sdk",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@mrrocket/sdk",
+    "version": "0.2.0",
+    "description": "MRRocket SDK: page views, events, heatmap clicks, session recordings, A/B tests, feedback board and surveys that your MRRocket agents can run and read. Next.js today (@mrrocket/sdk/next), more frameworks next.",
+    "keywords": [
+        "nextjs",
+        "analytics",
+        "ab-testing",
+        "heatmaps",
+        "session-replay",
+        "experiments",
+        "feedback",
+        "surveys",
+        "mrrocket",
+        "cloudflare-workers",
+        "react",
+        "sdk"
+    ],
+    "license": "MIT",
+    "type": "module",
+    "sideEffects": false,
+    "exports": {
+        "./next": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "default": "./dist/index.js"
+        },
+        "./next/server": {
+            "types": "./dist/server.d.ts",
+            "import": "./dist/server.js",
+            "default": "./dist/server.js"
+        },
+        "./next/proxy": {
+            "types": "./dist/proxy.d.ts",
+            "import": "./dist/proxy.js",
+            "default": "./dist/proxy.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "typesVersions": {
+        "*": {
+            "next": [
+                "./dist/index.d.ts"
+            ],
+            "next/server": [
+                "./dist/server.d.ts"
+            ],
+            "next/proxy": [
+                "./dist/proxy.d.ts"
+            ]
+        }
+    },
+    "files": [
+        "dist",
+        "README.md",
+        "LICENSE",
+        "CHANGELOG.md"
+    ],
+    "engines": {
+        "node": ">=18.18"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "build": "tsup && node scripts/build-types.mjs && node scripts/check-dist.mjs",
+        "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
+        "typecheck": "tsc --noEmit",
+        "test": "node --import tsx --test test/*.test.ts",
+        "check:dist": "node scripts/check-dist.mjs",
+        "check:publish": "node scripts/check-publish.mjs",
+        "prepublishOnly": "npm run check:publish && npm run typecheck && npm run build"
+    },
+    "dependencies": {
+        "@rrweb/record": "2.1.6"
+    },
+    "peerDependencies": {
+        "next": ">=15",
+        "react": ">=19"
+    },
+    "devDependencies": {
+        "@types/node": "^22",
+        "@types/react": "^19",
+        "next": "^16",
+        "react": "^19",
+        "react-dom": "^19",
+        "tsup": "^8.5.1",
+        "typescript": "^5.9"
+    },
+    "overrides": {
+        "rrweb": "2.1.6",
+        "rrdom": "2.1.6",
+        "rrweb-snapshot": "2.1.6",
+        "@rrweb/types": "2.1.6",
+        "@rrweb/utils": "2.1.6"
+    }
+}