textmode.js 0.2.0-beta.3 → 0.2.0-beta.5

package/dist/textmode.esm.min.js

@@ -429,8 +429,8 @@ class rt {
     p.tt(), p.st({ u_src0: f.textures[0], u_src1: f.textures[1], u_src2: f.textures[2], u_src3: f.textures[3], u_src4: f.textures[4], u_srcSize: [f.width, f.height] });
     const m = U(u) || u.getParameter(u.VIEWPORT);
     p.rt("u_aspectRatio") && p.it("u_aspectRatio", m[2] / m[3]), p.rt("u_viewportSize") && p.it("u_viewportSize", [m[2], m[3]]);
-    const E = Math.floor(s), v = Math.floor(n), b = Math.max(1, Math.floor(o)), _ = Math.max(1, Math.floor(h));
-    if (i.Kt({ x: E, y: v, width: b, height: _ }, r), i.Yt()) {
+    const E = Math.floor(s), v = Math.floor(n), _ = Math.max(1, Math.floor(o)), b = Math.max(1, Math.floor(h));
+    if (i.Kt({ x: E, y: v, width: _, height: b }, r), i.Yt()) {
       const y = i.unitGeometry, P = i.unitBuffer;
       try {
         this.Vt.kt(p.ot, i.type + "", y, P), i.batch.qt(p), i.batch.Zt(y.primitiveType, y.vertexCount);
@@ -938,7 +938,7 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   for (; u < h; ) l = i.readUshort(a, t + (u << 2)), d = i.readShort(a, t + (u << 2) + 2), s.push(l), n.push(d), u++;
   for (; u < o; ) s.push(l), n.push(d), u++;
   return { aWidth: s, lsBearing: n };
-} }, j = { cmap: yt, head: Ct, hhea: vt, maxp: { parseTab(a, t, e) {
+} }, X = { cmap: yt, head: Ct, hhea: vt, maxp: { parseTab(a, t, e) {
   const r = R;
   return r.readUint(a, t), t += 4, { numGlyphs: r.readUshort(a, t) };
 } }, hmtx: St, loca: { parseTab(a, t, e, r) {
@@ -989,7 +989,7 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   } else o.parts = [], o.endPts = [], o.flags = [], o.xs = [], o.ys = [];
   return o;
 } } }, w = { parse: (a) => [((t, e, r, i) => {
-  const s = j, n = { fs: t, ps: e, ds: r };
+  const s = X, n = { fs: t, ps: e, ds: r };
   for (const o in s) {
     const h = o, l = w.findTable(t, h, r);
     if (l) {
@@ -1010,7 +1010,7 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
     s += 16;
   }
   return null;
-}, T: j, B: R };
+}, T: X, B: R };
 class z {
   constructor() {
     c(this, "_s", /* @__PURE__ */ new Map());
@@ -1166,7 +1166,7 @@ class Et {
     return this.Es.Ps(t, e);
   }
 }
-class bt {
+class _t {
   constructor(t) {
     c(this, "Ws");
     c(this, "ks");
@@ -1188,7 +1188,7 @@ class bt {
     for (let o = 0; o < t.length; o++) {
       const h = o % r, l = Math.floor(o / r), d = t[o].character, u = this.Hs(s, d);
       if (!u) continue;
-      const f = d.codePointAt(0) || 0, g = this.Vs.vs(s, f), p = this.Xs(s, g) * n, m = h * e.width, E = l * e.height, v = m + 0.5 * e.width, b = E + 0.5 * e.height, _ = Math.round(v - 0.5 * e.width), y = Math.round(b - 0.5 * i), P = _ + 0.5 * (e.width - p), Z = y + s.hhea.ascender * n;
+      const f = d.codePointAt(0) || 0, g = this.Vs.vs(s, f), p = this.Xs(s, g) * n, m = h * e.width, E = l * e.height, v = m + 0.5 * e.width, _ = E + 0.5 * e.height, b = Math.round(v - 0.5 * e.width), y = Math.round(_ - 0.5 * i), P = b + 0.5 * (e.width - p), Z = y + s.hhea.ascender * n;
       this.Ys(u, P, Z, n);
     }
   }
@@ -1227,11 +1227,11 @@ class bt {
               const m = e + s[p] * i, E = r - n[p] * i;
               let v = p + 1 > u ? l : p + 1;
               if (1 & h[v]) {
-                const b = e + s[v] * i, _ = r - n[v] * i;
-                this.ks.quadraticCurveTo(m, E, b, _), p = v + 1;
+                const _ = e + s[v] * i, b = r - n[v] * i;
+                this.ks.quadraticCurveTo(m, E, _, b), p = v + 1;
               } else {
-                const b = (m + (e + s[v] * i)) / 2, _ = (E + (r - n[v] * i)) / 2;
-                this.ks.quadraticCurveTo(m, E, b, _), p = v;
+                const _ = (m + (e + s[v] * i)) / 2, b = (E + (r - n[v] * i)) / 2;
+                this.ks.quadraticCurveTo(m, E, _, b), p = v;
               }
             }
           this.ks.closePath();
@@ -1242,7 +1242,7 @@ class bt {
     this.ks.fill();
   }
 }
-class _t {
+class bt {
   constructor() {
     c(this, "Ss");
     this.Ss = new z();
@@ -1311,7 +1311,7 @@ class Tt {
     c(this, "oi");
     c(this, "ai");
     c(this, "hi");
-    this.ti = e, this.ni = new Et(), this.oi = new bt(t), this.ai = new _t(), this.hi = new wt();
+    this.ti = e, this.ni = new Et(), this.oi = new _t(t), this.ai = new bt(), this.hi = new wt();
   }
   async ci(t) {
     let e;
@@ -1574,10 +1574,10 @@ const Lt = (a) => class extends a {
   cellColor(t, e, r) {
     this.Us.state.Pt(t, e, r);
   }
-  flipHorizontally(t) {
+  flipX(t) {
     this.Us.state.At(t);
   }
-  flipVertically(t) {
+  flipY(t) {
     this.Us.state.Bt(t);
   }
   charRotation(t) {
@@ -1723,13 +1723,13 @@ class It {
               l += `L${E.toFixed(2)},${v.toFixed(2)}`, m++;
             } else {
               const E = e + s[m] * i, v = r - n[m] * i;
-              let b = m + 1 > f ? d : m + 1;
-              if (1 & h[b]) {
-                const _ = e + s[b] * i, y = r - n[b] * i;
-                l += `Q${E.toFixed(2)},${v.toFixed(2)} ${_.toFixed(2)},${y.toFixed(2)}`, m = b + 1;
+              let _ = m + 1 > f ? d : m + 1;
+              if (1 & h[_]) {
+                const b = e + s[_] * i, y = r - n[_] * i;
+                l += `Q${E.toFixed(2)},${v.toFixed(2)} ${b.toFixed(2)},${y.toFixed(2)}`, m = _ + 1;
               } else {
-                const _ = (E + (e + s[b] * i)) / 2, y = (v + (r - n[b] * i)) / 2;
-                l += `Q${E.toFixed(2)},${v.toFixed(2)} ${_.toFixed(2)},${y.toFixed(2)}`, m = b;
+                const b = (E + (e + s[_] * i)) / 2, y = (v + (r - n[_] * i)) / 2;
+                l += `Q${E.toFixed(2)},${v.toFixed(2)} ${b.toFixed(2)},${y.toFixed(2)}`, m = _;
               }
             }
           l += "Z";
@@ -1832,7 +1832,7 @@ class Mt extends k {
     this.dr(t, e || this.Hi());
   }
 }
-class X {
+class j {
   constructor() {
     c(this, "_r");
     c(this, "gr");
@@ -1998,15 +1998,15 @@ const Vt = (a) => class extends a {
     this.Ar(), new Y().$r({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
   }
   toSVG(t = {}) {
-    return this.Ar(), new X().Cr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
+    return this.Ar(), new j().Cr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
   }
   saveSVG(t = {}) {
-    this.Ar(), new X().pr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
+    this.Ar(), new j().pr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
   }
   async saveCanvas(t = {}) {
     await new Nt().Fr(this.xi, t);
   }
-}, jt = (a) => class extends a {
+}, Xt = (a) => class extends a {
   async loadFont(t) {
     return this.Qs.di(t).then(() => {
       const e = this.Qs.maxGlyphDimensions;
@@ -2019,7 +2019,7 @@ const Vt = (a) => class extends a {
     const e = this.Qs.maxGlyphDimensions;
     this.Lr.wi(e.width, e.height), this.Ir.W(this.Lr.cols, this.Lr.rows), this.Us.cs();
   }
-}, Xt = (a) => class extends a {
+}, jt = (a) => class extends a {
   get frameCount() {
     return this.Er.frameCount;
   }
@@ -2058,7 +2058,7 @@ class Yt {
 }
 class Ht extends function(e, ...r) {
   return r.reduce((i, s) => s(i), e);
-}(Yt, Lt, Vt, jt, Xt) {
+}(Yt, Lt, Vt, Xt, jt) {
   constructor(e = {}) {
     super();
     c(this, "Ur", !1);
@@ -2066,38 +2066,42 @@ class Ht extends function(e, ...r) {
     });
     c(this, "Or", () => {
     });
-    c(this, "jr");
+    c(this, "jr", () => {
+    });
+    c(this, "Hr");
     this.xi = new Ft(e), this.Us = new xt(this.xi.Ri()), this.Qs = new Tt(this.Us, e.fontSize ?? 16), this.Er = new Ut(e.frameRate ?? 60), this.Br = this.Us.Xe(O, `#version 300 es
-precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.kr = this.Us.Xe("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "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 vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;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_gridOffsetPixels)/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);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);}");
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.kr = this.Us.Xe("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "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 vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;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_gridOffsetPixels)/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);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.Xr(e);
   }
-  static async create(e = {}) {
-    const r = new this(e);
-    await r.Qs.ci(e.fontSource);
-    const i = r.Qs.maxGlyphDimensions;
-    return r.Lr = new At(r.xi.canvas, i.width, i.height), r.Ir = r.Us.rs(r.Lr.cols, r.Lr.rows, 5), r.Hr(), r.Er.start(() => r.Wr()), r;
+  async Xr(e) {
+    await this.Qs.ci(e.fontSource);
+    const r = this.Qs.maxGlyphDimensions;
+    this.Lr = new At(this.xi.canvas, r.width, r.height), this.Ir = this.Us.rs(this.Lr.cols, this.Lr.rows, 5), this.Yr(), this.Vr(), this.Er.start(() => this.Wr());
   }
-  Hr() {
-    this.jr = () => {
-      this.Or();
-    }, window.addEventListener("resize", this.jr);
+  Yr() {
+    this.Hr = () => {
+      this.jr();
+    }, window.addEventListener("resize", this.Hr);
   }
   Wr() {
     if (this.Er.measureFrameRate(), this.Er.incrementFrame(), this.Ur) return;
-    this.Ir.V(), this.Us.He(this.Br), this.Vr(), this.Us.ls(this.Br), this.Ir.O();
+    this.Ir.V(), this.Us.He(this.Br), this.Or(), this.Us.ls(this.Br), this.Ir.O();
     const e = this.Us.state.canvasBackgroundColor;
     this.Us.de(e[0], e[1], e[2], e[3]), this.Us.He(this.kr), this.kr.st({ u_characterTexture: this.Qs.fontFramebuffer, u_charsetDimensions: [this.Qs.textureColumns, this.Qs.textureRows], u_asciiCharacterTexture: this.Ir.textures[0], u_primaryColorTexture: this.Ir.textures[1], u_secondaryColorTexture: this.Ir.textures[2], u_transformTexture: this.Ir.textures[4], u_rotationTexture: this.Ir.textures[3], u_gridCellDimensions: [this.Lr.cols, this.Lr.rows], u_gridPixelDimensions: [this.Lr.width, this.Lr.height], u_gridOffsetPixels: [this.Lr.offsetX, this.Lr.offsetY], u_aspectRatio: this.Lr.width / this.Lr.height }), this.Us.Qe(this.Lr.offsetX, this.Lr.offsetY, this.Lr.width, this.Lr.height);
   }
-  draw(e) {
+  setup(e) {
     this.Vr = e;
   }
-  windowResized(e) {
+  draw(e) {
     this.Or = e;
   }
+  windowResized(e) {
+    this.jr = e;
+  }
   resizeCanvas(e, r) {
     this.xi.W(e, r), this.Lr.zt(), this.Ir.W(this.Lr.cols, this.Lr.rows), this.Us.cs(), this.Wr();
   }
   destroy() {
-    this.Ur || (this.Er.stop(), window.removeEventListener("resize", this.jr), this.Qs.j(), this.Us.j(), this.Ur = !0);
+    this.Ur || (this.Er.stop(), window.removeEventListener("resize", this.Hr), this.Qs.j(), this.Us.j(), this.Ur = !0);
   }
   get grid() {
     return this.Lr;
@@ -2125,14 +2129,14 @@ class N {
   constructor() {
     throw new S("Textmode is a static class and cannot be instantiated.");
   }
-  static async create(t) {
-    return Ht.create(t);
+  static create(t = {}) {
+    return new Ht(t);
   }
   static setErrorLevel(t) {
     I.v(t);
   }
   static get version() {
-    return "0.2.0-beta.3";
+    return "0.2.0-beta.5";
   }
 }
 const Zt = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), Kt = N.create, qt = N.setErrorLevel, Jt = N.version;