@nine-lab/nine-mu 0.1.360 → 0.1.362
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nine-mu.js +48 -40
- package/dist/nine-mu.js.map +1 -1
- package/dist/nine-mu.umd.js +1 -1
- package/dist/nine-mu.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/exception/ExceptionHook.js +53 -37
package/dist/nine-mu.js
CHANGED
|
@@ -17538,7 +17538,7 @@ render_fn = function() {
|
|
|
17538
17538
|
const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
|
|
17539
17539
|
this.shadowRoot.innerHTML = `
|
|
17540
17540
|
<style>
|
|
17541
|
-
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.
|
|
17541
|
+
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.361"}/dist/css/nine-mu.css";
|
|
17542
17542
|
${customImport}
|
|
17543
17543
|
</style>
|
|
17544
17544
|
<div class="wrapper">
|
|
@@ -43788,7 +43788,7 @@ class NineDiff extends HTMLElement {
|
|
|
43788
43788
|
const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
|
|
43789
43789
|
this.shadowRoot.innerHTML = `
|
|
43790
43790
|
<style>
|
|
43791
|
-
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.
|
|
43791
|
+
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.361"}/dist/css/nine-mu.css";
|
|
43792
43792
|
${customImport}
|
|
43793
43793
|
</style>
|
|
43794
43794
|
|
|
@@ -43928,7 +43928,7 @@ renderScaffolding_fn = function() {
|
|
|
43928
43928
|
const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
|
|
43929
43929
|
this.shadowRoot.innerHTML = `
|
|
43930
43930
|
<style>
|
|
43931
|
-
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.
|
|
43931
|
+
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.361"}/dist/css/nine-mu.css";
|
|
43932
43932
|
${customImport}
|
|
43933
43933
|
</style>
|
|
43934
43934
|
|
|
@@ -44037,7 +44037,7 @@ render_fn2 = function() {
|
|
|
44037
44037
|
const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
|
|
44038
44038
|
this.shadowRoot.innerHTML = `
|
|
44039
44039
|
<style>
|
|
44040
|
-
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.
|
|
44040
|
+
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.361"}/dist/css/nine-mu.css";
|
|
44041
44041
|
${customImport}
|
|
44042
44042
|
</style>
|
|
44043
44043
|
|
|
@@ -44367,7 +44367,7 @@ class ChatMessageBody extends HTMLElement {
|
|
|
44367
44367
|
const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
|
|
44368
44368
|
this.shadowRoot.innerHTML = `
|
|
44369
44369
|
<style>
|
|
44370
|
-
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.
|
|
44370
|
+
@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.361"}/dist/css/nine-mu.css";
|
|
44371
44371
|
${customImport}
|
|
44372
44372
|
</style>
|
|
44373
44373
|
|
|
@@ -44471,64 +44471,66 @@ const NineExceptionStyles = {
|
|
|
44471
44471
|
flexGrow: 1,
|
|
44472
44472
|
padding: "25px",
|
|
44473
44473
|
background: "#121314",
|
|
44474
|
-
// ⭐ 모든 요소가 완벽한 터미널 정렬을 갖추도록 고정폭 서체를 부모에 강제 주입
|
|
44475
44474
|
fontFamily: 'Consolas, Monaco, "Courier New", monospace',
|
|
44476
44475
|
textAlign: "left",
|
|
44477
44476
|
boxShadow: "0 4px 12px rgba(0,0,0,0.3)",
|
|
44478
|
-
// 내부 라인들을 인라인 텍스트 흐름처럼 촘촘하게 쌓기 위해 flex 간격 조정
|
|
44479
44477
|
display: "flex",
|
|
44480
44478
|
flexDirection: "column",
|
|
44481
44479
|
gap: "10px",
|
|
44482
|
-
//
|
|
44483
|
-
lineHeight: "1.
|
|
44484
|
-
// 모든 라인의 글자 높이 기준 통일
|
|
44480
|
+
// ⭐ 수정: 아까 보기 좋았던 넉넉하고 정돈된 줄간격 비율로 복구
|
|
44481
|
+
lineHeight: "1.5"
|
|
44485
44482
|
},
|
|
44483
|
+
// 1. 모든 라인의 display 형식을 'block'으로 맞추고 마진/패딩을 0으로 통일
|
|
44486
44484
|
systemError: {
|
|
44487
44485
|
color: "#999",
|
|
44488
|
-
// 요청하신 대로 #999 색상 지정
|
|
44489
44486
|
fontWeight: "bold",
|
|
44490
|
-
fontSize: "14px",
|
|
44491
44487
|
margin: "0",
|
|
44492
|
-
|
|
44493
|
-
|
|
44494
|
-
padding: "0"
|
|
44488
|
+
padding: "0",
|
|
44489
|
+
display: "block"
|
|
44495
44490
|
},
|
|
44491
|
+
// 2. 에러 본문 텍스트도 불필요한 속성을 다 버리고 일반 라인과 똑같이 흐르게 교정
|
|
44496
44492
|
pre: {
|
|
44497
44493
|
background: "transparent",
|
|
44498
44494
|
color: "#666",
|
|
44495
|
+
// aa is not defined는 요청하신 #666 적용
|
|
44499
44496
|
padding: "0",
|
|
44500
44497
|
margin: "0",
|
|
44501
|
-
// pre 태그 고유의 불규칙한 여백 완전 제거
|
|
44502
44498
|
border: "none",
|
|
44503
44499
|
overflowX: "auto",
|
|
44504
44500
|
whiteSpace: "pre-wrap",
|
|
44505
|
-
fontFamily: "
|
|
44506
|
-
|
|
44501
|
+
fontFamily: "inherit",
|
|
44502
|
+
// 부모 폰트 그대로 상속
|
|
44503
|
+
fontSize: "inherit",
|
|
44504
|
+
// 부모 크기 그대로 상속
|
|
44507
44505
|
display: "block"
|
|
44508
44506
|
},
|
|
44509
|
-
|
|
44510
|
-
|
|
44507
|
+
// 3. 에러 위치 추적 라인
|
|
44508
|
+
locationRow: {
|
|
44511
44509
|
color: "#999",
|
|
44512
44510
|
margin: "0",
|
|
44513
44511
|
padding: "0",
|
|
44514
|
-
display: "
|
|
44515
|
-
|
|
44516
|
-
|
|
44517
|
-
|
|
44512
|
+
display: "block",
|
|
44513
|
+
fontFamily: "inherit",
|
|
44514
|
+
fontSize: "inherit"
|
|
44515
|
+
},
|
|
44516
|
+
// 4. 하단 영역의 flex와 gap을 완전히 제거하여 줄간격 왜곡 원천 차단
|
|
44517
|
+
footer: {
|
|
44518
|
+
margin: "0",
|
|
44519
|
+
padding: "0",
|
|
44520
|
+
display: "block"
|
|
44518
44521
|
},
|
|
44519
44522
|
promptRow: {
|
|
44520
44523
|
margin: "0",
|
|
44521
44524
|
padding: "0",
|
|
44522
44525
|
display: "block",
|
|
44523
44526
|
color: "#999"
|
|
44524
|
-
// 대화형 구문도 완벽하게 #999 색상 일치
|
|
44525
44527
|
},
|
|
44526
44528
|
cliLink: {
|
|
44527
44529
|
color: "#38A169",
|
|
44528
|
-
//
|
|
44529
|
-
padding: "0
|
|
44530
|
-
fontFamily: "
|
|
44531
|
-
fontSize: "
|
|
44530
|
+
// y 링크 터미널 그린
|
|
44531
|
+
padding: "0",
|
|
44532
|
+
fontFamily: "inherit",
|
|
44533
|
+
fontSize: "inherit",
|
|
44532
44534
|
fontWeight: "bold",
|
|
44533
44535
|
cursor: "pointer",
|
|
44534
44536
|
textDecoration: "underline",
|
|
@@ -44611,7 +44613,12 @@ class NineExceptionHook extends React.Component {
|
|
|
44611
44613
|
const targetLine = lines[0] || "";
|
|
44612
44614
|
const match = targetLine.match(/at\s+(\w+)\s+\((.*)\)/) || targetLine.match(/at\s+(.*)/);
|
|
44613
44615
|
if (match) {
|
|
44614
|
-
|
|
44616
|
+
const componentName = match[1];
|
|
44617
|
+
let rawPath = match[2] || "";
|
|
44618
|
+
if (rawPath.includes("http://") || rawPath.includes("https://")) {
|
|
44619
|
+
rawPath = rawPath.replace(/^https?:\/\/[^\/]+/, "");
|
|
44620
|
+
}
|
|
44621
|
+
errorLocation = rawPath ? `${componentName} (${rawPath})` : componentName;
|
|
44615
44622
|
} else {
|
|
44616
44623
|
errorLocation = targetLine.trim();
|
|
44617
44624
|
}
|
|
@@ -44621,21 +44628,21 @@ class NineExceptionHook extends React.Component {
|
|
|
44621
44628
|
{
|
|
44622
44629
|
style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle }
|
|
44623
44630
|
},
|
|
44624
|
-
// 1.
|
|
44631
|
+
// 1. [SYSTEM] 라인
|
|
44625
44632
|
React.createElement(
|
|
44626
44633
|
"div",
|
|
44627
44634
|
{ style: { ...NineExceptionStyles.systemError, ...customStyles.systemError } },
|
|
44628
44635
|
"[SYSTEM] COMPONENT RENDER ERROR DETECTED"
|
|
44629
44636
|
),
|
|
44630
|
-
// 2.
|
|
44637
|
+
// 2. aa is not defined 라인
|
|
44631
44638
|
React.createElement("pre", { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
|
|
44632
|
-
//
|
|
44639
|
+
// 3. at MemberUsers 라인
|
|
44633
44640
|
errorLocation && React.createElement(
|
|
44634
44641
|
"div",
|
|
44635
|
-
{ style: {
|
|
44642
|
+
{ style: { ...NineExceptionStyles.locationRow, ...customStyles.locationRow } },
|
|
44636
44643
|
` at ${errorLocation}`
|
|
44637
44644
|
),
|
|
44638
|
-
// 4. CLI 프롬프트 영역
|
|
44645
|
+
// 4. CLI 프롬프트 및 후속 결과 라인 영역
|
|
44639
44646
|
React.createElement(
|
|
44640
44647
|
"div",
|
|
44641
44648
|
{ style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
|
|
@@ -44653,16 +44660,17 @@ class NineExceptionHook extends React.Component {
|
|
|
44653
44660
|
),
|
|
44654
44661
|
React.createElement("span", null, "/n)?")
|
|
44655
44662
|
),
|
|
44663
|
+
// display: 'block'과 margin/padding 0을 주어 다른 라인들과 오차 없이 간격을 맞춤
|
|
44656
44664
|
this.state.reportStatus === "sending" && React.createElement(
|
|
44657
44665
|
"div",
|
|
44658
|
-
{ style: { color: "#ED8936", margin: "0",
|
|
44666
|
+
{ style: { color: "#ED8936", margin: "0", padding: "0", display: "block" } },
|
|
44659
44667
|
">> Connecting to Control Tower... Sending payload."
|
|
44660
44668
|
),
|
|
44661
44669
|
this.state.reportStatus === "success" && React.createElement(
|
|
44662
44670
|
"div",
|
|
44663
|
-
{ style: {
|
|
44664
|
-
React.createElement("div", { style: { color: "#38A169", fontWeight: "bold",
|
|
44665
|
-
React.createElement("div", { style: { color: "#A0AEC0", fontStyle: "italic", fontSize: "13px",
|
|
44671
|
+
{ style: { margin: "0", padding: "0", display: "block" } },
|
|
44672
|
+
React.createElement("div", { style: { color: "#38A169", fontWeight: "bold", display: "block", margin: "0" } }, ">> Transmit complete. Core engine initialized."),
|
|
44673
|
+
React.createElement("div", { style: { color: "#A0AEC0", fontStyle: "italic", fontSize: "13px", display: "block", margin: "4px 0 0 0" } }, "AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
|
|
44666
44674
|
)
|
|
44667
44675
|
)
|
|
44668
44676
|
);
|
|
@@ -44671,7 +44679,7 @@ class NineExceptionHook extends React.Component {
|
|
|
44671
44679
|
}
|
|
44672
44680
|
}
|
|
44673
44681
|
const NineMu = {
|
|
44674
|
-
version: "0.1.
|
|
44682
|
+
version: "0.1.361",
|
|
44675
44683
|
init: (config2) => {
|
|
44676
44684
|
trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
|
|
44677
44685
|
}
|