@seatlayer/core 0.7.2 → 0.8.0

package/dist/index.cjs

@@ -297,6 +297,8 @@ __export(index_exports, {
   gaAreasOf: () => gaAreasOf,
   gaUnitLabel: () => gaUnitLabel,
   gaUnitLabels: () => gaUnitLabels,
+  generateSeatPanorama: () => generateSeatPanorama,
+  generateSeatThumb: () => generateSeatThumb,
   getLocale: () => getLocale,
   hiddenObjectIds: () => hiddenObjectIds,
   isGaUnitLabel: () => isGaUnitLabel,
@@ -3718,6 +3720,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: () => Promise.resolve().then(() => (init_es(), es_exports)).then((m) => ({ default: m.es })),
@@ -3771,6 +3969,8 @@ async function loadLocale(code) {
   gaAreasOf,
   gaUnitLabel,
   gaUnitLabels,
+  generateSeatPanorama,
+  generateSeatThumb,
   getLocale,
   hiddenObjectIds,
   isGaUnitLabel,