mylingo3d/src/states/useEditorMode.ts

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import store, { createEffect } from "@lincode/reactivity"
import mainCamera from "../engine/mainCamera"
import { getCameraRendered } from "./useCameraRendered"
import { getEditorMounted } from "./useEditorMounted"

type Mode = "translate" | "rotate" | "scale" | "select" | "play" | "mesh" | "path"

export const [setEditorMode, getEditorMode] = store<Mode>("play")

createEffect(() => {
    setEditorMode(
        getCameraRendered() === mainCamera && getEditorMounted()
            ? "translate"
            : "play"
    )
}, [getCameraRendered, getEditorMounted])