refactor(examples): overhauled module-design example for more clarity,

better structure, and more idiomatic v2

packages/examples/core/module-design/index.js

@@ -3,16 +3,18 @@ const sphereShape = require('./subFolder/sphereShape')
 
 const getParameterDefinitions = (prevParamValues) => {
   return [
-    { name: 'show', type: 'checkbox', checked: false, caption: 'Show:' },
+    { name: 'showSphere', type: 'checkbox', checked: false, caption: 'Show sphere:' },
+    { name: 'showPlate', type: 'checkbox', checked: true, caption: 'Show plate:' },
     { name: 'length', type: 'float', initial: 25, caption: 'length', min: 50, max: 200 }
   ]
 }
 
 const main = params => {
-  return [
-    mountPlate(params.length),
-    sphereShape(10)
-  ]
+  let results = []
+  results = params.showPlate ? results.concat(mountPlate(params.length)) : results
+  results = params.showSphere ? results.concat(sphereShape(3)) : results
+
+  return results
 }
 
 module.exports = { main, getParameterDefinitions }

packages/examples/core/module-design/mountPlate.js

@@ -1,7 +1,7 @@
-const { cube } = require('@jscad/modeling').primitives
+const { cuboid } = require('@jscad/modeling').primitives
 
 const mountPlate = (length) => {
-  return cube({ size: [length, 1, 1] })
+  return cuboid({ size: [length, 10, 1] })
 }
 
 module.exports = mountPlate

packages/examples/core/module-design/subFolder/sphereShape.js

@@ -1,7 +1,8 @@
 const { sphere } = require('@jscad/modeling').primitives
+const color = require('@jscad/modeling').color.color
 
 const sphereShape = (radius) => {
-  return sphere({ radius })
+  return color([1, 0, 0, 1], sphere({ radius }))
 }
 
 module.exports = sphereShape