@mrrocket/sdk 0.8.0 → 0.10.0

package/dist/feedback.js

@@ -148,11 +148,34 @@ var IdentityFields = ({ name, email, setName, setEmail }) => {
     /* @__PURE__ */ jsxs("div", { className: "ckw-pair", children: [
       /* @__PURE__ */ jsxs("div", { className: "ckw-field", children: [
         /* @__PURE__ */ jsx("label", { className: "ckw-label", htmlFor: `${id}-n`, children: "Your name" }),
-        /* @__PURE__ */ jsx("input", { id: `${id}-n`, className: "ckw-input", value: name, maxLength: 80, required: true, autoComplete: "name", onChange: (e) => setName(e.target.value) })
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: `${id}-n`,
+            className: "ckw-input",
+            value: name,
+            maxLength: 80,
+            required: true,
+            autoComplete: "name",
+            onChange: (e) => setName(e.target.value)
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ckw-field", children: [
         /* @__PURE__ */ jsx("label", { className: "ckw-label", htmlFor: `${id}-e`, children: "Email" }),
-        /* @__PURE__ */ jsx("input", { id: `${id}-e`, className: "ckw-input", type: "email", value: email, maxLength: 200, required: true, autoComplete: "email", onChange: (e) => setEmail(e.target.value) })
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: `${id}-e`,
+            className: "ckw-input",
+            type: "email",
+            value: email,
+            maxLength: 200,
+            required: true,
+            autoComplete: "email",
+            onChange: (e) => setEmail(e.target.value)
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsx("p", { className: "ckw-fine", children: "Others see your first name and last initial. Your email is only for updates on what you posted or voted for." })
@@ -227,7 +250,19 @@ var SubmitForm = ({
   return /* @__PURE__ */ jsxs("form", { className: bare ? "ckw-modal-body" : "ckw-form", onSubmit: submit, children: [
     /* @__PURE__ */ jsxs("div", { className: "ckw-field", children: [
       /* @__PURE__ */ jsx("label", { className: "ckw-label", htmlFor: `${id}-t`, children: "Title" }),
-      /* @__PURE__ */ jsx("input", { id: `${id}-t`, className: "ckw-input", value: title, maxLength: 120, required: true, autoFocus: true, onChange: (e) => setTitle(e.target.value), placeholder: "Short, specific summary" })
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: `${id}-t`,
+          className: "ckw-input",
+          value: title,
+          maxLength: 120,
+          required: true,
+          autoFocus: true,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: "Short, specific summary"
+        }
+      )
     ] }),
     dupes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ckw-dupes", role: "status", children: [
       /* @__PURE__ */ jsx("p", { children: "Similar requests. Vote instead of adding a duplicate:" }),
@@ -241,7 +276,17 @@ var SubmitForm = ({
         "Details ",
         /* @__PURE__ */ jsx("span", { className: "ckw-opt-l", children: "optional" })
       ] }),
-      /* @__PURE__ */ jsx("textarea", { id: `${id}-b`, className: "ckw-textarea", value: body, maxLength: 2e3, onChange: (e) => setBody(e.target.value), placeholder: "What are you trying to do? What gets in the way?" })
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          id: `${id}-b`,
+          className: "ckw-textarea",
+          value: body,
+          maxLength: 2e3,
+          onChange: (e) => setBody(e.target.value),
+          placeholder: "What are you trying to do? What gets in the way?"
+        }
+      )
     ] }),
     boards.length > 1 && /* @__PURE__ */ jsxs("div", { className: "ckw-field", children: [
       /* @__PURE__ */ jsx("span", { className: "ckw-label", id: `${id}-c`, children: "Type" }),
@@ -255,7 +300,12 @@ var SubmitForm = ({
     ] })
   ] });
 };
-var PostCard = ({ post, boards, onOpen, onVote }) => /* @__PURE__ */ jsxs("li", { className: "ckw-post", children: [
+var PostCard = ({
+  post,
+  boards,
+  onOpen,
+  onVote
+}) => /* @__PURE__ */ jsxs("li", { className: "ckw-post", children: [
   /* @__PURE__ */ jsx(VoteButton, { post, onVote }),
   /* @__PURE__ */ jsxs("div", { className: "ckw-main", children: [
     /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-link ckw-stretch", onClick: () => onOpen(post), children: post.title }),
@@ -292,13 +342,17 @@ var Requests = ({
         boards.map((b) => /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-chip", "aria-pressed": board === b.id, onClick: () => setBoard(b.id), children: b.label }, b.id))
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { "aria-live": "polite", "aria-busy": list.loading, children: list.loading && posts.length === 0 ? /* @__PURE__ */ jsx(Skeleton, {}) : posts.length === 0 && !list.error ? /* @__PURE__ */ jsxs("div", { className: "ckw-empty", children: [
-      /* @__PURE__ */ jsx("p", { children: q ? "No request matches your search." : board ? "Nothing of this type yet." : "No requests yet." }),
-      !q && /* @__PURE__ */ jsxs("button", { type: "button", className: "ckw-btn ckw-btn-primary", onClick: onNew, children: [
-        /* @__PURE__ */ jsx(Plus, {}),
-        " Suggest the first one"
+    /* @__PURE__ */ jsx("div", { "aria-live": "polite", "aria-busy": list.loading, children: list.loading && posts.length === 0 ? /* @__PURE__ */ jsx(Skeleton, {}) : posts.length === 0 && !list.error ? (
+      // Things' empty look (owner, 2026-10-21): a large faint glyph, one line and the one next step, no frame.
+      /* @__PURE__ */ jsxs("div", { className: "ckw-empty", children: [
+        /* @__PURE__ */ jsx(EmptyGlyph, {}),
+        /* @__PURE__ */ jsx("p", { children: q ? "No request matches your search." : board ? "Nothing of this type yet." : "No requests yet." }),
+        !q && /* @__PURE__ */ jsxs("button", { type: "button", className: "ckw-btn ckw-btn-primary", onClick: onNew, children: [
+          /* @__PURE__ */ jsx(Plus, {}),
+          " Suggest the first one"
+        ] })
       ] })
-    ] }) : /* @__PURE__ */ jsx("ul", { className: "ckw-posts", children: posts.map((p) => /* @__PURE__ */ jsx(PostCard, { post: p, boards, onOpen, onVote }, p.id)) }) })
+    ) : /* @__PURE__ */ jsx("ul", { className: "ckw-posts", children: posts.map((p) => /* @__PURE__ */ jsx(PostCard, { post: p, boards, onOpen, onVote }, p.id)) }) })
   ] }) });
 };
 var PostDetail = ({
@@ -365,7 +419,17 @@ var PostDetail = ({
         ] }),
         /* @__PURE__ */ jsxs("form", { className: "ckw-composer", onSubmit: send, children: [
           /* @__PURE__ */ jsx("label", { className: "ckw-sr", htmlFor: id, children: "Leave a comment" }),
-          /* @__PURE__ */ jsx("textarea", { id, className: "ckw-textarea", value: text, maxLength: 1e3, placeholder: "Leave a comment", onChange: (e) => setText(e.target.value) }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              id,
+              className: "ckw-textarea",
+              value: text,
+              maxLength: 1e3,
+              placeholder: "Leave a comment",
+              onChange: (e) => setText(e.target.value)
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { className: "ckw-actions", children: [
             identity.known && identity.name && /* @__PURE__ */ jsxs("span", { className: "ckw-fine ckw-as", children: [
               "Commenting as ",
@@ -435,7 +499,12 @@ var matchesQ = (q, ...texts) => {
   const t = q.trim().toLowerCase();
   return !t || texts.some((x) => x.toLowerCase().includes(t));
 };
-var RoadmapCard = ({ post, boards, onOpen, onVote }) => /* @__PURE__ */ jsxs("li", { className: "ckw-card", children: [
+var RoadmapCard = ({
+  post,
+  boards,
+  onOpen,
+  onVote
+}) => /* @__PURE__ */ jsxs("li", { className: "ckw-card", children: [
   /* @__PURE__ */ jsx(TypeChip, { board: post.board, boards }),
   /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-link ckw-stretch", onClick: () => onOpen(post), children: post.title }),
   post.body && /* @__PURE__ */ jsx("p", { className: "ckw-excerpt", children: post.body }),
@@ -465,7 +534,8 @@ var Roadmap = ({
   const patch = (id, fn) => setData((d) => {
     if (!d) return d;
     const columns = { ...d.columns };
-    for (const k of Object.keys(columns)) columns[k] = columns[k]?.map((p) => p.id === id ? fn(p) : p);
+    for (const k of Object.keys(columns))
+      columns[k] = columns[k]?.map((p) => p.id === id ? fn(p) : p);
     return { columns };
   });
   const vote = (post) => voteRef(post, (r) => {
@@ -532,6 +602,7 @@ var writeUrl = (tab, post, push) => {
 };
 var THEME_KEY = "ckw-theme";
 var systemDark = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches;
+var EmptyGlyph = () => /* @__PURE__ */ jsx("svg", { className: "ckw-empty-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 2.5c-5.25 0-9.5 3.73-9.5 8.33 0 2.47 1.23 4.69 3.18 6.21-.17 1.33-.73 2.6-1.63 3.63a.6.6 0 0 0 .5 1c2.13-.12 4-.86 5.38-1.92.67.13 1.36.2 2.07.2 5.25 0 9.5-3.73 9.5-8.33S17.25 2.5 12 2.5Zm.9 4.2-.6 3.3h2.2a.5.5 0 0 1 .4.8l-3.5 4.5a.4.4 0 0 1-.7-.35l.6-3.15H9.1a.5.5 0 0 1-.4-.8l3.5-4.65a.4.4 0 0 1 .7.35Z" }) });
 var FeedbackBoard = ({
   title = "Feedback",
   subtitle = "Tell us what to build next and vote on what matters to you.",
@@ -633,16 +704,19 @@ var FeedbackBoard = ({
     go(TABS[(n + TABS.length) % TABS.length][0]);
   };
   const product = list.product;
-  const logo = product?.logo ? product.logo.startsWith("/") ? `${host}${product.logo}` : product.logo : null;
+  const abs = (u) => u ? u.startsWith("/") ? `${host}${u}` : u : null;
+  const marks = [abs(product?.logo), abs(product?.logoFallback)].filter((u, i, a) => !!u && a.indexOf(u) === i);
+  const [failed, setFailed] = useState(0);
+  const logo = marks[failed] ?? null;
   const name = product?.name ?? title;
   const newPost = () => (setThanks(false), setCreating(true));
   const searchLabel = tab === "roadmap" ? "Search roadmap" : tab === "changelog" ? "Search updates" : "Search requests";
-  return /* @__PURE__ */ jsxs(Root, { theme: header ? dark ? "dark" : "light" : theme, accent, className: `ckw-board${fullPage ? " ckw-full" : ""}`, children: [
+  return /* @__PURE__ */ jsxs(Root, { theme: header ? dark ? "dark" : "light" : theme, accent, className: `ckw-board${fullPage ? "ckw-full" : ""}`, children: [
     header ? /* @__PURE__ */ jsx("header", { className: "ckw-top", children: /* @__PURE__ */ jsxs("div", { className: "ckw-top-row", children: [
       /* @__PURE__ */ jsxs("button", { type: "button", className: "ckw-brand", onClick: () => go("requests"), children: [
         logo ? (
           // eslint-disable-next-line @next/next/no-img-element
-          /* @__PURE__ */ jsx("img", { src: logo, alt: "", width: 28, height: 28 })
+          /* @__PURE__ */ jsx("img", { src: logo, alt: "", width: 28, height: 28, onError: () => setFailed((n) => n + 1) }, logo)
         ) : /* @__PURE__ */ jsx("span", { className: "ckw-brand-mark", "aria-hidden": "true", children: name.slice(0, 1).toUpperCase() }),
         /* @__PURE__ */ jsx("span", { children: name })
       ] }),
@@ -693,7 +767,16 @@ var FeedbackBoard = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "ckw-icon-btn", onClick: flipTheme, "aria-label": dark ? "Switch to light mode" : "Switch to dark mode", children: dark ? /* @__PURE__ */ jsx(Sun, {}) : /* @__PURE__ */ jsx(Moon, {}) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ckw-icon-btn",
+            onClick: flipTheme,
+            "aria-label": dark ? "Switch to light mode" : "Switch to dark mode",
+            children: dark ? /* @__PURE__ */ jsx(Sun, {}) : /* @__PURE__ */ jsx(Moon, {})
+          }
+        ),
         /* @__PURE__ */ jsxs("button", { type: "button", className: "ckw-btn ckw-btn-primary ckw-submit", "aria-label": "Submit feedback", onClick: newPost, children: [
           /* @__PURE__ */ jsx(Plus, {}),
           " ",
@@ -711,7 +794,20 @@ var FeedbackBoard = ({
           " Request a feature"
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ckw-tabs", role: "tablist", "aria-label": "Feedback sections", onKeyDown: onTabKey, children: TABS.map(([k, label]) => /* @__PURE__ */ jsx("button", { type: "button", role: "tab", id: `ckw-tab-${k}`, "aria-selected": tab === k, tabIndex: tab === k ? 0 : -1, className: "ckw-tab", onClick: () => go(k), children: k === "requests" ? "Requests" : label }, k)) }),
+      /* @__PURE__ */ jsx("div", { className: "ckw-tabs", role: "tablist", "aria-label": "Feedback sections", onKeyDown: onTabKey, children: TABS.map(([k, label]) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          id: `ckw-tab-${k}`,
+          "aria-selected": tab === k,
+          tabIndex: tab === k ? 0 : -1,
+          className: "ckw-tab",
+          onClick: () => go(k),
+          children: k === "requests" ? "Requests" : label
+        },
+        k
+      )) }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -905,11 +1001,23 @@ var FeedbackWidget = ({ position = "bottom-right", label = "Feedback", boardUrl,
     else if (!e.shiftKey && document.activeElement === last) e.preventDefault(), first.focus();
   };
   return /* @__PURE__ */ jsxs(Root, { theme, accent, children: [
-    /* @__PURE__ */ jsxs("button", { ref: fab, type: "button", className: "ckw-fab", "data-pos": position, "aria-haspopup": "dialog", "aria-expanded": open, onClick: () => open ? close() : setWidgetOpen(true), children: [
-      /* @__PURE__ */ jsx(Chat, {}),
-      " ",
-      label
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: fab,
+        type: "button",
+        className: "ckw-fab",
+        "data-pos": position,
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        onClick: () => open ? close() : setWidgetOpen(true),
+        children: [
+          /* @__PURE__ */ jsx(Chat, {}),
+          " ",
+          label
+        ]
+      }
+    ),
     open && /* @__PURE__ */ jsx("div", { ref: pop, className: "ckw-pop", "data-pos": position, role: "dialog", "aria-label": "Feedback", onKeyDown: trap, children: /* @__PURE__ */ jsx(WidgetPanel, { boardUrl, onClose: close }) })
   ] });
 };