@vincentt-xr/sdk 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/DebuggerUI-CVuV-VJ5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),M=require("react-dom"),s=require("./internal-Bb9ZXbpr.cjs"),b={position:"fixed",top:"10px",left:"10px",zIndex:9999,fontFamily:"'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",fontSize:"12px",color:"#fff",pointerEvents:"auto",userSelect:"none"},j={background:"rgba(0, 0, 0, 0.85)",borderRadius:"6px",padding:"12px 16px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.5)",backdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.1)",minWidth:"240px"},z={...j,padding:"8px 12px",minWidth:"auto"},k={display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"12px",paddingBottom:"8px",borderBottom:"1px solid rgba(255, 255, 255, 0.2)"},R={fontSize:"13px",fontWeight:"bold",color:"#00ff9f",letterSpacing:"0.5px",textTransform:"uppercase"},N={display:"flex",gap:"6px"},g={background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255, 255, 255, 0.2)",borderRadius:"4px",color:"#fff",padding:"4px 8px",fontSize:"11px",cursor:"pointer",transition:"all 0.2s"},w={display:"grid",gridTemplateColumns:"1fr 1fr",gap:"10px"},i={display:"flex",flexDirection:"column",gap:"4px"},o={fontSize:"10px",color:"rgba(255, 255, 255, 0.6)",textTransform:"uppercase",letterSpacing:"0.5px"},a={fontSize:"16px",fontWeight:"bold",color:"#fff"},m={...a,color:"#00ff9f"},h={...a,color:"#ffaa00"},y={...a,color:"#ff4444"},l={fontSize:"11px",color:"rgba(255, 255, 255, 0.5)",marginLeft:"4px"},D={width:"100%",height:"4px",background:"rgba(255, 255, 255, 0.2)",borderRadius:"2px",overflow:"hidden",marginTop:"4px"},I=t=>({width:`${t}%`,height:"100%",background:t>90?"#ff4444":t>70?"#ffaa00":"#00ff9f",transition:"width 0.3s ease, background 0.3s ease"}),B={fontSize:"9px",color:"rgba(255, 255, 255, 0.4)",marginTop:"8px",textAlign:"center",fontStyle:"italic"};function c(t,n){return n==="fps"?t>=30?m:t>=20?h:y:t<=40?m:t<=60?h:y}const E={...b,position:"static",top:"auto",left:"auto",zIndex:"auto"};function U({metrics:t,collapsed:n,onCollapse:v,onClose:S,position:p="top-left",keyboardShortcut:T="ctrl+shift+d",docked:d=!1}){const[x,C]=u.useState(null);if(u.useEffect(()=>{if(d)return;const r=document.createElement("div");return r.id="xr-debugger-overlay",document.body.appendChild(r),C(r),()=>{document.body.removeChild(r)}},[d]),!d&&!x)return null;const P={...b,...p==="top-right"&&{left:"auto",right:"10px"},...p==="bottom-left"&&{top:"auto",bottom:"10px"},...p==="bottom-right"&&{top:"auto",bottom:"10px",left:"auto",right:"10px"}},f=e.jsx("div",{style:d?E:P,children:e.jsxs("div",{style:n?z:j,children:[e.jsxs("div",{style:k,children:[e.jsx("div",{style:R,children:n?"AR Debugger":"AR Performance"}),e.jsxs("div",{style:N,children:[e.jsx("button",{style:g,onClick:()=>v(!n),onMouseEnter:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.2)"},onMouseLeave:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.1)"},children:n?"+":"−"}),e.jsx("button",{style:g,onClick:S,onMouseEnter:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.2)"},onMouseLeave:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.1)"},children:"✕"})]})]}),!n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:w,children:[e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Camera FPS"}),e.jsxs("div",{children:[e.jsx("span",{style:c(t.cameraFPS,"fps"),children:s.formatNumber(t.cameraFPS,0)}),e.jsx("span",{style:l,children:"fps"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Resolution"}),e.jsx("span",{style:a,children:t.resolution})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Detection"}),e.jsxs("div",{children:[e.jsx("span",{style:c(t.detectionTime,"time"),children:s.formatNumber(t.detectionTime,1)}),e.jsx("span",{style:l,children:"ms"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Rendering"}),e.jsxs("div",{children:[e.jsx("span",{style:c(t.renderTime,"time"),children:s.formatNumber(t.renderTime,1)}),e.jsx("span",{style:l,children:"ms"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Effective FPS"}),e.jsxs("div",{children:[e.jsx("span",{style:c(t.effectiveFPS,"fps"),children:s.formatNumber(t.effectiveFPS,0)}),e.jsx("span",{style:l,children:"fps"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Memory"}),t.memory?e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("span",{style:a,children:s.formatNumber(t.memory.used,0)}),e.jsxs("span",{style:l,children:["/ ",s.formatNumber(t.memory.total,0)," MB"]})]}),e.jsx("div",{style:D,children:e.jsx("div",{style:I(t.memory.percentage)})})]}):e.jsx("span",{style:a,children:"N/A"})]})]}),t.modelPerformance.length>0&&e.jsx(e.Fragment,{children:e.jsxs("div",{style:{borderTop:"1px solid rgba(255, 255, 255, 0.15)",marginTop:"12px",paddingTop:"12px"},children:[e.jsx("div",{style:o,children:"Model Performance"}),e.jsx("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"6px"},children:t.modelPerformance.map((r,F)=>e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"11px"},children:[e.jsx("span",{style:{color:"rgba(255, 255, 255, 0.7)"},children:r.name}),e.jsxs("div",{children:[e.jsx("span",{style:c(r.processingTime,"time"),children:s.formatNumber(r.processingTime,1)}),e.jsx("span",{style:l,children:"ms"})]})]},F))})]})}),e.jsxs("div",{style:B,children:["Press ",T.toUpperCase()," to toggle"]})]})]})});return d?f:M.createPortal(f,x)}exports.DebuggerUI=U;

package/dist/DebuggerUI-D-rcPa54.js

@@ -0,0 +1,275 @@
+import { jsx as e, jsxs as n, Fragment as u } from "react/jsx-runtime";
+import { useState as k, useEffect as w } from "react";
+import { createPortal as R } from "react-dom";
+import { f as i } from "./internal-Gt1wn6Z3.js";
+const v = {
+  position: "fixed",
+  top: "10px",
+  left: "10px",
+  zIndex: 9999,
+  fontFamily: "'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",
+  fontSize: "12px",
+  color: "#fff",
+  pointerEvents: "auto",
+  userSelect: "none"
+}, S = {
+  background: "rgba(0, 0, 0, 0.85)",
+  borderRadius: "6px",
+  padding: "12px 16px",
+  boxShadow: "0 4px 12px rgba(0, 0, 0, 0.5)",
+  backdropFilter: "blur(10px)",
+  border: "1px solid rgba(255, 255, 255, 0.1)",
+  minWidth: "240px"
+}, B = {
+  ...S,
+  padding: "8px 12px",
+  minWidth: "auto"
+}, E = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginBottom: "12px",
+  paddingBottom: "8px",
+  borderBottom: "1px solid rgba(255, 255, 255, 0.2)"
+}, I = {
+  fontSize: "13px",
+  fontWeight: "bold",
+  color: "#00ff9f",
+  letterSpacing: "0.5px",
+  textTransform: "uppercase"
+}, D = {
+  display: "flex",
+  gap: "6px"
+}, m = {
+  background: "rgba(255, 255, 255, 0.1)",
+  border: "1px solid rgba(255, 255, 255, 0.2)",
+  borderRadius: "4px",
+  color: "#fff",
+  padding: "4px 8px",
+  fontSize: "11px",
+  cursor: "pointer",
+  transition: "all 0.2s"
+}, V = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1fr",
+  gap: "10px"
+}, d = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "4px"
+}, l = {
+  fontSize: "10px",
+  color: "rgba(255, 255, 255, 0.6)",
+  textTransform: "uppercase",
+  letterSpacing: "0.5px"
+}, s = {
+  fontSize: "16px",
+  fontWeight: "bold",
+  color: "#fff"
+}, y = {
+  ...s,
+  color: "#00ff9f"
+}, x = {
+  ...s,
+  color: "#ffaa00"
+}, b = {
+  ...s,
+  color: "#ff4444"
+}, a = {
+  fontSize: "11px",
+  color: "rgba(255, 255, 255, 0.5)",
+  marginLeft: "4px"
+}, W = {
+  width: "100%",
+  height: "4px",
+  background: "rgba(255, 255, 255, 0.2)",
+  borderRadius: "2px",
+  overflow: "hidden",
+  marginTop: "4px"
+}, j = (t) => ({
+  width: `${t}%`,
+  height: "100%",
+  background: t > 90 ? "#ff4444" : t > 70 ? "#ffaa00" : "#00ff9f",
+  transition: "width 0.3s ease, background 0.3s ease"
+}), A = {
+  fontSize: "9px",
+  color: "rgba(255, 255, 255, 0.4)",
+  marginTop: "8px",
+  textAlign: "center",
+  fontStyle: "italic"
+};
+function p(t, o) {
+  return o === "fps" ? t >= 30 ? y : t >= 20 ? x : b : t <= 40 ? y : t <= 60 ? x : b;
+}
+const L = {
+  ...v,
+  position: "static",
+  top: "auto",
+  left: "auto",
+  zIndex: "auto"
+};
+function $({
+  metrics: t,
+  collapsed: o,
+  onCollapse: T,
+  onClose: C,
+  position: f = "top-left",
+  keyboardShortcut: P = "ctrl+shift+d",
+  docked: c = !1
+}) {
+  const [g, M] = k(null);
+  if (w(() => {
+    if (c) return;
+    const r = document.createElement("div");
+    return r.id = "xr-debugger-overlay", document.body.appendChild(r), M(r), () => {
+      document.body.removeChild(r);
+    };
+  }, [c]), !c && !g) return null;
+  const z = {
+    ...v,
+    ...f === "top-right" && { left: "auto", right: "10px" },
+    ...f === "bottom-left" && { top: "auto", bottom: "10px" },
+    ...f === "bottom-right" && {
+      top: "auto",
+      bottom: "10px",
+      left: "auto",
+      right: "10px"
+    }
+  }, h = /* @__PURE__ */ e("div", { style: c ? L : z, children: /* @__PURE__ */ n("div", { style: o ? B : S, children: [
+    /* @__PURE__ */ n("div", { style: E, children: [
+      /* @__PURE__ */ e("div", { style: I, children: o ? "AR Debugger" : "AR Performance" }),
+      /* @__PURE__ */ n("div", { style: D, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            style: m,
+            onClick: () => T(!o),
+            onMouseEnter: (r) => {
+              r.currentTarget.style.background = "rgba(255, 255, 255, 0.2)";
+            },
+            onMouseLeave: (r) => {
+              r.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
+            },
+            children: o ? "+" : "−"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            style: m,
+            onClick: C,
+            onMouseEnter: (r) => {
+              r.currentTarget.style.background = "rgba(255, 255, 255, 0.2)";
+            },
+            onMouseLeave: (r) => {
+              r.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
+            },
+            children: "✕"
+          }
+        )
+      ] })
+    ] }),
+    !o && /* @__PURE__ */ n(u, { children: [
+      /* @__PURE__ */ n("div", { style: V, children: [
+        /* @__PURE__ */ n("div", { style: d, children: [
+          /* @__PURE__ */ e("div", { style: l, children: "Camera FPS" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("span", { style: p(t.cameraFPS, "fps"), children: i(t.cameraFPS, 0) }),
+            /* @__PURE__ */ e("span", { style: a, children: "fps" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { style: d, children: [
+          /* @__PURE__ */ e("div", { style: l, children: "Resolution" }),
+          /* @__PURE__ */ e("span", { style: s, children: t.resolution })
+        ] }),
+        /* @__PURE__ */ n("div", { style: d, children: [
+          /* @__PURE__ */ e("div", { style: l, children: "Detection" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("span", { style: p(t.detectionTime, "time"), children: i(t.detectionTime, 1) }),
+            /* @__PURE__ */ e("span", { style: a, children: "ms" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { style: d, children: [
+          /* @__PURE__ */ e("div", { style: l, children: "Rendering" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("span", { style: p(t.renderTime, "time"), children: i(t.renderTime, 1) }),
+            /* @__PURE__ */ e("span", { style: a, children: "ms" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { style: d, children: [
+          /* @__PURE__ */ e("div", { style: l, children: "Effective FPS" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("span", { style: p(t.effectiveFPS, "fps"), children: i(t.effectiveFPS, 0) }),
+            /* @__PURE__ */ e("span", { style: a, children: "fps" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { style: d, children: [
+          /* @__PURE__ */ e("div", { style: l, children: "Memory" }),
+          t.memory ? /* @__PURE__ */ n(u, { children: [
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ e("span", { style: s, children: i(t.memory.used, 0) }),
+              /* @__PURE__ */ n("span", { style: a, children: [
+                "/ ",
+                i(t.memory.total, 0),
+                " MB"
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { style: W, children: /* @__PURE__ */ e("div", { style: j(t.memory.percentage) }) })
+          ] }) : /* @__PURE__ */ e("span", { style: s, children: "N/A" })
+        ] })
+      ] }),
+      t.modelPerformance.length > 0 && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            borderTop: "1px solid rgba(255, 255, 255, 0.15)",
+            marginTop: "12px",
+            paddingTop: "12px"
+          },
+          children: [
+            /* @__PURE__ */ e("div", { style: l, children: "Model Performance" }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                style: {
+                  marginTop: "8px",
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: "6px"
+                },
+                children: t.modelPerformance.map((r, F) => /* @__PURE__ */ n(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      fontSize: "11px"
+                    },
+                    children: [
+                      /* @__PURE__ */ e("span", { style: { color: "rgba(255, 255, 255, 0.7)" }, children: r.name }),
+                      /* @__PURE__ */ n("div", { children: [
+                        /* @__PURE__ */ e("span", { style: p(r.processingTime, "time"), children: i(r.processingTime, 1) }),
+                        /* @__PURE__ */ e("span", { style: a, children: "ms" })
+                      ] })
+                    ]
+                  },
+                  F
+                ))
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ n("div", { style: A, children: [
+        "Press ",
+        P.toUpperCase(),
+        " to toggle"
+      ] })
+    ] })
+  ] }) });
+  return c ? h : R(h, g);
+}
+export {
+  $ as DebuggerUI
+};