Double clicking to edit sketch while moving the mouse can hide the client side scene (aka white screen)

[JordanNoone]

[Add a title above and insert a description of the issue here]

Core Dump

coredump-2ca683b8-cb5d-4ffc-9f08-379988480fc4.json

Reference ID: 2ca683b8-cb5d-4ffc-9f08-379988480fc4

KCL Code

sketch001 = startSketchOn('XZ')
  |> startProfileAt([0, 0], %)
  |> line([3.14, 3.14], %)
  |> line([3.14, 3.14], %)
  |> line([3.14, 3.14], %)

[nadr0]

The bug should be related to this block of code, below you can see the variable hideClient. This is the problematic state that can get into a bad value. Will be debugging this and fixing it.

In ClientSideSceneComp.tsx

function useShouldHideScene(): { hideClient: boolean; hideServer: boolean } {
  const [isCamMoving, setIsCamMoving] = useState(false)
  const [isTween, setIsTween] = useState(false)

  const { state } = useModelingContext()

  useEffect(() => {
    sceneInfra.camControls.setIsCamMovingCallback((isMoving, isTween) => {
      setIsCamMoving(isMoving)
      setIsTween(isTween)
    })
  }, [])

  if (DEBUG_SHOW_BOTH_SCENES || !isCamMoving)
    return { hideClient: false, hideServer: false }
  let hideServer = state.matches('Sketch')
  if (isTween) {
    hideServer = false
  }

  return { hideClient: !hideServer, hideServer }
}

  return (
    <>
      <div
        ref={canvasRef}
        style={{ cursor: cursor }}
        data-testid="client-side-scene"
        className={`absolute inset-0 h-full w-full transition-all duration-300 ${
          hideClient ? 'opacity-0' : 'opacity-100'
        } ${hideServer ? 'bg-chalkboard-10 dark:bg-chalkboard-100' : ''} ${
          !hideClient && !hideServer && state.matches('Sketch')
            ? 'bg-chalkboard-10/80 dark:bg-chalkboard-100/80'
            : ''
        }`}
      ></div>
      <Overlays />
    </>
  )