textmode.js 0.1.3 → 0.1.4-beta.2

package/dist/textmode.esm.min.js

@@ -104,8 +104,8 @@ const E = class E {
   }
 };
 o(E, "_instance", null);
-let z = E;
-const x = z.getInstance();
+let $ = E;
+const x = $.getInstance();
 class oe {
   constructor(e, t, r = t, i = {}) {
     o(this, "gl");
@@ -201,6 +201,20 @@ class oe {
       return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(e, t, r, i, s.RGBA, s.UNSIGNED_BYTE, a), s.bindFramebuffer(s.FRAMEBUFFER, n), a;
     }
   }
+  /**
+   * Dispose of WebGL resources used by this framebuffer.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    const { gl: e } = this;
+    this._framebuffer && (e.deleteFramebuffer(this._framebuffer), this._framebuffer = null), this._texture && (e.deleteTexture(this._texture), this._texture = null), this._pixels = null;
+  }
+  /**
+   * Check if this framebuffer has been disposed
+   */
+  get isDisposed() {
+    return this._framebuffer === null || this._texture === null;
+  }
   get framebuffer() {
     return this._framebuffer;
   }
@@ -225,7 +239,7 @@ class Q {
     this.gl = e, this.x = t, this.y = r;
   }
 }
-class M {
+class A {
   constructor(e, t, r, i, s) {
     /** The WebGL rendering context */
     o(this, "gl");
@@ -239,9 +253,9 @@ class M {
     const a = e.getParameter(e.VIEWPORT), n = a[2], l = a[3], c = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, u = t / n * 2 - 1, d = (t + i) / n * 2 - 1;
     let f, g;
     c ? (f = r / l * 2 - 1, g = (r + s) / l * 2 - 1) : (f = 1 - r / l * 2, g = 1 - (r + s) / l * 2);
-    let _, p, C, b;
-    _ = u, C = d, p = f, b = g;
-    const v = this.generateVertices(_, p, C, b);
+    let p, _, b, C;
+    p = u, b = d, _ = f, C = g;
+    const v = this.generateVertices(p, _, b, C);
     this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, v, e.STATIC_DRAW);
   }
   /**
@@ -303,7 +317,7 @@ class he extends Q {
    * Render the filled rectangle using the existing Rectangle geometry.
    */
   renderFill() {
-    new M(this.gl, this.x, this.y, this.width, this.height).render();
+    new A(this.gl, this.x, this.y, this.width, this.height).render();
   }
   /**
    * Render the stroke rectangle as four separate Rectangle instances for each edge.
@@ -312,7 +326,7 @@ class he extends Q {
    */
   renderStroke(t) {
     if (t <= 0) return;
-    const r = new M(this.gl, this.x, this.y, this.width, t), i = new M(this.gl, this.x + this.width - t, this.y, t, this.height), s = new M(this.gl, this.x, this.y + this.height - t, this.width, t), a = new M(this.gl, this.x, this.y, t, this.height);
+    const r = new A(this.gl, this.x, this.y, this.width, t), i = new A(this.gl, this.x + this.width - t, this.y, t, this.height), s = new A(this.gl, this.x, this.y + this.height - t, this.width, t), a = new A(this.gl, this.x, this.y, t, this.height);
     r.render(), i.render(), s.render(), a.render();
   }
 }
@@ -333,9 +347,9 @@ class le {
       this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, ie, e.STATIC_DRAW);
       return;
     }
-    const _ = d / g, C = -(f / g), b = _, v = a / 2, w = t + C * v, A = r + b * v, R = t - C * v, y = r - b * v, P = i + C * v, D = s + b * v, Z = i - C * v, W = s - b * v, J = w / l * 2 - 1, K = R / l * 2 - 1, ee = P / l * 2 - 1, te = Z / l * 2 - 1;
+    const p = d / g, b = -(f / g), C = p, v = a / 2, w = t + b * v, D = r + C * v, R = t - b * v, y = r - C * v, P = i + b * v, M = s + C * v, Z = i - b * v, W = s - C * v, J = w / l * 2 - 1, K = R / l * 2 - 1, ee = P / l * 2 - 1, te = Z / l * 2 - 1;
     let B, G, V, k;
-    u ? (B = A / c * 2 - 1, G = y / c * 2 - 1, V = D / c * 2 - 1, k = W / c * 2 - 1) : (B = 1 - A / c * 2, G = 1 - y / c * 2, V = 1 - D / c * 2, k = 1 - W / c * 2);
+    u ? (B = D / c * 2 - 1, G = y / c * 2 - 1, V = M / c * 2 - 1, k = W / c * 2 - 1) : (B = 1 - D / c * 2, G = 1 - y / c * 2, V = 1 - M / c * 2, k = 1 - W / c * 2);
     const re = this.generateLineVertices(
       J,
       B,
@@ -590,6 +604,19 @@ class T {
   get glProgram() {
     return this.program;
   }
+  /**
+   * Dispose of WebGL resources used by this shader.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this.program && (this.gl.deleteProgram(this.program), this.program = null), this.uniformLocations.clear(), this.attributeLocations.clear(), this.textureUnitCounter = 0;
+  }
+  /**
+   * Check if this shader has been disposed
+   */
+  get isDisposed() {
+    return this.program === null;
+  }
   /**
    * Reset texture unit counter (useful when starting a new frame)
    */
@@ -732,8 +759,8 @@ class fe {
     const s = new he(this.gl, e, t, r, i);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
-        const { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(e, t, r, i);
-        this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", _);
+        const { centerX: d, centerY: f, radians: g, aspectRatio: p } = this.calculateRotationParams(e, t, r, i);
+        this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", p);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
       s.renderFill(), this.currentShader = null;
@@ -755,15 +782,15 @@ class fe {
     const s = new ce(this.gl, e, t, r, i);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
-        const p = (e + r) / 2, C = (t + i) / 2, b = Math.abs(r - e), v = Math.abs(i - t), { centerX: w, centerY: A, radians: R, aspectRatio: y } = this.calculateRotationParams(p - b / 2, C - v / 2, b, v);
-        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, A]), this.setUniform("u_aspectRatio", y);
+        const _ = (e + r) / 2, b = (t + i) / 2, C = Math.abs(r - e), v = Math.abs(i - t), { centerX: w, centerY: D, radians: R, aspectRatio: y } = this.calculateRotationParams(_ - C / 2, b - v / 2, C, v);
+        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, D]), this.setUniform("u_aspectRatio", y);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
       s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
       return;
     }
-    const a = this.solidColorShader, n = (e + r) / 2, l = (t + i) / 2, c = Math.abs(r - e), u = Math.abs(i - t), { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
-    this.shader(a), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", _), s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
+    const a = this.solidColorShader, n = (e + r) / 2, l = (t + i) / 2, c = Math.abs(r - e), u = Math.abs(i - t), { centerX: d, centerY: f, radians: g, aspectRatio: p } = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
+    this.shader(a), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", p), s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
   }
   /**
    * Calculate rotation parameters for built-in shaders (NDC coordinates)
@@ -772,8 +799,8 @@ class fe {
     const s = this.gl.getParameter(this.gl.VIEWPORT), a = s[2], n = s[3], l = a / n, c = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, u = e + r / 2, d = t + i / 2, f = u / a * 2 - 1;
     let g;
     c ? g = d / n * 2 - 1 : g = 1 - d / n * 2;
-    const _ = this.currentRotation * Math.PI / 180;
-    return { centerX: f, centerY: g, radians: _, aspectRatio: l };
+    const p = this.currentRotation * Math.PI / 180;
+    return { centerX: f, centerY: g, radians: p, aspectRatio: l };
   }
   /**
    * Create a new framebuffer
@@ -805,6 +832,19 @@ class fe {
   get context() {
     return this.gl;
   }
+  /**
+   * Dispose of all WebGL resources managed by this renderer.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this.imageShader && !this.imageShader.isDisposed && this.imageShader.dispose(), this.solidColorShader && !this.solidColorShader.isDisposed && this.solidColorShader.dispose(), this.imageShader = null, this.solidColorShader = null, this.currentShader = null, this.stateStack = [];
+  }
+  /**
+   * Check if this renderer has been disposed
+   */
+  get isDisposed() {
+    return this.imageShader === null || this.solidColorShader === null;
+  }
   /**
    * Render a framebuffer at a specific position with optional scaling
    */
@@ -834,8 +874,8 @@ m.parse = function(h) {
     for (var f in u) {
       var g = m.findTable(s, f, n);
       if (g) {
-        var _ = g[0], p = l[_];
-        p == null && (p = u[f].parseTab(s, _, g[1], d)), d[f] = l[_] = p;
+        var p = g[0], _ = l[p];
+        _ == null && (_ = u[f].parseTab(s, p, g[1], d)), d[f] = l[p] = _;
       }
     }
     return d;
@@ -900,15 +940,15 @@ m.T.cmap = {
       e += 2;
       var f = i.readUint(h, e);
       e += 4;
-      var g = "p" + u + "e" + d, _ = l.indexOf(f);
-      if (_ == -1) {
-        _ = r.tables.length;
-        var p = {};
+      var g = "p" + u + "e" + d, p = l.indexOf(f);
+      if (p == -1) {
+        p = r.tables.length;
+        var _ = {};
         l.push(f);
-        var C = p.format = s(h, f);
-        C == 4 ? p = a.parse4(h, f, p) : C == 12 && (p = a.parse12(h, f, p)), r.tables.push(p);
+        var b = _.format = s(h, f);
+        b == 4 ? _ = a.parse4(h, f, _) : b == 12 && (_ = a.parse12(h, f, _)), r.tables.push(_);
       }
-      r.ids[g] != null && console.log("multiple tables for one platform+encoding: " + g), r.ids[g] = _;
+      r.ids[g] != null && console.log("multiple tables for one platform+encoding: " + g), r.ids[g] = p;
     }
     return r;
   },
@@ -1022,16 +1062,16 @@ m.T.glyf = {
       }
       a.xs = [];
       for (var n = 0; n < c; n++) {
-        var g = (a.flags[n] & 2) != 0, _ = (a.flags[n] & 16) != 0;
-        g ? (a.xs.push(_ ? r[s] : -r[s]), s++) : _ ? a.xs.push(0) : (a.xs.push(t.readShort(r, s)), s += 2);
+        var g = (a.flags[n] & 2) != 0, p = (a.flags[n] & 16) != 0;
+        g ? (a.xs.push(p ? r[s] : -r[s]), s++) : p ? a.xs.push(0) : (a.xs.push(t.readShort(r, s)), s += 2);
       }
       a.ys = [];
       for (var n = 0; n < c; n++) {
-        var g = (a.flags[n] & 4) != 0, _ = (a.flags[n] & 32) != 0;
-        g ? (a.ys.push(_ ? r[s] : -r[s]), s++) : _ ? a.ys.push(0) : (a.ys.push(t.readShort(r, s)), s += 2);
+        var g = (a.flags[n] & 4) != 0, p = (a.flags[n] & 32) != 0;
+        g ? (a.ys.push(p ? r[s] : -r[s]), s++) : p ? a.ys.push(0) : (a.ys.push(t.readShort(r, s)), s += 2);
       }
-      for (var p = 0, C = 0, n = 0; n < c; n++)
-        p += a.xs[n], C += a.ys[n], a.xs[n] = p, a.ys[n] = C;
+      for (var _ = 0, b = 0, n = 0; n < c; n++)
+        _ += a.xs[n], b += a.ys[n], a.xs[n] = _, a.ys[n] = b;
     } else
       a.parts = [];
     return a;
@@ -1204,7 +1244,7 @@ class ge {
     this._textureContext.putImageData(t, 0, 0);
   }
 }
-class pe {
+class _e {
   /**
    * Creates a new MetricsCalculation instance.
    */
@@ -1234,7 +1274,7 @@ class pe {
     };
   }
 }
-class _e {
+class pe {
   /**
    * Creates TextmodeCharacter objects with unique color assignments.
    * @param characters Array of character strings
@@ -1346,7 +1386,7 @@ class xe {
     o(this, "_textureAtlas");
     o(this, "_metricsCalculator");
     o(this, "_characterColorMapper");
-    this._fontSize = t, this._characterExtractor = new me(), this._textureAtlas = new ge(e), this._metricsCalculator = new pe(), this._characterColorMapper = new _e();
+    this._fontSize = t, this._characterExtractor = new me(), this._textureAtlas = new ge(e), this._metricsCalculator = new _e(), this._characterColorMapper = new pe();
   }
   /**
    * Initializes the font manager by loading the font and creating the texture atlas.
@@ -1484,6 +1524,19 @@ class xe {
   get maxGlyphDimensions() {
     return this._maxGlyphDimensions;
   }
+  /**
+   * Dispose of all resources used by this font manager.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this._fontFramebuffer && !this._fontFramebuffer.isDisposed && this._fontFramebuffer.dispose(), this._fontFace && document.fonts.has(this._fontFace) && document.fonts.delete(this._fontFace), this._fontFramebuffer = null, this._fontFace = null, this._font = null, this._characters = [], this._maxGlyphDimensions = { width: 0, height: 0 }, this._textureColumns = 0, this._textureRows = 0;
+  }
+  /**
+   * Check if this font manager has been disposed
+   */
+  get isDisposed() {
+    return this._fontFramebuffer === null || this._font === null;
+  }
   /** Returns the font size used for rendering. */
   get fontSize() {
     return this._fontSize;
@@ -1598,6 +1651,19 @@ class ve {
   get cellHeight() {
     return this._cellHeight;
   }
+  /**
+   * Dispose of this TextmodeGrid and clean up references.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this._canvas = null, this._cols = 0, this._rows = 0, this._width = 0, this._height = 0, this._offsetX = 0, this._offsetY = 0, this._cellWidth = 0, this._cellHeight = 0;
+  }
+  /**
+   * Check if this TextmodeGrid has been disposed
+   */
+  get isDisposed() {
+    return this._canvas === null;
+  }
   /** Returns the number of columns in the grid. */
   get cols() {
     return this._cols;
@@ -1623,7 +1689,7 @@ class ve {
     return this._offsetY;
   }
 }
-class Ce {
+class be {
   constructor(e, t = !1, r = {}) {
     o(this, "_canvas");
     o(this, "captureSource");
@@ -1633,8 +1699,8 @@ class Ce {
   createCanvas(e, t) {
     var i;
     const r = document.createElement("canvas");
-    if (r.className = "textmodeCanvas", this._isStandalone)
-      r.width = e || 800, r.height = t || 600, r.style.width = e + "px", r.style.height = t + "px", document.body.appendChild(r);
+    if (r.className = "textmodeCanvas", r.style.imageRendering = "pixelated", this._isStandalone)
+      r.width = e || 800, r.height = t || 600, document.body.appendChild(r);
     else {
       const s = this.captureSource.getBoundingClientRect();
       let a = Math.round(s.width), n = Math.round(s.height);
@@ -1642,7 +1708,7 @@ class Ce {
         const u = this.captureSource;
         (a === 0 || n === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (a = u.videoWidth, n = u.videoHeight);
       }
-      r.width = a, r.height = n, r.style.width = a + "px", r.style.height = n + "px", r.style.position = "absolute", r.style.pointerEvents = "none";
+      r.width = a, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
       const l = window.getComputedStyle(this.captureSource);
       let c = parseInt(l.zIndex || "0", 10);
       isNaN(c) && (c = 0), r.style.zIndex = (c + 1).toString(), this.positionOverlayCanvas(r), (i = this.captureSource.parentNode) == null || i.insertBefore(r, this.captureSource.nextSibling);
@@ -1660,7 +1726,7 @@ class Ce {
   }
   resize(e, t) {
     if (this._isStandalone)
-      this._canvas.width = e ?? this._canvas.width, this._canvas.height = t ?? this._canvas.height, this._canvas.style.width = (e ?? this._canvas.width) + "px", this._canvas.style.height = (t ?? this._canvas.height) + "px";
+      this._canvas.width = e ?? this._canvas.width, this._canvas.height = t ?? this._canvas.height;
     else {
       const r = this.captureSource.getBoundingClientRect();
       let i = Math.round(r.width), s = Math.round(r.height);
@@ -1668,7 +1734,7 @@ class Ce {
         const a = this.captureSource;
         (i === 0 || s === 0) && a.videoWidth > 0 && a.videoHeight > 0 && (i = a.videoWidth, s = a.videoHeight);
       }
-      this._canvas.width = i, this._canvas.height = s, this._canvas.style.width = i + "px", this._canvas.style.height = s + "px", this.positionOverlayCanvas(this._canvas);
+      this._canvas.width = i, this._canvas.height = s, this.positionOverlayCanvas(this._canvas);
     }
   }
   /**
@@ -1688,6 +1754,27 @@ class Ce {
       throw new F("WebGL context could not be created. Ensure your browser supports WebGL.");
     return t;
   }
+  /**
+   * Dispose of this TextmodeCanvas and clean up all resources.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    if (this._canvas) {
+      const e = this._canvas.getContext("webgl") || this._canvas.getContext("webgl2");
+      if (e) {
+        const t = e.getExtension("WEBGL_lose_context");
+        t && t.loseContext();
+      }
+      this._canvas.parentNode && this._canvas.parentNode.removeChild(this._canvas), this._canvas = null;
+    }
+    this.captureSource = null;
+  }
+  /**
+   * Check if this TextmodeCanvas has been disposed
+   */
+  get isDisposed() {
+    return this._canvas === null;
+  }
   get canvas() {
     return this._canvas;
   }
@@ -1745,6 +1832,19 @@ class U {
   disable() {
     this.enabled(!1);
   }
+  /**
+   * Dispose of all framebuffers used by this converter.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this._characterFramebuffer && !this._characterFramebuffer.isDisposed && this._characterFramebuffer.dispose(), this._primaryColorFramebuffer && !this._primaryColorFramebuffer.isDisposed && this._primaryColorFramebuffer.dispose(), this._secondaryColorFramebuffer && !this._secondaryColorFramebuffer.isDisposed && this._secondaryColorFramebuffer.dispose(), this._rotationFramebuffer && !this._rotationFramebuffer.isDisposed && this._rotationFramebuffer.dispose(), this._transformFramebuffer && !this._transformFramebuffer.isDisposed && this._transformFramebuffer.dispose(), this._characterFramebuffer = null, this._primaryColorFramebuffer = null, this._secondaryColorFramebuffer = null, this._rotationFramebuffer = null, this._transformFramebuffer = null;
+  }
+  /**
+   * Check if this converter has been disposed
+   */
+  get isDisposed() {
+    return this._characterFramebuffer === null;
+  }
   /** Returns the framebuffer containing character data. */
   get characterFramebuffer() {
     return this._characterFramebuffer;
@@ -1770,7 +1870,7 @@ class U {
     return this._options;
   }
 }
-class be {
+class Ce {
   /**
    * Create a new color palette instance.
    * @param renderer The renderer instance.
@@ -1829,7 +1929,7 @@ class X extends U {
   constructor(t, r, i, s = {}) {
     super(t, r, i, s);
     o(this, "palette");
-    this.palette = new be(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
+    this.palette = new Ce(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
   }
   /**
    * Sets the characters used for mapping.
@@ -2167,6 +2267,21 @@ class Ue {
     for (const e of this.converters)
       e.converter.enable();
   }
+  /**
+   * Dispose of all resources used by this conversion pipeline.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    for (const e of this.converters)
+      e.converter && !e.converter.isDisposed && e.converter.dispose();
+    this._characterFramebuffer && !this._characterFramebuffer.isDisposed && this._characterFramebuffer.dispose(), this._primaryColorFramebuffer && !this._primaryColorFramebuffer.isDisposed && this._primaryColorFramebuffer.dispose(), this._secondaryColorFramebuffer && !this._secondaryColorFramebuffer.isDisposed && this._secondaryColorFramebuffer.dispose(), this._rotationFramebuffer && !this._rotationFramebuffer.isDisposed && this._rotationFramebuffer.dispose(), this._transformFramebuffer && !this._transformFramebuffer.isDisposed && this._transformFramebuffer.dispose(), this._resultFramebuffer && !this._resultFramebuffer.isDisposed && this._resultFramebuffer.dispose(), this._asciiShader && !this._asciiShader.isDisposed && this._asciiShader.dispose(), this.converters = [], this._characterFramebuffer = null, this._primaryColorFramebuffer = null, this._secondaryColorFramebuffer = null, this._rotationFramebuffer = null, this._transformFramebuffer = null, this._resultFramebuffer = null, this._asciiShader = null;
+  }
+  /**
+   * Check if this conversion pipeline has been disposed
+   */
+  get isDisposed() {
+    return this._resultFramebuffer === null || this._asciiShader === null;
+  }
   /** Returns the character framebuffer containing the combined result of all converters. */
   get characterFramebuffer() {
     return this._characterFramebuffer;
@@ -2287,7 +2402,7 @@ class N {
     return `'textmode-export'-${this.generateTimestamp()}`;
   }
 }
-class Ae extends H {
+class De extends H {
   /**
    * Extracts transform data from transform pixels
    * @param transformPixels Transform framebuffer pixels
@@ -2357,7 +2472,7 @@ class Ae extends H {
     return r;
   }
 }
-class Me {
+class Ae {
   /**
    * Gets the glyph index for a given Unicode code point in a Typr.js font
    * @param fontData The Typr.js font data
@@ -2435,22 +2550,22 @@ class Me {
       const f = n[d];
       if (!(f < u)) {
         if (f >= u) {
-          const g = t + s[u] * i, _ = r - a[u] * i;
-          c += `M${g.toFixed(2)},${_.toFixed(2)}`;
-          let p = u + 1;
-          for (; p <= f; )
-            if ((l[p] & 1) !== 0) {
-              const b = t + s[p] * i, v = r - a[p] * i;
-              c += `L${b.toFixed(2)},${v.toFixed(2)}`, p++;
+          const g = t + s[u] * i, p = r - a[u] * i;
+          c += `M${g.toFixed(2)},${p.toFixed(2)}`;
+          let _ = u + 1;
+          for (; _ <= f; )
+            if ((l[_] & 1) !== 0) {
+              const C = t + s[_] * i, v = r - a[_] * i;
+              c += `L${C.toFixed(2)},${v.toFixed(2)}`, _++;
             } else {
-              const b = t + s[p] * i, v = r - a[p] * i;
-              let w = p + 1 > f ? u : p + 1;
+              const C = t + s[_] * i, v = r - a[_] * i;
+              let w = _ + 1 > f ? u : _ + 1;
               if ((l[w] & 1) !== 0) {
                 const R = t + s[w] * i, y = r - a[w] * i;
-                c += `Q${b.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${y.toFixed(2)}`, p = w + 1;
+                c += `Q${C.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${y.toFixed(2)}`, _ = w + 1;
               } else {
-                const R = t + s[w] * i, y = r - a[w] * i, P = (b + R) / 2, D = (v + y) / 2;
-                c += `Q${b.toFixed(2)},${v.toFixed(2)} ${P.toFixed(2)},${D.toFixed(2)}`, p = w;
+                const R = t + s[w] * i, y = r - a[w] * i, P = (C + R) / 2, M = (v + y) / 2;
+                c += `Q${C.toFixed(2)},${v.toFixed(2)} ${P.toFixed(2)},${M.toFixed(2)}`, _ = w;
               }
             }
           c += "Z";
@@ -2506,10 +2621,10 @@ class Me {
     }
   }
 }
-class De {
+class Me {
   constructor() {
     o(this, "pathGenerator");
-    this.pathGenerator = new Me();
+    this.pathGenerator = new Ae();
   }
   /**
    * Generates the SVG header with metadata
@@ -2689,7 +2804,7 @@ class Y {
     o(this, "dataExtractor");
     o(this, "contentGenerator");
     o(this, "fileHandler");
-    this.dataExtractor = new Ae(), this.contentGenerator = new De(), this.fileHandler = new Ie();
+    this.dataExtractor = new De(), this.contentGenerator = new Me(), this.fileHandler = new Ie();
   }
   /**
    * Applies default values to SVG export options
@@ -2930,12 +3045,12 @@ const q = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, $ = {
+}, z = {
   png: ".png",
   jpg: ".jpg",
   webp: ".webp"
 };
-class $e extends N {
+class ze extends N {
   /**
    * Saves image content as a downloadable file
    * @param content The image content (data URL or blob)
@@ -2944,7 +3059,7 @@ class $e extends N {
    */
   saveImage(e, t, r) {
     try {
-      const i = $[r];
+      const i = z[r];
       typeof e == "string" ? this.saveImageFromDataURL(e, this.sanitizeFilename(t) + i) : this.saveImageFromBlob(e, this.sanitizeFilename(t) + i);
     } catch (i) {
       throw console.error(`Failed to save ${r.toUpperCase()} image:`, i), new Error(`Image save failed: ${i instanceof Error ? i.message : "Unknown error"}`);
@@ -2979,7 +3094,7 @@ class $e extends N {
    * @returns True if the format is supported for saving
    */
   validateSaveSupport(e) {
-    return e in q && e in $;
+    return e in q && e in z;
   }
   /**
    * Gets the MIME type for the specified image format
@@ -2995,15 +3110,15 @@ class $e extends N {
    * @returns The file extension (including the dot)
    */
   getFileExtension(e) {
-    return $[e];
+    return z[e];
   }
 }
-class ze {
+class $e {
   constructor() {
     o(this, "dataExtractor");
     o(this, "contentGenerator");
     o(this, "fileHandler");
-    this.dataExtractor = new Ve(), this.contentGenerator = new ke(), this.fileHandler = new $e();
+    this.dataExtractor = new Ve(), this.contentGenerator = new ke(), this.fileHandler = new ze();
   }
   /**
    * Applies default values to image export options
@@ -3117,6 +3232,9 @@ class I {
     });
     o(this, "_resizedCallback", () => {
     });
+    // Destroy state
+    o(this, "_isDestroyed", !1);
+    o(this, "_windowResizeListener", null);
     this.captureSource = e, this._standalone = e === null, this._mode = t.renderMode ?? "auto", this._frameRateLimit = t.frameRate ?? 60, this.frameInterval = 1e3 / this._frameRateLimit;
   }
   /**
@@ -3127,16 +3245,16 @@ class I {
    */
   static async create(e = null, t = {}) {
     const r = new I(e, t), i = r._standalone ? t : void 0;
-    r.textmodeCanvas = new Ce(r.captureSource, r._standalone, i), r._renderer = new fe(r.textmodeCanvas.getWebGLContext());
+    r.textmodeCanvas = new be(r.captureSource, r._standalone, i), r._renderer = new fe(r.textmodeCanvas.getWebGLContext());
     let s, a;
     r._standalone ? (s = t.width || 800, a = t.height || 600) : (s = r.textmodeCanvas.width || 800, a = r.textmodeCanvas.height || 600), r._canvasFramebuffer = r._renderer.createFramebuffer(s, a), r._font = new xe(r._renderer, t.fontSize ?? 16), await r._font.initialize(t.fontSource);
     const n = r._font.maxGlyphDimensions;
     return r._grid = new ve(r.textmodeCanvas.canvas, n.width, n.height), r._pipeline = new Ue(r._renderer, r._font, r._grid), r.setupEventListeners(), r.startAutoRendering(), r;
   }
   setupEventListeners() {
-    window.addEventListener("resize", () => {
+    this._windowResizeListener = () => {
       this._standalone ? this._resizedCallback() : this.resize();
-    }), window.ResizeObserver && this.captureSource && !this._standalone && (this.resizeObserver = new ResizeObserver(() => {
+    }, window.addEventListener("resize", this._windowResizeListener), window.ResizeObserver && this.captureSource && !this._standalone && (this.resizeObserver = new ResizeObserver(() => {
       this.resize();
     }), this.resizeObserver.observe(this.captureSource));
   }
@@ -3288,7 +3406,7 @@ class I {
    * ```
    */
   async saveCanvas(e, t = "png", r = {}) {
-    await new ze().saveImage(this.textmodeCanvas, {
+    await new $e().saveImage(this.textmodeCanvas, {
       ...r,
       filename: e,
       format: t
@@ -3358,7 +3476,19 @@ class I {
    * ```
    */
   render() {
-    this.measureFrameRate(), this._frameCount++, this._standalone || this._canvasFramebuffer.update(this.captureSource), this._canvasFramebuffer.begin(), this._drawCallback(), this._renderer.reset(), this._canvasFramebuffer.end(), this._pipeline.render(this._canvasFramebuffer), this._pipeline.hasEnabledConverters() ? (this._renderer.background(0), this._renderer.image(this._pipeline.texture, this._grid.offsetX, this._grid.offsetY, this._pipeline.texture.width, this._pipeline.texture.height)) : (this._renderer.clear(), this._renderer.image(this._canvasFramebuffer, this._grid.offsetX, this._grid.offsetY, this._canvasFramebuffer.width, this._canvasFramebuffer.height));
+    if (this._isDestroyed) {
+      console.warn("Cannot render: Textmodifier instance has been destroyed");
+      return;
+    }
+    if (this.measureFrameRate(), this._frameCount++, !this._canvasFramebuffer || !this._renderer || !this._pipeline) {
+      console.warn("Cannot render: Required resources have been disposed");
+      return;
+    }
+    if (this._standalone ? this._canvasFramebuffer && (this._canvasFramebuffer.begin(), this._drawCallback(), this._renderer && this._renderer.reset(), this._canvasFramebuffer && this._canvasFramebuffer.end()) : this.captureSource && this._canvasFramebuffer && this._canvasFramebuffer.update(this.captureSource), !this._pipeline || !this._renderer) {
+      console.warn("Cannot complete render: Pipeline or renderer has been disposed");
+      return;
+    }
+    this._pipeline.render(this._canvasFramebuffer), this._pipeline.hasEnabledConverters() ? this._renderer && this._pipeline.texture && this._grid && (this._renderer.background(0), this._renderer.image(this._pipeline.texture, this._grid.offsetX, this._grid.offsetY, this._pipeline.texture.width, this._pipeline.texture.height)) : this._renderer && this._canvasFramebuffer && this._grid && (this._renderer.clear(), this._renderer.image(this._canvasFramebuffer, this._grid.offsetX, this._grid.offsetY, this._canvasFramebuffer.width, this._canvasFramebuffer.height));
   }
   resize() {
     this.textmodeCanvas.resize(), this._canvasFramebuffer.resize(this.textmodeCanvas.width, this.textmodeCanvas.height), this._grid.resize(), this._pipeline.resize(), this._renderer.resetViewport(), this._mode !== "manual" && this.render();
@@ -3367,11 +3497,13 @@ class I {
    * Start automatic rendering
    */
   startAutoRendering() {
-    if (this._mode !== "auto") return;
+    if (this._mode !== "auto" || this._isDestroyed) return;
     this.lastFrameTime = performance.now();
     const e = (t) => {
+      if (this._isDestroyed)
+        return;
       const r = t - this.lastFrameTime;
-      r >= this.frameInterval && (this.render(), this.lastFrameTime = t - r % this.frameInterval), this.animationFrameId = requestAnimationFrame(e);
+      r >= this.frameInterval && (this.render(), this.lastFrameTime = t - r % this.frameInterval), this._isDestroyed || (this.animationFrameId = requestAnimationFrame(e));
     };
     this.animationFrameId = requestAnimationFrame(e);
   }
@@ -3380,6 +3512,7 @@ class I {
    * Uses a rolling average for smoother frame rate reporting
    */
   measureFrameRate() {
+    if (this._isDestroyed) return;
     const e = performance.now();
     if (this.lastRenderTime > 0) {
       const t = e - this.lastRenderTime;
@@ -3420,6 +3553,10 @@ class I {
    * ```
    */
   renderMode(e) {
+    if (this._isDestroyed) {
+      console.warn("Cannot change render mode: Textmodifier instance has been destroyed");
+      return;
+    }
     this._mode !== e && (this.stopAutoRendering(), this._mode = e, e === "auto" && this.startAutoRendering());
   }
   /**
@@ -3973,33 +4110,77 @@ class I {
   setUniform(e, t) {
     this._renderer.setUniform(e, t);
   }
+  /**
+   * Completely destroy this Textmodifier instance and free all associated resources.
+   * 
+   * This method performs comprehensive cleanup of:
+   * - WebGL resources (framebuffers, textures, shaders)
+   * - Animation frames and timers
+   * - Event listeners
+   * - DOM elements
+   * - Font resources
+   * 
+   * After calling this method, the instance should not be used and will be eligible for garbage collection.
+   * This method is idempotent and safe to call multiple times.
+   * 
+   * @example
+   * ```javascript
+   * // Create a textmodifier instance
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // Use it for rendering
+   * textmodifier.render();
+   * 
+   * // When done, completely clean up
+   * textmodifier.destroy();
+   * 
+   * // Instance is now safely disposed and ready for garbage collection
+   * ```
+   */
+  destroy() {
+    this._isDestroyed || (this._isDestroyed = !0, this.stopAutoRendering(), this._windowResizeListener && (window.removeEventListener("resize", this._windowResizeListener), this._windowResizeListener = null), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this._pipeline && !this._pipeline.isDisposed && this._pipeline.dispose(), this._font && !this._font.isDisposed && this._font.dispose(), this._grid && !this._grid.isDisposed && this._grid.dispose(), this._canvasFramebuffer && !this._canvasFramebuffer.isDisposed && this._canvasFramebuffer.dispose(), this._renderer && !this._renderer.isDisposed && this._renderer.dispose(), this.textmodeCanvas && !this.textmodeCanvas.isDisposed && this.textmodeCanvas.dispose(), this.captureSource = null, this.textmodeCanvas = null, this._renderer = null, this._canvasFramebuffer = null, this._font = null, this._grid = null, this._pipeline = null, this.resizeObserver = null, this._drawCallback = () => {
+    }, this._resizedCallback = () => {
+    }, this.animationFrameId = null, this.lastFrameTime = 0, this.lastRenderTime = 0, this._frameCount = 0, this._frameRate = 0, this.frameTimeHistory = []);
+  }
   /** Get the current grid object used for rendering. */
   get grid() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access grid: Textmodifier instance has been destroyed");
     return this._grid;
   }
   /** Get the current font object used for rendering. */
   get font() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access font: Textmodifier instance has been destroyed");
     return this._font;
   }
   /** Get the current rendering mode.*/
   get mode() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access mode: Textmodifier instance has been destroyed");
     return this._mode;
   }
   /** Get the current textmode conversion pipeline. */
   get pipeline() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access pipeline: Textmodifier instance has been destroyed");
     return this._pipeline;
   }
   /** Get the current frame count. */
   get frameCount() {
-    return this._frameCount;
+    return this._isDestroyed ? 0 : this._frameCount;
   }
   /** Get the width of the canvas. */
   get width() {
-    return this.textmodeCanvas.width;
+    return this._isDestroyed ? 0 : this.textmodeCanvas.width;
   }
   /** Get the height of the canvas. */
   get height() {
-    return this.textmodeCanvas.height;
+    return this._isDestroyed ? 0 : this.textmodeCanvas.height;
+  }
+  /** Check if this Textmodifier instance has been destroyed. */
+  get isDestroyed() {
+    return this._isDestroyed;
   }
 }
 class O {
@@ -4046,6 +4227,20 @@ class O {
    *   // Draw a rectangle with the fill color
    *   t.rect(x, y, 200, 150);
    * });
+   * 
+   * ////////
+   * 
+   * // Resource management example
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // Use the textmodifier...
+   * textmodifier.render();
+   * 
+   * // When done, completely clean up all resources
+   * textmodifier.destroy();
+   * 
+   * // The instance is now safely disposed and ready for garbage collection
+   * console.log(textmodifier.isDestroyed); // true
    * ```
    */
   static async create(e, t = {}) {
@@ -4078,7 +4273,7 @@ class O {
    * ```
    */
   static get version() {
-    return "0.1.2";
+    return "0.1.4-beta.1";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");
@@ -4088,7 +4283,7 @@ const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), Ne = O.create, Oe = O.setErrorLevel, We = O.version;
 export {
-  Ce as TextmodeCanvas,
+  be as TextmodeCanvas,
   Ue as TextmodeConversionPipeline,
   ne as TextmodeErrorLevel,
   xe as TextmodeFont,