@anvia/react-ui 1.3.0 → 1.3.1

package/dist/chunk-22EZJUPM.js

@@ -1,120 +0,0 @@
-import {
-  renderPrimitive
-} from "./chunk-T3ZFZ3NP.js";
-import {
-  useAttachment
-} from "./chunk-E73S3SOF.js";
-
-// src/attachment/parts.tsx
-import { forwardRef, useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var AttachmentRoot = forwardRef(function AttachmentRoot2({ children, ...props }, ref) {
-  const { attachment, remove } = useAttachment();
-  const renderedChildren = typeof children === "function" ? children(attachment) : children ?? defaultAttachment(remove);
-  return renderPrimitive(
-    "div",
-    {
-      ...props,
-      children: renderedChildren
-    },
-    ref
-  );
-});
-var AttachmentName = forwardRef(
-  function AttachmentName2(props, ref) {
-    const { attachment } = useAttachment();
-    return renderPrimitive(
-      "span",
-      {
-        ...props,
-        children: props.children ?? attachmentLabel(attachment)
-      },
-      ref
-    );
-  }
-);
-var AttachmentPreview = forwardRef(
-  function AttachmentPreview2(props, ref) {
-    const { attachment } = useAttachment();
-    return renderPrimitive(
-      "div",
-      {
-        ...props,
-        children: props.children ?? defaultPreview(attachment)
-      },
-      ref
-    );
-  }
-);
-var AttachmentRemove = forwardRef(
-  function AttachmentRemove2({ onClick, ...props }, ref) {
-    const { remove } = useAttachment();
-    const disabled = props.disabled ?? remove === void 0;
-    const handleClick = useCallback(
-      (event) => {
-        onClick?.(event);
-        if (event.defaultPrevented || disabled) {
-          return;
-        }
-        remove?.();
-      },
-      [disabled, onClick, remove]
-    );
-    return renderPrimitive(
-      "button",
-      {
-        ...props,
-        children: props.children ?? "Remove",
-        disabled,
-        onClick: handleClick,
-        type: props.type ?? "button",
-        "data-state": disabled ? "disabled" : "enabled"
-      },
-      ref
-    );
-  }
-);
-function defaultAttachment(remove) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AttachmentPreview, {}),
-    /* @__PURE__ */ jsx(AttachmentName, {}),
-    remove === void 0 ? null : /* @__PURE__ */ jsx(AttachmentRemove, {})
-  ] });
-}
-function defaultPreview(attachment) {
-  if (isImageAttachment(attachment)) {
-    const source = attachment.url ?? attachmentDataUrl(attachment);
-    if (source !== void 0) {
-      return /* @__PURE__ */ jsx("img", { alt: attachment.name ?? "Attachment", src: source });
-    }
-  }
-  if (attachment.url !== void 0) {
-    return /* @__PURE__ */ jsx("a", { href: attachment.url, children: attachmentLabel(attachment) });
-  }
-  return /* @__PURE__ */ jsx("span", { children: attachment.mediaType ?? attachment.type });
-}
-function attachmentLabel(attachment) {
-  return attachment.name ?? attachment.mediaType ?? attachment.type;
-}
-function isImageAttachment(attachment) {
-  return attachment.type === "image" || attachment.mediaType?.startsWith("image/") === true;
-}
-function attachmentDataUrl(attachment) {
-  if (attachment.data === void 0 || attachment.mediaType === void 0) {
-    return void 0;
-  }
-  return `data:${attachment.mediaType};base64,${attachment.data}`;
-}
-
-// src/attachment/index.ts
-var AttachmentPrimitive = {
-  Root: AttachmentRoot,
-  Name: AttachmentName,
-  Preview: AttachmentPreview,
-  Remove: AttachmentRemove
-};
-
-export {
-  AttachmentPrimitive
-};
-//# sourceMappingURL=chunk-22EZJUPM.js.map

package/dist/chunk-22EZJUPM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/attachment/parts.tsx","../src/attachment/index.ts"],"sourcesContent":["import type { UIAttachment } from \"@anvia/client\";\nimport { forwardRef, type MouseEvent, type ReactNode, useCallback } from \"react\";\n\nimport { useAttachment } from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype AttachmentChildren = ReactNode | ((attachment: UIAttachment) => ReactNode);\n\ntype AttachmentRootProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: AttachmentChildren;\n};\n\nconst AttachmentRoot = forwardRef<HTMLDivElement, AttachmentRootProps>(function AttachmentRoot(\n  { children, ...props },\n  ref,\n) {\n  const { attachment, remove } = useAttachment();\n  const renderedChildren =\n    typeof children === \"function\" ? children(attachment) : (children ?? defaultAttachment(remove));\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: renderedChildren,\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst AttachmentName = forwardRef<HTMLSpanElement, PrimitiveProps<\"span\">>(\n  function AttachmentName(props, ref) {\n    const { attachment } = useAttachment();\n\n    return renderPrimitive(\n      \"span\",\n      {\n        ...props,\n        children: props.children ?? attachmentLabel(attachment),\n      } as PrimitiveProps<\"span\">,\n      ref,\n    );\n  },\n);\n\nconst AttachmentPreview = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function AttachmentPreview(props, ref) {\n    const { attachment } = useAttachment();\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: props.children ?? defaultPreview(attachment),\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nconst AttachmentRemove = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function AttachmentRemove({ onClick, ...props }, ref) {\n    const { remove } = useAttachment();\n    const disabled = props.disabled ?? remove === undefined;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        remove?.();\n      },\n      [disabled, onClick, remove],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Remove\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nfunction defaultAttachment(remove: (() => void) | undefined): ReactNode {\n  return (\n    <>\n      <AttachmentPreview />\n      <AttachmentName />\n      {remove === undefined ? null : <AttachmentRemove />}\n    </>\n  );\n}\n\nfunction defaultPreview(attachment: UIAttachment): ReactNode {\n  if (isImageAttachment(attachment)) {\n    const source = attachment.url ?? attachmentDataUrl(attachment);\n    if (source !== undefined) {\n      return <img alt={attachment.name ?? \"Attachment\"} src={source} />;\n    }\n  }\n\n  if (attachment.url !== undefined) {\n    return <a href={attachment.url}>{attachmentLabel(attachment)}</a>;\n  }\n\n  return <span>{attachment.mediaType ?? attachment.type}</span>;\n}\n\nfunction attachmentLabel(attachment: UIAttachment): string {\n  return attachment.name ?? attachment.mediaType ?? attachment.type;\n}\n\nfunction isImageAttachment(attachment: UIAttachment): boolean {\n  return attachment.type === \"image\" || attachment.mediaType?.startsWith(\"image/\") === true;\n}\n\nfunction attachmentDataUrl(attachment: UIAttachment): string | undefined {\n  if (attachment.data === undefined || attachment.mediaType === undefined) {\n    return undefined;\n  }\n  return `data:${attachment.mediaType};base64,${attachment.data}`;\n}\n\nexport { AttachmentName, AttachmentPreview, AttachmentRemove, AttachmentRoot };\n","import { AttachmentName, AttachmentPreview, AttachmentRemove, AttachmentRoot } from \"./parts\";\n\nexport const AttachmentPrimitive = {\n  Root: AttachmentRoot,\n  Name: AttachmentName,\n  Preview: AttachmentPreview,\n  Remove: AttachmentRemove,\n} as const;\n\nexport type { AttachmentContextValue } from \"../contexts\";\nexport { useAttachment } from \"../contexts\";\n"],"mappings":";;;;;;;;AACA,SAAS,YAA6C,mBAAmB;AA4FrE,mBACE,KADF;AAjFJ,IAAM,iBAAiB,WAAgD,SAASA,gBAC9E,EAAE,UAAU,GAAG,MAAM,GACrB,KACA;AACA,QAAM,EAAE,YAAY,OAAO,IAAI,cAAc;AAC7C,QAAM,mBACJ,OAAO,aAAa,aAAa,SAAS,UAAU,IAAK,YAAY,kBAAkB,MAAM;AAE/F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAED,IAAM,iBAAiB;AAAA,EACrB,SAASC,gBAAe,OAAO,KAAK;AAClC,UAAM,EAAE,WAAW,IAAI,cAAc;AAErC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH,UAAU,MAAM,YAAY,gBAAgB,UAAU;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,oBAAoB;AAAA,EACxB,SAASC,mBAAkB,OAAO,KAAK;AACrC,UAAM,EAAE,WAAW,IAAI,cAAc;AAErC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH,UAAU,MAAM,YAAY,eAAe,UAAU;AAAA,MACvD;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,mBAAmB;AAAA,EACvB,SAASC,kBAAiB,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AACpD,UAAM,EAAE,OAAO,IAAI,cAAc;AACjC,UAAM,WAAW,MAAM,YAAY,WAAW;AAE9C,UAAM,cAAc;AAAA,MAClB,CAAC,UAAyC;AACxC,kBAAU,KAAK;AACf,YAAI,MAAM,oBAAoB,UAAU;AACtC;AAAA,QACF;AACA,iBAAS;AAAA,MACX;AAAA,MACA,CAAC,UAAU,SAAS,MAAM;AAAA,IAC5B;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH,UAAU,MAAM,YAAY;AAAA,QAC5B;AAAA,QACA,SAAS;AAAA,QACT,MAAM,MAAM,QAAQ;AAAA,QACpB,cAAc,WAAW,aAAa;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,kBAAkB,QAA6C;AACtE,SACE,iCACE;AAAA,wBAAC,qBAAkB;AAAA,IACnB,oBAAC,kBAAe;AAAA,IACf,WAAW,SAAY,OAAO,oBAAC,oBAAiB;AAAA,KACnD;AAEJ;AAEA,SAAS,eAAe,YAAqC;AAC3D,MAAI,kBAAkB,UAAU,GAAG;AACjC,UAAM,SAAS,WAAW,OAAO,kBAAkB,UAAU;AAC7D,QAAI,WAAW,QAAW;AACxB,aAAO,oBAAC,SAAI,KAAK,WAAW,QAAQ,cAAc,KAAK,QAAQ;AAAA,IACjE;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,QAAW;AAChC,WAAO,oBAAC,OAAE,MAAM,WAAW,KAAM,0BAAgB,UAAU,GAAE;AAAA,EAC/D;AAEA,SAAO,oBAAC,UAAM,qBAAW,aAAa,WAAW,MAAK;AACxD;AAEA,SAAS,gBAAgB,YAAkC;AACzD,SAAO,WAAW,QAAQ,WAAW,aAAa,WAAW;AAC/D;AAEA,SAAS,kBAAkB,YAAmC;AAC5D,SAAO,WAAW,SAAS,WAAW,WAAW,WAAW,WAAW,QAAQ,MAAM;AACvF;AAEA,SAAS,kBAAkB,YAA8C;AACvE,MAAI,WAAW,SAAS,UAAa,WAAW,cAAc,QAAW;AACvE,WAAO;AAAA,EACT;AACA,SAAO,QAAQ,WAAW,SAAS,WAAW,WAAW,IAAI;AAC/D;;;AC/HO,IAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACV;","names":["AttachmentRoot","AttachmentName","AttachmentPreview","AttachmentRemove"]}

package/dist/chunk-5FZKTDZR.js

@@ -1,201 +0,0 @@
-// src/relay/connection.ts
-var ticketSubprotocolPrefix = "anvia.ticket.";
-var defaultInitialDelayMs = 500;
-var defaultMaxDelayMs = 15e3;
-var defaultMaxAttempts = 10;
-var subprotocolToken = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/;
-var RelayConnection = class {
-  constructor(options) {
-    this.options = options;
-  }
-  options;
-  socketInUse;
-  timer;
-  attempt = 0;
-  everReady = false;
-  disposed = false;
-  finished = false;
-  fatalMessage;
-  start() {
-    void this.connect();
-  }
-  /** Try again now, for a link that gave up. */
-  retry() {
-    if (this.disposed || !this.finished) return;
-    clearTimeout(this.timer);
-    this.finished = false;
-    this.attempt = 0;
-    void this.connect();
-  }
-  /** Send a JSON message, if the socket is open. */
-  sendJson(value) {
-    if (this.socketInUse?.readyState === WebSocket.OPEN) {
-      this.socketInUse.send(JSON.stringify(value));
-    }
-  }
-  /** Send bytes, if the socket is open. */
-  sendBinary(data) {
-    if (this.socketInUse?.readyState === WebSocket.OPEN) this.socketInUse.send(data);
-  }
-  dispose() {
-    this.disposed = true;
-    clearTimeout(this.timer);
-    const socket = this.socketInUse;
-    this.socketInUse = void 0;
-    socket?.close(1e3);
-  }
-  async connect() {
-    if (this.disposed) return;
-    const { label } = this.options.protocol;
-    this.options.onStatus({ state: "connecting" });
-    this.fatalMessage = void 0;
-    let ticket;
-    try {
-      ticket = await this.options.getTicket?.();
-    } catch (error) {
-      if (this.disposed) return;
-      const detail = error instanceof Error ? `: ${error.message}` : "";
-      this.scheduleReconnect(`Could not get a ${label} ticket${detail}`);
-      return;
-    }
-    if (this.disposed) return;
-    let socket;
-    try {
-      socket = new WebSocket(this.resolveUrl(), this.resolveProtocols(ticket));
-    } catch (error) {
-      this.fail(error instanceof Error ? error.message : `Could not open the ${label}.`);
-      return;
-    }
-    if (this.disposed) {
-      socket.close(1e3);
-      return;
-    }
-    this.socketInUse = socket;
-    socket.binaryType = "arraybuffer";
-    const session = {
-      ready: () => {
-        const reconnected = this.everReady;
-        this.everReady = true;
-        this.attempt = 0;
-        this.options.onStatus({ state: "open" });
-        return reconnected;
-      },
-      ended: (info) => {
-        this.finished = true;
-        const status = { state: "ended", message: info.message ?? "ended" };
-        if (info.exitCode !== void 0) status.exitCode = info.exitCode;
-        this.options.onStatus(status);
-      },
-      fatal: (message) => {
-        this.fatalMessage = message;
-      }
-    };
-    const { protocol } = this.options;
-    socket.addEventListener("open", () => protocol.open(socket, session));
-    socket.addEventListener("message", (event) => protocol.message(event, session));
-    socket.addEventListener("close", (event) => {
-      if (this.socketInUse === socket) this.socketInUse = void 0;
-      protocol.close?.(event, session);
-      if (this.disposed || this.finished) return;
-      if (this.fatalMessage !== void 0) this.fail(this.fatalMessage);
-      else this.scheduleReconnect();
-    });
-  }
-  scheduleReconnect(reason) {
-    const { initialDelayMs, maxDelayMs, maxAttempts } = {
-      initialDelayMs: defaultInitialDelayMs,
-      maxDelayMs: defaultMaxDelayMs,
-      maxAttempts: defaultMaxAttempts,
-      ...this.options.reconnect
-    };
-    if (this.attempt >= maxAttempts) {
-      this.fail(reason ?? `The connection to the ${this.options.protocol.label} was lost.`);
-      return;
-    }
-    const delay = Math.min(maxDelayMs, initialDelayMs * 2 ** this.attempt) * (0.8 + Math.random() * 0.4);
-    this.attempt += 1;
-    this.options.onStatus({
-      state: "reconnecting",
-      attempt: this.attempt,
-      retryInMs: Math.round(delay)
-    });
-    this.timer = setTimeout(() => void this.connect(), delay);
-  }
-  fail(message) {
-    this.finished = true;
-    this.options.onStatus({ state: "failed", message });
-  }
-  resolveUrl() {
-    const url = new URL(this.options.url, globalThis.location?.href);
-    if (url.protocol === "http:") url.protocol = "ws:";
-    else if (url.protocol === "https:") url.protocol = "wss:";
-    if (this.options.sessionName !== void 0) {
-      url.searchParams.set("session", this.options.sessionName);
-    }
-    return url.toString();
-  }
-  /** The subprotocols to offer: the relay's, plus the ticket when there is one. */
-  resolveProtocols(ticket) {
-    const { subprotocol, label } = this.options.protocol;
-    if (ticket === void 0) return [subprotocol];
-    if (!subprotocolToken.test(ticket)) {
-      throw new Error(`The ${label} ticket must use only URL-safe characters (A-Z a-z 0-9 - _ .).`);
-    }
-    return [subprotocol, `${ticketSubprotocolPrefix}${ticket}`];
-  }
-};
-
-// src/relay/status.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var statusStyle = {
-  position: "absolute",
-  top: 8,
-  right: 8,
-  padding: "2px 8px",
-  borderRadius: 4,
-  fontSize: 12,
-  background: "rgba(0, 0, 0, 0.7)",
-  color: "#fff"
-};
-function DefaultStatus({ status, retry }) {
-  if (status.state === "open") return null;
-  return /* @__PURE__ */ jsxs("div", { role: "status", "data-relay-status": status.state, style: statusStyle, children: [
-    describe(status),
-    status.state === "failed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: retry, children: "Retry" })
-    ] }) : null
-  ] });
-}
-function describe(status) {
-  switch (status.state) {
-    case "loading":
-    case "connecting":
-      return "Connecting\u2026";
-    case "reconnecting":
-      return `Reconnecting in ${Math.max(1, Math.round((status.retryInMs ?? 0) / 1e3))}s\u2026`;
-    case "ended":
-      return status.exitCode === void 0 ? "Session ended" : `Session ended (exit ${status.exitCode})`;
-    case "failed":
-      return status.message ?? "Disconnected";
-    case "open":
-      return "";
-  }
-}
-
-// src/relay/ticket.ts
-function resolveTicket(read) {
-  if (read() === void 0) return void 0;
-  return () => {
-    const ticket = read();
-    return typeof ticket === "function" ? ticket() : ticket;
-  };
-}
-
-export {
-  DefaultStatus,
-  resolveTicket,
-  ticketSubprotocolPrefix,
-  RelayConnection
-};
-//# sourceMappingURL=chunk-5FZKTDZR.js.map

package/dist/chunk-5FZKTDZR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/relay/connection.ts","../src/relay/status.tsx","../src/relay/ticket.ts"],"sourcesContent":["/** The prefix a ticket travels under in `Sec-WebSocket-Protocol`. */\nexport const ticketSubprotocolPrefix = \"anvia.ticket.\";\n\nexport type RelayState =\n  /** The viewer library is still loading. */\n  | \"loading\"\n  | \"connecting\"\n  | \"open\"\n  /** The link dropped and another attempt is scheduled. */\n  | \"reconnecting\"\n  /** The session itself ended; reconnecting would not help. */\n  | \"ended\"\n  /** Gave up: a fatal error, or reconnect attempts ran out. */\n  | \"failed\";\n\nexport interface RelayStatus {\n  state: RelayState;\n  /** Reconnect attempt number while `reconnecting`. */\n  attempt?: number;\n  /** Delay before the next attempt while `reconnecting`. */\n  retryInMs?: number;\n  /** Exit code when the session ended with one. */\n  exitCode?: number;\n  /** Human-readable cause for `ended` and `failed`. */\n  message?: string;\n}\n\nexport interface RelayReconnectOptions {\n  initialDelayMs?: number;\n  maxDelayMs?: number;\n  /** Consecutive failed attempts before giving up. Default 10. */\n  maxAttempts?: number;\n}\n\n/** What a relay protocol can tell the connection about the socket it is driving. */\nexport interface RelaySession {\n  /**\n   * The relay accepted this attachment. Returns whether an earlier attachment had also been\n   * accepted, so a viewer knows to start clean after a reconnect.\n   */\n  ready(): boolean;\n  /** The session itself is over, so the socket closing is not a reason to reconnect. */\n  ended(info: { message?: string | undefined; exitCode?: number | undefined }): void;\n  /** Something retrying cannot fix. It takes effect when the socket closes. */\n  fatal(message: string): void;\n}\n\n/** The part of a relay connection that differs between a terminal and a desktop. */\nexport interface RelayProtocol {\n  /** The subprotocol the hub's upgrade handler selects. */\n  subprotocol: string;\n  /** Names the thing in error messages: \"terminal\", \"desktop\". */\n  label: string;\n  /** The socket opened. */\n  open(socket: WebSocket, session: RelaySession): void;\n  message(event: MessageEvent, session: RelaySession): void;\n  /** The socket closed. A protocol that learns why from the close frame can call `fatal` here. */\n  close?(event: CloseEvent, session: RelaySession): void;\n}\n\nexport interface RelayConnectionOptions {\n  /** `ws:`, `wss:`, `http:`, `https:`, or a path relative to the page. */\n  url: string;\n  /** Appended as `?session=` so the server can pick the session. The server stays in charge. */\n  sessionName?: string | undefined;\n  /** Called for every attempt, because tickets are single use. */\n  getTicket?: (() => string | Promise<string>) | undefined;\n  onStatus: (status: RelayStatus) => void;\n  reconnect?: RelayReconnectOptions | undefined;\n  protocol: RelayProtocol;\n}\n\nconst defaultInitialDelayMs = 500;\nconst defaultMaxDelayMs = 15_000;\nconst defaultMaxAttempts = 10;\n/** Characters a ticket may use, since it travels as a WebSocket subprotocol (an HTTP token). */\nconst subprotocolToken = /^[!#$%&'*+\\-.^_`|~0-9A-Za-z]+$/;\n\n/**\n * One browser link to a hub relay: opens the socket with a fresh ticket, reconnects with backoff,\n * and reports its state. What the socket carries is the protocol's business, so this knows nothing\n * about terminals or desktops and is shared by both.\n */\nexport class RelayConnection {\n  private socketInUse: WebSocket | undefined;\n  private timer: ReturnType<typeof setTimeout> | undefined;\n  private attempt = 0;\n  private everReady = false;\n  private disposed = false;\n  private finished = false;\n  private fatalMessage: string | undefined;\n\n  constructor(private readonly options: RelayConnectionOptions) {}\n\n  start(): void {\n    void this.connect();\n  }\n\n  /** Try again now, for a link that gave up. */\n  retry(): void {\n    // Only a link that gave up needs this; otherwise an attempt is already under way.\n    if (this.disposed || !this.finished) return;\n    clearTimeout(this.timer);\n    this.finished = false;\n    this.attempt = 0;\n    void this.connect();\n  }\n\n  /** Send a JSON message, if the socket is open. */\n  sendJson(value: Record<string, unknown>): void {\n    if (this.socketInUse?.readyState === WebSocket.OPEN) {\n      this.socketInUse.send(JSON.stringify(value));\n    }\n  }\n\n  /** Send bytes, if the socket is open. */\n  sendBinary(data: ArrayBufferLike | ArrayBufferView): void {\n    if (this.socketInUse?.readyState === WebSocket.OPEN) this.socketInUse.send(data);\n  }\n\n  dispose(): void {\n    this.disposed = true;\n    clearTimeout(this.timer);\n    const socket = this.socketInUse;\n    this.socketInUse = undefined;\n    socket?.close(1000);\n  }\n\n  private async connect(): Promise<void> {\n    if (this.disposed) return;\n    const { label } = this.options.protocol;\n    this.options.onStatus({ state: \"connecting\" });\n    // A fatal error belongs to the attempt that hit it. Without this, one that was retried away\n    // would fail every later drop.\n    this.fatalMessage = undefined;\n\n    let ticket: string | undefined;\n    try {\n      ticket = await this.options.getTicket?.();\n    } catch (error) {\n      // Fetching a ticket usually fails because the control plane is restarting, which is exactly\n      // when reconnecting is wanted, so it backs off like a dropped socket.\n      if (this.disposed) return;\n      const detail = error instanceof Error ? `: ${error.message}` : \"\";\n      this.scheduleReconnect(`Could not get a ${label} ticket${detail}`);\n      return;\n    }\n    if (this.disposed) return;\n\n    let socket: WebSocket;\n    try {\n      socket = new WebSocket(this.resolveUrl(), this.resolveProtocols(ticket));\n    } catch (error) {\n      // A bad URL or a malformed ticket: trying again cannot fix either.\n      this.fail(error instanceof Error ? error.message : `Could not open the ${label}.`);\n      return;\n    }\n    if (this.disposed) {\n      socket.close(1000);\n      return;\n    }\n    this.socketInUse = socket;\n    socket.binaryType = \"arraybuffer\";\n\n    const session: RelaySession = {\n      ready: () => {\n        const reconnected = this.everReady;\n        this.everReady = true;\n        this.attempt = 0;\n        this.options.onStatus({ state: \"open\" });\n        return reconnected;\n      },\n      ended: (info) => {\n        this.finished = true;\n        const status: RelayStatus = { state: \"ended\", message: info.message ?? \"ended\" };\n        if (info.exitCode !== undefined) status.exitCode = info.exitCode;\n        this.options.onStatus(status);\n      },\n      fatal: (message) => {\n        this.fatalMessage = message;\n      },\n    };\n    const { protocol } = this.options;\n    socket.addEventListener(\"open\", () => protocol.open(socket, session));\n    socket.addEventListener(\"message\", (event: MessageEvent) => protocol.message(event, session));\n    socket.addEventListener(\"close\", (event: CloseEvent) => {\n      if (this.socketInUse === socket) this.socketInUse = undefined;\n      protocol.close?.(event, session);\n      if (this.disposed || this.finished) return;\n      if (this.fatalMessage !== undefined) this.fail(this.fatalMessage);\n      else this.scheduleReconnect();\n    });\n  }\n\n  private scheduleReconnect(reason?: string): void {\n    const { initialDelayMs, maxDelayMs, maxAttempts } = {\n      initialDelayMs: defaultInitialDelayMs,\n      maxDelayMs: defaultMaxDelayMs,\n      maxAttempts: defaultMaxAttempts,\n      ...this.options.reconnect,\n    };\n    if (this.attempt >= maxAttempts) {\n      this.fail(reason ?? `The connection to the ${this.options.protocol.label} was lost.`);\n      return;\n    }\n    const delay =\n      Math.min(maxDelayMs, initialDelayMs * 2 ** this.attempt) * (0.8 + Math.random() * 0.4);\n    this.attempt += 1;\n    this.options.onStatus({\n      state: \"reconnecting\",\n      attempt: this.attempt,\n      retryInMs: Math.round(delay),\n    });\n    this.timer = setTimeout(() => void this.connect(), delay);\n  }\n\n  private fail(message: string): void {\n    this.finished = true;\n    this.options.onStatus({ state: \"failed\", message });\n  }\n\n  private resolveUrl(): string {\n    const url = new URL(this.options.url, globalThis.location?.href);\n    if (url.protocol === \"http:\") url.protocol = \"ws:\";\n    else if (url.protocol === \"https:\") url.protocol = \"wss:\";\n    if (this.options.sessionName !== undefined) {\n      url.searchParams.set(\"session\", this.options.sessionName);\n    }\n    return url.toString();\n  }\n\n  /** The subprotocols to offer: the relay's, plus the ticket when there is one. */\n  private resolveProtocols(ticket: string | undefined): string[] {\n    const { subprotocol, label } = this.options.protocol;\n    if (ticket === undefined) return [subprotocol];\n    if (!subprotocolToken.test(ticket)) {\n      throw new Error(`The ${label} ticket must use only URL-safe characters (A-Z a-z 0-9 - _ .).`);\n    }\n    return [subprotocol, `${ticketSubprotocolPrefix}${ticket}`];\n  }\n}\n","import type { CSSProperties } from \"react\";\n\nimport type { RelayStatus } from \"./connection\";\n\nconst statusStyle: CSSProperties = {\n  position: \"absolute\",\n  top: 8,\n  right: 8,\n  padding: \"2px 8px\",\n  borderRadius: 4,\n  fontSize: 12,\n  background: \"rgba(0, 0, 0, 0.7)\",\n  color: \"#fff\",\n};\n\nexport function DefaultStatus({ status, retry }: { status: RelayStatus; retry: () => void }) {\n  if (status.state === \"open\") return null;\n  return (\n    <div role=\"status\" data-relay-status={status.state} style={statusStyle}>\n      {describe(status)}\n      {status.state === \"failed\" ? (\n        <>\n          {\" \"}\n          <button type=\"button\" onClick={retry}>\n            Retry\n          </button>\n        </>\n      ) : null}\n    </div>\n  );\n}\n\nfunction describe(status: RelayStatus): string {\n  switch (status.state) {\n    case \"loading\":\n    case \"connecting\":\n      return \"Connecting…\";\n    case \"reconnecting\":\n      return `Reconnecting in ${Math.max(1, Math.round((status.retryInMs ?? 0) / 1_000))}s…`;\n    case \"ended\":\n      return status.exitCode === undefined\n        ? \"Session ended\"\n        : `Session ended (exit ${status.exitCode})`;\n    case \"failed\":\n      return status.message ?? \"Disconnected\";\n    case \"open\":\n      return \"\";\n  }\n}\n","/** What a viewer's `ticket` prop can be: a ticket, or a function returning one per connection. */\nexport type TicketSource = string | (() => string | Promise<string>);\n\n/**\n * Turn the latest `ticket` prop into the per-attempt function a connection wants. The prop is read\n * on every attempt, so a function is called afresh each time: tickets are single use.\n */\nexport function resolveTicket(\n  read: () => TicketSource | undefined,\n): (() => string | Promise<string>) | undefined {\n  if (read() === undefined) return undefined;\n  return () => {\n    const ticket = read();\n    return typeof ticket === \"function\" ? ticket() : (ticket as string);\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6XOJFLX4.js

@@ -1,22 +0,0 @@
-// src/message/elements.ts
-var messageIds = /* @__PURE__ */ new WeakMap();
-function registerMessageElement(element, messageId) {
-  messageIds.set(element, messageId);
-}
-function messageElementFromNode(node) {
-  let element = node?.nodeType === Node.ELEMENT_NODE ? node : node?.parentElement ?? void 0;
-  while (element !== void 0 && element !== null) {
-    const messageId = messageIds.get(element);
-    if (messageId !== void 0) {
-      return { element, messageId };
-    }
-    element = element.parentElement ?? void 0;
-  }
-  return void 0;
-}
-
-export {
-  registerMessageElement,
-  messageElementFromNode
-};
-//# sourceMappingURL=chunk-6XOJFLX4.js.map

package/dist/chunk-6XOJFLX4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/message/elements.ts"],"sourcesContent":["const messageIds = new WeakMap<HTMLElement, string>();\n\nexport function registerMessageElement(element: HTMLElement, messageId: string): void {\n  messageIds.set(element, messageId);\n}\n\nexport function messageElementFromNode(\n  node: Node | null,\n): { element: HTMLElement; messageId: string } | undefined {\n  let element =\n    node?.nodeType === Node.ELEMENT_NODE\n      ? (node as HTMLElement)\n      : (node?.parentElement ?? undefined);\n\n  while (element !== undefined && element !== null) {\n    const messageId = messageIds.get(element);\n    if (messageId !== undefined) {\n      return { element, messageId };\n    }\n    element = element.parentElement ?? undefined;\n  }\n  return undefined;\n}\n"],"mappings":";AAAA,IAAM,aAAa,oBAAI,QAA6B;AAE7C,SAAS,uBAAuB,SAAsB,WAAyB;AACpF,aAAW,IAAI,SAAS,SAAS;AACnC;AAEO,SAAS,uBACd,MACyD;AACzD,MAAI,UACF,MAAM,aAAa,KAAK,eACnB,OACA,MAAM,iBAAiB;AAE9B,SAAO,YAAY,UAAa,YAAY,MAAM;AAChD,UAAM,YAAY,WAAW,IAAI,OAAO;AACxC,QAAI,cAAc,QAAW;AAC3B,aAAO,EAAE,SAAS,UAAU;AAAA,IAC9B;AACA,cAAU,QAAQ,iBAAiB;AAAA,EACrC;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-CKA4CE26.js

@@ -1,25 +0,0 @@
-// src/format/message.ts
-function messageText(message) {
-  return message.parts.filter((part) => part.type === "text").map((part) => part.text).join("");
-}
-
-// src/format/value.ts
-function stringifyValue(value) {
-  if (value === void 0) {
-    return "";
-  }
-  if (typeof value === "string") {
-    return value;
-  }
-  try {
-    return JSON.stringify(value, null, 2);
-  } catch {
-    return String(value);
-  }
-}
-
-export {
-  messageText,
-  stringifyValue
-};
-//# sourceMappingURL=chunk-CKA4CE26.js.map

package/dist/chunk-CKA4CE26.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/format/message.ts","../src/format/value.ts"],"sourcesContent":["import type { UIMessage, UIMessagePart } from \"@anvia/client\";\n\nexport function messageText(message: UIMessage): string {\n  return message.parts\n    .filter((part): part is Extract<UIMessagePart, { type: \"text\" }> => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\");\n}\n","export function stringifyValue(value: unknown): string {\n  if (value === undefined) {\n    return \"\";\n  }\n  if (typeof value === \"string\") {\n    return value;\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n"],"mappings":";AAEO,SAAS,YAAY,SAA4B;AACtD,SAAO,QAAQ,MACZ,OAAO,CAAC,SAA2D,KAAK,SAAS,MAAM,EACvF,IAAI,CAAC,SAAS,KAAK,IAAI,EACvB,KAAK,EAAE;AACZ;;;ACPO,SAAS,eAAe,OAAwB;AACrD,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;","names":[]}