@vincentt-xr/sdk 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/contexts-B2_NsTnk.js

@@ -0,0 +1,660 @@
+var ge = Object.defineProperty;
+var we = (e, t, n) => t in e ? ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var z = (e, t, n) => we(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as X, jsxs as oe } from "react/jsx-runtime";
+import { Canvas as ye, useThree as _e, useFrame as Se } from "@react-three/fiber";
+import { useRef as J, useState as Ee, useEffect as Q, useMemo as ne, useContext as fe, createContext as ve } from "react";
+import * as D from "three";
+import { R as pe } from "./renderLayers-zrK2pv5O.js";
+import { a as Re, b as Te } from "./selectors-DLxL8Q66.js";
+import { u as xe } from "./index-BMeBJ0dV.js";
+import { u as ke, S as Fe } from "./index-72Wb15Ca.js";
+const ue = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  height: "100%",
+  background: "#363636",
+  color: "white",
+  fontFamily: "monospace"
+}, Me = () => /* @__PURE__ */ X("div", { style: ue, children: "Loading..." }), Ae = (e) => /* @__PURE__ */ X("div", { style: ue, children: e.error }), ie = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  width: "100%",
+  height: "100%",
+  zIndex: 10
+}, se = {
+  sceneColorTexture: null,
+  sceneDepthTexture: null
+}, Ce = ({
+  onRenderOutputs: e,
+  renderOutputs: t,
+  size: n
+}) => {
+  const { gl: a, scene: r, size: s } = _e(), { session: c } = xe(), i = Math.max(1, Math.round((n == null ? void 0 : n.width) ?? s.width)), d = Math.max(1, Math.round((n == null ? void 0 : n.height) ?? s.height)), f = !!(t.sceneColor || t.sceneDepth), l = ne(() => {
+    if (!f) return null;
+    const o = new D.WebGLRenderTarget(i, d, {
+      colorSpace: D.SRGBColorSpace,
+      depthBuffer: !0,
+      stencilBuffer: !1
+    });
+    return t.sceneDepth && (o.depthTexture = new D.DepthTexture(i, d), o.depthTexture.format = D.DepthFormat, o.depthTexture.type = D.UnsignedShortType), o;
+  }, [f, d, t.sceneDepth, i]);
+  return Q(() => {
+    if (!l) {
+      e == null || e(se);
+      return;
+    }
+    return e == null || e({
+      sceneColorTexture: t.sceneColor ? l.texture : null,
+      sceneDepthTexture: t.sceneDepth && l.depthTexture ? l.depthTexture : null
+    }), () => {
+      var o;
+      l.dispose(), (o = l.depthTexture) == null || o.dispose(), e == null || e(se);
+    };
+  }, [e, t.sceneColor, t.sceneDepth, l]), Se(() => {
+    if (!l) return;
+    const o = [];
+    t.excludeScreenUI !== !1 && r.traverse((p) => {
+      p.visible && p.renderOrder >= pe.SCREEN_UI && (o.push(p), p.visible = !1);
+    });
+    const u = a.getRenderTarget(), x = a.xr.enabled;
+    a.xr.enabled = !1, a.setRenderTarget(l), a.clear(), c._renderFrame(), a.setRenderTarget(u), a.xr.enabled = x, o.forEach((p) => {
+      p.visible = !0;
+    });
+  }, -100), null;
+}, at = ({
+  style: e,
+  canvasProps: t,
+  children: n,
+  loadingComponent: a,
+  loadingTransitionDuration: r,
+  errorComponent: s,
+  renderTargetSize: c,
+  renderOutputs: i = {},
+  onRenderOutputs: d
+}) => {
+  const f = J(null), l = J(null), o = J(null), u = J(!1), { session: x } = xe(), p = Re(), v = Te(), [h, m] = Ee(!0);
+  return Q(() => {
+    if (c) {
+      x._setRenderSize(
+        Math.round(c.width),
+        Math.round(c.height)
+      );
+      return;
+    }
+    const y = (w, R) => {
+      w <= 0 || R <= 0 || x._setRenderSize(Math.round(w), Math.round(R));
+    }, g = () => {
+      !l.current || u.current || (u.current = !0, x._setRenderTarget(l.current));
+    }, F = (w, R) => {
+      o.current !== null && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+        o.current = null, y(w, R);
+      });
+    }, _ = new ResizeObserver((w) => {
+      const R = w[0];
+      if (!R) return;
+      const { width: L, height: C } = R.contentRect;
+      g(), F(L, C);
+    });
+    return f.current && _.observe(f.current), g(), () => {
+      _.disconnect(), o.current !== null && (cancelAnimationFrame(o.current), o.current = null), u.current = !1;
+    };
+  }, [c, x]), Q(() => {
+    p && (r ? setTimeout(() => {
+      m(!1);
+    }, r) : m(!1));
+  }, [p, r]), /* @__PURE__ */ oe(
+    "div",
+    {
+      id: "vincentt-xr-container",
+      ref: f,
+      style: {
+        width: "100%",
+        height: "100%",
+        ...e,
+        position: "relative"
+      },
+      children: [
+        h && /* @__PURE__ */ X("div", { style: ie, children: a || /* @__PURE__ */ X(Me, {}) }),
+        v && /* @__PURE__ */ X("div", { style: ie, children: s || /* @__PURE__ */ X(Ae, { error: v.message }) }),
+        /* @__PURE__ */ oe(
+          ye,
+          {
+            id: "vincentt-xr-canvas",
+            ref: l,
+            dpr: [1, 3],
+            gl: {
+              alpha: !0,
+              // Keep the framebuffer transient by default so resize/layout changes
+              // do not leave an old frame hanging around. Apps that need capture
+              // can opt back in via `canvasProps.gl`.
+              preserveDrawingBuffer: !1,
+              antialias: !0,
+              premultipliedAlpha: !1,
+              // Disable alpha premultiplication
+              toneMapping: D.NoToneMapping
+              // Disable tone mapping for accurate video colors
+            },
+            ...t,
+            onCreated: (y) => {
+              c ? x._setRenderSize(
+                Math.round(c.width),
+                Math.round(c.height)
+              ) : x._setRenderTarget(l.current), x._setR3FState({
+                renderer: y.gl,
+                scene: y.scene,
+                camera: y.camera
+              }), y.gl.outputColorSpace = D.SRGBColorSpace, t != null && t.onCreated && t.onCreated(y);
+            },
+            children: [
+              /* @__PURE__ */ X(
+                Ce,
+                {
+                  onRenderOutputs: d,
+                  renderOutputs: i,
+                  size: c
+                }
+              ),
+              n
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Ie = (e, t, n, a, r) => {
+  const s = e / 2, c = t / 2, i = n.left * s + a.left, d = n.right * s - a.right, f = n.bottom * c + a.bottom, l = n.top * c - a.top, o = d - i, u = l - f, x = (i + d) / 2, p = (f + l) / 2, v = r[0] * o / 2, h = r[1] * u / 2;
+  return { centerX: x, centerY: p, width: o, height: u, pivotX: v, pivotY: h };
+}, Le = { left: 0, right: 0, top: 0, bottom: 0 }, Be = { left: 0, right: 0, top: 0, bottom: 0 }, Ge = [0, 0], ot = ({
+  anchors: e,
+  offsets: t,
+  pivot: n = Ge,
+  children: a
+}) => {
+  const { width: r, height: s } = ke(), c = ne(
+    () => ({
+      anchors: { ...Le, ...e ?? {} },
+      offsets: { ...Be, ...t ?? {} }
+    }),
+    [e, t]
+  ), i = ne(
+    () => Ie(r, s, c.anchors, c.offsets, n),
+    [r, s, c, n]
+  );
+  Q(() => {
+    const o = c.anchors;
+    o.left > o.right && console.warn(
+      `[ScreenTransform] inverted X axis: anchors.left (${o.left}) > anchors.right (${o.right})`
+    ), o.bottom > o.top && console.warn(
+      `[ScreenTransform] inverted Y axis: anchors.bottom (${o.bottom}) > anchors.top (${o.top})`
+    ), i.width <= 0 && console.warn(
+      `[ScreenTransform] zero or negative width (${i.width.toFixed(3)}) — anchors + offsets collapse the X extent`
+    ), i.height <= 0 && console.warn(
+      `[ScreenTransform] zero or negative height (${i.height.toFixed(3)}) — anchors + offsets collapse the Y extent`
+    );
+  }, [c, i.width, i.height]);
+  const d = n[0] !== 0 || n[1] !== 0, f = d ? [1, 1, 1] : [i.width, i.height, 1], l = !d && i.width > 0 && i.height > 0 ? i.width / i.height : null;
+  return /* @__PURE__ */ X(
+    "group",
+    {
+      position: [i.centerX - i.pivotX, i.centerY - i.pivotY, 0],
+      scale: f,
+      renderOrder: pe.SCREEN_UI,
+      children: /* @__PURE__ */ X(Fe.Provider, { value: l, children: a })
+    }
+  );
+};
+class Xe {
+  constructor(t, n) {
+    z(this, "capabilities");
+    z(this, "snapshot");
+    z(this, "listeners", /* @__PURE__ */ new Set());
+    z(this, "eventListeners", /* @__PURE__ */ new Map());
+    this.capabilities = t, this.snapshot = {
+      state: "idle",
+      frame: 0,
+      time: 0,
+      playMode: "forward",
+      loop: !0,
+      loopCount: 0,
+      ...n
+    };
+  }
+  play() {
+    const t = this.snapshot.state === "paused";
+    this.update({ state: "playing" }), this.emit(t ? "Resume" : "PlayBegin");
+  }
+  pause() {
+    this.update({ state: "paused" }), this.emit("Pause");
+  }
+  restart() {
+    this.update({ state: "playing", frame: 0, time: 0 }), this.emit("PlayBegin");
+  }
+  setPlayMode(t) {
+    !this.capabilities.canReverse && (t === "reverse" || t === "ping-pong" || t === "random") || this.update({ playMode: t });
+  }
+  setLoop(t, n = 0) {
+    this.update({ loop: t, loopCount: n });
+  }
+  seek(t) {
+    this.capabilities.canSeek && this.update({ frame: Math.max(0, Math.floor(t)), time: Math.max(0, t) });
+  }
+  subscribe(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
+  }
+  on(t, n) {
+    const a = this.eventListeners.get(t) ?? /* @__PURE__ */ new Set();
+    return a.add(n), this.eventListeners.set(t, a), () => this.off(t, n);
+  }
+  off(t, n) {
+    var a;
+    (a = this.eventListeners.get(t)) == null || a.delete(n);
+  }
+  getSnapshot() {
+    return this.snapshot;
+  }
+  dispose() {
+    this.listeners.clear(), this.eventListeners.clear(), this.snapshot = { ...this.snapshot, state: "idle" };
+  }
+  updateSnapshot(t) {
+    this.update(t);
+  }
+  emit(t) {
+    var n;
+    (n = this.eventListeners.get(t)) == null || n.forEach((a) => a({ type: t, snapshot: this.snapshot }));
+  }
+  update(t) {
+    this.snapshot = { ...this.snapshot, ...t }, this.listeners.forEach((n) => n(this.snapshot));
+  }
+}
+const De = (e, t, n, a, r) => {
+  const s = Math.max(1, Math.floor(t)), c = Math.max(0, Math.floor(e)), i = n === "ping-pong" && s > 1 ? s * 2 - 2 : s, d = Math.floor(c / i), f = r > 0 ? d >= r : !a && c >= i, l = f ? i - 1 : c % i;
+  return { frame: n === "reverse" ? s - 1 - l % s : n === "random" ? l * 7919 % s : n === "ping-pong" && l >= s ? i - l : l, ended: f, loop: d };
+}, it = (e, t, n) => {
+  const a = Math.max(1, Math.floor(n));
+  return Math.floor(Math.max(0, e) * Math.max(0, t)) % a;
+};
+var le = {}, me, Ue;
+function $e(e, t, n, s) {
+  var r = 0, s = s === void 0 ? {} : s, c = s.loop === void 0 ? null : s.loop, i = s.palette === void 0 ? null : s.palette;
+  if (t <= 0 || n <= 0 || t > 65535 || n > 65535)
+    throw new Error("Width/Height invalid.");
+  function d(h) {
+    var m = h.length;
+    if (m < 2 || m > 256 || m & m - 1)
+      throw new Error(
+        "Invalid code/color length, must be power of 2 and 2 .. 256."
+      );
+    return m;
+  }
+  e[r++] = 71, e[r++] = 73, e[r++] = 70, e[r++] = 56, e[r++] = 57, e[r++] = 97;
+  var f = 0, l = 0;
+  if (i !== null) {
+    for (var o = d(i); o >>= 1; ) ++f;
+    if (o = 1 << f, --f, s.background !== void 0) {
+      if (l = s.background, l >= o)
+        throw new Error("Background index out of range.");
+      if (l === 0)
+        throw new Error("Background index explicitly passed as 0.");
+    }
+  }
+  if (e[r++] = t & 255, e[r++] = t >> 8 & 255, e[r++] = n & 255, e[r++] = n >> 8 & 255, e[r++] = (i !== null ? 128 : 0) | // Global Color Table Flag.
+  f, e[r++] = l, e[r++] = 0, i !== null)
+    for (var u = 0, x = i.length; u < x; ++u) {
+      var p = i[u];
+      e[r++] = p >> 16 & 255, e[r++] = p >> 8 & 255, e[r++] = p & 255;
+    }
+  if (c !== null) {
+    if (c < 0 || c > 65535)
+      throw new Error("Loop count invalid.");
+    e[r++] = 33, e[r++] = 255, e[r++] = 11, e[r++] = 78, e[r++] = 69, e[r++] = 84, e[r++] = 83, e[r++] = 67, e[r++] = 65, e[r++] = 80, e[r++] = 69, e[r++] = 50, e[r++] = 46, e[r++] = 48, e[r++] = 3, e[r++] = 1, e[r++] = c & 255, e[r++] = c >> 8 & 255, e[r++] = 0;
+  }
+  var v = !1;
+  this.addFrame = function(h, m, y, g, F, _) {
+    if (v === !0 && (--r, v = !1), _ = _ === void 0 ? {} : _, h < 0 || m < 0 || h > 65535 || m > 65535)
+      throw new Error("x/y invalid.");
+    if (y <= 0 || g <= 0 || y > 65535 || g > 65535)
+      throw new Error("Width/Height invalid.");
+    if (F.length < y * g)
+      throw new Error("Not enough pixels for the frame size.");
+    var w = !0, R = _.palette;
+    if (R == null && (w = !1, R = i), R == null)
+      throw new Error("Must supply either a local or global palette.");
+    for (var L = d(R), C = 0; L >>= 1; ) ++C;
+    L = 1 << C;
+    var U = _.delay === void 0 ? 0 : _.delay, E = _.disposal === void 0 ? 0 : _.disposal;
+    if (E < 0 || E > 3)
+      throw new Error("Disposal out of range.");
+    var T = !1, A = 0;
+    if (_.transparent !== void 0 && _.transparent !== null && (T = !0, A = _.transparent, A < 0 || A >= L))
+      throw new Error("Transparent color index.");
+    if ((E !== 0 || T || U !== 0) && (e[r++] = 33, e[r++] = 249, e[r++] = 4, e[r++] = E << 2 | (T === !0 ? 1 : 0), e[r++] = U & 255, e[r++] = U >> 8 & 255, e[r++] = A, e[r++] = 0), e[r++] = 44, e[r++] = h & 255, e[r++] = h >> 8 & 255, e[r++] = m & 255, e[r++] = m >> 8 & 255, e[r++] = y & 255, e[r++] = y >> 8 & 255, e[r++] = g & 255, e[r++] = g >> 8 & 255, e[r++] = w === !0 ? 128 | C - 1 : 0, w === !0)
+      for (var $ = 0, I = R.length; $ < I; ++$) {
+        var M = R[$];
+        e[r++] = M >> 16 & 255, e[r++] = M >> 8 & 255, e[r++] = M & 255;
+      }
+    return r = We(
+      e,
+      r,
+      C < 2 ? 2 : C,
+      F
+    ), r;
+  }, this.end = function() {
+    return v === !1 && (e[r++] = 59, v = !0), r;
+  }, this.getOutputBuffer = function() {
+    return e;
+  }, this.setOutputBuffer = function(h) {
+    e = h;
+  }, this.getOutputBufferPosition = function() {
+    return r;
+  }, this.setOutputBufferPosition = function(h) {
+    r = h;
+  };
+}
+function We(e, t, n, a) {
+  e[t++] = n;
+  var r = t++, s = 1 << n, c = s - 1, i = s + 1, d = i + 1, f = n + 1, l = 0, o = 0;
+  function u(_) {
+    for (; l >= _; )
+      e[t++] = o & 255, o >>= 8, l -= 8, t === r + 256 && (e[r] = 255, r = t++);
+  }
+  function x(_) {
+    o |= _ << l, l += f, u(8);
+  }
+  var p = a[0] & c, v = {};
+  x(s);
+  for (var h = 1, m = a.length; h < m; ++h) {
+    var y = a[h] & c, g = p << 8 | y, F = v[g];
+    if (F === void 0) {
+      for (o |= p << l, l += f; l >= 8; )
+        e[t++] = o & 255, o >>= 8, l -= 8, t === r + 256 && (e[r] = 255, r = t++);
+      d === 4096 ? (x(s), d = i + 1, f = n + 1, v = {}) : (d >= 1 << f && ++f, v[g] = d++), p = y;
+    } else
+      p = F;
+  }
+  return x(p), x(i), u(1), r + 1 === t ? e[r] = 0 : (e[r] = t - r - 1, e[t++] = 0), t;
+}
+function Pe(e) {
+  var t = 0;
+  if (e[t++] !== 71 || e[t++] !== 73 || e[t++] !== 70 || e[t++] !== 56 || (e[t++] + 1 & 253) !== 56 || e[t++] !== 97)
+    throw new Error("Invalid GIF 87a/89a header.");
+  var n = e[t++] | e[t++] << 8, a = e[t++] | e[t++] << 8, r = e[t++], s = r >> 7, c = r & 7, i = 1 << c + 1;
+  e[t++], e[t++];
+  var d = null, f = null;
+  s && (d = t, f = i, t += i * 3);
+  var l = !0, o = [], u = 0, x = null, p = 0, v = null;
+  for (this.width = n, this.height = a; l && t < e.length; )
+    switch (e[t++]) {
+      case 33:
+        switch (e[t++]) {
+          case 255:
+            if (e[t] !== 11 || // 21 FF already read, check block size.
+            // NETSCAPE2.0
+            e[t + 1] == 78 && e[t + 2] == 69 && e[t + 3] == 84 && e[t + 4] == 83 && e[t + 5] == 67 && e[t + 6] == 65 && e[t + 7] == 80 && e[t + 8] == 69 && e[t + 9] == 50 && e[t + 10] == 46 && e[t + 11] == 48 && // Sub-block
+            e[t + 12] == 3 && e[t + 13] == 1 && e[t + 16] == 0)
+              t += 14, v = e[t++] | e[t++] << 8, t++;
+            else
+              for (t += 12; ; ) {
+                var h = e[t++];
+                if (!(h >= 0)) throw Error("Invalid block size");
+                if (h === 0) break;
+                t += h;
+              }
+            break;
+          case 249:
+            if (e[t++] !== 4 || e[t + 4] !== 0)
+              throw new Error("Invalid graphics extension block.");
+            var m = e[t++];
+            u = e[t++] | e[t++] << 8, x = e[t++], m & 1 || (x = null), p = m >> 2 & 7, t++;
+            break;
+          case 254:
+            for (; ; ) {
+              var h = e[t++];
+              if (!(h >= 0)) throw Error("Invalid block size");
+              if (h === 0) break;
+              t += h;
+            }
+            break;
+          default:
+            throw new Error(
+              "Unknown graphic control label: 0x" + e[t - 1].toString(16)
+            );
+        }
+        break;
+      case 44:
+        var y = e[t++] | e[t++] << 8, g = e[t++] | e[t++] << 8, F = e[t++] | e[t++] << 8, _ = e[t++] | e[t++] << 8, w = e[t++], R = w >> 7, L = w >> 6 & 1, C = w & 7, U = 1 << C + 1, E = d, T = f, A = !1;
+        if (R) {
+          var A = !0;
+          E = t, T = U, t += U * 3;
+        }
+        var $ = t;
+        for (t++; ; ) {
+          var h = e[t++];
+          if (!(h >= 0)) throw Error("Invalid block size");
+          if (h === 0) break;
+          t += h;
+        }
+        o.push({
+          x: y,
+          y: g,
+          width: F,
+          height: _,
+          has_local_palette: A,
+          palette_offset: E,
+          palette_size: T,
+          data_offset: $,
+          data_length: t - $,
+          transparent_index: x,
+          interlaced: !!L,
+          delay: u,
+          disposal: p
+        });
+        break;
+      case 59:
+        l = !1;
+        break;
+      default:
+        throw new Error("Unknown gif block: 0x" + e[t - 1].toString(16));
+    }
+  this.numFrames = function() {
+    return o.length;
+  }, this.loopCount = function() {
+    return v;
+  }, this.frameInfo = function(I) {
+    if (I < 0 || I >= o.length)
+      throw new Error("Frame index out of range.");
+    return o[I];
+  }, this.decodeAndBlitFrameBGRA = function(I, M) {
+    var S = this.frameInfo(I), Z = S.width * S.height, W = new Uint8Array(Z);
+    ce(
+      e,
+      S.data_offset,
+      W,
+      Z
+    );
+    var P = S.palette_offset, N = S.transparent_index;
+    N === null && (N = 256);
+    var B = S.width, Y = n - B, H = B, K = (S.y * n + S.x) * 4, O = ((S.y + S.height) * n + S.x) * 4, k = K, j = Y * 4;
+    S.interlaced === !0 && (j += n * 4 * 7);
+    for (var q = 8, V = 0, b = W.length; V < b; ++V) {
+      var G = W[V];
+      if (H === 0 && (k += j, H = B, k >= O && (j = Y * 4 + n * 4 * (q - 1), k = K + (B + Y) * (q << 1), q >>= 1)), G === N)
+        k += 4;
+      else {
+        var ee = e[P + G * 3], te = e[P + G * 3 + 1], re = e[P + G * 3 + 2];
+        M[k++] = re, M[k++] = te, M[k++] = ee, M[k++] = 255;
+      }
+      --H;
+    }
+  }, this.decodeAndBlitFrameRGBA = function(I, M) {
+    var S = this.frameInfo(I), Z = S.width * S.height, W = new Uint8Array(Z);
+    ce(
+      e,
+      S.data_offset,
+      W,
+      Z
+    );
+    var P = S.palette_offset, N = S.transparent_index;
+    N === null && (N = 256);
+    var B = S.width, Y = n - B, H = B, K = (S.y * n + S.x) * 4, O = ((S.y + S.height) * n + S.x) * 4, k = K, j = Y * 4;
+    S.interlaced === !0 && (j += n * 4 * 7);
+    for (var q = 8, V = 0, b = W.length; V < b; ++V) {
+      var G = W[V];
+      if (H === 0 && (k += j, H = B, k >= O && (j = Y * 4 + n * 4 * (q - 1), k = K + (B + Y) * (q << 1), q >>= 1)), G === N)
+        k += 4;
+      else {
+        var ee = e[P + G * 3], te = e[P + G * 3 + 1], re = e[P + G * 3 + 2];
+        M[k++] = ee, M[k++] = te, M[k++] = re, M[k++] = 255;
+      }
+      --H;
+    }
+  };
+}
+function ce(e, t, n, a) {
+  for (var r = e[t++], s = 1 << r, c = s + 1, i = c + 1, d = r + 1, f = (1 << d) - 1, l = 0, o = 0, u = 0, x = e[t++], p = new Int32Array(4096), v = null; ; ) {
+    for (; l < 16 && x !== 0; )
+      o |= e[t++] << l, l += 8, x === 1 ? x = e[t++] : --x;
+    if (l < d)
+      break;
+    var h = o & f;
+    if (o >>= d, l -= d, h === s) {
+      i = c + 1, d = r + 1, f = (1 << d) - 1, v = null;
+      continue;
+    } else if (h === c)
+      break;
+    for (var m = h < i ? h : v, y = 0, g = m; g > s; )
+      g = p[g] >> 8, ++y;
+    var F = g, _ = u + y + (m !== h ? 1 : 0);
+    if (_ > a) {
+      console.log("Warning, gif stream longer than expected.");
+      return;
+    }
+    n[u++] = F, u += y;
+    var w = u;
+    for (m !== h && (n[u++] = F), g = m; y--; )
+      g = p[g], n[--w] = g & 255, g >>= 8;
+    v !== null && i < 4096 && (p[i++] = v << 8 | F, i >= f + 1 && d < 12 && (++d, f = f << 1 | 1)), v = h;
+  }
+  return u !== a && console.log("Warning, gif stream shorter than expected."), n;
+}
+try {
+  Ue = le.GifWriter = $e, me = le.GifReader = Pe;
+} catch {
+}
+const Ne = me;
+function st(e) {
+  return async (t, n) => {
+    const a = e.find((r) => r.canResolve(t));
+    if (!a) throw new Ye("No texture provider matched source", t);
+    return He(a.resolve.bind(a), t, n);
+  };
+}
+class Ye extends Error {
+  constructor(n, a) {
+    super(n);
+    z(this, "source");
+    this.name = "TextureSourceLoadError", this.source = a;
+  }
+}
+function ae(e) {
+  if (e.aborted)
+    throw new DOMException("Texture source load aborted", "AbortError");
+}
+async function He(e, t, n) {
+  ae(n);
+  const a = await e(t, n);
+  return n.aborted && (a.dispose(), ae(n)), a;
+}
+function lt(e) {
+  e == null || e.dispose();
+}
+const je = 5 * 1024 * 1024, he = 1e6, de = 180, qe = (e, t, n) => {
+  for (let a = n.y; a < n.y + n.height; a += 1)
+    e.fill(0, (a * t + n.x) * 4, (a * t + n.x + n.width) * 4);
+}, Ve = (e, t, n, a, r) => t.byteLength > je ? `file is ${(t.byteLength / 1024 / 1024).toFixed(1)} MB; max is 5 MB` : n * a > he ? `canvas is ${n}x${a}; max area is ${he}` : r > de ? `frame count is ${r}; max is ${de}` : r === 0 ? "frame count is 0" : e ? null : "source URL is empty", ze = (e) => typeof e == "string" ? e : e.src, ct = {
+  canResolve: (e) => typeof e == "string" ? /\.gif(?:[?#].*)?$/i.test(e) : e.kind === "gif",
+  async resolve(e, t) {
+    const n = ze(e), a = await fetch(n, { signal: t });
+    if (!a.ok) throw new Error(`GIF request failed with ${a.status}`);
+    const r = new Uint8Array(await a.arrayBuffer());
+    ae(t);
+    const s = new Ne(r), c = s.numFrames(), i = Ve(n, r, s.width, s.height, c);
+    if (i)
+      throw console.warn(`[xr-sdk] GIF ScreenImage source rejected: ${i}`, n), new Error(`GIF source rejected: ${i}`);
+    const d = document.createElement("canvas");
+    d.width = s.width, d.height = s.height;
+    const f = d.getContext("2d");
+    if (!f) throw new Error("Could not create GIF canvas context");
+    const l = new D.CanvasTexture(d);
+    l.colorSpace = D.SRGBColorSpace;
+    const o = new Uint8Array(s.width * s.height * 4), u = new ImageData(
+      new Uint8ClampedArray(o.buffer),
+      s.width,
+      s.height
+    ), x = Array.from({ length: c }, (E, T) => s.frameInfo(T)), p = x.reduce((E, T) => E + Math.max(20, T.delay * 10), 0) / 1e3, v = new Xe(
+      { canSeek: !1, canReverse: !1, supportsLoopCount: !0 },
+      { state: "ready", duration: p, frameCount: c }
+    );
+    let h = 0, m = 0, y = !1, g = !1, F = 0, _ = 0, w = null;
+    const R = (E, T = !1) => {
+      T && (o.fill(0), w = null), (w == null ? void 0 : w.info.disposal) === 2 ? qe(o, s.width, w.info) : w != null && w.restorePixels && o.set(w.restorePixels);
+      const A = x[E], $ = A.disposal === 3 ? new Uint8Array(o) : null;
+      return s.decodeAndBlitFrameRGBA(E, o), f.putImageData(u, 0, 0), l.needsUpdate = !0, w = { info: A, restorePixels: $ }, g = !0, v.updateSnapshot({
+        frame: E,
+        time: x.slice(0, E).reduce((I, M) => I + Math.max(20, M.delay * 10), 0) / 1e3
+      }), g = !1, v.emit("KeyFrameInSecond"), Math.max(20, A.delay * 10);
+    }, L = (E) => {
+      m = window.setTimeout(() => {
+        h = requestAnimationFrame(C);
+      }, E);
+    }, C = () => {
+      if (y || v.getSnapshot().state !== "playing") return;
+      const E = v.getSnapshot(), T = De(
+        F,
+        c,
+        E.playMode,
+        E.loop,
+        E.loopCount
+      );
+      if (T.ended) {
+        v.updateSnapshot({ state: "ended", frame: T.frame, time: p }), v.emit("PlayEnd");
+        return;
+      }
+      const A = T.loop !== _;
+      _ = T.loop, F += 1, L(R(T.frame, A));
+    }, U = v.subscribe((E) => {
+      g || (clearTimeout(m), cancelAnimationFrame(h), E.state === "playing" && (h = requestAnimationFrame(C)));
+    });
+    return R(0), v.play(), {
+      texture: l,
+      controller: v,
+      metadata: { width: s.width, height: s.height, duration: p, frameCount: c },
+      dispose() {
+        y = !0, U(), clearTimeout(m), cancelAnimationFrame(h), v.dispose(), l.dispose();
+      }
+    };
+  }
+}, Ze = ve(null), Ke = ve(null), ht = () => fe(Ze), dt = () => fe(Ke);
+export {
+  Xe as B,
+  je as M,
+  ot as S,
+  Ye as T,
+  at as X,
+  Ze as a,
+  Ke as b,
+  Ie as c,
+  dt as d,
+  it as e,
+  ct as f,
+  De as g,
+  de as h,
+  he as i,
+  st as j,
+  lt as k,
+  He as r,
+  ae as t,
+  ht as u
+};