biome

packages/viewer/src/components/renderers/building/building-renderer.tsx

@@ -1,19 +1,19 @@
-import { BuildingNode, useRegistry } from "@pascal-app/core";
-import { useRef } from "react";
-import { Group } from "three";
-import { NodeRenderer } from "../node-renderer";
-import { useNodeEvents } from "../../../hooks/use-node-events";
+import { type BuildingNode, useRegistry } from '@pascal-app/core'
+import { useRef } from 'react'
+import type { Group } from 'three'
+import { useNodeEvents } from '../../../hooks/use-node-events'
+import { NodeRenderer } from '../node-renderer'
 
 export const BuildingRenderer = ({ node }: { node: BuildingNode }) => {
-  const ref = useRef<Group>(null!);
+  const ref = useRef<Group>(null!)
 
-  useRegistry(node.id, node.type, ref);
-  const handlers = useNodeEvents(node, "building");
+  useRegistry(node.id, node.type, ref)
+  const handlers = useNodeEvents(node, 'building')
   return (
     <group ref={ref} {...handlers}>
       {node.children.map((childId) => (
         <NodeRenderer key={childId} nodeId={childId} />
       ))}
     </group>
-  );
-};
+  )
+}

packages/viewer/src/components/renderers/item/item-renderer.tsx

@@ -1,21 +1,14 @@
-import {
-  AnyNodeId,
-  emitter,
-  ItemNode,
-  useRegistry,
-  useScene,
-} from "@pascal-app/core";
-import { Clone } from "@react-three/drei/core/Clone";
-import { useGLTF } from "@react-three/drei/core/Gltf";
-import { ThreeEvent } from "@react-three/fiber/dist/declarations/src/core/events";
-import { Suspense, useCallback, useEffect, useRef } from "react";
-import { Group } from "three";
-import { useNodeEvents } from "../../../hooks/use-node-events";
+import { type AnyNodeId, type ItemNode, useRegistry, useScene } from '@pascal-app/core'
+import { Clone } from '@react-three/drei/core/Clone'
+import { useGLTF } from '@react-three/drei/core/Gltf'
+import { Suspense, useEffect, useRef } from 'react'
+import type { Group } from 'three'
+import { useNodeEvents } from '../../../hooks/use-node-events'
 
 export const ItemRenderer = ({ node }: { node: ItemNode }) => {
-  const ref = useRef<Group>(null!);
+  const ref = useRef<Group>(null!)
 
-  useRegistry(node.id, node.type, ref);
+  useRegistry(node.id, node.type, ref)
 
   return (
     <group position={node.position} rotation={node.rotation} ref={ref}>
@@ -23,22 +16,22 @@ export const ItemRenderer = ({ node }: { node: ItemNode }) => {
         <ModelRenderer node={node} />
       </Suspense>
     </group>
-  );
-};
+  )
+}
 
 const ModelRenderer = ({ node }: { node: ItemNode }) => {
-  const { scene, nodes } = useGLTF(node.asset.src);
+  const { scene, nodes } = useGLTF(node.asset.src)
 
   if (nodes.cutout) {
-    nodes.cutout.visible = false;
+    nodes.cutout.visible = false
   }
 
-  const handlers = useNodeEvents(node, "item");
+  const handlers = useNodeEvents(node, 'item')
 
   useEffect(() => {
-    if (!node.parentId) return;
-    useScene.getState().dirtyNodes.add(node.parentId as AnyNodeId);
-  }, []);
+    if (!node.parentId) return
+    useScene.getState().dirtyNodes.add(node.parentId as AnyNodeId)
+  }, [node.parentId])
 
   return (
     <Clone
@@ -48,5 +41,5 @@ const ModelRenderer = ({ node }: { node: ItemNode }) => {
       rotation={node.asset.rotation}
       {...handlers}
     />
-  );
-};
+  )
+}

packages/viewer/src/components/renderers/level/level-renderer.tsx

@@ -1,12 +1,12 @@
-import { LevelNode, useRegistry } from "@pascal-app/core";
-import { useRef } from "react";
-import { Group } from "three";
-import { NodeRenderer } from "../node-renderer";
+import { type LevelNode, useRegistry } from '@pascal-app/core'
+import { useRef } from 'react'
+import type { Group } from 'three'
+import { NodeRenderer } from '../node-renderer'
 
 export const LevelRenderer = ({ node }: { node: LevelNode }) => {
-  const ref = useRef<Group>(null!);
+  const ref = useRef<Group>(null!)
 
-  useRegistry(node.id, node.type, ref);
+  useRegistry(node.id, node.type, ref)
 
   return (
     <group ref={ref}>
@@ -18,5 +18,5 @@ export const LevelRenderer = ({ node }: { node: LevelNode }) => {
         <NodeRenderer key={childId} nodeId={childId} />
       ))}
     </group>
-  );
-};
+  )
+}

packages/viewer/src/components/renderers/node-renderer.tsx

@@ -1,22 +1,22 @@
-"use client";
+'use client'
 
-import { AnyNode, useScene } from "@pascal-app/core";
-import { ItemRenderer } from "./item/item-renderer";
-import { LevelRenderer } from "./level/level-renderer";
-import { WallRenderer } from "./wall/wall-renderer";
-import { BuildingRenderer } from "./building/building-renderer";
+import { type AnyNode, useScene } from '@pascal-app/core'
+import { BuildingRenderer } from './building/building-renderer'
+import { ItemRenderer } from './item/item-renderer'
+import { LevelRenderer } from './level/level-renderer'
+import { WallRenderer } from './wall/wall-renderer'
 
-export const NodeRenderer = ({ nodeId }: { nodeId: AnyNode["id"] }) => {
-  const node = useScene((state) => state.nodes[nodeId]);
+export const NodeRenderer = ({ nodeId }: { nodeId: AnyNode['id'] }) => {
+  const node = useScene((state) => state.nodes[nodeId])
 
-  if (!node) return null;
+  if (!node) return null
 
   return (
     <>
-      {node.type === "building" && <BuildingRenderer node={node} />}
-      {node.type === "level" && <LevelRenderer node={node} />}
-      {node.type === "item" && <ItemRenderer node={node} />}
-      {node.type === "wall" && <WallRenderer node={node} />}
+      {node.type === 'building' && <BuildingRenderer node={node} />}
+      {node.type === 'level' && <LevelRenderer node={node} />}
+      {node.type === 'item' && <ItemRenderer node={node} />}
+      {node.type === 'wall' && <WallRenderer node={node} />}
     </>
-  );
-};
+  )
+}

packages/viewer/src/components/renderers/scene-renderer.tsx

@@ -1,12 +1,10 @@
-"use client";
+'use client'
 
-import { useScene } from "@pascal-app/core";
-import { NodeRenderer } from "./node-renderer";
+import { useScene } from '@pascal-app/core'
+import { NodeRenderer } from './node-renderer'
 
 export const SceneRenderer = () => {
-  const rootNodes = useScene((state) => state.rootNodeIds);
+  const rootNodes = useScene((state) => state.rootNodeIds)
 
-  return rootNodes.map((nodeId) => (
-    <NodeRenderer key={nodeId} nodeId={nodeId} />
-  ));
-};
+  return rootNodes.map((nodeId) => <NodeRenderer key={nodeId} nodeId={nodeId} />)
+}

packages/viewer/src/components/renderers/wall/wall-renderer.tsx

@@ -1,15 +1,15 @@
-import { useRegistry, WallNode } from "@pascal-app/core";
-import { useRef } from "react";
-import { Mesh } from "three";
-import { NodeRenderer } from "../node-renderer";
-import { useNodeEvents } from "../../../hooks/use-node-events";
+import { useRegistry, type WallNode } from '@pascal-app/core'
+import { useRef } from 'react'
+import type { Mesh } from 'three'
+import { useNodeEvents } from '../../../hooks/use-node-events'
+import { NodeRenderer } from '../node-renderer'
 
 export const WallRenderer = ({ node }: { node: WallNode }) => {
-  const ref = useRef<Mesh>(null!);
+  const ref = useRef<Mesh>(null!)
 
-  useRegistry(node.id, "wall", ref);
+  useRegistry(node.id, 'wall', ref)
 
-  const handlers = useNodeEvents(node, "wall");
+  const handlers = useNodeEvents(node, 'wall')
 
   return (
     <mesh ref={ref} castShadow receiveShadow>
@@ -24,5 +24,5 @@ export const WallRenderer = ({ node }: { node: WallNode }) => {
         <NodeRenderer key={childId} nodeId={childId} />
       ))}
     </mesh>
-  );
-};
+  )
+}