Simple Example with Typescript

[pstaabp]

I'm trying to get mathjax embedded in a Vue component using typescript and am trying to get something simple working. I found a nice example (without vue) using the beta version of 3.0 at https://stackblitz.com/edit/mathjax-ts.

I installed MathJax via yarn and it seems that the directory structure is different from the beta version, however if I use

import { MathJax } from 'mathjax-full/ts/mathjax';  // this is the typescript file.

and I seemed to find versions of TeX, CHTML, etc. in the mathjax-full package that replace those in the example in https://stackblitz.com/edit/mathjax-ts.

However when trying to run this, there is a large list of missing packages. For example, in the mathjax-full/ts/mathjax.ts file, the top line is:

import {HandlerList} from './core/HandlerList.js';

which does not exist, however ./core/HandlerList.ts does?

I looked through the documentation, but can't seem to find anything about a typescript example.

[dpvc]

Peter:

I'm trying to get mathjax embedded in a Vue component using typescript and am trying to get something simple working. I found a nice example (without vue) using the beta version of 3.0 at https://stackblitz.com/edit/mathjax-ts <https://stackblitz.com/edit/mathjax-ts>.

I would not recommend using the typescript source, but rather the compiled version in the js directory. The files are designed to be run from that directory.

I installed MathJax via yarn and it seems that the directory structure is different from the beta version, however if I use import { MathJax } from 'mathjax-full/ts/mathjax'; // this is the typescript file.

Use import {mathjax} from 'mathjax-full/js/mathjax.js'; instead.

and I seemed to find versions of TeX, CHTML, etc. in the mathjax-full package that replace those in the example in https://stackblitz.com/edit/mathjax-ts <https://stackblitz.com/edit/mathjax-ts>.

That example is a bit out of date, as the directory names have changed since it was created. The mathjax3/mathjax3 directory is now the mathjax-full/js directory. Hope that helps. Davide

[pstaabp]

Davide,

If I understand things right, the mathjax-full directory is that of the github.com/mathjax/MathJax-src repository. There's no js directory at the top that.

In fact, there doesn't seem to be a mathjax.js file at all in there.

[dpvc]

If I understand things right, the mathjax-full directory is that of the github.com/mathjax/MathJax-src repository. There's no js directory at the top that.

There is a build process that is performed before the mathjax-full npm package is published. That creates the js (and es5) directories that are part of the mathjax-full npm package.

If you checked out the MathJax-src repository by hand, then you can use

npm install
npm run --silent compile
npm run --silent make-components

to build the js and es5 directories (respectively).

(Sorry, I missed your response, and just saw it now as I was cleaning up some issues for the 3.0.1 release.)