@umbra-privacy/ceremony 0.1.2 → 0.1.4

package/dist/index.js

@@ -33,7 +33,7 @@ import { createWriteStream } from "fs";
 import { readFile, unlink } from "fs/promises";
 import { pipeline } from "stream/promises";
 import { Readable } from "stream";
-var DEFAULT_API_URL = "http://ceremony.api.umbraprivacy.com";
+var DEFAULT_API_URL = "https://ceremony.api.umbraprivacy.com";
 var BASE = (process.env["CEREMONY_API_URL"] ?? DEFAULT_API_URL).replace(/\/$/, "");
 async function request(path, options = {}) {
   const res = await fetch(`${BASE}${path}`, {
@@ -690,11 +690,15 @@ function Attestation({ contribution }) {
 
 // src/components/App.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anonymous" }) {
+var NAME_MAX_LEN = 100;
+var NAME_VALID_RE = /^[\p{L}\p{N} _.\-]*$/u;
+function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName }) {
   const { exit } = useApp();
   const [activeCeremonyId, setActiveCeremonyId] = useState4(initialCeremonyId);
+  const [displayName2, setDisplayName] = useState4(initialDisplayName ?? "anonymous");
+  const [nameSet, setNameSet] = useState4(initialDisplayName !== void 0);
   const [screen, setScreen] = useState4(
-    initialCeremonyId ? { name: "loading" } : { name: "ceremony-picker", ceremonies: [], loading: true }
+    initialDisplayName === void 0 ? { name: "name-input", value: "" } : initialCeremonyId ? { name: "loading" } : { name: "ceremony-picker", ceremonies: [], loading: true }
   );
   const [ceremony, setCeremony] = useState4(null);
   const [session, setSession] = useState4(null);
@@ -702,12 +706,13 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
   const [selectedIdx, setSelectedIdx] = useState4(0);
   const [tab, setTab] = useState4(0);
   useEffect4(() => {
+    if (!nameSet) return;
     if (!initialCeremonyId) {
       loadCeremonies();
     } else {
       boot(initialCeremonyId);
     }
-  }, []);
+  }, [nameSet]);
   async function loadCeremonies() {
     try {
       const { ceremonies } = await api.listCeremonies();
@@ -739,6 +744,7 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
         setScreen({ name: "error", message: "No tracks found in this ceremony.", recoverable: false });
         return;
       }
+      setSelectedIdx(0);
       setScreen({ name: "tracks", tracks });
     } catch (e) {
       if (e.code === "INVALID_SESSION" || e.status === 401) {
@@ -751,6 +757,7 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
             setScreen({ name: "error", message: "No tracks found in this ceremony.", recoverable: false });
             return;
           }
+          setSelectedIdx(0);
           setScreen({ name: "tracks", tracks });
         } catch (e2) {
           setScreen({ name: "error", message: e2.message ?? "Failed to load tracks.", recoverable: false });
@@ -760,6 +767,22 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
       setScreen({ name: "error", message: e.message ?? "Failed to load tracks.", recoverable: false });
     }
   }
+  function commitName(raw) {
+    const trimmed = raw.trim();
+    if (trimmed.length === 0) return;
+    setDisplayName(trimmed);
+    setNameSet(true);
+    setScreen(
+      initialCeremonyId ? { name: "loading" } : { name: "ceremony-picker", ceremonies: [], loading: true }
+    );
+  }
+  function randomAnonName() {
+    const hex = Array.from(
+      { length: 6 },
+      () => Math.floor(Math.random() * 16).toString(16)
+    ).join("");
+    return `anon-${hex}`;
+  }
   async function joinTrack(track) {
     if (!session) return;
     setScreen({ name: "joining" });
@@ -795,6 +818,29 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
   }, [screen.name]);
   useInput2((input, key) => {
     const q = input.toLowerCase();
+    if (screen.name === "name-input") {
+      if (key.escape) {
+        exit();
+        return;
+      }
+      if (key.tab) {
+        commitName(randomAnonName());
+        return;
+      }
+      if (key.return) {
+        commitName(screen.value);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setScreen({ name: "name-input", value: screen.value.slice(0, -1) });
+        return;
+      }
+      if (input && input.length === 1 && NAME_VALID_RE.test(input)) {
+        if (screen.value.length >= NAME_MAX_LEN) return;
+        setScreen({ name: "name-input", value: screen.value + input });
+      }
+      return;
+    }
     if (q === "q" && screen.name !== "entropy") {
       if (screen.name === "queue" && session) {
         clearQueueCleanup();
@@ -866,6 +912,23 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
       goHome();
     }
   });
+  if (screen.name === "name-input") {
+    const { value } = screen;
+    const canSubmit = value.trim().length > 0;
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { ceremony: null }),
+      /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginTop: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Who are you contributing as?" }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Your display name appears next to your contributions in the public transcript. Pick anything \u2014 your real name, a handle, or hit Tab for a random anonymous name." }),
+        /* @__PURE__ */ jsxs6(Box6, { children: [
+          /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "  > " }),
+          /* @__PURE__ */ jsx6(Text6, { children: value }),
+          /* @__PURE__ */ jsx6(Text6, { color: "cyan", inverse: true, children: " " })
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: canSubmit ? "Enter to continue  \xB7  Tab for random  \xB7  \u232B backspace  \xB7  Esc to quit" : "Type a name, or Tab for a random anonymous name  \xB7  Esc to quit" })
+      ] })
+    ] });
+  }
   if (screen.name === "ceremony-picker") {
     const { ceremonies, loading } = screen;
     return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
@@ -1125,7 +1188,7 @@ function App({ ceremonyId: initialCeremonyId, displayName: displayName2 = "anony
 // src/index.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 var ceremonyId = process.env["CEREMONY_ID"] ?? "";
-var displayName = process.env["CONTRIBUTOR_NAME"] ?? "anonymous";
+var displayName = process.env["CONTRIBUTOR_NAME"];
 process.stdout.write("\x1B[?1049h\x1B[H");
 function restoreScreen() {
   process.stdout.write("\x1B[?1049l");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbra-privacy/ceremony",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Terminal UI for the Umbra Phase 2 trusted setup ceremony",
   "type": "module",
   "bin": {