Method getNodeModel

frontend/layout/lib/layoutModel.ts:1042–1098

* Gets the node model for the given node. * @param node The node for which to retrieve the node model. * @returns The node model for the given node.

(node: LayoutNode)

     * @returns The node model for the given node.
     */
    getNodeModel(node: LayoutNode): NodeModel {
        const nodeid = node.id;
        const blockId = node.data.blockId;
        const addlPropsAtom = this.getNodeAdditionalPropertiesAtom(nodeid);
        if (!this.nodeModels.has(nodeid)) {
            this.nodeModels.set(nodeid, {
                additionalProps: addlPropsAtom,
                innerRect: atom((get) => {
                    const addlProps = get(addlPropsAtom);
                    const numLeafs = get(this.numLeafs);
                    const gapSizePx = get(this.gapSizePx);
                    if (numLeafs > 1 && addlProps?.rect) {
                        return {
                            width: `${addlProps.transform.width} - ${gapSizePx}px`,
                            height: `${addlProps.transform.height} - ${gapSizePx}px`,
                        } as CSSProperties;
                    } else {
                        return null;
                    }
                }),
                nodeId: nodeid,
                blockId,
                blockNum: atom((get) => get(this.leafOrder).findIndex((leafEntry) => leafEntry.nodeid === nodeid) + 1),
                isFocused: atom((get) => {
                    const treeState = get(this.localTreeStateAtom);
                    const isFocused = treeState.focusedNodeId === nodeid;
                    const focusType = get(FocusManager.getInstance().focusType);
                    return isFocused && focusType === "node";
                }),
                numLeafs: this.numLeafs,
                isResizing: this.isResizing,
                isMagnified: atom((get) => {
                    const treeState = get(this.localTreeStateAtom);
                    return treeState.magnifiedNodeId === nodeid;
                }),
                anyMagnified: atom((get) => {
                    const treeState = get(this.localTreeStateAtom);
                    return treeState.magnifiedNodeId != null;
                }),
                isEphemeral: atom((get) => {
                    const ephemeralNode = get(this.ephemeralNode);
                    return ephemeralNode?.id === nodeid;
                }),
                addEphemeralNodeToLayout: () => this.addEphemeralNodeToLayout(),
                animationTimeS: this.animationTimeS,
                ready: this.ready,
                disablePointerEvents: this.activeDrag,
                onClose: () => fireAndForget(() => this.closeNode(nodeid)), // no longer used (instead we use keymodel uxCloseBlock)
                toggleMagnify: () => this.magnifyNodeToggle(nodeid),
                focusNode: () => this.focusNode(nodeid),
                dragHandleRef: createRef(),
                displayContainerRef: this.displayContainerRef,
            });
        }
        const nodeModel = this.nodeModels.get(nodeid);
        return nodeModel;
    }