# combineNodePresentation

Canonical: https://docs.shumoku.dev/ja/library/api/combineNodePresentation
Language: ja

@shumoku/core · 0.4.2 · function

# combineNodePresentation

[ソース](https://github.com/konoe-akitoshi/shumoku/blob/main/libs/@shumoku/core/src/libs/@shumoku/core/src/models/network-document.ts#L276)

APIの説明は英語のcanonical sourceを表示しています。

Compose an independent runtime node without changing stored payloads.

```
combineNodePresentation(node: TopologyNode, presentation?: { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } }): Node
```

## パラメーター

| 名前 | 型 | 説明 | 既定値 |
| --- | --- | --- | --- |
| `node` | `TopologyNode` | 追加説明はありません。 | `—` |
| `presentation` | `{ nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports?: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } } | { nodeId: string; ports: [{ placement: { order?: number; side?: "top" | "bottom" | "left" | "right" }; portId: string }, rest]; position?: { x: number; y: number }; shape?: "rect" | "rounded" | "circle" | "diamond" | "hexagon" | "cylinder" | "stadium" | "trapezoid"; size?: { height: number; width: number }; style?: { fill?: string; fontSize?: number; fontWeight?: "normal" | "bold"; opacity?: number; stroke?: string; strokeDasharray?: string; strokeWidth?: number; textColor?: string } }` | 追加説明はありません。 | `—` |

## 戻り値

```
Node
```

[`libs/@shumoku/core/src/libs/@shumoku/core/src/models/network-document.ts:276`](https://github.com/konoe-akitoshi/shumoku/blob/main/libs/@shumoku/core/src/libs/@shumoku/core/src/models/network-document.ts#L276)
