@nine-lab/nine-fab 0.1.12 → 0.1.13

package/dist/nine-fab.js

@@ -120,7 +120,7 @@ render_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@${"0.1.11"}/dist/css/nine-fab.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@${"0.1.12"}/dist/css/nine-fab.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -154,10 +154,10 @@ render_fn = function() {
         `;
 };
 if (!customElements.get("nine-chat")) {
-  customElements.define("nine-chat", NineNoMenu);
+  customElements.define("nine-chat", NineChat);
 }
 const NineFab = {
-  version: "0.1.11",
+  version: "0.1.12",
   init: (config) => {
     trace.log("🛠️ Nine-Fab Engine initialized", config);
   }

package/dist/nine-fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-fab.js","sources":["../src/services/NineFabService.js","../src/components/NineChat.js","../src/index.js"],"sourcesContent":["import { nine, trace } from '@nine-lab/nine-util';\n\nexport class NineFabService {\n    constructor(connectorUrl) {\n        this.connectorUrl = connectorUrl;\n    }\n\n    /**\n     * AI 소스 생성 실행\n     * @param {string} command - 사용자 입력 명령\n     * @param {Array} targets - 체크된 생성 대상 (MyBatis, Service 등)\n     * @param {Array} currentRoutes - 현재 프로젝트 경로 정보\n     */\n    async generate(command, targets, currentRoutes) {\n        try {\n            trace.log(`🚀 Fab 공정 시작: \"${command}\" [대상: ${targets.join(', ')}]`);\n\n            const response = await fetch(`${this.connectorUrl}/api/fab/generate`, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({\n                    command,\n                    targets,\n                    projectType: 'spring-react',\n                    currentRoutes\n                })\n            });\n\n            const result = await response.json();\n\n            if (!result.success) {\n                throw new Error(result.error || \"소스 생성 중 서버 오류가 발생했습니다.\");\n            }\n\n            return result;\n        } catch (error) {\n            trace.error(\"❌ Fab Service Error:\", error);\n            throw error;\n        }\n    }\n\n    /**\n     * 초기 경로 정보 로드\n     */\n    async fetchRoutes(routeUrl) {\n        if (!routeUrl) return [];\n        try {\n            const res = await fetch(routeUrl);\n            return await res.json();\n        } catch (err) {\n            trace.error(\"Route load fail\", err);\n            return [];\n        }\n    }\n}","import { nine, trace } from '@nine-lab/nine-util';\nimport { NineFabService } from '../services/NineFabService.js';\n\nexport class NineChat extends HTMLElement {\n    #service = null;\n    #routes = [];\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    async connectedCallback() {\n        // 서비스 초기화\n        const connectorUrl = this.getAttribute('connector-url') || 'http://localhost:3002';\n        this.#service = new NineFabService(connectorUrl);\n\n        this.#render();\n        this.#initInteractions(); // UI 토글 로직\n        this.#initActions();      // 엔터 시 실행 로직\n\n        // 경로 데이터 로드\n        this.#routes = await this.#service.fetchRoutes(this.getAttribute('route-url'));\n    }\n\n    // --- [그룹 1: Interaction] 화면 토글 및 메뉴 클릭 ---\n    #initInteractions() {\n        const $settings = this.shadowRoot.querySelector('nine-ai-settings');\n        const $menuIcons = this.shadowRoot.querySelectorAll(\".menu-icon\");\n\n        const toggleUI = () => this.classList.toggle(\"collapse\");\n        this.shadowRoot.querySelector(\".expand-icon\").addEventListener(\"click\", toggleUI);\n        this.shadowRoot.querySelector(\".collapse-icon\").addEventListener(\"click\", toggleUI);\n\n        $menuIcons.forEach(el => {\n            el.addEventListener(\"click\", (e) => {\n                $menuIcons.forEach(icon => icon.classList.remove(\"active\"));\n                const clicked = e.target.closest(\".menu-icon\");\n                clicked.classList.add(\"active\");\n                $settings.classList.toggle(\"expand\", clicked.classList.contains('menu-setting'));\n            });\n        });\n    }\n\n    // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---\n    #initActions() {\n        const $textarea = this.shadowRoot.querySelector('#q');\n        const $status = this.shadowRoot.querySelector('#status-tag');\n\n        $textarea.addEventListener('keypress', async (e) => {\n            if (e.key === 'Enter' && !e.shiftKey) {\n                e.preventDefault();\n                const command = e.target.value.trim();\n                if (!command) return;\n\n                // 1. UI 피드백\n                $status.textContent = \"⚙️ 공정 분석 중...\";\n                e.target.value = '';\n\n                // 2. 체크된 타겟 수집\n                const targets = Array.from(this.shadowRoot.querySelectorAll('input[name=\"gen_target\"]:checked'))\n                    .map(el => el.value);\n\n                // 3. 분리된 서비스 호출\n                try {\n                    const result = await this.#service.generate(command, targets, this.#routes);\n\n                    // 4. 성공 처리\n                    $status.textContent = \"✅ 완료\";\n                    nine.alert(\"소스 생성 성공\").rgb();\n                    this.dispatchEvent(new CustomEvent('nine-fab-completed', { detail: result, bubbles: true }));\n                } catch (err) {\n                    // 5. 실패 처리\n                    $status.textContent = \"❌ 실패\";\n                    nine.alert(err.message).rgb().shake();\n                }\n            }\n        });\n    }\n\n    #render() {\n        const placeholder = this.getAttribute(\"placeholder\") || \"나에게 무엇이든 물어봐...\";\n        const customImport = this.getAttribute(\"css-path\") ? `@import \"${this.getAttribute(\"css-path\")}\";` : \"\";\n\n        this.shadowRoot.innerHTML = `\n            <style>\n                @import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@${__APP_VERSION__}/dist/css/nine-fab.css\";\n                ${customImport}\n            </style>\n            <div class=\"wrapper\">\n                <nine-ai-settings></nine-ai-settings>\n                <div class=\"container\">\n                    <div class=\"head\">\n                        <div class=\"logo\"><span></span></div>\n                        <div id=\"status-tag\" style=\"font-size:10px; color:#ff5722; padding:5px;\">Fab Engine Ready</div>\n                    </div>\n                    <nx-ai-chat></nx-ai-chat>\n                    <div class=\"foot\">\n                        <div class=\"apply-src\">\n                            ${['MyBatis', 'Service', 'Controller', 'JavaScript'].map(t => `\n                                <div>\n                                    <input type=\"checkbox\" id=\"${t.toLowerCase()}\" name=\"gen_target\" value=\"${t}\" checked />\n                                    <label for=\"${t.toLowerCase()}\">${t}</label>\n                                </div>\n                            `).join('')}\n                        </div>\n                        <textarea id=\"q\" rows=\"4\" placeholder=\"${placeholder}\"></textarea>\n                    </div>\n                </div>\n                <div class=\"menu\">\n                    <div class=\"collapse-icon\"></div>\n                    <div class=\"menu-icon menu-filter active\"></div>\n                    <div class=\"menu-icon menu-general\"></div>\n                    <div class=\"menu-icon menu-setting\"></div>\n                </div>\n            </div>\n            <div class=\"expand-icon\"></div>\n        `;\n    }\n}\n\nif (!customElements.get('nine-chat')) {\n    customElements.define('nine-chat', NineNoMenu);\n}","import { trace } from '@nine-lab/nine-util';\nimport { NineChat } from './components/NineChat.js';\n\n/**\n * Nine-Fab 엔진 메인 클래스\n */\nexport const NineFab = {\n    version: typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '0.1.0',\n    init: (config) => {\n        trace.log(\"🛠️ Nine-Fab Engine initialized\", config);\n        // 향후 커넥터 URL 전역 설정이나 인증 토큰 처리 로직 추가 가능\n    }\n};\n\n// 기본 export 및 컴포넌트 export\nexport default NineFab;\nexport { NineChat };"],"names":[],"mappings":"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"}
+{"version":3,"file":"nine-fab.js","sources":["../src/services/NineFabService.js","../src/components/NineChat.js","../src/index.js"],"sourcesContent":["import { nine, trace } from '@nine-lab/nine-util';\n\nexport class NineFabService {\n    constructor(connectorUrl) {\n        this.connectorUrl = connectorUrl;\n    }\n\n    /**\n     * AI 소스 생성 실행\n     * @param {string} command - 사용자 입력 명령\n     * @param {Array} targets - 체크된 생성 대상 (MyBatis, Service 등)\n     * @param {Array} currentRoutes - 현재 프로젝트 경로 정보\n     */\n    async generate(command, targets, currentRoutes) {\n        try {\n            trace.log(`🚀 Fab 공정 시작: \"${command}\" [대상: ${targets.join(', ')}]`);\n\n            const response = await fetch(`${this.connectorUrl}/api/fab/generate`, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({\n                    command,\n                    targets,\n                    projectType: 'spring-react',\n                    currentRoutes\n                })\n            });\n\n            const result = await response.json();\n\n            if (!result.success) {\n                throw new Error(result.error || \"소스 생성 중 서버 오류가 발생했습니다.\");\n            }\n\n            return result;\n        } catch (error) {\n            trace.error(\"❌ Fab Service Error:\", error);\n            throw error;\n        }\n    }\n\n    /**\n     * 초기 경로 정보 로드\n     */\n    async fetchRoutes(routeUrl) {\n        if (!routeUrl) return [];\n        try {\n            const res = await fetch(routeUrl);\n            return await res.json();\n        } catch (err) {\n            trace.error(\"Route load fail\", err);\n            return [];\n        }\n    }\n}","import { nine, trace } from '@nine-lab/nine-util';\nimport { NineFabService } from '../services/NineFabService.js';\n\nexport class NineChat extends HTMLElement {\n    #service = null;\n    #routes = [];\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    async connectedCallback() {\n        // 서비스 초기화\n        const connectorUrl = this.getAttribute('connector-url') || 'http://localhost:3002';\n        this.#service = new NineFabService(connectorUrl);\n\n        this.#render();\n        this.#initInteractions(); // UI 토글 로직\n        this.#initActions();      // 엔터 시 실행 로직\n\n        // 경로 데이터 로드\n        this.#routes = await this.#service.fetchRoutes(this.getAttribute('route-url'));\n    }\n\n    // --- [그룹 1: Interaction] 화면 토글 및 메뉴 클릭 ---\n    #initInteractions() {\n        const $settings = this.shadowRoot.querySelector('nine-ai-settings');\n        const $menuIcons = this.shadowRoot.querySelectorAll(\".menu-icon\");\n\n        const toggleUI = () => this.classList.toggle(\"collapse\");\n        this.shadowRoot.querySelector(\".expand-icon\").addEventListener(\"click\", toggleUI);\n        this.shadowRoot.querySelector(\".collapse-icon\").addEventListener(\"click\", toggleUI);\n\n        $menuIcons.forEach(el => {\n            el.addEventListener(\"click\", (e) => {\n                $menuIcons.forEach(icon => icon.classList.remove(\"active\"));\n                const clicked = e.target.closest(\".menu-icon\");\n                clicked.classList.add(\"active\");\n                $settings.classList.toggle(\"expand\", clicked.classList.contains('menu-setting'));\n            });\n        });\n    }\n\n    // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---\n    #initActions() {\n        const $textarea = this.shadowRoot.querySelector('#q');\n        const $status = this.shadowRoot.querySelector('#status-tag');\n\n        $textarea.addEventListener('keypress', async (e) => {\n            if (e.key === 'Enter' && !e.shiftKey) {\n                e.preventDefault();\n                const command = e.target.value.trim();\n                if (!command) return;\n\n                // 1. UI 피드백\n                $status.textContent = \"⚙️ 공정 분석 중...\";\n                e.target.value = '';\n\n                // 2. 체크된 타겟 수집\n                const targets = Array.from(this.shadowRoot.querySelectorAll('input[name=\"gen_target\"]:checked'))\n                    .map(el => el.value);\n\n                // 3. 분리된 서비스 호출\n                try {\n                    const result = await this.#service.generate(command, targets, this.#routes);\n\n                    // 4. 성공 처리\n                    $status.textContent = \"✅ 완료\";\n                    nine.alert(\"소스 생성 성공\").rgb();\n                    this.dispatchEvent(new CustomEvent('nine-fab-completed', { detail: result, bubbles: true }));\n                } catch (err) {\n                    // 5. 실패 처리\n                    $status.textContent = \"❌ 실패\";\n                    nine.alert(err.message).rgb().shake();\n                }\n            }\n        });\n    }\n\n    #render() {\n        const placeholder = this.getAttribute(\"placeholder\") || \"나에게 무엇이든 물어봐...\";\n        const customImport = this.getAttribute(\"css-path\") ? `@import \"${this.getAttribute(\"css-path\")}\";` : \"\";\n\n        this.shadowRoot.innerHTML = `\n            <style>\n                @import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@${__APP_VERSION__}/dist/css/nine-fab.css\";\n                ${customImport}\n            </style>\n            <div class=\"wrapper\">\n                <nine-ai-settings></nine-ai-settings>\n                <div class=\"container\">\n                    <div class=\"head\">\n                        <div class=\"logo\"><span></span></div>\n                        <div id=\"status-tag\" style=\"font-size:10px; color:#ff5722; padding:5px;\">Fab Engine Ready</div>\n                    </div>\n                    <nx-ai-chat></nx-ai-chat>\n                    <div class=\"foot\">\n                        <div class=\"apply-src\">\n                            ${['MyBatis', 'Service', 'Controller', 'JavaScript'].map(t => `\n                                <div>\n                                    <input type=\"checkbox\" id=\"${t.toLowerCase()}\" name=\"gen_target\" value=\"${t}\" checked />\n                                    <label for=\"${t.toLowerCase()}\">${t}</label>\n                                </div>\n                            `).join('')}\n                        </div>\n                        <textarea id=\"q\" rows=\"4\" placeholder=\"${placeholder}\"></textarea>\n                    </div>\n                </div>\n                <div class=\"menu\">\n                    <div class=\"collapse-icon\"></div>\n                    <div class=\"menu-icon menu-filter active\"></div>\n                    <div class=\"menu-icon menu-general\"></div>\n                    <div class=\"menu-icon menu-setting\"></div>\n                </div>\n            </div>\n            <div class=\"expand-icon\"></div>\n        `;\n    }\n}\n\nif (!customElements.get('nine-chat')) {\n    customElements.define('nine-chat', NineChat);\n}","import { trace } from '@nine-lab/nine-util';\nimport { NineChat } from './components/NineChat.js';\n\n/**\n * Nine-Fab 엔진 메인 클래스\n */\nexport const NineFab = {\n    version: typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '0.1.0',\n    init: (config) => {\n        trace.log(\"🛠️ Nine-Fab Engine initialized\", config);\n        // 향후 커넥터 URL 전역 설정이나 인증 토큰 처리 로직 추가 가능\n    }\n};\n\n// 기본 export 및 컴포넌트 export\nexport default NineFab;\nexport { NineChat };"],"names":[],"mappings":"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"}

package/dist/nine-fab.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@nine-lab/nine-util")):"function"==typeof define&&define.amd?define(["exports","@nine-lab/nine-util"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).NineFab={},e.NineUtil)}(this,function(e,t){"use strict";var n,i,s,a,o,r,c=e=>{throw TypeError(e)},l=(e,t,n)=>t.has(e)||c("Cannot "+n),d=(e,t,n)=>(l(e,t,"read from private field"),n?n.call(e):t.get(e)),h=(e,t,n)=>t.has(e)?c("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),u=(e,t,n,i)=>(l(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n),p=(e,t,n)=>(l(e,t,"access private method"),n);class v{constructor(e){this.connectorUrl=e}async generate(e,n,i){try{t.trace.log(`🚀 Fab 공정 시작: "${e}" [대상: ${n.join(", ")}]`);const s=await fetch(`${this.connectorUrl}/api/fab/generate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({command:e,targets:n,projectType:"spring-react",currentRoutes:i})}),a=await s.json();if(!a.success)throw new Error(a.error||"소스 생성 중 서버 오류가 발생했습니다.");return a}catch(s){throw t.trace.error("❌ Fab Service Error:",s),s}}async fetchRoutes(e){if(!e)return[];try{const t=await fetch(e);return await t.json()}catch(n){return t.trace.error("Route load fail",n),[]}}}class f extends HTMLElement{constructor(){super(),h(this,s),h(this,n,null),h(this,i,[]),this.attachShadow({mode:"open"})}async connectedCallback(){const e=this.getAttribute("connector-url")||"http://localhost:3002";u(this,n,new v(e)),p(this,s,r).call(this),p(this,s,a).call(this),p(this,s,o).call(this),u(this,i,await d(this,n).fetchRoutes(this.getAttribute("route-url")))}}n=new WeakMap,i=new WeakMap,s=new WeakSet,a=function(){const e=this.shadowRoot.querySelector("nine-ai-settings"),t=this.shadowRoot.querySelectorAll(".menu-icon"),n=()=>this.classList.toggle("collapse");this.shadowRoot.querySelector(".expand-icon").addEventListener("click",n),this.shadowRoot.querySelector(".collapse-icon").addEventListener("click",n),t.forEach(n=>{n.addEventListener("click",n=>{t.forEach(e=>e.classList.remove("active"));const i=n.target.closest(".menu-icon");i.classList.add("active"),e.classList.toggle("expand",i.classList.contains("menu-setting"))})})},o=function(){const e=this.shadowRoot.querySelector("#q"),s=this.shadowRoot.querySelector("#status-tag");e.addEventListener("keypress",async e=>{if("Enter"===e.key&&!e.shiftKey){e.preventDefault();const o=e.target.value.trim();if(!o)return;s.textContent="⚙️ 공정 분석 중...",e.target.value="";const r=Array.from(this.shadowRoot.querySelectorAll('input[name="gen_target"]:checked')).map(e=>e.value);try{const e=await d(this,n).generate(o,r,d(this,i));s.textContent="✅ 완료",t.nine.alert("소스 생성 성공").rgb(),this.dispatchEvent(new CustomEvent("nine-fab-completed",{detail:e,bubbles:!0}))}catch(a){s.textContent="❌ 실패",t.nine.alert(a.message).rgb().shake()}}})},r=function(){const e=this.getAttribute("placeholder")||"나에게 무엇이든 물어봐...",t=this.getAttribute("css-path")?`@import "${this.getAttribute("css-path")}";`:"";this.shadowRoot.innerHTML=`\n            <style>\n                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@0.1.11/dist/css/nine-fab.css";\n                ${t}\n            </style>\n            <div class="wrapper">\n                <nine-ai-settings></nine-ai-settings>\n                <div class="container">\n                    <div class="head">\n                        <div class="logo"><span></span></div>\n                        <div id="status-tag" style="font-size:10px; color:#ff5722; padding:5px;">Fab Engine Ready</div>\n                    </div>\n                    <nx-ai-chat></nx-ai-chat>\n                    <div class="foot">\n                        <div class="apply-src">\n                            ${["MyBatis","Service","Controller","JavaScript"].map(e=>`\n                                <div>\n                                    <input type="checkbox" id="${e.toLowerCase()}" name="gen_target" value="${e}" checked />\n                                    <label for="${e.toLowerCase()}">${e}</label>\n                                </div>\n                            `).join("")}\n                        </div>\n                        <textarea id="q" rows="4" placeholder="${e}"></textarea>\n                    </div>\n                </div>\n                <div class="menu">\n                    <div class="collapse-icon"></div>\n                    <div class="menu-icon menu-filter active"></div>\n                    <div class="menu-icon menu-general"></div>\n                    <div class="menu-icon menu-setting"></div>\n                </div>\n            </div>\n            <div class="expand-icon"></div>\n        `},customElements.get("nine-chat")||customElements.define("nine-chat",NineNoMenu);const g={version:"0.1.11",init:e=>{t.trace.log("🛠️ Nine-Fab Engine initialized",e)}};e.NineChat=f,e.NineFab=g,e.default=g,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@nine-lab/nine-util")):"function"==typeof define&&define.amd?define(["exports","@nine-lab/nine-util"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).NineFab={},e.NineUtil)}(this,function(e,t){"use strict";var n,i,s,a,o,r,c=e=>{throw TypeError(e)},l=(e,t,n)=>t.has(e)||c("Cannot "+n),d=(e,t,n)=>(l(e,t,"read from private field"),n?n.call(e):t.get(e)),h=(e,t,n)=>t.has(e)?c("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),u=(e,t,n,i)=>(l(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n),p=(e,t,n)=>(l(e,t,"access private method"),n);class v{constructor(e){this.connectorUrl=e}async generate(e,n,i){try{t.trace.log(`🚀 Fab 공정 시작: "${e}" [대상: ${n.join(", ")}]`);const s=await fetch(`${this.connectorUrl}/api/fab/generate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({command:e,targets:n,projectType:"spring-react",currentRoutes:i})}),a=await s.json();if(!a.success)throw new Error(a.error||"소스 생성 중 서버 오류가 발생했습니다.");return a}catch(s){throw t.trace.error("❌ Fab Service Error:",s),s}}async fetchRoutes(e){if(!e)return[];try{const t=await fetch(e);return await t.json()}catch(n){return t.trace.error("Route load fail",n),[]}}}class f extends HTMLElement{constructor(){super(),h(this,s),h(this,n,null),h(this,i,[]),this.attachShadow({mode:"open"})}async connectedCallback(){const e=this.getAttribute("connector-url")||"http://localhost:3002";u(this,n,new v(e)),p(this,s,r).call(this),p(this,s,a).call(this),p(this,s,o).call(this),u(this,i,await d(this,n).fetchRoutes(this.getAttribute("route-url")))}}n=new WeakMap,i=new WeakMap,s=new WeakSet,a=function(){const e=this.shadowRoot.querySelector("nine-ai-settings"),t=this.shadowRoot.querySelectorAll(".menu-icon"),n=()=>this.classList.toggle("collapse");this.shadowRoot.querySelector(".expand-icon").addEventListener("click",n),this.shadowRoot.querySelector(".collapse-icon").addEventListener("click",n),t.forEach(n=>{n.addEventListener("click",n=>{t.forEach(e=>e.classList.remove("active"));const i=n.target.closest(".menu-icon");i.classList.add("active"),e.classList.toggle("expand",i.classList.contains("menu-setting"))})})},o=function(){const e=this.shadowRoot.querySelector("#q"),s=this.shadowRoot.querySelector("#status-tag");e.addEventListener("keypress",async e=>{if("Enter"===e.key&&!e.shiftKey){e.preventDefault();const o=e.target.value.trim();if(!o)return;s.textContent="⚙️ 공정 분석 중...",e.target.value="";const r=Array.from(this.shadowRoot.querySelectorAll('input[name="gen_target"]:checked')).map(e=>e.value);try{const e=await d(this,n).generate(o,r,d(this,i));s.textContent="✅ 완료",t.nine.alert("소스 생성 성공").rgb(),this.dispatchEvent(new CustomEvent("nine-fab-completed",{detail:e,bubbles:!0}))}catch(a){s.textContent="❌ 실패",t.nine.alert(a.message).rgb().shake()}}})},r=function(){const e=this.getAttribute("placeholder")||"나에게 무엇이든 물어봐...",t=this.getAttribute("css-path")?`@import "${this.getAttribute("css-path")}";`:"";this.shadowRoot.innerHTML=`\n            <style>\n                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@0.1.12/dist/css/nine-fab.css";\n                ${t}\n            </style>\n            <div class="wrapper">\n                <nine-ai-settings></nine-ai-settings>\n                <div class="container">\n                    <div class="head">\n                        <div class="logo"><span></span></div>\n                        <div id="status-tag" style="font-size:10px; color:#ff5722; padding:5px;">Fab Engine Ready</div>\n                    </div>\n                    <nx-ai-chat></nx-ai-chat>\n                    <div class="foot">\n                        <div class="apply-src">\n                            ${["MyBatis","Service","Controller","JavaScript"].map(e=>`\n                                <div>\n                                    <input type="checkbox" id="${e.toLowerCase()}" name="gen_target" value="${e}" checked />\n                                    <label for="${e.toLowerCase()}">${e}</label>\n                                </div>\n                            `).join("")}\n                        </div>\n                        <textarea id="q" rows="4" placeholder="${e}"></textarea>\n                    </div>\n                </div>\n                <div class="menu">\n                    <div class="collapse-icon"></div>\n                    <div class="menu-icon menu-filter active"></div>\n                    <div class="menu-icon menu-general"></div>\n                    <div class="menu-icon menu-setting"></div>\n                </div>\n            </div>\n            <div class="expand-icon"></div>\n        `},customElements.get("nine-chat")||customElements.define("nine-chat",f);const g={version:"0.1.12",init:e=>{t.trace.log("🛠️ Nine-Fab Engine initialized",e)}};e.NineChat=f,e.NineFab=g,e.default=g,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=nine-fab.umd.js.map

package/dist/nine-fab.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-fab.umd.js","sources":["../src/services/NineFabService.js","../src/components/NineChat.js","../src/index.js"],"sourcesContent":["import { nine, trace } from '@nine-lab/nine-util';\n\nexport class NineFabService {\n    constructor(connectorUrl) {\n        this.connectorUrl = connectorUrl;\n    }\n\n    /**\n     * AI 소스 생성 실행\n     * @param {string} command - 사용자 입력 명령\n     * @param {Array} targets - 체크된 생성 대상 (MyBatis, Service 등)\n     * @param {Array} currentRoutes - 현재 프로젝트 경로 정보\n     */\n    async generate(command, targets, currentRoutes) {\n        try {\n            trace.log(`🚀 Fab 공정 시작: \"${command}\" [대상: ${targets.join(', ')}]`);\n\n            const response = await fetch(`${this.connectorUrl}/api/fab/generate`, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({\n                    command,\n                    targets,\n                    projectType: 'spring-react',\n                    currentRoutes\n                })\n            });\n\n            const result = await response.json();\n\n            if (!result.success) {\n                throw new Error(result.error || \"소스 생성 중 서버 오류가 발생했습니다.\");\n            }\n\n            return result;\n        } catch (error) {\n            trace.error(\"❌ Fab Service Error:\", error);\n            throw error;\n        }\n    }\n\n    /**\n     * 초기 경로 정보 로드\n     */\n    async fetchRoutes(routeUrl) {\n        if (!routeUrl) return [];\n        try {\n            const res = await fetch(routeUrl);\n            return await res.json();\n        } catch (err) {\n            trace.error(\"Route load fail\", err);\n            return [];\n        }\n    }\n}","import { nine, trace } from '@nine-lab/nine-util';\nimport { NineFabService } from '../services/NineFabService.js';\n\nexport class NineChat extends HTMLElement {\n    #service = null;\n    #routes = [];\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    async connectedCallback() {\n        // 서비스 초기화\n        const connectorUrl = this.getAttribute('connector-url') || 'http://localhost:3002';\n        this.#service = new NineFabService(connectorUrl);\n\n        this.#render();\n        this.#initInteractions(); // UI 토글 로직\n        this.#initActions();      // 엔터 시 실행 로직\n\n        // 경로 데이터 로드\n        this.#routes = await this.#service.fetchRoutes(this.getAttribute('route-url'));\n    }\n\n    // --- [그룹 1: Interaction] 화면 토글 및 메뉴 클릭 ---\n    #initInteractions() {\n        const $settings = this.shadowRoot.querySelector('nine-ai-settings');\n        const $menuIcons = this.shadowRoot.querySelectorAll(\".menu-icon\");\n\n        const toggleUI = () => this.classList.toggle(\"collapse\");\n        this.shadowRoot.querySelector(\".expand-icon\").addEventListener(\"click\", toggleUI);\n        this.shadowRoot.querySelector(\".collapse-icon\").addEventListener(\"click\", toggleUI);\n\n        $menuIcons.forEach(el => {\n            el.addEventListener(\"click\", (e) => {\n                $menuIcons.forEach(icon => icon.classList.remove(\"active\"));\n                const clicked = e.target.closest(\".menu-icon\");\n                clicked.classList.add(\"active\");\n                $settings.classList.toggle(\"expand\", clicked.classList.contains('menu-setting'));\n            });\n        });\n    }\n\n    // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---\n    #initActions() {\n        const $textarea = this.shadowRoot.querySelector('#q');\n        const $status = this.shadowRoot.querySelector('#status-tag');\n\n        $textarea.addEventListener('keypress', async (e) => {\n            if (e.key === 'Enter' && !e.shiftKey) {\n                e.preventDefault();\n                const command = e.target.value.trim();\n                if (!command) return;\n\n                // 1. UI 피드백\n                $status.textContent = \"⚙️ 공정 분석 중...\";\n                e.target.value = '';\n\n                // 2. 체크된 타겟 수집\n                const targets = Array.from(this.shadowRoot.querySelectorAll('input[name=\"gen_target\"]:checked'))\n                    .map(el => el.value);\n\n                // 3. 분리된 서비스 호출\n                try {\n                    const result = await this.#service.generate(command, targets, this.#routes);\n\n                    // 4. 성공 처리\n                    $status.textContent = \"✅ 완료\";\n                    nine.alert(\"소스 생성 성공\").rgb();\n                    this.dispatchEvent(new CustomEvent('nine-fab-completed', { detail: result, bubbles: true }));\n                } catch (err) {\n                    // 5. 실패 처리\n                    $status.textContent = \"❌ 실패\";\n                    nine.alert(err.message).rgb().shake();\n                }\n            }\n        });\n    }\n\n    #render() {\n        const placeholder = this.getAttribute(\"placeholder\") || \"나에게 무엇이든 물어봐...\";\n        const customImport = this.getAttribute(\"css-path\") ? `@import \"${this.getAttribute(\"css-path\")}\";` : \"\";\n\n        this.shadowRoot.innerHTML = `\n            <style>\n                @import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@${__APP_VERSION__}/dist/css/nine-fab.css\";\n                ${customImport}\n            </style>\n            <div class=\"wrapper\">\n                <nine-ai-settings></nine-ai-settings>\n                <div class=\"container\">\n                    <div class=\"head\">\n                        <div class=\"logo\"><span></span></div>\n                        <div id=\"status-tag\" style=\"font-size:10px; color:#ff5722; padding:5px;\">Fab Engine Ready</div>\n                    </div>\n                    <nx-ai-chat></nx-ai-chat>\n                    <div class=\"foot\">\n                        <div class=\"apply-src\">\n                            ${['MyBatis', 'Service', 'Controller', 'JavaScript'].map(t => `\n                                <div>\n                                    <input type=\"checkbox\" id=\"${t.toLowerCase()}\" name=\"gen_target\" value=\"${t}\" checked />\n                                    <label for=\"${t.toLowerCase()}\">${t}</label>\n                                </div>\n                            `).join('')}\n                        </div>\n                        <textarea id=\"q\" rows=\"4\" placeholder=\"${placeholder}\"></textarea>\n                    </div>\n                </div>\n                <div class=\"menu\">\n                    <div class=\"collapse-icon\"></div>\n                    <div class=\"menu-icon menu-filter active\"></div>\n                    <div class=\"menu-icon menu-general\"></div>\n                    <div class=\"menu-icon menu-setting\"></div>\n                </div>\n            </div>\n            <div class=\"expand-icon\"></div>\n        `;\n    }\n}\n\nif (!customElements.get('nine-chat')) {\n    customElements.define('nine-chat', NineNoMenu);\n}","import { trace } from '@nine-lab/nine-util';\nimport { NineChat } from './components/NineChat.js';\n\n/**\n * Nine-Fab 엔진 메인 클래스\n */\nexport const NineFab = {\n    version: typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '0.1.0',\n    init: (config) => {\n        trace.log(\"🛠️ Nine-Fab Engine initialized\", config);\n        // 향후 커넥터 URL 전역 설정이나 인증 토큰 처리 로직 추가 가능\n    }\n};\n\n// 기본 export 및 컴포넌트 export\nexport default NineFab;\nexport { NineChat };"],"names":["NineFabService","constructor","connectorUrl","this","generate","command","targets","currentRoutes","trace","log","join","response","fetch","method","headers","body","JSON","stringify","projectType","result","json","success","Error","error","fetchRoutes","routeUrl","res","err","NineChat","HTMLElement","super","__privateAdd","_NineChat_instances","_service","_routes","attachShadow","mode","connectedCallback","getAttribute","__privateSet","__privateMethod","render_fn","call","initInteractions_fn","initActions_fn","__privateGet","WeakMap","WeakSet","$settings","shadowRoot","querySelector","$menuIcons","querySelectorAll","toggleUI","classList","toggle","addEventListener","forEach","el","e","icon","remove","clicked","target","closest","add","contains","$textarea","$status","async","key","shiftKey","preventDefault","value","trim","textContent","Array","from","map","nine","alert","rgb","dispatchEvent","CustomEvent","detail","bubbles","message","shake","placeholder","customImport","innerHTML","t","toLowerCase","customElements","get","define","NineNoMenu","NineFab","version","init","config"],"mappings":"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"}
+{"version":3,"file":"nine-fab.umd.js","sources":["../src/services/NineFabService.js","../src/components/NineChat.js","../src/index.js"],"sourcesContent":["import { nine, trace } from '@nine-lab/nine-util';\n\nexport class NineFabService {\n    constructor(connectorUrl) {\n        this.connectorUrl = connectorUrl;\n    }\n\n    /**\n     * AI 소스 생성 실행\n     * @param {string} command - 사용자 입력 명령\n     * @param {Array} targets - 체크된 생성 대상 (MyBatis, Service 등)\n     * @param {Array} currentRoutes - 현재 프로젝트 경로 정보\n     */\n    async generate(command, targets, currentRoutes) {\n        try {\n            trace.log(`🚀 Fab 공정 시작: \"${command}\" [대상: ${targets.join(', ')}]`);\n\n            const response = await fetch(`${this.connectorUrl}/api/fab/generate`, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({\n                    command,\n                    targets,\n                    projectType: 'spring-react',\n                    currentRoutes\n                })\n            });\n\n            const result = await response.json();\n\n            if (!result.success) {\n                throw new Error(result.error || \"소스 생성 중 서버 오류가 발생했습니다.\");\n            }\n\n            return result;\n        } catch (error) {\n            trace.error(\"❌ Fab Service Error:\", error);\n            throw error;\n        }\n    }\n\n    /**\n     * 초기 경로 정보 로드\n     */\n    async fetchRoutes(routeUrl) {\n        if (!routeUrl) return [];\n        try {\n            const res = await fetch(routeUrl);\n            return await res.json();\n        } catch (err) {\n            trace.error(\"Route load fail\", err);\n            return [];\n        }\n    }\n}","import { nine, trace } from '@nine-lab/nine-util';\nimport { NineFabService } from '../services/NineFabService.js';\n\nexport class NineChat extends HTMLElement {\n    #service = null;\n    #routes = [];\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    async connectedCallback() {\n        // 서비스 초기화\n        const connectorUrl = this.getAttribute('connector-url') || 'http://localhost:3002';\n        this.#service = new NineFabService(connectorUrl);\n\n        this.#render();\n        this.#initInteractions(); // UI 토글 로직\n        this.#initActions();      // 엔터 시 실행 로직\n\n        // 경로 데이터 로드\n        this.#routes = await this.#service.fetchRoutes(this.getAttribute('route-url'));\n    }\n\n    // --- [그룹 1: Interaction] 화면 토글 및 메뉴 클릭 ---\n    #initInteractions() {\n        const $settings = this.shadowRoot.querySelector('nine-ai-settings');\n        const $menuIcons = this.shadowRoot.querySelectorAll(\".menu-icon\");\n\n        const toggleUI = () => this.classList.toggle(\"collapse\");\n        this.shadowRoot.querySelector(\".expand-icon\").addEventListener(\"click\", toggleUI);\n        this.shadowRoot.querySelector(\".collapse-icon\").addEventListener(\"click\", toggleUI);\n\n        $menuIcons.forEach(el => {\n            el.addEventListener(\"click\", (e) => {\n                $menuIcons.forEach(icon => icon.classList.remove(\"active\"));\n                const clicked = e.target.closest(\".menu-icon\");\n                clicked.classList.add(\"active\");\n                $settings.classList.toggle(\"expand\", clicked.classList.contains('menu-setting'));\n            });\n        });\n    }\n\n    // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---\n    #initActions() {\n        const $textarea = this.shadowRoot.querySelector('#q');\n        const $status = this.shadowRoot.querySelector('#status-tag');\n\n        $textarea.addEventListener('keypress', async (e) => {\n            if (e.key === 'Enter' && !e.shiftKey) {\n                e.preventDefault();\n                const command = e.target.value.trim();\n                if (!command) return;\n\n                // 1. UI 피드백\n                $status.textContent = \"⚙️ 공정 분석 중...\";\n                e.target.value = '';\n\n                // 2. 체크된 타겟 수집\n                const targets = Array.from(this.shadowRoot.querySelectorAll('input[name=\"gen_target\"]:checked'))\n                    .map(el => el.value);\n\n                // 3. 분리된 서비스 호출\n                try {\n                    const result = await this.#service.generate(command, targets, this.#routes);\n\n                    // 4. 성공 처리\n                    $status.textContent = \"✅ 완료\";\n                    nine.alert(\"소스 생성 성공\").rgb();\n                    this.dispatchEvent(new CustomEvent('nine-fab-completed', { detail: result, bubbles: true }));\n                } catch (err) {\n                    // 5. 실패 처리\n                    $status.textContent = \"❌ 실패\";\n                    nine.alert(err.message).rgb().shake();\n                }\n            }\n        });\n    }\n\n    #render() {\n        const placeholder = this.getAttribute(\"placeholder\") || \"나에게 무엇이든 물어봐...\";\n        const customImport = this.getAttribute(\"css-path\") ? `@import \"${this.getAttribute(\"css-path\")}\";` : \"\";\n\n        this.shadowRoot.innerHTML = `\n            <style>\n                @import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-fab@${__APP_VERSION__}/dist/css/nine-fab.css\";\n                ${customImport}\n            </style>\n            <div class=\"wrapper\">\n                <nine-ai-settings></nine-ai-settings>\n                <div class=\"container\">\n                    <div class=\"head\">\n                        <div class=\"logo\"><span></span></div>\n                        <div id=\"status-tag\" style=\"font-size:10px; color:#ff5722; padding:5px;\">Fab Engine Ready</div>\n                    </div>\n                    <nx-ai-chat></nx-ai-chat>\n                    <div class=\"foot\">\n                        <div class=\"apply-src\">\n                            ${['MyBatis', 'Service', 'Controller', 'JavaScript'].map(t => `\n                                <div>\n                                    <input type=\"checkbox\" id=\"${t.toLowerCase()}\" name=\"gen_target\" value=\"${t}\" checked />\n                                    <label for=\"${t.toLowerCase()}\">${t}</label>\n                                </div>\n                            `).join('')}\n                        </div>\n                        <textarea id=\"q\" rows=\"4\" placeholder=\"${placeholder}\"></textarea>\n                    </div>\n                </div>\n                <div class=\"menu\">\n                    <div class=\"collapse-icon\"></div>\n                    <div class=\"menu-icon menu-filter active\"></div>\n                    <div class=\"menu-icon menu-general\"></div>\n                    <div class=\"menu-icon menu-setting\"></div>\n                </div>\n            </div>\n            <div class=\"expand-icon\"></div>\n        `;\n    }\n}\n\nif (!customElements.get('nine-chat')) {\n    customElements.define('nine-chat', NineChat);\n}","import { trace } from '@nine-lab/nine-util';\nimport { NineChat } from './components/NineChat.js';\n\n/**\n * Nine-Fab 엔진 메인 클래스\n */\nexport const NineFab = {\n    version: typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '0.1.0',\n    init: (config) => {\n        trace.log(\"🛠️ Nine-Fab Engine initialized\", config);\n        // 향후 커넥터 URL 전역 설정이나 인증 토큰 처리 로직 추가 가능\n    }\n};\n\n// 기본 export 및 컴포넌트 export\nexport default NineFab;\nexport { NineChat };"],"names":["NineFabService","constructor","connectorUrl","this","generate","command","targets","currentRoutes","trace","log","join","response","fetch","method","headers","body","JSON","stringify","projectType","result","json","success","Error","error","fetchRoutes","routeUrl","res","err","NineChat","HTMLElement","super","__privateAdd","_NineChat_instances","_service","_routes","attachShadow","mode","connectedCallback","getAttribute","__privateSet","__privateMethod","render_fn","call","initInteractions_fn","initActions_fn","__privateGet","WeakMap","WeakSet","$settings","shadowRoot","querySelector","$menuIcons","querySelectorAll","toggleUI","classList","toggle","addEventListener","forEach","el","e","icon","remove","clicked","target","closest","add","contains","$textarea","$status","async","key","shiftKey","preventDefault","value","trim","textContent","Array","from","map","nine","alert","rgb","dispatchEvent","CustomEvent","detail","bubbles","message","shake","placeholder","customImport","innerHTML","t","toLowerCase","customElements","get","define","NineFab","version","init","config"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-fab",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-fab.umd.js",

package/src/components/NineChat.js

@@ -120,5 +120,5 @@ export class NineChat extends HTMLElement {
 }
 
 if (!customElements.get('nine-chat')) {
-    customElements.define('nine-chat', NineNoMenu);
+    customElements.define('nine-chat', NineChat);
 }