react-mouse-trails - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/client/index.js

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

dist/client/mouse-trail/index.js

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

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

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

dist/index.js

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

dist/utils.js

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

package.json

@@ -5,3 +5,3 @@ {
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A lightweight WebGL-based React component for creating a mouse trail effect.",
@@ -12,5 +12,5 @@ "license": "MPL-2.0",
   "types": "./dist/index.d.ts",
-  "repository": "github:react18-tools/react-mouse-trail",
-  "bugs": "https://github.com/react18-tools/react-mouse-trail/issues",
-  "homepage": "https://github.com/react18-tools/react-mouse-trail/#readme",
+  "repository": "github:react18-tools/react-webgl-trails",
+  "bugs": "https://github.com/react18-tools/react-webgl-trails/issues",
+  "homepage": "https://github.com/react18-tools/react-webgl-trails/#readme",
   "sideEffects": false,
@@ -40,2 +40,3 @@ "files": [
     "esbuild-plugin-react18-css": "^0.0.4",
+    "esbuild-plugin-webgl": "^0.0.1",
     "jsdom": "^24.1.0",
@@ -42,0 +43,0 @@ "react": "^18.3.1",

README.md

@@ -1,2 +0,2 @@
-# React Mouse Trail <img src="https://github.com/react18-tools/react-mouse-trail/blob/main/popper.png?raw=true" style="height: 40px"/>
+# React WebGL Trails <img src="https://github.com/react18-tools/react-mouse-trail/blob/main/popper.png?raw=true" style="height: 40px"/>
 
@@ -24,3 +24,3 @@ [![test](https://github.com/react18-tools/react-mouse-trail/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/react-mouse-trail/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/4bb3a3316ff4ecd2a9eb/maintainability)](https://codeclimate.com/github/react18-tools/react-mouse-trail/maintainability) [![codecov](https://codecov.io/gh/react18-tools/react-mouse-trail/graph/badge.svg)](https://codecov.io/gh/react18-tools/react-mouse-trail) [![Version](https://img.shields.io/npm/v/react-mouse-trails.svg?colorB=green)](https://www.npmjs.com/package/react-mouse-trails) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/react-mouse-trails.svg)](https://www.npmjs.com/package/react-mouse-trails) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-mouse-trails) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
 ```bash
-$ pnpm add react-mouse-trails
+$ pnpm add react-webgl-trails
 ```
@@ -31,3 +31,3 @@
 ```bash
-$ npm install react-mouse-trails
+$ npm install react-webgl-trails
 ```
@@ -38,3 +38,3 @@
 ```bash
-$ yarn add react-mouse-trails
+$ yarn add react-webgl-trails
 ```
@@ -41,0 +41,0 @@

New alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21970

increased by8.34%

Number of package files

25

increased by19.05%

Lines of code

104

increased by14.29%

Worsened metrics

Dev dependency count

20

increased by5.26%

No dependency changes