lingo3d/lib/editor/GameGraphEditor/index.js

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

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
import { useSignal } from "@preact/signals";
import { EDITOR_WIDTH, LIBRARY_WIDTH } from "../../globals";
import { setGameGraph } from "../../states/useGameGraph";
import AppBar from "../component/bars/AppBar";
import CloseableTab from "../component/tabs/CloseableTab";
import useInitCSS from "../hooks/useInitCSS";
import useInitEditor from "../hooks/useInitEditor";
import Stage from "./Stage";
import GameGraphLibrary from "./GameGraphLibrary";
import GameGraphEditPanel from "./GameGraphEditPanel";
import StageContextMenu from "./StageContextMenu";
import NodeContextMenu from "./NodeContextMenu";
const GameGraphEditor = () => {
    useInitCSS();
    useInitEditor();
    const targetSignal = useSignal(undefined);
    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "lingo3d-ui lingo3d-bg lingo3d-editor lingo3d-flexcol", style: { width: EDITOR_WIDTH + LIBRARY_WIDTH }, children: [_jsx(AppBar, { children: _jsx(CloseableTab, { onClose: () => setGameGraph(undefined), children: "GameGraph" }) }), _jsx(Stage, { onEdit: (target) => (targetSignal.value = target) }), _jsx(GameGraphLibrary, {}), _jsx(GameGraphEditPanel, { targetSignal: targetSignal })] }), _jsx(StageContextMenu, {}), _jsx(NodeContextMenu, {})] }));
};
export default GameGraphEditor;
//# sourceMappingURL=index.js.map