{"version":3,"file":"TrailingCursor.CHInZuRF.mjs","names":["useState","useRef","newTrail"],"sources":["https:/framerusercontent.com/modules/VbR6ciSVPVGUvKjRWVGP/cnYyCBtUpF4ZgHoMTJ76/TrailingCursor.js"],"sourcesContent":["// Custom Cursor with movement-based trail\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget,useIsStaticRenderer}from\"framer\";/**\n * Custom Cursor with Trailing Squares\n *\n * Shows a square cursor that follows the pointer and renders a fading trail of squares. Trail length and opacity are based on recent pointer movement intensity. Color is configurable.\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function TrailingCursor(props){const{color,size,trailBaseLength,trailMaxLength,fade,style,speed=1}=props;const isStatic=useIsStaticRenderer();// Don't show on thumbnail/canvas/static\nif(isStatic||RenderTarget.current()!==RenderTarget.preview)return null;// Trailing functionality\nconst[trail,setTrail]=useState([]);const[visible,setVisible]=useState(false);const trailRef=useRef([]);const lastPos=useRef(null);const lastMoveTime=useRef(0);const isIdleRef=useRef(true);// Decay controls\n// const DECAY_POINTS_PER_FRAME = 3\n// Aggressiveness and easing for visually natural decay\n// ---- Eased decay replaced with time-consistent frame-based closing\nconst CLOSE_DURATION=300// ms to fully close any trail\n;const IDLE_THRESHOLD=90// ms\n;const MIN_MOVE_DISTANCE=1.8// px minimum move distance required to add new point\n;// Called in RAF — on idle, determines pointsPerFrame for ~CLOSE_DURATION fade\nfunction getDecayRate(trailLen,frameTime){if(trailLen<=1)return 1;// New: time-consistent, frame-based decay rate so closing duration is ~CLOSE_DURATION\nconst frames=Math.max(1,CLOSE_DURATION/frameTime);let pointsPerFrame=trailLen/frames;// Clamp: min 1, max 3 points per frame\npointsPerFrame=Math.max(1,Math.min(3,pointsPerFrame));return pointsPerFrame;}const nowTime=()=>typeof performance!==\"undefined\"&&typeof performance.now===\"function\"?performance.now():Date.now();// Handle mouse movement & add points\nuseEffect(()=>{function handleMove(e){const x=e.clientX;const y=e.clientY;const now=nowTime();// Detect if cursor is inside document bounds; if not, ignore movement\nif(typeof document!==\"undefined\"){const inDoc=x>=0&&x<=window.innerWidth&&y>=0&&y<=window.innerHeight;if(!inDoc){// If cursor leaves doc, ignore event\nreturn;}}if(lastPos.current){const dx=x-lastPos.current.x;const dy=y-lastPos.current.y;const dist=Math.sqrt(dx*dx+dy*dy);// Ignore micro-movements completely: no trail mutation, no idle reset\nif(distmaxLen?appended.slice(appended.length-maxLen):appended;lastPos.current={x,y};lastMoveTime.current=now;setTrail(trailRef.current.slice());setVisible(true);return;}// First meaningful movement initializes the trail and clears idle\nlastPos.current={x,y};trailRef.current=[{x,y}];lastMoveTime.current=now;isIdleRef.current=false;setTrail([{x,y}]);setVisible(true);}if(typeof window!==\"undefined\"){window.addEventListener(\"mousemove\",handleMove);}return()=>{if(typeof window!==\"undefined\"){window.removeEventListener(\"mousemove\",handleMove);}};},[]);// Main RAF loop for deterministic decay & idle logic\nconst lastDecayTime=useRef(null);const rafIdRef=useRef(null);// Single persistent RAF loop; we don't toggle this on/off based on trail state\n// --- Add ref to hold _pendingHide state (was incorrectly assigned on function)\nconst pendingHideRef=useRef(0);// --- Add refs to hold idleDecay and headLinger values (fix type error)\nconst idleDecayStartLenRef=useRef(null);const idleDecayStartTimeRef=useRef(null);const headLingerStartRef=useRef(null);// PHASE 1: Soft decay (removes one point per frame, keeps head anchored until idle)\n// PHASE 2: Idle decay with smooth closing\nfunction fadeTrail(now){const t=now??nowTime();if(lastDecayTime.current==null){lastDecayTime.current=t;}const dt=t-lastDecayTime.current;const lastMove=lastMoveTime.current;const idle=t-lastMove>IDLE_THRESHOLD;const currentTrail=trailRef.current;if(idle){isIdleRef.current=true;}// If idle and trail is empty, just ensure state is cleared; RAF stays alive\nif(idle&¤tTrail.length===0){setTrail([]);if(!pendingHideRef.current){pendingHideRef.current=1;}else if(pendingHideRef.current===1){setVisible(false);pendingHideRef.current=0;}lastDecayTime.current=t;return;}else{pendingHideRef.current=0;}// Nothing to decay, but keep React state in sync\nif(currentTrail.length===0){lastDecayTime.current=t;setTrail([]);return;}const len=currentTrail.length;// --- PHASE 1: immediate soft decay if moving (no pause)\nif(!idle&&len>(props.minTrailLength||2)){// Remove exactly one from tail (never touch head)\nconst newTrail=currentTrail.slice(1);trailRef.current=newTrail;setTrail(newTrail.slice());lastDecayTime.current=t;// No phase 2 triggered (do NOT update idle decay refs)\nidleDecayStartLenRef.current=null;idleDecayStartTimeRef.current=null;headLingerStartRef.current=null;return;}// --- PHASE 2: idle decay with smooth closing\n// Easing for decay:\nif(!idleDecayStartLenRef.current&&idle){idleDecayStartLenRef.current=len;idleDecayStartTimeRef.current=t;}if(!idle){idleDecayStartLenRef.current=null;idleDecayStartTimeRef.current=null;}// --- REWRITE: Use time-consistent, frame-based decay rate (no per-frame clamps, no multi-rate logic)\nlet removeCount=0;if(idle){const CLOSE_DURATION=310// ms\n;const headLinger=70// ms\n;const startLen=idleDecayStartLenRef.current||len;const startT=idleDecayStartTimeRef.current||t;const timeSinceIdle=Math.max(0,t-startT);const frameTime=Math.max(16,dt);// Compute points per frame for time-consistent closing\nconst frames=Math.max(1,CLOSE_DURATION/frameTime);let pointsPerFrame=startLen/frames;pointsPerFrame=Math.max(1,pointsPerFrame);// Use Math.ceil to avoid rounding jitter\nremoveCount=Math.ceil(pointsPerFrame);// Never remove more than len-1 from tail\nremoveCount=Math.max(0,Math.min(removeCount,len-1));}else{removeCount=0;}let newTrail=currentTrail;if(idle){if(len===1){// Head lingers for a short time after tail disappears\nif(!headLingerStartRef.current){headLingerStartRef.current=t;}if(t-headLingerStartRef.current<70){newTrail=currentTrail;}else{newTrail=[];headLingerStartRef.current=null;}}else if(removeCount>0){newTrail=currentTrail.slice(removeCount);headLingerStartRef.current=null;}}trailRef.current=newTrail;lastDecayTime.current=t;setTrail(newTrail.slice());}useEffect(()=>{function loop(time){fadeTrail(time);// Always continue the single RAF loop while component is mounted\nrafIdRef.current=requestAnimationFrame(loop);}// Start the persistent loop once on mount\nrafIdRef.current=requestAnimationFrame(loop);return()=>{if(rafIdRef.current!==null){cancelAnimationFrame(rafIdRef.current);rafIdRef.current=null;}};},[]);// Hide default cursor\nuseEffect(()=>{return()=>{if(typeof document!==\"undefined\"&&document.body){document.body.style.cursor=\"\";}};},[]);if(!visible)return null;return /*#__PURE__*/_jsxs(\"div\",{style:{pointerEvents:\"none\",position:\"fixed\",inset:0,zIndex:999999,...style},children:[trail.length>1&&/*#__PURE__*/_jsx(\"svg\",{width:\"100vw\",height:\"100vh\",style:{position:\"fixed\",left:0,top:0,pointerEvents:\"none\",zIndex:999999,width:\"100vw\",height:\"100vh\",overflow:\"visible\",shapeRendering:\"geometricPrecision\"},children:/*#__PURE__*/_jsx(\"path\",{d:getSmoothTrailPath(trail),fill:\"none\",stroke:color,strokeWidth:size,strokeLinecap:\"round\",strokeLinejoin:\"round\",vectorEffect:\"non-scaling-stroke\",style:{shapeRendering:\"geometricPrecision\",vectorEffect:\"non-scaling-stroke\"}})}),trail.length>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"fixed\",left:trail[trail.length-1].x-size/2,top:trail[trail.length-1].y-size/2,width:size,height:size,borderRadius:0,background:color,opacity:1,boxShadow:\"0 1px 10px 0 rgba(0,0,0,0.10)\",transition:\"none\",willChange:\"transform, opacity\",pointerEvents:\"none\"}})]});}// --- utility for trail smoothing ---\nfunction getSmoothTrailPath(trail){if(trail.length===0)return\"\";if(trail.length===1){const{x,y}=trail[0];return`M${x},${y}`;}// Midpoint smoothing\nconst pts=trail;let d=\"M\"+pts[0].x+\",\"+pts[0].y;for(let i=0;i