@motionscript/latex 0.1.0-alpha.0 → 0.1.0-alpha.3

package/src/geometry.ts

@@ -16,7 +16,15 @@ import '@mathjax/src/js/input/tex/mhchem/MhchemConfiguration.js';
 import '@mathjax/src/js/input/tex/physics/PhysicsConfiguration.js';
 import '@mathjax/src/js/input/tex/bbox/BboxConfiguration.js';
 import '@mathjax/src/js/input/tex/mathtools/MathtoolsConfiguration.js';
-import { PathCommand } from '@motionscript/core';
+import type { DynamicFileList } from '@mathjax/src/js/output/common/FontData.js';
+import { MathJaxNewcmFont } from '@mathjax/mathjax-newcm-font/js/svg.js';
+import '@mathjax/mathjax-newcm-font/js/svg/dynamic/calligraphic.js';
+import '@mathjax/mathjax-newcm-font/js/svg/dynamic/double-struck.js';
+import '@mathjax/mathjax-newcm-font/js/svg/dynamic/fraktur.js';
+import '@mathjax/mathjax-newcm-font/js/svg/dynamic/monospace.js';
+import '@mathjax/mathjax-newcm-font/js/svg/dynamic/sans-serif.js';
+import '@mathjax/mathjax-newcm-font/js/svg/dynamic/script.js';
+import { PathCommand } from '@motionscript/sdk';
 
 import { createBoundedCache } from './cache';
 
@@ -49,7 +57,19 @@ const texJax = new TeX({
     ],
 });
 
-const svgJax = new SVG({ fontCache: 'local' });
+/**
+ * The font files behind `\mathcal`, `\mathbb`, `\mathfrak`, `\mathsf`, `\mathtt`
+ * and `\mathscr`, imported above. MathJax fetches these asynchronously the first
+ * time a formula needs one, which a synchronous typesetter cannot wait for, so
+ * they are bundled and set up on the font before anything is typeset. The font
+ * class is passed explicitly so the one they register on is the one in use.
+ */
+const BUNDLED_FONT_FILES = ['calligraphic', 'double-struck', 'fraktur', 'monospace', 'sans-serif', 'script'];
+
+const svgJax = new SVG({ fontCache: 'local', fontData: MathJaxNewcmFont });
+const fontFiles = (MathJaxNewcmFont as unknown as { dynamicFiles: DynamicFileList }).dynamicFiles;
+for (const file of BUNDLED_FONT_FILES) fontFiles[file].setup(svgJax.font);
+
 const mjDoc = mathjax.document('', { InputJax: texJax, OutputJax: svgJax });
 
 // --- Public API ---

package/src/node.ts

@@ -1,4 +1,4 @@
-import { RenderContext2D, Graphics2D, EasingFunction, command, node, lerpNumber, NodeConfig, ShapeNode, ShapeProps, InsetsProps, Size2D, SizeConstraints, toPathString, InsetsResolved, property, insetsOps, FillResolved, ShadowResolved, driveCommand, type Command, type CommandArgs, type TweenStepper } from "@motionscript/core";
+import { RenderContext2D, Graphics2D, EasingFunction, command, node, lerpNumber, NodeConfig, ShapeNode, ShapeProps, InsetsProps, Size2D, SizeConstraints, toPathString, InsetsResolved, property, insetsProperty, FillResolved, ShadowResolved, driveCommand, type Command, type CommandArgs, type TweenStepper } from "@motionscript/sdk";
 import { buildLatexPath, defaultLatexMorph, type AnimatedToken, type LatexMorphStrategy, type LatexToken } from "./engine";
 
 export interface LatexProps extends ShapeProps {
@@ -50,7 +50,7 @@ export interface LatexStrategies {
 export class Latex extends ShapeNode<LatexProps> {
     @property({ default: "" }) declare readonly latex: string;
     @property({ default: 16 }) declare readonly fontSize: number;
-    @property({ default: 0, mapper: insetsOps.resolve, tween: insetsOps.lerp }) declare readonly padding: InsetsResolved;
+    @insetsProperty() declare readonly padding: InsetsResolved;
 
     /**
      * How this node morphs between two formulas. Construction-time-only (see

package/src/tween.ts

@@ -1,4 +1,4 @@
-import { lerpNumber, type PathCommand } from "@motionscript/core";
+import { lerpNumber, type PathCommand } from "@motionscript/sdk";
 import type { LatexToken } from "./geometry";
 
 export interface AnimatedToken {