webpack-split-chunks-analyzer/lib/render/Graph.js

Debug how your application is dynamically loaded by webpack

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Graph = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importStar(require("react"));
const react_2 = require("@xyflow/react");
const NodeSummary_1 = require("./NodeSummary");
require("@xyflow/react/dist/style.css");
exports.Graph = react_1.default.memo(function Graph({ graph }) {
    const nodes = (0, react_1.useMemo)(() => Object.values(graph.nodes), [graph.nodes]);
    const [nodeData, setNodeData] = (0, react_1.useState)();
    const onNodeClick = (0, react_1.useCallback)((_evt, node) => {
        setNodeData(node.data);
    }, []);
    return (react_1.default.createElement("div", { style: { height: "100%", width: "100%", display: "flex" } },
        react_1.default.createElement("div", { style: { flex: "auto" } },
            react_1.default.createElement(react_2.ReactFlow, { defaultNodes: nodes, defaultEdges: graph.edges, fitView: true, snapToGrid: true, nodesConnectable: false, deleteKeyCode: "", onNodeClick: onNodeClick },
                react_1.default.createElement(react_2.Background, { variant: react_2.BackgroundVariant.Lines, gap: 30, size: 1 }),
                react_1.default.createElement(react_2.MiniMap, null),
                react_1.default.createElement(react_2.Controls, { showInteractive: false }))),
        react_1.default.createElement(NodeSummary_1.NodeSummary, { data: nodeData })));
});
//# sourceMappingURL=Graph.js.map