Check / polish setting lights target

[vatro]

Test extensively & refactor, this has to bulletproof for next.1

Noticed (issues) during testing:

• [x] Improve / Refactor SvelthreeGLTF and related types (related to using "strict": true in tsconfig.json + dx)
• [x] with LoadedGLTF tests (generated components) see #100

---

Test: (twice) set target to a component reference + set target to false

• SpotLight

  • [x] Mesh
  • [x] Object3D
  • [x] Group
  • [x] Scene
  • [x] PointLight
  • [x] SpotLight
  • [x] DirectionalLight
  • [x] OrthographicCamera
  • [x] PerspectiveCamera
  • [x] LoadedGLTF
  • [x] Points

• DirectionalLight

  • [x] Mesh
  • [x] Object3D
  • [x] Group
  • [x] Scene
  • [x] PointLight
  • [x] SpotLight
  • [x] DirectionalLight
  • [x] OrthographicCamera
  • [x] PerspectiveCamera
  • [x] LoadedGLTF
  • [x] Points

Test: (twice) set target to component's three.js instance reference + set target to false

• SpotLight

  • [x] Mesh
  • [x] Object3D
  • [x] Group
  • [x] Scene
  • [x] PointLight
  • [x] SpotLight
  • [x] DirectionalLight
  • [x] OrthographicCamera
  • [x] PerspectiveCamera
  • [x] LoadedGLTF
  • [x] Points

• DirectionalLight

  • [x] Mesh
  • [x] Object3D
  • [x] Group
  • [x] Scene
  • [x] PointLight
  • [x] SpotLight
  • [x] DirectionalLight
  • [x] OrthographicCamera
  • [x] PerspectiveCamera
  • [x] LoadedGLTF
  • [x] Points

Test: (twice) set target to a premade / manually added three.js instance + set target to false

• SpotLight

  • [x] Mesh
  • [x] Object3D
  • [x] Group
  • [x] Scene
  • [x] PointLight
  • [x] SpotLight
  • [x] DirectionalLight
  • [x] OrthographicCamera
  • [x] PerspectiveCamera LoadedGLTF (separate test targeting objects inside a complex loaded GLTF)
  • [x] Points

• DirectionalLight

  • [x] Mesh
  • [x] Object3D
  • [x] Group
  • [x] Scene
  • [x] PointLight
  • [x] SpotLight
  • [x] DirectionalLight
  • [x] OrthographicCamera
  • [x] PerspectiveCamera LoadedGLTF (separate test targeting objects inside a complex loaded GLTF)
  • [x] Points

Test: (twice) set target to a nested (grouped) component reference + set target to false

• SpotLight

  • [x] (<Group>) Mesh
  • [x] (<Object3D>) Mesh
  • [x] (<Mesh>) Mesh

• DirectionalLight

  • [x] (<Group>) Mesh
  • [x] (<Object3D>) Mesh
  • [x] (<Mesh>) Mesh

Test: (twice) set target to an object inside a complex loaded GLTF + set target to false

• SpotLight

  • [x] LoadedGLTF component (just loaded): iterate through LoadedGLTF component's container instance's children (three.js instances) and set them as target.
  • [x] LoadedGLTF component (loaded + generated): iterate through generated svelthree components and set them as target.
  • [x] LoadedGLTF component (loaded + generated): iterate through generated svelthree components' three.js instances and set them as target.
  • [x] Load a GLTF via THREE.GLTFLoader only, add it to the scene, iterate through GLTF container's children (three.js instances) and set them as target.

• DirectionalLight

  • [x] LoadedGLTF component (just loaded): iterate through LoadedGLTF component's container instance's children (three.js instances) and set them as target.
  • [x] LoadedGLTF component (loaded + generated): iterate through generated svelthree components and set them as target.
  • [x] LoadedGLTF component (loaded + generated): iterate through generated svelthree components' three.js instances and set them as target.
  • [x] Load a GLTF via THREE.GLTFLoader only, add it to the scene, iterate through GLTF container's children (three.js instances) and set them as target.

[vatro]

looking good! ✔️ Also checked after related recent fixes:

• https://github.com/vatro/svelthree/pull/188
• https://github.com/vatro/svelthree/pull/190