phantasmal-world/src/quest_editor/gui/NpcListView.ts

import { EntityListView } from "./EntityListView";
import { npc_data, NPC_TYPES, NpcType } from "../../core/data_formats/parsing/quest/npc_types";
import { quest_editor_store } from "../stores/QuestEditorStore";
import { Episode } from "../../core/data_formats/parsing/quest/Episode";

export class NpcListView extends EntityListView<NpcType> {
    constructor() {
        super("quest_editor_NpcListView");

        this.disposables(
            quest_editor_store.current_quest.observe(this.filter_npcs),
            quest_editor_store.current_area.observe(this.filter_npcs),
        );

        this.filter_npcs();
        this.finalize_construction();
    }

    private filter_npcs = (): void => {
        const quest = quest_editor_store.current_quest.val;
        const area = quest_editor_store.current_area.val;

        const episode = quest ? quest.episode : Episode.I;
        const area_id = area ? area.id : 0;

        this.entities.val = NPC_TYPES.filter(npc => {
            const data = npc_data(npc);
            return (
                (data.episode == undefined || data.episode === episode) &&
                data.area_ids.includes(area_id)
            );
        });
    };
}