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/3j06ow7w40nxu.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/3j06ow7w40nxu.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:T18aa,"use client"; import { Timegroup } from "@editframe/react"; import type { CSSProperties } from "react"; export interface SuccessConfettiProps { count?: number; colors?: string[]; originX?: number; originY?: number; gravity?: number; velocity?: number; text?: string; textColor?: string; background?: string; seed?: string; speed?: number; fps?: number; durationInFrames?: number; className?: string; } // Seed-based PRNG (mulberry32) to replace Remotion's random // eslint-disable-next-line no-bitwise const mulberry32 = (seed: number) => { let a = Math.trunc(seed); return () => { a = Math.trunc(a + 1_814_331_957); // eslint-disable-next-line no-bitwise let t = Math.imul(a ^ (a >>> 15), 1 | a); // eslint-disable-next-line no-bitwise t ^= Math.imul(t ^ (t >>> 7), 61 | t); // eslint-disable-next-line no-bitwise unicorn/number-literal-case return Math.trunc(t & 0xff_ff_ff) / 4_294_967_296; }; }; const hashSeed = (seed: string): number => { let hash = 0; for (let i = 0; i < seed.length; i += 1) { const char = seed.codePointAt(i) ?? 0; hash = (hash << 5) - hash + char; // eslint-disable-line no-bitwise hash &= hash; // eslint-disable-line no-bitwise } return hash; }; const FONT_FAMILY = "var(--font-geist-sans), -apple-system, BlinkMacSystemFont, sans-serif"; export const SuccessConfetti = ({ count = 60, colors = ["#ff5e3a", "#22c55e", "#0ea5e9", "#facc15", "#a855f7"], originX = 0.5, originY = 0.5, gravity = 0.4, velocity = 12, text = "Merged!", textColor = "#171717", background = "#fafafa", seed = "framecn", speed = 1, fps = 30, durationInFrames = 90, className, }: SuccessConfettiProps) => { const safeSpeed = Math.max(0.01, speed); const durationMs = ((durationInFrames / fps) * 1000) / safeSpeed; const frameMs = 1000 / fps; const width = 1280; const height = 720; const cx = width * originX; const cy = height * originY; // Generate deterministic random particles const seedNum = hashSeed(seed); const random = mulberry32(seedNum); const particles = Array.from({ length: count }, (_, i) => { const angle = random() * Math.PI * 2; const launchSpeed = velocity * (0.6 + random() * 0.8); const colorIndex = Math.floor(random() * colors.length); const color = colors[colorIndex] ?? colors[0]; const size = 6 + random() * 8; const rotationSpeed = (random() - 0.5) * 16; const initialRotation = random() * 360; const isCircle = random() > 0.6; const lifeOffset = Math.floor(random() * 4); const totalFrames = durationInFrames - lifeOffset; const fTotal = totalFrames; const deltaX = Math.cos(angle) * launchSpeed * fTotal; const deltaY = Math.sin(angle) * launchSpeed * fTotal + 0.5 * gravity * fTotal * fTotal; const totalRotation = initialRotation + rotationSpeed * fTotal; const animStartMs = (lifeOffset * frameMs) / safeSpeed; const animDurationMs = (totalFrames * frameMs) / safeSpeed; return { animDurationMs, animName: `framecn-confetti-particle-${i}`, animStartMs, color, deltaX, deltaY, initialRotation, isCircle, key: i, lifeOffset, size, totalRotation, }; }); // Generate particle keyframes const particleKeyframes = particles .map( (p) => ` @keyframes ${p.animName} { 0% { transform: translate(0px, 0px) rotate(${p.initialRotation}deg); opacity: 0; } ${((4 - p.lifeOffset) / (durationInFrames - p.lifeOffset)) * 100}% { opacity: 1; } ${((durationInFrames - 20 - p.lifeOffset) / (durationInFrames - p.lifeOffset)) * 100}% { opacity: 1; } 100% { transform: translate(${p.deltaX}px, ${p.deltaY}px) rotate(${p.totalRotation}deg); opacity: 0; } } ` ) .join(""); const containerStyle = { background, fontFamily: FONT_FAMILY, inset: 0, overflow: "hidden", position: "absolute", } as CSSProperties; return ( <> {text ? (

{text}

) : null} ); }; 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","remotion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/remotion","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":"remotion"}]]}]}]]}],["$","$L50",null,{"namespace":"@framecn","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/bases/editframe/components/success-confetti/index.tsx","content":"$52","type":"registry:component","target":"components/framecn/success-confetti.tsx"}],"className":"h-[70svh] min-h-80"}]]}]