@seatlayer/core 0.7.2 → 0.8.0

package/dist/index.d.cts

@@ -1294,6 +1294,27 @@ declare class PickerController {
     private scheduleReconnect;
 }
 
+/**
+ * Synthetic view-from-seat panorama, generated from chart geometry alone.
+ *
+ * Draws a 2048×1024 equirectangular texture of a dark hall with the stage
+ * placed at the correct bearing and angular size for THIS seat — closer seats
+ * see a bigger stage, off-center seats see it at an angle. Used whenever the
+ * organizer hasn't uploaded a real photo/360 for the seat; both go through the
+ * same viewer.
+ *
+ * Equirectangular mapping: x = (yaw + 180°)/360° · W, y = (90° − pitch)/180° · H,
+ * where yaw 0 = the direction the camera faces by default.
+ */
+
+interface PanoramaResult {
+    url: string;
+    /** Meters from the stage, for the caption. */
+    distanceM: number;
+}
+declare function generateSeatPanorama(seat: ExpandedSeat, focalPoint: Point, neighborSeats: ExpandedSeat[]): PanoramaResult;
+declare function generateSeatThumb(seat: ExpandedSeat, focalPoint: Point, _neighborSeats?: ExpandedSeat[]): PanoramaResult;
+
 /**
  * i18n core — deliberately tiny and framework-free so the embed SDK can share
  * it without dragging in a runtime library (the 60KB-gzipped SDK budget is a
@@ -1366,4 +1387,4 @@ declare function formatMoney(amount: number, currency?: string, fractionDigits?:
 /** Bare symbol for input adornments ("€", "$", "₹"). */
 declare function currencySymbol(currency?: string): string;
 
-export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };
+export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PanoramaResult, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, generateSeatPanorama, generateSeatThumb, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };

package/dist/index.d.ts

@@ -1294,6 +1294,27 @@ declare class PickerController {
     private scheduleReconnect;
 }
 
+/**
+ * Synthetic view-from-seat panorama, generated from chart geometry alone.
+ *
+ * Draws a 2048×1024 equirectangular texture of a dark hall with the stage
+ * placed at the correct bearing and angular size for THIS seat — closer seats
+ * see a bigger stage, off-center seats see it at an angle. Used whenever the
+ * organizer hasn't uploaded a real photo/360 for the seat; both go through the
+ * same viewer.
+ *
+ * Equirectangular mapping: x = (yaw + 180°)/360° · W, y = (90° − pitch)/180° · H,
+ * where yaw 0 = the direction the camera faces by default.
+ */
+
+interface PanoramaResult {
+    url: string;
+    /** Meters from the stage, for the caption. */
+    distanceM: number;
+}
+declare function generateSeatPanorama(seat: ExpandedSeat, focalPoint: Point, neighborSeats: ExpandedSeat[]): PanoramaResult;
+declare function generateSeatThumb(seat: ExpandedSeat, focalPoint: Point, _neighborSeats?: ExpandedSeat[]): PanoramaResult;
+
 /**
  * i18n core — deliberately tiny and framework-free so the embed SDK can share
  * it without dragging in a runtime library (the 60KB-gzipped SDK budget is a
@@ -1366,4 +1387,4 @@ declare function formatMoney(amount: number, currency?: string, fractionDigits?:
 /** Bare symbol for input adornments ("€", "$", "₹"). */
 declare function currencySymbol(currency?: string): string;
 
-export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };
+export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PanoramaResult, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, generateSeatPanorama, generateSeatThumb, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };

package/dist/index.js

@@ -3401,6 +3401,202 @@ var PickerController = class {
   }
 };
 
+// src/view/generatePanorama.ts
+var W = 2048;
+var H = 1024;
+var UNIT = 0.55 / 24;
+var yawToX = (yawDeg) => (yawDeg + 180) / 360 * W;
+var pitchToY = (pitchDeg) => (90 - pitchDeg) / 180 * H;
+function generateSeatPanorama(seat, focalPoint, neighborSeats) {
+  const canvas = document.createElement("canvas");
+  canvas.width = W;
+  canvas.height = H;
+  const ctx = canvas.getContext("2d");
+  const dx = focalPoint.x - seat.x;
+  const dy = focalPoint.y - seat.y;
+  const distU = Math.hypot(dx, dy);
+  const distM = Math.max(2, distU * UNIT);
+  const sky = ctx.createLinearGradient(0, 0, 0, H);
+  sky.addColorStop(0, "#05070c");
+  sky.addColorStop(0.42, "#11172a");
+  sky.addColorStop(0.5, "#1a2238");
+  sky.addColorStop(0.56, "#10141f");
+  sky.addColorStop(1, "#07090f");
+  ctx.fillStyle = sky;
+  ctx.fillRect(0, 0, W, H);
+  const stageHalfYaw = Math.min(80, Math.atan2(4, distM) * 180 / Math.PI);
+  const stageTopPitch = Math.min(45, Math.atan2(5, distM) * 180 / Math.PI);
+  const stageBasePitch = Math.max(-30, -Math.atan2(1.1, distM) * 180 / Math.PI);
+  const sx0 = yawToX(-stageHalfYaw);
+  const sx1 = yawToX(stageHalfYaw);
+  const sy0 = pitchToY(stageTopPitch);
+  const sy1 = pitchToY(stageBasePitch);
+  const glow = ctx.createRadialGradient(W / 2, (sy0 + sy1) / 2, 10, W / 2, (sy0 + sy1) / 2, (sx1 - sx0) * 1.1);
+  glow.addColorStop(0, "rgba(129, 140, 248, 0.5)");
+  glow.addColorStop(0.5, "rgba(99, 102, 241, 0.16)");
+  glow.addColorStop(1, "rgba(99, 102, 241, 0)");
+  ctx.fillStyle = glow;
+  ctx.fillRect(sx0 - (sx1 - sx0) * 0.6, sy0 - (sy1 - sy0) * 1.2, (sx1 - sx0) * 2.2, (sy1 - sy0) * 3.4);
+  ctx.fillStyle = "#242c44";
+  ctx.fillRect(sx0, sy0, sx1 - sx0, sy1 - sy0);
+  const backdrop = ctx.createLinearGradient(0, sy0, 0, sy1);
+  backdrop.addColorStop(0, "#7c5cff");
+  backdrop.addColorStop(0.5, "#e1447a");
+  backdrop.addColorStop(1, "#f59e0b");
+  ctx.globalAlpha = 0.75;
+  ctx.fillStyle = backdrop;
+  const inset = (sx1 - sx0) * 0.06;
+  ctx.fillRect(sx0 + inset, sy0 + (sy1 - sy0) * 0.12, sx1 - sx0 - inset * 2, (sy1 - sy0) * 0.62);
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "#0d1119";
+  ctx.fillRect(sx0, sy1 - (sy1 - sy0) * 0.1, sx1 - sx0, (sy1 - sy0) * 0.1);
+  const performerH = (sy1 - sy0) * 0.45;
+  ctx.fillStyle = "rgba(8, 10, 16, 0.85)";
+  for (const fx of [0.35, 0.5, 0.65]) {
+    const px = sx0 + (sx1 - sx0) * fx;
+    const py = sy1 - (sy1 - sy0) * 0.12;
+    ctx.beginPath();
+    ctx.arc(px, py - performerH * 0.82, performerH * 0.16, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillRect(px - performerH * 0.14, py - performerH * 0.68, performerH * 0.28, performerH * 0.68);
+  }
+  ctx.globalAlpha = 0.14;
+  ctx.fillStyle = "#c7d2fe";
+  for (const fx of [0.3, 0.5, 0.7]) {
+    const bx = sx0 + (sx1 - sx0) * fx;
+    ctx.beginPath();
+    ctx.moveTo(bx - 8, pitchToY(Math.min(60, stageTopPitch + 25)));
+    ctx.lineTo(bx - (sx1 - sx0) * 0.09, sy1);
+    ctx.lineTo(bx + (sx1 - sx0) * 0.09, sy1);
+    ctx.lineTo(bx + 8, pitchToY(Math.min(60, stageTopPitch + 25)));
+    ctx.closePath();
+    ctx.fill();
+  }
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "rgba(199, 210, 254, 0.8)";
+  for (let i = 0; i < 26; i++) {
+    const x = i / 26 * W;
+    const y = pitchToY(55 + i % 3 * 6);
+    ctx.beginPath();
+    ctx.arc(x, y, 3.2, 0, Math.PI * 2);
+    ctx.fill();
+  }
+  const stageBearing = Math.atan2(dx, -dy);
+  ctx.fillStyle = "rgba(16, 20, 30, 0.95)";
+  for (const other of neighborSeats) {
+    if (other.id === seat.id) continue;
+    const ox = other.x - seat.x;
+    const oy = other.y - seat.y;
+    const d = Math.hypot(ox, oy) * UNIT;
+    if (d < 0.3 || d > 14) continue;
+    const bearing = Math.atan2(ox, -oy) - stageBearing;
+    const yaw = (bearing * 180 / Math.PI + 540) % 360 - 180;
+    const headPitch = -Math.atan2(0.35, d) * 180 / Math.PI;
+    const headR = Math.min(46, 260 / (d / UNIT / 24 + 1.2) / 4);
+    const hx = yawToX(yaw);
+    const hy = pitchToY(headPitch);
+    ctx.beginPath();
+    ctx.arc(hx, hy, headR, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.beginPath();
+    ctx.ellipse(hx, hy + headR * 1.4, headR * 1.7, headR * 0.9, 0, Math.PI, 0, true);
+    ctx.fill();
+  }
+  const poleFade = ctx.createLinearGradient(0, 0, 0, H);
+  poleFade.addColorStop(0, "rgba(0,0,0,0.85)");
+  poleFade.addColorStop(0.12, "rgba(0,0,0,0)");
+  poleFade.addColorStop(0.88, "rgba(0,0,0,0)");
+  poleFade.addColorStop(1, "rgba(0,0,0,0.85)");
+  ctx.fillStyle = poleFade;
+  ctx.fillRect(0, 0, W, H);
+  return { url: canvas.toDataURL("image/jpeg", 0.82), distanceM: Math.round(distM) };
+}
+var TW = 480;
+var TH = 270;
+var HALF_HFOV = 50;
+var HALF_VFOV = 30;
+var yawToTX = (yawDeg) => (yawDeg + HALF_HFOV) / (2 * HALF_HFOV) * TW;
+var pitchToTY = (pitchDeg) => (HALF_VFOV - pitchDeg) / (2 * HALF_VFOV) * TH;
+function generateSeatThumb(seat, focalPoint, _neighborSeats) {
+  const canvas = document.createElement("canvas");
+  canvas.width = TW;
+  canvas.height = TH;
+  const ctx = canvas.getContext("2d");
+  const dx = focalPoint.x - seat.x;
+  const dy = focalPoint.y - seat.y;
+  const distM = Math.max(2, Math.hypot(dx, dy) * UNIT);
+  const sky = ctx.createLinearGradient(0, 0, 0, TH);
+  sky.addColorStop(0, "#05070c");
+  sky.addColorStop(0.44, "#141b30");
+  sky.addColorStop(0.5, "#1b2440");
+  sky.addColorStop(0.58, "#10141f");
+  sky.addColorStop(1, "#070910");
+  ctx.fillStyle = sky;
+  ctx.fillRect(0, 0, TW, TH);
+  const stageHalfYaw = Math.min(HALF_HFOV - 2, Math.atan2(4, distM) * 180 / Math.PI);
+  const stageTopPitch = Math.min(HALF_VFOV - 2, Math.atan2(5, distM) * 180 / Math.PI);
+  const stageBasePitch = Math.max(-HALF_VFOV + 2, -Math.atan2(1.1, distM) * 180 / Math.PI);
+  const sx0 = yawToTX(-stageHalfYaw);
+  const sx1 = yawToTX(stageHalfYaw);
+  const sy0 = pitchToTY(stageTopPitch);
+  const sy1 = pitchToTY(stageBasePitch);
+  const sw = sx1 - sx0;
+  const sh = sy1 - sy0;
+  const glow = ctx.createRadialGradient(TW / 2, (sy0 + sy1) / 2, 4, TW / 2, (sy0 + sy1) / 2, sw * 1.1);
+  glow.addColorStop(0, "rgba(129,140,248,0.5)");
+  glow.addColorStop(0.5, "rgba(99,102,241,0.15)");
+  glow.addColorStop(1, "rgba(99,102,241,0)");
+  ctx.fillStyle = glow;
+  ctx.fillRect(sx0 - sw * 0.6, sy0 - sh * 1.2, sw * 2.2, sh * 3.4);
+  ctx.fillStyle = "#242c44";
+  ctx.fillRect(sx0, sy0, sw, sh);
+  const backdrop = ctx.createLinearGradient(0, sy0, 0, sy1);
+  backdrop.addColorStop(0, "#7c5cff");
+  backdrop.addColorStop(0.5, "#e1447a");
+  backdrop.addColorStop(1, "#f59e0b");
+  ctx.globalAlpha = 0.78;
+  ctx.fillStyle = backdrop;
+  const inset = sw * 0.06;
+  ctx.fillRect(sx0 + inset, sy0 + sh * 0.12, sw - inset * 2, sh * 0.62);
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "#0d1119";
+  ctx.fillRect(sx0, sy1 - sh * 0.1, sw, sh * 0.1);
+  const ph = sh * 0.45;
+  ctx.fillStyle = "rgba(8,10,16,0.85)";
+  for (const fx of [0.35, 0.5, 0.65]) {
+    const px = sx0 + sw * fx;
+    const py = sy1 - sh * 0.12;
+    ctx.beginPath();
+    ctx.arc(px, py - ph * 0.82, ph * 0.16, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillRect(px - ph * 0.14, py - ph * 0.68, ph * 0.28, ph * 0.68);
+  }
+  ctx.globalAlpha = 0.15;
+  ctx.fillStyle = "#c7d2fe";
+  for (const fx of [0.3, 0.5, 0.7]) {
+    const bx = sx0 + sw * fx;
+    ctx.beginPath();
+    ctx.moveTo(bx - 5, pitchToTY(Math.min(HALF_VFOV, stageTopPitch + 18)));
+    ctx.lineTo(bx - sw * 0.09, sy1);
+    ctx.lineTo(bx + sw * 0.09, sy1);
+    ctx.lineTo(bx + 5, pitchToTY(Math.min(HALF_VFOV, stageTopPitch + 18)));
+    ctx.closePath();
+    ctx.fill();
+  }
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "rgba(199,210,254,0.75)";
+  for (let i = 0; i < 8; i++) {
+    ctx.beginPath();
+    ctx.arc((i + 0.5) / 8 * TW, pitchToTY(HALF_VFOV - 4 - i % 2 * 3), 2.2, 0, Math.PI * 2);
+    ctx.fill();
+  }
+  ctx.fillStyle = "rgba(10,13,20,0.9)";
+  ctx.fillRect(0, TH - 26, TW, 26);
+  ctx.fillStyle = "rgba(30,37,54,0.9)";
+  for (let i = 0; i < 9; i++) ctx.fillRect(i * (TW / 9) + 6, TH - 22, TW / 9 - 12, 14);
+  return { url: canvas.toDataURL("image/jpeg", 0.8), distanceM: Math.round(distM) };
+}
+
 // src/i18n/bundles.ts
 var LOADERS = {
   es: () => import("./es-SKJTYKLL.js").then((m) => ({ default: m.es })),
@@ -3453,6 +3649,8 @@ export {
   gaAreasOf,
   gaUnitLabel,
   gaUnitLabels,
+  generateSeatPanorama,
+  generateSeatThumb,
   getLocale,
   hiddenObjectIds,
   isGaUnitLabel,