@seatlayer/js 0.1.0

package/README.md

@@ -0,0 +1,53 @@
+# @seatlayer/js
+
+The framework-agnostic [SeatLayer](https://seatlayer.io) embed SDK. Render an
+interactive seat map, let buyers select and **hold** seats in the browser, then
+**book** them from your server. Full docs: <https://docs.seatlayer.io>
+
+Works in plain HTML and any framework (React, Vue, Svelte, Angular…). For React,
+prefer the [`@seatlayer/react`](https://www.npmjs.com/package/@seatlayer/react) wrapper.
+
+```bash
+npm install @seatlayer/js
+```
+
+## Usage
+
+```js
+import { SeatingChart } from '@seatlayer/js';
+
+const chart = new SeatingChart({
+  container: '#chart',
+  event: 'ev_9f3a',
+  onHold: ({ holdId }) => bookOnYourServer(holdId),
+});
+
+await chart.render();
+const hold = await chart.hold();          // null on a 409 conflict
+// ... later
+chart.destroy();
+```
+
+## Use in any framework
+
+The SDK only needs a DOM element and mount/unmount hooks:
+
+```js
+// Vue
+onMounted(() => { chart = new SeatingChart({ container: '#chart', event: 'ev_9f3a' }); chart.render(); });
+onUnmounted(() => chart?.destroy());
+```
+
+Svelte → `onMount` / `onDestroy`. Angular → `ngAfterViewInit` / `ngOnDestroy`.
+
+## API
+
+`new SeatingChart(options)` — options: `container` (selector or element, required),
+`event` (key, required), `apiBase?`, `maxSelection?` (default 10), `onSelectionChange?`,
+`onHold?`, `onError?`.
+
+Methods: `render()`, `getSelection()`, `hold()`, `bestAvailable(qty, categoryKey?)`,
+`release()`, `destroy()`.
+
+The browser **holds**; your **server books** with a secret key. See the
+[integration guide](https://docs.seatlayer.io/getting-started/how-it-works/).

package/dist/index.cjs

@@ -0,0 +1,184 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ApiError: () => ApiError,
+  SeatingChart: () => SeatingChart
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/SeatingChart.ts
+var import_core = require("@seatlayer/core");
+
+// src/api.ts
+var ApiError = class extends Error {
+  constructor(status, message, code, conflicts, reason) {
+    super(message);
+    this.name = "ApiError";
+    this.status = status;
+    this.code = code;
+    this.conflicts = conflicts;
+    this.reason = reason;
+  }
+};
+async function request(base, path, init = {}) {
+  const method = init.method ?? "GET";
+  const headers = {};
+  let body;
+  if (init.body !== void 0) {
+    headers["Content-Type"] = "application/json";
+    body = JSON.stringify(init.body);
+  }
+  const res = await fetch(`${base}${path}`, { method, headers, body, credentials: "omit" });
+  const isJson = (res.headers.get("content-type") ?? "").includes("application/json");
+  const data = isJson ? await res.json().catch(() => null) : null;
+  if (!res.ok) {
+    const err = data;
+    throw new ApiError(res.status, err?.error ?? `request_failed_${res.status}`, err?.code, err?.conflicts, err?.reason);
+  }
+  return data;
+}
+var PubApi = class {
+  constructor(base) {
+    this.base = base;
+  }
+  chart(key) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/chart`);
+  }
+  objects(key) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/objects`);
+  }
+  hold(key, labels) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/hold`, {
+      method: "POST",
+      body: { labels }
+    });
+  }
+  bestAvailable(key, qty, categoryKey) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/best-available`, {
+      method: "POST",
+      body: { qty, ...categoryKey ? { categoryKey } : {} }
+    });
+  }
+  release(key, labels, holdId) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/release`, {
+      method: "POST",
+      body: { labels, holdId }
+    });
+  }
+  socketUrl(key) {
+    const wsBase = this.base.replace(/^http/, "ws");
+    return `${wsBase}/pub/events/${encodeURIComponent(key)}/subscribe`;
+  }
+};
+
+// src/SeatingChart.ts
+var DEFAULT_API_BASE = "https://seatmap-api.paiteq.in";
+var DEFAULT_MAX_SELECTION = 10;
+function resolveContainer(container) {
+  if (typeof container === "string") {
+    const el = document.querySelector(container);
+    if (!el) throw new Error(`seatmap: container "${container}" not found`);
+    return el;
+  }
+  if (!(container instanceof HTMLElement)) {
+    throw new Error("seatmap: container must be a CSS selector or an HTMLElement");
+  }
+  return container;
+}
+var SeatingChart = class {
+  constructor(options) {
+    this.mount = null;
+    this.hostEl = null;
+    this.rendered = false;
+    if (!options || typeof options !== "object") throw new Error("seatmap: options object is required");
+    if (!options.container) throw new Error("seatmap: `container` is required");
+    if (!options.event || typeof options.event !== "string") throw new Error("seatmap: `event` key is required");
+    this.opts = options;
+    this.publicKey = options.publicKey;
+    const api = new PubApi((options.apiBase ?? DEFAULT_API_BASE).replace(/\/+$/, ""));
+    this.controller = new import_core.PickerController({
+      transport: api,
+      eventKey: options.event,
+      maxSelection: options.maxSelection ?? DEFAULT_MAX_SELECTION,
+      onSelectionChange: (seats) => this.opts.onSelectionChange?.(seats),
+      onHold: (h) => this.opts.onHold?.({ holdId: h.holdId, expiresAt: h.expiresAt }),
+      onError: (err) => this.opts.onError?.(err)
+    });
+  }
+  /** Fetch the chart, mount the renderer, seed statuses and go live. Idempotent. */
+  async render() {
+    if (this.rendered) return this;
+    this.rendered = true;
+    this.mount = resolveContainer(this.opts.container);
+    const host = document.createElement("div");
+    host.style.width = "100%";
+    host.style.height = "100%";
+    host.style.position = "relative";
+    this.mount.appendChild(host);
+    this.hostEl = host;
+    const ok = await this.controller.render(host);
+    if (!ok) this.rendered = false;
+    return this;
+  }
+  /** Current selection with prices resolved from the chart categories. */
+  getSelection() {
+    return this.controller.getSelection();
+  }
+  /** Hold the current selection. Resolves the hold, or null on a 409 conflict. */
+  async hold() {
+    try {
+      const h = await this.controller.hold();
+      return h ? { holdId: h.holdId, expiresAt: h.expiresAt } : null;
+    } catch (err) {
+      this.opts.onError?.(err);
+      return null;
+    }
+  }
+  /** Ask the server for the `qty` best free seats and hold them atomically. */
+  async bestAvailable(qty, categoryKey) {
+    try {
+      const h = await this.controller.bestAvailable(qty, categoryKey);
+      return h ? { holdId: h.holdId, expiresAt: h.expiresAt, labels: h.labels } : null;
+    } catch (err) {
+      this.opts.onError?.(err);
+      return null;
+    }
+  }
+  /** Release the current hold (if any). No-op when nothing is held. */
+  async release() {
+    await this.controller.release();
+  }
+  /** Tear everything down: close the socket, stop timers, drop the canvas. */
+  destroy() {
+    this.controller.destroy();
+    if (this.hostEl && this.hostEl.parentNode) this.hostEl.parentNode.removeChild(this.hostEl);
+    this.hostEl = null;
+    this.mount = null;
+    this.rendered = false;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiError,
+  SeatingChart
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/SeatingChart.ts","../src/api.ts"],"sourcesContent":["/**\n * @seatlayer/js — the framework-agnostic SeatLayer embed SDK.\n *\n * Works in any JS environment (plain HTML, React, Vue, Svelte, Angular, …).\n * Framework wrappers (@seatlayer/react, …) build on top of this.\n */\nexport { SeatingChart } from './SeatingChart';\nexport type { SeatingChartOptions, SelectedSeat } from './SeatingChart';\nexport { ApiError } from './api';\nexport type { HoldResult, HoldConflict, BestAvailableResult } from './api';\n","/**\n * SeatingChart — the embeddable buyer picker.\n *\n * A thin wrapper over the shared PickerController (src/picker/PickerController):\n * it owns the mount <div> + the public embed contract (hold-only — the SDK hands\n * the holdId to the host page for a server-side book) and delegates all transport\n * + booking to the controller, so the SDK inherits every fix made for the live\n * buyer page and the demo picker.\n */\nimport { PickerController, type PickerSeat } from '@seatlayer/core';\nimport { PubApi, type BestAvailableResult, type HoldResult } from './api';\n\nconst DEFAULT_API_BASE = 'https://seatmap-api.paiteq.in';\nconst DEFAULT_MAX_SELECTION = 10;\n\n/** A seat as surfaced to the host page (prices resolved from the chart's categories). */\nexport type SelectedSeat = PickerSeat;\n\nexport interface SeatingChartOptions {\n  /** CSS selector or an HTMLElement to render into. */\n  container: string | HTMLElement;\n  /** Event key, e.g. `ev_xxx`. */\n  event: string;\n  /** API origin. Defaults to https://seatmap-api.paiteq.in. */\n  apiBase?: string;\n  /** Reserved for future authenticated rendering — accepted + stored, not yet sent. */\n  publicKey?: string;\n  /** Max seats selectable at once (default 10). */\n  maxSelection?: number;\n  onSelectionChange?: (seats: SelectedSeat[]) => void;\n  onHold?: (result: HoldResult) => void;\n  onError?: (err: unknown) => void;\n}\n\nfunction resolveContainer(container: string | HTMLElement): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector(container);\n    if (!el) throw new Error(`seatmap: container \"${container}\" not found`);\n    return el as HTMLElement;\n  }\n  if (!(container instanceof HTMLElement)) {\n    throw new Error('seatmap: container must be a CSS selector or an HTMLElement');\n  }\n  return container;\n}\n\nexport class SeatingChart {\n  private readonly opts: SeatingChartOptions;\n  private readonly controller: PickerController;\n  /** Reserved for future authenticated rendering — stored, not yet sent on any request. */\n  readonly publicKey?: string;\n\n  private mount: HTMLElement | null = null;\n  private hostEl: HTMLDivElement | null = null;\n  private rendered = false;\n\n  constructor(options: SeatingChartOptions) {\n    if (!options || typeof options !== 'object') throw new Error('seatmap: options object is required');\n    if (!options.container) throw new Error('seatmap: `container` is required');\n    if (!options.event || typeof options.event !== 'string') throw new Error('seatmap: `event` key is required');\n\n    this.opts = options;\n    this.publicKey = options.publicKey;\n    const api = new PubApi((options.apiBase ?? DEFAULT_API_BASE).replace(/\\/+$/, ''));\n    this.controller = new PickerController({\n      transport: api,\n      eventKey: options.event,\n      maxSelection: options.maxSelection ?? DEFAULT_MAX_SELECTION,\n      onSelectionChange: (seats) => this.opts.onSelectionChange?.(seats),\n      onHold: (h) => this.opts.onHold?.({ holdId: h.holdId, expiresAt: h.expiresAt }),\n      onError: (err) => this.opts.onError?.(err),\n    });\n  }\n\n  /** Fetch the chart, mount the renderer, seed statuses and go live. Idempotent. */\n  async render(): Promise<this> {\n    if (this.rendered) return this;\n    this.rendered = true;\n\n    // Mount an owned <div> inside the caller's container so we never fight their\n    // layout and can cleanly remove it on destroy().\n    this.mount = resolveContainer(this.opts.container);\n    const host = document.createElement('div');\n    host.style.width = '100%';\n    host.style.height = '100%';\n    host.style.position = 'relative';\n    this.mount.appendChild(host);\n    this.hostEl = host;\n\n    const ok = await this.controller.render(host);\n    if (!ok) this.rendered = false; // render() already emitted the error\n    return this;\n  }\n\n  /** Current selection with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[] {\n    return this.controller.getSelection();\n  }\n\n  /** Hold the current selection. Resolves the hold, or null on a 409 conflict. */\n  async hold(): Promise<HoldResult | null> {\n    try {\n      const h = await this.controller.hold();\n      return h ? { holdId: h.holdId, expiresAt: h.expiresAt } : null;\n    } catch (err) {\n      this.opts.onError?.(err);\n      return null;\n    }\n  }\n\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  async bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null> {\n    try {\n      const h = await this.controller.bestAvailable(qty, categoryKey);\n      return h ? { holdId: h.holdId, expiresAt: h.expiresAt, labels: h.labels } : null;\n    } catch (err) {\n      this.opts.onError?.(err);\n      return null;\n    }\n  }\n\n  /** Release the current hold (if any). No-op when nothing is held. */\n  async release(): Promise<void> {\n    await this.controller.release();\n  }\n\n  /** Tear everything down: close the socket, stop timers, drop the canvas. */\n  destroy(): void {\n    this.controller.destroy();\n    if (this.hostEl && this.hostEl.parentNode) this.hostEl.parentNode.removeChild(this.hostEl);\n    this.hostEl = null;\n    this.mount = null;\n    this.rendered = false;\n  }\n}\n","/**\n * Minimal client for the public embed surface of workers/api (the `/pub/*`\n * routes). Deliberately self-contained — it does NOT reuse src/lib/api.ts,\n * which bakes in a build-time API base and dashboard session credentials. The\n * SDK runs cross-origin on a third-party ticketing page, so:\n *   - apiBase is per-instance (constructor option), not a build constant;\n *   - credentials are omitted (no cookie to send, avoids CORS-credential setup);\n *   - no custom headers on mutating calls (keeps the CORS preflight trivial).\n */\nimport type { ChartDoc } from '@seatlayer/core';\n\nexport interface HoldConflict {\n  label: string;\n  reason: string;\n}\n\nexport class ApiError extends Error {\n  status: number;\n  code?: string;\n  /** Present when a hold 409s because seats were just taken/held. */\n  conflicts?: HoldConflict[];\n  /** Present when best-available 409s ('not_enough_together' | 'sold_out'). */\n  reason?: string;\n\n  constructor(status: number, message: string, code?: string, conflicts?: HoldConflict[], reason?: string) {\n    super(message);\n    this.name = 'ApiError';\n    this.status = status;\n    this.code = code;\n    this.conflicts = conflicts;\n    this.reason = reason;\n  }\n}\n\nexport interface PubChartResult {\n  event: { key: string; name: string };\n  doc: ChartDoc;\n}\n\nexport interface PubObjectsResult {\n  /** Every non-free seat's status, keyed by seat label. */\n  seats: Record<string, string>;\n  updatedAt: number;\n}\n\nexport interface HoldResult {\n  holdId: string;\n  expiresAt: number;\n}\n\n/** Best-available response — the server-picked seats plus the hold they landed in. */\nexport interface BestAvailableResult {\n  holdId: string;\n  expiresAt: number;\n  labels: string[];\n}\n\nasync function request<T>(\n  base: string,\n  path: string,\n  init: { method?: 'GET' | 'POST'; body?: unknown } = {},\n): Promise<T> {\n  const method = init.method ?? 'GET';\n  const headers: Record<string, string> = {};\n  let body: string | undefined;\n  if (init.body !== undefined) {\n    headers['Content-Type'] = 'application/json';\n    body = JSON.stringify(init.body);\n  }\n\n  const res = await fetch(`${base}${path}`, { method, headers, body, credentials: 'omit' });\n\n  const isJson = (res.headers.get('content-type') ?? '').includes('application/json');\n  const data = isJson ? await res.json().catch(() => null) : null;\n\n  if (!res.ok) {\n    const err = data as\n      | { error?: string; code?: string; conflicts?: HoldConflict[]; reason?: string }\n      | null;\n    throw new ApiError(res.status, err?.error ?? `request_failed_${res.status}`, err?.code, err?.conflicts, err?.reason);\n  }\n  return data as T;\n}\n\n/** Public-surface client bound to one apiBase (e.g. https://seatmap-api.paiteq.in). */\nexport class PubApi {\n  constructor(private readonly base: string) {}\n\n  chart(key: string): Promise<PubChartResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/chart`);\n  }\n\n  objects(key: string): Promise<PubObjectsResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/objects`);\n  }\n\n  hold(key: string, labels: string[]): Promise<HoldResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/hold`, {\n      method: 'POST',\n      body: { labels },\n    });\n  }\n\n  bestAvailable(key: string, qty: number, categoryKey?: string): Promise<BestAvailableResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/best-available`, {\n      method: 'POST',\n      body: { qty, ...(categoryKey ? { categoryKey } : {}) },\n    });\n  }\n\n  release(key: string, labels: string[], holdId: string): Promise<{ ok: true }> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/release`, {\n      method: 'POST',\n      body: { labels, holdId },\n    });\n  }\n\n  socketUrl(key: string): string {\n    const wsBase = this.base.replace(/^http/, 'ws');\n    return `${wsBase}/pub/events/${encodeURIComponent(key)}/subscribe`;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,87 @@
+import { PickerSeat } from '@seatlayer/core';
+
+/**
+ * Minimal client for the public embed surface of workers/api (the `/pub/*`
+ * routes). Deliberately self-contained — it does NOT reuse src/lib/api.ts,
+ * which bakes in a build-time API base and dashboard session credentials. The
+ * SDK runs cross-origin on a third-party ticketing page, so:
+ *   - apiBase is per-instance (constructor option), not a build constant;
+ *   - credentials are omitted (no cookie to send, avoids CORS-credential setup);
+ *   - no custom headers on mutating calls (keeps the CORS preflight trivial).
+ */
+
+interface HoldConflict {
+    label: string;
+    reason: string;
+}
+declare class ApiError extends Error {
+    status: number;
+    code?: string;
+    /** Present when a hold 409s because seats were just taken/held. */
+    conflicts?: HoldConflict[];
+    /** Present when best-available 409s ('not_enough_together' | 'sold_out'). */
+    reason?: string;
+    constructor(status: number, message: string, code?: string, conflicts?: HoldConflict[], reason?: string);
+}
+interface HoldResult {
+    holdId: string;
+    expiresAt: number;
+}
+/** Best-available response — the server-picked seats plus the hold they landed in. */
+interface BestAvailableResult {
+    holdId: string;
+    expiresAt: number;
+    labels: string[];
+}
+
+/**
+ * SeatingChart — the embeddable buyer picker.
+ *
+ * A thin wrapper over the shared PickerController (src/picker/PickerController):
+ * it owns the mount <div> + the public embed contract (hold-only — the SDK hands
+ * the holdId to the host page for a server-side book) and delegates all transport
+ * + booking to the controller, so the SDK inherits every fix made for the live
+ * buyer page and the demo picker.
+ */
+
+/** A seat as surfaced to the host page (prices resolved from the chart's categories). */
+type SelectedSeat = PickerSeat;
+interface SeatingChartOptions {
+    /** CSS selector or an HTMLElement to render into. */
+    container: string | HTMLElement;
+    /** Event key, e.g. `ev_xxx`. */
+    event: string;
+    /** API origin. Defaults to https://seatmap-api.paiteq.in. */
+    apiBase?: string;
+    /** Reserved for future authenticated rendering — accepted + stored, not yet sent. */
+    publicKey?: string;
+    /** Max seats selectable at once (default 10). */
+    maxSelection?: number;
+    onSelectionChange?: (seats: SelectedSeat[]) => void;
+    onHold?: (result: HoldResult) => void;
+    onError?: (err: unknown) => void;
+}
+declare class SeatingChart {
+    private readonly opts;
+    private readonly controller;
+    /** Reserved for future authenticated rendering — stored, not yet sent on any request. */
+    readonly publicKey?: string;
+    private mount;
+    private hostEl;
+    private rendered;
+    constructor(options: SeatingChartOptions);
+    /** Fetch the chart, mount the renderer, seed statuses and go live. Idempotent. */
+    render(): Promise<this>;
+    /** Current selection with prices resolved from the chart categories. */
+    getSelection(): SelectedSeat[];
+    /** Hold the current selection. Resolves the hold, or null on a 409 conflict. */
+    hold(): Promise<HoldResult | null>;
+    /** Ask the server for the `qty` best free seats and hold them atomically. */
+    bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;
+    /** Release the current hold (if any). No-op when nothing is held. */
+    release(): Promise<void>;
+    /** Tear everything down: close the socket, stop timers, drop the canvas. */
+    destroy(): void;
+}
+
+export { ApiError, type BestAvailableResult, type HoldConflict, type HoldResult, SeatingChart, type SeatingChartOptions, type SelectedSeat };

package/dist/index.d.ts

@@ -0,0 +1,87 @@
+import { PickerSeat } from '@seatlayer/core';
+
+/**
+ * Minimal client for the public embed surface of workers/api (the `/pub/*`
+ * routes). Deliberately self-contained — it does NOT reuse src/lib/api.ts,
+ * which bakes in a build-time API base and dashboard session credentials. The
+ * SDK runs cross-origin on a third-party ticketing page, so:
+ *   - apiBase is per-instance (constructor option), not a build constant;
+ *   - credentials are omitted (no cookie to send, avoids CORS-credential setup);
+ *   - no custom headers on mutating calls (keeps the CORS preflight trivial).
+ */
+
+interface HoldConflict {
+    label: string;
+    reason: string;
+}
+declare class ApiError extends Error {
+    status: number;
+    code?: string;
+    /** Present when a hold 409s because seats were just taken/held. */
+    conflicts?: HoldConflict[];
+    /** Present when best-available 409s ('not_enough_together' | 'sold_out'). */
+    reason?: string;
+    constructor(status: number, message: string, code?: string, conflicts?: HoldConflict[], reason?: string);
+}
+interface HoldResult {
+    holdId: string;
+    expiresAt: number;
+}
+/** Best-available response — the server-picked seats plus the hold they landed in. */
+interface BestAvailableResult {
+    holdId: string;
+    expiresAt: number;
+    labels: string[];
+}
+
+/**
+ * SeatingChart — the embeddable buyer picker.
+ *
+ * A thin wrapper over the shared PickerController (src/picker/PickerController):
+ * it owns the mount <div> + the public embed contract (hold-only — the SDK hands
+ * the holdId to the host page for a server-side book) and delegates all transport
+ * + booking to the controller, so the SDK inherits every fix made for the live
+ * buyer page and the demo picker.
+ */
+
+/** A seat as surfaced to the host page (prices resolved from the chart's categories). */
+type SelectedSeat = PickerSeat;
+interface SeatingChartOptions {
+    /** CSS selector or an HTMLElement to render into. */
+    container: string | HTMLElement;
+    /** Event key, e.g. `ev_xxx`. */
+    event: string;
+    /** API origin. Defaults to https://seatmap-api.paiteq.in. */
+    apiBase?: string;
+    /** Reserved for future authenticated rendering — accepted + stored, not yet sent. */
+    publicKey?: string;
+    /** Max seats selectable at once (default 10). */
+    maxSelection?: number;
+    onSelectionChange?: (seats: SelectedSeat[]) => void;
+    onHold?: (result: HoldResult) => void;
+    onError?: (err: unknown) => void;
+}
+declare class SeatingChart {
+    private readonly opts;
+    private readonly controller;
+    /** Reserved for future authenticated rendering — stored, not yet sent on any request. */
+    readonly publicKey?: string;
+    private mount;
+    private hostEl;
+    private rendered;
+    constructor(options: SeatingChartOptions);
+    /** Fetch the chart, mount the renderer, seed statuses and go live. Idempotent. */
+    render(): Promise<this>;
+    /** Current selection with prices resolved from the chart categories. */
+    getSelection(): SelectedSeat[];
+    /** Hold the current selection. Resolves the hold, or null on a 409 conflict. */
+    hold(): Promise<HoldResult | null>;
+    /** Ask the server for the `qty` best free seats and hold them atomically. */
+    bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;
+    /** Release the current hold (if any). No-op when nothing is held. */
+    release(): Promise<void>;
+    /** Tear everything down: close the socket, stop timers, drop the canvas. */
+    destroy(): void;
+}
+
+export { ApiError, type BestAvailableResult, type HoldConflict, type HoldResult, SeatingChart, type SeatingChartOptions, type SelectedSeat };

package/dist/index.js

@@ -0,0 +1,156 @@
+// src/SeatingChart.ts
+import { PickerController } from "@seatlayer/core";
+
+// src/api.ts
+var ApiError = class extends Error {
+  constructor(status, message, code, conflicts, reason) {
+    super(message);
+    this.name = "ApiError";
+    this.status = status;
+    this.code = code;
+    this.conflicts = conflicts;
+    this.reason = reason;
+  }
+};
+async function request(base, path, init = {}) {
+  const method = init.method ?? "GET";
+  const headers = {};
+  let body;
+  if (init.body !== void 0) {
+    headers["Content-Type"] = "application/json";
+    body = JSON.stringify(init.body);
+  }
+  const res = await fetch(`${base}${path}`, { method, headers, body, credentials: "omit" });
+  const isJson = (res.headers.get("content-type") ?? "").includes("application/json");
+  const data = isJson ? await res.json().catch(() => null) : null;
+  if (!res.ok) {
+    const err = data;
+    throw new ApiError(res.status, err?.error ?? `request_failed_${res.status}`, err?.code, err?.conflicts, err?.reason);
+  }
+  return data;
+}
+var PubApi = class {
+  constructor(base) {
+    this.base = base;
+  }
+  chart(key) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/chart`);
+  }
+  objects(key) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/objects`);
+  }
+  hold(key, labels) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/hold`, {
+      method: "POST",
+      body: { labels }
+    });
+  }
+  bestAvailable(key, qty, categoryKey) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/best-available`, {
+      method: "POST",
+      body: { qty, ...categoryKey ? { categoryKey } : {} }
+    });
+  }
+  release(key, labels, holdId) {
+    return request(this.base, `/pub/events/${encodeURIComponent(key)}/release`, {
+      method: "POST",
+      body: { labels, holdId }
+    });
+  }
+  socketUrl(key) {
+    const wsBase = this.base.replace(/^http/, "ws");
+    return `${wsBase}/pub/events/${encodeURIComponent(key)}/subscribe`;
+  }
+};
+
+// src/SeatingChart.ts
+var DEFAULT_API_BASE = "https://seatmap-api.paiteq.in";
+var DEFAULT_MAX_SELECTION = 10;
+function resolveContainer(container) {
+  if (typeof container === "string") {
+    const el = document.querySelector(container);
+    if (!el) throw new Error(`seatmap: container "${container}" not found`);
+    return el;
+  }
+  if (!(container instanceof HTMLElement)) {
+    throw new Error("seatmap: container must be a CSS selector or an HTMLElement");
+  }
+  return container;
+}
+var SeatingChart = class {
+  constructor(options) {
+    this.mount = null;
+    this.hostEl = null;
+    this.rendered = false;
+    if (!options || typeof options !== "object") throw new Error("seatmap: options object is required");
+    if (!options.container) throw new Error("seatmap: `container` is required");
+    if (!options.event || typeof options.event !== "string") throw new Error("seatmap: `event` key is required");
+    this.opts = options;
+    this.publicKey = options.publicKey;
+    const api = new PubApi((options.apiBase ?? DEFAULT_API_BASE).replace(/\/+$/, ""));
+    this.controller = new PickerController({
+      transport: api,
+      eventKey: options.event,
+      maxSelection: options.maxSelection ?? DEFAULT_MAX_SELECTION,
+      onSelectionChange: (seats) => this.opts.onSelectionChange?.(seats),
+      onHold: (h) => this.opts.onHold?.({ holdId: h.holdId, expiresAt: h.expiresAt }),
+      onError: (err) => this.opts.onError?.(err)
+    });
+  }
+  /** Fetch the chart, mount the renderer, seed statuses and go live. Idempotent. */
+  async render() {
+    if (this.rendered) return this;
+    this.rendered = true;
+    this.mount = resolveContainer(this.opts.container);
+    const host = document.createElement("div");
+    host.style.width = "100%";
+    host.style.height = "100%";
+    host.style.position = "relative";
+    this.mount.appendChild(host);
+    this.hostEl = host;
+    const ok = await this.controller.render(host);
+    if (!ok) this.rendered = false;
+    return this;
+  }
+  /** Current selection with prices resolved from the chart categories. */
+  getSelection() {
+    return this.controller.getSelection();
+  }
+  /** Hold the current selection. Resolves the hold, or null on a 409 conflict. */
+  async hold() {
+    try {
+      const h = await this.controller.hold();
+      return h ? { holdId: h.holdId, expiresAt: h.expiresAt } : null;
+    } catch (err) {
+      this.opts.onError?.(err);
+      return null;
+    }
+  }
+  /** Ask the server for the `qty` best free seats and hold them atomically. */
+  async bestAvailable(qty, categoryKey) {
+    try {
+      const h = await this.controller.bestAvailable(qty, categoryKey);
+      return h ? { holdId: h.holdId, expiresAt: h.expiresAt, labels: h.labels } : null;
+    } catch (err) {
+      this.opts.onError?.(err);
+      return null;
+    }
+  }
+  /** Release the current hold (if any). No-op when nothing is held. */
+  async release() {
+    await this.controller.release();
+  }
+  /** Tear everything down: close the socket, stop timers, drop the canvas. */
+  destroy() {
+    this.controller.destroy();
+    if (this.hostEl && this.hostEl.parentNode) this.hostEl.parentNode.removeChild(this.hostEl);
+    this.hostEl = null;
+    this.mount = null;
+    this.rendered = false;
+  }
+};
+export {
+  ApiError,
+  SeatingChart
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SeatingChart.ts","../src/api.ts"],"sourcesContent":["/**\n * SeatingChart — the embeddable buyer picker.\n *\n * A thin wrapper over the shared PickerController (src/picker/PickerController):\n * it owns the mount <div> + the public embed contract (hold-only — the SDK hands\n * the holdId to the host page for a server-side book) and delegates all transport\n * + booking to the controller, so the SDK inherits every fix made for the live\n * buyer page and the demo picker.\n */\nimport { PickerController, type PickerSeat } from '@seatlayer/core';\nimport { PubApi, type BestAvailableResult, type HoldResult } from './api';\n\nconst DEFAULT_API_BASE = 'https://seatmap-api.paiteq.in';\nconst DEFAULT_MAX_SELECTION = 10;\n\n/** A seat as surfaced to the host page (prices resolved from the chart's categories). */\nexport type SelectedSeat = PickerSeat;\n\nexport interface SeatingChartOptions {\n  /** CSS selector or an HTMLElement to render into. */\n  container: string | HTMLElement;\n  /** Event key, e.g. `ev_xxx`. */\n  event: string;\n  /** API origin. Defaults to https://seatmap-api.paiteq.in. */\n  apiBase?: string;\n  /** Reserved for future authenticated rendering — accepted + stored, not yet sent. */\n  publicKey?: string;\n  /** Max seats selectable at once (default 10). */\n  maxSelection?: number;\n  onSelectionChange?: (seats: SelectedSeat[]) => void;\n  onHold?: (result: HoldResult) => void;\n  onError?: (err: unknown) => void;\n}\n\nfunction resolveContainer(container: string | HTMLElement): HTMLElement {\n  if (typeof container === 'string') {\n    const el = document.querySelector(container);\n    if (!el) throw new Error(`seatmap: container \"${container}\" not found`);\n    return el as HTMLElement;\n  }\n  if (!(container instanceof HTMLElement)) {\n    throw new Error('seatmap: container must be a CSS selector or an HTMLElement');\n  }\n  return container;\n}\n\nexport class SeatingChart {\n  private readonly opts: SeatingChartOptions;\n  private readonly controller: PickerController;\n  /** Reserved for future authenticated rendering — stored, not yet sent on any request. */\n  readonly publicKey?: string;\n\n  private mount: HTMLElement | null = null;\n  private hostEl: HTMLDivElement | null = null;\n  private rendered = false;\n\n  constructor(options: SeatingChartOptions) {\n    if (!options || typeof options !== 'object') throw new Error('seatmap: options object is required');\n    if (!options.container) throw new Error('seatmap: `container` is required');\n    if (!options.event || typeof options.event !== 'string') throw new Error('seatmap: `event` key is required');\n\n    this.opts = options;\n    this.publicKey = options.publicKey;\n    const api = new PubApi((options.apiBase ?? DEFAULT_API_BASE).replace(/\\/+$/, ''));\n    this.controller = new PickerController({\n      transport: api,\n      eventKey: options.event,\n      maxSelection: options.maxSelection ?? DEFAULT_MAX_SELECTION,\n      onSelectionChange: (seats) => this.opts.onSelectionChange?.(seats),\n      onHold: (h) => this.opts.onHold?.({ holdId: h.holdId, expiresAt: h.expiresAt }),\n      onError: (err) => this.opts.onError?.(err),\n    });\n  }\n\n  /** Fetch the chart, mount the renderer, seed statuses and go live. Idempotent. */\n  async render(): Promise<this> {\n    if (this.rendered) return this;\n    this.rendered = true;\n\n    // Mount an owned <div> inside the caller's container so we never fight their\n    // layout and can cleanly remove it on destroy().\n    this.mount = resolveContainer(this.opts.container);\n    const host = document.createElement('div');\n    host.style.width = '100%';\n    host.style.height = '100%';\n    host.style.position = 'relative';\n    this.mount.appendChild(host);\n    this.hostEl = host;\n\n    const ok = await this.controller.render(host);\n    if (!ok) this.rendered = false; // render() already emitted the error\n    return this;\n  }\n\n  /** Current selection with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[] {\n    return this.controller.getSelection();\n  }\n\n  /** Hold the current selection. Resolves the hold, or null on a 409 conflict. */\n  async hold(): Promise<HoldResult | null> {\n    try {\n      const h = await this.controller.hold();\n      return h ? { holdId: h.holdId, expiresAt: h.expiresAt } : null;\n    } catch (err) {\n      this.opts.onError?.(err);\n      return null;\n    }\n  }\n\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  async bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null> {\n    try {\n      const h = await this.controller.bestAvailable(qty, categoryKey);\n      return h ? { holdId: h.holdId, expiresAt: h.expiresAt, labels: h.labels } : null;\n    } catch (err) {\n      this.opts.onError?.(err);\n      return null;\n    }\n  }\n\n  /** Release the current hold (if any). No-op when nothing is held. */\n  async release(): Promise<void> {\n    await this.controller.release();\n  }\n\n  /** Tear everything down: close the socket, stop timers, drop the canvas. */\n  destroy(): void {\n    this.controller.destroy();\n    if (this.hostEl && this.hostEl.parentNode) this.hostEl.parentNode.removeChild(this.hostEl);\n    this.hostEl = null;\n    this.mount = null;\n    this.rendered = false;\n  }\n}\n","/**\n * Minimal client for the public embed surface of workers/api (the `/pub/*`\n * routes). Deliberately self-contained — it does NOT reuse src/lib/api.ts,\n * which bakes in a build-time API base and dashboard session credentials. The\n * SDK runs cross-origin on a third-party ticketing page, so:\n *   - apiBase is per-instance (constructor option), not a build constant;\n *   - credentials are omitted (no cookie to send, avoids CORS-credential setup);\n *   - no custom headers on mutating calls (keeps the CORS preflight trivial).\n */\nimport type { ChartDoc } from '@seatlayer/core';\n\nexport interface HoldConflict {\n  label: string;\n  reason: string;\n}\n\nexport class ApiError extends Error {\n  status: number;\n  code?: string;\n  /** Present when a hold 409s because seats were just taken/held. */\n  conflicts?: HoldConflict[];\n  /** Present when best-available 409s ('not_enough_together' | 'sold_out'). */\n  reason?: string;\n\n  constructor(status: number, message: string, code?: string, conflicts?: HoldConflict[], reason?: string) {\n    super(message);\n    this.name = 'ApiError';\n    this.status = status;\n    this.code = code;\n    this.conflicts = conflicts;\n    this.reason = reason;\n  }\n}\n\nexport interface PubChartResult {\n  event: { key: string; name: string };\n  doc: ChartDoc;\n}\n\nexport interface PubObjectsResult {\n  /** Every non-free seat's status, keyed by seat label. */\n  seats: Record<string, string>;\n  updatedAt: number;\n}\n\nexport interface HoldResult {\n  holdId: string;\n  expiresAt: number;\n}\n\n/** Best-available response — the server-picked seats plus the hold they landed in. */\nexport interface BestAvailableResult {\n  holdId: string;\n  expiresAt: number;\n  labels: string[];\n}\n\nasync function request<T>(\n  base: string,\n  path: string,\n  init: { method?: 'GET' | 'POST'; body?: unknown } = {},\n): Promise<T> {\n  const method = init.method ?? 'GET';\n  const headers: Record<string, string> = {};\n  let body: string | undefined;\n  if (init.body !== undefined) {\n    headers['Content-Type'] = 'application/json';\n    body = JSON.stringify(init.body);\n  }\n\n  const res = await fetch(`${base}${path}`, { method, headers, body, credentials: 'omit' });\n\n  const isJson = (res.headers.get('content-type') ?? '').includes('application/json');\n  const data = isJson ? await res.json().catch(() => null) : null;\n\n  if (!res.ok) {\n    const err = data as\n      | { error?: string; code?: string; conflicts?: HoldConflict[]; reason?: string }\n      | null;\n    throw new ApiError(res.status, err?.error ?? `request_failed_${res.status}`, err?.code, err?.conflicts, err?.reason);\n  }\n  return data as T;\n}\n\n/** Public-surface client bound to one apiBase (e.g. https://seatmap-api.paiteq.in). */\nexport class PubApi {\n  constructor(private readonly base: string) {}\n\n  chart(key: string): Promise<PubChartResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/chart`);\n  }\n\n  objects(key: string): Promise<PubObjectsResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/objects`);\n  }\n\n  hold(key: string, labels: string[]): Promise<HoldResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/hold`, {\n      method: 'POST',\n      body: { labels },\n    });\n  }\n\n  bestAvailable(key: string, qty: number, categoryKey?: string): Promise<BestAvailableResult> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/best-available`, {\n      method: 'POST',\n      body: { qty, ...(categoryKey ? { categoryKey } : {}) },\n    });\n  }\n\n  release(key: string, labels: string[], holdId: string): Promise<{ ok: true }> {\n    return request(this.base, `/pub/events/${encodeURIComponent(key)}/release`, {\n      method: 'POST',\n      body: { labels, holdId },\n    });\n  }\n\n  socketUrl(key: string): string {\n    const wsBase = this.base.replace(/^http/, 'ws');\n    return `${wsBase}/pub/events/${encodeURIComponent(key)}/subscribe`;\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@seatlayer/js",
+  "version": "0.1.0",
+  "description": "The SeatLayer embed SDK — render an interactive seat picker and hold seats from the browser. Works in any JS framework.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": ["dist"],
+  "sideEffects": false,
+  "keywords": ["seating", "seat-map", "seatlayer", "ticketing", "reserved-seating"],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@seatlayer/core": "workspace:*"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.0"
+  }
+}