chore(chromatic): onlyChanged

.storybook/stories/FaceControls.stories.tsx

@@ -22,6 +22,9 @@ export default {
     ),
   ],
   tags: ['!autodocs'], // FaceLandmarker cannot have multiple instances
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta<typeof FaceControls>
 
 type Story = StoryObj<typeof FaceControls>

.storybook/stories/Fbo.stories.tsx

@@ -24,8 +24,9 @@ type Story = StoryObj<typeof Fbo>
 function SpinningThing() {
   const mesh = React.useRef<React.ComponentRef<typeof TorusKnot>>(null!)
 
-  useFrame(() => {
-    mesh.current.rotation.x = mesh.current.rotation.y = mesh.current.rotation.z += 0.01
+  useFrame((state) => {
+    const t = state.clock.getElapsedTime()
+    mesh.current.rotation.x = mesh.current.rotation.y = mesh.current.rotation.z = t
   })
 
   return (

.storybook/stories/HTML.stories.tsx

@@ -95,21 +95,14 @@ export const HTMLTransformSt = {
 
 function HTMLOrthographicScene(props: HtmlProps) {
   const camera = useThree((state) => state.camera)
-  const [zoomIn, setZoomIn] = React.useState(true)
 
   const initialCamera = {
     position: new THREE.Vector3(0, 0, -10),
   }
 
-  useFrame(() => {
-    zoomIn ? (camera.zoom += 0.01) : (camera.zoom -= 0.01)
+  useFrame((state) => {
+    camera.zoom = 2 + Math.sin(state.clock.getElapsedTime()) * 1
     camera.updateProjectionMatrix()
-
-    if (camera.zoom > 3) {
-      setZoomIn(false)
-    } else if (camera.zoom < 1) {
-      setZoomIn(true)
-    }
   })
 
   return (

.storybook/stories/Instances.stories.tsx

@@ -17,6 +17,9 @@ export default {
       </Setup>
     ),
   ],
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 }
 
 // type Story = StoryObj

.storybook/stories/WebcamVideoTexture.stories.tsx

@@ -17,6 +17,9 @@ export default {
       </Setup>
     ),
   ],
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta<typeof WebcamVideoTexture>
 
 type Story = StoryObj<typeof WebcamVideoTexture>

chromatic.config.json

@@ -1,5 +1,4 @@
 {
   "projectId": "Project:64a019f36ecd3751d0ada612",
-  "zip": true,
-  "onlyStoryFiles": [".storybook/stories/Example.stories.tsx", ".storybook/stories/CameraShake.stories.tsx"]
+  "zip": true
 }