Support animationSpeed prop and url param

Author: rossta

src/App.tsx

@@ -24,12 +24,17 @@ function App() {
 
   const isDarkMode = queryParams.get('isDarkMode') === 'true';
 
+  const animationSpeed = queryParams.get('animationSpeed')
+    ? parseFloat(queryParams.get('animationSpeed')!)
+    : undefined;
+
   return (
     <div className='min-h-screen flex items-center justify-center p-4'>
       <EnumerationDemo
         demoType={demoType}
         customColors={customColors}
         isDarkMode={isDarkMode}
+        animationSpeed={animationSpeed}
       />
     </div>
   );

src/components/EnumerationDemo.tsx

@@ -54,12 +54,14 @@ interface EnumerationDemoProps extends React.HTMLAttributes<HTMLDivElement> {
   demoType?: EnumerationType;
   isDarkMode?: boolean;
   customColors?: ThemeColors;
+  animationSpeed?: number;
 }
 
 const EnumerationDemo: React.FC<EnumerationDemoProps> = ({
   demoType,
   isDarkMode = false,
   customColors = {},
+  animationSpeed = 0.18,
   className,
   ...props
 }) => {
@@ -94,7 +96,7 @@ const EnumerationDemo: React.FC<EnumerationDemoProps> = ({
   const animationRef = useRef<number | null>(null);
 
   const EXPLOSION_DURATION = 500;
-  const ANIMATION_STEP = 0.18;
+  const ANIMATION_STEP = animationSpeed;
   const FRAME_DURATION = 16;
   const MAX_PROGRESS = 150;
   const isEven = (n: number): boolean => n % 2 === 0;