@junnyontop-pixel/neo-app 1.1.5 → 1.1.6

package/compiler/index.js

@@ -14,32 +14,38 @@ if (!inputFile) {
 const source = fs.readFileSync(inputFile, 'utf8');
 const { root, scriptContent } = NeoParser.parse(source);
 
-function generateCode(node) {
-    const childrenCode = node.children.map(child => generateCode(child)).join(', ');
-    
+function generateCode(node, indent = "    ") {
+    // 자식 노드들을 재귀적으로 호출하며 들여쓰기를 한 단계 더 깊게(indent + "    ") 적용합니다.
+    const childrenCode = node.children
+        .map(child => generateCode(child, indent + "    "))
+        .join(',\n');
+
+    // 이벤트 처리 로직 (보내주신 로직 유지)
     const eventProps = {};
     for (const [evt, action] of Object.entries(node.events)) {
         const propName = `on${evt.charAt(0).toUpperCase() + evt.slice(1)}`;
-        
         let processedAction = action;
+        
+        // 단순 연산(++) 대응
         if (action.includes('++')) processedAction = `state.${action}`;
         
+        // 괄호 자동 보정
         if (processedAction.includes('(') && !processedAction.includes(')')) {
             processedAction += ')';
         }
-
-        eventProps[propName] = `() => { ${processedAction} }`; 
+        eventProps[propName] = `() => { ${processedAction}; renderApp(); }`; // renderApp() 호출 추가로 화면 갱신 유도
     }
 
     const eventString = Object.entries(eventProps)
         .map(([k, v]) => `${k}: ${v}`)
         .join(', ');
 
-    return `h('${node.tag}', {
-        id: '${node.id}',
-        style: ${JSON.stringify(node.styles)},
-        innerHtml: \`${node.innerHtml.replace(/\$(\w+)/g, '${state.$1}')}\`${eventString ? ', ' + eventString : ''}
-    }, [${childrenCode}])`;
+    // 템플릿 리터럴을 사용하여 들여쓰기가 적용된 문자열 생성
+    return `${indent}h('${node.tag}', {
+${indent}    id: '${node.id}',
+${indent}    style: ${JSON.stringify(node.styles)},
+${indent}    innerHtml: \`${node.innerHtml.replace(/\$(\w+)/g, '${state.$1}')}\`${eventString ? ',\n' + indent + '    ' + eventString : ''}
+${indent}}, [${childrenCode ? '\n' + childrenCode + '\n' + indent : ''}])`;
 }
 
 // compiler/index.js 내부

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@junnyontop-pixel/neo-app",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "나만의 커스텀 프레임워크 Neo",
   "main": "core/NeoCore.js",
   "type": "module",

package/src/App.js

@@ -7,7 +7,7 @@ function sayHello() {
         alert("안녕하세요!");
 
 export default function render(state) {
-    return h('button', {
+    return     h('button', {
         id: 'Btn',
         style: {},
         innerHtml: ``