textmode.js 0.1.6-beta.7 → 0.1.7

package/dist/textmode.esm.js

@@ -310,9 +310,9 @@ class eA extends X {
       const n = B / 2, a = this.BA(A - n, t - n), h = this.BA(A + n, t + n);
       this.QA(a.nx, a.ny, h.nx, h.ny);
     } else {
-      const n = -i / o, a = s / o, h = B / 2, C = A + n * h, D = t + a * h, c = A - n * h, u = t - a * h, f = e + n * h, d = r + a * h, m = e - n * h, p = r - a * h, M = this.BA(C, D), v = this.BA(c, u), b = this.BA(f, d), z = this.BA(m, p), y = this.P;
+      const n = -i / o, a = s / o, h = B / 2, C = A + n * h, D = t + a * h, c = A - n * h, u = t - a * h, f = e + n * h, d = r + a * h, m = e - n * h, p = r - a * h, M = this.BA(C, D), b = this.BA(c, u), v = this.BA(f, d), z = this.BA(m, p), y = this.P;
       this.AA(), y.bindBuffer(y.ARRAY_BUFFER, this.N);
-      const j = new Float32Array([M.nx, M.ny, 0, 0, v.nx, v.ny, 0, 1, b.nx, b.ny, 1, 0, v.nx, v.ny, 0, 1, z.nx, z.ny, 1, 1, b.nx, b.ny, 1, 0]);
+      const j = new Float32Array([M.nx, M.ny, 0, 0, b.nx, b.ny, 0, 1, v.nx, v.ny, 1, 0, b.nx, b.ny, 0, 1, z.nx, z.ny, 1, 1, v.nx, v.ny, 1, 0]);
       y.bufferData(y.ARRAY_BUFFER, j, y.DYNAMIC_DRAW);
     }
     const g = this.tA();
@@ -404,10 +404,10 @@ class rA {
   }
   $A(A, t, e, r) {
     if (this.oA !== null) {
-      const c = (A + e) / 2, u = (t + r) / 2, f = Math.abs(e - A) || 1, d = Math.abs(r - t) || 1, { centerX: m, centerY: p, radians: M, aspectRatio: v } = this.YA(c - f / 2, u - d / 2, f, d);
-      this.GA("u_rotation", M), this.GA("u_center", [m, p]), this.GA("u_aspectRatio", v);
-      const b = this.CA > 0 ? this.CA : 1;
-      return this.aA.iA(A, t, e, r, b), void (this.oA = null);
+      const c = (A + e) / 2, u = (t + r) / 2, f = Math.abs(e - A) || 1, d = Math.abs(r - t) || 1, { centerX: m, centerY: p, radians: M, aspectRatio: b } = this.YA(c - f / 2, u - d / 2, f, d);
+      this.GA("u_rotation", M), this.GA("u_center", [m, p]), this.GA("u_aspectRatio", b);
+      const v = this.CA > 0 ? this.CA : 1;
+      return this.aA.iA(A, t, e, r, v), void (this.oA = null);
     }
     if (!this.cA || this.CA <= 0) return;
     const B = this.gA, s = (A + e) / 2, i = (t + r) / 2, o = Math.abs(e - A) || 1, g = Math.abs(r - t) || 1, n = this.uA !== 0;
@@ -1663,7 +1663,7 @@ class xA {
     this.Ke.sB(e, B, r);
   }
 }
-const vA = (E) => class extends E {
+const bA = (E) => class extends E {
   toString(A = {}) {
     return new H().AB(this, A);
   }
@@ -1677,9 +1677,9 @@ const vA = (E) => class extends E {
     new k().ze(this, A);
   }
   async saveCanvas(A, t = "png", e = {}) {
-    await new xA().sB(this.textmodeCanvas, { ...e, filename: A, format: t });
+    await new xA().sB(this.bt, { ...e, filename: A, format: t });
   }
-}, bA = (E) => class extends E {
+}, vA = (E) => class extends E {
   async loadFont(A) {
     return this.et.It(A).then(() => {
       const t = this.et.maxGlyphDimensions;
@@ -1705,13 +1705,13 @@ class _A {
     Q(this, "WA");
     Q(this, "et");
     Q(this, "oB");
-    Q(this, "textmodeCanvas");
+    Q(this, "bt");
     Q(this, "zt");
   }
 }
 class J extends function(t, ...e) {
   return e.reduce((r, B) => B(r), t);
-}(_A, lA, vA, bA, yA) {
+}(_A, lA, bA, vA, yA) {
   constructor(t = null, e = {}) {
     super();
     Q(this, "St");
@@ -1740,9 +1740,9 @@ class J extends function(t, ...e) {
   static async create(t = null, e = {}) {
     const r = new this(t, e), B = r.mB ? e : void 0;
     let s, i;
-    r.textmodeCanvas = new gA(r.captureSource, r.mB, B), r.WA = new rA(r.textmodeCanvas.Rt()), r.mB ? (s = e.width || 800, i = e.height || 600) : (s = r.textmodeCanvas.width || 800, i = r.textmodeCanvas.height || 600), r.nB = r.WA.TA(s, i), r.et = new QA(r.WA, e.fontSize ?? 16), await r.et.Ct(e.fontSource);
+    r.bt = new gA(r.captureSource, r.mB, B), r.WA = new rA(r.bt.Rt()), r.mB ? (s = e.width || 800, i = e.height || 600) : (s = r.bt.width || 800, i = r.bt.height || 600), r.nB = r.WA.TA(s, i), r.et = new QA(r.WA, e.fontSize ?? 16), await r.et.Ct(e.fontSource);
     const o = r.et.maxGlyphDimensions;
-    return r.zt = new oA(r.textmodeCanvas.canvas, o.width, o.height), r.oB = new hA(r.WA, r.et, r.zt), r.bB(), r.xB(), r;
+    return r.zt = new oA(r.bt.canvas, o.width, o.height), r.oB = new hA(r.WA, r.et, r.zt), r.bB(), r.xB(), r;
   }
   bB() {
     this.vB = () => {
@@ -1755,7 +1755,7 @@ class J extends function(t, ...e) {
     this.MB(), this.IB++, this.dB ? console.warn("Cannot render: Required resources have been disposed") : (this.mB ? (this.nB.begin(), this.pB(), this.nB.end()) : this.nB.update(this.St), this.oB.hasEnabledConverters() ? (this.oB.le(this.nB), this.WA.SA(0), this.WA.kA(this.oB.texture, this.zt.offsetX, this.zt.offsetY, this.oB.texture.width, this.oB.texture.height)) : (this.WA.OA(), this.WA.kA(this.nB, this.zt.offsetX, this.zt.offsetY, this.nB.width, this.nB.height)));
   }
   yB() {
-    this.textmodeCanvas.$t(), this.nB.resize(this.textmodeCanvas.width, this.textmodeCanvas.height), this.zt.$t(), this.oB.$t(), this.WA.UA(), this.aB !== "manual" && this.render();
+    this.bt.$t(), this.nB.resize(this.bt.width, this.bt.height), this.zt.$t(), this.oB.$t(), this.WA.UA(), this.aB !== "manual" && this.render();
   }
   xB() {
     if (this.aB !== "auto" || !this.cB) return;
@@ -1806,7 +1806,7 @@ class J extends function(t, ...e) {
     this._B = t;
   }
   resizeCanvas(t, e) {
-    this.textmodeCanvas.$t(t, e), this.nB.resize(this.textmodeCanvas.width, this.textmodeCanvas.height), this.zt.$t(), this.oB.$t(), this.WA.UA(), this.aB !== "manual" && this.render();
+    this.bt.$t(t, e), this.nB.resize(this.bt.width, this.bt.height), this.zt.$t(), this.oB.$t(), this.WA.UA(), this.aB !== "manual" && this.render();
   }
   destroy() {
     this.dB || (this.GB(), window.removeEventListener("resize", this.vB), this.Ut && this.Ut.disconnect(), this.oB.S(), this.et.S(), this.nB.S(), this.WA.S(), this.dB = !0);
@@ -1830,10 +1830,13 @@ class J extends function(t, ...e) {
     this.IB = t;
   }
   get width() {
-    return this.textmodeCanvas.width;
+    return this.bt.width;
   }
   get height() {
-    return this.textmodeCanvas.height;
+    return this.bt.height;
+  }
+  get canvas() {
+    return this.bt;
   }
   get isDisposed() {
     return this.dB;
@@ -1851,7 +1854,7 @@ class L {
     P.u(A);
   }
   static get version() {
-    return "0.1.6-beta.7";
+    return "0.1.7";
   }
 }
 const MA = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), RA = L.create, FA = L.setErrorLevel, UA = L.version;

package/dist/textmode.esm.min.js

@@ -740,10 +740,10 @@ class ht {
     h(this, "fe");
     h(this, "de", "UrsaFont");
     h(this, "me");
-    h(this, "pe");
     h(this, "ge");
+    h(this, "pe");
     h(this, "_e");
-    this.he = e, this.me = new it(), this.pe = new ot(t), this.ge = new nt(), this._e = new at();
+    this.he = e, this.me = new it(), this.ge = new ot(t), this.pe = new nt(), this._e = new at();
   }
   async ve(t) {
     let e;
@@ -757,8 +757,8 @@ class ht {
   }
   we(t) {
     if (t === void 0) return this.he;
-    this.he = t, this.ue = this.ge.calculateMaxGlyphDimensions(this.ne.map((r) => r.character), this.he, this.de);
-    const e = this.pe.createTextureAtlas(this.ne, this.ue, this.he, this.de);
+    this.he = t, this.ue = this.pe.calculateMaxGlyphDimensions(this.ne.map((r) => r.character), this.he, this.de);
+    const e = this.ge.createTextureAtlas(this.ne, this.ue, this.he, this.de);
     this.ae = e.framebuffer, this.le = e.columns, this.ce = e.rows;
   }
   async Ce(t) {
@@ -780,8 +780,8 @@ class ht {
   }
   async be() {
     const t = this.me.extractCharacters(this.oe), e = this.me.filterProblematicCharacters(t);
-    this.ne = this._e.createCharacterObjects(e, this.oe), this.ue = this.ge.calculateMaxGlyphDimensions(e, this.he, this.de);
-    const r = this.pe.createTextureAtlas(this.ne, this.ue, this.he, this.de);
+    this.ne = this._e.createCharacterObjects(e, this.oe), this.ue = this.pe.calculateMaxGlyphDimensions(e, this.he, this.de);
+    const r = this.ge.createTextureAtlas(this.ne, this.ue, this.he, this.de);
     this.ae = r.framebuffer, this.le = r.columns, this.ce = r.rows;
   }
   getCharacterColor(t) {
@@ -1170,14 +1170,14 @@ class ft {
     h(this, "ur");
     h(this, "dr");
     h(this, "mr");
-    h(this, "pr");
     h(this, "gr");
+    h(this, "pr");
     h(this, "We");
     h(this, "Ne");
     h(this, "Xe");
     h(this, "qe");
     h(this, "Ye");
-    this.Zt = t, this.oe = e, this.je = r, this.gr = this.Zt.zt(Z, "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=gl_FragCoord.xy/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}"), this.dr = new I(t, e, r), this.mr = new U(t, e, r), this.ur = [this.dr, this.mr], this.We = this.Zt.Et(r.cols, r.rows), this.Ne = this.Zt.Et(r.cols, r.rows), this.Xe = this.Zt.Et(r.cols, r.rows), this.qe = this.Zt.Et(r.cols, r.rows), this.Ye = this.Zt.Et(r.cols, r.rows), this.pr = this.Zt.Et(this.je.width, this.je.height);
+    this.Zt = t, this.oe = e, this.je = r, this.pr = this.Zt.zt(Z, "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=gl_FragCoord.xy/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}"), this.dr = new I(t, e, r), this.mr = new U(t, e, r), this.ur = [this.dr, this.mr], this.We = this.Zt.Et(r.cols, r.rows), this.Ne = this.Zt.Et(r.cols, r.rows), this.Xe = this.Zt.Et(r.cols, r.rows), this.qe = this.Zt.Et(r.cols, r.rows), this.Ye = this.Zt.Et(r.cols, r.rows), this.gr = this.Zt.Et(this.je.width, this.je.height);
   }
   _r(t) {
     for (const r of this.ur) r.options.enabled && r instanceof k && r.cr(t);
@@ -1186,7 +1186,7 @@ class ft {
       for (const i of this.ur) i.options.enabled && this.Zt.Ot(s(i), 0, 0);
       r.end();
     };
-    e(this.We, (r) => r.characterFramebuffer), e(this.Ne, (r) => r.primaryColorFramebuffer), e(this.Xe, (r) => r.secondaryColorFramebuffer), e(this.qe, (r) => r.rotationFramebuffer), e(this.Ye, (r) => r.transformFramebuffer), this.pr.begin(), this.Zt.Bt(), this.Zt.yt(this.gr), this.Zt.Pt("u_characterTexture", this.oe.fontFramebuffer), this.Zt.Pt("u_charsetDimensions", [this.oe.textureColumns, this.oe.textureRows]), this.Zt.Pt("u_asciiCharacterTexture", this.We.texture), this.Zt.Pt("u_primaryColorTexture", this.Ne.texture), this.Zt.Pt("u_secondaryColorTexture", this.Xe.texture), this.Zt.Pt("u_transformTexture", this.Ye.texture), this.Zt.Pt("u_rotationTexture", this.qe.texture), this.Zt.Pt("u_captureTexture", t.texture), this.Zt.Pt("u_backgroundMode", !1), this.Zt.Pt("u_captureDimensions", [t.width, t.height]), this.Zt.Pt("u_gridCellDimensions", [this.je.cols, this.je.rows]), this.Zt.Pt("u_gridPixelDimensions", [this.je.width, this.je.height]), this.Zt.Ut(0, 0, this.pr.width, this.pr.height), this.pr.end();
+    e(this.We, (r) => r.characterFramebuffer), e(this.Ne, (r) => r.primaryColorFramebuffer), e(this.Xe, (r) => r.secondaryColorFramebuffer), e(this.qe, (r) => r.rotationFramebuffer), e(this.Ye, (r) => r.transformFramebuffer), this.gr.begin(), this.Zt.Bt(), this.Zt.yt(this.pr), this.Zt.Pt("u_characterTexture", this.oe.fontFramebuffer), this.Zt.Pt("u_charsetDimensions", [this.oe.textureColumns, this.oe.textureRows]), this.Zt.Pt("u_asciiCharacterTexture", this.We.texture), this.Zt.Pt("u_primaryColorTexture", this.Ne.texture), this.Zt.Pt("u_secondaryColorTexture", this.Xe.texture), this.Zt.Pt("u_transformTexture", this.Ye.texture), this.Zt.Pt("u_rotationTexture", this.qe.texture), this.Zt.Pt("u_captureTexture", t.texture), this.Zt.Pt("u_backgroundMode", !1), this.Zt.Pt("u_captureDimensions", [t.width, t.height]), this.Zt.Pt("u_gridCellDimensions", [this.je.cols, this.je.rows]), this.Zt.Pt("u_gridPixelDimensions", [this.je.width, this.je.height]), this.Zt.Ut(0, 0, this.gr.width, this.gr.height), this.gr.end();
   }
   add(t) {
     if (!C.p(t === "brightness" || t === "custom", 'Converter type must be either "brightness" or "custom".', { method: "add", providedValue: t })) return;
@@ -1199,7 +1199,7 @@ class ft {
     C.p(e !== -1, "Converter instance not found in pipeline.", { method: "remove", providedValue: t, convertersCount: this.ur.length }) && this.ur.splice(e, 1);
   }
   Pe() {
-    this.pr.resize(this.je.width, this.je.height);
+    this.gr.resize(this.je.width, this.je.height);
     const t = this.je.cols, e = this.je.rows;
     this.We.resize(t, e), this.Ne.resize(t, e), this.Xe.resize(t, e), this.qe.resize(t, e), this.Ye.resize(t, e);
     for (const r of this.ur) r.Pe();
@@ -1215,10 +1215,10 @@ class ft {
   }
   P() {
     for (const t of this.ur) t.P();
-    this.We.P(), this.Ne.P(), this.Xe.P(), this.qe.P(), this.Ye.P(), this.pr.P(), this.gr.P();
+    this.We.P(), this.Ne.P(), this.Xe.P(), this.qe.P(), this.Ye.P(), this.gr.P(), this.pr.P();
   }
   get texture() {
-    return this.pr;
+    return this.gr;
   }
   get characterFramebuffer() {
     return this.We;
@@ -1639,21 +1639,21 @@ class Pt {
   Zr(t) {
     return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent" };
   }
-  ps(t) {
+  gs(t) {
     if (console.log("Validating image export options:", t), !this.Qr.ds(t.format)) throw Error(`Saving '${t.format}' files is not supported`);
     if (t.quality < 0 || t.quality > 1) throw Error("Image quality must be between 0.0 and 1.0");
     if (t.scale <= 0) throw Error("Scale factor must be greater than 0");
     t.scale > 10 && console.warn("Large scale factors may result in very large files and slow performance"), t.format === "jpg" && t.backgroundColor === "transparent" && (t.backgroundColor = "black");
   }
-  gs(t, e = {}) {
+  ps(t, e = {}) {
     const r = this.Zr(e);
-    if (this.ps(r), r.scale === 1 && r.backgroundColor === "transparent") return this.Yr.hs(t.canvas, r);
+    if (this.gs(r), r.scale === 1 && r.backgroundColor === "transparent") return this.Yr.hs(t.canvas, r);
     const s = this.qr.ns(t, r.scale, r.backgroundColor);
     return this.Yr.hs(s, r);
   }
   async cs(t, e = {}) {
     const r = this.Zr(e);
-    if (this.ps(r), r.scale === 1 && r.backgroundColor === "transparent") return await this.Yr.cs(t.canvas, r);
+    if (this.gs(r), r.scale === 1 && r.backgroundColor === "transparent") return await this.Yr.cs(t.canvas, r);
     const s = this.qr.ns(t, r.scale, r.backgroundColor);
     return await this.Yr.cs(s, r);
   }
@@ -1676,7 +1676,7 @@ const Rt = (a) => class extends a {
     new V().Xr(this, t);
   }
   async saveCanvas(t, e = "png", r = {}) {
-    await new Pt().us(this.textmodeCanvas, { ...r, filename: t, format: e });
+    await new Pt().us(this.Me, { ...r, filename: t, format: e });
   }
 }, Ft = (a) => class extends a {
   async loadFont(t) {
@@ -1704,7 +1704,7 @@ class At {
     h(this, "Zt");
     h(this, "oe");
     h(this, "_s");
-    h(this, "textmodeCanvas");
+    h(this, "Me");
     h(this, "je");
   }
 }
@@ -1739,9 +1739,9 @@ class O extends function(e, ...r) {
   static async create(e = null, r = {}) {
     const s = new this(e, r), i = s.zs ? r : void 0;
     let o, n;
-    s.textmodeCanvas = new ct(s.captureSource, s.zs, i), s.Zt = new st(s.textmodeCanvas.He()), s.zs ? (o = r.width || 800, n = r.height || 600) : (o = s.textmodeCanvas.width || 800, n = s.textmodeCanvas.height || 600), s.vs = s.Zt.Et(o, n), s.oe = new ht(s.Zt, r.fontSize ?? 16), await s.oe.ve(r.fontSource);
+    s.Me = new ct(s.captureSource, s.zs, i), s.Zt = new st(s.Me.He()), s.zs ? (o = r.width || 800, n = r.height || 600) : (o = s.Me.width || 800, n = s.Me.height || 600), s.vs = s.Zt.Et(o, n), s.oe = new ht(s.Zt, r.fontSize ?? 16), await s.oe.ve(r.fontSource);
     const l = s.oe.maxGlyphDimensions;
-    return s.je = new lt(s.textmodeCanvas.canvas, l.width, l.height), s._s = new ft(s.Zt, s.oe, s.je), s.As(), s.Gs(), s;
+    return s.je = new lt(s.Me.canvas, l.width, l.height), s._s = new ft(s.Zt, s.oe, s.je), s.As(), s.Gs(), s;
   }
   As() {
     this.Us = () => {
@@ -1754,7 +1754,7 @@ class O extends function(e, ...r) {
     this.Ls(), this.Ss++, this.ks ? console.warn("Cannot render: Required resources have been disposed") : (this.zs ? (this.vs.begin(), this.Is(), this.vs.end()) : this.vs.update(this.Ae), this._s.hasEnabledConverters() ? (this._s._r(this.vs), this.Zt.Lt(0), this.Zt.Ot(this._s.texture, this.je.offsetX, this.je.offsetY, this._s.texture.width, this._s.texture.height)) : (this.Zt.Bt(), this.Zt.Ot(this.vs, this.je.offsetX, this.je.offsetY, this.vs.width, this.vs.height)));
   }
   Es() {
-    this.textmodeCanvas.Pe(), this.vs.resize(this.textmodeCanvas.width, this.textmodeCanvas.height), this.je.Pe(), this._s.Pe(), this.Zt.Ht(), this.bs !== "manual" && this.render();
+    this.Me.Pe(), this.vs.resize(this.Me.width, this.Me.height), this.je.Pe(), this._s.Pe(), this.Zt.Ht(), this.bs !== "manual" && this.render();
   }
   Gs() {
     if (this.bs !== "auto" || !this.Ts) return;
@@ -1805,7 +1805,7 @@ class O extends function(e, ...r) {
     this.Ps = e;
   }
   resizeCanvas(e, r) {
-    this.textmodeCanvas.Pe(e, r), this.vs.resize(this.textmodeCanvas.width, this.textmodeCanvas.height), this.je.Pe(), this._s.Pe(), this.Zt.Ht(), this.bs !== "manual" && this.render();
+    this.Me.Pe(e, r), this.vs.resize(this.Me.width, this.Me.height), this.je.Pe(), this._s.Pe(), this.Zt.Ht(), this.bs !== "manual" && this.render();
   }
   destroy() {
     this.ks || (this.Bs(), window.removeEventListener("resize", this.Us), this.Ee && this.Ee.disconnect(), this._s.P(), this.oe.P(), this.vs.P(), this.Zt.P(), this.ks = !0);
@@ -1829,10 +1829,13 @@ class O extends function(e, ...r) {
     this.Ss = e;
   }
   get width() {
-    return this.textmodeCanvas.width;
+    return this.Me.width;
   }
   get height() {
-    return this.textmodeCanvas.height;
+    return this.Me.height;
+  }
+  get canvas() {
+    return this.Me;
   }
   get isDisposed() {
     return this.ks;
@@ -1850,7 +1853,7 @@ class N {
     C._(t);
   }
   static get version() {
-    return "0.1.6-beta.7";
+    return "0.1.7";
   }
 }
 const St = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), Zt = N.create, $t = N.setErrorLevel, Bt = N.version;