All files / src/components/world/entities/scenes SceneEntities.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { memo, useMemo } from "react";
import WorldActor from "./actors/ActorView";
import TriggerView from "./triggers/TriggerView";
import { SceneContext } from "components/script/context/SceneContext";
import { useAppSelector, useAppSelectorPick } from "store/hooks";
import {
  paletteSelectors,
  sceneSelectors,
} from "store/features/entities/entitiesSelectors";
import { MonoOBJPalette } from "shared/lib/resources/types";
import { resolveScenePalettes } from "components/world/entities/scenes/helpers/scenePalettes";
 
interface SceneEntitiesProps {
  sceneId: string;
  editable?: boolean;
}
 
export const SceneEntities = memo(
  ({ sceneId, editable }: SceneEntitiesProps) => {
    const scene = useAppSelectorPick(
      (state) => sceneSelectors.selectById(state, sceneId),
      [
        "actors",
        "triggers",
        "spriteMode",
        "spritePaletteIds",
        "monoOBP0",
        "monoOBP1",
      ],
    );
 
    const defaultSpriteMode = useAppSelector(
      (state) => state.project.present.settings.spriteMode,
    );
 
    const spriteMode = scene?.spriteMode ?? defaultSpriteMode;
 
    const palettesLookup = useAppSelector((state) =>
      paletteSelectors.selectEntities(state),
    );
 
    const defaultSpritePaletteIds = useAppSelector(
      (state) => state.project.present.settings.defaultSpritePaletteIds ?? [],
    );
 
    const gbcEnabled = useAppSelector(
      (state) => state.project.present.settings.colorMode !== "mono",
    );
 
    const defaultMonoOBP0 = useAppSelector(
      (state) => state.project.present.settings.defaultMonoOBP0,
    );
    const defaultMonoOBP1 = useAppSelector(
      (state) => state.project.present.settings.defaultMonoOBP1,
    );
 
    const monoOBJPalettes = useMemo(() => {
      return [
        scene?.monoOBP0 || defaultMonoOBP0,
        scene?.monoOBP1 || defaultMonoOBP1,
      ] as [MonoOBJPalette, MonoOBJPalette];
    }, [scene?.monoOBP0, defaultMonoOBP0, scene?.monoOBP1, defaultMonoOBP1]);
 
    const spritePalettes = useMemo(
      () =>
        resolveScenePalettes(
          scene?.spritePaletteIds,
          defaultSpritePaletteIds,
          palettesLookup,
          gbcEnabled,
        ),
      [
        gbcEnabled,
        scene?.spritePaletteIds,
        defaultSpritePaletteIds,
        palettesLookup,
      ],
    );
 
    Iif (!scene) {
      return null;
    }
 
    return (
      <>
        {scene.triggers.map((triggerId) => (
          <TriggerView
            key={triggerId}
            id={triggerId}
            sceneId={sceneId}
            editable={editable}
          />
        ))}
        <SceneContext.Provider value={{ spriteMode }}>
          {scene.actors.map((actorId) => (
            <WorldActor
              key={actorId}
              id={actorId}
              sceneId={sceneId}
              palettes={spritePalettes}
              monoPalettes={monoOBJPalettes}
              editable={editable}
            />
          ))}
        </SceneContext.Provider>
      </>
    );
  },
);