@srsergio/taptapp-ar 1.0.101 → 1.1.2

package/dist/core/utils/images.js

@@ -1,108 +1 @@
-// artoolkit version. slower. is it necessary?
-const upsampleBilinear = ({ image, padOneWidth, padOneHeight }) => {
-    const { width, height, data } = image;
-    const dstWidth = image.width * 2 + (padOneWidth ? 1 : 0);
-    const dstHeight = image.height * 2 + (padOneHeight ? 1 : 0);
-    const temp = new Float32Array(dstWidth * dstHeight);
-    for (let i = 0; i < dstWidth; i++) {
-        const si = 0.5 * i - 0.25;
-        let si0 = Math.floor(si);
-        let si1 = Math.ceil(si);
-        if (si0 < 0)
-            si0 = 0; // border
-        if (si1 >= width)
-            si1 = width - 1; // border
-        for (let j = 0; j < dstHeight; j++) {
-            const sj = 0.5 * j - 0.25;
-            let sj0 = Math.floor(sj);
-            let sj1 = Math.ceil(sj);
-            if (sj0 < 0)
-                sj0 = 0; // border
-            if (sj1 >= height)
-                sj1 = height - 1; //border
-            const value = (si1 - si) * (sj1 - sj) * data[sj0 * width + si0] +
-                (si1 - si) * (sj - sj0) * data[sj1 * width + si0] +
-                (si - si0) * (sj1 - sj) * data[sj0 * width + si1] +
-                (si - si0) * (sj - sj0) * data[sj1 * width + si1];
-            temp[j * dstWidth + i] = value;
-        }
-    }
-    return { data: temp, width: dstWidth, height: dstHeight };
-};
-const downsampleBilinear = ({ image }) => {
-    const { data, width, height } = image;
-    const dstWidth = width >>> 1;
-    const dstHeight = height >>> 1;
-    const temp = new Uint8Array(dstWidth * dstHeight);
-    // Speed optimization: using Int32 views and manual indexing
-    // Also using bitwise operations for color averaging
-    for (let j = 0; j < dstHeight; j++) {
-        const row0 = (j * 2) * width;
-        const row1 = row0 + width;
-        const dstRow = j * dstWidth;
-        for (let i = 0; i < dstWidth; i++) {
-            const i2 = i * 2;
-            // Efficient Int32 math for blurring
-            const val = (data[row0 + i2] + data[row0 + i2 + 1] +
-                data[row1 + i2] + data[row1 + i2 + 1]) >> 2;
-            temp[dstRow + i] = val & 0xFF;
-        }
-    }
-    return { data: temp, width: dstWidth, height: dstHeight };
-};
-const resize = ({ image, ratio }) => {
-    // Fast path for identity
-    if (ratio === 1) {
-        return {
-            data: new Uint8Array(image.data), // Copy to be safe/consistent
-            width: image.width,
-            height: image.height
-        };
-    }
-    // Recursive downsampling for better quality on large reductions
-    if (ratio <= 0.5) {
-        // 1024 -> 512 -> ...
-        return resize({
-            image: downsampleBilinear({ image }),
-            ratio: ratio * 2
-        });
-    }
-    const width = Math.round(image.width * ratio) | 0;
-    const height = Math.round(image.height * ratio) | 0;
-    const imageData = new Uint8Array(width * height);
-    const srcData = image.data;
-    const srcW = image.width | 0;
-    const srcH = image.height | 0;
-    // Pre-calculate limits to avoid Math.min inside loop
-    const srcW_1 = (srcW - 1) | 0;
-    const srcH_1 = (srcH - 1) | 0;
-    let dstIndex = 0;
-    for (let j = 0; j < height; j++) {
-        // Y coords
-        const srcY = j / ratio;
-        const y0 = srcY | 0; // Math.floor
-        const y1 = (y0 < srcH_1 ? y0 + 1 : srcH_1) | 0;
-        const fy = srcY - y0;
-        const ify = 1 - fy;
-        // Row offsets
-        const row0 = (y0 * srcW) | 0;
-        const row1 = (y1 * srcW) | 0;
-        for (let i = 0; i < width; i++) {
-            // X coords
-            const srcX = i / ratio;
-            const x0 = srcX | 0; // Math.floor
-            const x1 = (x0 < srcW_1 ? x0 + 1 : srcW_1) | 0;
-            const fx = srcX - x0;
-            const ifx = 1 - fx;
-            // Bilinear interpolation optimized
-            // v = (1-fx)(1-fy)v00 + fx(1-fy)v10 + (1-fx)fy*v01 + fx*fy*v11
-            // Factored: (1-fy) * ((1-fx)v00 + fx*v10) + fy * ((1-fx)v01 + fx*v11)
-            const val0 = srcData[row0 + x0] * ifx + srcData[row0 + x1] * fx;
-            const val1 = srcData[row1 + x0] * ifx + srcData[row1 + x1] * fx;
-            const value = val0 * ify + val1 * fy;
-            imageData[dstIndex++] = value | 0;
-        }
-    }
-    return { data: imageData, width: width, height: height };
-};
-export { downsampleBilinear, upsampleBilinear, resize };
+const t=({image:t,padOneWidth:e,padOneHeight:h})=>{const{width:a,height:i,data:r}=t,n=2*t.width+(e?1:0),o=2*t.height+(h?1:0),d=new Float32Array(n*o);for(let t=0;t<n;t++){const e=.5*t-.25;let h=Math.floor(e),g=Math.ceil(e);h<0&&(h=0),g>=a&&(g=a-1);for(let l=0;l<o;l++){const o=.5*l-.25;let w=Math.floor(o),c=Math.ceil(o);w<0&&(w=0),c>=i&&(c=i-1);const s=(g-e)*(c-o)*r[w*a+h]+(g-e)*(o-w)*r[c*a+h]+(e-h)*(c-o)*r[w*a+g]+(e-h)*(o-w)*r[c*a+g];d[l*n+t]=s}}return{data:d,width:n,height:o}},e=({image:t})=>{const{data:e,width:h,height:a}=t,i=h>>>1,r=a>>>1,n=new Uint8Array(i*r);for(let t=0;t<r;t++){const a=2*t*h,r=a+h,o=t*i;for(let t=0;t<i;t++){const h=2*t,i=e[a+h]+e[a+h+1]+e[r+h]+e[r+h+1]>>2;n[o+t]=255&i}}return{data:n,width:i,height:r}},h=({image:t,ratio:a})=>{if(1===a)return{data:new Uint8Array(t.data),width:t.width,height:t.height};if(a<=.5)return h({image:e({image:t}),ratio:2*a});const i=0|Math.round(t.width*a),r=0|Math.round(t.height*a),n=new Uint8Array(i*r),o=t.data,d=0|t.width,g=d-1|0,l=(0|t.height)-1|0;let w=0;for(let t=0;t<r;t++){const e=t/a,h=0|e,r=e-h,c=1-r,s=h*d|0,f=(0|(h<l?h+1:l))*d|0;for(let t=0;t<i;t++){const e=t/a,h=0|e,i=0|(h<g?h+1:g),d=e-h,l=1-d,u=(o[s+h]*l+o[s+i]*d)*c+(o[f+h]*l+o[f+i]*d)*r;n[w++]=0|u}}return{data:n,width:i,height:r}};export{e as downsampleBilinear,t as upsampleBilinear,h as resize};

package/dist/core/utils/lsh-binarizer.js

@@ -1,37 +1 @@
-/**
- * LSH Binarizer for FREAK descriptors.
- *
- * This utility implements Locality Sensitive Hashing (LSH) for binary descriptors.
- * It uses simple Bit-Sampling to reduce the 672 bits (84 bytes) of a FREAK
- * descriptor into a 64-bit (8-byte) fingerprint.
- *
- * Bit-sampling is chosen for maximum speed and zero memory overhead,
- * which fits the Moonshot goal of an ultra-lightweight bundle.
- */
-// For 64-bit LSH, we use a uniform sampling across the 672-bit descriptor.
-const SAMPLING_INDICES = new Int32Array(64);
-for (let i = 0; i < 64; i++) {
-    SAMPLING_INDICES[i] = Math.floor(i * (672 / 64));
-}
-/**
- * Converts an 84-byte FREAK descriptor into a Uint32Array of 2 elements (64 bits).
- * @param {Uint8Array} descriptor - The 84-byte FREAK descriptor.
- * @returns {Uint32Array} Array of two 32-bit integers.
- */
-export function binarizeFREAK64(descriptor) {
-    const result = new Uint32Array(2);
-    for (let i = 0; i < 64; i++) {
-        const bitIndex = SAMPLING_INDICES[i];
-        const byteIdx = bitIndex >> 3;
-        const bitIdx = 7 - (bitIndex & 7);
-        if ((descriptor[byteIdx] >> bitIdx) & 1) {
-            const uintIdx = i >> 5; // i / 32
-            const uintBitIdx = i & 31; // i % 32
-            result[uintIdx] |= (1 << uintBitIdx);
-        }
-    }
-    return result;
-}
-// Backward compatibility or for other uses
-export const binarizeFREAK128 = binarizeFREAK64;
-export const binarizeFREAK32 = binarizeFREAK64;
+const n=new Int32Array(64);for(let r=0;r<64;r++)n[r]=Math.floor(10.5*r);export function binarizeFREAK64(r){const t=new Uint32Array(2);for(let o=0;o<64;o++){const e=n[o],i=7-(7&e);if(r[e>>3]>>i&1){const n=31&o;t[o>>5]|=1<<n}}return t}export const binarizeFREAK128=binarizeFREAK64;export const binarizeFREAK32=binarizeFREAK64;

package/dist/core/utils/lsh-direct.js

@@ -1,76 +1 @@
-import { FREAKPOINTS } from "../detector/freak.js";
-/**
- * 🚀 Moonshot: LSH-Direct Descriptor
- *
- * Instead of computing 672 bits of FREAK and then sampling 64 bits for LSH,
- * we directly compute only the 64 bits we need.
- *
- * Speedup: >10x in descriptor generation.
- */
-// 1. Pre-calculate the 64 pairs of indices (i, j) that correspond to our LSH sampling
-const LSH_PAIRS = new Int32Array(64 * 2);
-const SAMPLING_INDICES = new Int32Array(64);
-for (let i = 0; i < 64; i++) {
-    SAMPLING_INDICES[i] = Math.floor(i * (672 / 64));
-}
-// Map bit indices to FREAK point pairs
-let currentBit = 0;
-let samplingIdx = 0;
-for (let i = 0; i < FREAKPOINTS.length; i++) {
-    for (let j = i + 1; j < FREAKPOINTS.length; j++) {
-        if (samplingIdx < 64 && currentBit === SAMPLING_INDICES[samplingIdx]) {
-            LSH_PAIRS[samplingIdx * 2] = i;
-            LSH_PAIRS[samplingIdx * 2 + 1] = j;
-            samplingIdx++;
-        }
-        currentBit++;
-    }
-}
-/**
- * Directly compute 64-bit LSH from FREAK samples
- * @param {Float32Array} samples - Pre-sampled intensities at FREAK positions
- * @returns {Uint32Array} 2-element array (64 bits)
- */
-export function computeLSH64(samples) {
-    const result = new Uint32Array(2);
-    for (let i = 0; i < 64; i++) {
-        const p1 = LSH_PAIRS[i * 2];
-        const p2 = LSH_PAIRS[i * 2 + 1];
-        if (samples[p1] < samples[p2]) {
-            const uintIdx = i >> 5; // i / 32
-            const uintBitIdx = i & 31; // i % 32
-            result[uintIdx] |= (1 << uintBitIdx);
-        }
-    }
-    return result;
-}
-// For backward compatibility if any 84-byte descriptor is still needed
-export function computeFullFREAK(samples) {
-    const descriptor = new Uint8Array(84);
-    let bitCount = 0;
-    let byteIdx = 0;
-    for (let i = 0; i < FREAKPOINTS.length; i++) {
-        for (let j = i + 1; j < FREAKPOINTS.length; j++) {
-            if (samples[i] < samples[j]) {
-                descriptor[byteIdx] |= (1 << (7 - bitCount));
-            }
-            bitCount++;
-            if (bitCount === 8) {
-                byteIdx++;
-                bitCount = 0;
-            }
-        }
-    }
-    return descriptor;
-}
-/**
- * Super-fast 8-byte (64-bit) dummy descriptor for Protocol V6 compatibility
- * when full descriptors are not required but an object is expected.
- */
-export function packLSHIntoDescriptor(lsh) {
-    const desc = new Uint8Array(8);
-    const view = new DataView(desc.buffer);
-    view.setUint32(0, lsh[0], true);
-    view.setUint32(4, lsh[1], true);
-    return desc;
-}
+import{FREAKPOINTS as t}from"../detector/freak.js";const e=new Int32Array(128),n=new Int32Array(64);for(let f=0;f<64;f++)n[f]=Math.floor(10.5*f);let r=0,o=0;for(let l=0;l<t.length;l++)for(let c=l+1;c<t.length;c++)o<64&&r===n[o]&&(e[2*o]=l,e[2*o+1]=c,o++),r++;export function computeLSH64(t){const n=new Uint32Array(2);for(let r=0;r<64;r++){const o=e[2*r],f=e[2*r+1];if(t[o]<t[f]){const t=31&r;n[r>>5]|=1<<t}}return n}export function computeFullFREAK(e){const n=new Uint8Array(84);let r=0,o=0;for(let f=0;f<t.length;f++)for(let l=f+1;l<t.length;l++)e[f]<e[l]&&(n[o]|=1<<7-r),r++,8===r&&(o++,r=0);return n}export function packLSHIntoDescriptor(t){const e=new Uint8Array(8),n=new DataView(e.buffer);return n.setUint32(0,t[0],!0),n.setUint32(4,t[1],!0),e}

package/dist/core/utils/projection.js

@@ -1,51 +1 @@
-/**
- * 📐 AR Projection Utilities
- * Common logic for projecting 3D marker-space points to 2D screen CSS pixels.
- */
-/**
- * Projects a 3D marker-space point (x, y, z) into 2D screen coordinates.
- *
- * @param {number} x - Marker X coordinate
- * @param {number} y - Marker Y coordinate
- * @param {number} z - Marker Z coordinate (height from surface)
- * @param {number[][]} mVT - ModelViewTransform matrix (3x4)
- * @param {number[][]} proj - Projection matrix (3x3)
- * @param {number} videoW - Internal video width
- * @param {number} videoH - Internal video height
- * @param {Object} containerRect - {width, height} of the display container
- * @param {boolean} needsRotation - Whether the feed needs 90deg rotation (e.g. portrait mobile)
- * @returns {{sx: number, sy: number}} Screen coordinates [X, Y]
- */
-export function projectToScreen(x, y, z, mVT, proj, videoW, videoH, containerRect, needsRotation = false) {
-    // 1. Marker Space -> Camera Space (3D)
-    const tx = mVT[0][0] * x + mVT[0][1] * y + mVT[0][2] * z + mVT[0][3];
-    const ty = mVT[1][0] * x + mVT[1][1] * y + mVT[1][2] * z + mVT[1][3];
-    const tz = mVT[2][0] * x + mVT[2][1] * y + mVT[2][2] * z + mVT[2][3];
-    // 2. Camera Space -> Buffer Pixels (2D)
-    // Using intrinsic projection from controller
-    const bx = (proj[0][0] * tx / tz) + proj[0][2];
-    const by = (proj[1][1] * ty / tz) + proj[1][2];
-    // 3. Buffer Pixels -> Screen CSS Pixels
-    const vW = needsRotation ? videoH : videoW;
-    const vH = needsRotation ? videoW : videoH;
-    // Calculate how the video is scaled to cover (object-fit: cover) the container
-    const perspectiveScale = Math.max(containerRect.width / vW, containerRect.height / vH);
-    const displayW = vW * perspectiveScale;
-    const displayH = vH * perspectiveScale;
-    // Centering offsets
-    const offsetX = (containerRect.width - displayW) / 2;
-    const offsetY = (containerRect.height - displayH) / 2;
-    let sx, sy;
-    if (needsRotation) {
-        // Rotation Mapping: 
-        // Camera +X (Right) -> Screen +Y (Down)
-        // Camera +Y (Down)  -> Screen -X (Left)
-        sx = offsetX + (displayW / 2) - (by - proj[1][2]) * perspectiveScale;
-        sy = offsetY + (displayH / 2) + (bx - proj[0][2]) * perspectiveScale;
-    }
-    else {
-        sx = offsetX + (displayW / 2) + (bx - proj[0][2]) * perspectiveScale;
-        sy = offsetY + (displayH / 2) + (by - proj[1][2]) * perspectiveScale;
-    }
-    return { sx, sy };
-}
+export function projectToScreen(t,e,h,i,n,o,r,c,s=!1){const x=i[0][0]*t+i[0][1]*e+i[0][2]*h+i[0][3],a=i[1][0]*t+i[1][1]*e+i[1][2]*h+i[1][3],d=i[2][0]*t+i[2][1]*e+i[2][2]*h+i[2][3],g=n[0][0]*x/d+n[0][2],p=n[1][1]*a/d+n[1][2],u=s?r:o,w=s?o:r,f=Math.max(c.width/u,c.height/w),j=u*f,l=w*f,m=(c.width-j)/2,y=(c.height-l)/2;let M,S;return s?(M=m+j/2-(p-n[1][2])*f,S=y+l/2+(g-n[0][2])*f):(M=m+j/2+(g-n[0][2])*f,S=y+l/2+(p-n[1][2])*f),{sx:M,sy:S}}

package/dist/core/utils/randomizer.js

@@ -1,25 +1 @@
-const mRandSeed = 1234;
-const createRandomizer = () => {
-    const randomizer = {
-        seed: mRandSeed,
-        arrayShuffle(options) {
-            const { arr, sampleSize } = options;
-            for (let i = 0; i < sampleSize; i++) {
-                this.seed = (214013 * this.seed + 2531011) % (1 << 31);
-                let k = (this.seed >> 16) & 0x7fff;
-                k = k % arr.length;
-                let tmp = arr[i];
-                arr[i] = arr[k];
-                arr[k] = tmp;
-            }
-        },
-        nextInt(maxValue) {
-            this.seed = (214013 * this.seed + 2531011) % (1 << 31);
-            let k = (this.seed >> 16) & 0x7fff;
-            k = k % maxValue;
-            return k;
-        },
-    };
-    return randomizer;
-};
-export { createRandomizer };
+const e=()=>({seed:1234,arrayShuffle(e){const{arr:t,sampleSize:s}=e;for(let e=0;e<s;e++){this.seed=(214013*this.seed+2531011)%(1<<31);let s=this.seed>>16&32767;s%=t.length;let h=t[e];t[e]=t[s],t[s]=h}},nextInt(e){this.seed=(214013*this.seed+2531011)%(1<<31);let t=this.seed>>16&32767;return t%=e,t}});export{e as createRandomizer};

package/dist/core/utils/worker-pool.js

@@ -1,89 +1 @@
-export class WorkerPool {
-    constructor(workerPath, poolSize, WorkerClass) {
-        this.workerPath = workerPath;
-        this.poolSize = poolSize;
-        this.WorkerClass = WorkerClass;
-        this.workers = [];
-        this.queue = [];
-        this.activeWorkers = 0;
-    }
-    runTask(taskData) {
-        return new Promise((resolve, reject) => {
-            const task = { taskData, resolve, reject };
-            if (this.workers.length > 0) {
-                this._executeTask(this.workers.pop(), task);
-            }
-            else if (this.activeWorkers < this.poolSize) {
-                this._executeTask(this._createWorker(), task);
-            }
-            else {
-                this.queue.push(task);
-            }
-        });
-    }
-    _createWorker() {
-        this.activeWorkers++;
-        const worker = new this.WorkerClass(this.workerPath);
-        return worker;
-    }
-    _executeTask(worker, task) {
-        const onMessage = (msg) => {
-            if (msg.type === 'progress' && task.taskData.onProgress) {
-                task.taskData.onProgress(msg.percent);
-            }
-            else if (msg.type === 'compileDone') {
-                cleanup();
-                // If it's the new unified result, return both.
-                if (msg.matchingData && msg.trackingData) {
-                    this._finishTask(worker, task.resolve, {
-                        matchingData: msg.matchingData,
-                        trackingData: msg.trackingData
-                    });
-                }
-                else {
-                    this._finishTask(worker, task.resolve, msg.trackingData);
-                }
-            }
-            else if (msg.type === 'matchDone') {
-                cleanup();
-                this._finishTask(worker, task.resolve, msg.matchingData);
-            }
-            else if (msg.type === 'error') {
-                cleanup();
-                this._finishTask(worker, task.reject, new Error(msg.error));
-            }
-        };
-        const onError = (err) => {
-            cleanup();
-            this._finishTask(worker, task.reject, err);
-        };
-        const cleanup = () => {
-            worker.removeListener('message', onMessage);
-            worker.removeListener('error', onError);
-        };
-        worker.on('message', onMessage);
-        worker.on('error', onError);
-        // Create a copy of taskData without functions for the worker
-        const serializableData = {};
-        for (const [key, value] of Object.entries(task.taskData)) {
-            if (typeof value !== 'function') {
-                serializableData[key] = value;
-            }
-        }
-        worker.postMessage(serializableData);
-    }
-    _finishTask(worker, callback, result) {
-        if (this.queue.length > 0) {
-            this._executeTask(worker, this.queue.shift());
-        }
-        else {
-            this.workers.push(worker);
-        }
-        callback(result);
-    }
-    async destroy() {
-        await Promise.all(this.workers.map(w => w.terminate()));
-        this.workers = [];
-        this.activeWorkers = 0;
-    }
-}
+export class WorkerPool{constructor(e,s,t){this.workerPath=e,this.poolSize=s,this.WorkerClass=t,this.workers=[],this.queue=[],this.activeWorkers=0}runTask(e){return new Promise((s,t)=>{const r={taskData:e,resolve:s,reject:t};this.workers.length>0?this._executeTask(this.workers.pop(),r):this.activeWorkers<this.poolSize?this._executeTask(this._createWorker(),r):this.queue.push(r)})}_createWorker(){return this.activeWorkers++,new this.WorkerClass(this.workerPath)}_executeTask(e,s){const t=t=>{"progress"===t.type&&s.taskData.onProgress?s.taskData.onProgress(t.percent):"compileDone"===t.type?(a(),t.matchingData&&t.trackingData?this._finishTask(e,s.resolve,{matchingData:t.matchingData,trackingData:t.trackingData}):this._finishTask(e,s.resolve,t.trackingData)):"matchDone"===t.type?(a(),this._finishTask(e,s.resolve,t.matchingData)):"error"===t.type&&(a(),this._finishTask(e,s.reject,new Error(t.error)))},r=t=>{a(),this._finishTask(e,s.reject,t)},a=()=>{e.removeListener("message",t),e.removeListener("error",r)};e.on("message",t),e.on("error",r);const i={};for(const[e,t]of Object.entries(s.taskData))"function"!=typeof t&&(i[e]=t);e.postMessage(i)}_finishTask(e,s,t){this.queue.length>0?this._executeTask(e,this.queue.shift()):this.workers.push(e),s(t)}async destroy(){await Promise.all(this.workers.map(e=>e.terminate())),this.workers=[],this.activeWorkers=0}}

package/dist/index.js

@@ -1,7 +1 @@
-export * from "./react/types.js";
-export * from "./react/TaptappAR.js";
-export * from "./react/use-ar.js";
-export * from "./compiler/offline-compiler.js";
-export { Controller } from "./runtime/controller.js";
-export { createTracker, startTracking } from "./runtime/track.js";
-export * as protocol from "./core/protocol.js";
+export*from"./react/types.js";export*from"./react/TaptappAR.js";export*from"./react/use-ar.js";export*from"./compiler/offline-compiler.js";export{Controller}from"./runtime/controller.js";export{createTracker,startTracking}from"./runtime/track.js";export*as protocol from"./core/protocol.js";

package/dist/libs/one-euro-filter.js

@@ -1,70 +1 @@
-/**
- * Author: Gery Casiez
- * Reference: http://www.lifl.fr/~casiez/1euro/
- */
-class LowPassFilter {
-    constructor(alpha, initval = 0) {
-        this.y = initval;
-        this.s = initval;
-        this.alpha = alpha;
-    }
-    setAlpha(alpha) {
-        if (alpha <= 0 || alpha > 1) {
-            return;
-        }
-        this.alpha = alpha;
-    }
-    filter(value) {
-        this.y = value;
-        this.s = this.alpha * value + (1.0 - this.alpha) * this.s;
-        return this.s;
-    }
-    filterWithAlpha(value, alpha) {
-        this.setAlpha(alpha);
-        return this.filter(value);
-    }
-    lastValue() {
-        return this.y;
-    }
-}
-export class OneEuroFilter {
-    constructor({ minCutOff = 1.0, beta = 0.0, dCutOff = 1.0 }) {
-        this.minCutOff = minCutOff;
-        this.beta = beta;
-        this.dCutOff = dCutOff;
-        this.x = null;
-        this.dx = null;
-        this.lastTime = null;
-    }
-    _alpha(cutoff, te) {
-        const tau = 1.0 / (2 * Math.PI * cutoff);
-        return 1.0 / (1.0 + tau / te);
-    }
-    reset() {
-        this.lastTime = null;
-        this.x = null;
-        this.dx = null;
-    }
-    filter(time, value) {
-        if (this.lastTime === null || this.x === null) {
-            this.lastTime = time;
-            this.x = value.map((v) => new LowPassFilter(this._alpha(this.minCutOff, 1.0), v));
-            this.dx = value.map((v) => new LowPassFilter(this._alpha(this.dCutOff, 1.0), 0));
-            return value;
-        }
-        const te = (time - this.lastTime) / 1000.0;
-        if (te <= 0)
-            return value;
-        this.lastTime = time;
-        const filteredValue = [];
-        for (let i = 0; i < value.length; i++) {
-            const edvalue = (value[i] - this.x[i].lastValue()) / te;
-            const alpha_d = this._alpha(this.dCutOff, te);
-            const edvalue_filtered = this.dx[i].filterWithAlpha(edvalue, alpha_d);
-            const cutoff = this.minCutOff + this.beta * Math.abs(edvalue_filtered);
-            const alpha = this._alpha(cutoff, te);
-            filteredValue[i] = this.x[i].filterWithAlpha(value[i], alpha);
-        }
-        return filteredValue;
-    }
-}
+class t{constructor(t,s=0){this.y=s,this.s=s,this.alpha=t}setAlpha(t){t<=0||t>1||(this.alpha=t)}filter(t){return this.y=t,this.s=this.alpha*t+(1-this.alpha)*this.s,this.s}filterWithAlpha(t,s){return this.setAlpha(s),this.filter(t)}lastValue(){return this.y}}export class OneEuroFilter{constructor({minCutOff:t=1,beta:s=0,dCutOff:i=1}){this.minCutOff=t,this.beta=s,this.dCutOff=i,this.x=null,this.dx=null,this.lastTime=null}_alpha(t,s){return 1/(1+1/(2*Math.PI*t)/s)}reset(){this.lastTime=null,this.x=null,this.dx=null}filter(s,i){if(null===this.lastTime||null===this.x)return this.lastTime=s,this.x=i.map(s=>new t(this._alpha(this.minCutOff,1),s)),this.dx=i.map(s=>new t(this._alpha(this.dCutOff,1),0)),i;const h=(s-this.lastTime)/1e3;if(h<=0)return i;this.lastTime=s;const l=[];for(let t=0;t<i.length;t++){const s=(i[t]-this.x[t].lastValue())/h,a=this._alpha(this.dCutOff,h),e=this.dx[t].filterWithAlpha(s,a),r=this.minCutOff+this.beta*Math.abs(e),n=this._alpha(r,h);l[t]=this.x[t].filterWithAlpha(i[t],n)}return l}}

package/dist/react/TaptappAR.js

@@ -1,151 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useAR } from "./use-ar.js";
-export const TaptappAR = ({ config, className = "", showScanningOverlay = true, showErrorOverlay = true }) => {
-    const { containerRef, overlayRef, status, toggleVideo, trackedPoints, error } = useAR(config);
-    // Simple heuristic to determine if it's a video or image
-    // based on the presence of videoSrc and common extensions
-    const isVideo = useMemo(() => {
-        if (!config.videoSrc)
-            return false;
-        const videoExtensions = ['.mp4', '.webm', '.ogg', '.mov'];
-        const url = config.videoSrc.toLowerCase().split('?')[0];
-        return videoExtensions.some(ext => url.endsWith(ext)) || config.videoSrc.includes('video');
-    }, [config.videoSrc]);
-    return (_jsxs("div", { className: `taptapp-ar-wrapper ${className} ${status}`, style: { position: 'relative', width: '100%', height: '100%', overflow: 'hidden' }, children: [showScanningOverlay && status === "scanning" && (_jsx("div", { className: "taptapp-ar-overlay taptapp-ar-scanning", children: _jsxs("div", { className: "scanning-content", children: [_jsxs("div", { className: "scanning-frame", children: [_jsx("img", { className: "target-preview", src: config.targetImageSrc, alt: "Target", crossOrigin: "anonymous" }), _jsx("div", { className: "scanning-line" })] }), _jsx("p", { className: "scanning-text", children: "Apunta a la imagen para comenzar" })] }) })), status === "compiling" && (_jsx("div", { className: "taptapp-ar-overlay taptapp-ar-compiling", style: { background: 'rgba(0,0,0,0.9)' }, children: _jsxs("div", { className: "scanning-content", children: [_jsx("div", { className: "loading-spinner" }), _jsx("p", { className: "scanning-text", style: { marginTop: '20px' }, children: "Preparando motor AR..." }), _jsx("p", { style: { fontSize: '0.8rem', opacity: 0.6 }, children: "Compilando imagen de referencia" })] }) })), showErrorOverlay && status === "error" && (_jsx("div", { className: "taptapp-ar-overlay taptapp-ar-error", children: _jsxs("div", { className: "error-content", children: [_jsx("span", { className: "error-icon", children: "\u26A0\uFE0F" }), _jsx("p", { className: "error-title", children: "No se pudo iniciar AR" }), _jsx("p", { className: "error-text", children: error || "Verifica los permisos de cámara" }), _jsx("button", { className: "retry-btn", onClick: () => window.location.reload(), children: "Reintentar" })] }) })), _jsx("div", { ref: containerRef, className: "taptapp-ar-container", onClick: toggleVideo, style: { width: '100%', height: '100%' }, children: isVideo ? (_jsx("video", { ref: overlayRef, className: "taptapp-ar-overlay-element", src: config.videoSrc, preload: "auto", loop: true, playsInline: true, muted: true, crossOrigin: "anonymous" })) : (_jsx("img", { ref: overlayRef, className: "taptapp-ar-overlay-element", src: config.videoSrc || config.targetImageSrc, crossOrigin: "anonymous", alt: "AR Overlay" })) }), trackedPoints.length > 0 && (_jsx("div", { className: "taptapp-ar-points-overlay", style: { opacity: status === "tracking" ? 1 : 0.6 }, children: trackedPoints
-                    .map((point, i) => {
-                    // 🚀 Reflex visualization of the engine's new sensitivity
-                    const isStable = point.stability > 0.3 && point.reliability > 0.2;
-                    const size = (3 + point.reliability * 8) * (0.7 + point.stability * 0.3);
-                    return (_jsx("div", { className: `tracking-point ${!isStable ? 'flickering' : ''}`, style: {
-                            left: `${point.x}px`,
-                            top: `${point.y}px`,
-                            width: `${size}px`,
-                            height: `${size}px`,
-                            opacity: (0.4 + (point.reliability * 0.5)) * (0.3 + point.stability * 0.7),
-                            backgroundColor: isStable ? '#00e5ff' : '#ffffff',
-                            boxShadow: isStable ? '0 0 10px #00e5ff' : '0 0 5px rgba(255,255,255,0.5)',
-                            border: 'none'
-                        } }, i));
-                }) })), _jsx("style", { children: `
-                .taptapp-ar-wrapper {
-                    background: #000;
-                    color: white;
-                    font-family: system-ui, -apple-system, sans-serif;
-                }
-                .taptapp-ar-overlay {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    right: 0;
-                    bottom: 0;
-                    z-index: 20;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    background: rgba(0,0,0,0.7);
-                    backdrop-filter: blur(4px);
-                    transition: opacity 0.3s ease;
-                }
-                .scanning-content, .error-content {
-                    text-align: center;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    padding: 20px;
-                }
-                .scanning-frame {
-                    position: relative;
-                    width: 200px;
-                    height: 200px;
-                    border: 2px solid rgba(255,255,255,0.3);
-                    border-radius: 20px;
-                    overflow: hidden;
-                    margin-bottom: 20px;
-                }
-                .target-preview {
-                    width: 100%;
-                    height: 100%;
-                    object-fit: cover;
-                    opacity: 0.6;
-                }
-                .scanning-line {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    width: 100%;
-                    height: 2px;
-                    background: #00e5ff;
-                    box-shadow: 0 0 15px #00e5ff;
-                    animation: scan 2s linear infinite;
-                }
-                @keyframes scan {
-                    0% { top: 0; }
-                    50% { top: 100%; }
-                    100% { top: 0; }
-                }
-                .scanning-text {
-                    font-size: 1.1rem;
-                    font-weight: 500;
-                    letter-spacing: 0.5px;
-                }
-                .loading-spinner {
-                    width: 40px;
-                    height: 40px;
-                    border: 3px solid rgba(255,255,255,0.1);
-                    border-radius: 50%;
-                    border-top-color: #00e5ff;
-                    animation: spin 1s ease-in-out infinite;
-                }
-                @keyframes spin {
-                    to { transform: rotate(360deg); }
-                }
-                .error-icon { font-size: 3rem; margin-bottom: 10px; }
-                .error-title { font-size: 1.2rem; font-weight: bold; margin: 0; }
-                .error-text { opacity: 0.8; margin: 5px 0 20px; }
-                .retry-btn {
-                    padding: 10px 25px;
-                    border-radius: 30px;
-                    border: none;
-                    background: #fff;
-                    color: #000;
-                    font-weight: 600;
-                    cursor: pointer;
-                    transition: transform 0.2s;
-                }
-                .retry-btn:active { transform: scale(0.95); }
-                .taptapp-ar-overlay-element {
-                    display: none; /* Controlled by tracker */
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    width: auto;
-                    height: auto;
-                    pointer-events: none;
-                    z-index: 10;
-                    /* Will be positioned via matrix3d by track.ts */
-                }
-                .taptapp-ar-points-overlay {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    width: 100%;
-                    height: 100%;
-                    pointer-events: none;
-                    z-index: 100; /* High z-index to be above overlay */
-                }
-                .tracking-point {
-                    position: absolute;
-                    background: black;
-                    border: 1px solid rgba(255,255,255,0.5);
-                    border-radius: 50%;
-                    transform: translate(-50%, -50%);
-                    box-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
-                    pointer-events: none;
-                    transition: background-color 0.3s ease, box-shadow 0.3s ease, width 0.2s ease, height 0.2s ease, opacity 0.2s ease;
-                }
-                .tracking-point.flickering {
-                    z-index: 101;
-                }
-            ` })] }));
-};
+import{jsx as n,jsxs as e}from"react/jsx-runtime";import{useMemo as a}from"react";import{useAR as r}from"./use-ar.js";export const TaptappAR=({config:t,className:i="",showScanningOverlay:o=!0,showErrorOverlay:s=!0})=>{const{containerRef:p,overlayRef:l,status:c,toggleVideo:d,trackedPoints:g,error:m}=r(t),f=a(()=>{if(!t.videoSrc)return!1;const n=t.videoSrc.toLowerCase().split("?")[0];return[".mp4",".webm",".ogg",".mov"].some(e=>n.endsWith(e))||t.videoSrc.includes("video")},[t.videoSrc]);return e("div",{className:`taptapp-ar-wrapper ${i} ${c}`,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[o&&"scanning"===c&&n("div",{className:"taptapp-ar-overlay taptapp-ar-scanning",children:e("div",{className:"scanning-content",children:[e("div",{className:"scanning-frame",children:[n("img",{className:"target-preview",src:t.targetImageSrc,alt:"Target",crossOrigin:"anonymous"}),n("div",{className:"scanning-line"})]}),n("p",{className:"scanning-text",children:"Apunta a la imagen para comenzar"})]})}),"compiling"===c&&n("div",{className:"taptapp-ar-overlay taptapp-ar-compiling",style:{background:"rgba(0,0,0,0.9)"},children:e("div",{className:"scanning-content",children:[n("div",{className:"loading-spinner"}),n("p",{className:"scanning-text",style:{marginTop:"20px"},children:"Preparando motor AR..."}),n("p",{style:{fontSize:"0.8rem",opacity:.6},children:"Compilando imagen de referencia"})]})}),s&&"error"===c&&n("div",{className:"taptapp-ar-overlay taptapp-ar-error",children:e("div",{className:"error-content",children:[n("span",{className:"error-icon",children:"⚠️"}),n("p",{className:"error-title",children:"No se pudo iniciar AR"}),n("p",{className:"error-text",children:m||"Verifica los permisos de cámara"}),n("button",{className:"retry-btn",onClick:()=>window.location.reload(),children:"Reintentar"})]})}),n("div",{ref:p,className:"taptapp-ar-container",onClick:d,style:{width:"100%",height:"100%"},children:f?n("video",{ref:l,className:"taptapp-ar-overlay-element",src:t.videoSrc,preload:"auto",loop:!0,playsInline:!0,muted:!0,crossOrigin:"anonymous"}):n("img",{ref:l,className:"taptapp-ar-overlay-element",src:t.videoSrc||t.targetImageSrc,crossOrigin:"anonymous",alt:"AR Overlay"})}),g.length>0&&n("div",{className:"taptapp-ar-points-overlay",style:{opacity:"tracking"===c?1:.6},children:g.map((e,a)=>{const r=e.stability>.3&&e.reliability>.2,t=(3+8*e.reliability)*(.7+.3*e.stability);return n("div",{className:"tracking-point "+(r?"":"flickering"),style:{left:`${e.x}px`,top:`${e.y}px`,width:`${t}px`,height:`${t}px`,opacity:(.4+.5*e.reliability)*(.3+.7*e.stability),backgroundColor:r?"#00e5ff":"#ffffff",boxShadow:r?"0 0 10px #00e5ff":"0 0 5px rgba(255,255,255,0.5)",border:"none"}},a)})}),n("style",{children:"\n                .taptapp-ar-wrapper {\n                    background: #000;\n                    color: white;\n                    font-family: system-ui, -apple-system, sans-serif;\n                }\n                .taptapp-ar-overlay {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    z-index: 20;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background: rgba(0,0,0,0.7);\n                    backdrop-filter: blur(4px);\n                    transition: opacity 0.3s ease;\n                }\n                .scanning-content, .error-content {\n                    text-align: center;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    padding: 20px;\n                }\n                .scanning-frame {\n                    position: relative;\n                    width: 200px;\n                    height: 200px;\n                    border: 2px solid rgba(255,255,255,0.3);\n                    border-radius: 20px;\n                    overflow: hidden;\n                    margin-bottom: 20px;\n                }\n                .target-preview {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                    opacity: 0.6;\n                }\n                .scanning-line {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 2px;\n                    background: #00e5ff;\n                    box-shadow: 0 0 15px #00e5ff;\n                    animation: scan 2s linear infinite;\n                }\n                @keyframes scan {\n                    0% { top: 0; }\n                    50% { top: 100%; }\n                    100% { top: 0; }\n                }\n                .scanning-text {\n                    font-size: 1.1rem;\n                    font-weight: 500;\n                    letter-spacing: 0.5px;\n                }\n                .loading-spinner {\n                    width: 40px;\n                    height: 40px;\n                    border: 3px solid rgba(255,255,255,0.1);\n                    border-radius: 50%;\n                    border-top-color: #00e5ff;\n                    animation: spin 1s ease-in-out infinite;\n                }\n                @keyframes spin {\n                    to { transform: rotate(360deg); }\n                }\n                .error-icon { font-size: 3rem; margin-bottom: 10px; }\n                .error-title { font-size: 1.2rem; font-weight: bold; margin: 0; }\n                .error-text { opacity: 0.8; margin: 5px 0 20px; }\n                .retry-btn {\n                    padding: 10px 25px;\n                    border-radius: 30px;\n                    border: none;\n                    background: #fff;\n                    color: #000;\n                    font-weight: 600;\n                    cursor: pointer;\n                    transition: transform 0.2s;\n                }\n                .retry-btn:active { transform: scale(0.95); }\n                .taptapp-ar-overlay-element {\n                    display: none; /* Controlled by tracker */\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: auto;\n                    height: auto;\n                    pointer-events: none;\n                    z-index: 10;\n                    /* Will be positioned via matrix3d by track.ts */\n                }\n                .taptapp-ar-points-overlay {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    pointer-events: none;\n                    z-index: 100; /* High z-index to be above overlay */\n                }\n                .tracking-point {\n                    position: absolute;\n                    background: black;\n                    border: 1px solid rgba(255,255,255,0.5);\n                    border-radius: 50%;\n                    transform: translate(-50%, -50%);\n                    box-shadow: 0 0 2px rgba(255, 255, 255, 0.8);\n                    pointer-events: none;\n                    transition: background-color 0.3s ease, box-shadow 0.3s ease, width 0.2s ease, height 0.2s ease, opacity 0.2s ease;\n                }\n                .tracking-point.flickering {\n                    z-index: 101;\n                }\n            "})]})};