From 5d094e4fe8f7dcfc76af304d97172b78b41b8b87 Mon Sep 17 00:00:00 2001
From: Oleksii Dykan <alickbass@fb.com>
Date: Fri, 15 Jun 2018 11:40:41 +0100
Subject: [PATCH 1/3] Fix CKFlexboxSpacing

---
 website/src/components/Playground/CodeComponentKit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/Playground/CodeComponentKit.js b/website/src/components/Playground/CodeComponentKit.js
index fea711af..0da0f13d 100644
--- a/website/src/components/Playground/CodeComponentKit.js
+++ b/website/src/components/Playground/CodeComponentKit.js
@@ -165,7 +165,7 @@ function renderKey(node: Yoga$Node, key: string, indent: string): ?string {
       );
     }
 
-    ['top', 'left', 'right', 'bottom'].forEach(pKey => {
+    ['top', 'start', 'end', 'bottom'].forEach(pKey => {
       if (node[key][pKey]) {
         lines.push(indent + `\t.${pKey} = ${getValue(node[key][pKey])},`);
       }
-- 
2.50.1.windows.1


From 01add80075b0bdaab916e3ce00d841db6336adb5 Mon Sep 17 00:00:00 2001
From: Oleksii Dykan <alickbass@fb.com>
Date: Fri, 15 Jun 2018 11:43:09 +0100
Subject: [PATCH 2/3] Add coma in the end of child component

---
 website/src/components/Playground/CodeComponentKit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/Playground/CodeComponentKit.js b/website/src/components/Playground/CodeComponentKit.js
index 0da0f13d..e51400c9 100644
--- a/website/src/components/Playground/CodeComponentKit.js
+++ b/website/src/components/Playground/CodeComponentKit.js
@@ -137,7 +137,7 @@ function getLayoutCode(
             )}\n${indent}\t},`,
         ),
     );
-    lines.push(indent + `}]${isRoot ? ';' : ''}`);
+    lines.push(indent + `}]${isRoot ? ';' : ','}`);
   } else {
     lines[lines.length - 1] += ']';
     CKFlexboxComponentChild.forEach(key => {
-- 
2.50.1.windows.1


From 34e8d7152808fcb1221db4e132f2ae98dfd55b06 Mon Sep 17 00:00:00 2001
From: Oleksii Dykan <alickbass@fb.com>
Date: Fri, 15 Jun 2018 11:57:14 +0100
Subject: [PATCH 3/3] Add coma for the end component

---
 website/src/components/Playground/CodeComponentKit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/Playground/CodeComponentKit.js b/website/src/components/Playground/CodeComponentKit.js
index e51400c9..9dd71a2f 100644
--- a/website/src/components/Playground/CodeComponentKit.js
+++ b/website/src/components/Playground/CodeComponentKit.js
@@ -139,7 +139,7 @@ function getLayoutCode(
     );
     lines.push(indent + `}]${isRoot ? ';' : ','}`);
   } else {
-    lines[lines.length - 1] += ']';
+    lines[lines.length - 1] += '],';
     CKFlexboxComponentChild.forEach(key => {
       let line = renderKey(node, key, indent);
       if (line) {
-- 
2.50.1.windows.1