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

package/dist/index-72Wb15Ca.js

@@ -0,0 +1,214 @@
+import { createContext as A, useContext as _, Suspense as B, useRef as T, useMemo as v, useEffect as R } from "react";
+import { jsx as p, jsxs as L } from "react/jsx-runtime";
+import { useGLTF as P } from "@react-three/drei";
+import { useFrame as U } from "@react-three/fiber";
+import { AdditiveBlending as W, SubtractiveBlending as q, MultiplyBlending as K, NoBlending as N, NormalBlending as G, NeverDepth as F, LessDepth as I, EqualDepth as z, GreaterDepth as H, NotEqualDepth as Y, GreaterEqualDepth as V, AlwaysDepth as $, LessEqualDepth as J, BackSide as Q, DoubleSide as X, FrontSide as Z, AnimationMixer as j, LoopRepeat as ee } from "three";
+import { M as re } from "./index-D1kj6uc-.js";
+const te = A(null), ke = () => {
+  const e = _(te);
+  if (!e)
+    throw new Error("useScreenSpace must be used within ScreenSpaceUI");
+  return e;
+}, oe = A(null), Re = () => _(oe) ?? 1;
+function ne(e) {
+  const r = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), i = e.clone();
+  return S(e, i, function(a, n) {
+    r.set(n, a), t.set(a, n);
+  }), i.traverse(function(a) {
+    if (!a.isSkinnedMesh) return;
+    const n = a, u = r.get(a), c = u.skeleton.bones;
+    n.skeleton = u.skeleton.clone(), n.bindMatrix.copy(u.bindMatrix), n.skeleton.bones = c.map(function(f) {
+      return t.get(f);
+    }), n.bind(n.skeleton, n.bindMatrix);
+  }), i;
+}
+function S(e, r, t) {
+  t(e, r);
+  for (let i = 0; i < e.children.length; i++)
+    S(e.children[i], r.children[i], t);
+}
+const ye = {
+  enabled: !0,
+  mesh: "cube",
+  material: {
+    type: "standard",
+    color: "#ffffff",
+    opacity: 1,
+    wireframe: !1,
+    roughness: 0.42,
+    metalness: 0.08
+  },
+  shadowMode: "off",
+  visible: !0
+}, k = {
+  depthTest: !0,
+  depthWrite: !0,
+  depthFunc: "lessEqual",
+  colorWrite: !0,
+  colorMask: {
+    r: !0,
+    g: !0,
+    b: !0,
+    a: !0
+  },
+  cullMode: "back",
+  blendMode: "normal",
+  polygonOffset: {
+    enabled: !1,
+    factor: 0,
+    units: 0
+  }
+}, h = (e) => ({
+  ...k,
+  ...e,
+  colorMask: {
+    ...k.colorMask,
+    ...e == null ? void 0 : e.colorMask
+  },
+  polygonOffset: {
+    ...k.polygonOffset,
+    ...e == null ? void 0 : e.polygonOffset
+  }
+}), se = (e) => e === "never" ? F : e === "less" ? I : e === "equal" ? z : e === "greater" ? H : e === "notEqual" ? Y : e === "greaterEqual" ? V : e === "always" ? $ : J, ae = (e) => e === "front" ? Q : e === "off" ? X : Z, ie = (e) => e === "additive" ? W : e === "subtractive" ? q : e === "multiply" ? K : e === "none" ? N : G, O = (e) => {
+  const r = h(e), t = r.colorWrite && (r.colorMask.r || r.colorMask.g || r.colorMask.b || r.colorMask.a);
+  return {
+    depthTest: r.depthTest,
+    depthWrite: r.depthWrite,
+    depthFunc: se(r.depthFunc),
+    colorWrite: t,
+    side: ae(r.cullMode),
+    blending: ie(r.blendMode),
+    polygonOffset: r.polygonOffset.enabled,
+    polygonOffsetFactor: r.polygonOffset.factor,
+    polygonOffsetUnits: r.polygonOffset.units
+  };
+}, w = (e, r) => {
+  const t = h(r);
+  return e < 1 || t.blendMode !== "normal" && t.blendMode !== "none";
+}, D = (e) => e.colorWrite && (!e.colorMask.r || !e.colorMask.g || !e.colorMask.b || !e.colorMask.a), d = "__vincenttPreviousColorMask", y = "__vincenttColorMaskBaseBefore", E = "__vincenttColorMaskBaseAfter", ce = (e, r) => {
+  const t = e.userData, i = t[y] ?? e.onBeforeRender.bind(e), a = t[E] ?? e.onAfterRender.bind(e);
+  if (t[y] = i, t[E] = a, !D(r)) {
+    e.onBeforeRender = i, e.onAfterRender = a;
+    return;
+  }
+  e.onBeforeRender = (n, u, c, f, o, l) => {
+    i(n, u, c, f, o, l);
+    const s = n.getContext();
+    e.userData[d] = s.getParameter(s.COLOR_WRITEMASK), s.colorMask(
+      r.colorMask.r,
+      r.colorMask.g,
+      r.colorMask.b,
+      r.colorMask.a
+    );
+  }, e.onAfterRender = (n, u, c, f, o, l) => {
+    const s = e.userData[d];
+    s && (n.getContext().colorMask(...s), delete e.userData[d]), a(n, u, c, f, o, l);
+  };
+}, C = (e) => ({
+  castShadow: e === "cast" || e === "castReceive",
+  receiveShadow: e === "receive" || e === "castReceive"
+}), le = ({ mesh: e }) => e === "sphere" ? /* @__PURE__ */ p("sphereGeometry", { args: [0.85, 48, 32] }) : e === "plane" ? /* @__PURE__ */ p("planeGeometry", { args: [1.6, 1.6] }) : /* @__PURE__ */ p("boxGeometry", { args: [1.4, 1.4, 1.4] }), ue = ({
+  url: e,
+  nodeName: r,
+  settings: t,
+  renderOrder: i
+}) => {
+  const { scene: a, animations: n } = P(e), u = T(null), c = v(() => {
+    const o = n.length ? ne(a) : a.clone(!0);
+    return o.traverse((l) => {
+      const s = l;
+      !s.isMesh || !s.material || (s.material = Array.isArray(s.material) ? s.material.map((g) => g.clone()) : s.material.clone());
+    }), o;
+  }, [a, n.length]);
+  R(() => {
+    const o = C(t.shadowMode), l = Math.min(1, Math.max(0, t.material.opacity)), s = O(t.material.renderState), g = w(l, t.material.renderState);
+    c.traverse((x) => {
+      const m = x;
+      if (!m.isMesh || !m.material) return;
+      m.castShadow = o.castShadow, m.receiveShadow = o.receiveShadow, (Array.isArray(m.material) ? m.material : [m.material]).forEach((M) => {
+        if (!M) return;
+        const b = M;
+        b.wireframe = t.material.wireframe, M.opacity = l, M.transparent = g, Object.assign(M, s), M.needsUpdate = !0;
+      }), ce(m, h(t.material.renderState));
+    });
+  }, [
+    c,
+    t.material.opacity,
+    t.material.renderState,
+    t.material.wireframe,
+    t.shadowMode
+  ]);
+  const f = r ? c.getObjectByName(r) : c;
+  return R(() => {
+    if (!n.length) return;
+    const o = new j(c);
+    return n.filter(
+      (s) => t.assetAnimation === "all" || s.name === t.assetAnimation
+    ).forEach((s) => o.clipAction(s).setLoop(ee, 1 / 0).play()), u.current = o, () => {
+      o.stopAllAction(), o.uncacheRoot(c), u.current = null;
+    };
+  }, [n, c, t.assetAnimation]), U((o, l) => {
+    var s;
+    return (s = u.current) == null ? void 0 : s.update(l);
+  }), /* @__PURE__ */ p("group", { renderOrder: i, children: /* @__PURE__ */ p("primitive", { object: f ?? c }) });
+}, Ee = ({ renderOrder: e, value: r }) => {
+  if (!r.enabled || !r.visible) return null;
+  if (r.assetUrl)
+    return /* @__PURE__ */ p(B, { fallback: null, children: /* @__PURE__ */ p(
+      ue,
+      {
+        url: r.assetUrl,
+        nodeName: r.assetNodeName,
+        settings: r,
+        renderOrder: e
+      }
+    ) });
+  const t = Math.min(1, Math.max(0, r.material.opacity)), i = {
+    color: r.material.color,
+    transparent: w(t, r.material.renderState),
+    opacity: t,
+    wireframe: r.material.wireframe,
+    ...O(r.material.renderState)
+  };
+  return /* @__PURE__ */ L(
+    "mesh",
+    {
+      ...C(r.shadowMode),
+      onBeforeRender: (a, n, u, c, f) => {
+        const o = h(r.material.renderState);
+        if (!D(o)) return;
+        const l = a.getContext();
+        f.userData[d] = l.getParameter(
+          l.COLOR_WRITEMASK
+        ), l.colorMask(
+          o.colorMask.r,
+          o.colorMask.g,
+          o.colorMask.b,
+          o.colorMask.a
+        );
+      },
+      onAfterRender: (a, n, u, c, f) => {
+        const o = f.userData[d];
+        o && (a.getContext().colorMask(...o), delete f.userData[d]);
+      },
+      renderOrder: e,
+      children: [
+        /* @__PURE__ */ p(le, { mesh: r.mesh }),
+        /* @__PURE__ */ p(re, { settings: r.material, materialProps: i })
+      ]
+    }
+  );
+};
+export {
+  ye as D,
+  Ee as M,
+  oe as S,
+  Re as a,
+  k as b,
+  se as c,
+  ae as d,
+  te as e,
+  ie as g,
+  h as n,
+  ke as u
+};