sa2kit 1.6.66 → 1.6.67

package/dist/index.js

@@ -17,7 +17,7 @@ var drizzleOrm = require('drizzle-orm');
 require('crypto');
 require('bcryptjs');
 require('jsonwebtoken');
-var THREE2 = require('three');
+var THREE3 = require('three');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
 
 var React42__namespace = /*#__PURE__*/_interopNamespace(React42);
 var Link__default = /*#__PURE__*/_interopDefault(Link);
-var THREE2__namespace = /*#__PURE__*/_interopNamespace(THREE2);
+var THREE3__namespace = /*#__PURE__*/_interopNamespace(THREE3);
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -5864,7 +5864,7 @@ function createCircularSpriteTexture() {
   canvas.height = size;
   const ctx = canvas.getContext("2d");
   if (!ctx) {
-    return new THREE2__namespace.CanvasTexture(canvas);
+    return new THREE3__namespace.CanvasTexture(canvas);
   }
   const center = size / 2;
   const gradient = ctx.createRadialGradient(center, center, 2, center, center, center);
@@ -5873,7 +5873,7 @@ function createCircularSpriteTexture() {
   gradient.addColorStop(1, "rgba(255,255,255,0)");
   ctx.fillStyle = gradient;
   ctx.fillRect(0, 0, size, size);
-  const texture = new THREE2__namespace.CanvasTexture(canvas);
+  const texture = new THREE3__namespace.CanvasTexture(canvas);
   texture.needsUpdate = true;
   return texture;
 }
@@ -6080,11 +6080,11 @@ var FireworksEngine = class {
     this.maxActiveFireworks = init.options?.maxActiveFireworks ?? DEFAULT_MAX_ACTIVE_FIREWORKS;
     this.onError = init.options?.onError;
     this.onFpsReport = init.options?.onFpsReport;
-    this.scene = new THREE2__namespace.Scene();
-    this.scene.background = new THREE2__namespace.Color("#060816");
-    this.camera = new THREE2__namespace.PerspectiveCamera(50, 1, 0.1, 1e3);
+    this.scene = new THREE3__namespace.Scene();
+    this.scene.background = new THREE3__namespace.Color("#060816");
+    this.camera = new THREE3__namespace.PerspectiveCamera(50, 1, 0.1, 1e3);
     this.camera.position.set(0, 0, 45);
-    this.renderer = new THREE2__namespace.WebGLRenderer({
+    this.renderer = new THREE3__namespace.WebGLRenderer({
       canvas: this.canvas,
       alpha: true,
       antialias: true,
@@ -6129,7 +6129,7 @@ var FireworksEngine = class {
       const particles = [];
       const positions = new Float32Array(seeds.length * 3);
       const colors = new Float32Array(seeds.length * 3);
-      const colorHelper = new THREE2__namespace.Color();
+      const colorHelper = new THREE3__namespace.Color();
       for (let i = 0; i < seeds.length; i += 1) {
         const seed = seeds[i];
         if (!seed) {
@@ -6161,19 +6161,19 @@ var FireworksEngine = class {
         this.releaseParticles(particles);
         return;
       }
-      const geometry = new THREE2__namespace.BufferGeometry();
-      geometry.setAttribute("position", new THREE2__namespace.BufferAttribute(positions, 3));
-      geometry.setAttribute("color", new THREE2__namespace.BufferAttribute(colors, 3));
-      const material = new THREE2__namespace.PointsMaterial({
+      const geometry = new THREE3__namespace.BufferGeometry();
+      geometry.setAttribute("position", new THREE3__namespace.BufferAttribute(positions, 3));
+      geometry.setAttribute("color", new THREE3__namespace.BufferAttribute(colors, 3));
+      const material = new THREE3__namespace.PointsMaterial({
         size: payload.kind === "miku" ? 0.42 : 0.36,
         vertexColors: true,
         map: this.spriteTexture,
         transparent: true,
         opacity: 1,
         depthWrite: false,
-        blending: THREE2__namespace.AdditiveBlending
+        blending: THREE3__namespace.AdditiveBlending
       });
-      const points = new THREE2__namespace.Points(geometry, material);
+      const points = new THREE3__namespace.Points(geometry, material);
       this.scene.add(points);
       const burst = {
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
@@ -7079,11 +7079,28 @@ function useScreenReceiver(options) {
     [clearLogs, connect, connectionState, disconnect, iceConnectionState, isConnected, logs, stream]
   );
 }
-var DEFAULT_SIGNAL_URL = "ws://127.0.0.1:8787/ws";
+
+// src/screenReceiver/signalUrl.ts
+var DEFAULT_PORT = 8787;
+var DEFAULT_PATH = "/ws";
+function resolveScreenReceiverSignalUrl(options = {}) {
+  const { signalUrl, path = DEFAULT_PATH, port = DEFAULT_PORT } = options;
+  if (signalUrl && signalUrl.trim()) return signalUrl.trim();
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  if (typeof window !== "undefined") {
+    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+    return `${protocol}//${window.location.host}${normalizedPath}`;
+  }
+  return `ws://127.0.0.1:${port}${normalizedPath}`;
+}
 var DEFAULT_ROOM_ID = "screen-room-1";
 function ScreenReceiverPanel(props) {
-  const { defaultSignalUrl = DEFAULT_SIGNAL_URL, defaultRoomId = DEFAULT_ROOM_ID, className } = props;
-  const [wsUrl, setWsUrl] = React42.useState(defaultSignalUrl);
+  const { defaultSignalUrl, defaultRoomId = DEFAULT_ROOM_ID, className } = props;
+  const initialSignalUrl = React42.useMemo(
+    () => resolveScreenReceiverSignalUrl({ signalUrl: defaultSignalUrl }),
+    [defaultSignalUrl]
+  );
+  const [wsUrl, setWsUrl] = React42.useState(initialSignalUrl);
   const [roomId, setRoomId] = React42.useState(defaultRoomId);
   const receiver = useScreenReceiver({ wsUrl, roomId });
   const logs = React42.useMemo(() => receiver.logs.map((entry) => entry.text).join("\n"), [receiver.logs]);
@@ -7137,6 +7154,179 @@ function ScreenReceiverPanel(props) {
 function StatusItem({ label, value }) {
   return /* @__PURE__ */ React42__namespace.default.createElement("div", { className: "rounded-md border px-3 py-2" }, /* @__PURE__ */ React42__namespace.default.createElement("p", { className: "text-xs text-slate-500" }, label), /* @__PURE__ */ React42__namespace.default.createElement("p", { className: "text-sm font-medium" }, value));
 }
+var createSnow = (count) => {
+  const positions = new Float32Array(count * 3);
+  const speeds = new Float32Array(count);
+  for (let i = 0; i < count; i++) {
+    const i3 = i * 3;
+    positions[i3] = (Math.random() - 0.5) * 16;
+    positions[i3 + 1] = Math.random() * 10 + 1;
+    positions[i3 + 2] = (Math.random() - 0.5) * 16;
+    speeds[i] = 4e-3 + Math.random() * 0.01;
+  }
+  return { positions, speeds };
+};
+var FestivalCard3D = ({
+  title = "Happy Holidays",
+  subtitle = "Wishing you joy and peace",
+  className
+}) => {
+  const mountRef = React42.useRef(null);
+  React42.useEffect(() => {
+    const mount = mountRef.current;
+    if (!mount) return;
+    const scene = new THREE3__namespace.Scene();
+    scene.fog = new THREE3__namespace.Fog(528934, 12, 28);
+    const camera = new THREE3__namespace.PerspectiveCamera(50, mount.clientWidth / mount.clientHeight, 0.1, 100);
+    camera.position.set(0, 2.6, 7.5);
+    const renderer = new THREE3__namespace.WebGLRenderer({ antialias: true, alpha: true });
+    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+    renderer.setSize(mount.clientWidth, mount.clientHeight);
+    renderer.outputColorSpace = THREE3__namespace.SRGBColorSpace;
+    mount.appendChild(renderer.domElement);
+    const ambientLight = new THREE3__namespace.AmbientLight(9090303, 0.8);
+    scene.add(ambientLight);
+    const keyLight = new THREE3__namespace.DirectionalLight(16777215, 1.25);
+    keyLight.position.set(2, 5, 4);
+    scene.add(keyLight);
+    const fillLight = new THREE3__namespace.PointLight(8050687, 0.9, 24);
+    fillLight.position.set(-4, 3, -2);
+    scene.add(fillLight);
+    const floor = new THREE3__namespace.Mesh(
+      new THREE3__namespace.CircleGeometry(12, 48),
+      new THREE3__namespace.MeshStandardMaterial({ color: 1056826, roughness: 0.95, metalness: 0.05 })
+    );
+    floor.rotation.x = -Math.PI / 2;
+    floor.position.y = -1.2;
+    scene.add(floor);
+    const giftGroup = new THREE3__namespace.Group();
+    scene.add(giftGroup);
+    const box = new THREE3__namespace.Mesh(
+      new THREE3__namespace.BoxGeometry(2, 1.6, 2),
+      new THREE3__namespace.MeshStandardMaterial({ color: 14238053, roughness: 0.55, metalness: 0.2 })
+    );
+    giftGroup.add(box);
+    const ribbonMaterial = new THREE3__namespace.MeshStandardMaterial({ color: 16767354, roughness: 0.3, metalness: 0.5 });
+    const verticalRibbon = new THREE3__namespace.Mesh(new THREE3__namespace.BoxGeometry(0.24, 1.7, 2.02), ribbonMaterial);
+    const horizontalRibbon = new THREE3__namespace.Mesh(new THREE3__namespace.BoxGeometry(2.02, 1.7, 0.24), ribbonMaterial);
+    giftGroup.add(verticalRibbon);
+    giftGroup.add(horizontalRibbon);
+    const lid = new THREE3__namespace.Mesh(
+      new THREE3__namespace.BoxGeometry(2.15, 0.34, 2.15),
+      new THREE3__namespace.MeshStandardMaterial({ color: 13448278, roughness: 0.52, metalness: 0.2 })
+    );
+    lid.position.y = 0.98;
+    giftGroup.add(lid);
+    const bowLeft = new THREE3__namespace.Mesh(new THREE3__namespace.TorusGeometry(0.26, 0.08, 12, 32), ribbonMaterial);
+    bowLeft.rotation.set(Math.PI / 2, Math.PI / 6, 0);
+    bowLeft.position.set(-0.22, 1.14, 0);
+    const bowRight = bowLeft.clone();
+    bowRight.rotation.y = -Math.PI / 6;
+    bowRight.position.x = 0.22;
+    giftGroup.add(bowLeft, bowRight);
+    giftGroup.position.y = -0.15;
+    const { positions, speeds } = createSnow(260);
+    const snowGeometry = new THREE3__namespace.BufferGeometry();
+    snowGeometry.setAttribute("position", new THREE3__namespace.BufferAttribute(positions, 3));
+    const snow = new THREE3__namespace.Points(
+      snowGeometry,
+      new THREE3__namespace.PointsMaterial({
+        color: 15267071,
+        size: 0.08,
+        transparent: true,
+        opacity: 0.92,
+        depthWrite: false
+      })
+    );
+    scene.add(snow);
+    let rafId = 0;
+    const clock = new THREE3__namespace.Clock();
+    const animate = () => {
+      const elapsed = clock.getElapsedTime();
+      const pos = snowGeometry.attributes.position;
+      for (let i = 0; i < pos.count; i++) {
+        const speed = speeds[i] ?? 0.01;
+        const y = pos.getY(i) - speed;
+        pos.setY(i, y < -1.1 ? 10 + Math.random() * 2 : y);
+        pos.setX(i, pos.getX(i) + Math.sin(elapsed + i * 0.04) * 16e-4);
+      }
+      pos.needsUpdate = true;
+      giftGroup.rotation.y = elapsed * 0.35;
+      giftGroup.position.y = -0.15 + Math.sin(elapsed * 1.4) * 0.08;
+      lid.position.y = 0.98 + Math.sin(elapsed * 2.2) * 0.08;
+      renderer.render(scene, camera);
+      rafId = window.requestAnimationFrame(animate);
+    };
+    const handleResize = () => {
+      if (!mount) return;
+      const width = mount.clientWidth;
+      const height = mount.clientHeight;
+      camera.aspect = width / height;
+      camera.updateProjectionMatrix();
+      renderer.setSize(width, height);
+    };
+    window.addEventListener("resize", handleResize);
+    animate();
+    return () => {
+      window.cancelAnimationFrame(rafId);
+      window.removeEventListener("resize", handleResize);
+      scene.traverse((obj) => {
+        const mesh = obj;
+        if (mesh.geometry) mesh.geometry.dispose();
+        const material = mesh.material;
+        if (Array.isArray(material)) material.forEach((m) => m.dispose());
+        else material?.dispose();
+      });
+      renderer.dispose();
+      mount.removeChild(renderer.domElement);
+    };
+  }, []);
+  return /* @__PURE__ */ React42__namespace.default.createElement(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width: "100%",
+        minHeight: 420,
+        borderRadius: 20,
+        overflow: "hidden",
+        background: "radial-gradient(circle at 20% 20%, #244d8c 0%, #0c1a34 45%, #060d1f 100%)"
+      }
+    },
+    /* @__PURE__ */ React42__namespace.default.createElement("div", { ref: mountRef, style: { position: "absolute", inset: 0 } }),
+    /* @__PURE__ */ React42__namespace.default.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none",
+          background: "linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.04) 35%, rgba(4,8,20,0.36) 100%)"
+        }
+      }
+    ),
+    /* @__PURE__ */ React42__namespace.default.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: 20,
+          right: 20,
+          bottom: 20,
+          zIndex: 2,
+          padding: "16px 18px",
+          borderRadius: 14,
+          backgroundColor: "rgba(8, 16, 35, 0.66)",
+          border: "1px solid rgba(255, 255, 255, 0.16)",
+          color: "#f8fafc"
+        }
+      },
+      /* @__PURE__ */ React42__namespace.default.createElement("div", { style: { fontSize: 26, fontWeight: 700, lineHeight: 1.2 } }, title),
+      /* @__PURE__ */ React42__namespace.default.createElement("div", { style: { marginTop: 6, fontSize: 15, opacity: 0.92 } }, subtitle)
+    )
+  );
+};
 
 // src/storage/adapters/react-native-adapter.ts
 var AsyncStorage = null;
@@ -7562,6 +7752,7 @@ exports.ExperimentCard = ExperimentCard;
 exports.ExperimentGrid = ExperimentGrid;
 exports.ExperimentItemGrid = ExperimentItemGrid;
 exports.FIREWORK_KIND_LABELS = FIREWORK_KIND_LABELS;
+exports.FestivalCard3D = FestivalCard3D;
 exports.FilterButtonGroup = FilterButtonGroup;
 exports.FireworksCanvas = FireworksCanvas;
 exports.FireworksControlPanel = FireworksControlPanel;
@@ -7663,6 +7854,7 @@ exports.getExperimentCounts = getExperimentCounts;
 exports.japaneseUtils = japaneseUtils;
 exports.logger = logger;
 exports.normalizePromptVariables = normalizePromptVariables;
+exports.resolveScreenReceiverSignalUrl = resolveScreenReceiverSignalUrl;
 exports.skillToToolDefinition = skillToToolDefinition;
 exports.sortExperiments = sortExperiments;
 exports.stringUtils = stringUtils;