Fixed: 3D viewer shouldn't be blank when the board's dimensions are 0 (#221)

* Show grid for empty board

* fixed

* Improved variable naming

* Improved variable naming

Author: MustafaMulla29

src/CadViewer.tsx

@@ -46,7 +46,15 @@ export const CadViewer = forwardRef<
       const board = su(circuitJson as any).pcb_board.list()[0]
       if (!board) return [5, 5, 5] as const
       const { width, height } = board
-      const largestDim = Math.max(width, height)
+
+      if (!width && !height) {
+        return [5, 5, 5] as const
+      }
+
+      const minCameraDistance = 5
+      const adjustedBoardWidth = Math.max(width, minCameraDistance)
+      const adjustedBoardHeight = Math.max(height, minCameraDistance)
+      const largestDim = Math.max(adjustedBoardWidth, adjustedBoardHeight)
       return [largestDim / 2, largestDim / 2, largestDim] as const
     } catch (e) {
       console.error(e)

stories/EmptyBoard.stories.tsx

@@ -0,0 +1,14 @@
+import { CadViewer } from "src/CadViewer"
+
+export const EmptyBoard = () => {
+  return (
+    <CadViewer>
+      <board width="0" height="0"></board>
+    </CadViewer>
+  )
+}
+
+export default {
+  title: "EmptyBoard",
+  component: EmptyBoard,
+}