50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T16fc,import React, { useEffect, useRef, useState, useMemo } from 'react'; import { motion, useSpring, useTransform, useReducedMotion } from 'motion/react'; import { Activity } from 'lucide-react'; import { useCanvasSetup } from '../../hooks/useCanvasSetup'; const PERIODS = [ { name: 'Last 3 Months', weeks: 12 }, { name: 'Last 6 Months', weeks: 24 }, ]; const smoothstep = (min: number, max: number, value: number) => { const x = Math.max(0, Math.min(1, (value - min) / (max - min))); return x * x * (3 - 2 * x); }; const hash = (x: number, y: number) => { let h = Math.sin(x * 12.9898 + y * 78.233) * 43758.5453; return h - Math.floor(h); }; function AnimatedNumber({ value }: { value: number }) { const prefersReducedMotion = useReducedMotion(); const spring = useSpring(value, { stiffness: 190, damping: 27, mass: 0.7 }); const display = useTransform(spring, (current) => Math.round(current).toLocaleString('en-US') ); useEffect(() => { if (prefersReducedMotion) spring.jump(value); else spring.set(value); }, [value, spring, prefersReducedMotion]); return {display}; } export function ActivityHeatmap({ theme = 'dark', compact = false }: { theme?: 'dark' | 'light'; compact?: boolean }) { const [periodIndex, setPeriodIndex] = useState(0); const { canvasRef, rect, isVisible, reducedMotion } = useCanvasSetup(); const period = PERIODS[periodIndex]; const { data, total } = useMemo(() => { const weeks = period.weeks; const newData = []; let tot = 0; for (let w = 0; w < weeks; w++) { const col = []; for (let d = 0; d < 7; d++) { const val = Math.floor(Math.sin(w * 0.5 + d * 0.2) * 2 + Math.cos(w * 1.2) * 1.5 + 2); const clamped = Math.max(0, Math.min(4, val)); col.push(clamped); tot += clamped * 10; } newData.push(col); } return { data: newData, total: tot }; }, [periodIndex]); const targetDataRef = useRef(data); const fromDataRef = useRef(data); const morphStartTimeRef = useRef(0); const timeRef = useRef(0); useEffect(() => { fromDataRef.current = targetDataRef.current; targetDataRef.current = data; morphStartTimeRef.current = performance.now(); }, [data]); useEffect(() => { let req: number; const draw = () => { if (!isVisible.current) { req = requestAnimationFrame(draw); return; } const canvas = canvasRef.current; if (!canvas) return; const ctx = canvas.getContext('2d'); if (!ctx) return; const { width: w, height: h } = rect.current; if (w === 0 || h === 0) { req = requestAnimationFrame(draw); return; } timeRef.current += reducedMotion ? 0 : 0.02; const dpr = Math.min(window.devicePixelRatio || 1, 2); ctx.save(); ctx.scale(dpr, dpr); ctx.clearRect(0, 0, w, h); const prog = reducedMotion ? 1 : Math.min(1, (performance.now() - morphStartTimeRef.current) / 500); const e = 1 - Math.pow(2, -10 * prog); const weeks = Math.max(fromDataRef.current.length, targetDataRef.current.length); const cellSize = 10; const gap = 2.5; const totalW = weeks * (cellSize + gap) - gap; const totalH = 7 * (cellSize + gap) - gap; const startX = (w - totalW) / 2; const startY = (h - totalH) / 2; const colors = ['rgba(255,255,255,0.15)', 'rgba(255,255,255,0.35)', 'rgba(255,255,255,0.55)', 'rgba(255,255,255,0.75)', '#FFFFFF']; const cell = Math.max(2, Math.round(w / 250)); const t2 = timeRef.current; for (let wk = 0; wk < weeks; wk++) { for (let d = 0; d < 7; d++) { const targetVal = targetDataRef.current[wk]?.[d] || 0; const fromVal = fromDataRef.current[wk]?.[d] || 0; const val = fromVal + (targetVal - fromVal) * e; const x = startX + wk * (cellSize + gap); const y = startY + d * (cellSize + gap); const colorIdx = Math.max(0, Math.min(4, Math.round(val))); ctx.save(); ctx.beginPath(); ctx.rect(x, y, cellSize, cellSize); ctx.clip(); ctx.globalAlpha = 0.85; ctx.fillStyle = colors[colorIdx]; for (let tx = Math.floor(x); tx <= Math.ceil(x + cellSize); tx += cell) { for (let ty = Math.floor(y); ty <= Math.ceil(y + cellSize); ty += cell) { const jx = tx + cell / 2; const jy = ty + cell / 2; const jit = hash(jx, jy); const waveRaw = reducedMotion ? 0 : Math.sin(jx * 0.05 + t2) + Math.sin(jy * 0.05 + t2 * 0.7); const mod = smoothstep(-1.5, 1.5, waveRaw); const sz = cell * (0.4 + 0.4 * mod) * (0.8 + 0.4 * jit); ctx.fillRect(tx + (cell - sz)/2, ty + (cell - sz)/2, sz, sz); } } ctx.restore(); } } ctx.restore(); req = requestAnimationFrame(draw); }; req = requestAnimationFrame(draw); return () => cancelAnimationFrame(req); }, [reducedMotion]); return (

{!compact && (

contributions

)}

); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L50",null,{"namespace":"@amicro","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"src/components/dither-charts/ActivityHeatmap.tsx","content":"$52","type":"registry:component","target":"components/amicro/ActivityHeatmap.tsx"}],"className":"h-[70svh] min-h-80"}]]}]