Refactor NurbsCurve component to rename curveResolution prop to resolution for consistency, and update related Storybook stories accordingly.

Author: tommasoturchi

src/components/NurbsCurve.tsx

@@ -4,20 +4,21 @@ import verb from "verb-nurbs";
 import { Line } from "@react-three/drei";
 import type { LineProps } from "@react-three/drei";
 
-export interface NurbsCurveProps extends Omit<LineProps, "points"> {
+export interface NurbsCurveProps
+  extends Omit<LineProps, "points" | "resolution"> {
   points: number[][];
   degree?: number;
   weights?: number[];
   knots: number[];
-  curveResolution?: number;
+  resolution?: number;
 }
 
 export const NurbsCurve = ({
   points,
   degree = 3,
   weights,
   knots,
-  curveResolution = 50,
+  resolution = 50,
   color = "black",
   segments,
   dashed = false,
@@ -41,16 +42,17 @@ export const NurbsCurve = ({
       );
 
       // Create points along the curve
-      return Array.from({ length: curveResolution + 1 }, (_, i) => {
-        const t = i / curveResolution;
+      const res = resolution;
+      return Array.from({ length: res + 1 }, (_, i) => {
+        const t = i / res;
         const point = verbCurve.point(t);
         return new Vector3(point[0], point[1], point[2]);
       });
     } catch (error) {
       console.error("Error creating NURBS curve:", error);
       return [];
     }
-  }, [points, degree, weights, knots, curveResolution]);
+  }, [points, degree, weights, knots, resolution]);
 
   if (curvePoints.length === 0) return null;
 

src/stories/NurbsCurve.stories.tsx

@@ -38,7 +38,7 @@ export const Degree2Curve: Story = {
     ],
     degree: 2,
     knots: [0, 0, 0, 1, 1, 1],
-    curveResolution: 50,
+    resolution: 50,
     color: "#ff0000",
     lineWidth: 1,
   },
@@ -55,7 +55,7 @@ export const Degree3Curve: Story = {
     ],
     degree: 3,
     knots: [0, 0, 0, 0, 1, 1, 1, 1],
-    curveResolution: 50,
+    resolution: 50,
     color: "#00ff00",
     lineWidth: 1,
   },
@@ -72,7 +72,7 @@ export const WeightedCurve: Story = {
     degree: 2,
     knots: [0, 0, 0, 1, 1, 1],
     weights: [1, 2, 1],
-    curveResolution: 50,
+    resolution: 50,
     color: "#0000ff",
     lineWidth: 1,
   },