Fix space

Author: owjs3901

src/codegen/__tests__/__snapshots__/codegen.test.ts.snap

@@ -2948,17 +2948,17 @@ exports[`render real world component real world $ 104`] = `
       transition="0.3ms ease-out"
       transitionProperty="background,box-shadow,opacity"
     >
-      <Text
-        color="#FFF"
-        fontFamily="Pretendard"
-        fontSize="16px"
-        fontWeight="700"
-        letterSpacing="-0.04em"
-        lineHeight="1.4"
-        wordBreak="keep-all"
-      >
-        자세히 알아보기 →
-      </Text>
+  <Text
+    color="#FFF"
+    fontFamily="Pretendard"
+    fontSize="16px"
+    fontWeight="700"
+    letterSpacing="-0.04em"
+    lineHeight="1.4"
+    wordBreak="keep-all"
+  >
+    자세히 알아보기 →
+  </Text>
     </Center>
   )
 }"
@@ -3005,23 +3005,23 @@ export function Button({ size, variant }: ButtonProps) {
       transition="0.2ms ease-out"
       transitionProperty="background"
     >
-      <Text
-        color={{
-          primary: "#FFF",
-          white: "$primaryAccent"
-        }[variant]}
-        fontFamily="Noto Sans KR"
-        fontSize={{
-          Md: ["16px", null, null, null, "20px"],
-          Sm: ["14px", null, null, null, "15px"]
-        }[size]}
-        fontWeight="500"
-        letterSpacing="-0.04em"
-        lineHeight="normal"
-        wordBreak="keep-all"
-      >
-        참가 신청하기
-      </Text>
+  <Text
+    color={{
+      primary: "#FFF",
+      white: "$primaryAccent"
+    }[variant]}
+    fontFamily="Noto Sans KR"
+    fontSize={{
+      Md: ["16px", null, null, null, "20px"],
+      Sm: ["14px", null, null, null, "15px"]
+    }[size]}
+    fontWeight="500"
+    letterSpacing="-0.04em"
+    lineHeight="normal"
+    wordBreak="keep-all"
+  >
+    참가 신청하기
+  </Text>
     </Center>
   )
 }"

src/codegen/__tests__/render.test.ts

@@ -29,7 +29,7 @@ describe('renderNode', () => {
       props: { p: '8px' },
       deps: 1,
       children: ['<Text />'] as string[],
-      expected: '  <Box p="8px">\n    <Text />\n  </Box>',
+      expected: '  <Box p="8px">\n  <Text />\n  </Box>',
     },
   ])('$title', ({ component, props, deps, children, expected }) => {
     const result = renderNode(component, props, deps, children)

src/codegen/render/index.ts

@@ -25,10 +25,7 @@ export function renderNode(
     }`,
     hasChildren
       ? childrenCodes
-          .map(
-            (child) =>
-              space(deps + 1) + child.split('\n').join(`\n${space(deps + 1)}`),
-          )
+          .map((child) => space(1) + child.split('\n').join(`\n${space(1)}`))
           .join('\n')
       : '',
     tail,

src/codegen/responsive/ResponsiveCodegen.ts

@@ -115,7 +115,7 @@ export class ResponsiveCodegen {
 
       // If component has position props, wrap in Box
       if (Object.keys(mergedProps).length > 0) {
-        const componentCode = renderNode(firstTree.component, {}, depth + 1, [])
+        const componentCode = renderNode(firstTree.component, {}, 0, [])
         return renderNode('Box', mergedProps, depth, [componentCode])
       }
 
@@ -139,9 +139,7 @@ export class ResponsiveCodegen {
       }
 
       const innerCode =
-        innerTrees.size > 0
-          ? this.generateMergedCode(innerTrees, depth + 1)
-          : ''
+        innerTrees.size > 0 ? this.generateMergedCode(innerTrees, 0) : ''
 
       return renderNode('Box', mergedProps, depth, innerCode ? [innerCode] : [])
     }