implement subtract

examples/subtract.fixture.tsx

@@ -0,0 +1,11 @@
+import { Cube, Sphere, Subtract } from "../lib"
+import { JsCadFixture } from "../lib/components/jscad-fixture"
+
+export default () => (
+  <JsCadFixture>
+    <Subtract>
+      <Cube size={10} />
+      <Sphere radius={6} />
+    </Subtract>
+  </JsCadFixture>
+)

lib/create-host-config.ts

@@ -24,6 +24,7 @@ import type {
   RoundedCylinderProps,
   Slice,
   SphereProps,
+  SubtractProps,
   TorusProps,
   UnionProps,
 } from "./jscad-fns"
@@ -257,6 +258,26 @@ export function createHostConfig(jscad: JSCADModule) {
         return geometries.reduce((acc, curr) => jscad.booleans.union(acc, curr))
       }
 
+      case "subtract": {
+        const { children } = props as SubtractProps
+        if (!Array.isArray(children) || children.length < 2) {
+          throw new Error("Subtract must have at least two children")
+        }
+
+        const geometries = children.map((child: any) =>
+          createInstance(
+            child.type,
+            child.props,
+            rootContainerInstance,
+            hostContext,
+            internalInstanceHandle,
+          ),
+        )
+        return geometries.reduce((acc, curr) =>
+          jscad.booleans.subtract(acc, curr),
+        )
+      }
+
       case "translate": {
         const { args, children } = props as JSX.IntrinsicElements["translate"]
         const childGeometry = renderChildren(children)

lib/intrinsic-jsx.d.ts

@@ -33,6 +33,7 @@ declare global {
       torus: FN.TorusProps & CommonProps
       custom: FN.CustomProps & CommonProps
       union: FN.UnionProps & CommonProps
+      subtract: FN.SubtractProps & CommonProps
       circle: FN.CircleProps & CommonProps
       rectangle: FN.RectangleProps & CommonProps
       hull: FN.HullProps & CommonProps

lib/jscad-fns/index.ts

@@ -20,6 +20,7 @@ export * from "./rotate"
 export * from "./rounded-cuboid"
 export * from "./rounded-cylinder"
 export * from "./sphere"
+export * from "./subtract"
 export * from "./torus"
 export * from "./translate"
 export * from "./union"

lib/jscad-fns/subtract.tsx

@@ -0,0 +1,15 @@
+import { withColorProp } from "lib/wrappers/with-color-prop"
+import { withOffsetProp } from "lib/wrappers/with-offset-prop"
+
+export type SubtractProps = {
+  children: React.ReactNode[]
+}
+
+const SubtractBase = ({ children }: SubtractProps) => {
+  if (!Array.isArray(children) || children.length < 2) {
+    throw new Error("Subtract must have at least two children")
+  }
+  return <subtract>{children}</subtract>
+}
+
+export const Subtract = withOffsetProp(withColorProp(SubtractBase))