manim-web 0.3.0 → 0.3.1

package/dist/index.js

@@ -37116,6 +37116,7 @@ class Zo extends Mt {
   _svgFillOpacity;
   _targetHeight;
   _macros;
+  _svgViewBoxWidth = 1e3;
   /** Whether this is a multi-part MathTexSVG (created from string[]) */
   _isMultiPart = !1;
   /** Child part groups (only when _isMultiPart is true) */
@@ -37150,7 +37151,9 @@ class Zo extends Mt {
    */
   getPart(t) {
     if (!this._isMultiPart)
-      throw new Error("getPart() is only available on multi-part MathTexSVG (created with string[])");
+      throw new Error(
+        "getPart() is only available on multi-part MathTexSVG (created with string[])"
+      );
     if (t < 0 || t >= this._parts.length)
       throw new Error(`Part index ${t} out of range [0, ${this._parts.length - 1}]`);
     return this._parts[t];
@@ -37195,15 +37198,20 @@ class Zo extends Mt {
    * Render the LaTeX to VMobject paths.
    */
   async _render() {
-    const e = (await Hr(this._latex, {
+    const t = await Hr(this._latex, {
       displayMode: this._displayMode,
       color: this._color,
       fontScale: this._fontSize,
       macros: this._macros
-    })).vmobjectGroup;
-    this._restyleChildren(e);
-    for (const i of [...e.children])
-      e.remove(i), this.add(i);
+    }), e = t.svgElement.getAttribute?.("viewBox");
+    if (e) {
+      const r = e.split(/\s+/).map(Number);
+      this._svgViewBoxWidth = r[2] || 1e3;
+    }
+    const i = t.vmobjectGroup;
+    this._restyleChildren(i);
+    for (const r of [...i.children])
+      i.remove(r), this.add(r);
     this._scaleToTarget(), this.fillOpacity = this._svgFillOpacity;
   }
   /**
@@ -37221,26 +37229,24 @@ class Zo extends Mt {
    * Scale and center the assembled paths by transforming actual point data.
    */
   _scaleToTarget() {
-    const t = [], e = (d) => {
-      if (d instanceof B && !(d instanceof Mt) && t.push(d), "children" in d)
-        for (const f of d.children)
-          e(f);
+    const t = [], e = (u) => {
+      if (u instanceof B && !(u instanceof Mt) && t.push(u), "children" in u)
+        for (const d of u.children)
+          e(d);
     };
     e(this);
     let i = 1 / 0, r = -1 / 0, n = 1 / 0, o = -1 / 0;
-    for (const d of t)
-      for (const f of d.getPoints())
-        f[0] < i && (i = f[0]), f[0] > r && (r = f[0]), f[1] < n && (n = f[1]), f[1] > o && (o = f[1]);
+    for (const u of t)
+      for (const d of u.getPoints())
+        d[0] < i && (i = d[0]), d[0] > r && (r = d[0]), d[1] < n && (n = d[1]), d[1] > o && (o = d[1]);
     const a = o - n;
     if (a < 1e-4) return;
-    const l = (this._targetHeight ?? 0.5 * this._fontSize) / a, c = (i + r) / 2, u = (n + o) / 2;
-    for (const d of t) {
-      const g = d.getPoints().map((m) => [
-        (m[0] - c) * l,
-        (m[1] - u) * l,
-        m[2]
-      ]);
-      d.setPoints3D(g);
+    let h;
+    this._targetHeight !== void 0 ? h = this._targetHeight / a : h = 0.5 * this._svgViewBoxWidth / 1e3;
+    const l = (i + r) / 2, c = (n + o) / 2;
+    for (const u of t) {
+      const f = u.getPoints().map((g) => [(g[0] - l) * h, (g[1] - c) * h, g[2]]);
+      u.setPoints3D(f);
     }
   }
   /**
@@ -37255,38 +37261,42 @@ class Zo extends Mt {
       color: this._color,
       fontScale: this._fontSize,
       macros: this._macros
-    });
+    }), r = i.svgElement.getAttribute?.("viewBox");
+    if (r) {
+      const h = r.split(/\s+/).map(Number);
+      this._svgViewBoxWidth = h[2] || 1e3;
+    }
     this._restyleChildren(i.vmobjectGroup);
-    const r = [];
-    for (const a of [...i.vmobjectGroup.children])
-      a instanceof B && r.push(a);
     const n = [];
-    for (const a of t) {
-      const h = await Hr(a, {
+    for (const h of [...i.vmobjectGroup.children])
+      h instanceof B && n.push(h);
+    const o = [];
+    for (const h of t) {
+      const l = await Hr(h, {
         displayMode: !1,
         color: this._color,
         fontScale: this._fontSize,
         macros: this._macros
       });
-      let l = 0;
-      for (const c of h.vmobjectGroup.children)
-        c instanceof B && l++;
-      n.push(l);
+      let c = 0;
+      for (const u of l.vmobjectGroup.children)
+        u instanceof B && c++;
+      o.push(c);
     }
-    let o = 0;
-    for (let a = 0; a < t.length; a++) {
-      const h = new Zo._PartGroup(this);
-      h._latex = t[a], h._color = this._color;
-      const l = n[a];
-      for (let c = 0; c < l && o < r.length; c++) {
-        const u = r[o++];
-        i.vmobjectGroup.remove(u), h.add(u);
-      }
-      this._parts.push(h), this.add(h);
-    }
-    for (; o < r.length; ) {
-      const a = this._parts[this._parts.length - 1], h = r[o++];
-      i.vmobjectGroup.remove(h), a.add(h);
+    let a = 0;
+    for (let h = 0; h < t.length; h++) {
+      const l = new Zo._PartGroup(this);
+      l._latex = t[h], l._color = this._color;
+      const c = o[h];
+      for (let u = 0; u < c && a < n.length; u++) {
+        const d = n[a++];
+        i.vmobjectGroup.remove(d), l.add(d);
+      }
+      this._parts.push(l), this.add(l);
+    }
+    for (; a < n.length; ) {
+      const h = this._parts[this._parts.length - 1], l = n[a++];
+      i.vmobjectGroup.remove(l), h.add(l);
     }
     this._scaleToTarget(), this.fillOpacity = this._svgFillOpacity;
   }

package/dist/mobjects/text/MathTexSVG.d.ts

@@ -29,6 +29,7 @@ export declare class MathTexSVG extends VGroup {
     protected _svgFillOpacity: number;
     protected _targetHeight: number | undefined;
     protected _macros: Record<string, string> | undefined;
+    protected _svgViewBoxWidth: number;
     /** Whether this is a multi-part MathTexSVG (created from string[]) */
     protected _isMultiPart: boolean;
     /** Child part groups (only when _isMultiPart is true) */

package/dist/mobjects/text/MathTexSVG.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MathTexSVG.d.ts","sourceRoot":"","sources":["../../../src/mobjects/text/MathTexSVG.ts"],"names":[],"mappings":"AACA;;;;;;;;;GASG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,KAAK,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIhE,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,qBAAa,UAAW,SAAQ,MAAM;IACpC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,eAAe,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,eAAe,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAEtD,sEAAsE;IACtE,SAAS,CAAC,YAAY,EAAE,OAAO,CAAS;IACxC,yDAAyD;IACzD,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,CAAM;IAChC,uDAAuD;IACvD,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAQ;gBAE1C,OAAO,EAAE,iBAAiB;IAuCtC;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAMpC;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAU9B;;OAEG;IACH,YAAY,IAAI,MAAM;IAItB;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACM,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IA0BtC;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B;;OAEG;cACa,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BxC;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAmB/C;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAmDhC;;;;;OAKG;YACW,gBAAgB;IAqE9B;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU,CAqBvB;IAEF;;OAEG;cACgB,WAAW,IAAI,UAAU;CAgB7C;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"MathTexSVG.d.ts","sourceRoot":"","sources":["../../../src/mobjects/text/MathTexSVG.ts"],"names":[],"mappings":"AACA;;;;;;;;;GASG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,KAAK,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIhE,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,qBAAa,UAAW,SAAQ,MAAM;IACpC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,eAAe,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,eAAe,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,gBAAgB,EAAE,MAAM,CAAQ;IAE1C,sEAAsE;IACtE,SAAS,CAAC,YAAY,EAAE,OAAO,CAAS;IACxC,yDAAyD;IACzD,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,CAAM;IAChC,uDAAuD;IACvD,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAQ;gBAE1C,OAAO,EAAE,iBAAiB;IAuCtC;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAMpC;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAY9B;;OAEG;IACH,YAAY,IAAI,MAAM;IAItB;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACM,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IA0BtC;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B;;OAEG;cACa,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAiCxC;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAmB/C;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAyDhC;;;;;OAKG;YACW,gBAAgB;IA2E9B;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU,CAqBvB;IAEF;;OAEG;cACgB,WAAW,IAAI,UAAU;CAgB7C;AAED,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "manim-web",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Manim-like mathematical animation library for the web",
   "type": "module",
   "main": "dist/index.js",