@junnyontop-pixel/neo-app 1.1.9 → 1.1.10

package/compiler/NeoParser.js

@@ -1,61 +1,59 @@
 export class NeoParser {
     static parse(source) {
         let scriptContent = "";
+        // 1. 스크립트 영역 추출 (@Script { ... })
         const scriptMatch = source.match(/@Script\s*\{([\s\S]*?)\}/);
         if (scriptMatch) {
             scriptContent = scriptMatch[1].trim();
         }
 
-        // 태그 블록 분리 로직 강화
-        const tokens = source.split(/(@\w+:\w+\s*\{)/).filter(t => t.trim());
+        // 2. 태그 블록 분석 로직
+        // 정규식 설명: @아이디:태그 { 내부내용 } 을 줄바꿈 상관없이([\\s\\S]*?) 추출
+        const tagRegex = /@(\w+):(\w+)\s*\{([\s\S]*?)\}/g;
+        let match;
         let root = null;
         const stack = [];
 
-        tokens.forEach(token => {
-            const tagMatch = token.match(/@(\w+):(\w+)\s*\{/);
-            
-            if (tagMatch) {
-                const node = {
-                    id: tagMatch[1],
-                    tag: tagMatch[2],
-                    styles: {},
-                    events: {},
-                    innerHtml: "", // 파서 내부 저장용
-                    children: []
-                };
+        // source 전체를 훑으며 태그 블록을 하나씩 찾습니다.
+        while ((match = tagRegex.exec(source)) !== null) {
+            const [_, id, tag, content] = match;
 
-                // 대소문자 무시(i) 및 줄바꿈 허용(s) 플래그 적용
-                const styleMatch = token.match(/Style\((.*?)\)/si);
-                if (styleMatch && styleMatch[1]) {
-                    node.styles = this.parseKV(styleMatch[1]);
-                }
+            const node = {
+                id: id,
+                tag: tag,
+                styles: {},
+                events: {},
+                innerHtml: "",
+                children: []
+            };
 
-                const eventMatch = token.match(/Event\((.*?)\)/si);
-                if (eventMatch && eventMatch[1]) {
-                    node.events = this.parseKV(eventMatch[1]);
-                }
+            // 💡 [핵심] 블록 내부(content)에서 줄바꿈 무시하고 속성 추출
+            // Innerhtml 추출 (i 플래그로 대소문자 무시)
+            const htmlMatch = content.match(/Innerhtml:\s*"(.*?)"/i);
+            if (htmlMatch) {
+                node.innerHtml = htmlMatch[1];
+            }
 
-                // Innerhtml, innerHTML, innerhtml 모두 대응
-                const htmlMatch = token.match(/innerHTML:\s*"(.*?)"/i);
-                if (htmlMatch) {
-                    node.innerHtml = htmlMatch[1];
-                }
+            // Style 추출 (si 플래그로 줄바꿈 허용 및 대소문자 무시)
+            const styleMatch = content.match(/Style\((.*?)\)/si);
+            if (styleMatch && styleMatch[1]) {
+                node.styles = this.parseKV(styleMatch[1]);
+            }
 
-                if (!root) {
-                    root = node;
-                } else if (stack.length > 0) {
-                    stack[stack.length - 1].children.push(node);
-                }
-                stack.push(node);
+            // Event 추출 (si 플래그)
+            const eventMatch = content.match(/Event\((.*?)\)/si);
+            if (eventMatch && eventMatch[1]) {
+                node.events = this.parseKV(eventMatch[1]);
             }
 
-            if (token.includes('}')) {
-                const closeCount = (token.match(/\}/g) || []).length;
-                for (let i = 0; i < closeCount; i++) {
-                    if (stack.length > 0) stack.pop();
-                }
+            // 3. 계층 구조 형성 (단순화된 방식: 첫 번째가 root, 나머지는 root의 자식)
+            // ※ 중첩 구조가 깊어질 경우 스택 로직이 필요하지만, 현재 요구사항엔 이 방식이 가장 확실합니다.
+            if (!root) {
+                root = node;
+            } else {
+                root.children.push(node);
             }
-        });
+        }
 
         return { root, scriptContent };
     }

package/package.json

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

package/src/App.js

@@ -8,6 +8,7 @@ export default function render(state) {
     return h('button', {
         id: 'Btn',
         style: {},
-        innerHTML: ``
+        innerHTML: `인사하기`,
+        onClick: () => { sayHello() }
     }, []);
 }