@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 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.359"}/dist/css/nine-mu.css";
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.359"}/dist/css/nine-mu.css";
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.359"}/dist/css/nine-mu.css";
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.359"}/dist/css/nine-mu.css";
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.359"}/dist/css/nine-mu.css";
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
- // 줄간 간격을 10px로 타이트하게 조여 터미널 감성 극대화
44483
- lineHeight: "1.2"
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
- // 수동 마진 제거 (부모 gap으로 일괄 제어)
44493
- letterSpacing: "0.5px",
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: "Consolas, Monaco, monospace",
44506
- fontSize: "14px",
44501
+ fontFamily: "inherit",
44502
+ // 부모 폰트 그대로 상속
44503
+ fontSize: "inherit",
44504
+ // 부모 크기 그대로 상속
44507
44505
  display: "block"
44508
44506
  },
44509
- footer: {
44510
- fontSize: "14px",
44507
+ // 3. 에러 위치 추적 라인
44508
+ locationRow: {
44511
44509
  color: "#999",
44512
44510
  margin: "0",
44513
44511
  padding: "0",
44514
- display: "flex",
44515
- flexDirection: "column",
44516
- gap: "10px"
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
- // 선택지 y 선명한 터미널 그린
44529
- padding: "0 2px",
44530
- fontFamily: "Consolas, Monaco, monospace",
44531
- fontSize: "14px",
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
- errorLocation = match[2] ? `${match[1]} (${match[2]})` : match[1];
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. 에러 내용 (aa is not defined)
44637
+ // 2. aa is not defined 라인
44631
44638
  React.createElement("pre", { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
44632
- // 3. [추가] 파싱된 에러 발생 파일명 및 라인 위치 (터미널 그레이 색상 매칭)
44639
+ // 3. at MemberUsers 라인
44633
44640
  errorLocation && React.createElement(
44634
44641
  "div",
44635
- { style: { color: "#666", fontSize: "14px", margin: "0 0 12px 0", fontFamily: "Consolas, Monaco, monospace", lineHeight: "1" } },
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", lineHeight: "1" } },
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: { display: "flex", flexDirection: "column", gap: "12px", margin: "0" } },
44664
- React.createElement("div", { style: { color: "#38A169", fontWeight: "bold", lineHeight: "1" } }, ">> Transmit complete. Core engine initialized."),
44665
- React.createElement("div", { style: { color: "#A0AEC0", fontStyle: "italic", fontSize: "13px", lineHeight: "1" } }, "AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
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.359",
44682
+ version: "0.1.361",
44675
44683
  init: (config2) => {
44676
44684
  trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
44677
44685
  }