Split rails with at least 2 spars supporting

Author: 3ach

src/components/SideRail.tsx

@@ -13,6 +13,7 @@ export default class SideRail extends SVGComponent<SideRailProps> {
         const thickness = this.props.table.thickness;
         const maxLength = this.props.table.trackCutPoint;
         const material = this.props.table.material;
+        const xSparGap = this.props.table.xSparGap;
 
         let pathstr = `M 0 0`
         if (length < maxLength) {
@@ -28,16 +29,21 @@ export default class SideRail extends SVGComponent<SideRailProps> {
             pathstr += `L ${length - sparInset} ${thickness * 0.75}`;
         } else {
             let buffer = material / 2;
-
-            pathstr += `L ${maxLength} 0`
-            pathstr += `L ${maxLength} ${thickness}`
+            let firstLength = maxLength;
+            const safeCutPoint = xSparGap + (4 * material) + sparInset;
+            if (length - firstLength < safeCutPoint) {
+                firstLength = length - safeCutPoint;
+            }
+
+            pathstr += `L ${firstLength} 0`
+            pathstr += `L ${firstLength} ${thickness}`
             pathstr += `L 0 ${thickness}`
             pathstr += 'z'
 
-            pathstr += `M ${maxLength + buffer} 0`
+            pathstr += `M ${firstLength + buffer} 0`
             pathstr += `L ${length + buffer} 0`
             pathstr += `L ${length + buffer} ${thickness}`
-            pathstr += `L ${maxLength + buffer} ${thickness}`
+            pathstr += `L ${firstLength + buffer} ${thickness}`
             pathstr += 'z'
 
             pathstr += `M ${sparInset} ${thickness * 0.25}`;

src/components/TopRail.tsx

@@ -15,22 +15,28 @@ export default class TopRail extends SVGComponent<TopRailProps> {
         const trackWidth = this.props.table.trackWidth;
         const holeSize = this.props.table.holeSize;
         const material = this.props.table.material;
+        const xSparGap = this.props.table.xSparGap;
         const buffer = length > maxLength ? material / 2 : 0;
         let [yFrontSetback, yFrontFirstX, yFrontSecondX] = this.props.table.frontHoleCoordinates;
         let [yBackFirstSetback, yBackSecondSetback, yBackFirstX, yBackSecondX] = this.props.table.backHoleCoordinates;
 
         let pathstr = `M 0 0`
 
         if (length > maxLength) {
-            pathstr += `L ${maxLength} 0`
-            pathstr += `L ${maxLength} ${trackWidth}`
+            let firstLength = maxLength;
+            const safeCutPoint = xSparGap + (4 * material) + sparInset;
+            if (length - firstLength < safeCutPoint) {
+                firstLength = length - safeCutPoint;
+            }
+            pathstr += `L ${firstLength} 0`
+            pathstr += `L ${firstLength} ${trackWidth}`
             pathstr += `L 0 ${trackWidth}`
             pathstr += 'z'
 
-            pathstr += `M ${maxLength + buffer} 0`
+            pathstr += `M ${firstLength + buffer} 0`
             pathstr += `L ${length + buffer} 0`
             pathstr += `L ${length + buffer} ${trackWidth}`
-            pathstr += `L ${maxLength + buffer} ${trackWidth}`
+            pathstr += `L ${firstLength + buffer} ${trackWidth}`
             pathstr += 'z'
 
             pathstr += `M ${sparInset} ${trackWidth * 0.25}`;