Ramda - How to map object values to string - ramda.js

Question

I am trying to use Ramda to get x,y coordinates to draw polyline in svg.
I have edge object which contains all the points I need and it looks like this:
const edge = {
"id": "e1_s0",
"startPoint": {
"x": 212,
"y": 505.33333333333326
},
"endPoint": {
"x": 232,
"y": 302
},
"bendPoints": [
{
"x": 222,
"y": 505.33333333333326
},
{
"x": 222,
"y": 302
}
],
"incomingShape": "n1",
"outgoingShape": "n2"
}
I tried to use Ramda to get x, y from startPoint, endPoint and bendPoints. I came up with this piece of code:
R.pipe(
R.pick(['bendPoints', 'endPoint', 'startPoint']),
R.values,
R.flatten,
R.sortBy(R.prop('x'))
)(edge)
Here you can check it in ramda editor
As a result, I get:
[
{
x: 212,
y: 505.33333333333326
},
{
x: 222,
y: 505.33333333333326
},
{
x: 222,
y: 302
},
{
x: 232,
y: 302
}
]
But I need a string with x and y pairs divided by space and I have no idea how to proceed to get to that point: 212,505.33333333333326 222,505.33333333333326 222,302 232,302
Any help would be appreciated
EDIT: complete solution
R.pipe(
R.pick(['bendPoints', 'endPoint', 'startPoint']),
R.values,
R.flatten,
R.sortBy(R.prop('x')),
R.map(
R.pipe(
R.props(['x', 'y']),
R.join(',')
)
),
R.join(" ")
)(edge)

Answer 1

I think the steps you need are:
For each point,
Take the x and y values, and
Join those in to a single string, separated by ","
Take those strings and join them in to a single string, separated by " "
Which can be translated to ramda quite literally:
const formatPoints = pipe(
map(
pipe(
props(["x", "y"]),
join(",")
)
),
join(" ")
);