@opentui/core 0.5.14 → 0.5.15

package/index.node.js

@@ -159,7 +159,7 @@ import {
   setRenderLibPath2,
   resolveRenderLib2,
   exports_yoga
-} from "./chunk-node-80p7e6t6.js";
+} from "./chunk-node-tfvyz31s.js";
 import {
   convertThemeToStyles2,
   SyntaxStyle2,
@@ -205,7 +205,7 @@ import {
   CliRenderEvents2,
   RendererControlState2,
   CliRenderer2
-} from "./chunk-node-wp7ct2m6.js";
+} from "./chunk-node-f3yste6w.js";
 // src/post/effects.ts
 function toU8(value) {
   return Math.round(Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0)) * 255);
@@ -6729,7 +6729,6 @@ class LineNumberRenderable extends Renderable2 {
   _lineNumberOffset;
   _hideLineNumbers;
   _lineNumbers;
-  _isDestroying = false;
   handleLineInfoChange = () => {
     this.gutter?.remeasure();
     this.requestRender();
@@ -6784,14 +6783,7 @@ class LineNumberRenderable extends Renderable2 {
   setTarget(target) {
     if (this.target === target)
       return;
-    if (this.target) {
-      this.target.off("line-info-change", this.handleLineInfoChange);
-      super.remove(this.target);
-    }
-    if (this.gutter) {
-      super.remove(this.gutter);
-      this.gutter = null;
-    }
+    this.clearTarget();
     this.target = target;
     this.target.on("line-info-change", this.handleLineInfoChange);
     this.gutter = new GutterRenderable(this.ctx, this.target, {
@@ -6818,10 +6810,6 @@ class LineNumberRenderable extends Renderable2 {
     return -1;
   }
   remove(child) {
-    if (this._isDestroying) {
-      super.remove(child);
-      return;
-    }
     if (this.gutter && child === this.gutter) {
       throw new Error("LineNumberRenderable: Cannot remove gutter directly.");
     }
@@ -6831,13 +6819,14 @@ class LineNumberRenderable extends Renderable2 {
     super.remove(child);
   }
   destroyRecursively() {
-    this._isDestroying = true;
-    if (this.target) {
-      this.target.off("line-info-change", this.handleLineInfoChange);
-    }
+    const target = this.target;
+    this.clearTarget();
+    target?.destroyRecursively();
     super.destroyRecursively();
-    this.gutter = null;
-    this.target = null;
+  }
+  destroy() {
+    this.clearTarget();
+    super.destroy();
   }
   clearTarget() {
     if (this.target) {
@@ -6847,6 +6836,7 @@ class LineNumberRenderable extends Renderable2 {
     }
     if (this.gutter) {
       super.remove(this.gutter);
+      this.gutter.destroy();
       this.gutter = null;
     }
   }
@@ -7351,6 +7341,7 @@ class DiffRenderable extends Renderable2 {
   _fg;
   _filetype;
   _syntaxStyle;
+  _defaultSyntaxStyle;
   _wrapMode;
   _conceal;
   _selectionBg;
@@ -7539,12 +7530,26 @@ class DiffRenderable extends Renderable2 {
     }
     this._lineInfoChangeHandler = null;
   }
-  destroyRecursively() {
+  destroySelf() {
     this.detachLineInfoListeners();
     this.pendingRebuild = false;
     this.leftSideAdded = false;
     this.rightSideAdded = false;
-    super.destroyRecursively();
+    for (const node of [this.leftSide, this.rightSide, this.errorTextRenderable, this.errorCodeRenderable]) {
+      node?.destroyRecursively();
+    }
+    this.leftSide = null;
+    this.rightSide = null;
+    this.leftCodeRenderable = null;
+    this.rightCodeRenderable = null;
+    this.errorTextRenderable = null;
+    this.errorCodeRenderable = null;
+    this._defaultSyntaxStyle?.destroy();
+    this._defaultSyntaxStyle = undefined;
+    super.destroySelf();
+  }
+  getCodeSyntaxStyle() {
+    return this._syntaxStyle ?? (this._defaultSyntaxStyle ??= SyntaxStyle2.create());
   }
   buildErrorView() {
     this.flexDirection = "column";
@@ -7579,7 +7584,7 @@ class DiffRenderable extends Renderable2 {
         id: this.id ? `${this.id}-error-code` : undefined,
         content: this._diff,
         filetype: "diff",
-        syntaxStyle: this._syntaxStyle ?? SyntaxStyle2.create(),
+        syntaxStyle: this.getCodeSyntaxStyle(),
         wrapMode: this._wrapMode,
         conceal: this._conceal,
         width: "100%",
@@ -7609,7 +7614,7 @@ class DiffRenderable extends Renderable2 {
         filetype: this._filetype,
         wrapMode,
         conceal: this._conceal,
-        syntaxStyle: this._syntaxStyle ?? SyntaxStyle2.create(),
+        syntaxStyle: this.getCodeSyntaxStyle(),
         width: "100%",
         height: "100%",
         ...this._fg !== undefined && { fg: this._fg },
@@ -15907,5 +15912,5 @@ export {
   yellow2 as yellow
 };
 
-//# debugId=904C004D2EDDA4B364756E2164756E21
+//# debugId=1DA002AB6B13BAAA64756E2164756E21
 //# sourceMappingURL=index.node.js.map