react-mouse-trails - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/client/index.js

 "use client";
-"use strict";var R=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=x(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var w={};M(w,{MouseTrail:()=>C});module.exports=y(w);var d=require("react");var v=`attribute vec2 pos;
+"use strict";var R=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=T(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var D={};M(D,{MouseTrail:()=>U});module.exports=y(D);var d=require("react");var p=`attribute vec2 pos;
 attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;var h=`precision mediump float;
-uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,v),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},S=b("pos",2),F=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],p=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(S,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(F,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(p):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&p()})};var L=require("react/jsx-runtime"),C=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});
+uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,p),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},F=b("pos",2),S=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],v=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(F,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(S,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(v):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&v()})};var L=require("react/jsx-runtime"),U=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});

dist/client/mouse-trail/index.js

 "use client";
-"use strict";var R=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=x(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var w={};M(w,{MouseTrail:()=>C});module.exports=y(w);var d=require("react");var v=`attribute vec2 pos;
+"use strict";var R=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=T(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var D={};M(D,{MouseTrail:()=>U});module.exports=y(D);var d=require("react");var p=`attribute vec2 pos;
 attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;var h=`precision mediump float;
-uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,v),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},S=b("pos",2),F=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],p=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(S,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(F,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(p):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&p()})};var L=require("react/jsx-runtime"),C=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});
+uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,p),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},F=b("pos",2),S=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],v=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(F,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(S,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(v):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&v()})};var L=require("react/jsx-runtime"),U=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});

dist/client/mouse-trail/mouse-trail.d.ts

@@ -12,2 +12,2 @@ import { type HTMLProps } from "react";
  */
-export declare const MouseTrail: ({ rgb, ...props }: MouseTrailProps) => JSX.Element;
+export declare const MouseTrail: ({ rgb, ...props }: MouseTrailProps) => import("react/jsx-runtime").JSX.Element;

dist/client/mouse-trail/mouse-trail.js

@@ -1,3 +0,3 @@
-"use strict";var R=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=T(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var w={};M(w,{MouseTrail:()=>C});module.exports=y(w);var d=require("react");var v=`attribute vec2 pos;
-attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;var h=`precision mediump float;
-uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,v),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},S=b("pos",2),F=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],p=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(S,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(F,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(p):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&p()})};var L=require("react/jsx-runtime"),C=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});
+"use strict";var R=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of P(t))!x.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=T(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var D={};M(D,{MouseTrail:()=>U});module.exports=y(D);var d=require("react");var h=`attribute vec2 pos;
+attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;var p=`precision mediump float;
+uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,h),m=i(e.FRAGMENT_SHADER,p),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},F=b("pos",2),S=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],v=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(F,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(S,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(v):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&v()})};var L=require("react/jsx-runtime"),U=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});

dist/index.js

 "use client";
-"use strict";var R=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=x(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var w={};M(w,{MouseTrail:()=>C});module.exports=y(w);var d=require("react");var v=`attribute vec2 pos;
+"use strict";var R=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var i in t)R(e,i,{get:t[i],enumerable:!0})},H=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!P.call(e,n)&&n!==i&&R(e,n,{get:()=>t[n],enumerable:!(o=T(t,n))||o.enumerable});return e};var y=e=>H(R({},"__esModule",{value:!0}),e);var D={};M(D,{MouseTrail:()=>U});module.exports=y(D);var d=require("react");var p=`attribute vec2 pos;
 attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;var h=`precision mediump float;
-uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,v),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},S=b("pos",2),F=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],p=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(S,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(F,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(p):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&p()})};var L=require("react/jsx-runtime"),C=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});
+uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var E=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let i=(r,f)=>{let a=e.createShader(r);return e.shaderSource(a,f),e.compileShader(a),a},o=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},n=i(e.VERTEX_SHADER,p),m=i(e.FRAGMENT_SHADER,h),c=e.createProgram();e.attachShader(c,n),e.attachShader(c,m),e.linkProgram(c),e.useProgram(c);let b=(r,f)=>{let a=e.getAttribLocation(c,r);return e.vertexAttribPointer(a,f,e.FLOAT,!1,0,0),e.enableVertexAttribArray(a),a},F=b("pos",2),S=b("a",1),_=o(),B=o();e.uniform3f(e.getUniformLocation(c,"c"),...t);let A=!1,u=[],s=[],v=()=>{A=!0,s=s.map(r=>r/1.1),u=u.filter((r,f)=>s[f]>.001),s=s.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(u),e.STREAM_DRAW),e.vertexAttribPointer(F,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,B),e.bufferData(e.ARRAY_BUFFER,new Float32Array(s),e.STREAM_DRAW),e.vertexAttribPointer(S,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,u.length/2),u.length?requestAnimationFrame(v):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let f=r.clientX/innerWidth*2-1,a=r.clientY/innerHeight*-2+1;u.unshift(f,a),s.unshift(1),!A&&v()})};var L=require("react/jsx-runtime"),U=({rgb:e,...t})=>{let i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let o=i.current,n=o==null?void 0:o.getContext("webgl");if(!n||!o)return;let m=()=>{o.width=innerWidth,o.height=innerHeight,n.viewport(0,0,n.drawingBufferWidth,n.drawingBufferHeight)};return m(),E(n,e),addEventListener("resize",m),()=>{removeEventListener("resize",m)}},[e]),(0,L.jsx)("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...t,ref:i})};0&&(module.exports={MouseTrail});

dist/shaders/frag.js

@@ -1,2 +0,2 @@
-"use strict";var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(i,o)=>{for(var e in o)r(i,e,{get:o[e],enumerable:!0})},n=(i,o,e,v)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of l(o))!f.call(i,a)&&a!==e&&r(i,a,{get:()=>o[a],enumerable:!(v=c(o,a))||v.enumerable});return i};var t=i=>n(r({},"__esModule",{value:!0}),i);var g={};m(g,{default:()=>d});module.exports=t(g);var d=`precision mediump float;
+var v=`precision mediump float;
 uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;

dist/shaders/vert.js

@@ -1,2 +0,2 @@
-"use strict";var e=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var n=(a,t)=>{for(var i in t)e(a,i,{get:t[i],enumerable:!0})},p=(a,t,i,v)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of r(t))!f.call(a,o)&&o!==i&&e(a,o,{get:()=>t[o],enumerable:!(v=l(t,o))||v.enumerable});return a};var s=a=>p(e({},"__esModule",{value:!0}),a);var b={};n(b,{default:()=>u});module.exports=s(b);var u=`attribute vec2 pos;
+var i=`attribute vec2 pos;
 attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;

dist/utils.js

@@ -1,3 +0,3 @@
-"use strict";var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var o in t)m(e,o,{get:t[o],enumerable:!0})},P=(e,t,o,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of L(t))!B.call(e,a)&&a!==o&&m(e,a,{get:()=>t[a],enumerable:!(u=p(t,a))||u.enumerable});return e};var T=e=>P(m({},"__esModule",{value:!0}),e);var y={};x(y,{trails:()=>U});module.exports=T(y);var b=`attribute vec2 pos;
+"use strict";var m=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var o in t)m(e,o,{get:t[o],enumerable:!0})},x=(e,t,o,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of B(t))!p.call(e,a)&&a!==o&&m(e,a,{get:()=>t[a],enumerable:!(u=L(t,a))||u.enumerable});return e};var T=e=>x(m({},"__esModule",{value:!0}),e);var C={};P(C,{trails:()=>D});module.exports=T(C);var b=`attribute vec2 pos;
 attribute float a;varying float v;void main() {gl_Position=vec4(pos, 0.0, 1.0);v=a;}`;var F=`precision mediump float;
-uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var U=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let o=(r,c)=>{let n=e.createShader(r);return e.shaderSource(n,c),e.compileShader(n),n},u=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},a=o(e.VERTEX_SHADER,b),S=o(e.FRAGMENT_SHADER,F),s=e.createProgram();e.attachShader(s,a),e.attachShader(s,S),e.linkProgram(s),e.useProgram(s);let d=(r,c)=>{let n=e.getAttribLocation(s,r);return e.vertexAttribPointer(n,c,e.FLOAT,!1,0,0),e.enableVertexAttribArray(n),n},h=d("pos",2),v=d("a",1),_=u(),E=u();e.uniform3f(e.getUniformLocation(s,"c"),...t);let A=!1,f=[],i=[],R=()=>{A=!0,i=i.map(r=>r/1.1),f=f.filter((r,c)=>i[c]>.001),i=i.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(f),e.STREAM_DRAW),e.vertexAttribPointer(h,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,E),e.bufferData(e.ARRAY_BUFFER,new Float32Array(i),e.STREAM_DRAW),e.vertexAttribPointer(v,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,f.length/2),f.length?requestAnimationFrame(R):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let c=r.clientX/innerWidth*2-1,n=r.clientY/innerHeight*-2+1;f.unshift(c,n),i.unshift(1),!A&&R()})};0&&(module.exports={trails});
+uniform vec3 c;varying float v;void main() {gl_FragColor=vec4(c, v);}`;var D=(e,t=[1,0,0])=>{e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);let o=(r,c)=>{let n=e.createShader(r);return e.shaderSource(n,c),e.compileShader(n),n},u=()=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),r},a=o(e.VERTEX_SHADER,b),S=o(e.FRAGMENT_SHADER,F),s=e.createProgram();e.attachShader(s,a),e.attachShader(s,S),e.linkProgram(s),e.useProgram(s);let R=(r,c)=>{let n=e.getAttribLocation(s,r);return e.vertexAttribPointer(n,c,e.FLOAT,!1,0,0),e.enableVertexAttribArray(n),n},h=R("pos",2),v=R("a",1),_=u(),E=u();e.uniform3f(e.getUniformLocation(s,"c"),...t);let A=!1,f=[],i=[],d=()=>{A=!0,i=i.map(r=>r/1.1),f=f.filter((r,c)=>i[c]>.001),i=i.filter(r=>r>.01),e.clear(e.COLOR_BUFFER_BIT),e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,new Float32Array(f),e.STREAM_DRAW),e.vertexAttribPointer(h,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,E),e.bufferData(e.ARRAY_BUFFER,new Float32Array(i),e.STREAM_DRAW),e.vertexAttribPointer(v,1,e.FLOAT,!1,0,0),e.drawArrays(e.LINE_STRIP,0,f.length/2),f.length?requestAnimationFrame(d):A=!1};e.clearColor(0,0,0,0),addEventListener("mousemove",r=>{let c=r.clientX/innerWidth*2-1,n=r.clientY/innerHeight*-2+1;f.unshift(c,n),i.unshift(1),!A&&d()})};0&&(module.exports={trails});

package.json

@@ -5,3 +5,3 @@ {
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A lightweight WebGL-based React component for creating a mouse trail effect.",
@@ -30,24 +30,24 @@ "license": "MPL-2.0",
     "@repo/typescript-config": "workspace:*",
-    "@testing-library/react": "^16.0.0",
-    "@types/node": "^20.14.9",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^1.6.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.8",
     "esbuild-plugin-rdi": "^0.0.0",
-    "esbuild-plugin-react18": "0.2.4",
+    "esbuild-plugin-react18": "0.2.6",
     "esbuild-plugin-react18-css": "^0.0.4",
-    "esbuild-plugin-webgl": "^0.0.1",
-    "jsdom": "^24.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "tsup": "^8.1.0",
-    "typescript": "^5.5.2",
-    "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.6.0",
+    "esbuild-plugin-webgl": "^0.0.3",
+    "jsdom": "^25.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8",
     "vitest-webgl-canvas-mock": "^1.1.0"
   },
   "peerDependencies": {
-    "@types/react": "16.8 - 19",
-    "react": "16.8 - 19"
+    "@types/react": ">=16.8",
+    "react": ">=16.8"
   },
@@ -54,0 +54,0 @@ "funding": [

No alert changes

Worsened metrics

Total package byte prevSize

21042

decreased by-4.22%

Lines of code

102

decreased by-1.92%

No dependency changes