@srsergio/taptapp-ar 1.0.101 → 1.1.2

package/dist/react/types.js

@@ -1,16 +1 @@
-export function mapDataToPropsConfig(data) {
-    const photos = data.find((item) => item.type === "photos");
-    const video = data.find((item) => item.type === "videoNative");
-    const imageOverlay = data.find((item) => item.type === "imageOverlay");
-    const ar = data.find((item) => item.type === "ar");
-    const overlay = video || imageOverlay;
-    return {
-        cardId: photos?.id || "",
-        targetImageSrc: photos?.images?.[0]?.image || "",
-        targetTaarSrc: ar?.url || "",
-        videoSrc: overlay?.url || "",
-        videoWidth: overlay?.width || 0,
-        videoHeight: overlay?.height || 0,
-        scale: overlay?.scale || 1,
-    };
-}
+export function mapDataToPropsConfig(e){const i=e.find(e=>"photos"===e.type),t=e.find(e=>"videoNative"===e.type),a=e.find(e=>"imageOverlay"===e.type),r=e.find(e=>"ar"===e.type),d=t||a;return{cardId:i?.id||"",targetImageSrc:i?.images?.[0]?.image||"",targetTaarSrc:r?.url||"",videoSrc:d?.url||"",videoWidth:d?.width||0,videoHeight:d?.height||0,scale:d?.scale||1}}

package/dist/react/use-ar.js

@@ -1,118 +1 @@
-import { useEffect, useRef, useState, useCallback } from "react";
-export const useAR = (config) => {
-    const containerRef = useRef(null);
-    const overlayRef = useRef(null);
-    const [status, setStatus] = useState("scanning");
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [trackedPoints, setTrackedPoints] = useState([]);
-    const [error, setError] = useState(null);
-    const arInstanceRef = useRef(null);
-    const toggleVideo = useCallback(async () => {
-        const overlay = overlayRef.current;
-        if (!(overlay instanceof HTMLVideoElement))
-            return;
-        try {
-            if (overlay.paused) {
-                await overlay.play();
-                setIsPlaying(true);
-            }
-            else {
-                overlay.pause();
-                setIsPlaying(false);
-            }
-        }
-        catch (err) {
-            console.error("Error toggling video:", err);
-        }
-    }, []);
-    useEffect(() => {
-        if (typeof window === "undefined" || !containerRef.current || !overlayRef.current)
-            return;
-        let isMounted = true;
-        const initAR = async () => {
-            try {
-                // Safe hybrid import for SSR + Speed
-                const { createTracker } = await import("../runtime/track.js");
-                if (!isMounted)
-                    return;
-                setStatus("compiling");
-                const instance = await createTracker({
-                    container: containerRef.current,
-                    targetSrc: config.targetTaarSrc || config.targetImageSrc,
-                    overlay: overlayRef.current,
-                    scale: config.scale,
-                    cameraConfig: config.cameraConfig,
-                    debugMode: false,
-                    callbacks: {
-                        onUpdate: (data) => {
-                            const { screenCoords, reliabilities, stabilities } = data;
-                            if (screenCoords && reliabilities && stabilities) {
-                                const points = screenCoords.map((p, i) => ({
-                                    x: p.x,
-                                    y: p.y,
-                                    reliability: reliabilities[i],
-                                    stability: stabilities[i]
-                                }));
-                                setTrackedPoints(points);
-                            }
-                        },
-                        onFound: async ({ targetIndex }) => {
-                            console.log(`🎯 Target ${targetIndex} detected!`);
-                            if (!isMounted)
-                                return;
-                            setStatus("tracking");
-                            const overlay = overlayRef.current;
-                            if (overlay instanceof HTMLVideoElement) {
-                                try {
-                                    await overlay.play();
-                                    setIsPlaying(true);
-                                }
-                                catch (err) {
-                                    console.warn("Auto-play blocked:", err);
-                                }
-                            }
-                        },
-                        onLost: ({ targetIndex }) => {
-                            console.log(`👋 Target ${targetIndex} lost`);
-                            if (!isMounted)
-                                return;
-                            setStatus("scanning");
-                            setTrackedPoints([]);
-                            const overlay = overlayRef.current;
-                            if (overlay instanceof HTMLVideoElement) {
-                                overlay.pause();
-                                setIsPlaying(false);
-                            }
-                        }
-                    }
-                });
-                arInstanceRef.current = instance;
-                await instance.startCamera();
-                if (isMounted)
-                    setStatus("scanning");
-            }
-            catch (err) {
-                console.error("❌ [TapTapp AR] Error durante la inicialización:", err);
-                if (isMounted) {
-                    setError(err.message || String(err));
-                    setStatus("error");
-                }
-            }
-        };
-        initAR();
-        return () => {
-            isMounted = false;
-            arInstanceRef.current?.stop();
-            arInstanceRef.current = null;
-        };
-    }, [config.targetTaarSrc, config.targetImageSrc, config.scale, config.cameraConfig]);
-    return {
-        containerRef,
-        overlayRef,
-        status,
-        isPlaying,
-        toggleVideo,
-        trackedPoints,
-        error
-    };
-};
+import{useEffect as e,useRef as r,useState as t,useCallback as n}from"react";export const useAR=a=>{const c=r(null),o=r(null),[i,s]=t("scanning"),[l,u]=t(!1),[g,d]=t([]),[f,p]=t(null),y=r(null),m=n(async()=>{const e=o.current;if(e instanceof HTMLVideoElement)try{e.paused?(await e.play(),u(!0)):(e.pause(),u(!1))}catch(e){console.error("Error toggling video:",e)}},[]);return e(()=>{if("undefined"==typeof window||!c.current||!o.current)return;let e=!0;return(async()=>{try{const{createTracker:r}=await import("../runtime/track.js");if(!e)return;s("compiling");const t=await r({container:c.current,targetSrc:a.targetTaarSrc||a.targetImageSrc,overlay:o.current,scale:a.scale,cameraConfig:a.cameraConfig,debugMode:!1,callbacks:{onUpdate:e=>{const{screenCoords:r,reliabilities:t,stabilities:n}=e;if(r&&t&&n){const e=r.map((e,r)=>({x:e.x,y:e.y,reliability:t[r],stability:n[r]}));d(e)}},onFound:async({targetIndex:r})=>{if(console.log(`🎯 Target ${r} detected!`),!e)return;s("tracking");const t=o.current;if(t instanceof HTMLVideoElement)try{await t.play(),u(!0)}catch(e){console.warn("Auto-play blocked:",e)}},onLost:({targetIndex:r})=>{if(console.log(`👋 Target ${r} lost`),!e)return;s("scanning"),d([]);const t=o.current;t instanceof HTMLVideoElement&&(t.pause(),u(!1))}}});y.current=t,await t.startCamera(),e&&s("scanning")}catch(r){console.error("❌ [TapTapp AR] Error durante la inicialización:",r),e&&(p(r.message||String(r)),s("error"))}})(),()=>{e=!1,y.current?.stop(),y.current=null}},[a.targetTaarSrc,a.targetImageSrc,a.scale,a.cameraConfig]),{containerRef:c,overlayRef:o,status:i,isPlaying:l,toggleVideo:m,trackedPoints:g,error:f}};

package/dist/runtime/aframe.js

@@ -1,272 +1 @@
-import { Controller, UI } from "./index.js";
-AFRAME.registerSystem("taar-image-system", {
-    container: null,
-    video: null,
-    processingImage: false,
-    init: function () {
-        this.anchorEntities = [];
-    },
-    tick: function () { },
-    setup: function ({ imageTargetSrc, maxTrack, showStats, uiLoading, uiScanning, uiError, missTolerance, warmupTolerance, filterMinCF, filterBeta, }) {
-        this.imageTargetSrc = imageTargetSrc;
-        this.maxTrack = maxTrack;
-        this.filterMinCF = filterMinCF;
-        this.filterBeta = filterBeta;
-        this.missTolerance = missTolerance;
-        this.warmupTolerance = warmupTolerance;
-        this.showStats = showStats;
-        this.ui = new UI({ uiLoading, uiScanning, uiError });
-    },
-    registerAnchor: function (el, targetIndex) {
-        this.anchorEntities.push({ el: el, targetIndex: targetIndex });
-    },
-    start: function () {
-        this.container = this.el.sceneEl.parentNode;
-        if (this.showStats) {
-            this.mainStats = new Stats();
-            this.mainStats.showPanel(0); // 0: fps, 1: ms, 2: mb, 3+: custom
-            this.mainStats.domElement.style.cssText = "position:absolute;top:0px;left:0px;z-index:999";
-            this.container.appendChild(this.mainStats.domElement);
-        }
-        this.ui.showLoading();
-        this._startVideo();
-    },
-    switchTarget: function (targetIndex) {
-        this.controller.interestedTargetIndex = targetIndex;
-    },
-    stop: function () {
-        this.pause();
-        const tracks = this.video.srcObject.getTracks();
-        tracks.forEach(function (track) {
-            track.stop();
-        });
-        this.video.remove();
-        this.controller.dispose();
-    },
-    pause: function (keepVideo = false) {
-        if (!keepVideo) {
-            this.video.pause();
-        }
-        this.controller.stopProcessVideo();
-    },
-    unpause: function () {
-        this.video.play();
-        this.controller.processVideo(this.video);
-    },
-    _startVideo: function () {
-        this.video = document.createElement("video");
-        this.video.setAttribute("autoplay", "");
-        this.video.setAttribute("muted", "");
-        this.video.setAttribute("playsinline", "");
-        this.video.style.position = "absolute";
-        this.video.style.top = "0px";
-        this.video.style.left = "0px";
-        this.video.style.zIndex = "-2";
-        this.container.appendChild(this.video);
-        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
-            // TODO: show unsupported error
-            this.el.emit("arError", { error: "VIDEO_FAIL" });
-            this.ui.showCompatibility();
-            return;
-        }
-        navigator.mediaDevices
-            .getUserMedia({
-            audio: false,
-            video: {
-                facingMode: "environment",
-            },
-        })
-            .then((stream) => {
-            this.video.addEventListener("loadedmetadata", () => {
-                //console.log("video ready...", this.video);
-                this.video.setAttribute("width", this.video.videoWidth);
-                this.video.setAttribute("height", this.video.videoHeight);
-                this._startAR();
-            });
-            this.video.srcObject = stream;
-        })
-            .catch((err) => {
-            console.log("getUserMedia error", err);
-            this.el.emit("arError", { error: "VIDEO_FAIL" });
-        });
-    },
-    _startAR: async function () {
-        const video = this.video;
-        this.controller = new Controller({
-            inputWidth: video.videoWidth,
-            inputHeight: video.videoHeight,
-            maxTrack: this.maxTrack,
-            filterMinCF: this.filterMinCF,
-            filterBeta: this.filterBeta,
-            missTolerance: this.missTolerance,
-            warmupTolerance: this.warmupTolerance,
-            onUpdate: (data) => {
-                if (data.type === "processDone") {
-                    if (this.mainStats)
-                        this.mainStats.update();
-                }
-                else if (data.type === "updateMatrix") {
-                    const { targetIndex, worldMatrix } = data;
-                    for (let i = 0; i < this.anchorEntities.length; i++) {
-                        if (this.anchorEntities[i].targetIndex === targetIndex) {
-                            this.anchorEntities[i].el.updateWorldMatrix(worldMatrix);
-                        }
-                    }
-                    let isAnyVisible = this.anchorEntities.reduce((acc, entity) => {
-                        return acc || entity.el.el.object3D.visible;
-                    }, false);
-                    if (isAnyVisible) {
-                        this.ui.hideScanning();
-                    }
-                    else {
-                        this.ui.showScanning();
-                    }
-                }
-            },
-        });
-        this._resize();
-        window.addEventListener("resize", this._resize.bind(this));
-        const { dimensions: imageTargetDimensions } = await this.controller.addImageTargets(this.imageTargetSrc);
-        for (let i = 0; i < this.anchorEntities.length; i++) {
-            const { el, targetIndex } = this.anchorEntities[i];
-            if (targetIndex < imageTargetDimensions.length) {
-                el.setupMarker(imageTargetDimensions[targetIndex]);
-            }
-        }
-        await this.controller.dummyRun(this.video);
-        this.el.emit("arReady");
-        this.ui.hideLoading();
-        this.ui.showScanning();
-        this.controller.processVideo(this.video);
-    },
-    _resize: function () {
-        const video = this.video;
-        const container = this.container;
-        let vw, vh; // display css width, height
-        const videoRatio = video.videoWidth / video.videoHeight;
-        const containerRatio = container.clientWidth / container.clientHeight;
-        if (videoRatio > containerRatio) {
-            vh = container.clientHeight;
-            vw = vh * videoRatio;
-        }
-        else {
-            vw = container.clientWidth;
-            vh = vw / videoRatio;
-        }
-        const proj = this.controller.getProjectionMatrix();
-        const fov = (2 * Math.atan((1 / proj[5] / vh) * container.clientHeight) * 180) / Math.PI; // vertical fov
-        const near = proj[14] / (proj[10] - 1.0);
-        const far = proj[14] / (proj[10] + 1.0);
-        //console.log("loaded proj: ", proj, ". fov: ", fov, ". near: ", near, ". far: ", far, ". ratio: ", ratio);
-        const newAspect = container.clientWidth / container.clientHeight;
-        const cameraEle = container.getElementsByTagName("a-camera")[0];
-        const camera = cameraEle.getObject3D("camera");
-        camera.fov = fov;
-        camera.aspect = newAspect;
-        camera.near = near;
-        camera.far = far;
-        camera.updateProjectionMatrix();
-        //const newCam = new AFRAME.THREE.PerspectiveCamera(fov, newRatio, near, far);
-        //camera.getObject3D('camera').projectionMatrix = newCam.projectionMatrix;
-        this.video.style.top = -(vh - container.clientHeight) / 2 + "px";
-        this.video.style.left = -(vw - container.clientWidth) / 2 + "px";
-        this.video.style.width = vw + "px";
-        this.video.style.height = vh + "px";
-    },
-});
-AFRAME.registerComponent("taar-image", {
-    dependencies: ["taar-image-system"],
-    schema: {
-        imageTargetSrc: { type: "string" },
-        maxTrack: { type: "int", default: 1 },
-        filterMinCF: { type: "number", default: -1 },
-        filterBeta: { type: "number", default: -1 },
-        missTolerance: { type: "int", default: -1 },
-        warmupTolerance: { type: "int", default: -1 },
-        showStats: { type: "boolean", default: false },
-        autoStart: { type: "boolean", default: true },
-        uiLoading: { type: "string", default: "yes" },
-        uiScanning: { type: "string", default: "yes" },
-        uiError: { type: "string", default: "yes" },
-    },
-    init: function () {
-        const arSystem = this.el.sceneEl.systems["taar-image-system"];
-        arSystem.setup({
-            imageTargetSrc: this.data.imageTargetSrc,
-            maxTrack: this.data.maxTrack,
-            filterMinCF: this.data.filterMinCF === -1 ? null : this.data.filterMinCF,
-            filterBeta: this.data.filterBeta === -1 ? null : this.data.filterBeta,
-            missTolerance: this.data.missTolerance === -1 ? null : this.data.missTolerance,
-            warmupTolerance: this.data.warmupTolerance === -1 ? null : this.data.warmupTolerance,
-            showStats: this.data.showStats,
-            uiLoading: this.data.uiLoading,
-            uiScanning: this.data.uiScanning,
-            uiError: this.data.uiError,
-        });
-        if (this.data.autoStart) {
-            this.el.sceneEl.addEventListener("renderstart", () => {
-                arSystem.start();
-            });
-        }
-    },
-    remove: function () {
-        const arSystem = this.el.sceneEl.systems["mindar-image-system"];
-        arSystem.stop();
-    },
-});
-AFRAME.registerComponent("taar-image-target", {
-    dependencies: ["taar-image-system"],
-    schema: {
-        targetIndex: { type: "number" },
-    },
-    postMatrix: null, // rescale the anchor to make width of 1 unit = physical width of card
-    init: function () {
-        const arSystem = this.el.sceneEl.systems["taar-image-system"];
-        arSystem.registerAnchor(this, this.data.targetIndex);
-        this.invisibleMatrix = new AFRAME.THREE.Matrix4().set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-        const root = this.el.object3D;
-        root.visible = false;
-        root.matrixAutoUpdate = false;
-        root.matrix = this.invisibleMatrix;
-    },
-    setupMarker([markerWidth, markerHeight]) {
-        const position = new AFRAME.THREE.Vector3();
-        const quaternion = new AFRAME.THREE.Quaternion();
-        const scale = new AFRAME.THREE.Vector3();
-        position.x = markerWidth / 2;
-        position.y = markerWidth / 2 + (markerHeight - markerWidth) / 2;
-        scale.x = markerWidth;
-        scale.y = markerWidth;
-        scale.z = markerWidth;
-        this.postMatrix = new AFRAME.THREE.Matrix4();
-        this.postMatrix.compose(position, quaternion, scale);
-    },
-    updateWorldMatrix(worldMatrix) {
-        this.el.emit("targetUpdate");
-        if (!this.el.object3D.visible && worldMatrix !== null) {
-            this.el.emit("targetFound");
-        }
-        else if (this.el.object3D.visible && worldMatrix === null) {
-            this.el.emit("targetLost");
-        }
-        this.el.object3D.visible = worldMatrix !== null;
-        if (worldMatrix === null) {
-            this.el.object3D.matrix = this.invisibleMatrix;
-            return;
-        }
-        var m = new AFRAME.THREE.Matrix4();
-        m.elements = worldMatrix;
-        m.multiply(this.postMatrix);
-        this.el.object3D.matrix = m;
-    },
-});
-/*
-This is a hack.
-If the user's browser has cached A-Frame,
-then A-Frame will process the webpage *before* the system and components get registered.
-Resulting in a blank page. This happens because module loading is deferred.
-*/
-/* if(needsDOMRefresh){
-  console.log("taar-face-aframe::Refreshing DOM...")
-  document.body.innerHTML=document.body.innerHTML;
-} */
+import{Controller as t,UI as e}from"./index.js";AFRAME.registerSystem("taar-image-system",{container:null,video:null,processingImage:!1,init:function(){this.anchorEntities=[]},tick:function(){},setup:function({imageTargetSrc:t,maxTrack:i,showStats:s,uiLoading:a,uiScanning:n,uiError:r,missTolerance:o,warmupTolerance:h,filterMinCF:l,filterBeta:d}){this.imageTargetSrc=t,this.maxTrack=i,this.filterMinCF=l,this.filterBeta=d,this.missTolerance=o,this.warmupTolerance=h,this.showStats=s,this.ui=new e({uiLoading:a,uiScanning:n,uiError:r})},registerAnchor:function(t,e){this.anchorEntities.push({el:t,targetIndex:e})},start:function(){this.container=this.el.sceneEl.parentNode,this.showStats&&(this.mainStats=new Stats,this.mainStats.showPanel(0),this.mainStats.domElement.style.cssText="position:absolute;top:0px;left:0px;z-index:999",this.container.appendChild(this.mainStats.domElement)),this.ui.showLoading(),this._startVideo()},switchTarget:function(t){this.controller.interestedTargetIndex=t},stop:function(){this.pause(),this.video.srcObject.getTracks().forEach(function(t){t.stop()}),this.video.remove(),this.controller.dispose()},pause:function(t=!1){t||this.video.pause(),this.controller.stopProcessVideo()},unpause:function(){this.video.play(),this.controller.processVideo(this.video)},_startVideo:function(){if(this.video=document.createElement("video"),this.video.setAttribute("autoplay",""),this.video.setAttribute("muted",""),this.video.setAttribute("playsinline",""),this.video.style.position="absolute",this.video.style.top="0px",this.video.style.left="0px",this.video.style.zIndex="-2",this.container.appendChild(this.video),!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia)return this.el.emit("arError",{error:"VIDEO_FAIL"}),void this.ui.showCompatibility();navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:"environment"}}).then(t=>{this.video.addEventListener("loadedmetadata",()=>{this.video.setAttribute("width",this.video.videoWidth),this.video.setAttribute("height",this.video.videoHeight),this._startAR()}),this.video.srcObject=t}).catch(t=>{console.log("getUserMedia error",t),this.el.emit("arError",{error:"VIDEO_FAIL"})})},_startAR:async function(){const e=this.video;this.controller=new t({inputWidth:e.videoWidth,inputHeight:e.videoHeight,maxTrack:this.maxTrack,filterMinCF:this.filterMinCF,filterBeta:this.filterBeta,missTolerance:this.missTolerance,warmupTolerance:this.warmupTolerance,onUpdate:t=>{if("processDone"===t.type)this.mainStats&&this.mainStats.update();else if("updateMatrix"===t.type){const{targetIndex:e,worldMatrix:i}=t;for(let t=0;t<this.anchorEntities.length;t++)this.anchorEntities[t].targetIndex===e&&this.anchorEntities[t].el.updateWorldMatrix(i);this.anchorEntities.reduce((t,e)=>t||e.el.el.object3D.visible,!1)?this.ui.hideScanning():this.ui.showScanning()}}}),this._resize(),window.addEventListener("resize",this._resize.bind(this));const{dimensions:i}=await this.controller.addImageTargets(this.imageTargetSrc);for(let t=0;t<this.anchorEntities.length;t++){const{el:e,targetIndex:s}=this.anchorEntities[t];s<i.length&&e.setupMarker(i[s])}await this.controller.dummyRun(this.video),this.el.emit("arReady"),this.ui.hideLoading(),this.ui.showScanning(),this.controller.processVideo(this.video)},_resize:function(){const t=this.video,e=this.container;let i,s;const a=t.videoWidth/t.videoHeight;a>e.clientWidth/e.clientHeight?(s=e.clientHeight,i=s*a):(i=e.clientWidth,s=i/a);const n=this.controller.getProjectionMatrix(),r=2*Math.atan(1/n[5]/s*e.clientHeight)*180/Math.PI,o=n[14]/(n[10]-1),h=n[14]/(n[10]+1),l=e.clientWidth/e.clientHeight,d=e.getElementsByTagName("a-camera")[0].getObject3D("camera");d.fov=r,d.aspect=l,d.near=o,d.far=h,d.updateProjectionMatrix(),this.video.style.top=-(s-e.clientHeight)/2+"px",this.video.style.left=-(i-e.clientWidth)/2+"px",this.video.style.width=i+"px",this.video.style.height=s+"px"}}),AFRAME.registerComponent("taar-image",{dependencies:["taar-image-system"],schema:{imageTargetSrc:{type:"string"},maxTrack:{type:"int",default:1},filterMinCF:{type:"number",default:-1},filterBeta:{type:"number",default:-1},missTolerance:{type:"int",default:-1},warmupTolerance:{type:"int",default:-1},showStats:{type:"boolean",default:!1},autoStart:{type:"boolean",default:!0},uiLoading:{type:"string",default:"yes"},uiScanning:{type:"string",default:"yes"},uiError:{type:"string",default:"yes"}},init:function(){const t=this.el.sceneEl.systems["taar-image-system"];t.setup({imageTargetSrc:this.data.imageTargetSrc,maxTrack:this.data.maxTrack,filterMinCF:-1===this.data.filterMinCF?null:this.data.filterMinCF,filterBeta:-1===this.data.filterBeta?null:this.data.filterBeta,missTolerance:-1===this.data.missTolerance?null:this.data.missTolerance,warmupTolerance:-1===this.data.warmupTolerance?null:this.data.warmupTolerance,showStats:this.data.showStats,uiLoading:this.data.uiLoading,uiScanning:this.data.uiScanning,uiError:this.data.uiError}),this.data.autoStart&&this.el.sceneEl.addEventListener("renderstart",()=>{t.start()})},remove:function(){this.el.sceneEl.systems["mindar-image-system"].stop()}}),AFRAME.registerComponent("taar-image-target",{dependencies:["taar-image-system"],schema:{targetIndex:{type:"number"}},postMatrix:null,init:function(){this.el.sceneEl.systems["taar-image-system"].registerAnchor(this,this.data.targetIndex),this.invisibleMatrix=(new AFRAME.THREE.Matrix4).set(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);const t=this.el.object3D;t.visible=!1,t.matrixAutoUpdate=!1,t.matrix=this.invisibleMatrix},setupMarker([t,e]){const i=new AFRAME.THREE.Vector3,s=new AFRAME.THREE.Quaternion,a=new AFRAME.THREE.Vector3;i.x=t/2,i.y=t/2+(e-t)/2,a.x=t,a.y=t,a.z=t,this.postMatrix=new AFRAME.THREE.Matrix4,this.postMatrix.compose(i,s,a)},updateWorldMatrix(t){if(this.el.emit("targetUpdate"),this.el.object3D.visible||null===t?this.el.object3D.visible&&null===t&&this.el.emit("targetLost"):this.el.emit("targetFound"),this.el.object3D.visible=null!==t,null!==t){var e=new AFRAME.THREE.Matrix4;e.elements=t,e.multiply(this.postMatrix),this.el.object3D.matrix=e}else this.el.object3D.matrix=this.invisibleMatrix}});